From 95d669390fde2550c42d46bd47b19440569fa538 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 18 Dec 2022 22:23:30 +0100
Subject: [PATCH 001/252] fix: PWA not working after CRA@5 update (#6012)

* fix: PWA not working after CRA@5 update

* fix: fallback to default locale when fetch fails
---
 package.json                                  |  22 ++-
 public/service-worker.js                      |  81 ----------
 scripts/prebuild.js                           |  21 ---
 src/excalidraw-app/pwa.ts                     |   2 +-
 src/i18n.ts                                   |  11 +-
 src/service-worker.ts                         | 147 ++++++++++++++++++
 ...orker.tsx => serviceWorkerRegistration.ts} |   0
 yarn.lock                                     | 126 ++++++++++++---
 8 files changed, 282 insertions(+), 128 deletions(-)
 delete mode 100644 public/service-worker.js
 delete mode 100644 scripts/prebuild.js
 create mode 100644 src/service-worker.ts
 rename src/{serviceWorker.tsx => serviceWorkerRegistration.ts} (100%)

diff --git a/package.json b/package.json
index 60a831e14..bf9414c44 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "@types/socket.io-client": "1.4.36",
     "browser-fs-access": "0.29.1",
     "clsx": "1.1.1",
+    "cross-env": "7.0.3",
     "fake-indexeddb": "3.1.7",
     "firebase": "8.3.3",
     "i18next-browser-languagedetector": "6.1.4",
@@ -54,7 +55,19 @@
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
-    "typescript": "4.5.5"
+    "typescript": "4.5.5",
+    "workbox-background-sync": "^6.5.4",
+    "workbox-broadcast-update": "^6.5.4",
+    "workbox-cacheable-response": "^6.5.4",
+    "workbox-core": "^6.5.4",
+    "workbox-expiration": "^6.5.4",
+    "workbox-google-analytics": "^6.5.4",
+    "workbox-navigation-preload": "^6.5.4",
+    "workbox-precaching": "^6.5.4",
+    "workbox-range-requests": "^6.5.4",
+    "workbox-routing": "^6.5.4",
+    "workbox-strategies": "^6.5.4",
+    "workbox-streams": "^6.5.4"
   },
   "devDependencies": {
     "@excalidraw/eslint-config": "1.0.0",
@@ -67,6 +80,7 @@
     "dotenv": "16.0.1",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-prettier": "3.3.1",
+    "http-server": "14.1.1",
     "husky": "7.0.4",
     "jest-canvas-mock": "2.4.0",
     "lint-staged": "12.3.7",
@@ -90,10 +104,9 @@
   "scripts": {
     "build-node": "node ./scripts/build-node.js",
     "build:app:docker": "REACT_APP_DISABLE_SENTRY=true react-scripts build",
-    "build:app": "REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build",
+    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build",
     "build:version": "node ./scripts/build-version.js",
-    "build:prebuild": "node ./scripts/prebuild.js",
-    "build": "yarn build:prebuild && yarn build:app && yarn build:version",
+    "build": "yarn build:app && yarn build:version",
     "eject": "react-scripts eject",
     "fix:code": "yarn test:code --fix",
     "fix:other": "yarn prettier --write",
@@ -103,6 +116,7 @@
     "prepare": "husky install",
     "prettier": "prettier \"**/*.{css,scss,json,md,html,yml}\" --ignore-path=.eslintignore",
     "start": "react-scripts start",
+    "start:production": "npm run build && npx http-server build -a localhost -p 5001 -o",
     "test:all": "yarn test:typecheck && yarn test:code && yarn test:other && yarn test:app --watchAll=false",
     "test:app": "react-scripts test --passWithNoTests",
     "test:code": "eslint --max-warnings=0 --ext .js,.ts,.tsx .",
diff --git a/public/service-worker.js b/public/service-worker.js
deleted file mode 100644
index cbbdb82b1..000000000
--- a/public/service-worker.js
+++ /dev/null
@@ -1,81 +0,0 @@
-// eslint-disable-next-line no-restricted-globals
-// eslint-disable-next-line no-unused-expressions
-
-/* eslint-disable no-restricted-globals */
-/* global importScripts, workbox */
-
-/**
- * Welcome to your Workbox-powered service worker!
- *
- * You'll need to register this file in your web app and you should
- * disable HTTP caching for this file too.
- * See https://goo.gl/nhQhGp
- *
- * The rest of the code is auto-generated. Please don't update this file
- * directly; instead, make changes to your Workbox build configuration
- * and re-run your build process.
- * See https://goo.gl/2aRDsh
- */
-
-// in dev, `process` is undefined because this file is not compiled until build
-const IS_DEVELOPMENT =
-  typeof process === "undefined" || process.env.NODE_ENV !== "production";
-
-if (IS_DEVELOPMENT) {
-  importScripts(
-    "https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js",
-  );
-  workbox.setConfig({
-    debug: true,
-  });
-} else {
-  importScripts("/workbox/workbox-sw.js");
-  workbox.setConfig({
-    modulePathPrefix: "/workbox/",
-  });
-}
-
-self.addEventListener("message", (event) => {
-  if (event.data && event.data.type === "SKIP_WAITING") {
-    self.skipWaiting();
-  }
-});
-
-workbox.core.clientsClaim();
-
-if (!IS_DEVELOPMENT) {
-  workbox.precaching.precacheAndRoute(self.__WB_MANIFEST);
-
-  workbox.routing.registerNavigationRoute(
-    workbox.precaching.getCacheKeyForURL("./index.html"),
-    {
-      blacklist: [/^\/_/, /\/[^/?]+\.[^/]+$/],
-    },
-  );
-}
-
-// Cache relevant font files
-workbox.routing.registerRoute(
-  new RegExp("/(fonts.css|.+.(ttf|woff2|otf))"),
-  new workbox.strategies.StaleWhileRevalidate({
-    cacheName: "fonts",
-    plugins: [new workbox.expiration.Plugin({ maxEntries: 10 })],
-  }),
-);
-
-self.addEventListener("fetch", (event) => {
-  if (
-    event.request.method === "POST" &&
-    event.request.url.endsWith("/web-share-target")
-  ) {
-    return event.respondWith(
-      (async () => {
-        const formData = await event.request.formData();
-        const file = formData.get("file");
-        const webShareTargetCache = await caches.open("web-share-target");
-        await webShareTargetCache.put("shared-file", new Response(file));
-        return Response.redirect("/?web-share-target", 303);
-      })(),
-    );
-  }
-});
diff --git a/scripts/prebuild.js b/scripts/prebuild.js
deleted file mode 100644
index 64b4a256b..000000000
--- a/scripts/prebuild.js
+++ /dev/null
@@ -1,21 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-
-// for development purposes we want to have the service-worker.js file
-// accessible from the public folder. On build though, we need to compile it
-// and CRA expects that file to be in src/ folder.
-const moveServiceWorkerScript = () => {
-  const oldPath = path.resolve(__dirname, "../public/service-worker.js");
-  const newPath = path.resolve(__dirname, "../src/service-worker.js");
-
-  fs.rename(oldPath, newPath, (error) => {
-    if (error) {
-      throw error;
-    }
-    console.info("public/service-worker.js moved to src/");
-  });
-};
-
-// -----------------------------------------------------------------------------
-
-moveServiceWorkerScript();
diff --git a/src/excalidraw-app/pwa.ts b/src/excalidraw-app/pwa.ts
index bdf92552f..69cb33ecb 100644
--- a/src/excalidraw-app/pwa.ts
+++ b/src/excalidraw-app/pwa.ts
@@ -1,4 +1,4 @@
-import { register as registerServiceWorker } from "../serviceWorker";
+import { register as registerServiceWorker } from "../serviceWorkerRegistration";
 import { EVENT } from "../constants";
 
 // On Apple mobile devices add the proprietary app icon and splashscreen markup.
diff --git a/src/i18n.ts b/src/i18n.ts
index efc00f20d..2d4e52f13 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -90,9 +90,14 @@ export const setLanguage = async (lang: Language) => {
   if (lang.code.startsWith(TEST_LANG_CODE)) {
     currentLangData = {};
   } else {
-    currentLangData = await import(
-      /* webpackChunkName: "locales/[request]" */ `./locales/${currentLang.code}.json`
-    );
+    try {
+      currentLangData = await import(
+        /* webpackChunkName: "locales/[request]" */ `./locales/${currentLang.code}.json`
+      );
+    } catch (error: any) {
+      console.error(`Failed to load language ${lang.code}:`, error.message);
+      currentLangData = fallbackLangData;
+    }
   }
 };
 
diff --git a/src/service-worker.ts b/src/service-worker.ts
new file mode 100644
index 000000000..3e3a4355f
--- /dev/null
+++ b/src/service-worker.ts
@@ -0,0 +1,147 @@
+/// <reference lib="webworker" />
+/* eslint-disable no-restricted-globals */
+
+// This service worker can be customized!
+// See https://developers.google.com/web/tools/workbox/modules
+// for the list of available Workbox modules, or add any other
+// code you'd like.
+// You can also remove this file if you'd prefer not to use a
+// service worker, and the Workbox build step will be skipped.
+
+import { clientsClaim } from "workbox-core";
+import { ExpirationPlugin } from "workbox-expiration";
+import { precacheAndRoute, createHandlerBoundToURL } from "workbox-precaching";
+import { registerRoute } from "workbox-routing";
+import { CacheFirst, StaleWhileRevalidate } from "workbox-strategies";
+
+declare const self: ServiceWorkerGlobalScope;
+
+clientsClaim();
+
+// Precache assets generated by your build process.
+//
+// Their URLs are injected into the __WB_MANIFEST during build (by workbox).
+//
+// This variable must be present somewhere in your service worker file,
+// even if you decide not to use precaching. See https://cra.link/PWA.
+//
+// We don't want to precache i18n files so we filter them out
+// (normally this should be configured in a webpack workbox plugin, but we don't
+// have access to it in CRA) — this is because all users will use at most
+// one or two languages, so there's no point fetching all of them. (They'll
+// be cached as you load them.)
+const manifest = self.__WB_MANIFEST.filter((entry) => {
+  return !/locales\/[\w-]+json/.test(
+    typeof entry === "string" ? entry : entry.url,
+  );
+});
+
+precacheAndRoute(manifest);
+
+// Set up App Shell-style routing, so that all navigation requests
+// are fulfilled with your index.html shell. Learn more at
+// https://developer.chrome.com/docs/workbox/app-shell-model/
+//
+// below is copied verbatim from CRA@5
+const fileExtensionRegexp = new RegExp("/[^/?]+\\.[^/]+$");
+registerRoute(
+  // Return false to exempt requests from being fulfilled by index.html.
+  ({ request, url }: { request: Request; url: URL }) => {
+    // If this isn't a navigation, skip.
+    if (request.mode !== "navigate") {
+      return false;
+    }
+
+    // If this is a URL that starts with /_, skip.
+    if (url.pathname.startsWith("/_")) {
+      return false;
+    }
+
+    // If this looks like a URL for a resource, because it contains
+    // a file extension, skip.
+    if (url.pathname.match(fileExtensionRegexp)) {
+      return false;
+    }
+
+    // Return true to signal that we want to use the handler.
+    return true;
+  },
+  createHandlerBoundToURL(`${process.env.PUBLIC_URL}/index.html`),
+);
+
+// Cache resources that aren't being precached
+// -----------------------------------------------------------------------------
+
+registerRoute(
+  new RegExp("/fonts.css"),
+  new StaleWhileRevalidate({
+    cacheName: "fonts",
+    plugins: [
+      // Ensure that once this runtime cache reaches a maximum size the
+      // least-recently used images are removed.
+      new ExpirationPlugin({ maxEntries: 50 }),
+    ],
+  }),
+);
+
+// since we serve fonts from, don't forget to append new ?v= param when
+// updating fonts (glyphs) without changing the filename
+registerRoute(
+  new RegExp("/.+.(ttf|woff2|otf)"),
+  new CacheFirst({
+    cacheName: "fonts",
+    plugins: [
+      // Ensure that once this runtime cache reaches a maximum size the
+      // least-recently used images are removed.
+      new ExpirationPlugin({
+        maxEntries: 50,
+        // 90 days
+        maxAgeSeconds: 7776000000,
+      }),
+    ],
+  }),
+);
+
+registerRoute(
+  new RegExp("/locales\\/[\\w-]+json"),
+  // Customize this strategy as needed, e.g., by changing to CacheFirst.
+  new CacheFirst({
+    cacheName: "locales",
+    plugins: [
+      // Ensure that once this runtime cache reaches a maximum size the
+      // least-recently used images are removed.
+      new ExpirationPlugin({
+        maxEntries: 50,
+        // 30 days
+        maxAgeSeconds: 2592000000,
+      }),
+    ],
+  }),
+);
+
+// -----------------------------------------------------------------------------
+
+self.addEventListener("fetch", (event) => {
+  if (
+    event.request.method === "POST" &&
+    event.request.url.endsWith("/web-share-target")
+  ) {
+    return event.respondWith(
+      (async () => {
+        const formData = await event.request.formData();
+        const file = formData.get("file");
+        const webShareTargetCache = await caches.open("web-share-target");
+        await webShareTargetCache.put("shared-file", new Response(file));
+        return Response.redirect("/?web-share-target", 303);
+      })(),
+    );
+  }
+});
+
+// This allows the web app to trigger skipWaiting via
+// registration.waiting.postMessage({type: 'SKIP_WAITING'})
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
diff --git a/src/serviceWorker.tsx b/src/serviceWorkerRegistration.ts
similarity index 100%
rename from src/serviceWorker.tsx
rename to src/serviceWorkerRegistration.ts
diff --git a/yarn.lock b/yarn.lock
index ccb509009..1e2d24b96 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3407,6 +3407,13 @@ async-limiter@~1.0.0:
   resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
   integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
 
+async@^2.6.4:
+  version "2.6.4"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
+  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
+  dependencies:
+    lodash "^4.17.14"
+
 async@^3.2.3:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
@@ -3610,6 +3617,13 @@ base64-arraybuffer@0.1.4:
   resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz#9818c79e059b1355f97e0428a017c838e90ba812"
   integrity sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==
 
+basic-auth@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/basic-auth/-/basic-auth-2.0.1.tgz#b998279bf47ce38344b4f3cf916d4679bbf51e3a"
+  integrity sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==
+  dependencies:
+    safe-buffer "5.1.2"
+
 batch@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
@@ -4149,6 +4163,11 @@ core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
+corser@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
+  integrity sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==
+
 cosmiconfig@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
@@ -4176,7 +4195,14 @@ crc-32@^0.3.0:
   resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-0.3.0.tgz#6a3d3687f5baec41f7e9b99fe1953a2e5d19775e"
   integrity sha512-kucVIjOmMc1f0tv53BJ/5WIX+MGLcKuoBhnGqQrgKJNqLByb/sVMWfW/Aw6hw0jgcqjJ2pi9E5y32zOIpaUlsA==
 
-cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-env@7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
+  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+  dependencies:
+    cross-spawn "^7.0.1"
+
+cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -5909,6 +5935,13 @@ html-encoding-sniffer@^2.0.1:
   dependencies:
     whatwg-encoding "^1.0.5"
 
+html-encoding-sniffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
+  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
+  dependencies:
+    whatwg-encoding "^2.0.0"
+
 html-entities@^2.1.0, html-entities@^2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
@@ -6013,6 +6046,25 @@ http-proxy@^1.18.1:
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
+http-server@14.1.1:
+  version "14.1.1"
+  resolved "https://registry.yarnpkg.com/http-server/-/http-server-14.1.1.tgz#d60fbb37d7c2fdff0f0fbff0d0ee6670bd285e2e"
+  integrity sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==
+  dependencies:
+    basic-auth "^2.0.1"
+    chalk "^4.1.2"
+    corser "^2.0.1"
+    he "^1.2.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy "^1.18.1"
+    mime "^1.6.0"
+    minimist "^1.2.6"
+    opener "^1.5.1"
+    portfinder "^1.0.28"
+    secure-compare "3.0.1"
+    union "~0.5.0"
+    url-join "^4.0.1"
+
 https-proxy-agent@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
@@ -6045,7 +6097,7 @@ iconv-lite@0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.6.3:
+iconv-lite@0.6.3, iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
@@ -7358,7 +7410,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
 
-lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
+lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -7499,7 +7551,7 @@ mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17,
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0:
+mime@1.6.0, mime@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
@@ -7545,7 +7597,7 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
   integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
 
-mkdirp@~0.5.1:
+mkdirp@^0.5.6, mkdirp@~0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
@@ -7826,6 +7878,11 @@ open@^8.0.9, open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
+opener@^1.5.1:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
+
 optionator@^0.8.1:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
@@ -8111,6 +8168,15 @@ points-on-path@^0.2.1:
     path-data-parser "0.1.0"
     points-on-curve "0.2.0"
 
+portfinder@^1.0.28:
+  version "1.0.32"
+  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.32.tgz#2fe1b9e58389712429dc2bea5beb2146146c7f81"
+  integrity sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==
+  dependencies:
+    async "^2.6.4"
+    debug "^3.2.7"
+    mkdirp "^0.5.6"
+
 postcss-attribute-case-insensitive@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
@@ -8830,7 +8896,7 @@ q@^1.1.2:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
 
-qs@6.11.0:
+qs@6.11.0, qs@^6.4.0:
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
   integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
@@ -9417,6 +9483,11 @@ schema-utils@^4.0.0:
     ajv-formats "^2.1.1"
     ajv-keywords "^5.0.0"
 
+secure-compare@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/secure-compare/-/secure-compare-3.0.1.tgz#f1a0329b308b221fae37b9974f3d578d0ca999e3"
+  integrity sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -10277,6 +10348,13 @@ unicode-property-aliases-ecmascript@^2.0.0:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
   integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
+union@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/union/-/union-0.5.0.tgz#b2c11be84f60538537b846edb9ba266ba0090075"
+  integrity sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==
+  dependencies:
+    qs "^6.4.0"
+
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -10324,6 +10402,11 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+url-join@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
+  integrity sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==
+
 url-parse@^1.5.3:
   version "1.5.10"
   resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
@@ -10563,6 +10646,13 @@ whatwg-encoding@^1.0.5:
   dependencies:
     iconv-lite "0.4.24"
 
+whatwg-encoding@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
+  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
+  dependencies:
+    iconv-lite "0.6.3"
+
 whatwg-fetch@2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
@@ -10648,7 +10738,7 @@ word-wrap@^1.2.3, word-wrap@~1.2.3:
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
-workbox-background-sync@6.5.4:
+workbox-background-sync@6.5.4, workbox-background-sync@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-6.5.4.tgz#3141afba3cc8aa2ae14c24d0f6811374ba8ff6a9"
   integrity sha512-0r4INQZMyPky/lj4Ou98qxcThrETucOde+7mRGJl13MPJugQNKeZQOdIJe/1AchOP23cTqHcN/YVpD6r8E6I8g==
@@ -10656,7 +10746,7 @@ workbox-background-sync@6.5.4:
     idb "^7.0.1"
     workbox-core "6.5.4"
 
-workbox-broadcast-update@6.5.4:
+workbox-broadcast-update@6.5.4, workbox-broadcast-update@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-6.5.4.tgz#8441cff5417cd41f384ba7633ca960a7ffe40f66"
   integrity sha512-I/lBERoH1u3zyBosnpPEtcAVe5lwykx9Yg1k6f8/BGEPGaMMgZrwVrqL1uA9QZ1NGGFoyE6t9i7lBjOlDhFEEw==
@@ -10706,19 +10796,19 @@ workbox-build@6.5.4:
     workbox-sw "6.5.4"
     workbox-window "6.5.4"
 
-workbox-cacheable-response@6.5.4:
+workbox-cacheable-response@6.5.4, workbox-cacheable-response@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-6.5.4.tgz#a5c6ec0c6e2b6f037379198d4ef07d098f7cf137"
   integrity sha512-DCR9uD0Fqj8oB2TSWQEm1hbFs/85hXXoayVwFKLVuIuxwJaihBsLsp4y7J9bvZbqtPJ1KlCkmYVGQKrBU4KAug==
   dependencies:
     workbox-core "6.5.4"
 
-workbox-core@6.5.4:
+workbox-core@6.5.4, workbox-core@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-6.5.4.tgz#df48bf44cd58bb1d1726c49b883fb1dffa24c9ba"
   integrity sha512-OXYb+m9wZm8GrORlV2vBbE5EC1FKu71GGp0H4rjmxmF4/HLbMCoTFws87M3dFwgpmg0v00K++PImpNQ6J5NQ6Q==
 
-workbox-expiration@6.5.4:
+workbox-expiration@6.5.4, workbox-expiration@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-6.5.4.tgz#501056f81e87e1d296c76570bb483ce5e29b4539"
   integrity sha512-jUP5qPOpH1nXtjGGh1fRBa1wJL2QlIb5mGpct3NzepjGG2uFFBn4iiEBiI9GUmfAFR2ApuRhDydjcRmYXddiEQ==
@@ -10726,7 +10816,7 @@ workbox-expiration@6.5.4:
     idb "^7.0.1"
     workbox-core "6.5.4"
 
-workbox-google-analytics@6.5.4:
+workbox-google-analytics@6.5.4, workbox-google-analytics@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-6.5.4.tgz#c74327f80dfa4c1954cbba93cd7ea640fe7ece7d"
   integrity sha512-8AU1WuaXsD49249Wq0B2zn4a/vvFfHkpcFfqAFHNHwln3jK9QUYmzdkKXGIZl9wyKNP+RRX30vcgcyWMcZ9VAg==
@@ -10736,14 +10826,14 @@ workbox-google-analytics@6.5.4:
     workbox-routing "6.5.4"
     workbox-strategies "6.5.4"
 
-workbox-navigation-preload@6.5.4:
+workbox-navigation-preload@6.5.4, workbox-navigation-preload@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-6.5.4.tgz#ede56dd5f6fc9e860a7e45b2c1a8f87c1c793212"
   integrity sha512-IIwf80eO3cr8h6XSQJF+Hxj26rg2RPFVUmJLUlM0+A2GzB4HFbQyKkrgD5y2d84g2IbJzP4B4j5dPBRzamHrng==
   dependencies:
     workbox-core "6.5.4"
 
-workbox-precaching@6.5.4:
+workbox-precaching@6.5.4, workbox-precaching@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-6.5.4.tgz#740e3561df92c6726ab5f7471e6aac89582cab72"
   integrity sha512-hSMezMsW6btKnxHB4bFy2Qfwey/8SYdGWvVIKFaUm8vJ4E53JAY+U2JwLTRD8wbLWoP6OVUdFlXsTdKu9yoLTg==
@@ -10752,7 +10842,7 @@ workbox-precaching@6.5.4:
     workbox-routing "6.5.4"
     workbox-strategies "6.5.4"
 
-workbox-range-requests@6.5.4:
+workbox-range-requests@6.5.4, workbox-range-requests@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-6.5.4.tgz#86b3d482e090433dab38d36ae031b2bb0bd74399"
   integrity sha512-Je2qR1NXCFC8xVJ/Lux6saH6IrQGhMpDrPXWZWWS8n/RD+WZfKa6dSZwU+/QksfEadJEr/NfY+aP/CXFFK5JFg==
@@ -10771,21 +10861,21 @@ workbox-recipes@6.5.4:
     workbox-routing "6.5.4"
     workbox-strategies "6.5.4"
 
-workbox-routing@6.5.4:
+workbox-routing@6.5.4, workbox-routing@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-6.5.4.tgz#6a7fbbd23f4ac801038d9a0298bc907ee26fe3da"
   integrity sha512-apQswLsbrrOsBUWtr9Lf80F+P1sHnQdYodRo32SjiByYi36IDyL2r7BH1lJtFX8fwNHDa1QOVY74WKLLS6o5Pg==
   dependencies:
     workbox-core "6.5.4"
 
-workbox-strategies@6.5.4:
+workbox-strategies@6.5.4, workbox-strategies@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-6.5.4.tgz#4edda035b3c010fc7f6152918370699334cd204d"
   integrity sha512-DEtsxhx0LIYWkJBTQolRxG4EI0setTJkqR4m7r4YpBdxtWJH1Mbg01Cj8ZjNOO8etqfA3IZaOPHUxCs8cBsKLw==
   dependencies:
     workbox-core "6.5.4"
 
-workbox-streams@6.5.4:
+workbox-streams@6.5.4, workbox-streams@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-6.5.4.tgz#1cb3c168a6101df7b5269d0353c19e36668d7d69"
   integrity sha512-FXKVh87d2RFXkliAIheBojBELIPnWbQdyDvsH3t74Cwhg0fDheL1T8BqSM86hZvC0ZESLsznSYWw+Va+KVbUzg==

From 539505affd68fdb75b12e65fb5b22dcad7040c60 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 18 Dec 2022 23:06:01 +0100
Subject: [PATCH 002/252] fix: resize sometimes throwing on missing null-checks
 (#6013)

---
 src/element/resizeElements.ts | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 46e1c0d1a..3782c232c 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -162,11 +162,12 @@ const rotateSingleElement = (
 
   mutateElement(element, { angle });
   if (boundTextElementId) {
-    const textElement = Scene.getScene(element)!.getElement(
-      boundTextElementId,
-    ) as ExcalidrawTextElementWithContainer;
+    const textElement =
+      Scene.getScene(element)?.getElement<ExcalidrawTextElementWithContainer>(
+        boundTextElementId,
+      );
 
-    if (!isArrowElement(element)) {
+    if (textElement && !isArrowElement(element)) {
       mutateElement(textElement, { angle });
     }
   }
@@ -201,8 +202,10 @@ const measureFontSizeFromWH = (
 
   const hasContainer = isBoundToContainer(element);
   if (hasContainer) {
-    const container = getContainerElement(element)!;
-    width = getMaxContainerWidth(container);
+    const container = getContainerElement(element);
+    if (container) {
+      width = getMaxContainerWidth(container);
+    }
   }
   const nextFontSize = element.fontSize * (nextWidth / width);
   if (nextFontSize < MIN_FONT_SIZE) {
@@ -211,7 +214,7 @@ const measureFontSizeFromWH = (
   const metrics = measureText(
     element.text,
     getFontString({ fontSize: nextFontSize, fontFamily: element.fontFamily }),
-    hasContainer ? width : null,
+    element.containerId ? width : null,
   );
   return {
     size: nextFontSize,
@@ -765,10 +768,11 @@ const rotateMultipleElements = (
     });
     const boundTextElementId = getBoundTextElementId(element);
     if (boundTextElementId) {
-      const textElement = Scene.getScene(element)!.getElement(
-        boundTextElementId,
-      ) as ExcalidrawTextElementWithContainer;
-      if (!isArrowElement(element)) {
+      const textElement =
+        Scene.getScene(element)?.getElement<ExcalidrawTextElementWithContainer>(
+          boundTextElementId,
+        );
+      if (textElement && !isArrowElement(element)) {
         mutateElement(textElement, {
           x: textElement.x + (rotatedCX - cx),
           y: textElement.y + (rotatedCY - cy),

From 6ab3f0eb74a4968189a774aa57a47be1dab128df Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 20 Dec 2022 13:22:20 +0100
Subject: [PATCH 003/252] fix: showing `grabbing` cursor when holding
 `spacebar` (#6015)

---
 src/components/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 347bb6fe9..edefacb01 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2120,7 +2120,7 @@ class App extends React.Component<AppProps, AppState> {
       }
       if (event.key === KEYS.SPACE && gesture.pointers.size === 0) {
         isHoldingSpace = true;
-        setCursor(this.canvas, CURSOR_TYPE.GRABBING);
+        setCursor(this.canvas, CURSOR_TYPE.GRAB);
         event.preventDefault();
       }
 

From d2e371cdf0ce25988c94fe67b518b215896f0b9b Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 21 Dec 2022 12:32:43 +0530
Subject: [PATCH 004/252] fix: don't push whitespace to next line when
 exceeding max width during wrapping and make sure to use same width of text
 editor on DOM when measuring dimensions (#5996)

* fix: don't push whitespace to next line when exceeding max width during wrapping

* add a helper function and never push empty line

* use width same as in text area so dimensions are same

* add tests

* make sure dom element has exact same width as text editor
---
 src/element/textElement.test.ts               | 43 ++++++++++++++++++-
 src/element/textElement.ts                    | 35 ++++++++-------
 src/element/textWysiwyg.test.tsx              |  6 +--
 .../data/__snapshots__/restore.test.ts.snap   |  2 +-
 src/tests/linearElementEditor.test.tsx        |  4 +-
 5 files changed, 67 insertions(+), 23 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index e2c8ee43e..c9027205e 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -1,10 +1,17 @@
 import { BOUND_TEXT_PADDING } from "../constants";
-import { wrapText } from "./textElement";
+import { measureText, wrapText } from "./textElement";
 import { FontString } from "./types";
 
 describe("Test wrapText", () => {
   const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
 
+  it("shouldn't add new lines for trailing spaces", () => {
+    const text = "Hello whats up     ";
+    const maxWidth = 200 - BOUND_TEXT_PADDING * 2;
+    const res = wrapText(text, font, maxWidth);
+    expect(res).toBe("Hello whats up    ");
+  });
+
   describe("When text doesn't contain new lines", () => {
     const text = "Hello whats up";
     [
@@ -139,3 +146,37 @@ break it now`,
     });
   });
 });
+
+describe("Test measureText", () => {
+  const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
+  const text = "Hello World";
+
+  it("should add correct attributes when maxWidth is passed", () => {
+    const maxWidth = 200 - BOUND_TEXT_PADDING * 2;
+    const res = measureText(text, font, maxWidth);
+
+    expect(res.container).toMatchInlineSnapshot(`
+      <div
+        style="position: absolute; white-space: pre-wrap; font: Emoji 20px 20px; min-height: 1em; width: 191px; overflow: hidden; word-break: break-word; line-height: 0px;"
+      >
+        <span
+          style="display: inline-block; overflow: hidden; width: 1px; height: 1px;"
+        />
+      </div>
+    `);
+  });
+
+  it("should add correct attributes when maxWidth is not passed", () => {
+    const res = measureText(text, font);
+
+    expect(res.container).toMatchInlineSnapshot(`
+      <div
+        style="position: absolute; white-space: pre; font: Emoji 20px 20px; min-height: 1em;"
+      >
+        <span
+          style="display: inline-block; overflow: hidden; width: 1px; height: 1px;"
+        />
+      </div>
+    `);
+  });
+});
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 4f39d3612..3a03f936a 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -49,11 +49,7 @@ export const redrawTextBoundingBox = (
       maxWidth,
     );
   }
-  const metrics = measureText(
-    textElement.originalText,
-    getFontString(textElement),
-    maxWidth,
-  );
+  const metrics = measureText(text, getFontString(textElement), maxWidth);
   let coordY = textElement.y;
   let coordX = textElement.x;
   // Resize container and vertically center align the text
@@ -272,7 +268,7 @@ export const measureText = (
   container.style.minHeight = "1em";
   if (maxWidth) {
     const lineHeight = getApproxLineHeight(font);
-    container.style.maxWidth = `${String(maxWidth)}px`;
+    container.style.width = `${String(maxWidth + 1)}px`;
     container.style.overflow = "hidden";
     container.style.wordBreak = "break-word";
     container.style.lineHeight = `${String(lineHeight)}px`;
@@ -290,10 +286,12 @@ export const measureText = (
   // Baseline is important for positioning text on canvas
   const baseline = span.offsetTop + span.offsetHeight;
   // Since span adds 1px extra width to the container
-  const width = container.offsetWidth + 1;
+  const width = container.offsetWidth - 1;
   const height = container.offsetHeight;
-
   document.body.removeChild(container);
+  if (isTestEnv()) {
+    return { width, height, baseline, container };
+  }
   return { width, height, baseline };
 };
 
@@ -331,6 +329,12 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
   const lines: Array<string> = [];
   const originalLines = text.split("\n");
   const spaceWidth = getTextWidth(" ", font);
+
+  const push = (str: string) => {
+    if (str.trim()) {
+      lines.push(str);
+    }
+  };
   originalLines.forEach((originalLine) => {
     const words = originalLine.split(" ");
     // This means its newline so push it
@@ -348,9 +352,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
         if (currentWordWidth >= maxWidth) {
           // push current line since the current word exceeds the max width
           // so will be appended in next line
-          if (currentLine) {
-            lines.push(currentLine);
-          }
+          push(currentLine);
           currentLine = "";
           currentLineWidthTillNow = 0;
           while (words[index].length > 0) {
@@ -364,7 +366,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
               if (currentLine.slice(-1) === " ") {
                 currentLine = currentLine.slice(0, -1);
               }
-              lines.push(currentLine);
+              push(currentLine);
               currentLine = currentChar;
               currentLineWidthTillNow = width;
               if (currentLineWidthTillNow === maxWidth) {
@@ -377,7 +379,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
           }
           // push current line if appending space exceeds max width
           if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
-            lines.push(currentLine);
+            push(currentLine);
             currentLine = "";
             currentLineWidthTillNow = 0;
           } else {
@@ -396,7 +398,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
             currentLineWidthTillNow = getTextWidth(currentLine + word, font);
 
             if (currentLineWidthTillNow >= maxWidth) {
-              lines.push(currentLine);
+              push(currentLine);
               currentLineWidthTillNow = 0;
               currentLine = "";
 
@@ -407,7 +409,8 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
 
             // Push the word if appending space exceeds max width
             if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
-              lines.push(currentLine.slice(0, -1));
+              const word = currentLine.slice(0, -1);
+              push(word);
               currentLine = "";
               currentLineWidthTillNow = 0;
               break;
@@ -424,7 +427,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
         if (currentLine.slice(-1) === " ") {
           currentLine = currentLine.slice(0, -1);
         }
-        lines.push(currentLine);
+        push(currentLine);
       }
     }
   });
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index f2ef40b58..d06d9236e 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -861,7 +861,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          109.5,
+          110.5,
           17,
         ]
       `);
@@ -909,7 +909,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          424,
+          426,
           -539,
         ]
       `);
@@ -1026,7 +1026,7 @@ describe("textWysiwyg", () => {
       mouse.up(rectangle.x + 100, rectangle.y + 50);
       expect(rectangle.x).toBe(80);
       expect(rectangle.y).toBe(85);
-      expect(text.x).toBe(89.5);
+      expect(text.x).toBe(90.5);
       expect(text.y).toBe(90);
 
       Keyboard.withModifierKeys({ ctrl: true }, () => {
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index 8af4f83c9..444bc0ea2 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -312,7 +312,7 @@ Object {
   "versionNonce": 0,
   "verticalAlign": "middle",
   "width": 100,
-  "x": -0.5,
+  "x": 0.5,
   "y": 0,
 }
 `;
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index c3366406f..68d971710 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -1027,7 +1027,7 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 386.5,
+          "x": 387.5,
           "y": 70,
         }
       `);
@@ -1086,7 +1086,7 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 189.5,
+          "x": 190.5,
           "y": 20,
         }
       `);

From b704705ed84205b3bb3983ad20a6970b4eb33d15 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 21 Dec 2022 14:29:06 +0530
Subject: [PATCH 005/252] feat: render footer as a component instead of render
 prop (#5970)

* feat: render footer as a component instead of render prop

* Export FooterCenter as footer

* remove useDevice export

* revert some changes

* remove

* add spec

* update specs

* parse children into a dictionary

* factor app footer components into a single file

* Add docs

* split app footer components

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/App.tsx                        | 13 ++-
 src/components/LayerUI.tsx                    | 29 +++++--
 src/components/MobileMenu.tsx                 |  7 +-
 src/components/WelcomeScreen.tsx              |  6 +-
 src/components/{ => footer}/Footer.tsx        | 37 ++++----
 src/components/footer/FooterCenter.tsx        | 19 +++++
 src/constants.ts                              |  4 +
 .../components/EncryptedIcon.tsx              | 10 +--
 .../components/ExcalidrawPlusAppLink.tsx      | 17 ++++
 src/excalidraw-app/index.tsx                  | 56 +++---------
 src/packages/excalidraw/CHANGELOG.md          |  8 ++
 src/packages/excalidraw/README.md             | 34 ++++++--
 src/packages/excalidraw/example/App.tsx       | 85 +++++++++----------
 src/packages/excalidraw/index.tsx             |  9 +-
 src/tests/packages/excalidraw.test.tsx        | 27 +++++-
 src/types.ts                                  |  8 +-
 src/utils.ts                                  | 23 +++++
 17 files changed, 232 insertions(+), 160 deletions(-)
 rename src/components/{ => footer}/Footer.tsx (77%)
 create mode 100644 src/components/footer/FooterCenter.tsx
 rename src/{ => excalidraw-app}/components/EncryptedIcon.tsx (63%)
 create mode 100644 src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx

diff --git a/src/components/App.tsx b/src/components/App.tsx
index edefacb01..da9fba57b 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -534,12 +534,8 @@ class App extends React.Component<AppProps, AppState> {
       this.scene.getNonDeletedElements(),
       this.state,
     );
-    const {
-      onCollabButtonClick,
-      renderTopRightUI,
-      renderFooter,
-      renderCustomStats,
-    } = this.props;
+    const { onCollabButtonClick, renderTopRightUI, renderCustomStats } =
+      this.props;
 
     return (
       <div
@@ -583,7 +579,6 @@ class App extends React.Component<AppProps, AppState> {
                     langCode={getLanguage().code}
                     isCollaborating={this.props.isCollaborating}
                     renderTopRightUI={renderTopRightUI}
-                    renderCustomFooter={renderFooter}
                     renderCustomStats={renderCustomStats}
                     renderCustomSidebar={this.props.renderSidebar}
                     showExitZenModeBtn={
@@ -601,7 +596,9 @@ class App extends React.Component<AppProps, AppState> {
                       this.state.activeTool.type === "selection" &&
                       !this.scene.getElementsIncludingDeleted().length
                     }
-                  />
+                  >
+                    {this.props.children}
+                  </LayerUI>
                   <div className="excalidraw-textEditorContainer" />
                   <div className="excalidraw-contextMenuContainer" />
                   {selectedElement.length === 1 &&
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 2cefeed56..2d754c9ba 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -8,8 +8,14 @@ import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language, t } from "../i18n";
 import { calculateScrollCenter } from "../scene";
 import { ExportType } from "../scene/types";
-import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
-import { muteFSAbortError } from "../utils";
+import {
+  AppProps,
+  AppState,
+  ExcalidrawProps,
+  BinaryFiles,
+  UIChildrenComponents,
+} from "../types";
+import { muteFSAbortError, ReactChildrenToObject } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import CollabButton from "./CollabButton";
 import { ErrorDialog } from "./ErrorDialog";
@@ -38,7 +44,7 @@ import { trackEvent } from "../analytics";
 import { isMenuOpenAtom, useDevice } from "../components/App";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions/actionToggleStats";
-import Footer from "./Footer";
+import Footer from "./footer/Footer";
 import {
   ExportImageIcon,
   HamburgerMenuIcon,
@@ -71,7 +77,6 @@ interface LayerUIProps {
   langCode: Language["code"];
   isCollaborating: boolean;
   renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
-  renderCustomFooter?: ExcalidrawProps["renderFooter"];
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   renderCustomSidebar?: ExcalidrawProps["renderSidebar"];
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
@@ -81,7 +86,9 @@ interface LayerUIProps {
   id: string;
   onImageAction: (data: { insertOnCanvasDirectly: boolean }) => void;
   renderWelcomeScreen: boolean;
+  children?: React.ReactNode;
 }
+
 const LayerUI = ({
   actionManager,
   appState,
@@ -96,7 +103,7 @@ const LayerUI = ({
   showExitZenModeBtn,
   isCollaborating,
   renderTopRightUI,
-  renderCustomFooter,
+
   renderCustomStats,
   renderCustomSidebar,
   libraryReturnUrl,
@@ -106,9 +113,13 @@ const LayerUI = ({
   id,
   onImageAction,
   renderWelcomeScreen,
+  children,
 }: LayerUIProps) => {
   const device = useDevice();
 
+  const childrenComponents =
+    ReactChildrenToObject<UIChildrenComponents>(children);
+
   const renderJSONExportDialog = () => {
     if (!UIOptions.canvasActions.export) {
       return null;
@@ -481,7 +492,6 @@ const LayerUI = ({
           onPenModeToggle={onPenModeToggle}
           canvas={canvas}
           isCollaborating={isCollaborating}
-          renderCustomFooter={renderCustomFooter}
           onImageAction={onImageAction}
           renderTopRightUI={renderTopRightUI}
           renderCustomStats={renderCustomStats}
@@ -514,9 +524,11 @@ const LayerUI = ({
               renderWelcomeScreen={renderWelcomeScreen}
               appState={appState}
               actionManager={actionManager}
-              renderCustomFooter={renderCustomFooter}
               showExitZenModeBtn={showExitZenModeBtn}
-            />
+            >
+              {childrenComponents.FooterCenter}
+            </Footer>
+
             {appState.showStats && (
               <Stats
                 appState={appState}
@@ -563,7 +575,6 @@ const areEqual = (prev: LayerUIProps, next: LayerUIProps) => {
   const keys = Object.keys(prevAppState) as (keyof Partial<AppState>)[];
 
   return (
-    prev.renderCustomFooter === next.renderCustomFooter &&
     prev.renderTopRightUI === next.renderTopRightUI &&
     prev.renderCustomStats === next.renderCustomStats &&
     prev.renderCustomSidebar === next.renderCustomSidebar &&
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 59dd299d7..37b32cc0a 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -36,10 +36,7 @@ type MobileMenuProps = {
   onPenModeToggle: () => void;
   canvas: HTMLCanvasElement | null;
   isCollaborating: boolean;
-  renderCustomFooter?: (
-    isMobile: boolean,
-    appState: AppState,
-  ) => JSX.Element | null;
+
   onImageAction: (data: { insertOnCanvasDirectly: boolean }) => void;
   renderTopRightUI?: (
     isMobile: boolean,
@@ -63,7 +60,6 @@ export const MobileMenu = ({
   onPenModeToggle,
   canvas,
   isCollaborating,
-  renderCustomFooter,
   onImageAction,
   renderTopRightUI,
   renderCustomStats,
@@ -253,7 +249,6 @@ export const MobileMenu = ({
               <div className="panelColumn">
                 <Stack.Col gap={2}>
                   {renderCanvasActions()}
-                  {renderCustomFooter?.(true, appState)}
                   {appState.collaborators.size > 0 && (
                     <fieldset>
                       <legend>{t("labels.collaborators")}</legend>
diff --git a/src/components/WelcomeScreen.tsx b/src/components/WelcomeScreen.tsx
index 6649346df..66993d4d7 100644
--- a/src/components/WelcomeScreen.tsx
+++ b/src/components/WelcomeScreen.tsx
@@ -2,7 +2,7 @@ import { useAtom } from "jotai";
 import { actionLoadScene, actionShortcuts } from "../actions";
 import { ActionManager } from "../actions/manager";
 import { getShortcutFromShortcutName } from "../actions/shortcuts";
-import { COOKIES } from "../constants";
+import { isExcalidrawPlusSignedUser } from "../constants";
 import { collabDialogShownAtom } from "../excalidraw-app/collab/Collab";
 import { t } from "../i18n";
 import { AppState } from "../types";
@@ -15,10 +15,6 @@ import {
 } from "./icons";
 import "./WelcomeScreen.scss";
 
-const isExcalidrawPlusSignedUser = document.cookie.includes(
-  COOKIES.AUTH_STATE_COOKIE,
-);
-
 const WelcomeScreenItem = ({
   label,
   shortcut,
diff --git a/src/components/Footer.tsx b/src/components/footer/Footer.tsx
similarity index 77%
rename from src/components/Footer.tsx
rename to src/components/footer/Footer.tsx
index 825226011..cd28f7c27 100644
--- a/src/components/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,35 +1,37 @@
 import clsx from "clsx";
-import { ActionManager } from "../actions/manager";
-import { t } from "../i18n";
-import { AppState, ExcalidrawProps } from "../types";
+import { ActionManager } from "../../actions/manager";
+import { t } from "../../i18n";
+import { AppState } from "../../types";
 import {
   ExitZenModeAction,
   FinalizeAction,
   UndoRedoActions,
   ZoomActions,
-} from "./Actions";
-import { useDevice } from "./App";
-import { WelcomeScreenHelpArrow } from "./icons";
-import { Section } from "./Section";
-import Stack from "./Stack";
-import WelcomeScreenDecor from "./WelcomeScreenDecor";
+} from "../Actions";
+import { useDevice } from "../App";
+import { WelcomeScreenHelpArrow } from "../icons";
+import { Section } from "../Section";
+import Stack from "../Stack";
+import WelcomeScreenDecor from "../WelcomeScreenDecor";
+import FooterCenter from "./FooterCenter";
 
 const Footer = ({
   appState,
   actionManager,
-  renderCustomFooter,
   showExitZenModeBtn,
   renderWelcomeScreen,
+  children,
 }: {
   appState: AppState;
   actionManager: ActionManager;
-  renderCustomFooter?: ExcalidrawProps["renderFooter"];
   showExitZenModeBtn: boolean;
   renderWelcomeScreen: boolean;
+  children?: React.ReactNode;
 }) => {
   const device = useDevice();
   const showFinalize =
     !appState.viewModeEnabled && appState.multiElement && device.isTouchScreen;
+
   return (
     <footer
       role="contentinfo"
@@ -69,17 +71,7 @@ const Footer = ({
           </Section>
         </Stack.Col>
       </div>
-      <div
-        className={clsx(
-          "layer-ui__wrapper__footer-center zen-mode-transition",
-          {
-            "layer-ui__wrapper__footer-left--transition-bottom":
-              appState.zenModeEnabled,
-          },
-        )}
-      >
-        {renderCustomFooter?.(false, appState)}
-      </div>
+      <FooterCenter>{children}</FooterCenter>
       <div
         className={clsx("layer-ui__wrapper__footer-right zen-mode-transition", {
           "transition-right disable-pointerEvents": appState.zenModeEnabled,
@@ -107,3 +99,4 @@ const Footer = ({
 };
 
 export default Footer;
+Footer.displayName = "Footer";
diff --git a/src/components/footer/FooterCenter.tsx b/src/components/footer/FooterCenter.tsx
new file mode 100644
index 000000000..d271f1452
--- /dev/null
+++ b/src/components/footer/FooterCenter.tsx
@@ -0,0 +1,19 @@
+import clsx from "clsx";
+import { useExcalidrawAppState } from "../App";
+
+const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
+  const appState = useExcalidrawAppState();
+  return (
+    <div
+      className={clsx("layer-ui__wrapper__footer-center zen-mode-transition", {
+        "layer-ui__wrapper__footer-left--transition-bottom":
+          appState.zenModeEnabled,
+      })}
+    >
+      {children}
+    </div>
+  );
+};
+
+export default FooterCenter;
+FooterCenter.displayName = "FooterCenter";
diff --git a/src/constants.ts b/src/constants.ts
index c492f27f6..47ddf2b29 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -243,3 +243,7 @@ export const COOKIES = {
 /** key containt id of precedeing elemnt id we use in reconciliation during
  * collaboration */
 export const PRECEDING_ELEMENT_KEY = "__precedingElement__";
+
+export const isExcalidrawPlusSignedUser = document.cookie.includes(
+  COOKIES.AUTH_STATE_COOKIE,
+);
diff --git a/src/components/EncryptedIcon.tsx b/src/excalidraw-app/components/EncryptedIcon.tsx
similarity index 63%
rename from src/components/EncryptedIcon.tsx
rename to src/excalidraw-app/components/EncryptedIcon.tsx
index 12a936c34..a3e6ff0ba 100644
--- a/src/components/EncryptedIcon.tsx
+++ b/src/excalidraw-app/components/EncryptedIcon.tsx
@@ -1,8 +1,8 @@
-import { t } from "../i18n";
-import { shield } from "./icons";
-import { Tooltip } from "./Tooltip";
+import { shield } from "../../components/icons";
+import { Tooltip } from "../../components/Tooltip";
+import { t } from "../../i18n";
 
-const EncryptedIcon = () => (
+export const EncryptedIcon = () => (
   <a
     className="encrypted-icon tooltip"
     href="https://blog.excalidraw.com/end-to-end-encryption/"
@@ -15,5 +15,3 @@ const EncryptedIcon = () => (
     </Tooltip>
   </a>
 );
-
-export default EncryptedIcon;
diff --git a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
new file mode 100644
index 000000000..febb66d51
--- /dev/null
+++ b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
@@ -0,0 +1,17 @@
+import { isExcalidrawPlusSignedUser } from "../../constants";
+
+export const ExcalidrawPlusAppLink = () => {
+  if (!isExcalidrawPlusSignedUser) {
+    return null;
+  }
+  return (
+    <a
+      href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
+      target="_blank"
+      rel="noreferrer"
+      className="plus-button"
+    >
+      Go to Excalidraw+
+    </a>
+  );
+};
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 8cffe69ac..b12a41e31 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -7,7 +7,6 @@ import { ErrorDialog } from "../components/ErrorDialog";
 import { TopErrorBoundary } from "../components/TopErrorBoundary";
 import {
   APP_NAME,
-  COOKIES,
   EVENT,
   THEME,
   TITLE_TIMEOUT,
@@ -22,7 +21,7 @@ import {
 } from "../element/types";
 import { useCallbackRefState } from "../hooks/useCallbackRefState";
 import { t } from "../i18n";
-import { Excalidraw, defaultLang } from "../packages/excalidraw/index";
+import { Excalidraw, defaultLang, Footer } from "../packages/excalidraw/index";
 import {
   AppState,
   LibraryItems,
@@ -50,7 +49,6 @@ import Collab, {
   collabDialogShownAtom,
   isCollaboratingAtom,
 } from "./collab/Collab";
-import { LanguageList } from "./components/LanguageList";
 import {
   exportToBackend,
   getCollaborationLinkData,
@@ -79,15 +77,12 @@ import { atom, Provider, useAtom } from "jotai";
 import { jotaiStore, useAtomWithInitialValue } from "../jotai";
 import { reconcileElements } from "./collab/reconciliation";
 import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
-import EncryptedIcon from "../components/EncryptedIcon";
+import { EncryptedIcon } from "./components/EncryptedIcon";
+import { ExcalidrawPlusAppLink } from "./components/ExcalidrawPlusAppLink";
 
 polyfill();
 window.EXCALIDRAW_THROTTLE_RENDER = true;
 
-const isExcalidrawPlusSignedUser = document.cookie.includes(
-  COOKIES.AUTH_STATE_COOKIE,
-);
-
 const languageDetector = new LanguageDetector();
 languageDetector.init({
   languageUtils: {},
@@ -577,41 +572,6 @@ const ExcalidrawWrapper = () => {
     }
   };
 
-  const renderFooter = (isMobile: boolean) => {
-    const renderLanguageList = () => <LanguageList />;
-    if (isMobile) {
-      return (
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-          }}
-        >
-          <div style={{ marginBottom: ".5rem", fontSize: "0.75rem" }}>
-            {t("labels.language")}
-          </div>
-          <div style={{ padding: "0 0.625rem" }}>{renderLanguageList()}</div>
-        </div>
-      );
-    }
-
-    return (
-      <div style={{ display: "flex", gap: ".5rem", alignItems: "center" }}>
-        {isExcalidrawPlusSignedUser && (
-          <a
-            href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
-            target="_blank"
-            rel="noreferrer"
-            className="plus-button"
-          >
-            Go to Excalidraw+
-          </a>
-        )}
-        <EncryptedIcon />
-      </div>
-    );
-  };
-
   const renderCustomStats = (
     elements: readonly NonDeletedExcalidrawElement[],
     appState: AppState,
@@ -672,7 +632,6 @@ const ExcalidrawWrapper = () => {
             },
           },
         }}
-        renderFooter={renderFooter}
         langCode={langCode}
         renderCustomStats={renderCustomStats}
         detectScroll={false}
@@ -680,7 +639,14 @@ const ExcalidrawWrapper = () => {
         onLibraryChange={onLibraryChange}
         autoFocus={true}
         theme={theme}
-      />
+      >
+        <Footer>
+          <div style={{ display: "flex", gap: ".5rem", alignItems: "center" }}>
+            <ExcalidrawPlusAppLink />
+            <EncryptedIcon />
+          </div>
+        </Footer>
+      </Excalidraw>
       {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       {errorMessage && (
         <ErrorDialog
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index a541b8b44..bf134a815 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -13,6 +13,14 @@ Please add the latest change on the top under the correct section.
 
 ## Unreleased
 
+### Features
+
+- Render Footer as a component instead of render prop [#5970](https://github.com/excalidraw/excalidraw/pull/5970). You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#Footer)
+
+#### BREAKING CHANGE
+
+- With this change, the prop `renderFooter` is now removed.
+
 ### Excalidraw schema
 
 - Merged `appState.currentItemStrokeSharpness` and `appState.currentItemLinearStrokeSharpness` into `appState.currentItemRoundness`. Renamed `changeSharpness` action to `changeRoundness`. Excalidraw element's `strokeSharpness` was changed to `roundness`. Check the PR for types and more details [#5553](https://github.com/excalidraw/excalidraw/pull/5553).
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index b9345b18d..4cb5eae9a 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -380,6 +380,31 @@ For a complete list of variables, check [theme.scss](https://github.com/excalidr
 
 No, Excalidraw package doesn't come with collaboration built in, since the implementation is specific to each host app. We expose APIs which you can use to communicate with Excalidraw which you can use to implement it. You can check our own implementation [here](https://github.com/excalidraw/excalidraw/blob/master/src/excalidraw-app/index.tsx).
 
+### Component API
+
+#### Footer
+
+Earlier we were using `renderFooter` prop to render custom footer which was removed in [#5970](https://github.com/excalidraw/excalidraw/pull/5970). Now you can pass a `Footer` component instead to render the custom UI for footer.
+
+You will need to import the `Footer` component from the package and wrap your component with the Footer component. The `Footer` should a valid React Node.
+
+**Usage**
+
+```js
+import { Footer } from "@excalidraw/excalidraw";
+
+const CustomFooter = () => <button> custom button</button>;
+const App = () => {
+  return (
+    <Excalidraw>
+      <Footer>
+        <CustomFooter />
+      </Footer>
+    </Excalidraw>
+  );
+};
+```
+
 ### Props
 
 | Name | Type | Default | Description |
@@ -392,7 +417,6 @@ No, Excalidraw package doesn't come with collaboration built in, since the imple
 | [`onPointerUpdate`](#onPointerUpdate) | Function |  | Callback triggered when mouse pointer is updated. |
 | [`langCode`](#langCode) | string | `en` | Language code string |
 | [`renderTopRightUI`](#renderTopRightUI) | Function |  | Function that renders custom UI in top right corner |
-| [`renderFooter `](#renderFooter) | Function |  | Function that renders custom UI footer |
 | [`renderCustomStats`](#renderCustomStats) | Function |  | Function that can be used to render custom stats on the stats dialog. |
 | [`renderSIdebar`](#renderSIdebar) | Function |  | Render function that renders custom sidebar. |
 | [`viewModeEnabled`](#viewModeEnabled) | boolean |  | This implies if the app is in view mode. |
@@ -613,14 +637,6 @@ import { defaultLang, languages } from "@excalidraw/excalidraw";
 
 A function returning JSX to render custom UI in the top right corner of the app.
 
-#### `renderFooter`
-
-<pre>
-(isMobile: boolean, appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>) => JSX | null
-</pre>
-
-A function returning JSX to render custom UI footer. For example, you can use this to render a language picker that was previously being rendered by Excalidraw itself (for now, you'll need to implement your own language picker).
-
 #### `renderCustomStats`
 
 A function that can be used to render custom stats (returns JSX) in the nerd stats dialog. For example you can use this prop to render the size of the elements in the storage.
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 613605340..600f65d4e 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -68,6 +68,7 @@ const {
   viewportCoordsToSceneCoords,
   restoreElements,
   Sidebar,
+  Footer,
 } = window.ExcalidrawLib;
 
 const COMMENT_SVG = (
@@ -160,49 +161,6 @@ export default function App() {
     fetchData();
   }, [excalidrawAPI]);
 
-  const renderFooter = () => {
-    return (
-      <>
-        {" "}
-        <button
-          className="custom-element"
-          onClick={() => {
-            excalidrawAPI?.setActiveTool({
-              type: "custom",
-              customType: "comment",
-            });
-            const url = `data:${MIME_TYPES.svg},${encodeURIComponent(
-              `<svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              class="feather feather-message-circle"
-            >
-              <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
-            </svg>`,
-            )}`;
-            excalidrawAPI?.setCursor(`url(${url}), auto`);
-          }}
-        >
-          {COMMENT_SVG}
-        </button>
-        <button
-          className="custom-footer"
-          onClick={() => alert("This is dummy footer")}
-        >
-          {" "}
-          custom footer{" "}
-        </button>
-      </>
-    );
-  };
-
   const loadSceneOrLibrary = async () => {
     const file = await fileOpen({ description: "Excalidraw or library file" });
     const contents = await loadSceneOrLibraryFromBlob(file, null, null);
@@ -712,12 +670,49 @@ export default function App() {
             name="Custom name of drawing"
             UIOptions={{ canvasActions: { loadScene: false } }}
             renderTopRightUI={renderTopRightUI}
-            renderFooter={renderFooter}
             onLinkOpen={onLinkOpen}
             onPointerDown={onPointerDown}
             onScrollChange={rerenderCommentIcons}
             renderSidebar={renderSidebar}
-          />
+          >
+            <Footer>
+              <button
+                className="custom-element"
+                onClick={() => {
+                  excalidrawAPI?.setActiveTool({
+                    type: "custom",
+                    customType: "comment",
+                  });
+                  const url = `data:${MIME_TYPES.svg},${encodeURIComponent(
+                    `<svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              class="feather feather-message-circle"
+            >
+              <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
+            </svg>`,
+                  )}`;
+                  excalidrawAPI?.setCursor(`url(${url}), auto`);
+                }}
+              >
+                {COMMENT_SVG}
+              </button>
+              <button
+                className="custom-footer"
+                onClick={() => alert("This is dummy footer")}
+              >
+                {" "}
+                custom footer{" "}
+              </button>
+            </Footer>
+          </Excalidraw>
           {Object.keys(commentIcons || []).length > 0 && renderCommentIcons()}
           {comment && renderComment()}
         </div>
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 4ac071592..51af0a03e 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -10,6 +10,7 @@ import { defaultLang } from "../../i18n";
 import { DEFAULT_UI_OPTIONS } from "../../constants";
 import { Provider } from "jotai";
 import { jotaiScope, jotaiStore } from "../../jotai";
+import Footer from "../../components/footer/FooterCenter";
 
 const ExcalidrawBase = (props: ExcalidrawProps) => {
   const {
@@ -20,7 +21,6 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
     isCollaborating = false,
     onPointerUpdate,
     renderTopRightUI,
-    renderFooter,
     renderSidebar,
     langCode = defaultLang.code,
     viewModeEnabled,
@@ -39,6 +39,7 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
     onLinkOpen,
     onPointerDown,
     onScrollChange,
+    children,
   } = props;
 
   const canvasActions = props.UIOptions?.canvasActions;
@@ -93,7 +94,6 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
           isCollaborating={isCollaborating}
           onPointerUpdate={onPointerUpdate}
           renderTopRightUI={renderTopRightUI}
-          renderFooter={renderFooter}
           langCode={langCode}
           viewModeEnabled={viewModeEnabled}
           zenModeEnabled={zenModeEnabled}
@@ -113,7 +113,9 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
           onPointerDown={onPointerDown}
           onScrollChange={onScrollChange}
           renderSidebar={renderSidebar}
-        />
+        >
+          {children}
+        </App>
       </Provider>
     </InitializeApp>
   );
@@ -236,3 +238,4 @@ export {
 } from "../../utils";
 
 export { Sidebar } from "../../components/Sidebar/Sidebar";
+export { Footer };
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 2957fd476..3610ac1c9 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -1,5 +1,5 @@
 import { fireEvent, GlobalTestState, render } from "../test-utils";
-import { Excalidraw } from "../../packages/excalidraw/index";
+import { Excalidraw, Footer } from "../../packages/excalidraw/index";
 import { queryByText, queryByTestId } from "@testing-library/react";
 import { GRID_SIZE, THEME } from "../../constants";
 import { t } from "../../i18n";
@@ -49,6 +49,31 @@ describe("<Excalidraw/>", () => {
     });
   });
 
+  it("should render the footer only when Footer is passed as children", async () => {
+    //Footer not passed hence it will not render the footer
+    let { container } = await render(
+      <Excalidraw>
+        <div>This is a custom footer</div>
+      </Excalidraw>,
+    );
+    expect(
+      container.querySelector(".layer-ui__wrapper__footer-center"),
+    ).toBeEmptyDOMElement();
+
+    // Footer passed hence it will render the footer
+    ({ container } = await render(
+      <Excalidraw>
+        <Footer>
+          <div>This is a custom footer</div>
+        </Footer>
+      </Excalidraw>,
+    ));
+    expect(
+      container.querySelector(".layer-ui__wrapper__footer-center")?.innerHTML,
+    ).toMatchInlineSnapshot(
+      `"<div class=\\"layer-ui__wrapper__footer-center zen-mode-transition\\"><div>This is a custom footer</div></div>"`,
+    );
+  });
   describe("Test gridModeEnabled prop", () => {
     it('should show grid mode in context menu when gridModeEnabled is "undefined"', async () => {
       const { container } = await render(<Excalidraw />);
diff --git a/src/types.ts b/src/types.ts
index d87174a5a..e83a4226a 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -295,7 +295,6 @@ export interface ExcalidrawProps {
     isMobile: boolean,
     appState: AppState,
   ) => JSX.Element | null;
-  renderFooter?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
   langCode?: Language["code"];
   viewModeEnabled?: boolean;
   zenModeEnabled?: boolean;
@@ -331,6 +330,7 @@ export interface ExcalidrawProps {
    * Render function that renders custom <Sidebar /> component.
    */
   renderSidebar?: () => JSX.Element | null;
+  children?: React.ReactNode;
 }
 
 export type SceneData = {
@@ -507,3 +507,9 @@ export type Device = Readonly<{
   isTouchScreen: boolean;
   canDeviceFitSidebar: boolean;
 }>;
+
+export type UIChildrenComponents = {
+  [k in "FooterCenter"]?:
+    | React.ReactPortal
+    | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+};
diff --git a/src/utils.ts b/src/utils.ts
index aef6a7d57..0f991c437 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -15,6 +15,7 @@ import { AppState, DataURL, LastActiveToolBeforeEraser, Zoom } from "./types";
 import { unstable_batchedUpdates } from "react-dom";
 import { isDarwin } from "./keys";
 import { SHAPES } from "./shapes";
+import React from "react";
 
 let mockDateTime: string | null = null;
 
@@ -686,3 +687,25 @@ export const queryFocusableElements = (container: HTMLElement | null) => {
       )
     : [];
 };
+
+export const ReactChildrenToObject = <
+  T extends {
+    [k in string]?:
+      | React.ReactPortal
+      | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+  },
+>(
+  children: React.ReactNode,
+) => {
+  return React.Children.toArray(children).reduce((acc, child) => {
+    if (
+      React.isValidElement(child) &&
+      typeof child.type !== "string" &&
+      child?.type.name
+    ) {
+      // @ts-ignore
+      acc[child.type.name] = child;
+    }
+    return acc;
+  }, {} as Partial<T>);
+};

From 7e135c4e22e373a7004586e6c7ea200e4aa2088b Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 21 Dec 2022 12:47:09 +0100
Subject: [PATCH 006/252] feat: move contextMenu into the component tree and
 control via appState (#6021)

---
 src/actions/actionClipboard.tsx               |   30 +
 src/actions/actionToggleGridMode.tsx          |    3 +
 src/actions/actionToggleLock.ts               |   12 +-
 src/actions/actionToggleViewMode.tsx          |    3 +
 src/actions/actionToggleZenMode.tsx           |    3 +
 src/actions/types.ts                          |    2 +
 src/appState.ts                               |    2 +
 src/components/App.tsx                        |  379 ++---
 src/components/ContextMenu.scss               |   22 +-
 src/components/ContextMenu.tsx                |  224 ++-
 .../__snapshots__/contextmenu.test.tsx.snap   | 1406 ++++++++++++++++-
 .../regressionTests.test.tsx.snap             |   53 +
 src/tests/elementLocking.test.tsx             |    2 +-
 .../packages/__snapshots__/utils.test.ts.snap |    1 +
 src/types.ts                                  |    8 +
 15 files changed, 1752 insertions(+), 398 deletions(-)

diff --git a/src/actions/actionClipboard.tsx b/src/actions/actionClipboard.tsx
index 62a89a38f..5be391d35 100644
--- a/src/actions/actionClipboard.tsx
+++ b/src/actions/actionClipboard.tsx
@@ -3,6 +3,7 @@ import { register } from "./register";
 import {
   copyTextToSystemClipboard,
   copyToClipboard,
+  probablySupportsClipboardBlob,
   probablySupportsClipboardWriteText,
 } from "../clipboard";
 import { actionDeleteSelected } from "./actionDeleteSelected";
@@ -23,11 +24,31 @@ export const actionCopy = register({
       commitToHistory: false,
     };
   },
+  contextItemPredicate: (elements, appState, appProps, app) => {
+    return app.device.isMobile && !!navigator.clipboard;
+  },
   contextItemLabel: "labels.copy",
   // don't supply a shortcut since we handle this conditionally via onCopy event
   keyTest: undefined,
 });
 
+export const actionPaste = register({
+  name: "paste",
+  trackEvent: { category: "element" },
+  perform: (elements: any, appStates: any, data, app) => {
+    app.pasteFromClipboard(null);
+    return {
+      commitToHistory: false,
+    };
+  },
+  contextItemPredicate: (elements, appState, appProps, app) => {
+    return app.device.isMobile && !!navigator.clipboard;
+  },
+  contextItemLabel: "labels.paste",
+  // don't supply a shortcut since we handle this conditionally via onCopy event
+  keyTest: undefined,
+});
+
 export const actionCut = register({
   name: "cut",
   trackEvent: { category: "element" },
@@ -35,6 +56,9 @@ export const actionCut = register({
     actionCopy.perform(elements, appState, data, app);
     return actionDeleteSelected.perform(elements, appState);
   },
+  contextItemPredicate: (elements, appState, appProps, app) => {
+    return app.device.isMobile && !!navigator.clipboard;
+  },
   contextItemLabel: "labels.cut",
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.X,
 });
@@ -77,6 +101,9 @@ export const actionCopyAsSvg = register({
       };
     }
   },
+  contextItemPredicate: (elements) => {
+    return probablySupportsClipboardWriteText && elements.length > 0;
+  },
   contextItemLabel: "labels.copyAsSvg",
 });
 
@@ -131,6 +158,9 @@ export const actionCopyAsPng = register({
       };
     }
   },
+  contextItemPredicate: (elements) => {
+    return probablySupportsClipboardBlob && elements.length > 0;
+  },
   contextItemLabel: "labels.copyAsPng",
   keyTest: (event) => event.code === CODES.C && event.altKey && event.shiftKey,
 });
diff --git a/src/actions/actionToggleGridMode.tsx b/src/actions/actionToggleGridMode.tsx
index c3617398b..f8336a4bf 100644
--- a/src/actions/actionToggleGridMode.tsx
+++ b/src/actions/actionToggleGridMode.tsx
@@ -20,6 +20,9 @@ export const actionToggleGridMode = register({
     };
   },
   checked: (appState: AppState) => appState.gridSize !== null,
+  contextItemPredicate: (element, appState, props) => {
+    return typeof props.gridModeEnabled === "undefined";
+  },
   contextItemLabel: "labels.showGrid",
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.code === CODES.QUOTE,
 });
diff --git a/src/actions/actionToggleLock.ts b/src/actions/actionToggleLock.ts
index c944c37c3..c44bd5700 100644
--- a/src/actions/actionToggleLock.ts
+++ b/src/actions/actionToggleLock.ts
@@ -41,15 +41,9 @@ export const actionToggleLock = register({
         : "labels.elementLock.lock";
     }
 
-    if (selected.length > 1) {
-      return getOperation(selected) === "lock"
-        ? "labels.elementLock.lockAll"
-        : "labels.elementLock.unlockAll";
-    }
-
-    throw new Error(
-      "Unexpected zero elements to lock/unlock. This should never happen.",
-    );
+    return getOperation(selected) === "lock"
+      ? "labels.elementLock.lockAll"
+      : "labels.elementLock.unlockAll";
   },
   keyTest: (event, appState, elements) => {
     return (
diff --git a/src/actions/actionToggleViewMode.tsx b/src/actions/actionToggleViewMode.tsx
index 4b1adf476..b2f529c1c 100644
--- a/src/actions/actionToggleViewMode.tsx
+++ b/src/actions/actionToggleViewMode.tsx
@@ -18,6 +18,9 @@ export const actionToggleViewMode = register({
     };
   },
   checked: (appState) => appState.viewModeEnabled,
+  contextItemPredicate: (elements, appState, appProps) => {
+    return typeof appProps.viewModeEnabled === "undefined";
+  },
   contextItemLabel: "labels.viewMode",
   keyTest: (event) =>
     !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.R,
diff --git a/src/actions/actionToggleZenMode.tsx b/src/actions/actionToggleZenMode.tsx
index 5ed191eba..7578c02ed 100644
--- a/src/actions/actionToggleZenMode.tsx
+++ b/src/actions/actionToggleZenMode.tsx
@@ -18,6 +18,9 @@ export const actionToggleZenMode = register({
     };
   },
   checked: (appState) => appState.zenModeEnabled,
+  contextItemPredicate: (elements, appState, appProps) => {
+    return typeof appProps.zenModeEnabled === "undefined";
+  },
   contextItemLabel: "buttons.zenMode",
   keyTest: (event) =>
     !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.Z,
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 0ec27ec5c..93e29cfc1 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -143,6 +143,8 @@ export interface Action {
   contextItemPredicate?: (
     elements: readonly ExcalidrawElement[],
     appState: AppState,
+    appProps: ExcalidrawProps,
+    app: AppClassProperties,
   ) => boolean;
   checked?: (appState: Readonly<AppState>) => boolean;
   trackEvent:
diff --git a/src/appState.ts b/src/appState.ts
index 497922130..d1cbe92f0 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -64,6 +64,7 @@ export const getDefaultAppState = (): Omit<
     lastPointerDownWith: "mouse",
     multiElement: null,
     name: `${t("labels.untitled")}-${getDateTime()}`,
+    contextMenu: null,
     openMenu: null,
     openPopup: null,
     openSidebar: null,
@@ -157,6 +158,7 @@ const APP_STATE_STORAGE_CONF = (<
   name: { browser: true, export: false, server: false },
   offsetLeft: { browser: false, export: false, server: false },
   offsetTop: { browser: false, export: false, server: false },
+  contextMenu: { browser: false, export: false, server: false },
   openMenu: { browser: true, export: false, server: false },
   openPopup: { browser: false, export: false, server: false },
   openSidebar: { browser: true, export: false, server: false },
diff --git a/src/components/App.tsx b/src/components/App.tsx
index da9fba57b..daa33d0ea 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -42,11 +42,7 @@ import { actions } from "../actions/register";
 import { ActionResult } from "../actions/types";
 import { trackEvent } from "../analytics";
 import { getDefaultAppState, isEraserActive } from "../appState";
-import {
-  parseClipboard,
-  probablySupportsClipboardBlob,
-  probablySupportsClipboardWriteText,
-} from "../clipboard";
+import { parseClipboard } from "../clipboard";
 import {
   APP_NAME,
   CURSOR_TYPE,
@@ -227,7 +223,11 @@ import {
   updateActiveTool,
   getShortcutKey,
 } from "../utils";
-import ContextMenu, { ContextMenuOption } from "./ContextMenu";
+import {
+  ContextMenu,
+  ContextMenuItems,
+  CONTEXT_MENU_SEPARATOR,
+} from "./ContextMenu";
 import LayerUI from "./LayerUI";
 import { Toast } from "./Toast";
 import { actionToggleViewMode } from "../actions/actionToggleViewMode";
@@ -274,6 +274,7 @@ import {
 import { shouldShowBoundingBox } from "../element/transformHandles";
 import { atom } from "jotai";
 import { Fonts } from "../scene/Fonts";
+import { actionPaste } from "../actions/actionClipboard";
 
 export const isMenuOpenAtom = atom(false);
 export const isDropdownOpenAtom = atom(false);
@@ -383,7 +384,6 @@ class App extends React.Component<AppProps, AppState> {
   hitLinkElement?: NonDeletedExcalidrawElement;
   lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null = null;
   lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null = null;
-  contextMenuOpen: boolean = false;
   lastScenePointer: { x: number; y: number } | null = null;
 
   constructor(props: AppProps) {
@@ -602,6 +602,7 @@ class App extends React.Component<AppProps, AppState> {
                   <div className="excalidraw-textEditorContainer" />
                   <div className="excalidraw-contextMenuContainer" />
                   {selectedElement.length === 1 &&
+                    !this.state.contextMenu &&
                     this.state.showHyperlinkPopup && (
                       <Hyperlink
                         key={selectedElement[0].id}
@@ -618,6 +619,14 @@ class App extends React.Component<AppProps, AppState> {
                       closable={this.state.toast.closable}
                     />
                   )}
+                  {this.state.contextMenu && (
+                    <ContextMenu
+                      items={this.state.contextMenu.items}
+                      top={this.state.contextMenu.top}
+                      left={this.state.contextMenu.left}
+                      actionManager={this.actionManager}
+                    />
+                  )}
                   <main>{this.renderCanvas()}</main>
                 </ExcalidrawElementsContext.Provider>{" "}
               </ExcalidrawAppStateContext.Provider>
@@ -644,8 +653,6 @@ class App extends React.Component<AppProps, AppState> {
 
   private syncActionResult = withBatchedUpdates(
     (actionResult: ActionResult) => {
-      // Since context menu closes when action triggered so setting to false
-      this.contextMenuOpen = false;
       if (this.unmounted || actionResult === false) {
         return;
       }
@@ -674,7 +681,7 @@ class App extends React.Component<AppProps, AppState> {
         this.addNewImagesToImageCache();
       }
 
-      if (actionResult.appState || editingElement) {
+      if (actionResult.appState || editingElement || this.state.contextMenu) {
         if (actionResult.commitToHistory) {
           this.history.resumeRecording();
         }
@@ -700,12 +707,17 @@ class App extends React.Component<AppProps, AppState> {
         if (typeof this.props.name !== "undefined") {
           name = this.props.name;
         }
+
         this.setState(
           (state) => {
             // using Object.assign instead of spread to fool TS 4.2.2+ into
             // regarding the resulting type as not containing undefined
             // (which the following expression will never contain)
             return Object.assign(actionResult.appState || {}, {
+              // NOTE this will prevent opening context menu using an action
+              // or programmatically from the host, so it will need to be
+              // rewritten later
+              contextMenu: null,
               editingElement:
                 editingElement || actionResult.appState?.editingElement || null,
               viewModeEnabled,
@@ -1462,7 +1474,7 @@ class App extends React.Component<AppProps, AppState> {
     }
   };
 
-  private pasteFromClipboard = withBatchedUpdates(
+  public pasteFromClipboard = withBatchedUpdates(
     async (event: ClipboardEvent | null) => {
       const isPlainPaste = !!(IS_PLAIN_PASTE && event);
 
@@ -1470,7 +1482,7 @@ class App extends React.Component<AppProps, AppState> {
       const target = document.activeElement;
       const isExcalidrawActive =
         this.excalidrawContainerRef.current?.contains(target);
-      if (!isExcalidrawActive) {
+      if (event && !isExcalidrawActive) {
         return;
       }
 
@@ -1744,10 +1756,11 @@ class App extends React.Component<AppProps, AppState> {
     this.history.resumeRecording();
   }
 
-  // Collaboration
-
-  setAppState: React.Component<any, AppState>["setState"] = (state) => {
-    this.setState(state);
+  setAppState: React.Component<any, AppState>["setState"] = (
+    state,
+    callback,
+  ) => {
+    this.setState(state, callback);
   };
 
   removePointer = (event: React.PointerEvent<HTMLElement> | PointerEvent) => {
@@ -3101,7 +3114,7 @@ class App extends React.Component<AppProps, AppState> {
         hitElement &&
         hitElement.link &&
         this.state.selectedElementIds[hitElement.id] &&
-        !this.contextMenuOpen &&
+        !this.state.contextMenu &&
         !this.state.showHyperlinkPopup
       ) {
         this.setState({ showHyperlinkPopup: "info" });
@@ -3323,6 +3336,14 @@ class App extends React.Component<AppProps, AppState> {
   private handleCanvasPointerDown = (
     event: React.PointerEvent<HTMLCanvasElement>,
   ) => {
+    // since contextMenu options are potentially evaluated on each render,
+    // and an contextMenu action may depend on selection state, we must
+    // close the contextMenu before we update the selection on pointerDown
+    // (e.g. resetting selection)
+    if (this.state.contextMenu) {
+      this.setState({ contextMenu: null });
+    }
+
     // remove any active selection when we start to interact with canvas
     // (mainly, we care about removing selection outside the component which
     //  would prevent our copy handling otherwise)
@@ -3389,8 +3410,6 @@ class App extends React.Component<AppProps, AppState> {
       return;
     }
 
-    // Since context menu closes on pointer down so setting to false
-    this.contextMenuOpen = false;
     this.clearSelectionIfNotUsingSelection();
     this.updateBindingEnabledOnPointerMove(event);
 
@@ -5949,7 +5968,17 @@ class App extends React.Component<AppProps, AppState> {
       includeLockedElements: true,
     });
 
-    const type = element ? "element" : "canvas";
+    const selectedElements = getSelectedElements(
+      this.scene.getNonDeletedElements(),
+      this.state,
+    );
+    const isHittignCommonBoundBox =
+      this.isHittingCommonBoundingBoxOfSelectedElements(
+        { x, y },
+        selectedElements,
+      );
+
+    const type = element || isHittignCommonBoundBox ? "element" : "canvas";
 
     const container = this.excalidrawContainerRef.current!;
     const { top: offsetTop, left: offsetLeft } =
@@ -5957,25 +5986,30 @@ class App extends React.Component<AppProps, AppState> {
     const left = event.clientX - offsetLeft;
     const top = event.clientY - offsetTop;
 
-    if (element && !this.state.selectedElementIds[element.id]) {
-      this.setState(
-        selectGroupsForSelectedElements(
-          {
-            ...this.state,
-            selectedElementIds: { [element.id]: true },
-            selectedLinearElement: isLinearElement(element)
-              ? new LinearElementEditor(element, this.scene)
-              : null,
-          },
-          this.scene.getNonDeletedElements(),
-        ),
-        () => {
-          this._openContextMenu({ top, left }, type);
-        },
-      );
-    } else {
-      this._openContextMenu({ top, left }, type);
-    }
+    trackEvent("contextMenu", "openContextMenu", type);
+
+    this.setState(
+      {
+        ...(element && !this.state.selectedElementIds[element.id]
+          ? selectGroupsForSelectedElements(
+              {
+                ...this.state,
+                selectedElementIds: { [element.id]: true },
+                selectedLinearElement: isLinearElement(element)
+                  ? new LinearElementEditor(element, this.scene)
+                  : null,
+              },
+              this.scene.getNonDeletedElements(),
+            )
+          : this.state),
+        showHyperlinkPopup: false,
+      },
+      () => {
+        this.setState({
+          contextMenu: { top, left, items: this.getContextMenuItems(type) },
+        });
+      },
+    );
   };
 
   private maybeDragNewGenericElement = (
@@ -6083,215 +6117,84 @@ class App extends React.Component<AppProps, AppState> {
     return false;
   };
 
-  /** @private use this.handleCanvasContextMenu */
-  private _openContextMenu = (
-    {
-      left,
-      top,
-    }: {
-      left: number;
-      top: number;
-    },
+  private getContextMenuItems = (
     type: "canvas" | "element",
-  ) => {
-    trackEvent("contextMenu", "openContextMenu", type);
-    if (this.state.showHyperlinkPopup) {
-      this.setState({ showHyperlinkPopup: false });
-    }
-    this.contextMenuOpen = true;
-    const maybeGroupAction = actionGroup.contextItemPredicate!(
-      this.actionManager.getElementsIncludingDeleted(),
-      this.actionManager.getAppState(),
-    );
+  ): ContextMenuItems => {
+    const options: ContextMenuItems = [];
 
-    const maybeUngroupAction = actionUngroup.contextItemPredicate!(
-      this.actionManager.getElementsIncludingDeleted(),
-      this.actionManager.getAppState(),
-    );
+    options.push(actionCopyAsPng, actionCopyAsSvg);
 
-    const maybeFlipHorizontal = actionFlipHorizontal.contextItemPredicate!(
-      this.actionManager.getElementsIncludingDeleted(),
-      this.actionManager.getAppState(),
-    );
+    // canvas contextMenu
+    // -------------------------------------------------------------------------
 
-    const maybeFlipVertical = actionFlipVertical.contextItemPredicate!(
-      this.actionManager.getElementsIncludingDeleted(),
-      this.actionManager.getAppState(),
-    );
-
-    const mayBeAllowUnbinding = actionUnbindText.contextItemPredicate(
-      this.actionManager.getElementsIncludingDeleted(),
-      this.actionManager.getAppState(),
-    );
-
-    const mayBeAllowBinding = actionBindText.contextItemPredicate(
-      this.actionManager.getElementsIncludingDeleted(),
-      this.actionManager.getAppState(),
-    );
-
-    const mayBeAllowToggleLineEditing =
-      actionToggleLinearEditor.contextItemPredicate(
-        this.actionManager.getElementsIncludingDeleted(),
-        this.actionManager.getAppState(),
-      );
-
-    const separator = "separator";
-
-    const elements = this.scene.getNonDeletedElements();
-
-    const selectedElements = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
-
-    const options: ContextMenuOption[] = [];
-    if (probablySupportsClipboardBlob && elements.length > 0) {
-      options.push(actionCopyAsPng);
-    }
-
-    if (probablySupportsClipboardWriteText && elements.length > 0) {
-      options.push(actionCopyAsSvg);
-    }
-
-    if (
-      type === "element" &&
-      copyText.contextItemPredicate(elements, this.state) &&
-      probablySupportsClipboardWriteText
-    ) {
-      options.push(copyText);
-    }
     if (type === "canvas") {
-      const viewModeOptions = [
-        ...options,
-        typeof this.props.gridModeEnabled === "undefined" &&
+      if (this.state.viewModeEnabled) {
+        return [
+          ...options,
           actionToggleGridMode,
-        typeof this.props.zenModeEnabled === "undefined" && actionToggleZenMode,
-        typeof this.props.viewModeEnabled === "undefined" &&
+          actionToggleZenMode,
           actionToggleViewMode,
+          actionToggleStats,
+        ];
+      }
+
+      return [
+        actionPaste,
+        CONTEXT_MENU_SEPARATOR,
+        actionCopyAsPng,
+        actionCopyAsSvg,
+        copyText,
+        CONTEXT_MENU_SEPARATOR,
+        actionSelectAll,
+        CONTEXT_MENU_SEPARATOR,
+        actionToggleGridMode,
+        actionToggleZenMode,
+        actionToggleViewMode,
         actionToggleStats,
       ];
-
-      if (this.state.viewModeEnabled) {
-        ContextMenu.push({
-          options: viewModeOptions,
-          top,
-          left,
-          actionManager: this.actionManager,
-          appState: this.state,
-          container: this.excalidrawContainerRef.current!,
-          elements,
-        });
-      } else {
-        ContextMenu.push({
-          options: [
-            this.device.isMobile &&
-              navigator.clipboard && {
-                trackEvent: false,
-                name: "paste",
-                perform: (elements, appStates) => {
-                  this.pasteFromClipboard(null);
-                  return {
-                    commitToHistory: false,
-                  };
-                },
-                contextItemLabel: "labels.paste",
-              },
-            this.device.isMobile && navigator.clipboard && separator,
-            probablySupportsClipboardBlob &&
-              elements.length > 0 &&
-              actionCopyAsPng,
-            probablySupportsClipboardWriteText &&
-              elements.length > 0 &&
-              actionCopyAsSvg,
-            probablySupportsClipboardWriteText &&
-              selectedElements.length > 0 &&
-              copyText,
-            ((probablySupportsClipboardBlob && elements.length > 0) ||
-              (probablySupportsClipboardWriteText && elements.length > 0)) &&
-              separator,
-            actionSelectAll,
-            separator,
-            typeof this.props.gridModeEnabled === "undefined" &&
-              actionToggleGridMode,
-            typeof this.props.zenModeEnabled === "undefined" &&
-              actionToggleZenMode,
-            typeof this.props.viewModeEnabled === "undefined" &&
-              actionToggleViewMode,
-            actionToggleStats,
-          ],
-          top,
-          left,
-          actionManager: this.actionManager,
-          appState: this.state,
-          container: this.excalidrawContainerRef.current!,
-          elements,
-        });
-      }
-    } else if (type === "element") {
-      if (this.state.viewModeEnabled) {
-        ContextMenu.push({
-          options: [navigator.clipboard && actionCopy, ...options],
-          top,
-          left,
-          actionManager: this.actionManager,
-          appState: this.state,
-          container: this.excalidrawContainerRef.current!,
-          elements,
-        });
-      } else {
-        ContextMenu.push({
-          options: [
-            this.device.isMobile && actionCut,
-            this.device.isMobile && navigator.clipboard && actionCopy,
-            this.device.isMobile &&
-              navigator.clipboard && {
-                name: "paste",
-                trackEvent: false,
-                perform: (elements, appStates) => {
-                  this.pasteFromClipboard(null);
-                  return {
-                    commitToHistory: false,
-                  };
-                },
-                contextItemLabel: "labels.paste",
-              },
-            this.device.isMobile && separator,
-            ...options,
-            separator,
-            actionCopyStyles,
-            actionPasteStyles,
-            separator,
-            maybeGroupAction && actionGroup,
-            mayBeAllowUnbinding && actionUnbindText,
-            mayBeAllowBinding && actionBindText,
-            maybeUngroupAction && actionUngroup,
-            (maybeGroupAction || maybeUngroupAction) && separator,
-            actionAddToLibrary,
-            separator,
-            actionSendBackward,
-            actionBringForward,
-            actionSendToBack,
-            actionBringToFront,
-            separator,
-            maybeFlipHorizontal && actionFlipHorizontal,
-            maybeFlipVertical && actionFlipVertical,
-            (maybeFlipHorizontal || maybeFlipVertical) && separator,
-            mayBeAllowToggleLineEditing && actionToggleLinearEditor,
-            actionLink.contextItemPredicate(elements, this.state) && actionLink,
-            actionDuplicateSelection,
-            actionToggleLock,
-            separator,
-            actionDeleteSelected,
-          ],
-          top,
-          left,
-          actionManager: this.actionManager,
-          appState: this.state,
-          container: this.excalidrawContainerRef.current!,
-          elements,
-        });
-      }
     }
+
+    // element contextMenu
+    // -------------------------------------------------------------------------
+
+    options.push(copyText);
+
+    if (this.state.viewModeEnabled) {
+      return [actionCopy, ...options];
+    }
+
+    return [
+      actionCut,
+      actionCopy,
+      actionPaste,
+      CONTEXT_MENU_SEPARATOR,
+      ...options,
+      CONTEXT_MENU_SEPARATOR,
+      actionCopyStyles,
+      actionPasteStyles,
+      CONTEXT_MENU_SEPARATOR,
+      actionGroup,
+      actionUnbindText,
+      actionBindText,
+      actionUngroup,
+      CONTEXT_MENU_SEPARATOR,
+      actionAddToLibrary,
+      CONTEXT_MENU_SEPARATOR,
+      actionSendBackward,
+      actionBringForward,
+      actionSendToBack,
+      actionBringToFront,
+      CONTEXT_MENU_SEPARATOR,
+      actionFlipHorizontal,
+      actionFlipVertical,
+      CONTEXT_MENU_SEPARATOR,
+      actionToggleLinearEditor,
+      actionLink,
+      actionDuplicateSelection,
+      actionToggleLock,
+      CONTEXT_MENU_SEPARATOR,
+      actionDeleteSelected,
+    ];
   };
 
   private handleWheel = withBatchedUpdates((event: WheelEvent) => {
diff --git a/src/components/ContextMenu.scss b/src/components/ContextMenu.scss
index df8db7fba..579763119 100644
--- a/src/components/ContextMenu.scss
+++ b/src/components/ContextMenu.scss
@@ -19,7 +19,7 @@
     color: var(--popup-text-color);
   }
 
-  .context-menu-option {
+  .context-menu-item {
     position: relative;
     width: 100%;
     min-width: 9.5rem;
@@ -43,16 +43,16 @@
     }
 
     &.dangerous {
-      .context-menu-option__label {
+      .context-menu-item__label {
         color: $oc-red-7;
       }
     }
 
-    .context-menu-option__label {
+    .context-menu-item__label {
       justify-self: start;
       margin-inline-end: 20px;
     }
-    .context-menu-option__shortcut {
+    .context-menu-item__shortcut {
       justify-self: end;
       opacity: 0.6;
       font-family: inherit;
@@ -60,37 +60,37 @@
     }
   }
 
-  .context-menu-option:hover {
+  .context-menu-item:hover {
     color: var(--popup-bg-color);
     background-color: var(--select-highlight-color);
 
     &.dangerous {
-      .context-menu-option__label {
+      .context-menu-item__label {
         color: var(--popup-bg-color);
       }
       background-color: $oc-red-6;
     }
   }
 
-  .context-menu-option:focus {
+  .context-menu-item:focus {
     z-index: 1;
   }
 
   @include isMobile {
-    .context-menu-option {
+    .context-menu-item {
       display: block;
 
-      .context-menu-option__label {
+      .context-menu-item__label {
         margin-inline-end: 0;
       }
 
-      .context-menu-option__shortcut {
+      .context-menu-item__shortcut {
         display: none;
       }
     }
   }
 
-  .context-menu-option-separator {
+  .context-menu-item-separator {
     border: none;
     border-top: 1px solid $oc-gray-5;
   }
diff --git a/src/components/ContextMenu.tsx b/src/components/ContextMenu.tsx
index 4b4a5f2f8..2ec72e5ea 100644
--- a/src/components/ContextMenu.tsx
+++ b/src/components/ContextMenu.tsx
@@ -1,4 +1,3 @@
-import { createRoot, Root } from "react-dom/client";
 import clsx from "clsx";
 import { Popover } from "./Popover";
 import { t } from "../i18n";
@@ -10,135 +9,116 @@ import {
 } from "../actions/shortcuts";
 import { Action } from "../actions/types";
 import { ActionManager } from "../actions/manager";
-import { AppState } from "../types";
-import { NonDeletedExcalidrawElement } from "../element/types";
+import {
+  useExcalidrawAppState,
+  useExcalidrawElements,
+  useExcalidrawSetAppState,
+} from "./App";
+import React from "react";
 
-export type ContextMenuOption = "separator" | Action;
+export type ContextMenuItem = typeof CONTEXT_MENU_SEPARATOR | Action;
+
+export type ContextMenuItems = (ContextMenuItem | false | null | undefined)[];
 
 type ContextMenuProps = {
-  options: ContextMenuOption[];
-  onCloseRequest?(): void;
+  actionManager: ActionManager;
+  items: ContextMenuItems;
   top: number;
   left: number;
-  actionManager: ActionManager;
-  appState: Readonly<AppState>;
-  elements: readonly NonDeletedExcalidrawElement[];
 };
 
-const ContextMenu = ({
-  options,
-  onCloseRequest,
-  top,
-  left,
-  actionManager,
-  appState,
-  elements,
-}: ContextMenuProps) => {
-  return (
-    <Popover
-      onCloseRequest={onCloseRequest}
-      top={top}
-      left={left}
-      fitInViewport={true}
-      offsetLeft={appState.offsetLeft}
-      offsetTop={appState.offsetTop}
-      viewportWidth={appState.width}
-      viewportHeight={appState.height}
-    >
-      <ul
-        className="context-menu"
-        onContextMenu={(event) => event.preventDefault()}
-      >
-        {options.map((option, idx) => {
-          if (option === "separator") {
-            return <hr key={idx} className="context-menu-option-separator" />;
-          }
+export const CONTEXT_MENU_SEPARATOR = "separator";
 
-          const actionName = option.name;
-          let label = "";
-          if (option.contextItemLabel) {
-            if (typeof option.contextItemLabel === "function") {
-              label = t(option.contextItemLabel(elements, appState));
-            } else {
-              label = t(option.contextItemLabel);
-            }
-          }
-          return (
-            <li key={idx} data-testid={actionName} onClick={onCloseRequest}>
-              <button
-                className={clsx("context-menu-option", {
-                  dangerous: actionName === "deleteSelectedElements",
-                  checkmark: option.checked?.(appState),
-                })}
-                onClick={() =>
-                  actionManager.executeAction(option, "contextMenu")
-                }
-              >
-                <div className="context-menu-option__label">{label}</div>
-                <kbd className="context-menu-option__shortcut">
-                  {actionName
-                    ? getShortcutFromShortcutName(actionName as ShortcutName)
-                    : ""}
-                </kbd>
-              </button>
-            </li>
-          );
-        })}
-      </ul>
-    </Popover>
-  );
-};
+export const ContextMenu = React.memo(
+  ({ actionManager, items, top, left }: ContextMenuProps) => {
+    const appState = useExcalidrawAppState();
+    const setAppState = useExcalidrawSetAppState();
+    const elements = useExcalidrawElements();
 
-const contextMenuRoots = new WeakMap<HTMLElement, Root>();
-
-const getContextMenuRoot = (container: HTMLElement): Root => {
-  let contextMenuRoot = contextMenuRoots.get(container);
-  if (contextMenuRoot) {
-    return contextMenuRoot;
-  }
-  contextMenuRoot = createRoot(
-    container.querySelector(".excalidraw-contextMenuContainer")!,
-  );
-  contextMenuRoots.set(container, contextMenuRoot);
-  return contextMenuRoot;
-};
-
-const handleClose = (container: HTMLElement) => {
-  const contextMenuRoot = contextMenuRoots.get(container);
-  if (contextMenuRoot) {
-    contextMenuRoot.unmount();
-    contextMenuRoots.delete(container);
-  }
-};
-
-export default {
-  push(params: {
-    options: (ContextMenuOption | false | null | undefined)[];
-    top: ContextMenuProps["top"];
-    left: ContextMenuProps["left"];
-    actionManager: ContextMenuProps["actionManager"];
-    appState: Readonly<AppState>;
-    container: HTMLElement;
-    elements: readonly NonDeletedExcalidrawElement[];
-  }) {
-    const options = Array.of<ContextMenuOption>();
-    params.options.forEach((option) => {
-      if (option) {
-        options.push(option);
+    const filteredItems = items.reduce((acc: ContextMenuItem[], item) => {
+      if (
+        item &&
+        (item === CONTEXT_MENU_SEPARATOR ||
+          !item.contextItemPredicate ||
+          item.contextItemPredicate(
+            elements,
+            appState,
+            actionManager.app.props,
+            actionManager.app,
+          ))
+      ) {
+        acc.push(item);
       }
-    });
-    if (options.length) {
-      getContextMenuRoot(params.container).render(
-        <ContextMenu
-          top={params.top}
-          left={params.left}
-          options={options}
-          onCloseRequest={() => handleClose(params.container)}
-          actionManager={params.actionManager}
-          appState={params.appState}
-          elements={params.elements}
-        />,
-      );
-    }
+      return acc;
+    }, []);
+
+    return (
+      <Popover
+        onCloseRequest={() => setAppState({ contextMenu: null })}
+        top={top}
+        left={left}
+        fitInViewport={true}
+        offsetLeft={appState.offsetLeft}
+        offsetTop={appState.offsetTop}
+        viewportWidth={appState.width}
+        viewportHeight={appState.height}
+      >
+        <ul
+          className="context-menu"
+          onContextMenu={(event) => event.preventDefault()}
+        >
+          {filteredItems.map((item, idx) => {
+            if (item === CONTEXT_MENU_SEPARATOR) {
+              if (
+                !filteredItems[idx - 1] ||
+                filteredItems[idx - 1] === CONTEXT_MENU_SEPARATOR
+              ) {
+                return null;
+              }
+              return <hr key={idx} className="context-menu-item-separator" />;
+            }
+
+            const actionName = item.name;
+            let label = "";
+            if (item.contextItemLabel) {
+              if (typeof item.contextItemLabel === "function") {
+                label = t(item.contextItemLabel(elements, appState));
+              } else {
+                label = t(item.contextItemLabel);
+              }
+            }
+
+            return (
+              <li
+                key={idx}
+                data-testid={actionName}
+                onClick={() => {
+                  // we need update state before executing the action in case
+                  // the action uses the appState it's being passed (that still
+                  // contains a defined contextMenu) to return the next state.
+                  setAppState({ contextMenu: null }, () => {
+                    actionManager.executeAction(item, "contextMenu");
+                  });
+                }}
+              >
+                <button
+                  className={clsx("context-menu-item", {
+                    dangerous: actionName === "deleteSelectedElements",
+                    checkmark: item.checked?.(appState),
+                  })}
+                >
+                  <div className="context-menu-item__label">{label}</div>
+                  <kbd className="context-menu-item__shortcut">
+                    {actionName
+                      ? getShortcutFromShortcutName(actionName as ShortcutName)
+                      : ""}
+                  </kbd>
+                </button>
+              </li>
+            );
+          })}
+        </ul>
+      </Popover>
+    );
   },
-};
+);
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 1c3ccccae..ed03cd999 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -9,6 +9,257 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": Object {
+    "items": Array [
+      Object {
+        "contextItemLabel": "labels.cut",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "cut",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copy",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "copy",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.paste",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "paste",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyAsPng",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "copyAsPng",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyAsSvg",
+        "contextItemPredicate": [Function],
+        "name": "copyAsSvg",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyText",
+        "contextItemPredicate": [Function],
+        "name": "copyText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyStyles",
+        "keyTest": [Function],
+        "name": "copyStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.pasteStyles",
+        "keyTest": [Function],
+        "name": "pasteStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.group",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "group",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.unbindText",
+        "contextItemPredicate": [Function],
+        "name": "unbindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.bindText",
+        "contextItemPredicate": [Function],
+        "name": "bindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.ungroup",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "ungroup",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.addToLibrary",
+        "name": "addToLibrary",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendBackward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "sendBackward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringForward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "bringForward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendToBack",
+        "keyTest": [Function],
+        "name": "sendToBack",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringToFront",
+        "keyTest": [Function],
+        "name": "bringToFront",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.flipHorizontal",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipHorizontal",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.flipVertical",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipVertical",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "name": "toggleLinearEditor",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "hyperlink",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "click",
+          "category": "hyperlink",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.duplicateSelection",
+        "keyTest": [Function],
+        "name": "duplicateSelection",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": [Function],
+        "keyTest": [Function],
+        "name": "toggleLock",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.delete",
+        "keyTest": [Function],
+        "name": "deleteSelectedElements",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "delete",
+          "category": "element",
+        },
+      },
+    ],
+    "left": 30,
+    "top": 40,
+  },
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -177,7 +428,7 @@ Object {
 
 exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `6`;
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `7`;
 
 exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
 Object {
@@ -188,6 +439,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -362,7 +614,7 @@ Object {
 
 exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `11`;
+exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `14`;
 
 exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
 Object {
@@ -373,6 +625,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -716,7 +969,7 @@ Object {
 
 exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `16`;
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `18`;
 
 exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
 Object {
@@ -727,6 +980,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -1070,7 +1324,7 @@ Object {
 
 exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `16`;
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `18`;
 
 exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
 Object {
@@ -1081,6 +1335,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -1255,7 +1510,7 @@ Object {
 
 exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `11`;
+exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `14`;
 
 exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
 Object {
@@ -1266,6 +1521,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -1476,7 +1732,7 @@ Object {
 
 exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `11`;
+exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `14`;
 
 exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
 Object {
@@ -1487,6 +1743,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -1760,7 +2017,7 @@ Object {
 
 exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `11`;
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `14`;
 
 exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
 Object {
@@ -1771,6 +2028,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -2132,7 +2390,7 @@ Object {
 
 exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `17`;
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `20`;
 
 exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
 Object {
@@ -2143,6 +2401,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#e64980",
   "currentItemEndArrowhead": "arrow",
@@ -2978,7 +3237,7 @@ Object {
 
 exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `28`;
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `33`;
 
 exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
 Object {
@@ -2989,6 +3248,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -3332,7 +3592,7 @@ Object {
 
 exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `15`;
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `18`;
 
 exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
 Object {
@@ -3343,6 +3603,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -3686,7 +3947,7 @@ Object {
 
 exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `15`;
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `18`;
 
 exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
 Object {
@@ -3697,6 +3958,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4124,7 +4386,7 @@ Object {
 
 exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `21`;
 
 exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
 Object {
@@ -4135,6 +4397,257 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": Object {
+    "items": Array [
+      Object {
+        "contextItemLabel": "labels.cut",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "cut",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copy",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "copy",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.paste",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "paste",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyAsPng",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "copyAsPng",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyAsSvg",
+        "contextItemPredicate": [Function],
+        "name": "copyAsSvg",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyText",
+        "contextItemPredicate": [Function],
+        "name": "copyText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyStyles",
+        "keyTest": [Function],
+        "name": "copyStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.pasteStyles",
+        "keyTest": [Function],
+        "name": "pasteStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.group",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "group",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.unbindText",
+        "contextItemPredicate": [Function],
+        "name": "unbindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.bindText",
+        "contextItemPredicate": [Function],
+        "name": "bindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.ungroup",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "ungroup",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.addToLibrary",
+        "name": "addToLibrary",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendBackward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "sendBackward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringForward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "bringForward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendToBack",
+        "keyTest": [Function],
+        "name": "sendToBack",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringToFront",
+        "keyTest": [Function],
+        "name": "bringToFront",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.flipHorizontal",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipHorizontal",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.flipVertical",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipVertical",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "name": "toggleLinearEditor",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "hyperlink",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "click",
+          "category": "hyperlink",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.duplicateSelection",
+        "keyTest": [Function],
+        "name": "duplicateSelection",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": [Function],
+        "keyTest": [Function],
+        "name": "toggleLock",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.delete",
+        "keyTest": [Function],
+        "name": "deleteSelectedElements",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "delete",
+          "category": "element",
+        },
+      },
+    ],
+    "left": -19,
+    "top": -9,
+  },
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4414,7 +4927,7 @@ Object {
 
 exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `20`;
 
 exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
 Object {
@@ -4425,6 +4938,257 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": Object {
+    "items": Array [
+      Object {
+        "contextItemLabel": "labels.cut",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "cut",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copy",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "copy",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.paste",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "paste",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyAsPng",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "copyAsPng",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyAsSvg",
+        "contextItemPredicate": [Function],
+        "name": "copyAsSvg",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyText",
+        "contextItemPredicate": [Function],
+        "name": "copyText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyStyles",
+        "keyTest": [Function],
+        "name": "copyStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.pasteStyles",
+        "keyTest": [Function],
+        "name": "pasteStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.group",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "group",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.unbindText",
+        "contextItemPredicate": [Function],
+        "name": "unbindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.bindText",
+        "contextItemPredicate": [Function],
+        "name": "bindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.ungroup",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "ungroup",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.addToLibrary",
+        "name": "addToLibrary",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendBackward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "sendBackward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringForward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "bringForward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendToBack",
+        "keyTest": [Function],
+        "name": "sendToBack",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringToFront",
+        "keyTest": [Function],
+        "name": "bringToFront",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.flipHorizontal",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipHorizontal",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.flipVertical",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipVertical",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "name": "toggleLinearEditor",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "hyperlink",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "click",
+          "category": "hyperlink",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.duplicateSelection",
+        "keyTest": [Function],
+        "name": "duplicateSelection",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": [Function],
+        "keyTest": [Function],
+        "name": "toggleLock",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.delete",
+        "keyTest": [Function],
+        "name": "deleteSelectedElements",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "delete",
+          "category": "element",
+        },
+      },
+    ],
+    "left": -19,
+    "top": -9,
+  },
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4789,7 +5553,7 @@ Object {
 
 exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `19`;
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `21`;
 
 exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = `
 Object {
@@ -4800,6 +5564,112 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": Object {
+    "items": Array [
+      Object {
+        "contextItemLabel": "labels.paste",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "paste",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyAsPng",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "copyAsPng",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyAsSvg",
+        "contextItemPredicate": [Function],
+        "name": "copyAsSvg",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyText",
+        "contextItemPredicate": [Function],
+        "name": "copyText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.selectAll",
+        "keyTest": [Function],
+        "name": "selectAll",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+      },
+      "separator",
+      Object {
+        "checked": [Function],
+        "contextItemLabel": "labels.showGrid",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "gridMode",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+          "predicate": [Function],
+        },
+        "viewMode": true,
+      },
+      Object {
+        "checked": [Function],
+        "contextItemLabel": "buttons.zenMode",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "zenMode",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+          "predicate": [Function],
+        },
+        "viewMode": true,
+      },
+      Object {
+        "checked": [Function],
+        "contextItemLabel": "labels.viewMode",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "viewMode",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+          "predicate": [Function],
+        },
+        "viewMode": true,
+      },
+      Object {
+        "checked": [Function],
+        "contextItemLabel": "stats.title",
+        "keyTest": [Function],
+        "name": "stats",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "menu",
+        },
+        "viewMode": true,
+      },
+    ],
+    "left": -19,
+    "top": -9,
+  },
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4897,7 +5767,7 @@ Object {
 
 exports[`contextMenu element shows context menu for canvas: [end of test] number of elements 1`] = `0`;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `4`;
+exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `6`;
 
 exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = `
 Object {
@@ -4908,6 +5778,257 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": Object {
+    "items": Array [
+      Object {
+        "contextItemLabel": "labels.cut",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "cut",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copy",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "copy",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.paste",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "paste",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyAsPng",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "copyAsPng",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyAsSvg",
+        "contextItemPredicate": [Function],
+        "name": "copyAsSvg",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyText",
+        "contextItemPredicate": [Function],
+        "name": "copyText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyStyles",
+        "keyTest": [Function],
+        "name": "copyStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.pasteStyles",
+        "keyTest": [Function],
+        "name": "pasteStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.group",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "group",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.unbindText",
+        "contextItemPredicate": [Function],
+        "name": "unbindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.bindText",
+        "contextItemPredicate": [Function],
+        "name": "bindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.ungroup",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "ungroup",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.addToLibrary",
+        "name": "addToLibrary",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendBackward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "sendBackward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringForward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "bringForward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendToBack",
+        "keyTest": [Function],
+        "name": "sendToBack",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringToFront",
+        "keyTest": [Function],
+        "name": "bringToFront",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.flipHorizontal",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipHorizontal",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.flipVertical",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipVertical",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "name": "toggleLinearEditor",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "hyperlink",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "click",
+          "category": "hyperlink",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.duplicateSelection",
+        "keyTest": [Function],
+        "name": "duplicateSelection",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": [Function],
+        "keyTest": [Function],
+        "name": "toggleLock",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.delete",
+        "keyTest": [Function],
+        "name": "deleteSelectedElements",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "delete",
+          "category": "element",
+        },
+      },
+    ],
+    "left": -19,
+    "top": -9,
+  },
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4994,6 +6115,257 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": Object {
+    "items": Array [
+      Object {
+        "contextItemLabel": "labels.cut",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "cut",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copy",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "copy",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.paste",
+        "contextItemPredicate": [Function],
+        "keyTest": undefined,
+        "name": "paste",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyAsPng",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "copyAsPng",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyAsSvg",
+        "contextItemPredicate": [Function],
+        "name": "copyAsSvg",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.copyText",
+        "contextItemPredicate": [Function],
+        "name": "copyText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.copyStyles",
+        "keyTest": [Function],
+        "name": "copyStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.pasteStyles",
+        "keyTest": [Function],
+        "name": "pasteStyles",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.group",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "group",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.unbindText",
+        "contextItemPredicate": [Function],
+        "name": "unbindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.bindText",
+        "contextItemPredicate": [Function],
+        "name": "bindText",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.ungroup",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "ungroup",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.addToLibrary",
+        "name": "addToLibrary",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendBackward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "sendBackward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringForward",
+        "keyPriority": 40,
+        "keyTest": [Function],
+        "name": "bringForward",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.sendToBack",
+        "keyTest": [Function],
+        "name": "sendToBack",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.bringToFront",
+        "keyTest": [Function],
+        "name": "bringToFront",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": "labels.flipHorizontal",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipHorizontal",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.flipVertical",
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "flipVertical",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "name": "toggleLinearEditor",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": [Function],
+        "contextItemPredicate": [Function],
+        "keyTest": [Function],
+        "name": "hyperlink",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "click",
+          "category": "hyperlink",
+        },
+      },
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.duplicateSelection",
+        "keyTest": [Function],
+        "name": "duplicateSelection",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      Object {
+        "contextItemLabel": [Function],
+        "keyTest": [Function],
+        "name": "toggleLock",
+        "perform": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
+      "separator",
+      Object {
+        "PanelComponent": [Function],
+        "contextItemLabel": "labels.delete",
+        "keyTest": [Function],
+        "name": "deleteSelectedElements",
+        "perform": [Function],
+        "trackEvent": Object {
+          "action": "delete",
+          "category": "element",
+        },
+      },
+    ],
+    "left": 80,
+    "top": 90,
+  },
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -5250,6 +6622,6 @@ exports[`contextMenu element shows context menu for element: [end of test] numbe
 
 exports[`contextMenu element shows context menu for element: [end of test] number of elements 2`] = `2`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `10`;
+exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `12`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `7`;
+exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `11`;
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index ca181ddbf..f842f48c5 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -9,6 +9,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -544,6 +545,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -1085,6 +1087,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -1991,6 +1994,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -2220,6 +2224,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -2752,6 +2757,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -3040,6 +3046,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -3223,6 +3230,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -3738,6 +3746,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
   "currentItemEndArrowhead": "arrow",
@@ -4005,6 +4014,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4234,6 +4244,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4509,6 +4520,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -4796,6 +4808,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -5213,6 +5226,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -5553,6 +5567,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -5866,6 +5881,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -6103,6 +6119,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -6288,6 +6305,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -6815,6 +6833,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -7179,6 +7198,7 @@ Object {
     "type": "freedraw",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -9530,6 +9550,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -9948,6 +9969,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
   "currentItemEndArrowhead": "arrow",
@@ -10236,6 +10258,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -10483,6 +10506,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -10803,6 +10827,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -10986,6 +11011,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -11169,6 +11195,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -11352,6 +11379,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -11588,6 +11616,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -11824,6 +11853,7 @@ Object {
     "type": "freedraw",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -12051,6 +12081,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -12287,6 +12318,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -12470,6 +12502,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -12706,6 +12739,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -12889,6 +12923,7 @@ Object {
     "type": "freedraw",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -13116,6 +13151,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -13299,6 +13335,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -14137,6 +14174,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -14425,6 +14463,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -14535,6 +14574,7 @@ Object {
     "type": "rectangle",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -14643,6 +14683,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -14829,6 +14870,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -15196,6 +15238,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -15826,6 +15869,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
   "currentItemEndArrowhead": "arrow",
@@ -16051,6 +16095,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -17013,6 +17058,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -17121,6 +17167,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -17979,6 +18026,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -18450,6 +18498,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -18790,6 +18839,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -18900,6 +18950,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -19470,6 +19521,7 @@ Object {
     "type": "text",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
@@ -19578,6 +19630,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
diff --git a/src/tests/elementLocking.test.tsx b/src/tests/elementLocking.test.tsx
index 6b98aa1ea..9cf0968d4 100644
--- a/src/tests/elementLocking.test.tsx
+++ b/src/tests/elementLocking.test.tsx
@@ -152,7 +152,7 @@ describe("element locking", () => {
     expect(contextMenu).not.toBeNull();
     expect(
       contextMenu?.querySelector(
-        `li[data-testid="toggleLock"] .context-menu-option__label`,
+        `li[data-testid="toggleLock"] .context-menu-item__label`,
       ),
     ).toHaveTextContent(t("labels.elementLock.unlock"));
   });
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index da3d8439b..a74da5dc8 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -9,6 +9,7 @@ Object {
     "type": "selection",
   },
   "collaborators": Map {},
+  "contextMenu": null,
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
   "currentItemEndArrowhead": "arrow",
diff --git a/src/types.ts b/src/types.ts
index e83a4226a..218ca4dee 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -30,6 +30,7 @@ import { MaybeTransformHandleType } from "./element/transformHandles";
 import Library from "./data/library";
 import type { FileSystemHandle } from "./data/filesystem";
 import type { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
+import { ContextMenuItems } from "./components/ContextMenu";
 
 export type Point = Readonly<RoughPoint>;
 
@@ -92,6 +93,11 @@ export type LastActiveToolBeforeEraser =
   | null;
 
 export type AppState = {
+  contextMenu: {
+    items: ContextMenuItems;
+    top: number;
+    left: number;
+  } | null;
   showWelcomeScreen: boolean;
   isLoading: boolean;
   errorMessage: string | null;
@@ -147,6 +153,7 @@ export type AppState = {
   isResizing: boolean;
   isRotating: boolean;
   zoom: Zoom;
+  // mobile-only
   openMenu: "canvas" | "shape" | null;
   openPopup:
     | "canvasColorPicker"
@@ -407,6 +414,7 @@ export type AppClassProperties = {
   files: BinaryFiles;
   device: App["device"];
   scene: App["scene"];
+  pasteFromClipboard: App["pasteFromClipboard"];
 };
 
 export type PointerDownState = Readonly<{

From 6273d5652448329107f8d480362019696e12ad1a Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Thu, 22 Dec 2022 13:53:49 +0100
Subject: [PATCH 007/252] fix: ColorPicker getColor (#5949)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/ColorPicker.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index 03ab4a5be..cb05cf446 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -66,10 +66,13 @@ const getColor = (color: string): string | null => {
     return color;
   }
 
-  return isValidColor(color)
-    ? color
-    : isValidColor(`#${color}`)
+  // testing for `#` first fixes a bug on Electron (more specfically, an
+  // Obsidian popout window), where a hex color without `#` is (incorrectly)
+  // considered valid
+  return isValidColor(`#${color}`)
     ? `#${color}`
+    : isValidColor(color)
+    ? color
     : null;
 };
 

From 9086674b271d57682f2d246d5301eabc7a9e06dd Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 22 Dec 2022 19:32:21 +0100
Subject: [PATCH 008/252] chore: bump typescript @ 4.9.4 (#6024)

---
 package.json        | 2 +-
 src/data/library.ts | 3 ++-
 yarn.lock           | 8 ++++----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index bf9414c44..2923ddd54 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
-    "typescript": "4.5.5",
+    "typescript": "4.9.4",
     "workbox-background-sync": "^6.5.4",
     "workbox-broadcast-update": "^6.5.4",
     "workbox-cacheable-response": "^6.5.4",
diff --git a/src/data/library.ts b/src/data/library.ts
index e1b4fde7c..564ccc7d3 100644
--- a/src/data/library.ts
+++ b/src/data/library.ts
@@ -154,7 +154,8 @@ class Library {
     return this.setLibrary(() => {
       return new Promise<LibraryItems>(async (resolve, reject) => {
         try {
-          const source = await (typeof libraryItems === "function"
+          const source = await (typeof libraryItems === "function" &&
+          !(libraryItems instanceof Blob)
             ? libraryItems(this.lastLibraryItems)
             : libraryItems);
 
diff --git a/yarn.lock b/yarn.lock
index 1e2d24b96..2bc160d69 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10296,10 +10296,10 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@4.5.5:
-  version "4.5.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3"
-  integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==
+typescript@4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
 
 typeson-registry@^1.0.0-alpha.20:
   version "1.0.0-alpha.39"

From 8ec5f7b982f1842a19c32322fac73b9a5bef9cb5 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 23 Dec 2022 11:57:48 +0530
Subject: [PATCH 009/252] feat: support shrinking text containers to original
 height when text removed (#6025)

* fix:cache bind text containers height so that it could autoshrink to original height when text deleted

* revert

* rename

* reset cache when resized

* safe check

* restore original containr height when text is unbind

* update cache when redrawing bounding box

* reset cache when unbind

* make type-safe

* add specs

* skip one test

* remoe mock

* fix

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionBoundText.tsx  |  12 ++++
 src/element/textElement.ts       |   7 +-
 src/element/textWysiwyg.test.tsx | 112 ++++++++++++++++++++++++++++++-
 src/element/textWysiwyg.tsx      |  88 +++++++++++++++++++-----
 4 files changed, 200 insertions(+), 19 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 07a56d873..812e10b3c 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -6,6 +6,10 @@ import {
   measureText,
   redrawTextBoundingBox,
 } from "../element/textElement";
+import {
+  getOriginalContainerHeightFromCache,
+  resetOriginalContainerCache,
+} from "../element/textWysiwyg";
 import {
   hasBoundTextElement,
   isTextBindableContainer,
@@ -38,6 +42,11 @@ export const actionUnbindText = register({
           boundTextElement.originalText,
           getFontString(boundTextElement),
         );
+        const originalContainerHeight = getOriginalContainerHeightFromCache(
+          element.id,
+        );
+        resetOriginalContainerCache(element.id);
+
         mutateElement(boundTextElement as ExcalidrawTextElement, {
           containerId: null,
           width,
@@ -49,6 +58,9 @@ export const actionUnbindText = register({
           boundElements: element.boundElements?.filter(
             (ele) => ele.id !== boundTextElement.id,
           ),
+          height: originalContainerHeight
+            ? originalContainerHeight
+            : element.height,
         });
       }
     });
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 3a03f936a..47632bb5d 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -24,6 +24,10 @@ import { isTextBindableContainer } from "./typeChecks";
 import { getElementAbsoluteCoords } from "../element";
 import { getSelectedElements } from "../scene";
 import { isHittingElementNotConsideringBoundingBox } from "./collision";
+import {
+  resetOriginalContainerCache,
+  updateOriginalContainerCache,
+} from "./textWysiwyg";
 
 export const normalizeText = (text: string) => {
   return (
@@ -84,7 +88,7 @@ export const redrawTextBoundingBox = (
       } else {
         coordX = container.x + containerDims.width / 2 - metrics.width / 2;
       }
-
+      updateOriginalContainerCache(container.id, nextHeight);
       mutateElement(container, { height: nextHeight });
     } else {
       const centerX = textElement.x + textElement.width / 2;
@@ -149,6 +153,7 @@ export const handleBindTextResize = (
   if (!boundTextElementId) {
     return;
   }
+  resetOriginalContainerCache(container.id);
   let textElement = Scene.getScene(container)!.getElement(
     boundTextElementId,
   ) as ExcalidrawTextElement;
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index d06d9236e..59ed28295 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -15,6 +15,7 @@ import * as textElementUtils from "./textElement";
 import { API } from "../tests/helpers/api";
 import { mutateElement } from "./mutateElement";
 import { resize } from "../tests/utils";
+import { getOriginalContainerHeightFromCache } from "./textWysiwyg";
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
@@ -1019,7 +1020,6 @@ describe("textWysiwyg", () => {
       const originalRectY = rectangle.y;
       const originalTextX = text.x;
       const originalTextY = text.y;
-
       mouse.select(rectangle);
       mouse.downAt(rectangle.x, rectangle.y);
       mouse.moveTo(rectangle.x + 100, rectangle.y + 50);
@@ -1055,5 +1055,115 @@ describe("textWysiwyg", () => {
       expect(rectangle.boundElements).toStrictEqual([]);
       expect(h.elements[1].isDeleted).toBe(true);
     });
+
+    it("should restore original container height and clear cache once text is unbind", async () => {
+      jest
+        .spyOn(textElementUtils, "measureText")
+        .mockImplementation((text, font, maxWidth) => {
+          let width = INITIAL_WIDTH;
+          let height = APPROX_LINE_HEIGHT;
+          let baseline = 10;
+          if (!text) {
+            return {
+              width,
+              height,
+              baseline,
+            };
+          }
+          baseline = 30;
+          width = DUMMY_WIDTH;
+          height = APPROX_LINE_HEIGHT * 5;
+
+          return {
+            width,
+            height,
+            baseline,
+          };
+        });
+      const originalRectHeight = rectangle.height;
+      expect(rectangle.height).toBe(originalRectHeight);
+
+      Keyboard.keyPress(KEYS.ENTER);
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+      await new Promise((r) => setTimeout(r, 0));
+
+      fireEvent.change(editor, {
+        target: { value: "Online whiteboard collaboration made easy" },
+      });
+      editor.blur();
+      expect(rectangle.height).toBe(135);
+      mouse.select(rectangle);
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+      const contextMenu = document.querySelector(".context-menu");
+      fireEvent.click(queryByText(contextMenu as HTMLElement, "Unbind text")!);
+      expect(h.elements[0].boundElements).toEqual([]);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(null);
+
+      expect(rectangle.height).toBe(originalRectHeight);
+    });
+
+    it("should reset the container height cache when resizing", async () => {
+      Keyboard.keyPress(KEYS.ENTER);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
+      let editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+      await new Promise((r) => setTimeout(r, 0));
+      fireEvent.change(editor, { target: { value: "Hello" } });
+      editor.blur();
+
+      resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
+      expect(rectangle.height).toBe(215);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(null);
+
+      mouse.select(rectangle);
+      Keyboard.keyPress(KEYS.ENTER);
+
+      editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      await new Promise((r) => setTimeout(r, 0));
+      editor.blur();
+      expect(rectangle.height).toBe(215);
+      // cache updated again
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(215);
+    });
+
+    //@todo fix this test later once measureText is mocked correctly
+    it.skip("should reset the container height cache when font properties updated", async () => {
+      Keyboard.keyPress(KEYS.ENTER);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
+
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      await new Promise((r) => setTimeout(r, 0));
+      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      editor.blur();
+
+      mouse.select(rectangle);
+      Keyboard.keyPress(KEYS.ENTER);
+
+      fireEvent.click(screen.getByTitle(/code/i));
+
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontFamily,
+      ).toEqual(FONT_FAMILY.Cascadia);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
+
+      fireEvent.click(screen.getByTitle(/Very large/i));
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontSize,
+      ).toEqual(36);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
+    });
   });
 });
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index a9737b461..3f4623258 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -17,6 +17,7 @@ import {
   ExcalidrawLinearElement,
   ExcalidrawTextElementWithContainer,
   ExcalidrawTextElement,
+  ExcalidrawTextContainer,
 } from "./types";
 import { AppState } from "../types";
 import { mutateElement } from "./mutateElement";
@@ -60,6 +61,38 @@ const getTransform = (
   return `translate(${translateX}px, ${translateY}px) scale(${zoom.value}) rotate(${degree}deg)`;
 };
 
+const originalContainerCache: {
+  [id: ExcalidrawTextContainer["id"]]:
+    | {
+        height: ExcalidrawTextContainer["height"];
+      }
+    | undefined;
+} = {};
+
+export const updateOriginalContainerCache = (
+  id: ExcalidrawTextContainer["id"],
+  height: ExcalidrawTextContainer["height"],
+) => {
+  const data =
+    originalContainerCache[id] || (originalContainerCache[id] = { height });
+  data.height = height;
+  return data;
+};
+
+export const resetOriginalContainerCache = (
+  id: ExcalidrawTextContainer["id"],
+) => {
+  if (originalContainerCache[id]) {
+    delete originalContainerCache[id];
+  }
+};
+
+export const getOriginalContainerHeightFromCache = (
+  id: ExcalidrawTextContainer["id"],
+) => {
+  return originalContainerCache[id]?.height ?? null;
+};
+
 export const textWysiwyg = ({
   id,
   onChange,
@@ -87,6 +120,9 @@ export const textWysiwyg = ({
     updatedTextElement: ExcalidrawTextElement,
     editable: HTMLTextAreaElement,
   ) => {
+    if (!editable.style.fontFamily || !editable.style.fontSize) {
+      return false;
+    }
     const currentFont = editable.style.fontFamily.replace(/"/g, "");
     if (
       getFontFamilyString({ fontFamily: updatedTextElement.fontFamily }) !==
@@ -99,7 +135,6 @@ export const textWysiwyg = ({
     }
     return false;
   };
-  let originalContainerHeight: number;
 
   const updateWysiwygStyle = () => {
     const appState = app.state;
@@ -123,7 +158,7 @@ export const textWysiwyg = ({
       const width = updatedTextElement.width;
       // Set to element height by default since that's
       // what is going to be used for unbounded text
-      let height = updatedTextElement.height;
+      let textElementHeight = updatedTextElement.height;
       if (container && updatedTextElement.containerId) {
         if (isArrowElement(container)) {
           const boundTextCoords =
@@ -142,34 +177,52 @@ export const textWysiwyg = ({
         // using editor.style.height to get the accurate height of text editor
         const editorHeight = Number(editable.style.height.slice(0, -2));
         if (editorHeight > 0) {
-          height = editorHeight;
+          textElementHeight = editorHeight;
         }
         if (propertiesUpdated) {
-          originalContainerHeight = containerDims.height;
-
           // update height of the editor after properties updated
-          height = updatedTextElement.height;
+          textElementHeight = updatedTextElement.height;
         }
-        if (!originalContainerHeight) {
-          originalContainerHeight = containerDims.height;
+
+        let originalContainerData;
+        if (propertiesUpdated) {
+          originalContainerData = updateOriginalContainerCache(
+            container.id,
+            containerDims.height,
+          );
+        } else {
+          originalContainerData = originalContainerCache[container.id];
+          if (!originalContainerData) {
+            originalContainerData = updateOriginalContainerCache(
+              container.id,
+              containerDims.height,
+            );
+          }
         }
+
         maxWidth = getMaxContainerWidth(container);
         maxHeight = getMaxContainerHeight(container);
 
         // autogrow container height if text exceeds
 
-        if (!isArrowElement(container) && height > maxHeight) {
-          const diff = Math.min(height - maxHeight, approxLineHeight);
+        if (!isArrowElement(container) && textElementHeight > maxHeight) {
+          const diff = Math.min(
+            textElementHeight - maxHeight,
+            approxLineHeight,
+          );
           mutateElement(container, { height: containerDims.height + diff });
           return;
         } else if (
           // autoshrink container height until original container height
           // is reached when text is removed
           !isArrowElement(container) &&
-          containerDims.height > originalContainerHeight &&
-          height < maxHeight
+          containerDims.height > originalContainerData.height &&
+          textElementHeight < maxHeight
         ) {
-          const diff = Math.min(maxHeight - height, approxLineHeight);
+          const diff = Math.min(
+            maxHeight - textElementHeight,
+            approxLineHeight,
+          );
           mutateElement(container, { height: containerDims.height - diff });
         }
         // Start pushing text upward until a diff of 30px (padding)
@@ -178,14 +231,15 @@ export const textWysiwyg = ({
           // vertically center align the text
           if (verticalAlign === VERTICAL_ALIGN.MIDDLE) {
             if (!isArrowElement(container)) {
-              coordY = container.y + containerDims.height / 2 - height / 2;
+              coordY =
+                container.y + containerDims.height / 2 - textElementHeight / 2;
             }
           }
           if (verticalAlign === VERTICAL_ALIGN.BOTTOM) {
             coordY =
               container.y +
               containerDims.height -
-              height -
+              textElementHeight -
               getBoundTextElementOffset(updatedTextElement);
           }
         }
@@ -226,12 +280,12 @@ export const textWysiwyg = ({
         // must be defined *after* font ¯\_(ツ)_/¯
         lineHeight: `${lineHeight}px`,
         width: `${Math.min(width, maxWidth)}px`,
-        height: `${height}px`,
+        height: `${textElementHeight}px`,
         left: `${viewportX}px`,
         top: `${viewportY}px`,
         transform: getTransform(
           width,
-          height,
+          textElementHeight,
           getTextElementAngle(updatedTextElement),
           appState,
           maxWidth,

From 2595e0de826d1e1cb2f0594fcf3a1b2d48f77de4 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 23 Dec 2022 11:48:14 +0100
Subject: [PATCH 010/252] fix: restoring deleted bindings (#6029)

* fix: restoring deleted bindings

* add tests

* add one more test

* merge restore tests files
---
 src/data/restore.ts            |  15 ++-
 src/tests/data/restore.test.ts | 185 +++++++++++++++++++++++++++++++--
 2 files changed, 191 insertions(+), 9 deletions(-)

diff --git a/src/data/restore.ts b/src/data/restore.ts
index be33b7f20..976a0551b 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -273,6 +273,14 @@ const repairContainerElement = (
       ) => {
         const boundElement = elementsMap.get(binding.id);
         if (boundElement && !boundIds.has(binding.id)) {
+          boundIds.add(binding.id);
+
+          if (boundElement.isDeleted) {
+            return acc;
+          }
+
+          acc.push(binding);
+
           if (
             isTextElement(boundElement) &&
             // being slightly conservative here, preserving existing containerId
@@ -282,9 +290,6 @@ const repairContainerElement = (
             (boundElement as Mutable<ExcalidrawTextElement>).containerId =
               container.id;
           }
-
-          acc.push(binding);
-          boundIds.add(binding.id);
         }
         return acc;
       },
@@ -312,6 +317,10 @@ const repairBoundElement = (
     return;
   }
 
+  if (boundElement.isDeleted) {
+    return;
+  }
+
   if (
     container.boundElements &&
     !container.boundElements.find((binding) => binding.id === boundElement.id)
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index 6e6bf0a3e..ef0f1a115 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -13,13 +13,17 @@ import { NormalizedZoomValue } from "../../types";
 import { FONT_FAMILY, ROUNDNESS } from "../../constants";
 import { newElementWith } from "../../element/mutateElement";
 
-const mockSizeHelper = jest.spyOn(sizeHelpers, "isInvisiblySmallElement");
-
-beforeEach(() => {
-  mockSizeHelper.mockReset();
-});
-
 describe("restoreElements", () => {
+  const mockSizeHelper = jest.spyOn(sizeHelpers, "isInvisiblySmallElement");
+
+  beforeEach(() => {
+    mockSizeHelper.mockReset();
+  });
+
+  afterAll(() => {
+    mockSizeHelper.mockRestore();
+  });
+
   it("should return empty array when element is null", () => {
     expect(restore.restoreElements(null, null)).toStrictEqual([]);
   });
@@ -528,3 +532,172 @@ describe("restore", () => {
     ]);
   });
 });
+
+describe("repairing bindings", () => {
+  it("should repair container boundElements", () => {
+    const container = API.createElement({
+      type: "rectangle",
+      boundElements: [],
+    });
+    const boundElement = API.createElement({
+      type: "text",
+      containerId: container.id,
+    });
+
+    expect(container.boundElements).toEqual([]);
+
+    const restoredElements = restore.restoreElements(
+      [container, boundElement],
+      null,
+    );
+
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [{ type: boundElement.type, id: boundElement.id }],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: container.id,
+      }),
+    ]);
+  });
+
+  it("should repair containerId of boundElements", () => {
+    const boundElement = API.createElement({
+      type: "text",
+      containerId: null,
+    });
+    const container = API.createElement({
+      type: "rectangle",
+      boundElements: [{ type: boundElement.type, id: boundElement.id }],
+    });
+
+    const restoredElements = restore.restoreElements(
+      [container, boundElement],
+      null,
+    );
+
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [{ type: boundElement.type, id: boundElement.id }],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: container.id,
+      }),
+    ]);
+  });
+
+  it("should ignore bound element if deleted", () => {
+    const container = API.createElement({
+      type: "rectangle",
+      boundElements: [],
+    });
+    const boundElement = API.createElement({
+      type: "text",
+      containerId: container.id,
+      isDeleted: true,
+    });
+
+    expect(container.boundElements).toEqual([]);
+
+    const restoredElements = restore.restoreElements(
+      [container, boundElement],
+      null,
+    );
+
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: container.id,
+      }),
+    ]);
+  });
+
+  it("should remove bindings of deleted elements from boundElements", () => {
+    const container = API.createElement({
+      type: "rectangle",
+      boundElements: [],
+    });
+    const boundElement = API.createElement({
+      type: "text",
+      containerId: container.id,
+      isDeleted: true,
+    });
+    const invisibleBoundElement = API.createElement({
+      type: "text",
+      containerId: container.id,
+      width: 0,
+      height: 0,
+    });
+
+    const obsoleteBinding = { type: boundElement.type, id: boundElement.id };
+    const invisibleBinding = {
+      type: invisibleBoundElement.type,
+      id: invisibleBoundElement.id,
+    };
+    const nonExistentBinding = { type: "text", id: "non-existent" };
+    // @ts-ignore
+    container.boundElements = [
+      obsoleteBinding,
+      invisibleBinding,
+      nonExistentBinding,
+    ];
+
+    expect(container.boundElements).toEqual([
+      obsoleteBinding,
+      invisibleBinding,
+      nonExistentBinding,
+    ]);
+
+    const restoredElements = restore.restoreElements(
+      [container, invisibleBoundElement, boundElement],
+      null,
+    );
+
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: container.id,
+      }),
+    ]);
+  });
+
+  it("should remove containerId if container not exists", () => {
+    const boundElement = API.createElement({
+      type: "text",
+      containerId: "non-existent",
+    });
+    const boundElementDeleted = API.createElement({
+      type: "text",
+      containerId: "non-existent",
+      isDeleted: true,
+    });
+
+    const restoredElements = restore.restoreElements(
+      [boundElement, boundElementDeleted],
+      null,
+    );
+
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: null,
+      }),
+      expect.objectContaining({
+        id: boundElementDeleted.id,
+        containerId: null,
+      }),
+    ]);
+  });
+});

From af3b93c4103d1c9e42f1ab79d8087d4551e0a9bd Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 23 Dec 2022 21:45:49 +0530
Subject: [PATCH 011/252] fix: use canvas measureText to calculate width in
 measureText (#6030)

* fix: use canvas measureText to calculate width in measureText

* calculate multiline width correctly using canvas measure text and rename functions

* set correct width when pasting in bound container

* take existing value + new pasted

* remove debugger :p

* fix snaps
---
 src/element/textElement.test.ts               |  2 +-
 src/element/textElement.ts                    | 32 +++++++++++++------
 src/element/textWysiwyg.test.tsx              |  6 ++--
 src/element/textWysiwyg.tsx                   | 28 ++++++++++++++++
 .../data/__snapshots__/restore.test.ts.snap   |  2 +-
 src/tests/linearElementEditor.test.tsx        |  4 +--
 6 files changed, 58 insertions(+), 16 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index c9027205e..c61db05f2 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -157,7 +157,7 @@ describe("Test measureText", () => {
 
     expect(res.container).toMatchInlineSnapshot(`
       <div
-        style="position: absolute; white-space: pre-wrap; font: Emoji 20px 20px; min-height: 1em; width: 191px; overflow: hidden; word-break: break-word; line-height: 0px;"
+        style="position: absolute; white-space: pre-wrap; font: Emoji 20px 20px; min-height: 1em; width: 111px; overflow: hidden; word-break: break-word; line-height: 0px;"
       >
         <span
           style="display: inline-block; overflow: hidden; width: 1px; height: 1px;"
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 47632bb5d..7f1b7e1d3 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -271,9 +271,12 @@ export const measureText = (
   container.style.whiteSpace = "pre";
   container.style.font = font;
   container.style.minHeight = "1em";
+  const textWidth = getTextWidth(text, font);
+
   if (maxWidth) {
     const lineHeight = getApproxLineHeight(font);
-    container.style.width = `${String(maxWidth + 1)}px`;
+    container.style.width = `${String(Math.min(textWidth, maxWidth) + 1)}px`;
+
     container.style.overflow = "hidden";
     container.style.wordBreak = "break-word";
     container.style.lineHeight = `${String(lineHeight)}px`;
@@ -291,7 +294,10 @@ export const measureText = (
   // Baseline is important for positioning text on canvas
   const baseline = span.offsetTop + span.offsetHeight;
   // Since span adds 1px extra width to the container
-  const width = container.offsetWidth - 1;
+  let width = container.offsetWidth;
+  if (maxWidth && textWidth > maxWidth) {
+    width = width - 1;
+  }
   const height = container.offsetHeight;
   document.body.removeChild(container);
   if (isTestEnv()) {
@@ -312,7 +318,7 @@ export const getApproxLineHeight = (font: FontString) => {
 };
 
 let canvas: HTMLCanvasElement | undefined;
-const getTextWidth = (text: string, font: FontString) => {
+const getLineWidth = (text: string, font: FontString) => {
   if (!canvas) {
     canvas = document.createElement("canvas");
   }
@@ -330,10 +336,18 @@ const getTextWidth = (text: string, font: FontString) => {
   return metrics.width;
 };
 
+export const getTextWidth = (text: string, font: FontString) => {
+  const lines = text.split("\n");
+  let width = 0;
+  lines.forEach((line) => {
+    width = Math.max(width, getLineWidth(line, font));
+  });
+  return width;
+};
 export const wrapText = (text: string, font: FontString, maxWidth: number) => {
   const lines: Array<string> = [];
   const originalLines = text.split("\n");
-  const spaceWidth = getTextWidth(" ", font);
+  const spaceWidth = getLineWidth(" ", font);
 
   const push = (str: string) => {
     if (str.trim()) {
@@ -351,7 +365,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
 
       let index = 0;
       while (index < words.length) {
-        const currentWordWidth = getTextWidth(words[index], font);
+        const currentWordWidth = getLineWidth(words[index], font);
 
         // Start breaking longer words exceeding max width
         if (currentWordWidth >= maxWidth) {
@@ -400,7 +414,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
           // Start appending words in a line till max width reached
           while (currentLineWidthTillNow < maxWidth && index < words.length) {
             const word = words[index];
-            currentLineWidthTillNow = getTextWidth(currentLine + word, font);
+            currentLineWidthTillNow = getLineWidth(currentLine + word, font);
 
             if (currentLineWidthTillNow >= maxWidth) {
               push(currentLine);
@@ -448,7 +462,7 @@ export const charWidth = (() => {
       cachedCharWidth[font] = [];
     }
     if (!cachedCharWidth[font][ascii]) {
-      const width = getTextWidth(char, font);
+      const width = getLineWidth(char, font);
       cachedCharWidth[font][ascii] = width;
     }
 
@@ -508,7 +522,7 @@ export const getApproxCharsToFitInWidth = (font: FontString, width: number) => {
   while (widthTillNow <= width) {
     const batch = dummyText.substr(index, index + batchLength);
     str += batch;
-    widthTillNow += getTextWidth(str, font);
+    widthTillNow += getLineWidth(str, font);
     if (index === dummyText.length - 1) {
       index = 0;
     }
@@ -517,7 +531,7 @@ export const getApproxCharsToFitInWidth = (font: FontString, width: number) => {
 
   while (widthTillNow > width) {
     str = str.substr(0, str.length - 1);
-    widthTillNow = getTextWidth(str, font);
+    widthTillNow = getLineWidth(str, font);
   }
   return str.length;
 };
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 59ed28295..cb24386e4 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -862,7 +862,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          110.5,
+          110,
           17,
         ]
       `);
@@ -910,7 +910,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          426,
+          425,
           -539,
         ]
       `);
@@ -1026,7 +1026,7 @@ describe("textWysiwyg", () => {
       mouse.up(rectangle.x + 100, rectangle.y + 50);
       expect(rectangle.x).toBe(80);
       expect(rectangle.y).toBe(85);
-      expect(text.x).toBe(90.5);
+      expect(text.x).toBe(90);
       expect(text.y).toBe(90);
 
       Keyboard.withModifierKeys({ ctrl: true }, () => {
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 3f4623258..9cb961380 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -28,6 +28,7 @@ import {
   getContainerDims,
   getContainerElement,
   getTextElementAngle,
+  getTextWidth,
   normalizeText,
   wrapText,
 } from "./textElement";
@@ -39,6 +40,7 @@ import { actionZoomIn, actionZoomOut } from "../actions/actionCanvas";
 import App from "../components/App";
 import { getMaxContainerHeight, getMaxContainerWidth } from "./newElement";
 import { LinearElementEditor } from "./linearElementEditor";
+import { parseClipboard } from "../clipboard";
 
 const getTransform = (
   width: number,
@@ -348,6 +350,32 @@ export const textWysiwyg = ({
   updateWysiwygStyle();
 
   if (onChange) {
+    editable.onpaste = async (event) => {
+      const clipboardData = await parseClipboard(event, true);
+      if (!clipboardData.text) {
+        return;
+      }
+      const data = normalizeText(clipboardData.text);
+      if (!data) {
+        return;
+      }
+      const container = getContainerElement(element);
+
+      const font = getFontString({
+        fontSize: app.state.currentItemFontSize,
+        fontFamily: app.state.currentItemFontFamily,
+      });
+      if (container) {
+        const wrappedText = wrapText(
+          `${editable.value}${data}`,
+          font,
+          getMaxContainerWidth(container),
+        );
+        const width = getTextWidth(wrappedText, font);
+        editable.style.width = `${width}px`;
+      }
+    };
+
     editable.oninput = () => {
       const updatedTextElement = Scene.getScene(element)?.getElement(
         id,
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index 444bc0ea2..20cf1e7d0 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -312,7 +312,7 @@ Object {
   "versionNonce": 0,
   "verticalAlign": "middle",
   "width": 100,
-  "x": 0.5,
+  "x": 0,
   "y": 0,
 }
 `;
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index 68d971710..af9b76a13 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -1027,7 +1027,7 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 387.5,
+          "x": 387,
           "y": 70,
         }
       `);
@@ -1086,7 +1086,7 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 190.5,
+          "x": 190,
           "y": 20,
         }
       `);

From 5fcf6a48452b1805323b31e1a7773eec9193ff9c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 23 Dec 2022 19:40:52 +0100
Subject: [PATCH 012/252] fix: remove background from wysiwyg when editing
 arrow label (#6033)

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/element/textWysiwyg.tsx                          |  4 +---
 .../__snapshots__/linearElementEditor.test.tsx.snap  | 12 ++++++++++++
 src/tests/linearElementEditor.test.tsx               |  9 +++++++++
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 src/tests/__snapshots__/linearElementEditor.test.tsx.snap

diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 9cb961380..d525221aa 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -325,8 +325,6 @@ export const textWysiwyg = ({
     whiteSpace = "pre-wrap";
     wordBreak = "break-word";
   }
-  const isContainerArrow = isArrowElement(getContainerElement(element));
-  const background = isContainerArrow ? "#fff" : "transparent";
   Object.assign(editable.style, {
     position: "absolute",
     display: "inline-block",
@@ -337,7 +335,7 @@ export const textWysiwyg = ({
     border: 0,
     outline: 0,
     resize: "none",
-    background,
+    background: "transparent",
     overflow: "hidden",
     // must be specified because in dark mode canvas creates a stacking context
     zIndex: "var(--zIndex-wysiwyg)",
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
new file mode 100644
index 000000000..afc175cb9
--- /dev/null
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Linear Elements Test bound text element should match styles for text editor 1`] = `
+<textarea
+  class="excalidraw-wysiwyg"
+  data-type="wysiwyg"
+  dir="auto"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 0px; height: 0px; left: 40px; top: 20px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -20px; font: Emoji 20px 20px; line-height: 0px; font-family: Virgil, Segoe UI Emoji;"
+  tabindex="0"
+  wrap="off"
+/>
+`;
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index af9b76a13..4f766ae00 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -829,6 +829,15 @@ describe("Test Linear Elements", () => {
       });
     });
 
+    it("should match styles for text editor", () => {
+      createTwoPointerLinearElement("arrow");
+      Keyboard.keyPress(KEYS.ENTER);
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+      expect(editor).toMatchSnapshot();
+    });
+
     it("should bind text to arrow when double clicked", async () => {
       createTwoPointerLinearElement("arrow");
       const arrow = h.elements[0] as ExcalidrawLinearElement;

From c8370b394c8295bde5c74c3b891546f215f8e0bb Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 27 Dec 2022 15:17:13 +0530
Subject: [PATCH 013/252] fix: use displayName since name gets stripped off
 when uglifying/minifiyng in production (#6036)

fix: use displayName since name gets stripped off when uglifying/minifiy in production
---
 src/utils.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/utils.ts b/src/utils.ts
index 0f991c437..ffaf414de 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -701,10 +701,11 @@ export const ReactChildrenToObject = <
     if (
       React.isValidElement(child) &&
       typeof child.type !== "string" &&
-      child?.type.name
+      //@ts-ignore
+      child?.type.displayName
     ) {
       // @ts-ignore
-      acc[child.type.name] = child;
+      acc[child.type.displayName] = child;
     }
     return acc;
   }, {} as Partial<T>);

From fdd8552637c21d0b2317f33feb4247d2e46050dc Mon Sep 17 00:00:00 2001
From: DanielJGeiger <1852529+DanielJGeiger@users.noreply.github.com>
Date: Sat, 31 Dec 2022 15:54:37 -0600
Subject: [PATCH 014/252] feat: Scroll using PageUp and PageDown (#6038)

* feat: Scroll using PageUp and PageDown

* support x-axis via `shift` & enable in viewMode

* tweak test

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/App.tsx        | 26 +++++++++++----
 src/components/HelpDialog.tsx |  8 +++++
 src/keys.ts                   |  2 ++
 src/locales/en.json           |  4 ++-
 src/tests/scroll.test.tsx     | 59 +++++++++++++++++++++++++++++++++++
 5 files changed, 92 insertions(+), 7 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index daa33d0ea..e058d36c9 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2008,6 +2008,20 @@ class App extends React.Component<AppProps, AppState> {
         return;
       }
 
+      if (event.key === KEYS.PAGE_UP || event.key === KEYS.PAGE_DOWN) {
+        let offset =
+          (event.shiftKey ? this.state.width : this.state.height) /
+          this.state.zoom.value;
+        if (event.key === KEYS.PAGE_DOWN) {
+          offset = -offset;
+        }
+        if (event.shiftKey) {
+          this.setState((state) => ({ scrollX: state.scrollX + offset }));
+        } else {
+          this.setState((state) => ({ scrollY: state.scrollY + offset }));
+        }
+      }
+
       if (this.actionManager.handleKeyDown(event)) {
         return;
       }
@@ -2030,12 +2044,6 @@ class App extends React.Component<AppProps, AppState> {
             ? ELEMENT_SHIFT_TRANSLATE_AMOUNT
             : ELEMENT_TRANSLATE_AMOUNT);
 
-        const selectedElements = getSelectedElements(
-          this.scene.getNonDeletedElements(),
-          this.state,
-          true,
-        );
-
         let offsetX = 0;
         let offsetY = 0;
 
@@ -2049,6 +2057,12 @@ class App extends React.Component<AppProps, AppState> {
           offsetY = step;
         }
 
+        const selectedElements = getSelectedElements(
+          this.scene.getNonDeletedElements(),
+          this.state,
+          true,
+        );
+
         selectedElements.forEach((element) => {
           mutateElement(element, {
             x: element.x + offsetX,
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 5e20cf447..344ad393b 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -230,6 +230,14 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               label={t("helpDialog.zoomToSelection")}
               shortcuts={["Shift+2"]}
             />
+            <Shortcut
+              label={t("helpDialog.movePageUpDown")}
+              shortcuts={["PgUp/PgDn"]}
+            />
+            <Shortcut
+              label={t("helpDialog.movePageLeftRight")}
+              shortcuts={["Shift+PgUp/PgDn"]}
+            />
             <Shortcut label={t("buttons.fullScreen")} shortcuts={["F"]} />
             <Shortcut
               label={t("buttons.zenMode")}
diff --git a/src/keys.ts b/src/keys.ts
index 71f34e7aa..0cb2f384e 100644
--- a/src/keys.ts
+++ b/src/keys.ts
@@ -29,6 +29,8 @@ export const KEYS = {
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight",
   ARROW_UP: "ArrowUp",
+  PAGE_UP: "PageUp",
+  PAGE_DOWN: "PageDown",
   BACKSPACE: "Backspace",
   ALT: "Alt",
   CTRL_OR_CMD: isDarwin ? "metaKey" : "ctrlKey",
diff --git a/src/locales/en.json b/src/locales/en.json
index 54ac904da..f4afc5df0 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -312,7 +312,9 @@
     "view": "View",
     "zoomToFit": "Zoom to fit all elements",
     "zoomToSelection": "Zoom to selection",
-    "toggleElementLock": "Lock/unlock selection"
+    "toggleElementLock": "Lock/unlock selection",
+    "movePageUpDown": "Move page up/down",
+    "movePageLeftRight": "Move page left/right"
   },
   "clearCanvasDialog": {
     "title": "Clear canvas"
diff --git a/src/tests/scroll.test.tsx b/src/tests/scroll.test.tsx
index 1105352d0..e8aa074e0 100644
--- a/src/tests/scroll.test.tsx
+++ b/src/tests/scroll.test.tsx
@@ -6,6 +6,9 @@ import {
 } from "./test-utils";
 import { Excalidraw } from "../packages/excalidraw/index";
 import { API } from "./helpers/api";
+import { Keyboard } from "./helpers/ui";
+import { KEYS } from "../keys";
+import ExcalidrawApp from "../excalidraw-app";
 
 const { h } = window;
 
@@ -50,4 +53,60 @@ describe("appState", () => {
     });
     restoreOriginalGetBoundingClientRect();
   });
+
+  it("moving by page up/down/left/right", async () => {
+    mockBoundingClientRect();
+    await render(<ExcalidrawApp />, {});
+
+    const scrollTest = () => {
+      const initialScrollY = h.state.scrollY;
+      const initialScrollX = h.state.scrollX;
+      const pageStepY = h.state.height / h.state.zoom.value;
+      const pageStepX = h.state.width / h.state.zoom.value;
+      // Assert the following assertions have meaning
+      expect(pageStepY).toBeGreaterThan(0);
+      expect(pageStepX).toBeGreaterThan(0);
+      // Assert we scroll up
+      Keyboard.keyPress(KEYS.PAGE_UP);
+      expect(h.state.scrollY).toBe(initialScrollY + pageStepY);
+      // x-axis unchanged
+      expect(h.state.scrollX).toBe(initialScrollX);
+
+      // Assert we scroll down
+      Keyboard.keyPress(KEYS.PAGE_DOWN);
+      Keyboard.keyPress(KEYS.PAGE_DOWN);
+      expect(h.state.scrollY).toBe(initialScrollY - pageStepY);
+      // x-axis unchanged
+      expect(h.state.scrollX).toBe(initialScrollX);
+
+      // Assert we scroll left
+      Keyboard.withModifierKeys({ shift: true }, () => {
+        Keyboard.keyPress(KEYS.PAGE_UP);
+      });
+      expect(h.state.scrollX).toBe(initialScrollX + pageStepX);
+      // y-axis unchanged
+      expect(h.state.scrollY).toBe(initialScrollY - pageStepY);
+
+      // Assert we scroll right
+      Keyboard.withModifierKeys({ shift: true }, () => {
+        Keyboard.keyPress(KEYS.PAGE_DOWN);
+        Keyboard.keyPress(KEYS.PAGE_DOWN);
+      });
+      expect(h.state.scrollX).toBe(initialScrollX - pageStepX);
+      // y-axis unchanged
+      expect(h.state.scrollY).toBe(initialScrollY - pageStepY);
+    };
+
+    const zoom = h.state.zoom.value;
+    // Assert we scroll properly when zoomed in
+    h.setState({ zoom: { value: (zoom * 1.1) as typeof zoom } });
+    scrollTest();
+    // Assert we scroll properly when zoomed out
+    h.setState({ zoom: { value: (zoom * 0.9) as typeof zoom } });
+    scrollTest();
+    // Assert we scroll properly with normal zoom
+    h.setState({ zoom: { value: zoom } });
+    scrollTest();
+    restoreOriginalGetBoundingClientRect();
+  });
 });

From dba8f812f184f80ef3f254ad2f9ef5b9e54346a6 Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Sun, 1 Jan 2023 18:01:46 +0100
Subject: [PATCH 015/252] chore: Update translations from Crowdin (#5807)

Co-authored-by: David Luzar <luzar.david@gmail.com>
---
 src/locales/ar-SA.json                        |  25 +-
 src/locales/bg-BG.json                        |  23 +-
 src/locales/bn-BD.json                        |  27 +-
 src/locales/ca-ES.json                        |  27 +-
 src/locales/cs-CZ.json                        | 111 +++--
 src/locales/da-DK.json                        |  25 +-
 src/locales/de-DE.json                        |  27 +-
 src/locales/el-GR.json                        |  25 +-
 src/locales/es-ES.json                        |  43 +-
 src/locales/eu-ES.json                        |  31 +-
 src/locales/fa-IR.json                        |  39 +-
 src/locales/fi-FI.json                        |  27 +-
 src/locales/fr-FR.json                        |  27 +-
 src/locales/gl-ES.json                        | 443 +++++++++---------
 src/locales/he-IL.json                        |  25 +-
 src/locales/hi-IN.json                        |  29 +-
 src/locales/hu-HU.json                        |  29 +-
 src/locales/id-ID.json                        |  27 +-
 src/locales/it-IT.json                        |  27 +-
 src/locales/ja-JP.json                        |  31 +-
 src/locales/kab-KAB.json                      |  37 +-
 src/locales/kk-KZ.json                        |  17 +-
 src/locales/ko-KR.json                        |  27 +-
 src/locales/ku-TR.json                        |  79 ++--
 src/locales/lt-LT.json                        | 347 +++++++-------
 src/locales/lv-LV.json                        |  27 +-
 src/locales/mr-IN.json                        |  27 +-
 src/locales/my-MM.json                        |  21 +-
 src/locales/nb-NO.json                        |  25 +-
 src/locales/nl-NL.json                        | 101 ++--
 src/locales/nn-NO.json                        |  27 +-
 src/locales/oc-FR.json                        |  33 +-
 src/locales/pa-IN.json                        |  25 +-
 src/locales/percentages.json                  |  78 +--
 src/locales/pl-PL.json                        |  25 +-
 src/locales/pt-BR.json                        |  27 +-
 src/locales/pt-PT.json                        |  31 +-
 src/locales/ro-RO.json                        |  27 +-
 src/locales/ru-RU.json                        |  31 +-
 src/locales/si-LK.json                        |  15 +-
 src/locales/sk-SK.json                        |  27 +-
 src/locales/sl-SI.json                        |  27 +-
 src/locales/sv-SE.json                        |  29 +-
 src/locales/ta-IN.json                        |  27 +-
 src/locales/tr-TR.json                        |  27 +-
 src/locales/uk-UA.json                        |  27 +-
 src/locales/vi-VN.json                        |  45 +-
 src/locales/zh-CN.json                        |  37 +-
 src/locales/zh-HK.json                        |  17 +-
 src/locales/zh-TW.json                        |  27 +-
 .../__snapshots__/excalidraw.test.tsx.snap    |  20 +-
 51 files changed, 1469 insertions(+), 936 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index c93e88cb0..183d9cd35 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "لصق",
+    "pasteAsPlaintext": "",
     "pasteCharts": "لصق الرسوم البيانية",
     "selectAll": "تحديد الكل",
     "multiSelect": "إضافة عنصر للتحديد",
@@ -71,7 +72,7 @@
     "layers": "الطبقات",
     "actions": "الإجراءات",
     "language": "اللغة",
-    "liveCollaboration": "بدء المشاركة الحية",
+    "liveCollaboration": "",
     "duplicateSelection": "تكرار",
     "untitled": "غير معنون",
     "name": "الاسم",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "إعادة تعيين اللوحة",
     "exportJSON": "صدر الملف",
-    "exportImage": "إحفظ كصورة",
-    "export": "تصدير",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "تصدير بصيغة PNG",
     "exportToSvg": "تصدير بصيغة SVG",
     "copyToClipboard": "نسخ إلى الحافظة",
@@ -144,7 +145,7 @@
     "scale": "مقاس",
     "save": "احفظ للملف الحالي",
     "saveAs": "حفظ كـ",
-    "load": "تحميل",
+    "load": "",
     "getShareableLink": "احصل على رابط المشاركة",
     "close": "غلق",
     "selectLanguage": "اختر اللغة",
@@ -235,7 +236,7 @@
     "resize": "يمكنك تقييد النسب بالضغط على SHIFT أثناء تغيير الحجم،\nاضغط على ALT لتغيير الحجم من المركز",
     "resizeImage": "يمكنك تغيير الحجم بحرية بالضغط بأستمرار على SHIFT،\nاضغط بأستمرار على ALT أيضا لتغيير الحجم من المركز",
     "rotate": "يمكنك تقييد الزوايا من خلال الضغط على SHIFT أثناء الدوران",
-    "lineEditor_info": "انقر نقراً مزدوجاً أو اضغط Enter لتعديل النقاط",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -310,7 +311,9 @@
     "view": "عرض",
     "zoomToFit": "تكبير للملائمة",
     "zoomToSelection": "تكبير للعنصر المحدد",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "مسح اللوحة"
@@ -391,7 +394,8 @@
     "fileSaved": "تم حفظ الملف.",
     "fileSavedToFilename": "حفظ باسم {filename}",
     "canvas": "لوحة الرسم",
-    "selection": "العنصر المحدد"
+    "selection": "العنصر المحدد",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "أبيض",
@@ -439,5 +443,12 @@
     "5c940d": "ليموني 9",
     "e67700": "أصفر 9",
     "d9480f": "برتقالي 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index 45ecd1185..f9a460118 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Постави",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Постави графики",
     "selectAll": "Маркирай всичко",
     "multiSelect": "Добави елемент към селекция",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Нулиране на платно",
     "exportJSON": "",
-    "exportImage": "Запиши като изображение",
-    "export": "Експортиране",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Изнасяне в PNG",
     "exportToSvg": "Изнасяне в SVG",
     "copyToClipboard": "Копиране в клипборда",
@@ -144,7 +145,7 @@
     "scale": "Мащаб",
     "save": "",
     "saveAs": "Запиши като",
-    "load": "Зареждане",
+    "load": "",
     "getShareableLink": "Получаване на връзка за споделяне",
     "close": "Затвори",
     "selectLanguage": "Избор на език",
@@ -235,7 +236,7 @@
     "resize": "Може да ограничите при преоразмеряване като задържите SHIFT,\nзадръжте ALT за преоразмерите през центъра",
     "resizeImage": "",
     "rotate": "Можете да ограничите ъглите, като държите SHIFT, докато се въртите",
-    "lineEditor_info": "Кликнете два пъти или натиснете Enter за да промените точките",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Натиснете Delete за да изтриете точка(и), CtrlOrCmd+D за дуплициране, или извлачете за да преместите",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -310,7 +311,9 @@
     "view": "Преглед",
     "zoomToFit": "Приближи докато се виждат всички елементи",
     "zoomToSelection": "Приближи селекцията",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "",
-    "selection": ""
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 70b016200..b19d257ec 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "পেস্ট করুন",
+    "pasteAsPlaintext": "",
     "pasteCharts": "চার্ট পেস্ট করুন",
     "selectAll": "সবটা সিলেক্ট করুন",
     "multiSelect": "একাধিক সিলেক্ট করুন",
@@ -71,7 +72,7 @@
     "layers": "মাত্রা",
     "actions": "ক্রিয়া",
     "language": "ভাষা",
-    "liveCollaboration": "যুগ্ম কার্য",
+    "liveCollaboration": "",
     "duplicateSelection": "সদৃশ সিলেক্ট",
     "untitled": "অনামী",
     "name": "নাম",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "ক্যানভাস সাফ করুন",
     "exportJSON": "জেসন নিবদ্ধ করুন",
-    "exportImage": "চিত্র নিবদ্ধ করুন",
-    "export": "নিবদ্ধ",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "পীএনজী ছবির মতন নিবদ্ধ করুন",
     "exportToSvg": "এসভীজী ছবির মতন নিবদ্ধ করুন",
     "copyToClipboard": "ক্লিপবোর্ডে কপি করুন",
@@ -144,7 +145,7 @@
     "scale": "মাপ",
     "save": "জমা করুন",
     "saveAs": "অন্যভাবে জমা করুন",
-    "load": "লোড করুন",
+    "load": "",
     "getShareableLink": "ভাগযোগ্য লিঙ্ক পান",
     "close": "বন্ধ করুন",
     "selectLanguage": "ভাষা চিহ্নিত করুন",
@@ -214,7 +215,7 @@
     "text": "লেখা",
     "library": "সংগ্রহ",
     "lock": "আঁকার পরে নির্বাচিত টুল সক্রিয় রাখুন",
-    "penMode": "পিঞ্চ-জুম প্রতিরোধ করুন এবং শুধুমাত্র কলম থেকে ইনপুট গ্রহণ করুন",
+    "penMode": "",
     "link": "একটি নির্বাচিত আকৃতির জন্য লিঙ্ক যোগ বা আপডেট করুন",
     "eraser": "ঝাড়ন"
   },
@@ -235,7 +236,7 @@
     "resize": "আপনি আকার পরিবর্তন করার সময় শিফ্ট ধরে রেখে অনুপাতকে সীমাবদ্ধ করতে পারেন,\nকেন্দ্র থেকে আকার পরিবর্তন করতে অল্ট ধরে রাখুন",
     "resizeImage": "আপনি শিফ্ট ধরে রেখে অবাধে আকার পরিবর্তন করতে পারেন, কেন্দ্র থেকে আকার পরিবর্তন করতে অল্ট ধরুন",
     "rotate": "আপনি ঘোরানোর সময় শিফ্ট ধরে রেখে কোণগুলিকে সীমাবদ্ধ করতে পারেন",
-    "lineEditor_info": "পয়েন্ট সম্পাদনা করতে ডাবল-ক্লিক করুন বা এন্টার টিপুন",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "বিন্দু(গুলি) মুছতে ডিলিট টিপুন, কন্ট্রোল/কম্যান্ড যোগে ডি টিপুন নকল করতে অথবা সরানোর জন্য টানুন",
     "lineEditor_nothingSelected": "সম্পাদনা করার জন্য একটি বিন্দু নির্বাচন করুন (একাধিক নির্বাচন করতে শিফ্ট ধরে রাখুন),\nঅথবা অল্ট ধরে রাখুন এবং নতুন বিন্দু যোগ করতে ক্লিক করুন",
     "placeImage": "ছবিটি স্থাপন করতে ক্লিক করুন, অথবা নিজে আকার সেট করতে ক্লিক করুন এবং টেনে আনুন",
@@ -310,7 +311,9 @@
     "view": "",
     "zoomToFit": "",
     "zoomToSelection": "",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "",
-    "selection": "বাছাই"
+    "selection": "বাছাই",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "সাদা",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 22aa6ff88..27c3cf944 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Enganxa",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Enganxa els diagrames",
     "selectAll": "Selecciona-ho tot",
     "multiSelect": "Afegeix un element a la selecció",
@@ -71,7 +72,7 @@
     "layers": "Capes",
     "actions": "Accions",
     "language": "Llengua",
-    "liveCollaboration": "Col·laboració en directe",
+    "liveCollaboration": "",
     "duplicateSelection": "Duplica",
     "untitled": "Sense títol",
     "name": "Nom",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Neteja el llenç",
     "exportJSON": "Exporta a un fitxer",
-    "exportImage": "Desa com a imatge",
-    "export": "Exporta",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Exporta a PNG",
     "exportToSvg": "Exporta a SNG",
     "copyToClipboard": "Copia al porta-retalls",
@@ -144,7 +145,7 @@
     "scale": "Escala",
     "save": "Desa al fitxer actual",
     "saveAs": "Anomena i desa",
-    "load": "Carrega",
+    "load": "",
     "getShareableLink": "Obté l'enllaç per a compartir",
     "close": "Tanca",
     "selectLanguage": "Trieu la llengua",
@@ -214,7 +215,7 @@
     "text": "Text",
     "library": "Biblioteca",
     "lock": "Mantenir activa l'eina seleccionada desprès de dibuixar",
-    "penMode": "Evita el zoom i accepta solament el dibuix lliure amb bolígraf",
+    "penMode": "",
     "link": "Afegeix / actualitza l'enllaç per a la forma seleccionada",
     "eraser": "Esborrador"
   },
@@ -235,7 +236,7 @@
     "resize": "Per restringir les proporcions mentres es canvia la mida, mantenir premut el majúscul (SHIFT); per canviar la mida des del centre, mantenir premut ALT",
     "resizeImage": "Podeu redimensionar lliurement prement MAJÚSCULA;\nper a redimensionar des del centre, premeu ALT",
     "rotate": "Per restringir els angles mentre gira, mantenir premut el majúscul (SHIFT)",
-    "lineEditor_info": "Fes doble clic o premi Enter per editar punts",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Premeu Suprimir per a eliminar el(s) punt(s), CtrlOrCmd+D per a duplicar-lo, o arrossegueu-lo per a moure'l",
     "lineEditor_nothingSelected": "Seleccioneu un punt per a editar-lo (premeu SHIFT si voleu\nselecció múltiple), o manteniu Alt i feu clic per a afegir més punts",
     "placeImage": "Feu clic per a col·locar la imatge o clic i arrossegar per a establir-ne la mida manualment",
@@ -310,7 +311,9 @@
     "view": "Visualització",
     "zoomToFit": "Zoom per veure tots els elements",
     "zoomToSelection": "Zoom per veure la selecció",
-    "toggleElementLock": "Blocar/desblocar la selecció"
+    "toggleElementLock": "Blocar/desblocar la selecció",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Neteja el llenç"
@@ -391,7 +394,8 @@
     "fileSaved": "S'ha desat el fitxer.",
     "fileSavedToFilename": "S'ha desat a {filename}",
     "canvas": "el llenç",
-    "selection": "la selecció"
+    "selection": "la selecció",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Blanc",
@@ -439,5 +443,12 @@
     "5c940d": "Llima 9",
     "e67700": "Groc 9",
     "d9480f": "Taronja 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 877aa476f..39a2dd1aa 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Vložit",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Vložit grafy",
     "selectAll": "Vybrat vše",
     "multiSelect": "Přidat prvek do výběru",
@@ -60,18 +61,18 @@
     "center": "Na střed",
     "right": "Vpravo",
     "extraBold": "Extra tlustý",
-    "architect": "",
-    "artist": "",
+    "architect": "Architekt",
+    "artist": "Umělec",
     "cartoonist": "",
     "fileTitle": "Název souboru",
     "colorPicker": "Výběr barvy",
-    "canvasColors": "",
+    "canvasColors": "Použito na plátně",
     "canvasBackground": "Pozadí plátna",
-    "drawingCanvas": "",
+    "drawingCanvas": "Kreslicí plátno",
     "layers": "Vrstvy",
     "actions": "Akce",
     "language": "Jazyk",
-    "liveCollaboration": "Živá spolupráce",
+    "liveCollaboration": "Živá spolupráce...",
     "duplicateSelection": "Duplikovat",
     "untitled": "Bez názvu",
     "name": "Název",
@@ -98,57 +99,57 @@
     "flipHorizontal": "Převrátit vodorovně",
     "flipVertical": "Převrátit svisle",
     "viewMode": "Náhled",
-    "toggleExportColorScheme": "",
+    "toggleExportColorScheme": "Přepnout exportování barevného schématu",
     "share": "Sdílet",
-    "showStroke": "",
-    "showBackground": "",
+    "showStroke": "Zobrazit výběr barvy",
+    "showBackground": "Zobrazit výběr barev pozadí",
     "toggleTheme": "Přepnout tmavý řežim",
-    "personalLib": "",
-    "excalidrawLib": "",
-    "decreaseFontSize": "",
-    "increaseFontSize": "",
-    "unbindText": "",
-    "bindText": "",
+    "personalLib": "Osobní knihovna",
+    "excalidrawLib": "Exkalidraw knihovna",
+    "decreaseFontSize": "Zmenšit písmo",
+    "increaseFontSize": "Zvětšit písmo",
+    "unbindText": "Zrušit vazbu textu",
+    "bindText": "Vázat text s kontejnerem",
     "link": {
-      "edit": "",
-      "create": "",
-      "label": ""
+      "edit": "Upravit odkaz",
+      "create": "Vytvořit odkaz",
+      "label": "Odkaz"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Upravit čáru",
+      "exit": "Ukončit editor řádků"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "Uzamknout",
+      "unlock": "Odemknout",
+      "lockAll": "Uzamknout vše",
+      "unlockAll": "Odemknout vše"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "Zveřejněno",
+    "sidebarLock": "Ponechat postranní panel otevřený"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "Dosud neexistují žádné položky...",
+    "hint_emptyLibrary": "Vyberte položku na plátně a přidejte ji sem nebo nainstalujte knihovnu z veřejného úložiště níže.",
+    "hint_emptyPrivateLibrary": "Vyberte položku na plátně a přidejte ji sem."
   },
   "buttons": {
-    "clearReset": "",
-    "exportJSON": "",
-    "exportImage": "",
-    "export": "Exportovat",
+    "clearReset": "Resetovat plátno",
+    "exportJSON": "Exportovat do souboru",
+    "exportImage": "Exportovat obrázek...",
+    "export": "Uložit jako...",
     "exportToPng": "Exportovat do PNG",
     "exportToSvg": "Exportovat do SVG",
     "copyToClipboard": "Kopírovat do schránky",
     "copyPngToClipboard": "Kopírovat PNG do schránky",
     "scale": "Měřítko",
-    "save": "",
+    "save": "Uložit do aktuálního souboru",
     "saveAs": "Uložit jako",
-    "load": "Nahrát",
+    "load": "Otevřít",
     "getShareableLink": "Získat odkaz pro sdílení",
     "close": "Zavřít",
     "selectLanguage": "Zvolit jazyk",
-    "scrollBackToContent": "",
+    "scrollBackToContent": "Přejít zpět na obsah",
     "zoomIn": "Přiblížit",
     "zoomOut": "Oddálit",
     "resetZoom": "Resetovat přiblížení",
@@ -157,7 +158,7 @@
     "edit": "Upravit",
     "undo": "Zpět",
     "redo": "Znovu",
-    "resetLibrary": "",
+    "resetLibrary": "Obnovit knihovnu",
     "createNewRoom": "Vytvořit novou místnost",
     "fullScreen": "Celá obrazovka",
     "darkMode": "Tmavý režim",
@@ -176,17 +177,17 @@
     "couldNotCreateShareableLink": "Nepodařilo se vytvořit sdílitelný odkaz.",
     "couldNotCreateShareableLinkTooBig": "Nepodařilo se vytvořit sdílený odkaz: scéna je příliš velká",
     "couldNotLoadInvalidFile": "Nepodařilo se načíst neplatný soubor",
-    "importBackendFailed": "",
-    "cannotExportEmptyCanvas": "",
-    "couldNotCopyToClipboard": "",
-    "decryptFailed": "",
-    "uploadedSecurly": "",
-    "loadSceneOverridePrompt": "",
+    "importBackendFailed": "Import z backendu se nezdařil.",
+    "cannotExportEmptyCanvas": "Nelze exportovat prázdné plátno.",
+    "couldNotCopyToClipboard": "Nelze zkopírovat do schránky.",
+    "decryptFailed": "Nelze dešifrovat data.",
+    "uploadedSecurly": "Nahrávání je zabezpečeno koncovým šifrováním, což znamená, že server Excalidraw ani třetí strany nemohou obsah přečíst.",
+    "loadSceneOverridePrompt": "Načítání externího výkresu nahradí váš existující obsah. Přejete si pokračovat?",
     "collabStopOverridePrompt": "",
-    "errorAddingToLibrary": "",
-    "errorRemovingFromLibrary": "",
-    "confirmAddLibrary": "",
-    "imageDoesNotContainScene": "",
+    "errorAddingToLibrary": "Položku nelze přidat do knihovny",
+    "errorRemovingFromLibrary": "Položku nelze odstranit z knihovny",
+    "confirmAddLibrary": "Tímto přidáte {{numShapes}} tvarů do tvé knihovny. Jste si jisti?",
+    "imageDoesNotContainScene": "Zdá se, že tento obrázek neobsahuje žádná data o scéně. Zapnuli jste při exportu vkládání scény?",
     "cannotRestoreFromImage": "",
     "invalidSceneUrl": "",
     "resetLibrary": "",
@@ -255,8 +256,8 @@
     "clearCanvasMessage": "",
     "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
+    "trackedToSentry_pre": "Chyba identifikátoru ",
+    "trackedToSentry_post": " byl zaznamenán v našem systému.",
     "openIssueMessage_pre": "",
     "openIssueMessage_button": "",
     "openIssueMessage_post": "",
@@ -310,7 +311,9 @@
     "view": "Zobrazení",
     "zoomToFit": "Přiblížit na zobrazení všech prvků",
     "zoomToSelection": "Přiblížit na výběr",
-    "toggleElementLock": "Zamknout/odemknout výběr"
+    "toggleElementLock": "Zamknout/odemknout výběr",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Vymazat plátno"
@@ -391,7 +394,8 @@
     "fileSaved": "Soubor byl uložen.",
     "fileSavedToFilename": "Uloženo do {filename}",
     "canvas": "plátno",
-    "selection": "výběr"
+    "selection": "výběr",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Bílá",
@@ -439,5 +443,12 @@
     "5c940d": "Limetková 9",
     "e67700": "Žlutá 9",
     "d9480f": "Oranzova"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index dfe95a33a..04a506a75 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Indsæt",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Indsæt diagrammer",
     "selectAll": "Marker alle",
     "multiSelect": "Tilføj element til markering",
@@ -69,12 +70,12 @@
     "canvasBackground": "Lærredsbaggrund",
     "drawingCanvas": "Tegnelærred",
     "layers": "Lag",
-    "actions": "",
+    "actions": "Handlinger",
     "language": "Sprog",
-    "liveCollaboration": "Direkte samarbejde",
+    "liveCollaboration": "",
     "duplicateSelection": "",
-    "untitled": "",
-    "name": "",
+    "untitled": "Unavngivet",
+    "name": "Navn",
     "yourName": "Dit navn",
     "madeWithExcalidraw": "Fremstillet med Excalidraw",
     "group": "",
@@ -144,7 +145,7 @@
     "scale": "",
     "save": "",
     "saveAs": "Gem som",
-    "load": "Indlæs",
+    "load": "",
     "getShareableLink": "Lav et delbart link",
     "close": "Luk",
     "selectLanguage": "Vælg sprog",
@@ -310,7 +311,9 @@
     "view": "",
     "zoomToFit": "",
     "zoomToSelection": "",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "Fil gemt.",
     "fileSavedToFilename": "Gemt som {filename}",
     "canvas": "canvas",
-    "selection": "markering"
+    "selection": "markering",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index e53ff97ec..1d46724ef 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Einfügen",
+    "pasteAsPlaintext": "Als reinen Text einfügen",
     "pasteCharts": "Diagramme einfügen",
     "selectAll": "Alle auswählen",
     "multiSelect": "Element zur Auswahl hinzufügen",
@@ -71,7 +72,7 @@
     "layers": "Ebenen",
     "actions": "Aktionen",
     "language": "Sprache",
-    "liveCollaboration": "Live-Zusammenarbeit",
+    "liveCollaboration": "Live-Zusammenarbeit...",
     "duplicateSelection": "Duplizieren",
     "untitled": "Unbenannt",
     "name": "Name",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Zeichenfläche löschen & Hintergrundfarbe zurücksetzen",
     "exportJSON": "In Datei exportieren",
-    "exportImage": "Als Bild speichern",
-    "export": "Exportieren",
+    "exportImage": "Exportiere Bild...",
+    "export": "Speichern als...",
     "exportToPng": "Als PNG exportieren",
     "exportToSvg": "Als SVG exportieren",
     "copyToClipboard": "In Zwischenablage kopieren",
@@ -144,7 +145,7 @@
     "scale": "Skalierung",
     "save": "In aktueller Datei speichern",
     "saveAs": "Speichern unter",
-    "load": "Laden",
+    "load": "Öffnen",
     "getShareableLink": "Teilbaren Link erhalten",
     "close": "Schließen",
     "selectLanguage": "Sprache auswählen",
@@ -214,7 +215,7 @@
     "text": "Text",
     "library": "Bibliothek",
     "lock": "Ausgewähltes Werkzeug nach Zeichnen aktiv lassen",
-    "penMode": "Verhindere Pinch-Zoom und akzeptiere Eingabe nur vom Stift",
+    "penMode": "Stift-Modus - Berührung verhindern",
     "link": "Link für ausgewählte Form hinzufügen / aktualisieren",
     "eraser": "Radierer"
   },
@@ -235,7 +236,7 @@
     "resize": "Du kannst die Proportionen einschränken, indem du SHIFT während der Größenänderung gedrückt hältst. Halte ALT gedrückt, um die Größe vom Zentrum aus zu ändern",
     "resizeImage": "Du kannst die Größe frei ändern, indem du SHIFT gedrückt hältst; halte ALT, um die Größe vom Zentrum aus zu ändern",
     "rotate": "Du kannst Winkel einschränken, indem du SHIFT während der Drehung gedrückt hältst",
-    "lineEditor_info": "Doppelklicken oder Eingabetaste drücken, um Punkte zu bearbeiten",
+    "lineEditor_info": "CtrlOrCmd halten und Doppelklick oder CtrlOrCmd + Eingabe drücken, um Punkte zu bearbeiten",
     "lineEditor_pointSelected": "Drücke Löschen, um Punkt(e) zu entfernen, CtrlOrCmd+D zum Duplizieren oder ziehe zum Verschieben",
     "lineEditor_nothingSelected": "Wähle einen zu bearbeitenden Punkt (halte SHIFT gedrückt um mehrere Punkte auszuwählen),\noder halte Alt gedrückt und klicke um neue Punkte hinzuzufügen",
     "placeImage": "Klicken, um das Bild zu platzieren oder klicken und ziehen um seine Größe manuell zu setzen",
@@ -310,7 +311,9 @@
     "view": "Ansicht",
     "zoomToFit": "Zoomen um alle Elemente einzupassen",
     "zoomToSelection": "Auf Auswahl zoomen",
-    "toggleElementLock": "Auswahl sperren/entsperren"
+    "toggleElementLock": "Auswahl sperren/entsperren",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Zeichenfläche löschen"
@@ -391,7 +394,8 @@
     "fileSaved": "Datei gespeichert.",
     "fileSavedToFilename": "Als {filename} gespeichert",
     "canvas": "Zeichenfläche",
-    "selection": "Auswahl"
+    "selection": "Auswahl",
+    "pasteAsSingleElement": "Verwende {{shortcut}} , um als einzelnes Element\neinzufügen oder in einen existierenden Texteditor einzufügen"
   },
   "colors": {
     "ffffff": "Weiß",
@@ -439,5 +443,12 @@
     "5c940d": "Hellgrün 9",
     "e67700": "Gelb 9",
     "d9480f": "Orange 9"
+  },
+  "welcomeScreen": {
+    "data": "Alle Daten werden lokal in Deinem Browser gespeichert.",
+    "switchToPlusApp": "Möchtest du stattdessen zu Excalidraw+ gehen?",
+    "menuHints": "Exportieren, Einstellungen, Sprachen, ...",
+    "toolbarHints": "Wähle ein Werkzeug & beginne zu zeichnen!",
+    "helpHints": "Kurzbefehle & Hilfe"
   }
 }
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index c6f70d3e7..4ffde305b 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Επικόλληση",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Επικόλληση γραφημάτων",
     "selectAll": "Επιλογή όλων",
     "multiSelect": "Προσθέστε το στοιχείο στην επιλογή",
@@ -71,7 +72,7 @@
     "layers": "Στρώματα",
     "actions": "Ενέργειες",
     "language": "Γλώσσα",
-    "liveCollaboration": "Ζωντανή συνεργασία",
+    "liveCollaboration": "",
     "duplicateSelection": "Δημιουργία αντιγράφου",
     "untitled": "Χωρίς τίτλο",
     "name": "Όνομα",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Επαναφορά του καμβά",
     "exportJSON": "Εξαγωγή σε αρχείο",
-    "exportImage": "Αποθήκευση ως εικόνα",
-    "export": "Εξαγωγή",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Εξαγωγή σε PNG",
     "exportToSvg": "Εξαγωγή σε SVG",
     "copyToClipboard": "Αντιγραφή στο πρόχειρο",
@@ -144,7 +145,7 @@
     "scale": "Κλίμακα",
     "save": "Αποθήκευση στο τρέχον αρχείο",
     "saveAs": "Αποθήκευση ως",
-    "load": "Άνοιγμα",
+    "load": "",
     "getShareableLink": "Δημόσιος σύνδεσμος",
     "close": "Κλείσιμο",
     "selectLanguage": "Επιλογή γλώσσας",
@@ -235,7 +236,7 @@
     "resize": "Μπορείς να περιορίσεις τις αναλογίες κρατώντας το SHIFT ενώ αλλάζεις μέγεθος,\nκράτησε πατημένο το ALT για αλλαγή μεγέθους από το κέντρο",
     "resizeImage": "Μπορείτε να αλλάξετε το μέγεθος ελεύθερα κρατώντας πατημένο το SHIFT,\nκρατήστε πατημένο το ALT για να αλλάξετε το μέγεθος από το κέντρο",
     "rotate": "Μπορείς να περιορίσεις τις γωνίες κρατώντας πατημένο το πλήκτρο SHIFT κατά την περιστροφή",
-    "lineEditor_info": "Διπλό-κλικ ή πιέστε Enter για να επεξεργαστείτε τα σημεία",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Πατήστε Διαγραφή για αφαίρεση σημείου(ων),\nCtrlOrCmd+D για αντιγραφή, ή σύρετε για μετακίνηση",
     "lineEditor_nothingSelected": "Επιλέξτε ένα σημείο για να επεξεργαστείτε (κρατήστε πατημένο το SHIFT για να επιλέξετε πολλαπλά),\nή κρατήστε πατημένο το Alt και κάντε κλικ για να προσθέσετε νέα σημεία",
     "placeImage": "Κάντε κλικ για να τοποθετήσετε την εικόνα ή κάντε κλικ και σύρετε για να ορίσετε το μέγεθός της χειροκίνητα",
@@ -310,7 +311,9 @@
     "view": "Προβολή",
     "zoomToFit": "Zoom ώστε να χωρέσουν όλα τα στοιχεία",
     "zoomToSelection": "Ζουμ στην επιλογή",
-    "toggleElementLock": "Κλείδωμα/Ξεκλείδωμα επιλογής"
+    "toggleElementLock": "Κλείδωμα/Ξεκλείδωμα επιλογής",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Καθαρισμός καμβά"
@@ -391,7 +394,8 @@
     "fileSaved": "Το αρχείο αποθηκεύτηκε.",
     "fileSavedToFilename": "Αποθηκεύτηκε στο {filename}",
     "canvas": "καμβάς",
-    "selection": "επιλογή"
+    "selection": "επιλογή",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Λευκό",
@@ -439,5 +443,12 @@
     "5c940d": "Πρασινοκίτρινο 9",
     "e67700": "Κίτρινο 9",
     "d9480f": "Πορτοκαλί 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index f75596aab..220efdf4c 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Pegar",
+    "pasteAsPlaintext": "Pegar como texto sin formato",
     "pasteCharts": "Pegar gráficos",
     "selectAll": "Seleccionar todo",
     "multiSelect": "Añadir elemento a la selección",
@@ -71,7 +72,7 @@
     "layers": "Capas",
     "actions": "Acciones",
     "language": "Idioma",
-    "liveCollaboration": "Colaboración en directo",
+    "liveCollaboration": "Colaboración en directo...",
     "duplicateSelection": "Duplicar",
     "untitled": "Sin título",
     "name": "Nombre",
@@ -115,8 +116,8 @@
       "label": "Enlace"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Editar línea",
+      "exit": "Salir del editor en línea"
     },
     "elementLock": {
       "lock": "Bloquear",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Limpiar lienzo y reiniciar el color de fondo",
     "exportJSON": "Exportar a archivo",
-    "exportImage": "Guardar como imagen",
-    "export": "Exportar",
+    "exportImage": "Exportar imagen...",
+    "export": "Guardar en...",
     "exportToPng": "Exportar a PNG",
     "exportToSvg": "Exportar a SVG",
     "copyToClipboard": "Copiar al portapapeles",
@@ -144,7 +145,7 @@
     "scale": "Escalar",
     "save": "Guardar en archivo actual",
     "saveAs": "Guardar como",
-    "load": "Cargar",
+    "load": "Abrir",
     "getShareableLink": "Obtener enlace para compartir",
     "close": "Cerrar",
     "selectLanguage": "Elegir idioma",
@@ -214,7 +215,7 @@
     "text": "Texto",
     "library": "Biblioteca",
     "lock": "Mantener la herramienta seleccionada activa después de dibujar",
-    "penMode": "Evitar el zoom de pellizco y aceptar la entrada libre sólo desde el lápiz",
+    "penMode": "Modo Lápiz - previene toque",
     "link": "Añadir/Actualizar enlace para una forma seleccionada",
     "eraser": "Borrar"
   },
@@ -235,10 +236,10 @@
     "resize": "Para mantener las proporciones mantén SHIFT presionado mientras modificas el tamaño, \nmantén presionado ALT para modificar el tamaño desde el centro",
     "resizeImage": "Puede redimensionar libremente pulsando SHIFT,\npulse ALT para redimensionar desde el centro",
     "rotate": "Puedes restringir los ángulos manteniendo presionado SHIFT mientras giras",
-    "lineEditor_info": "Doble clic o pulse Enter para editar puntos",
+    "lineEditor_info": "Mantenga pulsado CtrlOrCmd y haga doble click o presione CtrlOrCmd + Enter para editar puntos",
     "lineEditor_pointSelected": "Presione Suprimir para eliminar el/los punto(s), CtrlOrCmd+D para duplicarlo, o arrástrelo para moverlo",
-    "lineEditor_nothingSelected": "Seleccione un punto a editar (mantenga MAYÚSCULAS para seleccionar múltiples),\no mantenga pulsado Alt y haga clic para añadir nuevos puntos",
-    "placeImage": "Haga clic para colocar la imagen o haga clic y arrastre para establecer su tamaño manualmente",
+    "lineEditor_nothingSelected": "Seleccione un punto a editar (mantenga MAYÚSCULAS para seleccionar múltiples),\no mantenga pulsado Alt y haga click para añadir nuevos puntos",
+    "placeImage": "Haga clic para colocar la imagen o haga click y arrastre para establecer su tamaño manualmente",
     "publishLibrary": "Publica tu propia biblioteca",
     "bindTextToElement": "Presione Entrar para agregar",
     "deepBoxSelect": "Mantén CtrlOrCmd para seleccionar en profundidad, y para evitar arrastrar",
@@ -288,7 +289,7 @@
   },
   "helpDialog": {
     "blog": "Lea nuestro blog",
-    "click": "clic",
+    "click": "click",
     "deepSelect": "Selección profunda",
     "deepBoxSelect": "Seleccione en profundidad dentro de la caja, y evite arrastrar",
     "curvedArrow": "Flecha curva",
@@ -301,7 +302,7 @@
     "github": "¿Ha encontrado un problema? Envíelo",
     "howto": "Siga nuestras guías",
     "or": "o",
-    "preventBinding": "Evitar yuxtaposición de flechas",
+    "preventBinding": "Evitar enlace de flechas",
     "tools": "Herramientas",
     "shortcuts": "Atajos del teclado",
     "textFinish": "Finalizar edición (editor de texto)",
@@ -310,7 +311,9 @@
     "view": "Vista",
     "zoomToFit": "Ajustar la vista para mostrar todos los elementos",
     "zoomToSelection": "Zoom a la selección",
-    "toggleElementLock": "Bloquear/desbloquear selección"
+    "toggleElementLock": "Bloquear/desbloquear selección",
+    "movePageUpDown": "Mover página hacia arriba/abajo",
+    "movePageLeftRight": "Mover página hacia la izquierda/derecha"
   },
   "clearCanvasDialog": {
     "title": "Borrar lienzo"
@@ -328,7 +331,7 @@
       "authorName": "Nombre o nombre de usuario",
       "libraryName": "Nombre de tu biblioteca",
       "libraryDesc": "Descripción de su biblioteca para ayudar a la gente a entender su uso",
-      "githubHandle": "GitHub maneja (opcional), así que puede editar la biblioteca una vez enviada para su revisión",
+      "githubHandle": "Nombre de usuario de GitHub (opcional), así podrá editar la biblioteca una vez enviada para su revisión",
       "twitterHandle": "Nombre de usuario de Twitter (opcional), así que sabemos a quién acreditar cuando se promociona en Twitter",
       "website": "Enlace a su sitio web personal o en cualquier otro lugar (opcional)"
     },
@@ -379,7 +382,7 @@
     "title": "Estadísticas para nerds",
     "total": "Total",
     "version": "Versión",
-    "versionCopy": "Clic para copiar",
+    "versionCopy": "Click para copiar",
     "versionNotAvailable": "Versión no disponible",
     "width": "Ancho"
   },
@@ -391,7 +394,8 @@
     "fileSaved": "Archivo guardado.",
     "fileSavedToFilename": "Guardado en {filename}",
     "canvas": "lienzo",
-    "selection": "selección"
+    "selection": "selección",
+    "pasteAsSingleElement": "Usa {{shortcut}} para pegar como un solo elemento,\no pegar en un editor de texto existente"
   },
   "colors": {
     "ffffff": "Blanco",
@@ -439,5 +443,12 @@
     "5c940d": "Lima 9",
     "e67700": "Amarillo 9",
     "d9480f": "Naranja 9"
+  },
+  "welcomeScreen": {
+    "data": "Toda su información es guardada localmente en su navegador.",
+    "switchToPlusApp": "¿Quieres ir a Excalidraw+ en su lugar?",
+    "menuHints": "Exportar, preferencias, idiomas, ...",
+    "toolbarHints": "¡Escoge una herramienta & Empiece a dibujar!",
+    "helpHints": "Atajos & ayuda"
   }
 }
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 67dd02321..49a4a989e 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Itsatsi",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Itsatsi grafikoak",
     "selectAll": "Hautatu dena",
     "multiSelect": "Gehitu elementua hautapenera",
@@ -71,7 +72,7 @@
     "layers": "Geruzak",
     "actions": "Ekintzak",
     "language": "Hizkuntza",
-    "liveCollaboration": "Zuzeneko elkarlana",
+    "liveCollaboration": "Zuzeneko elkarlana...",
     "duplicateSelection": "Bikoiztu",
     "untitled": "Izengabea",
     "name": "Izena",
@@ -115,8 +116,8 @@
       "label": "Esteka"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Editatu lerroa",
+      "exit": "Irten lerro-editoretik"
     },
     "elementLock": {
       "lock": "Blokeatu",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Garbitu oihala",
     "exportJSON": "Esportatu fitxategira",
-    "exportImage": "Gorde irudi gisa",
-    "export": "Esportatu",
+    "exportImage": "Esportatu irudia...",
+    "export": "Gorde hemen...",
     "exportToPng": "Esportatu PNG gisa",
     "exportToSvg": "Esportatu SVG gisa",
     "copyToClipboard": "Kopiatu arbelera",
@@ -144,7 +145,7 @@
     "scale": "Eskala",
     "save": "Gorde uneko fitxategian",
     "saveAs": "Gorde honela",
-    "load": "Kargatu",
+    "load": "Ireki",
     "getShareableLink": "Lortu partekatzeko esteka",
     "close": "Itxi",
     "selectLanguage": "Hautatu hizkuntza",
@@ -214,7 +215,7 @@
     "text": "Testua",
     "library": "Liburutegia",
     "lock": "Mantendu aktibo hautatutako tresna marraztu ondoren",
-    "penMode": "Saihestu txikiagotzea eta onartu marrazte libreko idazketa solik arkatza bidez",
+    "penMode": "Luma modua - ukipena saihestu",
     "link": "Gehitu / Eguneratu esteka hautatutako forma baterako",
     "eraser": "Borragoma"
   },
@@ -235,7 +236,7 @@
     "resize": "Proportzioak mantendu ditzakezu SHIFT sakatuta tamaina aldatzen duzun bitartean.\nsakatu ALT erditik tamaina aldatzeko",
     "resizeImage": "Tamaina libreki alda dezakezu SHIFT sakatuta,\nsakatu ALT erditik tamaina aldatzeko",
     "rotate": "Angeluak mantendu ditzakezu SHIFT sakatuta biratzen duzun bitartean",
-    "lineEditor_info": "Egin klik bikoitza edo sakatu Sartu puntuak editatzeko",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Sakatu Ezabatu puntuak kentzeko,\nKtrl+D bikoizteko, edo arrastatu mugitzeko",
     "lineEditor_nothingSelected": "Hautatu editatzeko puntu bat (SHIFT sakatuta anitz hautatzeko),\nedo eduki Alt sakatuta eta egin klik puntu berriak gehitzeko",
     "placeImage": "Egin klik irudia kokatzeko, edo egin klik eta arrastatu bere tamaina eskuz ezartzeko",
@@ -310,7 +311,9 @@
     "view": "Bistaratu",
     "zoomToFit": "Egin zoom elementu guztiak ikusteko",
     "zoomToSelection": "Zooma hautapenera",
-    "toggleElementLock": "Blokeatu/desbloketatu hautapena"
+    "toggleElementLock": "Blokeatu/desbloketatu hautapena",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Garbitu oihala"
@@ -391,7 +394,8 @@
     "fileSaved": "Fitxategia gorde da.",
     "fileSavedToFilename": "{filename}-n gorde da",
     "canvas": "oihala",
-    "selection": "hautapena"
+    "selection": "hautapena",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Zuria",
@@ -439,5 +443,12 @@
     "5c940d": "Lima 9",
     "e67700": "Horia 9",
     "d9480f": "Laranja 9"
+  },
+  "welcomeScreen": {
+    "data": "Zure datu guztiak modu lokalean gordetzen dira zure nabigatzailean.",
+    "switchToPlusApp": "Horren ordez Excalidraw+-ra joan nahi al zenuen?",
+    "menuHints": "Esportatu, hobespenak, hizkuntzak,...",
+    "toolbarHints": "Aukeratu tresna bat eta hasi marrazten!",
+    "helpHints": "Lasterbideak eta laguntza"
   }
 }
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 96981c611..14fbe6023 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "جای گذاری",
+    "pasteAsPlaintext": "",
     "pasteCharts": "قراردادن نمودارها",
     "selectAll": "انتخاب همه",
     "multiSelect": "یک ایتم به انتخاب شده ها اضافه کنید.",
@@ -71,7 +72,7 @@
     "layers": "لایه ها",
     "actions": "عملیات",
     "language": "زبان",
-    "liveCollaboration": "همکاری زنده",
+    "liveCollaboration": "همکاری آنلاین...",
     "duplicateSelection": "تکرار",
     "untitled": "بدون عنوان",
     "name": "نام",
@@ -115,8 +116,8 @@
       "label": "لینک"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "ویرایش لینک",
+      "exit": "خروج از ویرایشگر"
     },
     "elementLock": {
       "lock": "قفل",
@@ -125,18 +126,18 @@
       "unlockAll": "باز کردن قفل همه"
     },
     "statusPublished": "منتشر شده",
-    "sidebarLock": ""
+    "sidebarLock": "باز نگه داشتن سایدبار"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "آیتمی به اینجا اضافه نشده...",
+    "hint_emptyLibrary": "یک آیتم روی بوم را برای اضافه شده به اینجا انتخاب کنید، یا یک کتابخانه از مخزن عمومی در بخش پایین را نصب کنید.",
+    "hint_emptyPrivateLibrary": "یک آیتم روی بوم را برای اضافه شدن به اینجا انتخاب کنید."
   },
   "buttons": {
     "clearReset": "پاکسازی بوم نقاشی",
     "exportJSON": "خروجی در فایل",
-    "exportImage": "ذخیره به عنوان عکس",
-    "export": "تبدیل",
+    "exportImage": "خروجی گرفتن از تصویر...",
+    "export": "ذخیره در...",
     "exportToPng": "تبدیل به PNG",
     "exportToSvg": "تبدیل به SVG",
     "copyToClipboard": "کپی در حافظه موقت",
@@ -144,7 +145,7 @@
     "scale": "مقیاس",
     "save": "ذخیره در همین فایل",
     "saveAs": "ذخیره با نام",
-    "load": "بارگذاری",
+    "load": "باز کردن",
     "getShareableLink": "دریافت لینک قابل اشتراک",
     "close": "بستن",
     "selectLanguage": "انتخاب زبان",
@@ -214,7 +215,7 @@
     "text": "متن",
     "library": "کتابخانه",
     "lock": "ابزار انتخاب شده را بعد از کشیدن نگه دار",
-    "penMode": "از زوم کوچک کردن جلوگیری کنید و ورودی آزاد را فقط از قلم بپذیرید",
+    "penMode": "حالت قلم - جلوگیری از تماس",
     "link": "افزودن/به‌روزرسانی پیوند برای شکل انتخابی",
     "eraser": "پاک کن"
   },
@@ -235,7 +236,7 @@
     "resize": "می توانید با نگه داشتن SHIFT در هنگام تغییر اندازه، نسبت ها را محدود کنید،ALT را برای تغییر اندازه از مرکز نگه دارید",
     "resizeImage": "با نگه داشتن SHIFT می توانید آزادانه اندازه را تغییر دهید،\nبرای تغییر اندازه از مرکز، ALT را نگه دارید",
     "rotate": "با نگه داشتن SHIFT هنگام چرخش می توانید زاویه ها را محدود کنید",
-    "lineEditor_info": "دوبار کلیک کنید یا Enter را فشار دهید تا نقاط را ویرایش کنید",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "برای حذف نقطه Delete برای کپی زدن Ctrl یا Cmd+D را بزنید و یا برای جابجایی بکشید",
     "lineEditor_nothingSelected": "یک نقطه را برای ویرایش انتخاب کنید (SHIFT را برای انتخاب چندگانه نگه دارید)،\nیا Alt را نگه دارید و برای افزودن نقاط جدید کلیک کنید",
     "placeImage": "برای قرار دادن تصویر کلیک کنید، یا کلیک کنید و بکشید تا اندازه آن به صورت دستی تنظیم شود",
@@ -310,7 +311,9 @@
     "view": "مشاهده",
     "zoomToFit": "بزرگنمایی برای دیدن تمام آیتم ها",
     "zoomToSelection": "بزرگنمایی قسمت انتخاب شده",
-    "toggleElementLock": "قفل/بازکردن انتخاب شده ها"
+    "toggleElementLock": "قفل/بازکردن انتخاب شده ها",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "پاک کردن بوم"
@@ -391,7 +394,8 @@
     "fileSaved": "فایل ذخیره شد.",
     "fileSavedToFilename": "ذخیره در {filename}",
     "canvas": "بوم",
-    "selection": "انتخاب"
+    "selection": "انتخاب",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "سفید",
@@ -439,5 +443,12 @@
     "5c940d": "لیمویی 9",
     "e67700": "زرد 9",
     "d9480f": "نارنجی 9"
+  },
+  "welcomeScreen": {
+    "data": "همه ی داده های شما به صورت محلی در مرورگر ذخیره میشود.",
+    "switchToPlusApp": "آیا ترجیح میدهید به Excalidraw+ بروید؟",
+    "menuHints": "خروجی گرفتن، تنظیمات، زبانها، ...",
+    "toolbarHints": "یک ابزار را انتخاب کنید و ترسیم را شروع کنید!",
+    "helpHints": "میانبرها و کمک"
   }
 }
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 6edd93e89..56b96c0cf 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Liitä",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Liitä kaaviot",
     "selectAll": "Valitse kaikki",
     "multiSelect": "Lisää kohde valintaan",
@@ -71,7 +72,7 @@
     "layers": "Tasot",
     "actions": "Toiminnot",
     "language": "Kieli",
-    "liveCollaboration": "Live-yhteistyö",
+    "liveCollaboration": "",
     "duplicateSelection": "Monista",
     "untitled": "Nimetön",
     "name": "Nimi",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Tyhjennä piirtoalue",
     "exportJSON": "Vie tiedostoon",
-    "exportImage": "Tallenna kuvana",
-    "export": "Vie",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Vie PNG-tiedostona",
     "exportToSvg": "Vie SVG-tiedostona",
     "copyToClipboard": "Kopioi leikepöydälle",
@@ -144,7 +145,7 @@
     "scale": "Koko",
     "save": "Tallenna nykyiseen tiedostoon",
     "saveAs": "Tallenna nimellä",
-    "load": "Avaa",
+    "load": "",
     "getShareableLink": "Hae jaettava linkki",
     "close": "Sulje",
     "selectLanguage": "Valitse kieli",
@@ -214,7 +215,7 @@
     "text": "Teksti",
     "library": "Kirjasto",
     "lock": "Pidä valittu työkalu aktiivisena piirron jälkeen",
-    "penMode": "Estä nipistyszoomaus ja vastaanota ainoastaan kynällä piirretty",
+    "penMode": "",
     "link": "Lisää/päivitä linkki valitulle muodolle",
     "eraser": "Poistotyökalu"
   },
@@ -235,7 +236,7 @@
     "resize": "Voit rajoittaa mittasuhteet pitämällä SHIFT-näppäintä alaspainettuna kun muutat kokoa, pidä ALT-näppäintä alaspainettuna muuttaaksesi kokoa keskipisteen suhteen",
     "resizeImage": "Voit muuttaa kokoa vapaasti pitämällä SHIFTiä pohjassa, pidä ALT pohjassa muuttaaksesi kokoa keskipisteen ympäri",
     "rotate": "Voit rajoittaa kulman pitämällä SHIFT pohjassa pyörittäessäsi",
-    "lineEditor_info": "Kaksoisnapauta tai paina Enter muokataksesi pisteitä",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Poista piste(et) painamalla delete, monista painamalla CtrlOrCmd+D, tai liikuta raahaamalla",
     "lineEditor_nothingSelected": "Valitse muokattava piste (monivalinta pitämällä SHIFT pohjassa), tai paina Alt ja klikkaa lisätäksesi uusia pisteitä",
     "placeImage": "Klikkaa asettaaksesi kuvan, tai klikkaa ja raahaa asettaaksesi sen koon manuaalisesti",
@@ -310,7 +311,9 @@
     "view": "Näkymä",
     "zoomToFit": "Näytä kaikki elementit",
     "zoomToSelection": "Näytä valinta",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Pyyhi piirtoalue"
@@ -391,7 +394,8 @@
     "fileSaved": "Tiedosto tallennettu.",
     "fileSavedToFilename": "Tallennettiin kohteeseen {filename}",
     "canvas": "piirtoalue",
-    "selection": "valinta"
+    "selection": "valinta",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Valkoinen",
@@ -439,5 +443,12 @@
     "5c940d": "Limenvihreä 9",
     "e67700": "Keltainen 9",
     "d9480f": "Oranssi 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index c3a5b67b7..8fd90bbe4 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Coller",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Coller les graphiques",
     "selectAll": "Tout sélectionner",
     "multiSelect": "Ajouter l'élément à la sélection",
@@ -44,7 +45,7 @@
     "exportEmbedScene": "Intégrer la scène",
     "exportEmbedScene_details": "Les données de scène seront enregistrées dans le fichier PNG/SVG exporté, afin que la scène puisse être restaurée à partir de celui-ci.\nCela augmentera la taille du fichier exporté.",
     "addWatermark": "Ajouter \"Réalisé avec Excalidraw\"",
-    "handDrawn": "À la main",
+    "handDrawn": "Manuscrit",
     "normal": "Normale",
     "code": "Code",
     "small": "Petite",
@@ -71,7 +72,7 @@
     "layers": "Disposition",
     "actions": "Actions",
     "language": "Langue",
-    "liveCollaboration": "Collaboration en direct",
+    "liveCollaboration": "Collaboration en direct...",
     "duplicateSelection": "Dupliquer",
     "untitled": "Sans-titre",
     "name": "Nom",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Réinitialiser le canevas",
     "exportJSON": "Exporter comme fichier",
-    "exportImage": "Enregistrer comme image",
-    "export": "Exporter",
+    "exportImage": "Exporter l'image...",
+    "export": "Enregistrer sous...",
     "exportToPng": "Enregistrer en PNG",
     "exportToSvg": "Enregistrer en SVG",
     "copyToClipboard": "Copier dans le presse-papier",
@@ -214,7 +215,7 @@
     "text": "Texte",
     "library": "Bibliothèque",
     "lock": "Garder l'outil sélectionné actif après le dessin",
-    "penMode": "Empêcher le zoom tactile et accepter la saisie libre uniquement à partir du stylet",
+    "penMode": "Mode stylo - évite le toucher",
     "link": "Ajouter/mettre à jour le lien pour une forme sélectionnée",
     "eraser": "Gomme"
   },
@@ -235,7 +236,7 @@
     "resize": "Vous pouvez conserver les proportions en maintenant la touche MAJ pendant le redimensionnement, maintenez la touche ALT pour redimensionner par rapport au centre",
     "resizeImage": "Vous pouvez redimensionner librement en maintenant SHIFT,\nmaintenez ALT pour redimensionner depuis le centre",
     "rotate": "Vous pouvez restreindre les angles en maintenant MAJ pendant la rotation",
-    "lineEditor_info": "Double-cliquez ou appuyez sur Entrée pour éditer les points",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Appuyer sur Suppr. pour supprimer des points, Ctrl ou Cmd+D pour dupliquer, ou faire glisser pour déplacer",
     "lineEditor_nothingSelected": "Sélectionner un point pour éditer (maintenir la touche MAJ pour en sélectionner plusieurs),\nou maintenir la touche Alt enfoncée et cliquer pour ajouter de nouveaux points",
     "placeImage": "Cliquez pour placer l'image, ou cliquez et faites glisser pour définir sa taille manuellement",
@@ -310,7 +311,9 @@
     "view": "Affichage",
     "zoomToFit": "Zoomer pour voir tous les éléments",
     "zoomToSelection": "Zoomer sur la sélection",
-    "toggleElementLock": "Verrouiller/déverrouiller la sélection"
+    "toggleElementLock": "Verrouiller/déverrouiller la sélection",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Effacer la zone de dessin"
@@ -391,7 +394,8 @@
     "fileSaved": "Fichier enregistré.",
     "fileSavedToFilename": "Enregistré sous {filename}",
     "canvas": "canevas",
-    "selection": "sélection"
+    "selection": "sélection",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Blanc",
@@ -439,5 +443,12 @@
     "5c940d": "Citron vert 9",
     "e67700": "Jaune 9",
     "d9480f": "Orange 9"
+  },
+  "welcomeScreen": {
+    "data": "Toutes vos données sont sauvegardées en local dans votre navigateur.",
+    "switchToPlusApp": "Vous vouliez plutôt aller à Excalidraw+ ?",
+    "menuHints": "Exportation, préférences, langues, ...",
+    "toolbarHints": "Choisissez un outil et commencez à dessiner !",
+    "helpHints": "Raccourcis et aide"
   }
 }
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 62e7daa22..aa2c4317a 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -1,6 +1,7 @@
 {
   "labels": {
-    "paste": "Paste",
+    "paste": "Pegar",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Pegar gráficos",
     "selectAll": "Seleccionar todo",
     "multiSelect": "Engadir elemento á selección",
@@ -42,9 +43,9 @@
     "onlySelected": "Só seleccionados",
     "withBackground": "Fondo",
     "exportEmbedScene": "Inserir escena",
-    "exportEmbedScene_details": "",
+    "exportEmbedScene_details": "Os datos da escena serán gardados no ficheiro PNG/SVG exportado polo que a escena poderá ser restaurada dende el. Isto aumentará o tamaño do ficheiro exportado.",
     "addWatermark": "Engadir \"Feito con Excalidraw\"",
-    "handDrawn": "Debuzado á man",
+    "handDrawn": "Debuxado a man",
     "normal": "Normal",
     "code": "Código",
     "small": "Pequeno",
@@ -71,7 +72,7 @@
     "layers": "Capas",
     "actions": "Accións",
     "language": "Idioma",
-    "liveCollaboration": "Colaboración en directo",
+    "liveCollaboration": "Colaboración en directo...",
     "duplicateSelection": "Duplicar",
     "untitled": "Sen título",
     "name": "Nome",
@@ -95,8 +96,8 @@
     "centerHorizontally": "Centrar horizontalmente",
     "distributeHorizontally": "Distribuír horizontalmente",
     "distributeVertically": "Distribuír verticalmente",
-    "flipHorizontal": "",
-    "flipVertical": "",
+    "flipHorizontal": "Virar horizontalmente",
+    "flipVertical": "Virar verticalmente",
     "viewMode": "Modo de visualización",
     "toggleExportColorScheme": "Alternar esquema de cores de exportación",
     "share": "Compartir",
@@ -115,8 +116,8 @@
       "label": "Ligazón"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Editar liña",
+      "exit": "Saír do editor de liñas"
     },
     "elementLock": {
       "lock": "Bloquear",
@@ -129,14 +130,14 @@
   },
   "library": {
     "noItems": "Aínda non hai elementos engadidos...",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "hint_emptyLibrary": "Seleccione un elemento no lenzo para engadilo aquí, ou instale unha biblioteca dende o repositorio público, como se detalla a continuación.",
+    "hint_emptyPrivateLibrary": "Seleccione un elemento do lenzo para engadilo aquí."
   },
   "buttons": {
     "clearReset": "Limpar o lenzo",
     "exportJSON": "Exportar a arquivo",
-    "exportImage": "Gardar como imaxe",
-    "export": "Exportar",
+    "exportImage": "Exportar imaxe...",
+    "export": "Gardar en...",
     "exportToPng": "Exportar a PNG",
     "exportToSvg": "Exportar a SVG",
     "copyToClipboard": "Copiar ao portapapeis",
@@ -144,7 +145,7 @@
     "scale": "Escala",
     "save": "Gardar no ficheiro actual",
     "saveAs": "Gardar como",
-    "load": "Cargar",
+    "load": "Abrir",
     "getShareableLink": "Obter unha ligazón que se poida compartir",
     "close": "Pechar",
     "selectLanguage": "Seleccionar idioma",
@@ -176,35 +177,35 @@
     "couldNotCreateShareableLink": "Non se puido crear unha ligazón para compartir.",
     "couldNotCreateShareableLinkTooBig": "Non se puido crear a ligazón para compartir: a escena é demasiado grande",
     "couldNotLoadInvalidFile": "Non se puido cargar o ficheiro non válido",
-    "importBackendFailed": "",
-    "cannotExportEmptyCanvas": "",
-    "couldNotCopyToClipboard": "",
+    "importBackendFailed": "A importación dende o backend fallou.",
+    "cannotExportEmptyCanvas": "Non se pode exportar un lenzo baleiro.",
+    "couldNotCopyToClipboard": "Non se puido copiar ao portapapeis.",
     "decryptFailed": "Non se poideron descifrar os datos.",
-    "uploadedSecurly": "A carga foi asegurada con cifrado de extremo a extremo, o que significa que o servidor de Excalidraw e terceiros non poder ler o contenido.",
-    "loadSceneOverridePrompt": "Si carga este debuxo externo, reemprazará o que ten. ¿Desexa continuar?",
-    "collabStopOverridePrompt": "",
-    "errorAddingToLibrary": "",
-    "errorRemovingFromLibrary": "",
-    "confirmAddLibrary": "",
-    "imageDoesNotContainScene": "",
-    "cannotRestoreFromImage": "",
-    "invalidSceneUrl": "",
-    "resetLibrary": "",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "uploadedSecurly": "A carga foi asegurada con cifrado de extremo a extremo, o que significa que o servidor de Excalidraw e terceiros non poden ler o contido.",
+    "loadSceneOverridePrompt": "A carga dun debuxo externo substituirá o contido existente. Desexa continuar?",
+    "collabStopOverridePrompt": "Deter a sesión, sobrescribirá o seu debuxo local previamente almacenado. Está seguro?\n\n(Se quere manter o seu debuxo local, simplemente peche a lapela do navegador.)",
+    "errorAddingToLibrary": "Non se puido engadir o elemento á biblioteca",
+    "errorRemovingFromLibrary": "Non se puido eliminar o elemento da biblioteca",
+    "confirmAddLibrary": "Isto engadirá {{numShapes}} forma(s) a túa biblioteca. Estás seguro?",
+    "imageDoesNotContainScene": "Esta imaxe non parece conter ningún dato da escena. Activou a inserción de escenas durante a exportación?",
+    "cannotRestoreFromImage": "Non se puido restaurar a escena dende este arquivo de imaxe",
+    "invalidSceneUrl": "Non se puido importar a escena dende a URL proporcionada. Ou ben está malformada ou non contén un JSON con información válida para Excalidraw.",
+    "resetLibrary": "Isto limpará a súa biblioteca. Está seguro?",
+    "removeItemsFromsLibrary": "Eliminar {{count}} elemento(s) da biblioteca?",
+    "invalidEncryptionKey": "A clave de cifrado debe ter 22 caracteres. A colaboración en directo está desactivada."
   },
   "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
-    "invalidSVGString": "",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "unsupportedFileType": "Tipo de ficheiro non soportado.",
+    "imageInsertError": "Non se puido inserir a imaxe. Probe de novo máis tarde...",
+    "fileTooBig": "O ficheiro é demasiado grande. O tamaño máximo permitido é {{maxSize}}.",
+    "svgImageInsertError": "Non se puido inserir como imaxe SVG. O marcado SVG semella inválido.",
+    "invalidSVGString": "SVG inválido.",
+    "cannotResolveCollabServer": "Non se puido conectar ao servidor de colaboración. Por favor recargue a páxina e probe de novo.",
+    "importLibraryError": "Non se puido cargar a biblioteca"
   },
   "toolBar": {
     "selection": "Selección",
-    "image": "",
+    "image": "Inserir imaxe",
     "rectangle": "Rectángulo",
     "diamond": "Diamante",
     "ellipse": "Elipse",
@@ -214,230 +215,240 @@
     "text": "Texto",
     "library": "Biblioteca",
     "lock": "Manter a ferramenta seleccionada activa despois de debuxar",
-    "penMode": "",
-    "link": "",
-    "eraser": ""
+    "penMode": "Modo lapis - evitar o contacto",
+    "link": "Engadir/ Actualizar ligazón para a forma seleccionada",
+    "eraser": "Goma de borrar"
   },
   "headings": {
     "canvasActions": "Accións do lenzo",
-    "selectedShapeActions": "",
-    "shapes": ""
+    "selectedShapeActions": "Accións da forma seleccionada",
+    "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "",
-    "linearElement": "",
-    "freeDraw": "",
-    "text": "",
-    "text_selected": "",
-    "text_editing": "",
-    "linearElementMulti": "",
-    "lockAngle": "",
-    "resize": "",
-    "resizeImage": "",
-    "rotate": "",
+    "canvasPanning": "Para mover o lenzo, manteña a roda do rato ou a barra de espazo mentres arrastra",
+    "linearElement": "Faga clic para iniciar varios puntos, arrastre para unha sola liña",
+    "freeDraw": "Fai clic e arrastra, solta cando acabes",
+    "text": "Consello: tamén podes engadir texto facendo dobre-clic en calquera lugar coa ferramenta de selección",
+    "text_selected": "Dobre-clic ou prema ENTER para editar o texto",
+    "text_editing": "Prema Escape ou CtrlOrCmd+ENTER para finalizar a edición",
+    "linearElementMulti": "Faga clic no último punto ou prema Escape ou Enter para rematar",
+    "lockAngle": "Pode reducir o ángulo mantendo SHIFT",
+    "resize": "Pode reducir as proporcións mantendo SHIFT mentres axusta o tamaño,\nmanteña ALT para axustalo dende o centro",
+    "resizeImage": "Pode axustar o tamaño libremente mantendo SHIFT,\nmanteña ALT para axustalo dende o centro",
+    "rotate": "Podes reducir os ángulos mantendo SHIFT mentres os rotas",
     "lineEditor_info": "",
-    "lineEditor_pointSelected": "",
-    "lineEditor_nothingSelected": "",
-    "placeImage": "",
-    "publishLibrary": "",
-    "bindTextToElement": "",
-    "deepBoxSelect": "",
-    "eraserRevert": ""
+    "lineEditor_pointSelected": "Prema Suprimir para eliminar o(s) punto(s)\nCtrlOrCmd+D para duplicalos, ou arrastre para movelos",
+    "lineEditor_nothingSelected": "Seleccione un punto para editar (manteña pulsado SHIFT para selección múltiple),\nou manteña pulsado Alt e faga clic para engadir novos puntos",
+    "placeImage": "Faga clic para colocar a imaxe, ou faga clic e arrastre para establecer o seu tamaño manualmente",
+    "publishLibrary": "Publica a túa propia biblioteca",
+    "bindTextToElement": "Prema a tecla enter para engadir texto",
+    "deepBoxSelect": "Manteña pulsado CtrlOrCmd para seleccionar en profundidade e evitar o arrastre",
+    "eraserRevert": "Manteña pulsado Alt para reverter os elementos marcados para a súa eliminación"
   },
   "canvasError": {
-    "cannotShowPreview": "",
-    "canvasTooBig": "",
-    "canvasTooBigTip": ""
+    "cannotShowPreview": "Non se pode mostrar a vista previa",
+    "canvasTooBig": "Pode que o lenzo sexa demasiado grande.",
+    "canvasTooBigTip": "Consello: Probe a acercar un pouco os elementos máis afastados."
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
-    "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
-    "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
-    "sceneContent": ""
+    "headingMain_pre": "Atopouse un erro. Probe ",
+    "headingMain_button": "recargando a páxina.",
+    "clearCanvasMessage": "Se recargar non funcionou, probe ",
+    "clearCanvasMessage_button": "limpando o lenzo.",
+    "clearCanvasCaveat": " Isto resultará nunha perda do seu traballo ",
+    "trackedToSentry_pre": "O erro con identificador ",
+    "trackedToSentry_post": " foi rastrexado no noso sistema.",
+    "openIssueMessage_pre": "Fomos moi cautelosos de non incluír a información da súa escena no erro. Se a súa escena non é privada, por favor, considere o seguimento do noso ",
+    "openIssueMessage_button": "rastrexador de erros.",
+    "openIssueMessage_post": " Por favor inclúa a seguinte información copiándoa e pegándoa na issue de Github.",
+    "sceneContent": "Contido da escena:"
   },
   "roomDialog": {
-    "desc_intro": "",
-    "desc_privacy": "",
-    "button_startSession": "",
-    "button_stopSession": "",
-    "desc_inProgressIntro": "",
-    "desc_shareLink": "",
-    "desc_exitSession": "",
-    "shareTitle": ""
+    "desc_intro": "Podes invitar xente a colaborar contigo na túa escena actual.",
+    "desc_privacy": "Non te preocupes, a sesión usa cifrado de punto a punto, polo que calquera cousa que debuxes mantense privada. Nin tan sequera o noso servidor será capaz de ver o que fas.",
+    "button_startSession": "Comezar sesión",
+    "button_stopSession": "Rematar sesión",
+    "desc_inProgressIntro": "A sesión de colaboración en directo está agora en progreso.",
+    "desc_shareLink": "Comparte esta ligazón con calquera que queiras colaborar:",
+    "desc_exitSession": "Deter a sesión desconectarao da sala, pero poderá seguir traballando coa escena de maneira local. Teña en conta que isto non afectará a outras persoas, que poderán seguir colaborando na súa versión.",
+    "shareTitle": "Únase a unha sesión de colaboración en directo en Excalidraw"
   },
   "errorDialog": {
     "title": "Erro"
   },
   "exportDialog": {
-    "disk_title": "",
-    "disk_details": "",
-    "disk_button": "",
-    "link_title": "",
-    "link_details": "",
-    "link_button": "",
-    "excalidrawplus_description": "",
-    "excalidrawplus_button": "",
-    "excalidrawplus_exportError": ""
+    "disk_title": "Gardar no disco",
+    "disk_details": "Exporte os datos da escena a un ficheiro que poderás importar máis tarde.",
+    "disk_button": "Gardar nun ficheiro",
+    "link_title": "Ligazón para compartir",
+    "link_details": "Exportar como unha ligazón de só lectura.",
+    "link_button": "Exportar a unha ligazón",
+    "excalidrawplus_description": "Garde a escena no seu espazo de traballo en Excalidraw+.",
+    "excalidrawplus_button": "Exportar",
+    "excalidrawplus_exportError": "Non se puido exportar a Excalidraw+ neste momento..."
   },
   "helpDialog": {
-    "blog": "",
-    "click": "",
-    "deepSelect": "",
-    "deepBoxSelect": "",
-    "curvedArrow": "",
-    "curvedLine": "",
-    "documentation": "",
-    "doubleClick": "",
-    "drag": "",
-    "editor": "",
-    "editSelectedShape": "",
-    "github": "",
-    "howto": "",
-    "or": "",
-    "preventBinding": "",
-    "tools": "",
-    "shortcuts": "",
-    "textFinish": "",
-    "textNewLine": "",
-    "title": "",
-    "view": "",
-    "zoomToFit": "",
-    "zoomToSelection": "",
-    "toggleElementLock": ""
+    "blog": "Le o noso blog",
+    "click": "clic",
+    "deepSelect": "Selección en profundidade",
+    "deepBoxSelect": "Selección en profundidade dentro da caixa, evitando o arrastre",
+    "curvedArrow": "Frecha curva",
+    "curvedLine": "Liña curva",
+    "documentation": "Documentación",
+    "doubleClick": "dobre-clic",
+    "drag": "arrastrar",
+    "editor": "Editor",
+    "editSelectedShape": "Editar a forma seleccionada (texto/frecha/liña)",
+    "github": "Encontrou un problema? Envíeo",
+    "howto": "Sigue as nosas normas",
+    "or": "ou",
+    "preventBinding": "Evitar a unión de frechas",
+    "tools": "Ferramentas",
+    "shortcuts": "Atallos de teclado",
+    "textFinish": "Rematar de editar (editor de texto)",
+    "textNewLine": "Engadir unha nova liña (editor de texto)",
+    "title": "Axuda",
+    "view": "Vista",
+    "zoomToFit": "Zoom que se axuste a todos os elementos",
+    "zoomToSelection": "Zoom á selección",
+    "toggleElementLock": "Bloquear/desbloquear selección",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
-    "title": ""
+    "title": "Limpar lenzo"
   },
   "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
-    "website": "",
+    "title": "Publicar biblioteca",
+    "itemName": "Nome do elemento",
+    "authorName": "Nome do autor",
+    "githubUsername": "Nome de usuario en Github",
+    "twitterUsername": "Nome de usuario en Twitter",
+    "libraryName": "Nome da biblioteca",
+    "libraryDesc": "Descrición da biblioteca",
+    "website": "Páxina web",
     "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
-      "githubHandle": "",
-      "twitterHandle": "",
-      "website": ""
+      "authorName": "O seu nome ou nome de usuario",
+      "libraryName": "Nome da súa biblioteca",
+      "libraryDesc": "Descrición da súa biblioteca para axudar a xente a entender o seu uso",
+      "githubHandle": "Nome de usuario de GitHub (opcional), así poderás editar a biblioteca unha vez enviada para a súa revisión",
+      "twitterHandle": "Nome de usuario en Twitter(opcional), así sabemos a quen darlle crédito cando se lle de promoción a través de Twitter",
+      "website": "Ligazón ao teu sitio web persoal ou a outro sitio (opcional)"
     },
     "errors": {
-      "required": "",
-      "website": ""
+      "required": "Obrigatorio",
+      "website": "Introduza unha URL válida"
     },
     "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Envíe a súa biblioteca para que sexa incluída no ",
+      "link": "repositorio público de bibliotecas",
+      "post": "para que outra xente a poida usar nos seus debuxos."
     },
     "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "A biblioteca necesita ser aprobada manualmente primeiro. Por favor, lea as ",
+      "link": "normas",
+      "post": " antes de ser enviado. Necesitarás unha conta de GitHub para comunicarte ou facer cambios se se solicitan, pero non é estritamente necesario."
     },
     "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Ao enviar, estás de acordo con que a biblioteca sexa publicada baixo a ",
+      "link": "Licenza MIT, ",
+      "post": "o cal significa que, en resumo, calquera pode usalo sen restricións."
     },
-    "noteItems": "",
-    "atleastOneLibItem": "",
-    "republishWarning": ""
+    "noteItems": "Cada elemento da biblioteca debe ter o seu nome propio para que se poida filtrar. Os seguintes elementos da biblioteca serán incluídos:",
+    "atleastOneLibItem": "Por favor seleccione polo menos un elemento da biblioteca para comezar",
+    "republishWarning": "Nota: algúns dos elementos seleccionados están marcados como xa publicados/enviados. Só deberías reenviar elementos cando se actualice unha biblioteca ou envío."
   },
   "publishSuccessDialog": {
-    "title": "",
-    "content": "",
-    "link": ""
+    "title": "Biblioteca enviada",
+    "content": "Grazas {{authorName}}. A súa biblioteca foi enviada para ser revisada. Pode seguir o estado",
+    "link": "aquí"
   },
   "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Restablecer biblioteca",
+    "removeItemsFromLib": "Eliminar os elementos seleccionados da biblioteca"
   },
   "encrypted": {
-    "tooltip": "",
-    "link": ""
+    "tooltip": "Os teus debuxos están cifrados de punto a punto, polo que os servidores de Excalidraw nunca os verán.",
+    "link": "Entrada do blog acerca do cifrado de punto a punto en Excalidraw"
   },
   "stats": {
-    "angle": "",
-    "element": "",
-    "elements": "",
-    "height": "",
-    "scene": "",
-    "selected": "",
-    "storage": "",
-    "title": "",
-    "total": "",
-    "version": "",
-    "versionCopy": "",
-    "versionNotAvailable": "",
-    "width": ""
+    "angle": "Ángulo",
+    "element": "Elemento",
+    "elements": "Elementos",
+    "height": "Alto",
+    "scene": "Escena",
+    "selected": "Seleccionado",
+    "storage": "Almacenamento",
+    "title": "Estadísticas para nerds",
+    "total": "Total",
+    "version": "Versión",
+    "versionCopy": "Faga clic para copiar",
+    "versionNotAvailable": "Versión non dispoñible",
+    "width": "Ancho"
   },
   "toast": {
-    "addedToLibrary": "",
-    "copyStyles": "",
-    "copyToClipboard": "",
-    "copyToClipboardAsPng": "",
-    "fileSaved": "",
-    "fileSavedToFilename": "",
-    "canvas": "",
-    "selection": ""
+    "addedToLibrary": "Engadido á biblioteca",
+    "copyStyles": "Estilos copiados.",
+    "copyToClipboard": "Copiado ao portapapeis.",
+    "copyToClipboardAsPng": "Copiar {{exportSelection}} ao portapapeis como PNG\n({{exportColorScheme}})",
+    "fileSaved": "Ficheiro gardado.",
+    "fileSavedToFilename": "Gardado en {filename}",
+    "canvas": "lenzo",
+    "selection": "selección",
+    "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
-    "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "ffffff": "Branco",
+    "f8f9fa": "Gris 0",
+    "f1f3f5": "Gris 1",
+    "fff5f5": "Vermello 0",
+    "fff0f6": "Rosa 0",
+    "f8f0fc": "Uva 0",
+    "f3f0ff": "Violeta 0",
+    "edf2ff": "Índigo 0",
+    "e7f5ff": "Azul 0",
+    "e3fafc": "Ciano 0",
+    "e6fcf5": "Turquesa 0",
+    "ebfbee": "Verde 0",
+    "f4fce3": "Lima 0",
+    "fff9db": "Amarelo 0",
+    "fff4e6": "Laranxa 0",
+    "transparent": "Transparente",
+    "ced4da": "Gris 4",
+    "868e96": "Gris 6",
+    "fa5252": "Vermello 6",
+    "e64980": "Rosa 6",
+    "be4bdb": "Uva 6",
+    "7950f2": "Violeta 6",
+    "4c6ef5": "Índigo 6",
+    "228be6": "Azul 6",
+    "15aabf": "Ciano 6",
+    "12b886": "Turquesa 6",
+    "40c057": "Verde 6",
+    "82c91e": "Lima 6",
+    "fab005": "Amarelo 6",
+    "fd7e14": "Laranxa 6",
+    "000000": "Negro",
+    "343a40": "Gris 8",
+    "495057": "Gris 7",
+    "c92a2a": "Vermello 9",
+    "a61e4d": "Rosa 9",
+    "862e9c": "Uva 9",
+    "5f3dc4": "Violeta 9",
+    "364fc7": "Índigo 9",
+    "1864ab": "Azul 9",
+    "0b7285": "Ciano 9",
+    "087f5b": "Turquesa 9",
+    "2b8a3e": "Verde 9",
+    "5c940d": "Lima 9",
+    "e67700": "Amarelo 9",
+    "d9480f": "Laranxa 9"
+  },
+  "welcomeScreen": {
+    "data": "Toda a información é gardada de maneira local no seu navegador.",
+    "switchToPlusApp": "Queres ir a Excalidraw+ no seu lugar?",
+    "menuHints": "Exportar, preferencias, idiomas, ...",
+    "toolbarHints": "Escolle unha ferramenta & Comeza a debuxar!",
+    "helpHints": "Atallos & axuda"
   }
 }
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 593288ca3..4fcb6b440 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "הדבק",
+    "pasteAsPlaintext": "",
     "pasteCharts": "הדבק גרפים",
     "selectAll": "בחר הכל",
     "multiSelect": "הוסף אובייקט לבחירה",
@@ -71,7 +72,7 @@
     "layers": "שכבות",
     "actions": "פעולות",
     "language": "שפה",
-    "liveCollaboration": "התחל שיתוף חי",
+    "liveCollaboration": "",
     "duplicateSelection": "שכפל",
     "untitled": "ללא כותרת",
     "name": "שם",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "אפס את הלוח",
     "exportJSON": "ייצא לקובץ",
-    "exportImage": "שמירה כתמונה",
-    "export": "ייצא",
+    "exportImage": "ייצוא התמונה...",
+    "export": "שמור ל...",
     "exportToPng": "יצא ל PNG",
     "exportToSvg": "יצא ל SVG",
     "copyToClipboard": "העתק ללוח",
@@ -144,7 +145,7 @@
     "scale": "קנה מידה",
     "save": "שמירת קובץ נוכחי",
     "saveAs": "שמירה בשם",
-    "load": "טען",
+    "load": "פתח",
     "getShareableLink": "קבל קישור לשיתוף",
     "close": "סגור",
     "selectLanguage": "בחר שפה",
@@ -235,7 +236,7 @@
     "resize": "ניתן להגביל פרופורציות על ידי לחיצה על SHIFT תוך כדי שינוי גודל,\nהחזק ALT בשביל לשנות גודל ביחס למרכז",
     "resizeImage": "",
     "rotate": "ניתן להגביל זוויות על ידי לחיצה על SHIFT תוך כדי סיבוב",
-    "lineEditor_info": "לחץ לחיצה כפולה או אנטר לעריכת הנקודות",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -310,7 +311,9 @@
     "view": "תצוגה",
     "zoomToFit": "גלילה להצגת כל האלמנטים במסך",
     "zoomToSelection": "התמקד בבחירה",
-    "toggleElementLock": "נעילה/ביטול הנעילה של הרכיבים הנבחרים"
+    "toggleElementLock": "נעילה/ביטול הנעילה של הרכיבים הנבחרים",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "ניקוי הקנבס"
@@ -391,7 +394,8 @@
     "fileSaved": "קובץ נשמר.",
     "fileSavedToFilename": "נשמר לקובץ {filename}",
     "canvas": "משטח ציור",
-    "selection": "בחירה"
+    "selection": "בחירה",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "לבן",
@@ -439,5 +443,12 @@
     "5c940d": "ליים 9",
     "e67700": "ירוק 9",
     "d9480f": "כתום 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 84b573c3b..57844d97a 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "चिपकाएँ",
+    "pasteAsPlaintext": "",
     "pasteCharts": "चार्ट चिपकाएँ",
     "selectAll": "सभी चुनें",
     "multiSelect": "आकार को चयन में जोड़ें",
@@ -52,7 +53,7 @@
     "large": "बड़ा",
     "veryLarge": "बहुत बड़ा",
     "solid": "दृढ़",
-    "hachure": "हाचुरे",
+    "hachure": "हैशूर",
     "crossHatch": "क्रॉस हैच",
     "thin": "पतला",
     "bold": "मोटा",
@@ -71,7 +72,7 @@
     "layers": "परतें",
     "actions": "कार्रवाई",
     "language": "भाषा",
-    "liveCollaboration": "जीवंत सहयोग",
+    "liveCollaboration": "जीवंत सहयोग...",
     "duplicateSelection": "डुप्लिकेट",
     "untitled": "अशीर्षित",
     "name": "नाम",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "कैनवास रीसेट करें",
     "exportJSON": "",
-    "exportImage": "",
-    "export": "निर्यात",
+    "exportImage": "प्रतिमा निर्यात करे...",
+    "export": "यंहा सुरक्षित करे...",
     "exportToPng": "पीएनजी के रूप में निर्यात करे",
     "exportToSvg": "Svg के रूप में निर्यात करे",
     "copyToClipboard": "क्लिपबोर्ड पर प्रतिलिपि बनाएँ",
@@ -144,7 +145,7 @@
     "scale": "पैमाना",
     "save": "",
     "saveAs": "सेव करे इस तरह",
-    "load": "लोड करें",
+    "load": "खोलें",
     "getShareableLink": "साझा करने योग्य लिंक प्राप्त करें",
     "close": "बंद करें",
     "selectLanguage": "भाषा चुनें",
@@ -214,7 +215,7 @@
     "text": "पाठ",
     "library": "लाइब्रेरी",
     "lock": "ड्राइंग के बाद चयनित टूल को सक्रिय रखें",
-    "penMode": "",
+    "penMode": "पेन का मोड - स्पर्श टाले",
     "link": "",
     "eraser": "रबड़"
   },
@@ -235,7 +236,7 @@
     "resize": "आकार बदलते समय आप SHIFT को पकड़ कर अनुपात में कमी कर सकते हैं,\nकेंद्र से आकार बदलने के लिए ALT दबाए रखें",
     "resizeImage": "",
     "rotate": "आप घूर्णन करते समय SHIFT पकड़कर कोणों को विवश कर सकते हैं",
-    "lineEditor_info": "बिंदुओं को संपादित करने के लिए Enter पर डबल-क्लिक करें या दबाएँ",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -310,7 +311,9 @@
     "view": "दृश्य",
     "zoomToFit": "सभी तत्वों को फिट करने के लिए ज़ूम करें",
     "zoomToSelection": "चयन तक ज़ूम करे",
-    "toggleElementLock": "ताले के अंदर/बाहर चुनाव"
+    "toggleElementLock": "ताले के अंदर/बाहर चुनाव",
+    "movePageUpDown": "पृष्ठ ऊपर/नीचे करे",
+    "movePageLeftRight": "पृष्ठ बायी/दायी तरफ करे"
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "",
-    "selection": ""
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "सफेद",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "पीला",
     "d9480f": "नारंगी"
+  },
+  "welcomeScreen": {
+    "data": "आपका सर्व डेटा ब्राउज़र के भीतर स्थानिक जगह पे सुरक्षित किया गया.",
+    "switchToPlusApp": "बजाय आपको Excalidraw+ जगह जाना है?",
+    "menuHints": "निर्यात, पसंद, भाषायें, ...",
+    "toolbarHints": "औजार चुने और चित्रकारी प्रारंभ करे!",
+    "helpHints": "शॉर्ट्कट & सहाय्य"
   }
 }
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 35eb7e096..99913d11a 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Beillesztés",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Grafikon beillesztése",
     "selectAll": "Összes kijelölése",
     "multiSelect": "Elem hozzáadása a kijelöléshez",
@@ -71,7 +72,7 @@
     "layers": "Rétegek",
     "actions": "Műveletek",
     "language": "Nyelv",
-    "liveCollaboration": "Élő együttműködés",
+    "liveCollaboration": "",
     "duplicateSelection": "Duplikálás",
     "untitled": "Névtelen",
     "name": "Név",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Vászon törlése",
     "exportJSON": "Exportálás fájlba",
-    "exportImage": "Mentés képként",
-    "export": "Exportálás",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Exportálás PNG-be",
     "exportToSvg": "Exportálás SVG-be",
     "copyToClipboard": "Vágólapra másolás",
@@ -144,7 +145,7 @@
     "scale": "Nagyítás",
     "save": "Mentés az aktuális fájlba",
     "saveAs": "Mentés másként",
-    "load": "Betöltés",
+    "load": "",
     "getShareableLink": "Megosztható link létrehozása",
     "close": "Bezárás",
     "selectLanguage": "Nyelv kiválasztása",
@@ -214,7 +215,7 @@
     "text": "Szöveg",
     "library": "Könyvtár",
     "lock": "Rajzolás után az aktív eszközt tartsa kijelölve",
-    "penMode": "Akadályozza meg a kicsinyítést, és csak tollról fogadja el a szabadkézi bevitelt",
+    "penMode": "",
     "link": "Hivatkozás hozzáadása/frissítése a kiválasztott alakzathoz",
     "eraser": ""
   },
@@ -235,7 +236,7 @@
     "resize": "A SHIFT billentyű lenyomva tartásával az átméretezés megtartja az arányokat,\naz ALT lenyomva tartásával pedig a középpont egy helyben marad",
     "resizeImage": "A SHIFT billentyű lenyomva tartásával szabadon átméretezheted,\ntartsd lenyomva az ALT billentyűt a középről való átméretezéshez",
     "rotate": "A SHIFT billentyű lenyomva tartásával korlátozhatja a szögek illesztését",
-    "lineEditor_info": "Kattints duplán, vagy nyomj entert a pontok szerkesztéséhez",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Nyomd meg a Törlés gombot a pont(ok) eltávolításához,\nA Ctrl/Cmd+D a többszörözéshez, vagy húzással mozgathatja",
     "lineEditor_nothingSelected": "Válaszd ki a szerkeszteni kívánt pontot (több kijelöléséhez tartsd lenyomva a SHIFT billentyűt),\nvagy Alt, és kattintson az új pontok hozzáadásához",
     "placeImage": "Kattints a kép elhelyezéséhez, vagy kattints és méretezd manuálisan",
@@ -310,7 +311,9 @@
     "view": "Nézet",
     "zoomToFit": "Az összes elem látótérbe hozása",
     "zoomToSelection": "Kijelölésre nagyítás",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Rajzvászon alaphelyzetbe"
@@ -391,7 +394,8 @@
     "fileSaved": "Fájl elmentve.",
     "fileSavedToFilename": "Mentve mint {filename}",
     "canvas": "rajzvászon",
-    "selection": "kijelölés"
+    "selection": "kijelölés",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Fehér",
@@ -441,9 +445,10 @@
     "d9480f": "Narancs 9"
   },
   "welcomeScreen": {
-    "data": "Minden adatodat kizárólag a böngésződben tároljuk.",
-    "menuHints": "Export, beállítások, nyelvek, ...",
-    "toolbarHints": "Válassz egy eszközt & kezdj alkotni!",
-    "helpHints": "Gyorsbillentyűk & súgó"
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 6936cc419..9038b382c 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Tempel",
+    "pasteAsPlaintext": "Tempel sebagai teks biasa",
     "pasteCharts": "Tempel diagram",
     "selectAll": "Pilih semua",
     "multiSelect": "Tambahkan elemen ke pilihan",
@@ -71,7 +72,7 @@
     "layers": "Lapisan",
     "actions": "Aksi",
     "language": "Bahasa",
-    "liveCollaboration": "Kolaborasi langsung",
+    "liveCollaboration": "Kolaborasi langsung...",
     "duplicateSelection": "Duplikat",
     "untitled": "Tanpa judul",
     "name": "Nama",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Setel Ulang Kanvas",
     "exportJSON": "Ekspor ke file",
-    "exportImage": "Simpan gambar",
-    "export": "Ekspor",
+    "exportImage": "Ekspor gambar...",
+    "export": "Simpan ke...",
     "exportToPng": "Ekspor ke PNG",
     "exportToSvg": "Ekspor ke SVG",
     "copyToClipboard": "Salin ke Papan Klip",
@@ -144,7 +145,7 @@
     "scale": "Skala",
     "save": "Simpan ke file sekarang",
     "saveAs": "Simpan sebagai",
-    "load": "Muat",
+    "load": "Buka",
     "getShareableLink": "Buat Tautan yang Bisa Dibagian",
     "close": "Tutup",
     "selectLanguage": "Pilih bahasa",
@@ -214,7 +215,7 @@
     "text": "Teks",
     "library": "Pustaka",
     "lock": "Biarkan alat yang dipilih aktif setelah menggambar",
-    "penMode": "Cegah jepit perbesar dan terima hanya input freedraw dari pena",
+    "penMode": "Mode pena - mencegah sentuhan",
     "link": "Tambah/Perbarui tautan untuk bentuk yang dipilih",
     "eraser": "Penghapus"
   },
@@ -235,7 +236,7 @@
     "resize": "Anda dapat menjaga proposi dengan menekan SHIFT sambil mengubah ukuran,\ntekan AlT untuk mengubah ukuran dari tengah",
     "resizeImage": "Anda dapat mengubah secara bebas dengan menekan SHIFT,\nTekan ALT untuk mengubah dari tengah",
     "rotate": "Anda dapat menjaga sudut dengan menahan SHIFT sambil memutar",
-    "lineEditor_info": "Klik ganda atau tekan Enter untuk mengedit titik",
+    "lineEditor_info": "Tekan Ctrl/Cmd dan Dobel-klik atau tekan Ctrl/Cmd +Enter untuk mengedit poin",
     "lineEditor_pointSelected": "Tekan Delete untuk menghapus titik, Ctrl/Cmd + D untuk menduplikasi, atau seret untuk memindahkan",
     "lineEditor_nothingSelected": "Pilih titik untuk mengedit (tekan SHIFT untuk pilih banyak), atau tekan Alt dan klik untuk tambahkan titik baru",
     "placeImage": "Klik untuk tempatkan gambar, atau klik dan jatuhkan untuk tetapkan ukuran secara manual",
@@ -310,7 +311,9 @@
     "view": "Tampilan",
     "zoomToFit": "Perbesar agar sesuai dengan semua elemen",
     "zoomToSelection": "Perbesar ke seleksi",
-    "toggleElementLock": "Kunci/lepas seleksi"
+    "toggleElementLock": "Kunci/lepas seleksi",
+    "movePageUpDown": "Pindah halaman keatas/kebawah",
+    "movePageLeftRight": "Pindah halaman kebawah/keatas"
   },
   "clearCanvasDialog": {
     "title": "Hapus kanvas"
@@ -391,7 +394,8 @@
     "fileSaved": "File tersimpan.",
     "fileSavedToFilename": "Disimpan ke {filename}",
     "canvas": "kanvas",
-    "selection": "pilihan"
+    "selection": "pilihan",
+    "pasteAsSingleElement": "Gunakan {{shortcut}} untuk menempelkan sebagai satu elemen,\natau tempelkan ke teks editor yang ada"
   },
   "colors": {
     "ffffff": "Putih",
@@ -439,5 +443,12 @@
     "5c940d": "Lime 9",
     "e67700": "Kuning 9",
     "d9480f": "Jingga 9"
+  },
+  "welcomeScreen": {
+    "data": "Semua data Anda tersimpan secara lokal di browser.",
+    "switchToPlusApp": "Apa Anda ingin berpindah ke Excalidraw+?",
+    "menuHints": "Ekspor, preferensi, bahasa, ...",
+    "toolbarHints": "Ambil alat & mulai menggambar!",
+    "helpHints": "Pintasan & bantuan"
   }
 }
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 1195bca18..589940f00 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Incolla",
+    "pasteAsPlaintext": "Incolla come testo normale",
     "pasteCharts": "Incolla grafici",
     "selectAll": "Seleziona tutto",
     "multiSelect": "Aggiungi elemento alla selezione",
@@ -71,7 +72,7 @@
     "layers": "Livelli",
     "actions": "Azioni",
     "language": "Lingua",
-    "liveCollaboration": "Collaborazione live",
+    "liveCollaboration": "Collaborazione dal vivo...",
     "duplicateSelection": "Duplica",
     "untitled": "Senza titolo",
     "name": "Nome",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Svuota la tela",
     "exportJSON": "Esporta su file",
-    "exportImage": "Salva come immagine",
-    "export": "Esporta",
+    "exportImage": "Esporta immagine...",
+    "export": "Salva in...",
     "exportToPng": "Esporta come PNG",
     "exportToSvg": "Esporta come SVG",
     "copyToClipboard": "Copia negli appunti",
@@ -144,7 +145,7 @@
     "scale": "Scala",
     "save": "Salva sul file corrente",
     "saveAs": "Salva con nome",
-    "load": "Carica",
+    "load": "Apri",
     "getShareableLink": "Ottieni link condivisibile",
     "close": "Chiudi",
     "selectLanguage": "Seleziona lingua",
@@ -214,7 +215,7 @@
     "text": "Testo",
     "library": "Libreria",
     "lock": "Mantieni lo strumento selezionato attivo dopo aver disegnato",
-    "penMode": "Impedisci il pinch-zoom e accetta l'input di disegno libero solo dalla penna",
+    "penMode": "Modalità penna - previene il tocco",
     "link": "Aggiungi/ aggiorna il link per una forma selezionata",
     "eraser": "Gomma"
   },
@@ -235,7 +236,7 @@
     "resize": "Per vincolare le proporzioni, tieni premuto MAIUSC durante il ridimensionamento;\nper ridimensionare dal centro, tieni premuto ALT",
     "resizeImage": "Puoi ridimensionare liberamente tenendo premuto SHIFT,\ntieni premuto ALT per ridimensionare dal centro",
     "rotate": "Puoi mantenere gli angoli tenendo premuto SHIFT durante la rotazione",
-    "lineEditor_info": "Fai doppio click o premi invio per modificare i punti",
+    "lineEditor_info": "Tieni premuto Ctrl o Cmd e doppio clic oppure premi Ctrl o Cmd + Invio per modificare i punti",
     "lineEditor_pointSelected": "Premi Elimina per rimuovere il punto(i),\nCtrlOCmd+D per duplicare o trascinare per spostare",
     "lineEditor_nothingSelected": "Seleziona un punto da modificare (tieni premuto MAIUSC per selezionare più punti),\noppure tieni premuto Alt e fai clic per aggiungere nuovi punti",
     "placeImage": "Fai click per posizionare l'immagine, o click e trascina per impostarne la dimensione manualmente",
@@ -310,7 +311,9 @@
     "view": "Vista",
     "zoomToFit": "Adatta zoom per mostrare tutti gli elementi",
     "zoomToSelection": "Zoom alla selezione",
-    "toggleElementLock": "Blocca/sblocca selezione"
+    "toggleElementLock": "Blocca/sblocca selezione",
+    "movePageUpDown": "Sposta la pagina su/giù",
+    "movePageLeftRight": "Sposta la pagina a sinistra/destra"
   },
   "clearCanvasDialog": {
     "title": "Svuota la tela"
@@ -391,7 +394,8 @@
     "fileSaved": "File salvato.",
     "fileSavedToFilename": "Salvato in {filename}",
     "canvas": "tela",
-    "selection": "selezione"
+    "selection": "selezione",
+    "pasteAsSingleElement": "Usa {{shortcut}} per incollare come un singolo elemento,\no incollare in un editor di testo esistente"
   },
   "colors": {
     "ffffff": "Bianco",
@@ -439,5 +443,12 @@
     "5c940d": "Lime 9",
     "e67700": "Giallo 9",
     "d9480f": "Arancio 9"
+  },
+  "welcomeScreen": {
+    "data": "Tutti i tuoi dati sono salvati localmente nel browser.",
+    "switchToPlusApp": "Volevi invece andare su Excalidraw+?",
+    "menuHints": "Esporta, preferenze, lingue, ...",
+    "toolbarHints": "Scegli uno strumento & Inizia a disegnare!",
+    "helpHints": "Scorciatoie & aiuto"
   }
 }
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index ba5d21e1d..fe0a1320c 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "貼り付け",
+    "pasteAsPlaintext": "",
     "pasteCharts": "チャートの貼り付け",
     "selectAll": "すべて選択",
     "multiSelect": "複数選択",
@@ -71,7 +72,7 @@
     "layers": "レイヤー",
     "actions": "操作",
     "language": "言語",
-    "liveCollaboration": "共同編集",
+    "liveCollaboration": "共同編集...",
     "duplicateSelection": "複製",
     "untitled": "無題",
     "name": "名前",
@@ -115,8 +116,8 @@
       "label": "リンク"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "行を編集",
+      "exit": "行エディタを終了"
     },
     "elementLock": {
       "lock": "ロック",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "キャンバスのリセット",
     "exportJSON": "ファイルへエクスポート",
-    "exportImage": "画像として保存",
-    "export": "エクスポート",
+    "exportImage": "画像のエクスポート...",
+    "export": "名前を付けて保存...",
     "exportToPng": "PNG にエクスポート",
     "exportToSvg": "SVG にエクスポート",
     "copyToClipboard": "クリップボードにコピー",
@@ -144,7 +145,7 @@
     "scale": "スケール",
     "save": "現在のファイルに保存",
     "saveAs": "名前を付けて保存",
-    "load": "読み込み...",
+    "load": "開く",
     "getShareableLink": "共有URLの取得",
     "close": "閉じる",
     "selectLanguage": "言語の選択",
@@ -214,7 +215,7 @@
     "text": "テキスト",
     "library": "ライブラリ",
     "lock": "描画後も使用中のツールを選択したままにする",
-    "penMode": "ピンチとズームを抑止し、ペンからのみ自由な入力を受け付けます",
+    "penMode": "ペンモード - タッチ防止",
     "link": "選択した図形のリンクを追加/更新",
     "eraser": "消しゴム"
   },
@@ -235,7 +236,7 @@
     "resize": "サイズを変更中にSHIFTを押すと縦横比を固定できます。Altを押すと中央からサイズを変更できます",
     "resizeImage": "SHIFTを長押しすると自由にサイズを変更できます。\n中央からサイズを変更するにはALTを長押しします",
     "rotate": "回転中にSHIFT キーを押すと角度を制限することができます",
-    "lineEditor_info": "ポイントを編集するには、ダブルクリックまたはEnterキーを押します",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Deleteキーを押すと点を削除、CtrlOrCmd+Dで複製、マウスドラッグで移動",
     "lineEditor_nothingSelected": "編集する点を選択（SHIFTを押したままで複数選択）、\nAltキーを押しながらクリックすると新しい点を追加",
     "placeImage": "クリックして画像を配置するか、クリックしてドラッグしてサイズを手動で設定します",
@@ -310,7 +311,9 @@
     "view": "表示",
     "zoomToFit": "すべての要素が収まるようにズーム",
     "zoomToSelection": "選択要素にズーム",
-    "toggleElementLock": "選択したアイテムをロック/ロック解除"
+    "toggleElementLock": "選択したアイテムをロック/ロック解除",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "キャンバスを消去"
@@ -391,7 +394,8 @@
     "fileSaved": "ファイルを保存しました",
     "fileSavedToFilename": "{filename} に保存しました",
     "canvas": "キャンバス",
-    "selection": "選択"
+    "selection": "選択",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "ホワイト",
@@ -439,5 +443,12 @@
     "5c940d": "ライム 9",
     "e67700": "イエロー 9",
     "d9480f": "オレンジ 9"
+  },
+  "welcomeScreen": {
+    "data": "すべてのデータはブラウザにローカル保存されます。",
+    "switchToPlusApp": "代わりにExcalidraw+を開きますか？",
+    "menuHints": "エクスポート, 設定, 言語, ...",
+    "toolbarHints": "ツールを選んで描き始めよう！",
+    "helpHints": "ショートカットとヘルプ"
   }
 }
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index bceaf2079..b0e64fccc 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Senṭeḍ",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Senṭeḍ udlifen",
     "selectAll": "Fren akk",
     "multiSelect": "Rnu aferdis ɣer tefrayt",
@@ -71,7 +72,7 @@
     "layers": "Tissiyin",
     "actions": "Tigawin",
     "language": "Tutlayt",
-    "liveCollaboration": "Amɛiwen s srid",
+    "liveCollaboration": "",
     "duplicateSelection": "Sisleg",
     "untitled": "War azwel",
     "name": "Isem",
@@ -115,8 +116,8 @@
       "label": "Aseɣwen"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Ẓreg izirig",
+      "exit": "Ffeɣ seg umaẓrag n yizirig"
     },
     "elementLock": {
       "lock": "Sekkeṛ",
@@ -125,18 +126,18 @@
       "unlockAll": "Serreḥ akk"
     },
     "statusPublished": "Yeffeɣ-d",
-    "sidebarLock": ""
+    "sidebarLock": "Eǧǧ afeggag n yidis yeldi"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "Ulac iferdisen yettwarnan yakan...",
+    "hint_emptyLibrary": "Fren aferdis di teɣzut nusuneɣ akken at-ternuḍ dagi, neɣ sbedd tamkarḍit seg usarsay azayez, ukessar-agi.",
+    "hint_emptyPrivateLibrary": "Fren aferdis di teɣzut nusuneɣ akken at-ternuḍ dagi."
   },
   "buttons": {
     "clearReset": "Ales awennez n teɣzut n usuneɣ",
     "exportJSON": "Sifeḍ afaylu",
-    "exportImage": "Sekles am tugna",
-    "export": "Sifeḍ",
+    "exportImage": "Sifeḍ tugna...",
+    "export": "Sekles di...",
     "exportToPng": "Sifeḍ ɣer PNG",
     "exportToSvg": "Sifeḍ ɣer SVG",
     "copyToClipboard": "Nɣel ɣer tecfawit",
@@ -144,7 +145,7 @@
     "scale": "Taskala",
     "save": "Sekles deg ufaylu amiran",
     "saveAs": "Sekles am",
-    "load": "Sali-d",
+    "load": "Ldi",
     "getShareableLink": "Awi-d aseɣwen n beṭṭu",
     "close": "Mdel",
     "selectLanguage": "Fren tutlayt",
@@ -235,7 +236,7 @@
     "resize": "Tzemreḍ ad tḥettemeḍ assaɣ s tuṭṭfa n tqeffalt SHIFT mi ara tettbeddileḍ tiddi,\nma teṭṭfeḍ ALT abeddel n tiddi ad yili si tlemmast",
     "resizeImage": "Tzemreḍ ad talseḍ tiddi s tilelli s tuṭṭfa n SHIFT,\nṭṭef ALT akken ad talseḍ tiddi si tlemmast",
     "rotate": "Tzemreḍ ad tḥettemeḍ tiɣemmar s tuṭṭfa n SHIFT di tuzzya",
-    "lineEditor_info": "Ssit snat n tikkal neɣ ssed taqeffalt Kcem akken ad tẓergeḍ tinqiḍin",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Ssed taqeffalt kkes akken ad tekkseḍ tanqiḍ (tinqiḍin),\nCtrlOrCmd+D akken ad tsiselgeḍ, neɣ zuɣer akken ad tesmuttiḍ",
     "lineEditor_nothingSelected": "Fren tanqiḍt akken ad tẓergeḍ (ṭṭef SHIFT akken ad tferneḍ aṭas),\nneɣ ṭṭef Alt akken ad ternuḍ tinqiḍin timaynutin",
     "placeImage": "Ssit akken ad tserseḍ tugna, neɣ ssit u zuɣer akken ad tesbaduḍ tiddi-ines s ufus",
@@ -310,7 +311,9 @@
     "view": "Tamuɣli",
     "zoomToFit": "Simɣur akken ad twliḍ akk iferdisen",
     "zoomToSelection": "Simɣur ɣer tefrayt",
-    "toggleElementLock": "Sekkeṛ/kkes asekker i tefrayt"
+    "toggleElementLock": "Sekkeṛ/kkes asekker i tefrayt",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Sfeḍ taɣzut n usuneɣ"
@@ -391,7 +394,8 @@
     "fileSaved": "Afaylu yettwasekles.",
     "fileSavedToFilename": "Yettwasekles di {filename}",
     "canvas": "taɣzut n usuneɣ",
-    "selection": "tafrayt"
+    "selection": "tafrayt",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Amellal",
@@ -439,5 +443,12 @@
     "5c940d": "Llim 9",
     "e67700": "Awraɣ 9",
     "d9480f": "Aččinawi 9"
+  },
+  "welcomeScreen": {
+    "data": "Akk isefka-inek•inem ttwakelsen s wudem adigan deg yiminig-inek•inem.",
+    "switchToPlusApp": "Tebɣiḍ ad tedduḍ ɣer Excalidraw+ deg umḍiq?",
+    "menuHints": "Asifeḍ, ismenyifen, tutlayin, ...",
+    "toolbarHints": "Fren afecku tebduḍ asuneɣ!",
+    "helpHints": "Inegzumen akked tallelt"
   }
 }
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 60bb32842..9a848d935 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Қою",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Диаграммаларды қою",
     "selectAll": "Бәрін таңдау",
     "multiSelect": "",
@@ -136,7 +137,7 @@
     "clearReset": "",
     "exportJSON": "",
     "exportImage": "",
-    "export": "Экспорт",
+    "export": "",
     "exportToPng": "",
     "exportToSvg": "",
     "copyToClipboard": "",
@@ -310,7 +311,9 @@
     "view": "Көру",
     "zoomToFit": "Барлық элементтердің көлеміне сәйкес үлкейту",
     "zoomToSelection": "Таңдалғанды үлкейту",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "Файл сақталды.",
     "fileSavedToFilename": "{filename} сақталды",
     "canvas": "",
-    "selection": "таңдау"
+    "selection": "таңдау",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 000eda308..7fb133f78 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "붙여넣기",
+    "pasteAsPlaintext": "",
     "pasteCharts": "차트 붙여넣기",
     "selectAll": "전체 선택",
     "multiSelect": "선택 영역에 추가하기",
@@ -71,7 +72,7 @@
     "layers": "레이어",
     "actions": "동작",
     "language": "언어",
-    "liveCollaboration": "실시간 협업",
+    "liveCollaboration": "",
     "duplicateSelection": "복제",
     "untitled": "제목 없음",
     "name": "이름",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "캔버스 초기화",
     "exportJSON": "파일로 내보내기",
-    "exportImage": "이미지로 저장",
-    "export": "내보내기",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "PNG로 내보내기",
     "exportToSvg": "SVG로 내보내기",
     "copyToClipboard": "클립보드로 복사",
@@ -144,7 +145,7 @@
     "scale": "크기",
     "save": "현재 파일에 저장",
     "saveAs": "다른 이름으로 저장",
-    "load": "불러오기",
+    "load": "",
     "getShareableLink": "공유 가능한 링크 생성",
     "close": "닫기",
     "selectLanguage": "언어 선택",
@@ -214,7 +215,7 @@
     "text": "텍스트",
     "library": "라이브러리",
     "lock": "선택된 도구 유지하기",
-    "penMode": "핀치 줌을 하지 않도록 하고 펜을 통해서 자유롭게 그리기",
+    "penMode": "",
     "link": "선택한 도형에 대해서 링크를 추가/업데이트",
     "eraser": "지우개"
   },
@@ -235,7 +236,7 @@
     "resize": "SHIFT 키를 누르면서 조정하면 크기의 비율이 제한됩니다.\nALT를 누르면서 조정하면 중앙을 기준으로 크기를 조정합니다.",
     "resizeImage": "SHIFT를 눌러서 자유롭게 크기를 변경하거나,\nALT를 눌러서 중앙을 고정하고 크기를 변경하기",
     "rotate": "SHIFT 키를 누르면서 회전하면 각도를 제한할 수 있습니다.",
-    "lineEditor_info": "지점을 수정하려면 두 번 클릭하거나 Enter 키를 누르세요.",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Delete 키로 꼭짓점을 제거하거나,\nCtrlOrCmd+D 로 복제하거나, 드래그 해서 이동시키기",
     "lineEditor_nothingSelected": "꼭짓점을 선택해서 수정하거나 (SHIFT를 눌러서 여러개 선택),\nAlt를 누르고 클릭해서 새로운 꼭짓점 추가하기",
     "placeImage": "클릭해서 이미지를 배치하거나, 클릭하고 드래그해서 사이즈를 조정하기",
@@ -310,7 +311,9 @@
     "view": "보기",
     "zoomToFit": "모든 요소가 보이도록 확대/축소",
     "zoomToSelection": "선택 영역으로 확대/축소",
-    "toggleElementLock": "선택한 항목을 잠금/잠금 해제"
+    "toggleElementLock": "선택한 항목을 잠금/잠금 해제",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "캔버스 지우기"
@@ -391,7 +394,8 @@
     "fileSaved": "파일이 저장되었습니다.",
     "fileSavedToFilename": "{filename} 로 저장되었습니다",
     "canvas": "캔버스",
-    "selection": "선택한 요소"
+    "selection": "선택한 요소",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "화이트",
@@ -439,5 +443,12 @@
     "5c940d": "라임 9",
     "e67700": "노란색 9",
     "d9480f": "주황색 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index d8b082eb3..69ab5e101 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -1,36 +1,37 @@
 {
   "labels": {
     "paste": "دانانەوە",
+    "pasteAsPlaintext": "",
     "pasteCharts": "دانانەوەی خشتەکان",
     "selectAll": "دیاریکردنی هەموو",
     "multiSelect": "زیادکردنی بۆ دیاریکراوەکان",
-    "moveCanvas": "کانڤای زیاتر",
+    "moveCanvas": "تابلۆ بجوڵێنە",
     "cut": "بڕین",
     "copy": "لەبەرگرتنەوە",
     "copyAsPng": "PNGلەبەرگرتنەوە بۆ تەختەنووس وەک",
     "copyAsSvg": "SVGلەبەرگرتنەوە بۆ تەختەنووس وەک",
     "copyText": "لەبەرگرتنەوە بۆ تەختەنووس وەک نوسین",
-    "bringForward": "بیهێنە پێش",
+    "bringForward": "بهێنە پێشتر",
     "sendToBack": "بنێرە دواوە",
-    "bringToFront": "بهێنە بەردەم",
-    "sendBackward": "بنێرە کۆتای",
+    "bringToFront": "بهێنە پێشەوە",
+    "sendBackward": "بنێرە دواتر",
     "delete": "سڕینەوە",
     "copyStyles": "لەبەرگرتنەوەی ستایل",
     "pasteStyles": "دانانەوەی ستایل",
     "stroke": "هێڵکار",
-    "background": "باکگراوند",
+    "background": "پاشبنەما",
     "fill": "پڕکردنەوە",
     "strokeWidth": "پانی هێڵکاری",
     "strokeStyle": "ستایلی هێڵکاری",
     "strokeStyle_solid": "سادە",
-    "strokeStyle_dashed": "داشاوی",
+    "strokeStyle_dashed": "پچڕ پچڕ",
     "strokeStyle_dotted": "خاڵدار",
-    "sloppiness": "خواری",
-    "opacity": "ناڕونی",
+    "sloppiness": "لێژی",
+    "opacity": "ڕوونی",
     "textAlign": "ڕێکخستنی دەق",
     "edges": "لێوارەکان",
     "sharp": "تیژ",
-    "round": "چەماو",
+    "round": "چەماوە",
     "arrowheads": "سەرەتیر",
     "arrowhead_none": "هیچیان",
     "arrowhead_arrow": "تیر",
@@ -65,13 +66,13 @@
     "cartoonist": "کارتۆنی",
     "fileTitle": "ناوی فایل",
     "colorPicker": "ڕەنگ هەڵگر",
-    "canvasColors": "کانڤای بەکارهاتوو",
-    "canvasBackground": "باکگراوندی کانڤاکان",
-    "drawingCanvas": "کێشانی کانڤا",
+    "canvasColors": "بەکارهاتووە لەسەر تابلۆ",
+    "canvasBackground": "پاشبنەمای تابلۆ",
+    "drawingCanvas": "کێشانی تابلۆ",
     "layers": "چینەکان",
     "actions": "کردارەکان",
     "language": "زمان",
-    "liveCollaboration": "هاوکاری ڕاستەوخۆ",
+    "liveCollaboration": "هاوکاریکردنی زیندو...",
     "duplicateSelection": "لەبەرگرتنەوە",
     "untitled": "Untitled",
     "name": "ناو",
@@ -129,14 +130,14 @@
   },
   "library": {
     "noItems": "هێشتا هیچ بڕگەیەک زیاد نەکراوە...",
-    "hint_emptyLibrary": "شتێک لەسەر کانڤاس هەڵبژێرە بۆ ئەوەی لێرە زیاد بکەیت، یان کتێبخانەیەک لە کۆگای گشتیەوە دابمەزرێنە، لە خوارەوە.",
-    "hint_emptyPrivateLibrary": "شتێک لەسەر کانڤاس هەڵبژێرە بۆ ئەوەی لێرە زیاد بکەیت."
+    "hint_emptyLibrary": "شتێک لەسەر تابلۆ هەڵبژێرە بۆ ئەوەی لێرە زیادی بکەیت، یان کتێبخانەیەک لە کۆگا گشتیەکەوە دابمەزرێنە، لە خوارەوە.",
+    "hint_emptyPrivateLibrary": "شتێک لەسەر تابلۆ هەڵبژێرە بۆ ئەوەی لێرە زیادی بکەیت."
   },
   "buttons": {
-    "clearReset": "کانڤاسەکە ڕێست بکەرەوە",
+    "clearReset": "تابلۆکە وەک سەرەتا لێبکەوە",
     "exportJSON": "هەناردەکردن بۆ فایل",
-    "exportImage": "پاشەکەوتکرد وەک وێنە",
-    "export": "هەناردەکردن",
+    "exportImage": "وێنە هەناردە بکە...",
+    "export": "پاشەکەوت بکە بۆ...",
     "exportToPng": "هەناردەکردن بۆ PNG",
     "exportToSvg": "هەناردەکردن بۆ SVG",
     "copyToClipboard": "له‌به‌ری بگره‌وه‌ بۆ ته‌خته‌نووس",
@@ -144,7 +145,7 @@
     "scale": "پێوەر",
     "save": "پاشەکەوت بکە بۆ فایلی بەردەست",
     "saveAs": "پاشەکەوتکردن وەک",
-    "load": "بارکردن",
+    "load": "بکەرەوە",
     "getShareableLink": "بەستەری هاوبەشیپێکردن بەدەستبهێنە",
     "close": "داخستن",
     "selectLanguage": "دیاریکردنی زمان",
@@ -172,12 +173,12 @@
     "confirm": "دوپاتکردنەوە"
   },
   "alerts": {
-    "clearReset": "ئەمە هەموو کانڤاکە خاوێن دەکاتەوە، دڵنیایت؟",
+    "clearReset": "ئەمە هەموو تابلۆکە خاوێن دەکاتەوە، دڵنیایت؟",
     "couldNotCreateShareableLink": "نەتوانرا بەستەری هاوبەشیپێکردن دروستبکرێت",
     "couldNotCreateShareableLinkTooBig": "نەتوانرا بەستەری هاوبەشیپێکردن دروستبکرێت: دیمەنەکە زۆر گەورەیە",
     "couldNotLoadInvalidFile": "ناتوانرا باربکرێت، فایلەکە دروستنییە",
     "importBackendFailed": "هاوردەکردن لە پاشکۆکە سەرکەوتوو نەبوو.",
-    "cannotExportEmptyCanvas": "ناتوانرێت کانڤای بەتاڵ هەناردەبکرێت",
+    "cannotExportEmptyCanvas": "ناتوانرێت تابلۆی بەتاڵ هەناردەبکرێت.",
     "couldNotCopyToClipboard": "ناتوانرا لەبەربگیرێتەوە بۆ تەختەنوس",
     "decryptFailed": "ناتوانرا داتاکان شیبکرێتەوە",
     "uploadedSecurly": "بارکردنەکە بە کۆدکردنی کۆتایی بۆ کۆتایی پارێزراوە، ئەمەش واتە سێرڤەری Excalidraw و لایەنی سێیەم ناتوانن ناوەڕۆکەکە بخوێننەوە.",
@@ -214,17 +215,17 @@
     "text": "دەق",
     "library": "کتێبخانە",
     "lock": "ئامێرە دیاریکراوەکان چالاک بهێڵەوە دوای وێنەکێشان",
-    "penMode": "ڕێگری بکە لە گەورەکردنەوەی پینچ و قبولکردنی تێکردنی فریدراو تەنها لە پێنووسەوە",
+    "penMode": "شێوازی قەڵەم - دەست لێدان ڕابگرە",
     "link": "زیادکردن/ نوێکردنەوەی لینک بۆ شێوەی دیاریکراو",
     "eraser": "سڕەر"
   },
   "headings": {
-    "canvasActions": "کردارەکانی کانڤا",
+    "canvasActions": "کردارەکانی تابلۆ",
     "selectedShapeActions": "کردارەکانی شێوەی دەستنیشانکراو",
     "shapes": "شێوەکان"
   },
   "hints": {
-    "canvasPanning": "بۆ جوڵاندنی کانڤاکە، لە کاتی ڕاکێشاندا ویل ماوس یان سپەیسبار دابگرە",
+    "canvasPanning": "بۆ جوڵاندنی تابلۆ، لە کاتی ڕاکێشاندا ویلی ماوس یان شریتی بۆشایی دابگرە",
     "linearElement": "کرتە بکە بۆ دەستپێکردنی چەند خاڵێک، ڕایبکێشە بۆ یەک هێڵ",
     "freeDraw": "کرتە بکە و ڕایبکێشە، کاتێک تەواو بوویت دەست هەڵگرە",
     "text": "زانیاری: هەروەها دەتوانیت دەق زیادبکەیت بە دوو کرتەکردن لە هەر شوێنێک لەگەڵ ئامڕازی دەستنیشانکردن",
@@ -235,7 +236,7 @@
     "resize": "دەتوانیت ڕێژەکان سنووردار بکەیت بە ڕاگرتنی SHIFT لەکاتی گۆڕینی قەبارەدا،\nALT ڕابگرە بۆ گۆڕینی قەبارە لە ناوەندەوە",
     "resizeImage": "دەتوانیت بە ئازادی قەبارە بگۆڕیت بە ڕاگرتنی SHIFT،\nALT ڕابگرە بۆ گۆڕینی قەبارە لە ناوەندەوە",
     "rotate": "دەتوانیت گۆشەکان سنووردار بکەیت بە ڕاگرتنی SHIFT لەکاتی سوڕانەوەدا",
-    "lineEditor_info": "دووجار کلیک بکە یان Enter بکە بۆ دەستکاریکردنی خاڵەکان",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "بۆ لابردنی خاڵەکان Delete دابگرە، Ctrl Cmd+D بکە بۆ لەبەرگرتنەوە، یان بۆ جووڵە ڕاکێشان بکە",
     "lineEditor_nothingSelected": "خاڵێک هەڵبژێرە بۆ دەستکاریکردن (SHIFT ڕابگرە بۆ هەڵبژاردنی چەندین)،\nیان Alt ڕابگرە و کلیک بکە بۆ زیادکردنی خاڵە نوێیەکان",
     "placeImage": "کلیک بکە بۆ دانانی وێنەکە، یان کلیک بکە و ڕایبکێشە بۆ ئەوەی قەبارەکەی بە دەستی دابنێیت",
@@ -245,15 +246,15 @@
     "eraserRevert": "بۆ گەڕاندنەوەی ئەو توخمانەی کە بۆ سڕینەوە نیشانە کراون، Alt ڕابگرە"
   },
   "canvasError": {
-    "cannotShowPreview": "ناتوانێت پێشبینین پیشان بدرێت",
-    "canvasTooBig": "کانڤاکە لەوانەیە زۆر گەورەبێت.",
-    "canvasTooBigTip": "زانیاری: هەوڵ بدە دوورترین توخمەکان کەمێک نزیکتر لە یەکتر بجوڵێنن."
+    "cannotShowPreview": "ناتوانرێ پێشبینین پیشان بدرێت",
+    "canvasTooBig": "تابلۆکە لەوانەیە زۆر گەورەبێت.",
+    "canvasTooBigTip": "زانیاری: هەوڵ بدە دوورترین توخمەکان کەمێک لە یەکتر نزیک بکەوە."
   },
   "errorSplash": {
     "headingMain_pre": "تووشی هەڵەیەک بوو. هەوڵ بدە ",
     "headingMain_button": "دووبارە بارکردنی لاپەڕەکە.",
-    "clearCanvasMessage": "ئەگەر دووبارە بارکردنەوە کار نەکات، هەوڵبدە ",
-    "clearCanvasMessage_button": "کانڤاکە خاوێن بکەیتەوە.",
+    "clearCanvasMessage": "ئەگەر دووبارە بارکردنەوە کار ناکات، هەوڵبدە ",
+    "clearCanvasMessage_button": "خاوێنکردنەوەی تابلۆکە.",
     "clearCanvasCaveat": " ئەمە دەبێتە هۆی لەدەستدانی ئەوەی کە کردوتە ",
     "trackedToSentry_pre": "هەڵەکە لەگەڵ ناسێنەری ",
     "trackedToSentry_post": " لەسەر سیستەمەکەمان بەدواداچوونی بۆ کرا.",
@@ -310,10 +311,12 @@
     "view": "دیمەن",
     "zoomToFit": "زووم بکە بۆ ئەوەی لەگەڵ هەموو توخمەکاندا بگونجێت",
     "zoomToSelection": "زووم بکە بۆ دەستنیشانکراوەکان",
-    "toggleElementLock": "قفڵ/کردنەوەی دەستنیشانکراوەکان"
+    "toggleElementLock": "قفڵ/کردنەوەی دەستنیشانکراوەکان",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
-    "title": "خاوێنکردنەوەی کانڤا"
+    "title": "تابلۆکە خاوێن بکەرەوە"
   },
   "publishDialog": {
     "title": "پێشکەشکردنی کتێبخانە",
@@ -390,8 +393,9 @@
     "copyToClipboardAsPng": "کۆپی کراوە {{exportSelection}} بۆ کلیپبۆرد وەک PNG\n({{exportColorScheme}})",
     "fileSaved": "فایل هەڵگیرا.",
     "fileSavedToFilename": "هەڵگیراوە بۆ {filename}",
-    "canvas": "کانڤاکان",
-    "selection": "دەستنیشانکراوەکان"
+    "canvas": "تابلۆ",
+    "selection": "دەستنیشانکراوەکان",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "سپی",
@@ -439,5 +443,12 @@
     "5c940d": "نارنجی 9",
     "e67700": "زەرد 9",
     "d9480f": "پرتەقاڵی 9"
+  },
+  "welcomeScreen": {
+    "data": "هەموو داتاکانت لە ناو بڕاوزەرەکەتدا پاشەکەوت کراوە.",
+    "switchToPlusApp": "دەتویست بچیت بۆ Excalidraw+؟",
+    "menuHints": "هەناردەکردن، پەسندکردنەکان، زمانەکان، ...",
+    "toolbarHints": "ئامرازێک هەڵبژێرە و دەستبکە بە وێنەکێشان!",
+    "helpHints": "قەدبڕەکان و یارمەتی"
   }
 }
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 306ff5819..a9e06e1d3 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -1,19 +1,20 @@
 {
   "labels": {
     "paste": "Įklijuoti",
+    "pasteAsPlaintext": "Įklijuoti kaip paprastą tekstą",
     "pasteCharts": "Įklijuoti diagramas",
     "selectAll": "Pažymėti viską",
-    "multiSelect": "",
-    "moveCanvas": "",
+    "multiSelect": "Pridėkite elementą prie pasirinktų",
+    "moveCanvas": "Judinti drobę",
     "cut": "Iškirpti",
     "copy": "Kopijuoti",
-    "copyAsPng": "",
-    "copyAsSvg": "",
-    "copyText": "",
-    "bringForward": "",
-    "sendToBack": "",
-    "bringToFront": "",
-    "sendBackward": "",
+    "copyAsPng": "Kopijuoti į iškarpinę kaip PNG",
+    "copyAsSvg": "Kopijuoti į iškarpinę kaip SVG",
+    "copyText": "Kopijuoti į iškarpinę kaip tekstą",
+    "bringForward": "Kelti priekio link",
+    "sendToBack": "Nustumti į užnugarį",
+    "bringToFront": "Iškelti į priekį",
+    "sendBackward": "Nustumti link užnugario",
     "delete": "Ištrinti",
     "copyStyles": "Kopijuoti stilius",
     "pasteStyles": "Įklijuoti stilius",
@@ -22,56 +23,56 @@
     "fill": "Užpildymas",
     "strokeWidth": "Linijos storis",
     "strokeStyle": "Linijos stilius",
-    "strokeStyle_solid": "",
-    "strokeStyle_dashed": "",
-    "strokeStyle_dotted": "",
-    "sloppiness": "",
-    "opacity": "",
-    "textAlign": "",
+    "strokeStyle_solid": "Ištisinė",
+    "strokeStyle_dashed": "Brūkšniuota",
+    "strokeStyle_dotted": "Taškuota",
+    "sloppiness": "Netvarkingumas",
+    "opacity": "Nepermatomumas",
+    "textAlign": "Teksto lygiavimas",
     "edges": "Kraštai",
-    "sharp": "",
-    "round": "",
-    "arrowheads": "",
-    "arrowhead_none": "",
-    "arrowhead_arrow": "",
-    "arrowhead_bar": "",
-    "arrowhead_dot": "",
+    "sharp": "Aštrus",
+    "round": "Užapvalintas",
+    "arrowheads": "Rodyklės viršūnės",
+    "arrowhead_none": "Jokios",
+    "arrowhead_arrow": "Rodyklė",
+    "arrowhead_bar": "Brukšnys",
+    "arrowhead_dot": "Taškas",
     "arrowhead_triangle": "Trikampis",
-    "fontSize": "",
-    "fontFamily": "",
-    "onlySelected": "",
-    "withBackground": "",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
+    "fontSize": "Šrifto dydis",
+    "fontFamily": "Šriftas",
+    "onlySelected": "Tik pasirinktus",
+    "withBackground": "Fonas",
+    "exportEmbedScene": "Įterpti sceną",
+    "exportEmbedScene_details": "Scenos duomenys bus išsaugoti eksportuotame PNG/SVG faile taip, jog vėliau scena galėtu būti iš jo atkurta.\nTai padydins eksportuoto failo dydį.",
     "addWatermark": "Sukurta su Excalidraw",
-    "handDrawn": "",
+    "handDrawn": "Ranka rašytas",
     "normal": "Normalus",
     "code": "Kodas",
     "small": "Mažas",
     "medium": "Vidutinis",
     "large": "Didelis",
-    "veryLarge": "",
+    "veryLarge": "Labai didelis",
     "solid": "",
     "hachure": "",
     "crossHatch": "",
-    "thin": "",
-    "bold": "",
-    "left": "",
-    "center": "",
-    "right": "",
-    "extraBold": "",
-    "architect": "",
-    "artist": "",
-    "cartoonist": "",
+    "thin": "Plonas",
+    "bold": "Pastorintas",
+    "left": "Kairėje",
+    "center": "Centre",
+    "right": "Dešinėje",
+    "extraBold": "Labiau pastorintas",
+    "architect": "Architektas",
+    "artist": "Menininkas",
+    "cartoonist": "Karikatūristas",
     "fileTitle": "Failo pavadinimas",
-    "colorPicker": "",
+    "colorPicker": "Spalvos parinkiklis",
     "canvasColors": "",
-    "canvasBackground": "",
+    "canvasBackground": "Drobės fonas",
     "drawingCanvas": "",
-    "layers": "",
-    "actions": "",
-    "language": "",
-    "liveCollaboration": "",
+    "layers": "Sluoksniai",
+    "actions": "Veiksmai",
+    "language": "Kalba",
+    "liveCollaboration": "Bendradarbiavimas gyvai...",
     "duplicateSelection": "",
     "untitled": "",
     "name": "",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "",
     "exportJSON": "Eksportuoti į failą",
-    "exportImage": "Išsaugoti kaip paveikslėlį",
-    "export": "Eksportuoti",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Eksportuoti į PNG",
     "exportToSvg": "Eksportuoti į SVG",
     "copyToClipboard": "Kopijuoti į iškarpinę",
@@ -144,7 +145,7 @@
     "scale": "",
     "save": "",
     "saveAs": "Išsaugoti kaip",
-    "load": "Įkelti",
+    "load": "",
     "getShareableLink": "Gauti nuorodą dalinimuisi",
     "close": "Uždaryti",
     "selectLanguage": "Pasirinkite kalbą",
@@ -182,52 +183,52 @@
     "decryptFailed": "",
     "uploadedSecurly": "",
     "loadSceneOverridePrompt": "",
-    "collabStopOverridePrompt": "",
-    "errorAddingToLibrary": "",
-    "errorRemovingFromLibrary": "",
-    "confirmAddLibrary": "",
-    "imageDoesNotContainScene": "",
-    "cannotRestoreFromImage": "",
-    "invalidSceneUrl": "",
-    "resetLibrary": "",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "collabStopOverridePrompt": "Sesijos nutraukimas perrašys ankstesnį, lokaliai išsaugotą piešinį. Ar tikrai to nori?\n\n(Jei nori išlaikyti lokalų piešinį, tiesiog uždaryk naršyklės skirtuką.)",
+    "errorAddingToLibrary": "Nepavyko įtraukti elemento į biblioteką",
+    "errorRemovingFromLibrary": "Nepavyko pašalinti elemento iš bibliotekos",
+    "confirmAddLibrary": "Tai įtrauks {{numShapes}} figūrą/-as į tavo biblioteką. Ar tikrai to nori?",
+    "imageDoesNotContainScene": "Panašu, jog šis paveiksliukas neturi scenos duomenų. Ar yra įjuntas scenos įtraukimas ekportavimo metu?",
+    "cannotRestoreFromImage": "Nepavyko atstatyti scenos iš šio nuotraukos failo",
+    "invalidSceneUrl": "Nepavyko suimportuoti scenos iš pateiktos nuorodos (URL). Ji arba blogai suformatuota, arba savyje neturi teisingų Excalidraw JSON duomenų.",
+    "resetLibrary": "Tai išvalys tavo biblioteką. Ar tikrai to nori?",
+    "removeItemsFromsLibrary": "Ištrinti {{count}} elementą/-us iš bibliotekos?",
+    "invalidEncryptionKey": "Šifravimo raktas turi būti iš 22 simbolių. Redagavimas gyvai yra išjungtas."
   },
   "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
-    "invalidSVGString": "",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "unsupportedFileType": "Nepalaikomas failo tipas.",
+    "imageInsertError": "Nepyko įkelti paveiksliuko. Pabandyk vėliau...",
+    "fileTooBig": "Per didelis failas. Didžiausias leidžiamas dydis yra {{maxSize}}.",
+    "svgImageInsertError": "Nepavyko įtraukti SVG paveiksliuko. Panašu, jog SVG yra nevalidus.",
+    "invalidSVGString": "Nevalidus SVG.",
+    "cannotResolveCollabServer": "Nepavyko prisijungti prie serverio bendradarbiavimui. Perkrauk puslapį ir pabandyk prisijungti dar kartą.",
+    "importLibraryError": "Nepavyko įkelti bibliotekos"
   },
   "toolBar": {
-    "selection": "",
-    "image": "",
-    "rectangle": "",
-    "diamond": "",
-    "ellipse": "",
-    "arrow": "",
-    "line": "",
+    "selection": "Žymėjimas",
+    "image": "Įkelti paveiksliuką",
+    "rectangle": "Stačiakampis",
+    "diamond": "Deimantas",
+    "ellipse": "Elipsė",
+    "arrow": "Rodyklė",
+    "line": "Linija",
     "freedraw": "Piešti",
     "text": "Tekstas",
     "library": "Biblioteka",
-    "lock": "",
-    "penMode": "",
-    "link": "",
-    "eraser": ""
+    "lock": "Baigus piešti, išlaikyti pasirinktą įrankį",
+    "penMode": "Rašyklio režimas - neleisti prisilietimų",
+    "link": "Pridėti / Atnaujinti pasirinktos figūros nuorodą",
+    "eraser": "Trintukas"
   },
   "headings": {
-    "canvasActions": "",
-    "selectedShapeActions": "",
+    "canvasActions": "Veiksmai su drobe",
+    "selectedShapeActions": "Veiksmai su pasirinkta figūra",
     "shapes": "Figūros"
   },
   "hints": {
-    "canvasPanning": "",
-    "linearElement": "",
-    "freeDraw": "",
-    "text": "",
+    "canvasPanning": "Norint judinti drobę, judink pelę kartu įspaudus pelės ratuką arba tarpo klavišą",
+    "linearElement": "Paspaudimai sukurs papildomus taškus, nepertraukiamas tempimas sukurs liniją",
+    "freeDraw": "Spausk ir tempk, paleisk kai norėsi pabaigti",
+    "text": "Užuomina: tekstą taip pat galima pridėti bet kur su dvigubu pelės paspaudimu, kol parinkas žymėjimo įrankis",
     "text_selected": "",
     "text_editing": "",
     "linearElementMulti": "",
@@ -283,72 +284,74 @@
     "link_details": "",
     "link_button": "",
     "excalidrawplus_description": "",
-    "excalidrawplus_button": "",
+    "excalidrawplus_button": "Eksportuoti",
     "excalidrawplus_exportError": ""
   },
   "helpDialog": {
     "blog": "",
-    "click": "",
+    "click": "paspaudimas",
     "deepSelect": "",
     "deepBoxSelect": "",
-    "curvedArrow": "",
-    "curvedLine": "",
-    "documentation": "",
-    "doubleClick": "",
+    "curvedArrow": "Banguota rodyklė",
+    "curvedLine": "Banguota linija",
+    "documentation": "Dokumentacija",
+    "doubleClick": "dvigubas paspaudimas",
     "drag": "vilkti",
-    "editor": "",
+    "editor": "Redaktorius",
     "editSelectedShape": "",
-    "github": "",
-    "howto": "",
-    "or": "",
+    "github": "Radai klaidą? Pateik",
+    "howto": "Vadovaukis mūsų gidu",
+    "or": "arba",
     "preventBinding": "",
-    "tools": "",
-    "shortcuts": "",
-    "textFinish": "",
-    "textNewLine": "",
-    "title": "",
+    "tools": "Įrankiai",
+    "shortcuts": "Spartieji klavišai",
+    "textFinish": "Baigti redagavimą (teksto redaktoriuje)",
+    "textNewLine": "Pridėti naują eilutę (tekto redaktoriuje)",
+    "title": "Pagalba",
     "view": "",
     "zoomToFit": "",
-    "zoomToSelection": "",
-    "toggleElementLock": ""
+    "zoomToSelection": "Priartinti iki pažymėtos vietos",
+    "toggleElementLock": "",
+    "movePageUpDown": "Pajudinti puslapį aukštyn/žemyn",
+    "movePageLeftRight": "Pajudinti puslapį kairėn/dešinėn"
   },
   "clearCanvasDialog": {
-    "title": ""
+    "title": "Išvalyti drobę"
   },
   "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
+    "title": "Paviešinti biblioteką",
+    "itemName": "Elemento pavadinimas",
+    "authorName": "Autoriaus vardas",
+    "githubUsername": "Github spalyvardis",
+    "twitterUsername": "Twitter slapyvardis",
+    "libraryName": "Bibliotekos pavadinimas",
+    "libraryDesc": "Bibliotekos aprašas",
     "website": "Tinklalapis",
     "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
+      "authorName": "Tavo vardas arba spalyvardis",
+      "libraryName": "Tavo bibliotekos pavadinimas",
+      "libraryDesc": "Tavo bibliotekos aprašas, padėti žmonėms geriau suprasti jos paskirtį",
       "githubHandle": "",
       "twitterHandle": "",
       "website": ""
     },
     "errors": {
-      "required": "",
-      "website": ""
+      "required": "Privalomas",
+      "website": "Įveskite teisingą nuorodą (URL)"
     },
     "noteDescription": {
-      "pre": "",
+      "pre": "Pateik savo biblioteką, jog ji galėtų būti įtraukta į ",
       "link": "",
-      "post": ""
+      "post": "jog kiti žmonės galėtų tai naudoti savo piešiniuose."
     },
     "noteGuidelines": {
-      "pre": "",
-      "link": "",
+      "pre": "Visų pirma, biblioteka turi būti rankiniu būdu patvirtinta. Prašome paskaityti ",
+      "link": "gairės",
       "post": ""
     },
     "noteLicense": {
       "pre": "",
-      "link": "",
+      "link": "MIT licencija, ",
       "post": ""
     },
     "noteItems": "",
@@ -356,13 +359,13 @@
     "republishWarning": ""
   },
   "publishSuccessDialog": {
-    "title": "",
-    "content": "",
+    "title": "Biblioteka pateikta",
+    "content": "Ačiū {{authorName}}. Tavo biblioteka buvo pateikta peržiūrai. Gali sekti būseną",
     "link": "čia"
   },
   "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Atstatyti biblioteką",
+    "removeItemsFromLib": "Pašalinti pasirinktus elementus iš bibliotekos"
   },
   "encrypted": {
     "tooltip": "",
@@ -370,74 +373,82 @@
   },
   "stats": {
     "angle": "",
-    "element": "",
-    "elements": "",
-    "height": "",
-    "scene": "",
-    "selected": "",
-    "storage": "",
-    "title": "",
+    "element": "Elementas",
+    "elements": "Elementai",
+    "height": "Aukštis",
+    "scene": "Scena",
+    "selected": "Pasirinkta",
+    "storage": "Saugykla",
+    "title": "Informacija moksliukams",
     "total": "",
     "version": "",
     "versionCopy": "",
     "versionNotAvailable": "",
-    "width": ""
+    "width": "Plotis"
   },
   "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "Pridėta į biblioteką",
     "copyStyles": "",
-    "copyToClipboard": "",
+    "copyToClipboard": "Nukopijuota į iškarpinę.",
     "copyToClipboardAsPng": "",
-    "fileSaved": "",
-    "fileSavedToFilename": "",
-    "canvas": "",
-    "selection": ""
+    "fileSaved": "Failas išsaugotas.",
+    "fileSavedToFilename": "Išsaugota į {filename}",
+    "canvas": "drobė",
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
+    "ffffff": "Balta",
+    "f8f9fa": "Pilka 0",
+    "f1f3f5": "Pilka 1",
+    "fff5f5": "Raudona 0",
+    "fff0f6": "Rožinė 0",
     "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
+    "f3f0ff": "Violetinė 0",
+    "edf2ff": "Indigo 0",
+    "e7f5ff": "Mėlyna 0",
     "e3fafc": "",
     "e6fcf5": "",
-    "ebfbee": "",
+    "ebfbee": "Žalia 0",
     "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
-    "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
+    "fff9db": "Geltona 0",
+    "fff4e6": "Oranžinė 0",
+    "transparent": "Permatoma",
+    "ced4da": "Pilka 4",
+    "868e96": "Pilka 6",
+    "fa5252": "Raudona 6",
+    "e64980": "Rožinė 6",
     "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
+    "7950f2": "Violetinė 6",
+    "4c6ef5": "Indigo 6",
+    "228be6": "Mėlyna 6",
     "15aabf": "",
     "12b886": "",
-    "40c057": "",
+    "40c057": "Žalia 6",
     "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
+    "fab005": "Geltona 6",
+    "fd7e14": "Oranžinė 6",
+    "000000": "Juoda",
+    "343a40": "Pilna 8",
+    "495057": "Pilka 7",
+    "c92a2a": "Raudona 9",
+    "a61e4d": "Rožinė 9",
     "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
+    "5f3dc4": "Violetinė 9",
+    "364fc7": "Indigo 9",
+    "1864ab": "Mėlyna 9",
     "0b7285": "",
     "087f5b": "",
-    "2b8a3e": "",
+    "2b8a3e": "Žalia 9",
     "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "e67700": "Geltona 9",
+    "d9480f": "Oranžinė 9"
+  },
+  "welcomeScreen": {
+    "data": "Visi tavo duomenys išsaugoti lokaliai naršyklėje.",
+    "switchToPlusApp": "Ar vietoj to norėjai patekti į Excalidraw+?",
+    "menuHints": "Eksportavimas, parinktys, kalbos, ...",
+    "toolbarHints": "Pasirink įrankį ir Pradėk piešti!",
+    "helpHints": "Spartieji klavišai ir pagalba"
   }
 }
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 76ea58ba1..40ba383b1 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Ielīmēt",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Ielīmēt grafikus",
     "selectAll": "Atlasīt visu",
     "multiSelect": "Pievienot elementu atlasei",
@@ -71,7 +72,7 @@
     "layers": "Slāņi",
     "actions": "Darbības",
     "language": "Valoda",
-    "liveCollaboration": "Sadarbība tiešsaistē",
+    "liveCollaboration": "Sadarbība tiešsaistē...",
     "duplicateSelection": "Izveidot kopiju",
     "untitled": "Bez nosaukuma",
     "name": "Vārds",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Atiestatīt tāfeli",
     "exportJSON": "Eksportēt kā failu",
-    "exportImage": "Saglabāt kā attēlu",
-    "export": "Eksportēt",
+    "exportImage": "Eksportēt attēlu...",
+    "export": "Saglabāt uz...",
     "exportToPng": "Eksportēt kā PNG",
     "exportToSvg": "Eksportēt kā SVG",
     "copyToClipboard": "Kopēt starpliktuvē",
@@ -144,7 +145,7 @@
     "scale": "Mērogs",
     "save": "Saglabāt pašreizējo datni",
     "saveAs": "Saglabāt kā",
-    "load": "Ielādēt",
+    "load": "Atvērt",
     "getShareableLink": "Iegūt kopīgošanas saiti",
     "close": "Aizvērt",
     "selectLanguage": "Izvēlieties valodu",
@@ -214,7 +215,7 @@
     "text": "Teksts",
     "library": "Bibliotēka",
     "lock": "Paturēt izvēlēto rīku pēc darbības",
-    "penMode": "Lietojot pildspalvu, bloķēt tuvināšanu un atļaut tikai zīmēšanu",
+    "penMode": "Pildspalvas režīms – novērst pieskaršanos",
     "link": "Pievienot/rediģēt atlasītās figūras saiti",
     "eraser": "Dzēšgumija"
   },
@@ -235,7 +236,7 @@
     "resize": "Kad maināt izmēru, varat ierobežot proporcijas, turot nospiestu SHIFT,\nvai arī ALT, lai mainītu izmēru ap centru",
     "resizeImage": "Varat brīvi mainīt izmēru, turot nospiestu SHIFT;\nturiet nospiestu ALT, lai mainītu izmēru ap centru",
     "rotate": "Rotējot varat ierobežot leņķi, turot nospiestu SHIFT",
-    "lineEditor_info": "Dubultklikšķiniet vai spiediet ievades taustiņu, lai rediģētu punktus",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Spiediet dzēšanas taustiņu, lai noņemtu punktus, – CtrlOrCmd+D, lai to kopētu, vai velciet, lai pārvietotu",
     "lineEditor_nothingSelected": "Atlasiet punktu, lai labotu (turiet nospiestu SHIFT, lai atlasītu vairākus),\nvai turiet Alt un clikšķiniet, lai pievienotu jaunus punktus",
     "placeImage": "Klikšķiniet, lai novietotu attēlu, vai spiediet un velciet, lai iestatītu tā izmēru",
@@ -310,7 +311,9 @@
     "view": "Skatīt",
     "zoomToFit": "Iestatīt mērogu, kas iekļauj visus elementus",
     "zoomToSelection": "Iestatīt mērogu, lai rādītu atlasi",
-    "toggleElementLock": "Fiksēt/atbrīvot atlasīto"
+    "toggleElementLock": "Fiksēt/atbrīvot atlasīto",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Notīrīt tāfeli"
@@ -391,7 +394,8 @@
     "fileSaved": "Datne saglabāta.",
     "fileSavedToFilename": "Saglabāts kā {filename}",
     "canvas": "tāfeli",
-    "selection": "atlasi"
+    "selection": "atlasi",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Balts",
@@ -439,5 +443,12 @@
     "5c940d": "Laims 9",
     "e67700": "Dzeltens 9",
     "d9480f": "Oranžs 9"
+  },
+  "welcomeScreen": {
+    "data": "Visi jūsu dati tiek glabāti uz vietas jūsu pārlūkā.",
+    "switchToPlusApp": "",
+    "menuHints": "Eksportēšana, iestatījumi, valodas...",
+    "toolbarHints": "Izvēlieties rīku un sāciet zīmēt!",
+    "helpHints": "Saīsnes un palīdzība"
   }
 }
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 3102739cf..5749cbee1 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "चिटकवा",
+    "pasteAsPlaintext": "",
     "pasteCharts": "चार्ट चिकटवा",
     "selectAll": "समस्त निवडा",
     "multiSelect": "निवडित तत्व जोडा",
@@ -71,7 +72,7 @@
     "layers": "स्तर",
     "actions": "क्रिया",
     "language": "भाषा",
-    "liveCollaboration": "थेट सहयोग",
+    "liveCollaboration": "ज्वलंत सहयोग...",
     "duplicateSelection": "प्रतिलिपि",
     "untitled": "अशीर्षकांकित",
     "name": "नाव",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "पटल पुसा",
     "exportJSON": "फ़ाइलमधे बाहेर ठेवा",
-    "exportImage": "प्रतिमेस्वरूप जतन करा",
-    "export": "बाहेर ठेवा",
+    "exportImage": "प्रतिमा निर्यात करा...",
+    "export": "येथे सुरक्षित करा...",
     "exportToPng": "पी-एन-जी स्वरूपात बाहेर ठेवा",
     "exportToSvg": "एस-वी-जी स्वरूपात बाहेर ठेवा",
     "copyToClipboard": "फळी वर कॉपी करा",
@@ -144,7 +145,7 @@
     "scale": "मोजपट्टी",
     "save": "वर्तमान फ़ाइल मधे जतन करा",
     "saveAs": "ह्या नावाने जतन करा",
-    "load": "बाहेरुन भरा",
+    "load": "उघडा",
     "getShareableLink": "सामायिके साठी दुवा प्राप्त करा",
     "close": "बंद करा",
     "selectLanguage": "भाषा निवड करा",
@@ -214,7 +215,7 @@
     "text": "टेक्स्ट",
     "library": "संग्रह",
     "lock": "निवडलेले यंत्र चित्रकरण झाल्या नंतर ही सक्रिय ठेवा",
-    "penMode": "पिंच-झूम प्रतिबंधित करा आणि फक्त पेन हे यंत्र मुक्त चित्री करण साठी स्वीकारा",
+    "penMode": "पेन चा मोड - स्पर्श टाळा",
     "link": "निवडलेल्या आकारासाठी दुवा जोडा/बदल करा",
     "eraser": "खोड रबर"
   },
@@ -235,7 +236,7 @@
     "resize": "आकार छोटा मोठा करताना SHIFT धरून तुम्ही प्रमाण मर्यादित करू शकता, \nकेंद्रापासून आकार छोटा मोठा करण्यासाठी ALT धरून ठेवा",
     "resizeImage": "SHIFT धरून तुम्ही मुक्तपणे आकार मोठा छोटा करु शकता,\nकेंद्रापासून आकार मोठा छोटा करण्यासाठी ALT धरून ठेवा",
     "rotate": "फिरवत असताना शिफ्ट धरून तुम्ही कोन मर्यादित करू शकता",
-    "lineEditor_info": "बिंदु संपादित करण्या साठी दुहेरी क्लिक किव्हा एंटर की दाबा",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "बिंदु (एक किव्हा अनेक) काढ़ण्या साठी डिलीट की दाबा,\nCtrlOrCmd बरोबार D प्रति साठी,\nकिव्हा ड्रेग हलवण्या साठी",
     "lineEditor_nothingSelected": "संपादित करण्यासाठी एक बिंदू निवडा (अनेक निवडण्यासाठी SHIFT धरून ठेवा),\nकिंवा Alt धरून ठेवा आणि नवीन बिंदू जोडण्यासाठी क्लिक करा",
     "placeImage": "प्रतिमा ठेवण्यासाठी क्लिक करा, किंवा त्याचा आकार बदलण्या साठी क्लिक करा आणि ड्रॅग करा",
@@ -310,7 +311,9 @@
     "view": "दृश्य",
     "zoomToFit": "सर्व तत्व दिसतील असे दृश्यरूप आकार करा",
     "zoomToSelection": "निवडी प्रयंत दृश्यरूप आकार करा",
-    "toggleElementLock": "कुलूपातून आत/बाहेर निवड"
+    "toggleElementLock": "कुलूपातून आत/बाहेर निवड",
+    "movePageUpDown": "पान वर/खाली करा",
+    "movePageLeftRight": "पान डावी/उजवी कडे करा"
   },
   "clearCanvasDialog": {
     "title": "पटल स्वच्छ करा"
@@ -391,7 +394,8 @@
     "fileSaved": "फ़ाइल जतन झाली.",
     "fileSavedToFilename": "{filename} मधे जतन झाली",
     "canvas": "पटल",
-    "selection": "निवड"
+    "selection": "निवड",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "पांढरा",
@@ -439,5 +443,12 @@
     "5c940d": "नीबू 9",
     "e67700": "पीला 9",
     "d9480f": "नारंगी 9"
+  },
+  "welcomeScreen": {
+    "data": "तुमचा सर्व डेटा ब्राउज़र मधे स्थानिक जागेत सुरक्षित झाला.",
+    "switchToPlusApp": "त्याएवजी तुम्हाला Excalidraw+ पर्याय हवा आहे का?",
+    "menuHints": "निर्यात, पसंती, भाषा, ...",
+    "toolbarHints": "साधन निवडा आणि चित्रीकरण सुरु करा!",
+    "helpHints": "शॉर्टकट & सहाय"
   }
 }
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 5068c7a4f..0614a3f41 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "ထား",
+    "pasteAsPlaintext": "",
     "pasteCharts": "",
     "selectAll": "အကုန်ရွေး",
     "multiSelect": "ရွေးထားသည့်ထဲပုံထည့်",
@@ -136,7 +137,7 @@
     "clearReset": "ကားချပ်ရှင်းလင်း",
     "exportJSON": "",
     "exportImage": "",
-    "export": "ထုတ်",
+    "export": "",
     "exportToPng": "PNG ထုတ်",
     "exportToSvg": "SVG ထုတ်",
     "copyToClipboard": "ကူးယူ",
@@ -144,7 +145,7 @@
     "scale": "စကေး",
     "save": "",
     "saveAs": "ပြောင်းသိမ်း",
-    "load": "တင်သွင်း",
+    "load": "",
     "getShareableLink": "မျှဝေရန် လင့်ခ်ရယူ",
     "close": "ပိတ်",
     "selectLanguage": "ဘာသာစကားရွေးပါ",
@@ -235,7 +236,7 @@
     "resize": "အချိုးအစားကန့်သတ်ရန် Shift နှင့် ဗဟိုမှချိန်ညှိရန် Alt တို့ကိုနှိပ်ထားနိုင်သည်",
     "resizeImage": "",
     "rotate": "Shift ကိုနှိပ်ထားခြင်းဖြင့် ထောင့်အလိုက်လှည့်နိုင်သည်",
-    "lineEditor_info": "အမှတ်များပြင်ဆင်သတ်မှတ်ရင် ကလစ်နှစ်ချက် (သို့) Enter ကိုနှိပ်ပါ",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -310,7 +311,9 @@
     "view": "",
     "zoomToFit": "",
     "zoomToSelection": "",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "",
-    "selection": ""
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 96d6594ec..c391ddd6e 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Lim inn",
+    "pasteAsPlaintext": "Lim inn som klartekst",
     "pasteCharts": "Lim inn diagrammer",
     "selectAll": "Velg alt",
     "multiSelect": "Legg til element i utvalg",
@@ -71,7 +72,7 @@
     "layers": "Lag",
     "actions": "Handlinger",
     "language": "Språk",
-    "liveCollaboration": "Sanntids-samarbeid",
+    "liveCollaboration": "Sanntids-samarbeid...",
     "duplicateSelection": "Dupliser",
     "untitled": "Uten navn",
     "name": "Navn",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Tøm lerretet og tilbakestill bakgrunnsfargen",
     "exportJSON": "Eksporter til fil",
-    "exportImage": "Lagre som bilde",
-    "export": "Eksporter",
+    "exportImage": "Eksporter bilde...",
+    "export": "Lagre som...",
     "exportToPng": "Eksporter til PNG",
     "exportToSvg": "Eksporter til SVG",
     "copyToClipboard": "Kopier til utklippstavle",
@@ -214,7 +215,7 @@
     "text": "Tekst",
     "library": "Bibliotek",
     "lock": "Behold merket verktøy som aktivt",
-    "penMode": "Forhindre zoom ved kniping og godta frihåndstegning kun fra penn",
+    "penMode": "Pennemodus - forhindre berøring",
     "link": "Legg til / oppdater link for en valgt figur",
     "eraser": "Viskelær"
   },
@@ -235,7 +236,7 @@
     "resize": "Du kan beholde forholdet ved å trykke SHIFT mens du endrer størrelse,\ntrykk ALT for å endre størrelsen fra midten",
     "resizeImage": "Du kan endre størrelse fritt ved å holde SHIFT,\nhold ALT for å endre størrelse fra midten",
     "rotate": "Du kan låse vinklene ved å holde SHIFT mens du roterer",
-    "lineEditor_info": "Dobbeltklikk eller trykk Enter for å redigere punkter",
+    "lineEditor_info": "Hold Ctrl/Cmd og dobbelklikk eller trykk Ctrl/Cmd + Enter for å endre punkter",
     "lineEditor_pointSelected": "Trykk på Slett for å fjerne punktet, Ctrl / Cmd+D for å duplisere, eller dra for å flytte",
     "lineEditor_nothingSelected": "Velg et punkt å redigere (hold SHIFT for å velge flere),\neller hold Alt og klikk for å legge til nye punkter",
     "placeImage": "Klikk for å plassere bildet, eller klikk og dra for å angi størrelsen manuelt",
@@ -310,7 +311,9 @@
     "view": "Vis",
     "zoomToFit": "Zoom for å se alle elementer",
     "zoomToSelection": "Zoom til utvalg",
-    "toggleElementLock": "Lås/lås opp utvalg"
+    "toggleElementLock": "Lås/lås opp utvalg",
+    "movePageUpDown": "Flytt side opp/ned",
+    "movePageLeftRight": "Flytt siden til venstre/høyre"
   },
   "clearCanvasDialog": {
     "title": "Tøm lerret"
@@ -391,7 +394,8 @@
     "fileSaved": "Fil lagret.",
     "fileSavedToFilename": "Lagret til {filename}",
     "canvas": "lerret",
-    "selection": "utvalg"
+    "selection": "utvalg",
+    "pasteAsSingleElement": "Bruk {{shortcut}} for å lime inn som ett enkelt element,\neller lim inn i en eksisterende tekstbehandler"
   },
   "colors": {
     "ffffff": "Hvit",
@@ -439,5 +443,12 @@
     "5c940d": "Limegrønn 9",
     "e67700": "Gul 9",
     "d9480f": "Oransje 9"
+  },
+  "welcomeScreen": {
+    "data": "Alle dine data lagres lokalt i din nettleser.",
+    "switchToPlusApp": "Ønsker du å gå til Excalidraw+ i stedet?",
+    "menuHints": "Eksporter, innstillinger, språk, ...",
+    "toolbarHints": "Velg et verktøy og start å tegne!",
+    "helpHints": "Snarveier & hjelp"
   }
 }
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 245e1dc22..a29ae81ab 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Plakken",
+    "pasteAsPlaintext": "Plakken als platte tekst",
     "pasteCharts": "Plak grafieken",
     "selectAll": "Alles selecteren",
     "multiSelect": "Voeg element toe aan selectie",
@@ -9,14 +10,14 @@
     "copy": "Kopiëren",
     "copyAsPng": "Kopieer als PNG",
     "copyAsSvg": "Kopieer naar klembord als SVG",
-    "copyText": "Kopiëren naar klembord als tekst",
+    "copyText": "Kopieer naar klembord als tekst",
     "bringForward": "Breng naar voren",
     "sendToBack": "Stuur naar achtergrond",
     "bringToFront": "Breng naar voorgrond",
     "sendBackward": "Breng naar achter",
     "delete": "Verwijderen",
-    "copyStyles": "Opmaak kopiëren",
-    "pasteStyles": "Opmaak plakken",
+    "copyStyles": "Kopieer opmaak",
+    "pasteStyles": "Plak opmaak",
     "stroke": "Lijn",
     "background": "Achtergrond",
     "fill": "Invulling",
@@ -71,7 +72,7 @@
     "layers": "Lagen",
     "actions": "Acties",
     "language": "Taal",
-    "liveCollaboration": "Live Samenwerking",
+    "liveCollaboration": "Live Samenwerking...",
     "duplicateSelection": "Dupliceer",
     "untitled": "Naamloos",
     "name": "Naam",
@@ -105,38 +106,38 @@
     "toggleTheme": "Thema aan/uit",
     "personalLib": "Persoonlijke bibliotheek",
     "excalidrawLib": "Excalidraw bibliotheek",
-    "decreaseFontSize": "",
-    "increaseFontSize": "",
+    "decreaseFontSize": "Letters verkleinen",
+    "increaseFontSize": "Letters vergroten",
     "unbindText": "Ontkoppel tekst",
-    "bindText": "",
+    "bindText": "Koppel tekst aan de container",
     "link": {
-      "edit": "",
-      "create": "",
-      "label": ""
+      "edit": "Wijzig link",
+      "create": "Maak link",
+      "label": "Link"
     },
     "lineEditor": {
       "edit": "Bewerk regel",
       "exit": "Verlaat regel-editor"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "Vergrendel",
+      "unlock": "Ontgrendel",
+      "lockAll": "Vergrendel alles",
+      "unlockAll": "Ontgrendel alles"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "Gepubliceerd",
+    "sidebarLock": "Zijbalk open houden"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "Nog geen items toegevoegd...",
+    "hint_emptyLibrary": "Selecteer een item op het canvas om het hier toe te voegen of installeer een bibliotheek uit de openbare repository, hieronder.",
+    "hint_emptyPrivateLibrary": "Selecteer een item op het canvas om het hier toe te voegen."
   },
   "buttons": {
     "clearReset": "Canvas opnieuw instellen",
     "exportJSON": "Exporteren naar bestand",
-    "exportImage": "Als afbeelding opslaan",
-    "export": "Exporteren",
+    "exportImage": "Exporteer afbeelding...",
+    "export": "Sla op...",
     "exportToPng": "Exporteren naar PNG",
     "exportToSvg": "Exporteren naar SVG",
     "copyToClipboard": "Kopieer",
@@ -181,11 +182,11 @@
     "couldNotCopyToClipboard": "Kon niet naar klembord kopiëren.",
     "decryptFailed": "Kan gegevens niet decoderen.",
     "uploadedSecurly": "De upload is beveiligd met end-to-end encryptie, wat betekent dat de Excalidraw server en derden de inhoud niet kunnen lezen.",
-    "loadSceneOverridePrompt": "Het laden van externe tekening zal uw bestaande inhoud vervangen. Wil je doorgaan?",
+    "loadSceneOverridePrompt": "Het inladen van een externe tekening zal je bestaande inhoud vervangen. Wil je verdergaan?",
     "collabStopOverridePrompt": "Wanneer de sessie wordt gestopt, overschrijft u de eerdere, lokaal opgeslagen tekening. Weet je het zeker?\n\n(Als je de lokale tekening wilt behouden, sluit je in plaats daarvan het browsertabblad)",
     "errorAddingToLibrary": "Kan item niet toevoegen aan de bibliotheek",
     "errorRemovingFromLibrary": "Kan item niet uit de bibliotheek verwijderen",
-    "confirmAddLibrary": "Hiermee worden {{numShapes}} vorm(n) aan uw bibliotheek toegevoegd. Ben je het zeker?",
+    "confirmAddLibrary": "Dit zal {{numShapes}} vorm(en) toevoegen aan je bibliotheek. Weet je het zeker?",
     "imageDoesNotContainScene": "Deze afbeelding lijkt geen scène gegevens te bevatten. Heb je scène embedding tijdens het exporteren ingeschakeld?",
     "cannotRestoreFromImage": "Scène kan niet worden hersteld vanuit dit afbeeldingsbestand",
     "invalidSceneUrl": "Kan scène niet importeren vanuit de opgegeven URL. Het is onjuist of bevat geen geldige Excalidraw JSON-gegevens.",
@@ -197,26 +198,26 @@
     "unsupportedFileType": "Niet-ondersteund bestandstype.",
     "imageInsertError": "Afbeelding invoegen mislukt. Probeer het later opnieuw...",
     "fileTooBig": "Bestand is te groot. Maximale grootte is {{maxSize}}.",
-    "svgImageInsertError": "",
+    "svgImageInsertError": "Kon geen SVG-afbeelding invoegen. De SVG-opmaak ziet er niet geldig uit.",
     "invalidSVGString": "Ongeldige SVG.",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "cannotResolveCollabServer": "Kan geen verbinding maken met de collab server. Herlaad de pagina en probeer het opnieuw.",
+    "importLibraryError": "Kon bibliotheek niet laden"
   },
   "toolBar": {
     "selection": "Selectie",
-    "image": "",
+    "image": "Voeg afbeelding in",
     "rectangle": "Rechthoek",
     "diamond": "Ruit",
     "ellipse": "Ovaal",
     "arrow": "Pijl",
     "line": "Lijn",
-    "freedraw": "Tekenen",
+    "freedraw": "Teken",
     "text": "Tekst",
     "library": "Bibliotheek",
     "lock": "Geselecteerde tool actief houden na tekenen",
-    "penMode": "Voorkom pinch-zoom en accepteer freedraw invoer alleen van pen",
+    "penMode": "Pen modus - Blokkeer aanraken",
     "link": "",
-    "eraser": ""
+    "eraser": "Gum"
   },
   "headings": {
     "canvasActions": "Canvasacties",
@@ -235,7 +236,7 @@
     "resize": "Houd tijdens het vergroten SHIFT ingedrukt om verhoudingen te behouden,\ngebruik ALT om vanuit het midden te vergroten/verkleinen",
     "resizeImage": "",
     "rotate": "Je kan hoeken beperken door SHIFT ingedrukt te houden wanneer je draait",
-    "lineEditor_info": "Dubbelklik of druk op Enter om punten te bewerken",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -258,15 +259,15 @@
     "trackedToSentry_pre": "De fout met ID ",
     "trackedToSentry_post": " was gevolgd op ons systeem.",
     "openIssueMessage_pre": "We waren voorzichtig om je scène-informatie niet in de fout toe te voegen. Als je scène niet privé is, overweeg dan alstublieft het opvolgen op onze ",
-    "openIssueMessage_button": "bug tracker.",
+    "openIssueMessage_button": "bugtracker.",
     "openIssueMessage_post": " Kopieer de informatie hieronder naar de GitHub issue.",
     "sceneContent": "Scène-inhoud:"
   },
   "roomDialog": {
     "desc_intro": "Je kunt mensen uitnodigen om met je samen te werken.",
     "desc_privacy": "Geen zorgen, de sessie gebruikt end-to-end encryptie, dus wat je tekent blijft privé. Zelfs onze server zal niet kunnen zien wat je tekent.",
-    "button_startSession": "Sessie starten",
-    "button_stopSession": "Sessie afbreken",
+    "button_startSession": "Start sessie",
+    "button_stopSession": "Stop sessie",
     "desc_inProgressIntro": "De live-samenwerkingssessie is nu gestart.",
     "desc_shareLink": "Deel deze link met iedereen waarmee je wil samenwerken:",
     "desc_exitSession": "Het stoppen van de sessie zal je loskoppelen van de kamer, maar je kunt lokaal doorwerken met de scène.\nPas op: dit heeft geen invloed op andere mensen en dat zij nog steeds in staat zullen zijn om samen te werken aan hun versie.",
@@ -283,7 +284,7 @@
     "link_details": "Exporteren als een alleen-lezen link.",
     "link_button": "Exporteer naar link",
     "excalidrawplus_description": "Sla de scène op in je Excalidraw+ werkruimte.",
-    "excalidrawplus_button": "Exporteren",
+    "excalidrawplus_button": "Exporteer",
     "excalidrawplus_exportError": "Kan op dit moment niet exporteren naar Excalidraw+..."
   },
   "helpDialog": {
@@ -302,7 +303,7 @@
     "howto": "Volg onze handleidingen",
     "or": "of",
     "preventBinding": "Pijlbinding voorkomen",
-    "tools": "",
+    "tools": "Tools",
     "shortcuts": "Sneltoetsen",
     "textFinish": "Voltooi het bewerken (teksteditor)",
     "textNewLine": "Nieuwe regel toevoegen (teksteditor)",
@@ -310,10 +311,12 @@
     "view": "Weergave",
     "zoomToFit": "Zoom in op alle elementen",
     "zoomToSelection": "Inzoomen op selectie",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "Pagina omhoog/omlaag",
+    "movePageLeftRight": "Verplaats pagina links/rechts"
   },
   "clearCanvasDialog": {
-    "title": ""
+    "title": "Wis canvas"
   },
   "publishDialog": {
     "title": "Publiceer bibliotheek",
@@ -321,13 +324,13 @@
     "authorName": "Naam auteur",
     "githubUsername": "GitHub gebruikersnaam",
     "twitterUsername": "Twitter gebruikersnaam",
-    "libraryName": "Bibliotheek naam",
-    "libraryDesc": "Bibliotheek beschrijving",
+    "libraryName": "Naam bibliotheek",
+    "libraryDesc": "Beschrijving van de bibliotheek",
     "website": "Website",
     "placeholder": {
-      "authorName": "Uw naam of gebruikersnaam:",
+      "authorName": "Je naam of gebruikersnaam",
       "libraryName": "Naam van je bibliotheek",
-      "libraryDesc": "Beschrijving van uw bibliotheek om mensen te helpen het gebruik ervan te begrijpen",
+      "libraryDesc": "Beschrijving van je bibliotheek om mensen te helpen het gebruik ervan te begrijpen",
       "githubHandle": "",
       "twitterHandle": "",
       "website": "Link naar je persoonlijke website of elders (optioneel)"
@@ -343,12 +346,12 @@
     },
     "noteGuidelines": {
       "pre": "",
-      "link": "",
+      "link": "richtlijnen",
       "post": ""
     },
     "noteLicense": {
       "pre": "",
-      "link": "",
+      "link": "MIT-licentie, ",
       "post": ""
     },
     "noteItems": "",
@@ -391,7 +394,8 @@
     "fileSaved": "Bestand opgeslagen.",
     "fileSavedToFilename": "Opgeslagen als {filename}",
     "canvas": "canvas",
-    "selection": "selectie"
+    "selection": "selectie",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Wit",
@@ -439,5 +443,12 @@
     "5c940d": "Limoen 9",
     "e67700": "Geel 9",
     "d9480f": "Oranje 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index f38ec1cc2..ecc340041 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Lim inn",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Lim inn diagram",
     "selectAll": "Vel alt",
     "multiSelect": "Legg til element i utval",
@@ -71,7 +72,7 @@
     "layers": "Lag",
     "actions": "Handlingar",
     "language": "Språk",
-    "liveCollaboration": "Sanntids-samarbeid",
+    "liveCollaboration": "",
     "duplicateSelection": "Dupliser",
     "untitled": "Utan namn",
     "name": "Namn",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Tilbakestill lerretet",
     "exportJSON": "Eksporter til fil",
-    "exportImage": "Lagre som bilete",
-    "export": "Eksporter",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Eksporter til PNG",
     "exportToSvg": "Eksporter til SVG",
     "copyToClipboard": "Kopier til utklippstavla",
@@ -144,7 +145,7 @@
     "scale": "Skaler",
     "save": "Lagre til noverande fil",
     "saveAs": "Lagre som",
-    "load": "Opne",
+    "load": "",
     "getShareableLink": "Hent delingslenke",
     "close": "Lukk",
     "selectLanguage": "Vel språk",
@@ -214,7 +215,7 @@
     "text": "Tekst",
     "library": "Bibliotek",
     "lock": "Hald fram med valt verktøy",
-    "penMode": "Forhindre zoom ved kniping og godta frihandsteikning kun frå penn",
+    "penMode": "",
     "link": "Legg til/ oppdater lenke til valt figur",
     "eraser": "Viskelêr"
   },
@@ -235,7 +236,7 @@
     "resize": "Du kan halde fram med forholdet ved å trykke SHIFT medan du endrar storleik,\ntrykk ALT for å endre storleiken frå midten",
     "resizeImage": "Du kan endre storleiken fritt ved å halde inne SHIFT,\nhald ALT for å endre storleik frå sentrum",
     "rotate": "Du kan låse vinklane ved å halde SHIFT medan du roterer",
-    "lineEditor_info": "Dobbeltklikk eller trykk Enter for å redigere punkt",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Trykk på Slett for å fjerne punkt(a),\nCtrl / Cmd+D for å duplisere, eller drag for å flytte",
     "lineEditor_nothingSelected": "Vel eit punkt å redigere (hald inne SHIFT for å velje fleire),\neller hald inne Alt og klikk for å legge til nye punkt",
     "placeImage": "Klikk for å plassere biletet, eller klikk og drag for å velje storleik manuelt",
@@ -310,7 +311,9 @@
     "view": "Vising",
     "zoomToFit": "Zoom for å sjå alle elementa",
     "zoomToSelection": "Zoom til utval",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Tøm lerretet"
@@ -391,7 +394,8 @@
     "fileSaved": "Fila er lagra.",
     "fileSavedToFilename": "Lagra som {filename}",
     "canvas": "lerret",
-    "selection": "val"
+    "selection": "val",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Kvit",
@@ -439,5 +443,12 @@
     "5c940d": "Limegrøn 9",
     "e67700": "Gul 9",
     "d9480f": "Oransj 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index 3434c21f3..05474c908 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Pegar",
+    "pasteAsPlaintext": "Pegar en tèxt brut",
     "pasteCharts": "Pegar los grafics",
     "selectAll": "Tot seleccionar",
     "multiSelect": "Apondre un element a la seleccion",
@@ -71,7 +72,7 @@
     "layers": "Calques",
     "actions": "Accions",
     "language": "Lenga",
-    "liveCollaboration": "Collaboracion en dirèct",
+    "liveCollaboration": "Collaboracion en dirèct...",
     "duplicateSelection": "Duplicar",
     "untitled": "Sens títol",
     "name": "Nom",
@@ -129,14 +130,14 @@
   },
   "library": {
     "noItems": "Cap d’element pas encara apondut...",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "hint_emptyLibrary": "Seleccionatz un element d’apondre aquí, o installatz una bibliotèca del depaus public, çai-jos.",
+    "hint_emptyPrivateLibrary": "Seleccionatz un element d’apondre aquí pel canabàs."
   },
   "buttons": {
     "clearReset": "Reïnicializar lo canabàs",
     "exportJSON": "Exportar en fichièr",
-    "exportImage": "Salvar coma imatge",
-    "export": "Exportar",
+    "exportImage": "Exportar imatges...",
+    "export": "Enregistrar dins...",
     "exportToPng": "Exportar en PNG",
     "exportToSvg": "Exportar en SVG",
     "copyToClipboard": "Copiar al quichapapièrs",
@@ -144,7 +145,7 @@
     "scale": "Escala",
     "save": "Salvar al fichièr actual",
     "saveAs": "Enregistrar jos",
-    "load": "Cargar",
+    "load": "Dobrir",
     "getShareableLink": "Obténer lo ligam de partatge",
     "close": "Tampar",
     "selectLanguage": "Causir una lenga",
@@ -214,7 +215,7 @@
     "text": "Tèxt",
     "library": "Bibliotèca",
     "lock": "Mantenir activa l’aisina aprèp dessenhar",
-    "penMode": "Empachar l’agradiment tactil e acceptar la picada liura solament amb un estilò",
+    "penMode": "Mòde estilo - empachar lo contact",
     "link": "Apondre/Actualizar lo ligam per una fòrma seleccionada",
     "eraser": "Goma"
   },
@@ -235,7 +236,7 @@
     "resize": "Podètz servar las proporcions en mantenent la tòca MAJ pendent lo redimensionament,\nmantenètz la tòca ALT per redimensionar a partir del centre",
     "resizeImage": "Podètz retalhar liurament en quichant CTRL,\nquichatz ALT per retalhar a partir del centre",
     "rotate": "Podètz restrénger los angles en mantenent MAJ pendent la rotacion",
-    "lineEditor_info": "Doble-clicatz o quichatz Entrada per modificar los punts",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Quichar Suprimir per tirar lo(s) punt(s),\nCtrlOCmd+D per duplicar, o lisatz per desplaçar",
     "lineEditor_nothingSelected": "Seleccionar un punt d’editar (manténer Maj. per ne seleccionar mantun),\no manténer Alt e clicar per n’apondre de novèls",
     "placeImage": "Clicatz per plaçar l’imatge, o clicatz e lisatz per definir sa talha manualament",
@@ -310,7 +311,9 @@
     "view": "Vista",
     "zoomToFit": "Zoomar per veire totes los elements",
     "zoomToSelection": "Zoomar la seleccion",
-    "toggleElementLock": "Verrolhar/Desverrolhar la seleccion"
+    "toggleElementLock": "Verrolhar/Desverrolhar la seleccion",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Escafar canabàs"
@@ -353,7 +356,7 @@
     },
     "noteItems": "Cada element de bibliotèca deu aver un nom pròpri per èsser filtrable. Los elements de bibliotèca seguentas seràn incluses :",
     "atleastOneLibItem": "Volgatz seleccionar almens un element de bibliotèca per començar",
-    "republishWarning": ""
+    "republishWarning": "Nòta : d’unes elements seleccionats son marcats ja coma publicats/enviats. Deuriatz sonque tornar enviar los elements pendent l’actualizacion d’una bibliotèca existenta o un mandadís."
   },
   "publishSuccessDialog": {
     "title": "Bibliotèca somesa",
@@ -391,7 +394,8 @@
     "fileSaved": "Fichièr enregistrat.",
     "fileSavedToFilename": "Enregistrat jos {filename}",
     "canvas": "canabàs",
-    "selection": "seleccion"
+    "selection": "seleccion",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Blanc",
@@ -439,5 +443,12 @@
     "5c940d": "Verd citron 9",
     "e67700": "Jaune 9",
     "d9480f": "Irange 9"
+  },
+  "welcomeScreen": {
+    "data": "Totas las donadas son enregistradas dins vòstre navegador.",
+    "switchToPlusApp": "Volètz puslèu utilizar Excalidraw+ ?",
+    "menuHints": "Exportar, preferéncias, lengas, ...",
+    "toolbarHints": "Prenètz un esplech e començatz de dessenhar !",
+    "helpHints": "Acorchis e ajuda"
   }
 }
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 44a6e406b..0972bcfdd 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "ਪੇਸਟ ਕਰੋ",
+    "pasteAsPlaintext": "",
     "pasteCharts": "ਚਾਰਟ ਪੇਸਟ ਕਰੋ",
     "selectAll": "ਸਾਰੇ ਚੁਣੋ",
     "multiSelect": "ਐਲੀਮੈਂਟ ਨੂੰ ਚੋਣ ਵਿੱਚ ਜੋੜੋ",
@@ -71,7 +72,7 @@
     "layers": "ਪਰਤਾਂ",
     "actions": "ਕਾਰਵਾਈਆਂ",
     "language": "ਭਾਸ਼ਾ",
-    "liveCollaboration": "ਲਾਇਵ ਸਹਿਯੋਗ",
+    "liveCollaboration": "",
     "duplicateSelection": "ਡੁਪਲੀਕੇਟ ਬਣਾਓ",
     "untitled": "ਬੇ-ਸਿਰਨਾਵਾਂ",
     "name": "ਨਾਂ",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "ਕੈਨਵਸ ਰੀਸੈੱਟ ਕਰੋ",
     "exportJSON": "ਫਾਈਲ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
-    "exportImage": "ਤਸਵੀਰ ਵਜੋਂ ਸਾਂਭੋ",
-    "export": "ਨਿਰਯਾਤ",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "PNG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "exportToSvg": "SVG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "copyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ",
@@ -144,7 +145,7 @@
     "scale": "ਪੈਮਾਇਸ਼",
     "save": "ਮੌਜੂਦਾ ਫਾਈਲ ਵਿੱਚ ਸਾਂਭੋ",
     "saveAs": "ਇਸ ਵਜੋਂ ਸਾਂਭੋ",
-    "load": "ਲੋਡ ਕਰੋ",
+    "load": "",
     "getShareableLink": "ਸਾਂਝੀ ਕਰਨ ਵਾਲੀ ਲਿੰਕ ਲਵੋ",
     "close": "ਬੰਦ ਕਰੋ",
     "selectLanguage": "ਭਾਸ਼ਾ ਚੁਣੋ",
@@ -235,7 +236,7 @@
     "resize": "ਤੁਸੀਂ ਅਕਾਰ ਬਦਲਦੇ ਸਮੇਂ SHIFT ਦਬਾਈ ਰੱਖ ਕੇ ਅਨੁਪਾਤ ਨੂੰ ਕਾਬੂ ਕਰ ਸਕਦੇ ਹੋ, ਵਿਚਕਾਰ ਤੋਂ ਅਕਾਰ ਬਦਲਣ ਲਈ ALT ਦਬਾਓ",
     "resizeImage": "",
     "rotate": "ਤੁਸੀਂ ਘੁਮਾਉਂਦੇ ਹੋਏ SHIFT ਦਬਾਈ ਰੱਖ ਕੇ ਕੋਣਾਂ ਨੂੰ ਕਾਬੂ ਕਰ ਸਕਦੇ ਹੋ",
-    "lineEditor_info": "ਬਿੰਦੂਆਂ ਨੂੰ ਸੋਧਣ ਲਈ ਡਬਲ-ਕਲਿੱਕ ਜਾਂ ਐਂਟਰ ਦਬਾਓ",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -310,7 +311,9 @@
     "view": "ਦਿੱਖ",
     "zoomToFit": "ਸਾਰੇ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਫਿੱਟ ਕਰਨ ਲਈ ਜ਼ੂਮ ਕਰੋ",
     "zoomToSelection": "ਚੋਣ ਤੱਕ ਜ਼ੂਮ ਕਰੋ",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "ਕੈਨਵਸ ਨੂੰ ਸਾਫ਼ ਕਰੋ"
@@ -391,7 +394,8 @@
     "fileSaved": "ਫਾਈਲ ਸਾਂਭੀ ਗਈ।",
     "fileSavedToFilename": "{filename} ਵਿੱਚ ਸਾਂਭੀ",
     "canvas": "ਕੈਨਵਸ",
-    "selection": "ਚੋਣ"
+    "selection": "ਚੋਣ",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "ਚਿੱਟਾ",
@@ -439,5 +443,12 @@
     "5c940d": "ਲਾਇਮ 9",
     "e67700": "ਪੀਲਾ 9",
     "d9480f": "ਸੰਤਰੀ 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 52fc57ac7..2d92beb65 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,52 +1,52 @@
 {
-  "ar-SA": 90,
-  "bg-BG": 58,
-  "bn-BD": 64,
-  "ca-ES": 99,
-  "cs-CZ": 66,
-  "da-DK": 34,
-  "de-DE": 100,
-  "el-GR": 99,
+  "ar-SA": 87,
+  "bg-BG": 55,
+  "bn-BD": 61,
+  "ca-ES": 95,
+  "cs-CZ": 76,
+  "da-DK": 33,
+  "de-DE": 99,
+  "el-GR": 95,
   "en": 100,
-  "es-ES": 99,
-  "eu-ES": 99,
+  "es-ES": 100,
+  "eu-ES": 98,
   "fa-IR": 98,
-  "fi-FI": 97,
-  "fr-FR": 100,
-  "gl-ES": 45,
-  "he-IL": 94,
-  "hi-IN": 69,
-  "hu-HU": 94,
+  "fi-FI": 94,
+  "fr-FR": 98,
+  "gl-ES": 98,
+  "he-IL": 91,
+  "hi-IN": 70,
+  "hu-HU": 90,
   "id-ID": 100,
   "it-IT": 100,
-  "ja-JP": 99,
+  "ja-JP": 98,
   "kab-KAB": 95,
-  "kk-KZ": 22,
-  "ko-KR": 100,
-  "ku-TR": 100,
-  "lt-LT": 23,
-  "lv-LV": 100,
-  "mr-IN": 100,
-  "my-MM": 44,
+  "kk-KZ": 21,
+  "ko-KR": 96,
+  "ku-TR": 98,
+  "lt-LT": 66,
+  "lv-LV": 98,
+  "mr-IN": 99,
+  "my-MM": 42,
   "nb-NO": 100,
-  "nl-NL": 86,
-  "nn-NO": 95,
-  "oc-FR": 99,
-  "pa-IN": 87,
-  "pl-PL": 89,
-  "pt-BR": 100,
-  "pt-PT": 99,
+  "nl-NL": 91,
+  "nn-NO": 91,
+  "oc-FR": 98,
+  "pa-IN": 84,
+  "pl-PL": 85,
+  "pt-BR": 97,
+  "pt-PT": 98,
   "ro-RO": 100,
-  "ru-RU": 99,
+  "ru-RU": 100,
   "si-LK": 8,
   "sk-SK": 100,
   "sl-SI": 100,
-  "sv-SE": 99,
-  "ta-IN": 97,
-  "tr-TR": 100,
-  "uk-UA": 100,
-  "vi-VN": 16,
-  "zh-CN": 100,
-  "zh-HK": 27,
+  "sv-SE": 98,
+  "ta-IN": 94,
+  "tr-TR": 99,
+  "uk-UA": 98,
+  "vi-VN": 20,
+  "zh-CN": 98,
+  "zh-HK": 26,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index 1d5a80b46..ae86d674f 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Wklej",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Wklej wykresy",
     "selectAll": "Zaznacz wszystko",
     "multiSelect": "Dodaj element do zaznaczenia",
@@ -71,7 +72,7 @@
     "layers": "Warstwy",
     "actions": "Akcje",
     "language": "Język",
-    "liveCollaboration": "Współpraca na żywo",
+    "liveCollaboration": "",
     "duplicateSelection": "Powiel",
     "untitled": "Bez tytułu",
     "name": "Nazwa",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Wyczyść dokument i zresetuj kolor dokumentu",
     "exportJSON": "Eksportuj do pliku",
-    "exportImage": "Zapisz jako obraz",
-    "export": "Zapisz jako",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "Zapisz jako PNG",
     "exportToSvg": "Zapisz jako SVG",
     "copyToClipboard": "Skopiuj do schowka",
@@ -144,7 +145,7 @@
     "scale": "Skala",
     "save": "",
     "saveAs": "Zapisz jako",
-    "load": "Otwórz",
+    "load": "",
     "getShareableLink": "Udostępnij",
     "close": "Zamknij",
     "selectLanguage": "Wybierz język",
@@ -235,7 +236,7 @@
     "resize": "Możesz zachować proporcję trzymająć wcisnięty SHIFT, przytrzymaj ALT by zmienić rozmiar względem środka",
     "resizeImage": "Możesz zmienić rozmiar swobodnie trzymając SHIFT,\nprzytrzymaj ALT, aby przeskalować względem środka obiektu",
     "rotate": "Możesz obracać element w równych odstępach trzymając wciśnięty SHIFT",
-    "lineEditor_info": "Kliknij dwukrotnie lub naciśnij Enter, aby edytować punkty",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "Kliknij, aby umieścić obraz, lub kliknij i przeciągnij, aby ustawić jego rozmiar ręcznie",
@@ -310,7 +311,9 @@
     "view": "Widok",
     "zoomToFit": "Powiększ, aby wyświetlić wszystkie elementy",
     "zoomToSelection": "Przybliż do zaznaczenia",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Wyczyść płótno"
@@ -391,7 +394,8 @@
     "fileSaved": "Zapisano plik.",
     "fileSavedToFilename": "Zapisano jako {filename}",
     "canvas": "płótno",
-    "selection": "zaznaczenie"
+    "selection": "zaznaczenie",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Biały",
@@ -439,5 +443,12 @@
     "5c940d": "Limonkowy 9",
     "e67700": "Żółty 9",
     "d9480f": "Pomarańczowy 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 5461c8643..012c03137 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Colar",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Colar gráficos",
     "selectAll": "Selecionar tudo",
     "multiSelect": "Adicionar elemento à seleção",
@@ -71,7 +72,7 @@
     "layers": "Camadas",
     "actions": "Ações",
     "language": "Idioma",
-    "liveCollaboration": "Colaboração ao vivo",
+    "liveCollaboration": "Colaboração ao vivo...",
     "duplicateSelection": "Duplicar",
     "untitled": "Sem título",
     "name": "Nome",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Limpar o canvas e redefinir a cor de fundo",
     "exportJSON": "Exportar arquivo",
-    "exportImage": "Salvar como imagem",
-    "export": "Exportar",
+    "exportImage": "Exportar imagem...",
+    "export": "Salvar como...",
     "exportToPng": "Exportar em PNG",
     "exportToSvg": "Exportar em SVG",
     "copyToClipboard": "Copiar para o clipboard",
@@ -144,7 +145,7 @@
     "scale": "Escala",
     "save": "Salvar para o arquivo atual",
     "saveAs": "Salvar como",
-    "load": "Carregar",
+    "load": "Abrir",
     "getShareableLink": "Obter um link de compartilhamento",
     "close": "Fechar",
     "selectLanguage": "Selecionar idioma",
@@ -214,7 +215,7 @@
     "text": "Texto",
     "library": "Biblioteca",
     "lock": "Manter ativa a ferramenta selecionada após desenhar",
-    "penMode": "Prevenir a ação de tocar-ampliar e permitir apenas interações da caneta",
+    "penMode": "",
     "link": "Adicionar/Atualizar link para uma forma selecionada",
     "eraser": "Borracha"
   },
@@ -235,7 +236,7 @@
     "resize": "Você pode restringir proporções segurando SHIFT enquanto redimensiona,\nsegure ALT para redimensionar do centro",
     "resizeImage": "Você pode redimensionar livremente segurando SHIFT,\nsegure ALT para redimensionar a partir do centro",
     "rotate": "Você pode restringir os ângulos segurando SHIFT enquanto gira",
-    "lineEditor_info": "Clique duas vezes ou pressione Enter para editar os pontos",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Pressione Delete para remover o(s) ponto(s),\nCtrl/Cmd+D para duplicar ou arraste para mover",
     "lineEditor_nothingSelected": "Selecione um ponto para editar (segure SHIFT para selecionar vários) ou segure Alt e clique para adicionar novos pontos",
     "placeImage": "Clique para colocar a imagem, ou clique e arraste para definir manualmente o seu tamanho",
@@ -310,7 +311,9 @@
     "view": "Visualizar",
     "zoomToFit": "Ampliar para encaixar todos os elementos",
     "zoomToSelection": "Ampliar a seleção",
-    "toggleElementLock": "Bloquear/desbloquear seleção"
+    "toggleElementLock": "Bloquear/desbloquear seleção",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Limpar a tela"
@@ -391,7 +394,8 @@
     "fileSaved": "Arquivo salvo.",
     "fileSavedToFilename": "Salvo em {filename}",
     "canvas": "tela",
-    "selection": "seleção"
+    "selection": "seleção",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Braco",
@@ -439,5 +443,12 @@
     "5c940d": "Lima 9",
     "e67700": "Amarelo 9",
     "d9480f": "Laranja 9"
+  },
+  "welcomeScreen": {
+    "data": "Todos os dados são salvos localmente no seu navegador.",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index ff2171690..e99552fe1 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Colar",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Colar gráficos",
     "selectAll": "Selecionar tudo",
     "multiSelect": "Adicionar elemento à seleção",
@@ -71,7 +72,7 @@
     "layers": "Camadas",
     "actions": "Ações",
     "language": "Idioma",
-    "liveCollaboration": "Colaboração ao vivo",
+    "liveCollaboration": "Colaboração ao vivo...",
     "duplicateSelection": "Duplicar",
     "untitled": "Sem título",
     "name": "Nome",
@@ -115,8 +116,8 @@
       "label": "Ligação"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Editar linha",
+      "exit": "Sair do editor de linha"
     },
     "elementLock": {
       "lock": "Bloquear",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Limpar a área de desenho e redefinir a cor de fundo",
     "exportJSON": "Exportar para ficheiro",
-    "exportImage": "Guardar como imagem",
-    "export": "Exportar",
+    "exportImage": "Exportar imagem...",
+    "export": "Guardar para...",
     "exportToPng": "Exportar em PNG",
     "exportToSvg": "Exportar em SVG",
     "copyToClipboard": "Copiar para o clipboard",
@@ -144,7 +145,7 @@
     "scale": "Escala",
     "save": "Guardar no ficheiro atual",
     "saveAs": "Guardar como",
-    "load": "Carregar",
+    "load": "Abrir",
     "getShareableLink": "Obter um link de partilha",
     "close": "Fechar",
     "selectLanguage": "Selecionar idioma",
@@ -214,7 +215,7 @@
     "text": "Texto",
     "library": "Biblioteca",
     "lock": "Manter a ferramenta selecionada ativa após desenhar",
-    "penMode": "Impedir o <em>pinch-zoom</em> e aceitar desenho livre apenas da caneta",
+    "penMode": "Modo caneta - impedir toque",
     "link": "Acrescentar/ Adicionar ligação para uma forma seleccionada",
     "eraser": "Borracha"
   },
@@ -235,7 +236,7 @@
     "resize": "Pode restringir as proporções mantendo a tecla SHIFT premida enquanto redimensiona,\nmantenha a tecla ALT premida para redimensionar a partir do centro",
     "resizeImage": "Pode redimensionar livremente mantendo pressionada a tecla SHIFT,\nmantenha pressionada a tecla ALT para redimensionar do centro",
     "rotate": "Pode restringir os ângulos mantendo a tecla SHIFT premida enquanto roda",
-    "lineEditor_info": "Clique duas vezes ou pressione a tecla Enter para editar os pontos",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Carregue na tecla Delete para remover o(s) ponto(s), CtrlOuCmd+D para duplicar, ou arraste para mover",
     "lineEditor_nothingSelected": "Seleccione um ponto para editar (carregue em SHIFT para seleccionar vários),\nou carregue em Alt e clique para acrescentar novos pontos",
     "placeImage": "Clique para colocar a imagem ou clique e arraste para definir o seu tamanho manualmente",
@@ -310,7 +311,9 @@
     "view": "Visualizar",
     "zoomToFit": "Ajustar para todos os elementos caberem",
     "zoomToSelection": "Ampliar a seleção",
-    "toggleElementLock": "Trancar/destrancar selecção"
+    "toggleElementLock": "Trancar/destrancar selecção",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Apagar tela"
@@ -391,7 +394,8 @@
     "fileSaved": "Ficheiro guardado.",
     "fileSavedToFilename": "Guardado como {filename}",
     "canvas": "área de desenho",
-    "selection": "seleção"
+    "selection": "seleção",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Branco",
@@ -439,5 +443,12 @@
     "5c940d": "Lima 9",
     "e67700": "Amarelo 9",
     "d9480f": "Laranja 9"
+  },
+  "welcomeScreen": {
+    "data": "Todos os dados estão guardados no seu navegador local.",
+    "switchToPlusApp": "Queria antes ir para o Excalidraw+?",
+    "menuHints": "Exportar, preferências, idiomas...",
+    "toolbarHints": "Escolha uma ferramenta e comece a desenhar!",
+    "helpHints": "Atalhos e ajuda"
   }
 }
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 1b234f115..037e914a3 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Lipire",
+    "pasteAsPlaintext": "Inserare ca text simplu",
     "pasteCharts": "Lipire diagrame",
     "selectAll": "Selectare totală",
     "multiSelect": "Adaugă element la selecție",
@@ -71,7 +72,7 @@
     "layers": "Straturi",
     "actions": "Acțiuni",
     "language": "Limbă",
-    "liveCollaboration": "Colaborare în direct",
+    "liveCollaboration": "Colaborare în direct...",
     "duplicateSelection": "Duplicare",
     "untitled": "Nedenumit",
     "name": "Nume",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Resetare pânză",
     "exportJSON": "Exportare la fișiere",
-    "exportImage": "Salvare ca imagine",
-    "export": "Exportare",
+    "exportImage": "Exportare imagine...",
+    "export": "Salvare în...",
     "exportToPng": "Exportare ca PNG",
     "exportToSvg": "Exportare ca SVG",
     "copyToClipboard": "Copiere în memoria temporară",
@@ -144,7 +145,7 @@
     "scale": "Scală",
     "save": "Salvare în fișierul curent",
     "saveAs": "Salvare ca",
-    "load": "Încărcare",
+    "load": "Deschidere",
     "getShareableLink": "Obține URL partajabil",
     "close": "Închidere",
     "selectLanguage": "Selectare limbă",
@@ -214,7 +215,7 @@
     "text": "Text",
     "library": "Bibliotecă",
     "lock": "Menține activ instrumentul selectat după desenare",
-    "penMode": "Împiedică mărirea prin ciupire și acceptă desenarea liberă doar de la stilou",
+    "penMode": "Mod stilou – împiedică atingerea",
     "link": "Adăugare/actualizare URL pentru forma selectată",
     "eraser": "Radieră"
   },
@@ -235,7 +236,7 @@
     "resize": "Poți constrânge proporțiile, ținând apăsată tasta SHIFT în timp ce redimensionezi,\nține apăsată tasta ALT pentru a redimensiona de la centru",
     "resizeImage": "Poți redimensiona liber ținând apăsată tasta SHIFT,\nține apăsată tasta ALT pentru a redimensiona din centru",
     "rotate": "Poți constrânge unghiurile, ținând apăsată tasta SHIFT în timp ce rotești",
-    "lineEditor_info": "Dă dublu clic sau apasă tasta Enter pentru a edita punctele",
+    "lineEditor_info": "Ține apăsată tasta Ctrl sau Cmd și dă dublu clic sau apasă tasta Ctrl sau Cmd + Enter pentru a edita puncte",
     "lineEditor_pointSelected": "Apasă tasta Delete pentru a elimina punctele,\ncombinația de taste Ctrl sau Cmd + D pentru a le duplica sau glisează-le pentru a le schimba poziția",
     "lineEditor_nothingSelected": "Selectează un punct pentru a-l edita (ține apăsată tasta SHIFT pentru a selecta mai multe),\nsau ține apăsată tasta Alt și dă clic pentru a adăuga puncte noi",
     "placeImage": "Dă clic pentru a poziționa imaginea sau dă clic și glisează pentru a seta manual dimensiunea imaginii",
@@ -310,7 +311,9 @@
     "view": "Vizualizare",
     "zoomToFit": "Transfocare pentru a cuprinde totul",
     "zoomToSelection": "Transfocare la selecție",
-    "toggleElementLock": "Blocare/deblocare selecție"
+    "toggleElementLock": "Blocare/deblocare selecție",
+    "movePageUpDown": "Deplasare pagină sus/jos",
+    "movePageLeftRight": "Deplasare pagină stânga/dreapta"
   },
   "clearCanvasDialog": {
     "title": "Ștergere pânză"
@@ -391,7 +394,8 @@
     "fileSaved": "Fișier salvat.",
     "fileSavedToFilename": "Salvat în {filename}",
     "canvas": "pânza",
-    "selection": "selecția"
+    "selection": "selecția",
+    "pasteAsSingleElement": "Folosește {{shortcut}} pentru a insera ca un singur element\nsau insera într-un editor de text existent"
   },
   "colors": {
     "ffffff": "Alb",
@@ -439,5 +443,12 @@
     "5c940d": "Verde-limetă 9",
     "e67700": "Galben 9",
     "d9480f": "Portocaliu 9"
+  },
+  "welcomeScreen": {
+    "data": "Toate datele tale sunt salvate local în navigatorul tău.",
+    "switchToPlusApp": "Ai vrut să mergi în schimb la Excalidraw+?",
+    "menuHints": "Exportare, preferințe, limbi, ...",
+    "toolbarHints": "Alege un instrument și începe să desenezi!",
+    "helpHints": "Comenzi rapide și ajutor"
   }
 }
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index b734603c5..38ee98440 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Вставить",
+    "pasteAsPlaintext": "Вставить как обычный текст",
     "pasteCharts": "Вставить диаграммы",
     "selectAll": "Выбрать всё",
     "multiSelect": "Добавить элемент в выделенный фрагмент",
@@ -71,7 +72,7 @@
     "layers": "Слои",
     "actions": "Действия",
     "language": "Язык",
-    "liveCollaboration": "Совместное взаимодействие",
+    "liveCollaboration": "Онлайн взаимодействие...",
     "duplicateSelection": "Дубликат",
     "untitled": "Безымянный",
     "name": "Имя",
@@ -115,8 +116,8 @@
       "label": "Ссылка"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Редактирование строки",
+      "exit": "Выход из редактора строки"
     },
     "elementLock": {
       "lock": "Блокировать",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Очистить холст и сбросить цвет фона",
     "exportJSON": "Сохранить в",
-    "exportImage": "Сохранить как изображение",
-    "export": "Экспортировать",
+    "exportImage": "Экспортировать изображение...",
+    "export": "Сохранить как...",
     "exportToPng": "Экспорт в PNG",
     "exportToSvg": "Экспорт в SVG",
     "copyToClipboard": "Скопировать в буфер обмена",
@@ -144,7 +145,7 @@
     "scale": "Масштаб",
     "save": "Сохранить в текущий файл",
     "saveAs": "Сохранить как",
-    "load": "Загрузить",
+    "load": "Открыть",
     "getShareableLink": "Получить доступ по ссылке",
     "close": "Закрыть",
     "selectLanguage": "Выбрать язык",
@@ -214,7 +215,7 @@
     "text": "Текст",
     "library": "Библиотека",
     "lock": "Сохранять выбранный инструмент активным после рисования",
-    "penMode": "Отключить масштабирование щипком и рисовать только с помощью пера",
+    "penMode": "Режим пера - предотвращение касания",
     "link": "Добавить/обновить ссылку для выбранной фигуры",
     "eraser": "Ластик"
   },
@@ -235,7 +236,7 @@
     "resize": "Вы можете ограничить пропорции, удерживая SHIFT во время изменения размеров,\nудерживайте ALT чтобы изменить размер из центра",
     "resizeImage": "Вы можете свободно изменять размеры, удерживая кнопку SHIFT,\nудерживайте кнопку ALT, чтобы изменять размер относительно центра",
     "rotate": "Вы можете ограничить углы, удерживая SHIFT во время вращения",
-    "lineEditor_info": "Дважды кликните или нажмите Enter, чтобы редактировать точки",
+    "lineEditor_info": "Удерживайте CtrlOrCmd и дважды кликните или нажмите CtrlOrCmd + Enter для редактирования точек",
     "lineEditor_pointSelected": "Нажмите Delete для удаления точки (точек),\nCtrl+D или Cmd+D для дублирования, перетащите для перемещения",
     "lineEditor_nothingSelected": "Выберите точку для редактирования (удерживайте SHIFT выбора нескольких точек),\nили удерживайте Alt и кликните для добавления новых точек",
     "placeImage": "Щелкните, чтобы разместить изображение, или нажмите и перетащите, чтобы установить его размер вручную",
@@ -310,7 +311,9 @@
     "view": "Просмотр",
     "zoomToFit": "Отмастштабировать, чтобы поместились все элементы",
     "zoomToSelection": "Увеличить до выделенного",
-    "toggleElementLock": "Заблокировать/разблокировать выделение"
+    "toggleElementLock": "Заблокировать/разблокировать выделение",
+    "movePageUpDown": "Сдвинуть страницу вверх/вниз",
+    "movePageLeftRight": "Сдвинуть страницу вправо/влево"
   },
   "clearCanvasDialog": {
     "title": "Очистить холст"
@@ -391,7 +394,8 @@
     "fileSaved": "Файл сохранён.",
     "fileSavedToFilename": "Сохранено в {filename}",
     "canvas": "холст",
-    "selection": "выделение"
+    "selection": "выделение",
+    "pasteAsSingleElement": "Используйте {{shortcut}}, чтобы вставить один объект,\nили вставьте в существующий текстовый редактор"
   },
   "colors": {
     "ffffff": "Белый",
@@ -439,5 +443,12 @@
     "5c940d": "Лайм 9",
     "e67700": "Жёлтый 9",
     "d9480f": "Оранжевый 9"
+  },
+  "welcomeScreen": {
+    "data": "Все ваши данные сохраняются локально в вашем браузере.",
+    "switchToPlusApp": "Хотите перейти на Excalidraw+?",
+    "menuHints": "Экспорт, настройки, языки, ...",
+    "toolbarHints": "Выберите инструмент и начните рисовать!",
+    "helpHints": "Сочетания клавиш и помощь"
   }
 }
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index fe2a516ad..4ce28109c 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "අලවන්න",
+    "pasteAsPlaintext": "",
     "pasteCharts": "ප්‍රස්ථාරය",
     "selectAll": "සියල්ලම",
     "multiSelect": "තෝරා ගැනීමට අංගය එකතු කරන්න",
@@ -310,7 +311,9 @@
     "view": "",
     "zoomToFit": "",
     "zoomToSelection": "",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "",
-    "selection": ""
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 705387e64..e2a654463 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Vložiť",
+    "pasteAsPlaintext": "Vložiť ako obyčajný text",
     "pasteCharts": "Vložiť grafy",
     "selectAll": "Vybrať všetko",
     "multiSelect": "Pridať prvok do výberu",
@@ -71,7 +72,7 @@
     "layers": "Vrstvy",
     "actions": "Akcie",
     "language": "Jazyk",
-    "liveCollaboration": "Živá spolupráca",
+    "liveCollaboration": "Živá spolupráca...",
     "duplicateSelection": "Duplikovať",
     "untitled": "Bez názvu",
     "name": "Meno",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Obnoviť plátno",
     "exportJSON": "Exportovať do súboru",
-    "exportImage": "Uložiť ako obrázok",
-    "export": "Exportovať",
+    "exportImage": "Exportovať obrázok...",
+    "export": "Uložiť do...",
     "exportToPng": "Exportovať do PNG",
     "exportToSvg": "Exportovať do SVG",
     "copyToClipboard": "Kopírovať do schránky",
@@ -144,7 +145,7 @@
     "scale": "Mierka",
     "save": "Uložiť do aktuálneho súboru",
     "saveAs": "Uložiť ako",
-    "load": "Nahrať",
+    "load": "Otvoriť",
     "getShareableLink": "Získať odkaz na zdieľanie",
     "close": "Zavrieť",
     "selectLanguage": "Zvoliť jazyk",
@@ -214,7 +215,7 @@
     "text": "Text",
     "library": "Knižnica",
     "lock": "Nechať zvolený nástroj aktívny po skončení kreslenia",
-    "penMode": "Zabrániť priblíženiu potiahnutím a povoliť vstup voľnou rokou iba z pera",
+    "penMode": "Režim pera – zabrániť dotyku",
     "link": "Pridať/ Upraviť odkaz pre vybraný tvar",
     "eraser": "Guma"
   },
@@ -235,7 +236,7 @@
     "resize": "Počas zmeny veľkosti zachováte proporcie podržaním SHIFT,\\npodržaním ALT meníte veľkosť so zachovaním stredu",
     "resizeImage": "Podržte SHIFT pre voľnú zmenu veľkosti, podržte ALT pre zmenu veľkosti od stredu",
     "rotate": "Počas rotácie obmedzíte uhol podržaním SHIFT",
-    "lineEditor_info": "Použite dvojklik alebo stlačte Enter na editáciu bodov",
+    "lineEditor_info": "Podržte CtrlOrCmd a kliknite dva krát alebo stlačte CtrlOrCmd + Enter pre editáciu bodov",
     "lineEditor_pointSelected": "Stačte Delete na vymazanie bodu (bodov), CtrlOrCmd+D na duplikovanie, alebo potiahnite na presunutie",
     "lineEditor_nothingSelected": "Zvoľte bod na upravovanie (podržte SHIFT pre zvolenie viacerých bodov) alebo podržte Alt a kliknite na pridanie nového bodu",
     "placeImage": "Kliknite pre umiestnenie obrázka alebo kliknite a ťahajte pre zmenu jeho veľkosti",
@@ -310,7 +311,9 @@
     "view": "Zobrazenie",
     "zoomToFit": "Priblížiť aby boli zahrnuté všetky prvky",
     "zoomToSelection": "Priblížiť na výber",
-    "toggleElementLock": "Zamknúť/odomknúť vybrané"
+    "toggleElementLock": "Zamknúť/odomknúť vybrané",
+    "movePageUpDown": "Posunúť stranu hore/dole",
+    "movePageLeftRight": "Posunúť stranu doľava/doprava"
   },
   "clearCanvasDialog": {
     "title": "Vyčistiť plátno"
@@ -391,7 +394,8 @@
     "fileSaved": "Súbor uložený.",
     "fileSavedToFilename": "Uložený ako {filename}",
     "canvas": "plátna",
-    "selection": "výberu"
+    "selection": "výberu",
+    "pasteAsSingleElement": "Použitím {{shortcut}} vložte ako samostatný prvok alebo vložte do existujúceho editovaného textu"
   },
   "colors": {
     "ffffff": "Biela",
@@ -439,5 +443,12 @@
     "5c940d": "Limetková 9",
     "e67700": "Žltá 9",
     "d9480f": "Oranžová 9"
+  },
+  "welcomeScreen": {
+    "data": "Všetky vaše dáta sú uložené lokálne vo vašom prehliadači.",
+    "switchToPlusApp": "Chceli ste namiesto toho prejsť do Excalidraw+?",
+    "menuHints": "Exportovanie, nastavenia, jazyky, ...",
+    "toolbarHints": "Zvoľte nástroj a začnite kresliť!",
+    "helpHints": "Klávesové skratky a pomocník"
   }
 }
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index a48f457d6..6aa698dbb 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Prilepi",
+    "pasteAsPlaintext": "Prilepi kot navadno besedilo",
     "pasteCharts": "Prilepi grafikone",
     "selectAll": "Izberi vse",
     "multiSelect": "Dodaj element v izbor",
@@ -71,7 +72,7 @@
     "layers": "Plasti",
     "actions": "Dejanja",
     "language": "Jezik",
-    "liveCollaboration": "Sodelovanje v živo",
+    "liveCollaboration": "Sodelovanje v živo...",
     "duplicateSelection": "Podvoji",
     "untitled": "Neimenovana",
     "name": "Ime",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Ponastavi platno",
     "exportJSON": "Izvozi v datoteko",
-    "exportImage": "Shrani kot sliko",
-    "export": "Izvoz",
+    "exportImage": "Izvozi sliko...",
+    "export": "Shrani v...",
     "exportToPng": "Izvozi v PNG",
     "exportToSvg": "Izvozi v SVG",
     "copyToClipboard": "Kopiraj v odložišče",
@@ -144,7 +145,7 @@
     "scale": "Povečava",
     "save": "Shrani v trenutno datoteko",
     "saveAs": "Shrani kot",
-    "load": "Naloži",
+    "load": "Odpri",
     "getShareableLink": "Pridobi povezavo za deljenje",
     "close": "Zapri",
     "selectLanguage": "Izberi jezik",
@@ -214,7 +215,7 @@
     "text": "Besedilo",
     "library": "Knjižnica",
     "lock": "Ohrani izbrano orodje aktivno po risanju",
-    "penMode": "Prepreči povečavo s prsti in dovoli samo risanje s peresom",
+    "penMode": "Način peresa - prepreči dotik",
     "link": "Dodaj/posodobi povezavo za izbrano obliko",
     "eraser": "Radirka"
   },
@@ -235,7 +236,7 @@
     "resize": "Razmerja lahko omejite tako, da držite tipko Shift med spreminjanjem velikosti. Držite tipko Alt, da spremenite velikost od središča",
     "resizeImage": "Velikost lahko prosto spreminjate tako, da držite tipko Shift. Držite tipko Alt, da spremenite velikost od središča",
     "rotate": "Kote lahko omejite tako, da med vrtenjem držite tipko Shift",
-    "lineEditor_info": "Dvokliknite ali pritisnite tipko Enter, da uredite točke",
+    "lineEditor_info": "Držite CtrlOrCmd in dvokliknite ali pritisnite CtrlOrCmd + Enter za urejanje točk",
     "lineEditor_pointSelected": "Pritisnite tipko Delete, da odstranite točko(e), CtrlOrCmd+D za podvojitev ali povlecite za premikanje",
     "lineEditor_nothingSelected": "Izberite točko za urejanje (pridržite tipko Shift za izbiro več točk), ali držite tipko Alt in kliknite za dodajanje novih točk",
     "placeImage": "Kliknite, da postavite sliko, ali kliknite in povlecite, da ročno nastavite njeno velikost",
@@ -310,7 +311,9 @@
     "view": "Pogled",
     "zoomToFit": "Približaj na vse elemente",
     "zoomToSelection": "Približaj na izbor",
-    "toggleElementLock": "Zakleni/odkleni izbor"
+    "toggleElementLock": "Zakleni/odkleni izbor",
+    "movePageUpDown": "Premakni stran gor/dol",
+    "movePageLeftRight": "Premakni stran levo/desno"
   },
   "clearCanvasDialog": {
     "title": "Počisti platno"
@@ -391,7 +394,8 @@
     "fileSaved": "Datoteka shranjena.",
     "fileSavedToFilename": "Shranjeno v {filename}",
     "canvas": "platno",
-    "selection": "izbor"
+    "selection": "izbor",
+    "pasteAsSingleElement": "Uporabite {{shortcut}}, da prilepite kot en element,\n ali prilepite v obstoječ urejevalnik besedil"
   },
   "colors": {
     "ffffff": "Bela",
@@ -439,5 +443,12 @@
     "5c940d": "Limeta 9",
     "e67700": "Rumena 9",
     "d9480f": "Oranžna 9"
+  },
+  "welcomeScreen": {
+    "data": "Vsi vaši podatki so shranjeni lokalno v vašem brskalniku.",
+    "switchToPlusApp": "Ste namesto tega želeli odpreti Excalidraw+?",
+    "menuHints": "Izvoz, nastavitve, jeziki, ...",
+    "toolbarHints": "Izberi orodje in začni z risanjem!",
+    "helpHints": "Bljižnice in pomoč"
   }
 }
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index f87b4c6ca..dda4e4b5e 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Klistra in",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Klistra in diagram",
     "selectAll": "Markera alla",
     "multiSelect": "Lägg till element till markering",
@@ -71,7 +72,7 @@
     "layers": "Lager",
     "actions": "Åtgärder",
     "language": "Språk",
-    "liveCollaboration": "Samarbeta live",
+    "liveCollaboration": "Samarbeta live...",
     "duplicateSelection": "Duplicera",
     "untitled": "Namnlös",
     "name": "Namn",
@@ -115,8 +116,8 @@
       "label": "Länk"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Redigera linje",
+      "exit": "Avsluta linjeredigerare"
     },
     "elementLock": {
       "lock": "Lås",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Återställ canvasen",
     "exportJSON": "Exportera till fil",
-    "exportImage": "Spara som bild",
-    "export": "Exportera",
+    "exportImage": "Exportera bild...",
+    "export": "Spara till...",
     "exportToPng": "Exportera till PNG",
     "exportToSvg": "Exportera till SVG",
     "copyToClipboard": "Kopiera till urklipp",
@@ -214,7 +215,7 @@
     "text": "Text",
     "library": "Bibliotek",
     "lock": "Håll valt verktyg aktivt efter ritande",
-    "penMode": "Förhindra nypzoom och acceptera endast frihandsteckning från penna",
+    "penMode": "Pennläge - förhindra touch",
     "link": "Lägg till / Uppdatera länk för en vald form",
     "eraser": "Radergummi"
   },
@@ -235,7 +236,7 @@
     "resize": "Du kan behålla proportioner genom att hålla SHIFT medan du ändrar storlek,\nhåller du ALT ändras storlek relativt mitten",
     "resizeImage": "Du kan ändra storlek fritt genom att hålla SHIFT,\nhåll ALT för att ändra storlek från mitten",
     "rotate": "Du kan begränsa vinklar genom att hålla SHIFT medan du roterar",
-    "lineEditor_info": "Dubbelklicka eller tryck på Enter för att redigera punkter",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Tryck på Ta bort för att ta bort punkt(er), Ctrl + D eller Cmd + D för att duplicera, eller dra för att flytta",
     "lineEditor_nothingSelected": "Välj en punkt att redigera (håll SHIFT för att välja flera),\neller håll ned Alt och klicka för att lägga till nya punkter",
     "placeImage": "Klicka för att placera bilden, eller klicka och dra för att ställa in dess storlek manuellt",
@@ -310,7 +311,9 @@
     "view": "Visa",
     "zoomToFit": "Zooma för att rymma alla element",
     "zoomToSelection": "Zooma till markering",
-    "toggleElementLock": "Lås/Lås upp valda"
+    "toggleElementLock": "Lås/Lås upp valda",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Rensa canvas"
@@ -391,7 +394,8 @@
     "fileSaved": "Fil sparad.",
     "fileSavedToFilename": "Sparad till {filename}",
     "canvas": "canvas",
-    "selection": "markering"
+    "selection": "markering",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Vit",
@@ -439,5 +443,12 @@
     "5c940d": "Limegrön 9",
     "e67700": "Gul 9",
     "d9480f": "Orange 9"
+  },
+  "welcomeScreen": {
+    "data": "All din data sparas lokalt i din webbläsare.",
+    "switchToPlusApp": "Ville du gå till Excalidraw+ istället?",
+    "menuHints": "Export, inställningar, språk, ...",
+    "toolbarHints": "Välj ett verktyg och börja rita!",
+    "helpHints": "Genvägar och hjälp"
   }
 }
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index dc53d32dd..92ed0adb5 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "ஒட்டு",
+    "pasteAsPlaintext": "",
     "pasteCharts": "விளக்கப்படங்களை ஒட்டு",
     "selectAll": "எல்லாம் தேர்ந்தெடு",
     "multiSelect": "உறுப்பைத் தெரிவில் சேர்",
@@ -71,7 +72,7 @@
     "layers": "அடுக்குகள்",
     "actions": "செயல்கள்",
     "language": "மொழி",
-    "liveCollaboration": "நேரடி கூட்டுப்பணி",
+    "liveCollaboration": "",
     "duplicateSelection": "நகலாக்கு",
     "untitled": "தலைப்பற்றது",
     "name": "பெயர்",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "கித்தானை அகரமாக்கு",
     "exportJSON": "கோப்புக்கு ஏற்றுமதிசெய்",
-    "exportImage": "படமாகச் சேமி",
-    "export": "ஏற்றுமதி",
+    "exportImage": "",
+    "export": "",
     "exportToPng": "PNGக்கு ஏற்றுமதிசெய்",
     "exportToSvg": "SVGக்கு ஏற்றுமதிசெய்",
     "copyToClipboard": "நகலகத்திற்கு நகலெடு",
@@ -144,7 +145,7 @@
     "scale": "அளவு",
     "save": "தற்போதைய கோப்புக்குச் சேமி",
     "saveAs": "இப்படி சேமி",
-    "load": "ஏற்று",
+    "load": "",
     "getShareableLink": "பகிரக்கூடிய தொடுப்பைப் பெறு",
     "close": "மூடு",
     "selectLanguage": "மொழியைத் தேர்ந்தெடு",
@@ -214,7 +215,7 @@
     "text": "உரை",
     "library": "நூலகம்",
     "lock": "தேர்ந்த கருவியை வரைந்த பின்பும் வைத்திரு",
-    "penMode": "கிள்ளிப்பெரிதாக்குவதைத் தவிர் மற்றும் பேனாவிலிருந்து மட்டும் கட்டற்றவரைவை ஏல்",
+    "penMode": "",
     "link": "தேர்தெடுத்த வடிவத்திற்குத் தொடுப்பைச் சேர்/ புதுப்பி",
     "eraser": "அழிப்பி"
   },
@@ -235,7 +236,7 @@
     "resize": "மறுஅளவிடுகையில் SHIFTஐ அழுத்திப்பிடித்து விகிதசமத்தை வற்புறுத்தலாம்,\nமையத்திலிருந்து மறுஅளவிட ALTஐ அழுத்திப்பிடி",
     "resizeImage": "SHIFTஐ நீண்டழுத்தி கட்டற்று அளவுமாற்றலாம்,\nமையத்திலிருந்து அளவுமாற்ற ALTஐ நீண்டழுத்துக",
     "rotate": "சுழற்றுகையில் SHIFTஐ அழுத்திப்பிடித்து கோணங்களை வற்புறுத்தலாம்",
-    "lineEditor_info": "புள்ளிகளைத் திருத்த இரு-சொடுக்கு அ Enterஐ அழுத்து",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "புள்ளி(கள்)ஐ நீக்க Deleteஐ அழுத்து,\nநகலாக்க CtrlOrCmd+D, அ நகர்த்த பிடித்திழு",
     "lineEditor_nothingSelected": "திருத்த புள்ளியைத் தேர்ந்தெடு (பலவற்றை தேர SHIFTஐ அழுத்திப்பிடி),\nஅ புதிய புள்ளிகளைச் சேர்க்க Altஐ அழுத்திப்பிடித்துச் சொடுக்கு",
     "placeImage": "படத்தை வைக்கச் சொடுக்கு, அ கைமுறையாக அளவு அமைக்க சொடுக்கி பிடித்திழு",
@@ -310,7 +311,9 @@
     "view": "பார்",
     "zoomToFit": "அனைத்துறுப்புகளும் பொருந்தும்படி விரிவாக்கு",
     "zoomToSelection": "தெரிவுக்கு விரிவாக்கு",
-    "toggleElementLock": "தேர்ந்தெடுப்பைப் பூட்டு/பூட்டவிழ்"
+    "toggleElementLock": "தேர்ந்தெடுப்பைப் பூட்டு/பூட்டவிழ்",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "கித்தானைத் துடை"
@@ -391,7 +394,8 @@
     "fileSaved": "கோப்பு சேமிக்கப்பட்டது.",
     "fileSavedToFilename": "{filename}-க்கு சேமிக்கப்பட்டது",
     "canvas": "கித்தான்",
-    "selection": "தெரிவு"
+    "selection": "தெரிவு",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "வெள்ளை",
@@ -439,5 +443,12 @@
     "5c940d": "தேசிக்காய்நிறம் 9",
     "e67700": "மஞ்சள் 9",
     "d9480f": "ஆரஞ்சு 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 6193fcefd..48d1dc24d 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Yapıştır",
+    "pasteAsPlaintext": "Düz metin olarak yapıştır",
     "pasteCharts": "Grafikleri yapıştır",
     "selectAll": "Tümünü seç",
     "multiSelect": "Seçime öge ekle",
@@ -71,7 +72,7 @@
     "layers": "Katmanlar",
     "actions": "Eylemler",
     "language": "Dil",
-    "liveCollaboration": "Canlı ortak çalışma alanı",
+    "liveCollaboration": "Canlı ortak çalışma alanı...",
     "duplicateSelection": "Çoğalt",
     "untitled": "Adsız",
     "name": "İsim",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Tuvali sıfırla",
     "exportJSON": "Dosyaya aktar",
-    "exportImage": "Görüntü olarak kaydet",
-    "export": "Dışa aktar",
+    "exportImage": "Resimleri dışa aktar...",
+    "export": "Şuraya kaydet...",
     "exportToPng": "PNG olarak dışa aktar",
     "exportToSvg": "SVG olarak dışa aktar",
     "copyToClipboard": "Panoya kopyala",
@@ -144,7 +145,7 @@
     "scale": "Ölçek",
     "save": "Geçerli dosyaya kaydet",
     "saveAs": "Farklı kaydet",
-    "load": "Yükle",
+    "load": "Aç",
     "getShareableLink": "Paylaşılabilir bağlantı al",
     "close": "Kapat",
     "selectLanguage": "Dil seçin",
@@ -214,7 +215,7 @@
     "text": "Yazı",
     "library": "Kütüphane",
     "lock": "Seçilen aracı çizimden sonra aktif tut",
-    "penMode": "Çift parmak sıkıştırmayı önle ve serbest çizimi yalnızca kalemle yap",
+    "penMode": "Kalem modu - dokunmayı engelle",
     "link": "Seçilen şekil için bağlantı Ekle/Güncelle",
     "eraser": "Silgi"
   },
@@ -235,7 +236,7 @@
     "resize": "Yeniden boyutlandırırken SHIFT tuşunu basılı tutarak oranları sınırlayabilirsiniz,\nmerkezden yeniden boyutlandırmak için ALT tuşunu basılı tutun",
     "resizeImage": "SHIFT'e basılı tutarak serbestçe yeniden boyutlandırabilirsiniz, merkezden yeniden boyutlandırmak için ALT tuşunu basılı tutun",
     "rotate": "Döndürürken SHIFT tuşuna basılı tutarak açıları koruyabilirsiniz",
-    "lineEditor_info": "Noktaları düzenlemek için çift-tıklayın veya Enter'a basın",
+    "lineEditor_info": "Puanları düzenlemek için ctrl veya cmd tuşuna basılı tutup çift tıklayın veya enter tuşuna basın",
     "lineEditor_pointSelected": "Sil tuşuna basarak noktaları silin,\nCtrl/Cmd + D ile çoğaltın, ya da sürükleyerek taşıyın",
     "lineEditor_nothingSelected": "Düzenlemek için bir nokta seçin (birden fazla seçmek için SHIFT tuşunu basılı tutun),\nveya Alt tuşunu basılı tutun ve yeni noktalar eklemek için tıklayın",
     "placeImage": "Resmi yerleştirmek için tıklayın ya da boyutunu manuel olarak ayarlamak için tıklayıp sürükleyin",
@@ -310,7 +311,9 @@
     "view": "Görünüm",
     "zoomToFit": "Tüm öğeleri sığdırmak için yakınlaştır",
     "zoomToSelection": "Seçime yakınlaş",
-    "toggleElementLock": "Seçimi Kilitle/çöz"
+    "toggleElementLock": "Seçimi Kilitle/çöz",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "Tuvali temizle"
@@ -391,7 +394,8 @@
     "fileSaved": "Dosya kaydedildi.",
     "fileSavedToFilename": "{filename} kaydedildi",
     "canvas": "tuval",
-    "selection": "seçim"
+    "selection": "seçim",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Beyaz",
@@ -439,5 +443,12 @@
     "5c940d": "Yeşil 9",
     "e67700": "Sarı 9",
     "d9480f": "Turuncu 9"
+  },
+  "welcomeScreen": {
+    "data": "Tüm veri internet gezgininize yerel olarak kaydedildi.",
+    "switchToPlusApp": "Excalidraw+ kullanmak ister miydiniz?",
+    "menuHints": "Dışa aktar, seçenkeler, diller, ...",
+    "toolbarHints": "Bir araç seçin & Çizime başlayın!",
+    "helpHints": "Kısayollar & yardım"
   }
 }
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index 2219d5749..bd04b9aae 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Вставити",
+    "pasteAsPlaintext": "Вставити як простий текст",
     "pasteCharts": "Вставити діаграми",
     "selectAll": "Вибрати все",
     "multiSelect": "Додати елемент до вибраного",
@@ -71,7 +72,7 @@
     "layers": "Шари",
     "actions": "Дії",
     "language": "Мова",
-    "liveCollaboration": "Спільна робота",
+    "liveCollaboration": "",
     "duplicateSelection": "Дублювати",
     "untitled": "Без назви",
     "name": "Ім’я",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "Очистити полотно",
     "exportJSON": "Експорт у файл",
-    "exportImage": "Зберегти як зображення",
-    "export": "Експортувати",
+    "exportImage": "Експорт зображення...",
+    "export": "Зберегти як...",
     "exportToPng": "Експортувати в PNG",
     "exportToSvg": "Експортувати в SVG",
     "copyToClipboard": "Скопіювати до буферу обміну",
@@ -144,7 +145,7 @@
     "scale": "Масштаб",
     "save": "Зберегти до поточного файлу",
     "saveAs": "Зберегти як",
-    "load": "Завантажити",
+    "load": "Відкрити",
     "getShareableLink": "Отримати посилання",
     "close": "Закрити",
     "selectLanguage": "Обрати мову",
@@ -214,7 +215,7 @@
     "text": "Текст",
     "library": "Бібліотека",
     "lock": "Залишити обраний інструмент після креслення",
-    "penMode": "Вимкнути масштабування через мультитач та малювати тільки з допомогою пера",
+    "penMode": "Режим пера - запобігання дотику",
     "link": "Додати/Оновити посилання для вибраної форми",
     "eraser": "Очищувач"
   },
@@ -235,7 +236,7 @@
     "resize": "Ви можете зберегти пропорції, утримуючи SHIFT під час зміни розміру,\nутримуйте ALT для змінення розміру від центру",
     "resizeImage": "Ви можете змінювати розміри утримуючи клавішу SHIFT, втримуйте клавішу ALT щоб змінювати розмір відносно центру",
     "rotate": "Ви можете обмежити кути, утримуючи SHIFT під час обертання",
-    "lineEditor_info": "Двічі клацніть або натисніть Enter щоб редагувати точки",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "Натисніть Delete для видалення точку (точок), або Ctrl/Cmd+D для дублювання, перетаскування працює як звично",
     "lineEditor_nothingSelected": "Виберіть точку для редагування (втримуйте клавішу SHIFT для вибору кількох точок), або клавішу Alt для додавання нових точок",
     "placeImage": "Клацніть, щоб розмістити зображення, або натисніть та потягніть щоб змінити його розмір",
@@ -310,7 +311,9 @@
     "view": "Вигляд",
     "zoomToFit": "Збільшити щоб умістити всі елементи",
     "zoomToSelection": "Наблизити вибране",
-    "toggleElementLock": "Заблокувати/розблокувати вибране"
+    "toggleElementLock": "Заблокувати/розблокувати вибране",
+    "movePageUpDown": "Пересунути сторінку вгору/вниз",
+    "movePageLeftRight": "Пересунути сторінку вліво/вправо"
   },
   "clearCanvasDialog": {
     "title": "Очистити полотно"
@@ -391,7 +394,8 @@
     "fileSaved": "Файл збережено.",
     "fileSavedToFilename": "Збережено в {filename}",
     "canvas": "полотно",
-    "selection": "виділення"
+    "selection": "виділення",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "Білий",
@@ -439,5 +443,12 @@
     "5c940d": "Лаймовий 9",
     "e67700": "Жовтий 9",
     "d9480f": "Помаранчевий 9"
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "Оберіть інструмент і почніть малювати!",
+    "helpHints": "Комбінації клавіш і допомога"
   }
 }
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 6918b3e57..d8049ce77 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "Dán",
+    "pasteAsPlaintext": "",
     "pasteCharts": "Dán biểu đồ",
     "selectAll": "Chọn tất cả",
     "multiSelect": "Thêm mới vào Select",
@@ -44,7 +45,7 @@
     "exportEmbedScene": "",
     "exportEmbedScene_details": "",
     "addWatermark": "Làm với Excalidraw\"",
-    "handDrawn": "",
+    "handDrawn": "Vẽ tay",
     "normal": "Bình thường",
     "code": "Mã",
     "small": "Nhỏ",
@@ -52,34 +53,34 @@
     "large": "Lớn",
     "veryLarge": "Rất lớn",
     "solid": "Đặc",
-    "hachure": "",
-    "crossHatch": "",
+    "hachure": "Nét gạch gạch",
+    "crossHatch": "Nét gạch chéo",
     "thin": "Mỏng",
     "bold": "In đậm",
     "left": "Trái",
     "center": "Giữa",
     "right": "Phải",
     "extraBold": "",
-    "architect": "",
-    "artist": "",
-    "cartoonist": "",
+    "architect": "Kiến trúc sư",
+    "artist": "Nghệ sỹ",
+    "cartoonist": "Hoạt hình",
     "fileTitle": "",
-    "colorPicker": "",
+    "colorPicker": "Chọn màu",
     "canvasColors": "",
     "canvasBackground": "",
     "drawingCanvas": "",
-    "layers": "",
-    "actions": "",
-    "language": "",
+    "layers": "Lớp",
+    "actions": "Chức năng",
+    "language": "Ngôn ngữ",
     "liveCollaboration": "",
-    "duplicateSelection": "",
-    "untitled": "",
-    "name": "",
-    "yourName": "",
+    "duplicateSelection": "Tạo bản sao",
+    "untitled": "Không có tiêu đề",
+    "name": "Tên",
+    "yourName": "Tên của bạn",
     "madeWithExcalidraw": "Làm với Excalidraw",
     "group": "",
     "ungroup": "",
-    "collaborators": "",
+    "collaborators": "Cộng tác viên",
     "showGrid": "",
     "addToLibrary": "",
     "removeFromLibrary": "",
@@ -310,7 +311,9 @@
     "view": "",
     "zoomToFit": "",
     "zoomToSelection": "",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "",
-    "selection": ""
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 20b26be53..20a10765a 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "粘贴",
+    "pasteAsPlaintext": "",
     "pasteCharts": "粘贴图表",
     "selectAll": "全部选中",
     "multiSelect": "添加元素到选区",
@@ -45,12 +46,12 @@
     "exportEmbedScene_details": "画布数据将被保存到导出的 PNG/SVG 文件，以便恢复。\n将会增加导出的文件大小。",
     "addWatermark": "添加 “使用 Excalidraw 创建” 水印",
     "handDrawn": "手写",
-    "normal": "正常",
+    "normal": "普通",
     "code": "代码",
-    "small": "小号",
-    "medium": "中等",
-    "large": "大号",
-    "veryLarge": "极大",
+    "small": "小",
+    "medium": "中",
+    "large": "大",
+    "veryLarge": "加大",
     "solid": "实心",
     "hachure": "线条",
     "crossHatch": "交叉线条",
@@ -71,7 +72,7 @@
     "layers": "图层",
     "actions": "操作",
     "language": "语言",
-    "liveCollaboration": "实时协作",
+    "liveCollaboration": "实时协作...",
     "duplicateSelection": "复制",
     "untitled": "无标题",
     "name": "名字",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "重置画布",
     "exportJSON": "导出为文件",
-    "exportImage": "保存为图像",
-    "export": "导出",
+    "exportImage": "导出图片...",
+    "export": "保存到...",
     "exportToPng": "导出为 PNG",
     "exportToSvg": "导出为 SVG",
     "copyToClipboard": "复制到剪贴板",
@@ -144,7 +145,7 @@
     "scale": "缩放",
     "save": "保存至当前文件",
     "saveAs": "保存为",
-    "load": "载入文件",
+    "load": "打开",
     "getShareableLink": "获取共享链接",
     "close": "关闭",
     "selectLanguage": "选择语言",
@@ -214,7 +215,7 @@
     "text": "文字",
     "library": "素材库",
     "lock": "绘制后保持所选的工具栏状态",
-    "penMode": "禁用手势缩放并只接收来自触控笔的输入",
+    "penMode": "笔模式 – 避免误触",
     "link": "为选中的形状添加/更新链接",
     "eraser": "橡皮"
   },
@@ -235,7 +236,7 @@
     "resize": "您可以按住SHIFT来限制比例大小，\n按住ALT来调整中心大小",
     "resizeImage": "按住SHIFT可以自由缩放，\n按住ALT可以从中间缩放",
     "rotate": "旋转时可以按住 Shift 来约束角度",
-    "lineEditor_info": "双击或按回车键编辑",
+    "lineEditor_info": "",
     "lineEditor_pointSelected": "按下 Delete 移除点，Ctrl 或 Cmd+D 以复制，拖动以移动",
     "lineEditor_nothingSelected": "选择要编辑的点 (按住 SHIFT 选择多个)，\n或按住 Alt 并点击以添加新点",
     "placeImage": "点击放置图像，或者点击并拖动以手动设置图像大小",
@@ -310,7 +311,9 @@
     "view": "视图",
     "zoomToFit": "缩放以适应所有元素",
     "zoomToSelection": "缩放到选区",
-    "toggleElementLock": "锁定/解锁"
+    "toggleElementLock": "锁定/解锁",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": "清除画布"
@@ -391,7 +394,8 @@
     "fileSaved": "文件已保存。",
     "fileSavedToFilename": "保存到 {filename}",
     "canvas": "画布",
-    "selection": "选择项"
+    "selection": "选择项",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "白",
@@ -439,5 +443,12 @@
     "5c940d": "柠檬绿 9",
     "e67700": "黄 9",
     "d9480f": "橙 9"
+  },
+  "welcomeScreen": {
+    "data": "您的所有数据都储存在浏览器本地。",
+    "switchToPlusApp": "是否前往 Excalidraw+ ？",
+    "menuHints": "导出、首选项、语言...",
+    "toolbarHints": "选择工具并开始绘图！",
+    "helpHints": "快捷键和帮助"
   }
 }
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index aa7c1e609..84245a508 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "貼上",
+    "pasteAsPlaintext": "",
     "pasteCharts": "貼上圖表",
     "selectAll": "全選",
     "multiSelect": "多重選取",
@@ -71,7 +72,7 @@
     "layers": "圖層",
     "actions": "動作",
     "language": "🌏 語言",
-    "liveCollaboration": "多人連線",
+    "liveCollaboration": "",
     "duplicateSelection": "製作副本",
     "untitled": "未命名的作品",
     "name": "",
@@ -310,7 +311,9 @@
     "view": "",
     "zoomToFit": "",
     "zoomToSelection": "",
-    "toggleElementLock": ""
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
     "title": ""
@@ -391,7 +394,8 @@
     "fileSaved": "",
     "fileSavedToFilename": "",
     "canvas": "畫布",
-    "selection": ""
+    "selection": "",
+    "pasteAsSingleElement": ""
   },
   "colors": {
     "ffffff": "",
@@ -439,5 +443,12 @@
     "5c940d": "",
     "e67700": "",
     "d9480f": ""
+  },
+  "welcomeScreen": {
+    "data": "",
+    "switchToPlusApp": "",
+    "menuHints": "",
+    "toolbarHints": "",
+    "helpHints": ""
   }
 }
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 0504c783a..3ba59d5c7 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -1,6 +1,7 @@
 {
   "labels": {
     "paste": "貼上",
+    "pasteAsPlaintext": "以純文字貼上",
     "pasteCharts": "貼上圖表",
     "selectAll": "全選",
     "multiSelect": "將物件加入選取範圍",
@@ -71,7 +72,7 @@
     "layers": "圖層",
     "actions": "動作",
     "language": "語言",
-    "liveCollaboration": "即時協作",
+    "liveCollaboration": "即時協作...",
     "duplicateSelection": "複製",
     "untitled": "無標題",
     "name": "名稱",
@@ -135,8 +136,8 @@
   "buttons": {
     "clearReset": "重置 canvas",
     "exportJSON": "匯出至檔案",
-    "exportImage": "另存為圖片",
-    "export": "輸出",
+    "exportImage": "匯出圖片",
+    "export": "儲存至...",
     "exportToPng": "輸出成 PNG",
     "exportToSvg": "輸出成 SVG",
     "copyToClipboard": "複製至剪貼簿",
@@ -144,7 +145,7 @@
     "scale": "縮放比例",
     "save": "儲存目前檔案",
     "saveAs": "儲存為",
-    "load": "載入",
+    "load": "開啟",
     "getShareableLink": "取得共享連結",
     "close": "關閉",
     "selectLanguage": "選擇語言",
@@ -214,7 +215,7 @@
     "text": "文字",
     "library": "資料庫",
     "lock": "可連續使用選取的工具",
-    "penMode": "停止使用手勢縮放並接受以繪圖筆繪圖輸入",
+    "penMode": "筆模式 - 避免觸摸",
     "link": "為所選的形狀增加\b/更新連結",
     "eraser": "橡皮擦"
   },
@@ -235,7 +236,7 @@
     "resize": "縮放時按住 Shift 可保持原比例縮放；\\n按住 Alt 可由中心點進行縮放",
     "resizeImage": "按住 SHIFT 可任意縮放，按住 ALT 可由中央縮放。",
     "rotate": "旋轉時按住 Shift 可限制旋轉角度",
-    "lineEditor_info": "雙擊滑鼠左鍵或按 Enter 來編輯控制點",
+    "lineEditor_info": "按住 Ctrl 或 Cmd 並雙擊或按住 Ctrl 或 Cmd + Enter 來編輯控制點",
     "lineEditor_pointSelected": "按下 Delete 可移除錨點；Ctrl 或 Cmd + D 可複製；或可拖曳來移動",
     "lineEditor_nothingSelected": "選擇要編輯的錨點（按住 SHIFT 可多選），\n或按住 Alt 並點擊以增加新錨點。",
     "placeImage": "點擊以放置圖片，或點擊並拖曳以手動調整其尺寸。",
@@ -310,7 +311,9 @@
     "view": "檢視",
     "zoomToFit": "放大至填滿畫面",
     "zoomToSelection": "縮放至選取區",
-    "toggleElementLock": "鎖定/解鎖已選的項目"
+    "toggleElementLock": "鎖定/解鎖已選的項目",
+    "movePageUpDown": "向上/下移動頁面",
+    "movePageLeftRight": "向左/右移動頁面"
   },
   "clearCanvasDialog": {
     "title": "清除畫布"
@@ -391,7 +394,8 @@
     "fileSaved": "已儲存檔案。",
     "fileSavedToFilename": "儲存為 {filename}",
     "canvas": "畫布",
-    "selection": "已選項目"
+    "selection": "已選項目",
+    "pasteAsSingleElement": "使用 {{shortcut}} 以做為單一物件貼上，\n或貼上至現有的文字編輯器"
   },
   "colors": {
     "ffffff": "白",
@@ -439,5 +443,12 @@
     "5c940d": "黃綠 9",
     "e67700": "黃 9",
     "d9480f": "橘 9"
+  },
+  "welcomeScreen": {
+    "data": "您的所有資料都儲存在本機瀏覽器。",
+    "switchToPlusApp": "您是否是要前往 Excalidraw+ ？",
+    "menuHints": "輸出、偏好設定、語言...",
+    "toolbarHints": "選個工具開始畫圖吧！",
+    "helpHints": "快速鍵與說明"
   }
 }
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index 2fbca5345..7645cc706 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -504,6 +504,11 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
           >
             Français
           </option>
+          <option
+            value="gl-ES"
+          >
+            Galego
+          </option>
           <option
             value="it-IT"
           >
@@ -629,11 +634,6 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
           >
             मराठी
           </option>
-          <option
-            value="pa-IN"
-          >
-            ਪੰਜਾਬੀ
-          </option>
           <option
             value="ja-JP"
           >
@@ -1210,6 +1210,11 @@ exports[`<Excalidraw/> Test UIOptions prop should not hide any UI element when t
           >
             Français
           </option>
+          <option
+            value="gl-ES"
+          >
+            Galego
+          </option>
           <option
             value="it-IT"
           >
@@ -1335,11 +1340,6 @@ exports[`<Excalidraw/> Test UIOptions prop should not hide any UI element when t
           >
             मराठी
           </option>
-          <option
-            value="pa-IN"
-          >
-            ਪੰਜਾਬੀ
-          </option>
           <option
             value="ja-JP"
           >

From 9230c8f4d2b724091fecdebf42802d55fe3d8052 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 2 Jan 2023 21:21:57 +0100
Subject: [PATCH 016/252] fix: remove ga from docker build (#6059)

* fix: remove ga from docker build

* lint

* fix debug
---
 package.json      | 2 +-
 public/index.html | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 2923ddd54..9f5c46ab9 100644
--- a/package.json
+++ b/package.json
@@ -103,7 +103,7 @@
   "private": true,
   "scripts": {
     "build-node": "node ./scripts/build-node.js",
-    "build:app:docker": "REACT_APP_DISABLE_SENTRY=true react-scripts build",
+    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true react-scripts build",
     "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build",
     "build:version": "node ./scripts/build-version.js",
     "build": "yarn build:app && yarn build:version",
diff --git a/public/index.html b/public/index.html
index e065e6700..599813861 100644
--- a/public/index.html
+++ b/public/index.html
@@ -146,7 +146,8 @@
       // setting this so that libraries installation reuses this window tab.
       window.name = "_excalidraw";
     </script>
-    <% if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %>
+    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true' &&
+    process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %>
     <script
       async
       src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_GOOGLE_ANALYTICS_ID%"

From 08afb857c360b9f43c2d97bbeae7b5aeb720aa7c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 2 Jan 2023 23:53:51 +0100
Subject: [PATCH 017/252] fix: show error message on collab save failure
 (#6063)

* fix: show error message on collab save failure

* comment
---
 src/excalidraw-app/collab/Collab.tsx | 6 ++++++
 src/locales/en.json                  | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 58f3a8905..4f98f58fd 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -242,6 +242,12 @@ class Collab extends PureComponent<Props, CollabState> {
         );
       }
     } catch (error: any) {
+      this.setState({
+        // firestore doesn't return a specific error code when size exceeded
+        errorMessage: /is longer than.*?bytes/.test(error.message)
+          ? t("errors.collabSaveFailed_sizeExceeded")
+          : t("errors.collabSaveFailed"),
+      });
       console.error(error);
     }
   };
diff --git a/src/locales/en.json b/src/locales/en.json
index f4afc5df0..50424c3fd 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -202,7 +202,9 @@
     "svgImageInsertError": "Couldn't insert SVG image. The SVG markup looks invalid.",
     "invalidSVGString": "Invalid SVG.",
     "cannotResolveCollabServer": "Couldn't connect to the collab server. Please reload the page and try again.",
-    "importLibraryError": "Couldn't load library"
+    "importLibraryError": "Couldn't load library",
+    "collabSaveFailed": "Couldn't save to the backend database. If problems persist, you should save your file locally to ensure you don't lose your work.",
+    "collabSaveFailed_sizeExceeded": "Couldn't save to the backend database, the canvas seems to be too big. You should save the file locally to ensure you don't lose your work."
   },
   "toolBar": {
     "selection": "Selection",

From 8420aecb34f59027f5b2f1118240a1ab6f967150 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 5 Jan 2023 22:04:23 +0530
Subject: [PATCH 018/252] feat: new Menu Component API (#6034)

* feat: new Menu Component API

* allow valid children types

* introduce menu group to group items

* Add lang footer

* use display name

* displayName

* define types inside

* fix default menu

* add json export to menu

* fix

* simplify expression

* put open menu into own compo to optimize perf

So that we don't rerun `useOutsideClickHook` (and rebind event listeners
all the time)

* naming tweaks

* rename MenuComponents->MenuDefaultItems and export default items from Menu.Items

* import Menu.scss in Menu.tsx

* move menu scss to excal app

* Don't filter children inside menu group

* move E+ out of socials

* support style prop for MenuItem and MenuGroup

* Support header in menu group and add Excalidraw links header for default items in social section

* rename header to title

* fix padding for lang

* render menu in mobile

* review fixes

* tweaks

* Export collaborators and show in mobile menu

* revert .env

* lint :p

* again lint

* show correct actions in view mode for mobile

* Whitelist Collaborators Comp

* mobile styling

* padding

* don't show nerds when menu open in mobile

* lint :(

* hide shortcuts

* refactor userlist to support mobile and keep a wrapper comp for excal app

* use only UserList

* render only on mobile for default items

* remove unused hooks

* Show collab button in menu when onCollabButtonClick present and hide export when UIOptions.canvasActions.export is false

* fix tests

* lint

* inject userlist inside menu on mobile

* revert userlist

* move menu socials to default menu

* fix collab

* use meny in library

* Make Menu generic and create hamburgemenu for public excal menu and use menu in library as well

* use appState.openMenu for mobile

* fix tests

* styling fixes and support style and class name in menu content

* fix test

* rename MenuDefaultItems->DefaultItems

* move footer css to its own comp

* rename HamburgerMenu -> MainMenu

* rename menu -> dropdownMenu and update classes, onClick->onToggle

* close main menu when dialog closes

* by bye filtering

* update docs

* fix lint

* update example, docs for useDevice and footer in mobile, rename menu ->DropDownMenu everywhere

* spec

* remove isMenuOpenAtom and set openMenu as canvas for main menu, render decreases in specs :)

* [temp] remove cyclic depenedency to fix build

* hack- update appstate to sync lang change

* Add more specs

* wip: rewrite MainMenu footer

* fix margin

* fix snaps

* not needed as lang list no more imported

* simplify custom footer rendering

* Add DropdownMenuItemLink and DropdownMenuItemCustom and update API, docs

* fix `MainMenu.ItemCustom`

* naming

* use onSelect and base class for custom items

* fix lint

* fix snap

* use custom item for lang

* update docs

* fix

* properly use `MainMenu.ItemCustom` for `LanguageList`

* add margin top to custom items

* flex

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionCanvas.tsx                  |   22 +-
 src/actions/actionExport.tsx                  |   24 +-
 src/actions/actionMenu.tsx                    |   12 +-
 src/components/ActiveFile.tsx                 |   10 +-
 src/components/App.tsx                        |  149 +-
 src/components/ClearCanvas.tsx                |   12 +-
 src/components/CollabButton.tsx               |   13 +-
 src/components/ConfirmDialog.tsx              |   17 +-
 src/components/Dialog.tsx                     |   16 +-
 src/components/JSONExportDialog.tsx           |   23 +-
 src/components/LayerUI.scss                   |   10 -
 src/components/LayerUI.tsx                    |  143 +-
 src/components/LibraryMenu.scss               |   23 +
 src/components/LibraryMenuHeaderContent.tsx   |  158 +-
 src/components/Menu.scss                      |   85 --
 src/components/MenuItem.tsx                   |   37 -
 src/components/MenuUtils.tsx                  |   53 -
 src/components/MobileMenu.tsx                 |   94 +-
 src/components/Sidebar/Sidebar.scss           |   18 -
 src/components/UserList.tsx                   |   28 +-
 src/components/WelcomeScreen.tsx              |   18 +-
 src/components/dropdownMenu/DropdownMenu.scss |  127 ++
 src/components/dropdownMenu/DropdownMenu.tsx  |   43 +
 .../dropdownMenu/DropdownMenuContent.tsx      |   51 +
 .../dropdownMenu/DropdownMenuGroup.tsx        |   23 +
 .../dropdownMenu/DropdownMenuItem.tsx         |   45 +
 .../dropdownMenu/DropdownMenuItemContent.tsx  |   23 +
 .../dropdownMenu/DropdownMenuItemCustom.tsx   |   23 +
 .../dropdownMenu/DropdownMenuItemLink.tsx     |   42 +
 .../dropdownMenu/DropdownMenuSeparator.tsx    |   14 +
 .../dropdownMenu/DropdownMenuTrigger.tsx      |   37 +
 .../dropdownMenu/dropdownMenuUtils.ts         |   35 +
 src/components/footer/Footer.tsx              |    9 +-
 src/components/footer/FooterCenter.scss       |   10 +
 src/components/footer/FooterCenter.tsx        |    3 +-
 src/components/mainMenu/DefaultItems.tsx      |  174 +++
 src/components/mainMenu/MainMenu.tsx          |   56 +
 src/css/styles.scss                           |   14 +
 .../components/LanguageList.tsx               |   32 +-
 src/excalidraw-app/index.scss                 |   24 +-
 src/excalidraw-app/index.tsx                  |   45 +-
 src/packages/excalidraw/CHANGELOG.md          |    2 +
 src/packages/excalidraw/README.md             |  236 +++
 src/packages/excalidraw/example/App.scss      |    5 -
 src/packages/excalidraw/example/App.tsx       |   92 +-
 .../excalidraw/example/CustomFooter.tsx       |   65 +
 .../excalidraw/example/MobileFooter.tsx       |   20 +
 src/packages/excalidraw/index.tsx             |    3 +
 .../regressionTests.test.tsx.snap             |    4 +-
 .../__snapshots__/excalidraw.test.tsx.snap    | 1294 +++--------------
 src/tests/packages/excalidraw.test.tsx        |  259 ++--
 src/tests/regressionTests.test.tsx            |    2 +-
 src/tests/test-utils.ts                       |    6 +
 src/types.ts                                  |    4 +-
 54 files changed, 1876 insertions(+), 1911 deletions(-)
 delete mode 100644 src/components/Menu.scss
 delete mode 100644 src/components/MenuItem.tsx
 delete mode 100644 src/components/MenuUtils.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenu.scss
 create mode 100644 src/components/dropdownMenu/DropdownMenu.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuContent.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuGroup.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuItem.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuItemContent.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuItemCustom.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuItemLink.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuSeparator.tsx
 create mode 100644 src/components/dropdownMenu/DropdownMenuTrigger.tsx
 create mode 100644 src/components/dropdownMenu/dropdownMenuUtils.ts
 create mode 100644 src/components/footer/FooterCenter.scss
 create mode 100644 src/components/mainMenu/DefaultItems.tsx
 create mode 100644 src/components/mainMenu/MainMenu.tsx
 create mode 100644 src/packages/excalidraw/example/CustomFooter.tsx
 create mode 100644 src/packages/excalidraw/example/MobileFooter.tsx

diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index 0a83be530..acfee4724 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -23,7 +23,7 @@ import { newElementWith } from "../element/mutateElement";
 import { getDefaultAppState, isEraserActive } from "../appState";
 import ClearCanvas from "../components/ClearCanvas";
 import clsx from "clsx";
-import MenuItem from "../components/MenuItem";
+import DropdownMenuItem from "../components/dropdownMenu/DropdownMenuItem";
 import { getShortcutFromShortcutName } from "./shortcuts";
 
 export const actionChangeViewBackgroundColor = register({
@@ -299,19 +299,23 @@ export const actionToggleTheme = register({
     };
   },
   PanelComponent: ({ appState, updateData }) => (
-    <MenuItem
-      label={
-        appState.theme === "dark"
-          ? t("buttons.lightMode")
-          : t("buttons.darkMode")
-      }
-      onClick={() => {
+    <DropdownMenuItem
+      onSelect={() => {
         updateData(appState.theme === THEME.LIGHT ? THEME.DARK : THEME.LIGHT);
       }}
       icon={appState.theme === "dark" ? SunIcon : MoonIcon}
       dataTestId="toggle-dark-mode"
       shortcut={getShortcutFromShortcutName("toggleTheme")}
-    />
+      ariaLabel={
+        appState.theme === "dark"
+          ? t("buttons.lightMode")
+          : t("buttons.darkMode")
+      }
+    >
+      {appState.theme === "dark"
+        ? t("buttons.lightMode")
+        : t("buttons.darkMode")}
+    </DropdownMenuItem>
   ),
   keyTest: (event) => event.altKey && event.shiftKey && event.code === CODES.D,
 });
diff --git a/src/actions/actionExport.tsx b/src/actions/actionExport.tsx
index fc91425d1..e0f6c95fa 100644
--- a/src/actions/actionExport.tsx
+++ b/src/actions/actionExport.tsx
@@ -19,7 +19,7 @@ import { ActiveFile } from "../components/ActiveFile";
 import { isImageFileHandle } from "../data/blob";
 import { nativeFileSystemSupported } from "../data/filesystem";
 import { Theme } from "../element/types";
-import MenuItem from "../components/MenuItem";
+import DropdownMenuItem from "../components/dropdownMenu/DropdownMenuItem";
 import { getShortcutFromShortcutName } from "./shortcuts";
 
 export const actionChangeProjectName = register({
@@ -247,15 +247,19 @@ export const actionLoadScene = register({
     }
   },
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.O,
-  PanelComponent: ({ updateData }) => (
-    <MenuItem
-      label={t("buttons.load")}
-      icon={LoadIcon}
-      onClick={updateData}
-      dataTestId="load-button"
-      shortcut={getShortcutFromShortcutName("loadScene")}
-    />
-  ),
+  PanelComponent: ({ updateData }) => {
+    return (
+      <DropdownMenuItem
+        icon={LoadIcon}
+        onSelect={updateData}
+        dataTestId="load-button"
+        shortcut={getShortcutFromShortcutName("loadScene")}
+        ariaLabel={t("buttons.load")}
+      >
+        {t("buttons.load")}
+      </DropdownMenuItem>
+    );
+  },
 });
 
 export const actionExportWithDarkMode = register({
diff --git a/src/actions/actionMenu.tsx b/src/actions/actionMenu.tsx
index 769fd06d3..f03371281 100644
--- a/src/actions/actionMenu.tsx
+++ b/src/actions/actionMenu.tsx
@@ -6,7 +6,7 @@ import { register } from "./register";
 import { allowFullScreen, exitFullScreen, isFullScreen } from "../utils";
 import { KEYS } from "../keys";
 import { HelpButton } from "../components/HelpButton";
-import MenuItem from "../components/MenuItem";
+import DropdownMenuItem from "../components/dropdownMenu/DropdownMenuItem";
 
 export const actionToggleCanvasMenu = register({
   name: "toggleCanvasMenu",
@@ -90,13 +90,15 @@ export const actionShortcuts = register({
   },
   PanelComponent: ({ updateData, isInHamburgerMenu }) =>
     isInHamburgerMenu ? (
-      <MenuItem
-        label={t("helpDialog.title")}
+      <DropdownMenuItem
         dataTestId="help-menu-item"
         icon={HelpIcon}
-        onClick={updateData}
+        onSelect={updateData}
         shortcut="?"
-      />
+        ariaLabel={t("helpDialog.title")}
+      >
+        {t("helpDialog.title")}
+      </DropdownMenuItem>
     ) : (
       <HelpButton title={t("helpDialog.title")} onClick={updateData} />
     ),
diff --git a/src/components/ActiveFile.tsx b/src/components/ActiveFile.tsx
index d6e7c8fa4..ac9ee89bb 100644
--- a/src/components/ActiveFile.tsx
+++ b/src/components/ActiveFile.tsx
@@ -5,7 +5,7 @@ import { save } from "../components/icons";
 import { t } from "../i18n";
 
 import "./ActiveFile.scss";
-import MenuItem from "./MenuItem";
+import DropdownMenuItem from "./dropdownMenu/DropdownMenuItem";
 
 type ActiveFileProps = {
   fileName?: string;
@@ -13,11 +13,11 @@ type ActiveFileProps = {
 };
 
 export const ActiveFile = ({ fileName, onSave }: ActiveFileProps) => (
-  <MenuItem
-    label={`${t("buttons.save")}`}
+  <DropdownMenuItem
     shortcut={getShortcutFromShortcutName("saveScene")}
     dataTestId="save-button"
-    onClick={onSave}
+    onSelect={onSave}
     icon={save}
-  />
+    ariaLabel={`${t("buttons.save")}`}
+  >{`${t("buttons.save")}`}</DropdownMenuItem>
 );
diff --git a/src/components/App.tsx b/src/components/App.tsx
index e058d36c9..c0275dbf2 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -272,13 +272,9 @@ import {
   isLocalLink,
 } from "../element/Hyperlink";
 import { shouldShowBoundingBox } from "../element/transformHandles";
-import { atom } from "jotai";
 import { Fonts } from "../scene/Fonts";
 import { actionPaste } from "../actions/actionClipboard";
 
-export const isMenuOpenAtom = atom(false);
-export const isDropdownOpenAtom = atom(false);
-
 const deviceContextInitialValue = {
   isSmScreen: false,
   isMobile: false,
@@ -289,7 +285,7 @@ const DeviceContext = React.createContext<Device>(deviceContextInitialValue);
 DeviceContext.displayName = "DeviceContext";
 export const useDevice = () => useContext<Device>(DeviceContext);
 
-const ExcalidrawContainerContext = React.createContext<{
+export const ExcalidrawContainerContext = React.createContext<{
   container: HTMLDivElement | null;
   id: string | null;
 }>({ container: null, id: null });
@@ -316,12 +312,19 @@ const ExcalidrawSetAppStateContext = React.createContext<
 >(() => {});
 ExcalidrawSetAppStateContext.displayName = "ExcalidrawSetAppStateContext";
 
+const ExcalidrawActionManagerContext = React.createContext<
+  ActionManager | { renderAction: ActionManager["renderAction"] }
+>({ renderAction: () => null });
+ExcalidrawActionManagerContext.displayName = "ExcalidrawActionManagerContext";
+
 export const useExcalidrawElements = () =>
   useContext(ExcalidrawElementsContext);
 export const useExcalidrawAppState = () =>
   useContext(ExcalidrawAppStateContext);
 export const useExcalidrawSetAppState = () =>
   useContext(ExcalidrawSetAppStateContext);
+export const useExcalidrawActionManager = () =>
+  useContext(ExcalidrawActionManagerContext);
 
 let didTapTwice: boolean = false;
 let tappedTwiceTimer = 0;
@@ -559,75 +562,79 @@ class App extends React.Component<AppProps, AppState> {
                 <ExcalidrawElementsContext.Provider
                   value={this.scene.getNonDeletedElements()}
                 >
-                  <LayerUI
-                    canvas={this.canvas}
-                    appState={this.state}
-                    files={this.files}
-                    setAppState={this.setAppState}
-                    actionManager={this.actionManager}
-                    elements={this.scene.getNonDeletedElements()}
-                    onCollabButtonClick={onCollabButtonClick}
-                    onLockToggle={this.toggleLock}
-                    onPenModeToggle={this.togglePenMode}
-                    onInsertElements={(elements) =>
-                      this.addElementsFromPasteOrLibrary({
-                        elements,
-                        position: "center",
-                        files: null,
-                      })
-                    }
-                    langCode={getLanguage().code}
-                    isCollaborating={this.props.isCollaborating}
-                    renderTopRightUI={renderTopRightUI}
-                    renderCustomStats={renderCustomStats}
-                    renderCustomSidebar={this.props.renderSidebar}
-                    showExitZenModeBtn={
-                      typeof this.props?.zenModeEnabled === "undefined" &&
-                      this.state.zenModeEnabled
-                    }
-                    libraryReturnUrl={this.props.libraryReturnUrl}
-                    UIOptions={this.props.UIOptions}
-                    focusContainer={this.focusContainer}
-                    library={this.library}
-                    id={this.id}
-                    onImageAction={this.onImageAction}
-                    renderWelcomeScreen={
-                      this.state.showWelcomeScreen &&
-                      this.state.activeTool.type === "selection" &&
-                      !this.scene.getElementsIncludingDeleted().length
-                    }
+                  <ExcalidrawActionManagerContext.Provider
+                    value={this.actionManager}
                   >
-                    {this.props.children}
-                  </LayerUI>
-                  <div className="excalidraw-textEditorContainer" />
-                  <div className="excalidraw-contextMenuContainer" />
-                  {selectedElement.length === 1 &&
-                    !this.state.contextMenu &&
-                    this.state.showHyperlinkPopup && (
-                      <Hyperlink
-                        key={selectedElement[0].id}
-                        element={selectedElement[0]}
-                        setAppState={this.setAppState}
-                        onLinkOpen={this.props.onLinkOpen}
+                    <LayerUI
+                      canvas={this.canvas}
+                      appState={this.state}
+                      files={this.files}
+                      setAppState={this.setAppState}
+                      actionManager={this.actionManager}
+                      elements={this.scene.getNonDeletedElements()}
+                      onCollabButtonClick={onCollabButtonClick}
+                      onLockToggle={this.toggleLock}
+                      onPenModeToggle={this.togglePenMode}
+                      onInsertElements={(elements) =>
+                        this.addElementsFromPasteOrLibrary({
+                          elements,
+                          position: "center",
+                          files: null,
+                        })
+                      }
+                      langCode={getLanguage().code}
+                      isCollaborating={this.props.isCollaborating}
+                      renderTopRightUI={renderTopRightUI}
+                      renderCustomStats={renderCustomStats}
+                      renderCustomSidebar={this.props.renderSidebar}
+                      showExitZenModeBtn={
+                        typeof this.props?.zenModeEnabled === "undefined" &&
+                        this.state.zenModeEnabled
+                      }
+                      libraryReturnUrl={this.props.libraryReturnUrl}
+                      UIOptions={this.props.UIOptions}
+                      focusContainer={this.focusContainer}
+                      library={this.library}
+                      id={this.id}
+                      onImageAction={this.onImageAction}
+                      renderWelcomeScreen={
+                        this.state.showWelcomeScreen &&
+                        this.state.activeTool.type === "selection" &&
+                        !this.scene.getElementsIncludingDeleted().length
+                      }
+                    >
+                      {this.props.children}
+                    </LayerUI>
+                    <div className="excalidraw-textEditorContainer" />
+                    <div className="excalidraw-contextMenuContainer" />
+                    {selectedElement.length === 1 &&
+                      !this.state.contextMenu &&
+                      this.state.showHyperlinkPopup && (
+                        <Hyperlink
+                          key={selectedElement[0].id}
+                          element={selectedElement[0]}
+                          setAppState={this.setAppState}
+                          onLinkOpen={this.props.onLinkOpen}
+                        />
+                      )}
+                    {this.state.toast !== null && (
+                      <Toast
+                        message={this.state.toast.message}
+                        onClose={() => this.setToast(null)}
+                        duration={this.state.toast.duration}
+                        closable={this.state.toast.closable}
                       />
                     )}
-                  {this.state.toast !== null && (
-                    <Toast
-                      message={this.state.toast.message}
-                      onClose={() => this.setToast(null)}
-                      duration={this.state.toast.duration}
-                      closable={this.state.toast.closable}
-                    />
-                  )}
-                  {this.state.contextMenu && (
-                    <ContextMenu
-                      items={this.state.contextMenu.items}
-                      top={this.state.contextMenu.top}
-                      left={this.state.contextMenu.left}
-                      actionManager={this.actionManager}
-                    />
-                  )}
-                  <main>{this.renderCanvas()}</main>
+                    {this.state.contextMenu && (
+                      <ContextMenu
+                        items={this.state.contextMenu.items}
+                        top={this.state.contextMenu.top}
+                        left={this.state.contextMenu.left}
+                        actionManager={this.actionManager}
+                      />
+                    )}
+                    <main>{this.renderCanvas()}</main>
+                  </ExcalidrawActionManagerContext.Provider>
                 </ExcalidrawElementsContext.Provider>{" "}
               </ExcalidrawAppStateContext.Provider>
             </ExcalidrawSetAppStateContext.Provider>
diff --git a/src/components/ClearCanvas.tsx b/src/components/ClearCanvas.tsx
index d6f8ee393..354838aae 100644
--- a/src/components/ClearCanvas.tsx
+++ b/src/components/ClearCanvas.tsx
@@ -3,7 +3,7 @@ import { t } from "../i18n";
 import { TrashIcon } from "./icons";
 
 import ConfirmDialog from "./ConfirmDialog";
-import MenuItem from "./MenuItem";
+import DropdownMenuItem from "./dropdownMenu/DropdownMenuItem";
 
 const ClearCanvas = ({ onConfirm }: { onConfirm: () => void }) => {
   const [showDialog, setShowDialog] = useState(false);
@@ -13,12 +13,14 @@ const ClearCanvas = ({ onConfirm }: { onConfirm: () => void }) => {
 
   return (
     <>
-      <MenuItem
-        label={t("buttons.clearReset")}
+      <DropdownMenuItem
         icon={TrashIcon}
-        onClick={toggleDialog}
+        onSelect={toggleDialog}
         dataTestId="clear-canvas-button"
-      />
+        ariaLabel={t("buttons.clearReset")}
+      >
+        {t("buttons.clearReset")}
+      </DropdownMenuItem>
 
       {showDialog && (
         <ConfirmDialog
diff --git a/src/components/CollabButton.tsx b/src/components/CollabButton.tsx
index 12df839bb..08ad71c60 100644
--- a/src/components/CollabButton.tsx
+++ b/src/components/CollabButton.tsx
@@ -2,7 +2,7 @@ import { t } from "../i18n";
 import { UsersIcon } from "./icons";
 
 import "./CollabButton.scss";
-import MenuItem from "./MenuItem";
+import DropdownMenuItem from "./dropdownMenu/DropdownMenuItem";
 import clsx from "clsx";
 
 const CollabButton = ({
@@ -19,13 +19,14 @@ const CollabButton = ({
   return (
     <>
       {isInHamburgerMenu ? (
-        <MenuItem
-          label={t("labels.liveCollaboration")}
+        <DropdownMenuItem
           dataTestId="collab-button"
           icon={UsersIcon}
-          onClick={onClick}
-          isCollaborating={isCollaborating}
-        />
+          onSelect={onClick}
+          ariaLabel={t("labels.liveCollaboration")}
+        >
+          {t("labels.liveCollaboration")}
+        </DropdownMenuItem>
       ) : (
         <button
           className={clsx("collab-button", { active: isCollaborating })}
diff --git a/src/components/ConfirmDialog.tsx b/src/components/ConfirmDialog.tsx
index 30faef788..9a1a91039 100644
--- a/src/components/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog.tsx
@@ -3,9 +3,9 @@ import { Dialog, DialogProps } from "./Dialog";
 
 import "./ConfirmDialog.scss";
 import DialogActionButton from "./DialogActionButton";
-import { isMenuOpenAtom } from "./App";
-import { isDropdownOpenAtom } from "./App";
 import { useSetAtom } from "jotai";
+import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
+import { useExcalidrawSetAppState } from "./App";
 
 interface Props extends Omit<DialogProps, "onCloseRequest"> {
   onConfirm: () => void;
@@ -23,9 +23,8 @@ const ConfirmDialog = (props: Props) => {
     className = "",
     ...rest
   } = props;
-
-  const setIsMenuOpen = useSetAtom(isMenuOpenAtom);
-  const setIsDropdownOpen = useSetAtom(isDropdownOpenAtom);
+  const setAppState = useExcalidrawSetAppState();
+  const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom);
 
   return (
     <Dialog
@@ -39,16 +38,16 @@ const ConfirmDialog = (props: Props) => {
         <DialogActionButton
           label={cancelText}
           onClick={() => {
-            setIsMenuOpen(false);
-            setIsDropdownOpen(false);
+            setAppState({ openMenu: null });
+            setIsLibraryMenuOpen(false);
             onCancel();
           }}
         />
         <DialogActionButton
           label={confirmText}
           onClick={() => {
-            setIsMenuOpen(false);
-            setIsDropdownOpen(false);
+            setAppState({ openMenu: null });
+            setIsLibraryMenuOpen(false);
             onConfirm();
           }}
           actionType="danger"
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index 51d339944..35013f839 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -2,7 +2,11 @@ import clsx from "clsx";
 import React, { useEffect, useState } from "react";
 import { useCallbackRefState } from "../hooks/useCallbackRefState";
 import { t } from "../i18n";
-import { useExcalidrawContainer, useDevice } from "../components/App";
+import {
+  useExcalidrawContainer,
+  useDevice,
+  useExcalidrawSetAppState,
+} from "../components/App";
 import { KEYS } from "../keys";
 import "./Dialog.scss";
 import { back, CloseIcon } from "./icons";
@@ -10,8 +14,8 @@ import { Island } from "./Island";
 import { Modal } from "./Modal";
 import { AppState } from "../types";
 import { queryFocusableElements } from "../utils";
-import { isMenuOpenAtom, isDropdownOpenAtom } from "./App";
 import { useSetAtom } from "jotai";
+import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
 
 export interface DialogProps {
   children: React.ReactNode;
@@ -67,12 +71,12 @@ export const Dialog = (props: DialogProps) => {
     return () => islandNode.removeEventListener("keydown", handleKeyDown);
   }, [islandNode, props.autofocus]);
 
-  const setIsMenuOpen = useSetAtom(isMenuOpenAtom);
-  const setIsDropdownOpen = useSetAtom(isDropdownOpenAtom);
+  const setAppState = useExcalidrawSetAppState();
+  const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom);
 
   const onClose = () => {
-    setIsMenuOpen(false);
-    setIsDropdownOpen(false);
+    setAppState({ openMenu: null });
+    setIsLibraryMenuOpen(false);
     (lastActiveElement as HTMLElement).focus();
     props.onCloseRequest();
   };
diff --git a/src/components/JSONExportDialog.tsx b/src/components/JSONExportDialog.tsx
index 11e52ac0c..8f89ebcb7 100644
--- a/src/components/JSONExportDialog.tsx
+++ b/src/components/JSONExportDialog.tsx
@@ -1,10 +1,10 @@
-import React, { useState } from "react";
+import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 
 import { AppState, ExportOpts, BinaryFiles } from "../types";
 import { Dialog } from "./Dialog";
-import { ExportIcon, exportToFileIcon, LinkIcon } from "./icons";
+import { exportToFileIcon, LinkIcon } from "./icons";
 import { ToolButton } from "./ToolButton";
 import { actionSaveFileToDisk } from "../actions/actionExport";
 import { Card } from "./Card";
@@ -14,7 +14,6 @@ import { nativeFileSystemSupported } from "../data/filesystem";
 import { trackEvent } from "../analytics";
 import { ActionManager } from "../actions/manager";
 import { getFrame } from "../utils";
-import MenuItem from "./MenuItem";
 
 export type ExportCB = (
   elements: readonly NonDeletedExcalidrawElement[],
@@ -94,6 +93,7 @@ export const JSONExportDialog = ({
   actionManager,
   exportOpts,
   canvas,
+  setAppState,
 }: {
   elements: readonly NonDeletedExcalidrawElement[];
   appState: AppState;
@@ -101,24 +101,15 @@ export const JSONExportDialog = ({
   actionManager: ActionManager;
   exportOpts: ExportOpts;
   canvas: HTMLCanvasElement | null;
+  setAppState: React.Component<any, AppState>["setState"];
 }) => {
-  const [modalIsShown, setModalIsShown] = useState(false);
-
   const handleClose = React.useCallback(() => {
-    setModalIsShown(false);
-  }, []);
+    setAppState({ openDialog: null });
+  }, [setAppState]);
 
   return (
     <>
-      <MenuItem
-        icon={ExportIcon}
-        label={t("buttons.export")}
-        onClick={() => {
-          setModalIsShown(true);
-        }}
-        dataTestId="json-export-button"
-      />
-      {modalIsShown && (
+      {appState.openDialog === "jsonExport" && (
         <Dialog onCloseRequest={handleClose} title={t("buttons.export")}>
           <JSONExportModal
             elements={elements}
diff --git a/src/components/LayerUI.scss b/src/components/LayerUI.scss
index a8567654c..b5c88cdff 100644
--- a/src/components/LayerUI.scss
+++ b/src/components/LayerUI.scss
@@ -80,16 +80,6 @@
       }
     }
 
-    .layer-ui__wrapper__footer-center {
-      pointer-events: none;
-      & > * {
-        pointer-events: all;
-      }
-
-      display: flex;
-      width: 100%;
-      justify-content: flex-start;
-    }
     .layer-ui__wrapper__footer-left,
     .layer-ui__wrapper__footer-right,
     .disable-zen-mode--visible {
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 2d754c9ba..57047a8d4 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -41,26 +41,17 @@ import "./LayerUI.scss";
 import "./Toolbar.scss";
 import { PenModeButton } from "./PenModeButton";
 import { trackEvent } from "../analytics";
-import { isMenuOpenAtom, useDevice } from "../components/App";
+import { useDevice } from "../components/App";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions/actionToggleStats";
 import Footer from "./footer/Footer";
-import {
-  ExportImageIcon,
-  HamburgerMenuIcon,
-  WelcomeScreenMenuArrow,
-  WelcomeScreenTopToolbarArrow,
-} from "./icons";
-import { MenuLinks, Separator } from "./MenuUtils";
-import { useOutsideClickHook } from "../hooks/useOutsideClick";
+import { WelcomeScreenMenuArrow, WelcomeScreenTopToolbarArrow } from "./icons";
 import WelcomeScreen from "./WelcomeScreen";
 import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
 import { useAtom } from "jotai";
-import { LanguageList } from "../excalidraw-app/components/LanguageList";
 import WelcomeScreenDecor from "./WelcomeScreenDecor";
-import { getShortcutFromShortcutName } from "../actions/shortcuts";
-import MenuItem from "./MenuItem";
+import MainMenu from "./mainMenu/MainMenu";
 
 interface LayerUIProps {
   actionManager: ActionManager;
@@ -103,7 +94,6 @@ const LayerUI = ({
   showExitZenModeBtn,
   isCollaborating,
   renderTopRightUI,
-
   renderCustomStats,
   renderCustomSidebar,
   libraryReturnUrl,
@@ -133,6 +123,7 @@ const LayerUI = ({
         actionManager={actionManager}
         exportOpts={UIOptions.canvasActions.export}
         canvas={canvas}
+        setAppState={setAppState}
       />
     );
   };
@@ -186,9 +177,35 @@ const LayerUI = ({
     );
   };
 
-  const [isMenuOpen, setIsMenuOpen] = useAtom(isMenuOpenAtom);
-  const menuRef = useOutsideClickHook(() => setIsMenuOpen(false));
-
+  const renderMenu = () => {
+    return (
+      childrenComponents.Menu || (
+        <MainMenu>
+          <MainMenu.DefaultItems.LoadScene />
+          <MainMenu.DefaultItems.SaveToActiveFile />
+          {UIOptions.canvasActions.export && <MainMenu.DefaultItems.Export />}
+          {UIOptions.canvasActions.saveAsImage && (
+            <MainMenu.DefaultItems.SaveAsImage />
+          )}
+          {onCollabButtonClick && (
+            <MainMenu.DefaultItems.LiveCollaboration
+              onSelect={onCollabButtonClick}
+              isCollaborating={isCollaborating}
+            />
+          )}
+          <MainMenu.DefaultItems.Help />
+          <MainMenu.DefaultItems.ClearCanvas />
+          <MainMenu.Separator />
+          <MainMenu.Group title="Excalidraw links">
+            <MainMenu.DefaultItems.Socials />
+          </MainMenu.Group>
+          <MainMenu.Separator />
+          <MainMenu.DefaultItems.ToggleTheme />
+          <MainMenu.DefaultItems.ChangeCanvasBackground />
+        </MainMenu>
+      )
+    );
+  };
   const renderCanvasActions = () => (
     <div style={{ position: "relative" }}>
       <WelcomeScreenDecor
@@ -199,87 +216,7 @@ const LayerUI = ({
           <div>{t("welcomeScreen.menuHints")}</div>
         </div>
       </WelcomeScreenDecor>
-
-      <button
-        data-prevent-outside-click
-        className={clsx("menu-button", "zen-mode-transition", {
-          "transition-left": appState.zenModeEnabled,
-        })}
-        onClick={() => setIsMenuOpen(!isMenuOpen)}
-        type="button"
-        data-testid="menu-button"
-      >
-        {HamburgerMenuIcon}
-      </button>
-
-      {isMenuOpen && (
-        <div
-          ref={menuRef}
-          style={{ position: "absolute", top: "100%", marginTop: ".25rem" }}
-        >
-          <Section heading="canvasActions">
-            {/* the zIndex ensures this menu has higher stacking order,
-         see https://github.com/excalidraw/excalidraw/pull/1445 */}
-            <Island
-              className="menu-container"
-              padding={2}
-              style={{ zIndex: 1 }}
-            >
-              {!appState.viewModeEnabled &&
-                actionManager.renderAction("loadScene")}
-              {/* // TODO barnabasmolnar/editor-redesign  */}
-              {/* is this fine here? */}
-              {appState.fileHandle &&
-                actionManager.renderAction("saveToActiveFile")}
-              {renderJSONExportDialog()}
-              {UIOptions.canvasActions.saveAsImage && (
-                <MenuItem
-                  label={t("buttons.exportImage")}
-                  icon={ExportImageIcon}
-                  dataTestId="image-export-button"
-                  onClick={() => setAppState({ openDialog: "imageExport" })}
-                  shortcut={getShortcutFromShortcutName("imageExport")}
-                />
-              )}
-              {onCollabButtonClick && (
-                <CollabButton
-                  isCollaborating={isCollaborating}
-                  collaboratorCount={appState.collaborators.size}
-                  onClick={onCollabButtonClick}
-                />
-              )}
-              {actionManager.renderAction("toggleShortcuts", undefined, true)}
-              {!appState.viewModeEnabled &&
-                actionManager.renderAction("clearCanvas")}
-              <Separator />
-              <MenuLinks />
-              <Separator />
-              <div
-                style={{
-                  display: "flex",
-                  flexDirection: "column",
-                  rowGap: ".5rem",
-                }}
-              >
-                <div>{actionManager.renderAction("toggleTheme")}</div>
-                <div style={{ padding: "0 0.625rem" }}>
-                  <LanguageList style={{ width: "100%" }} />
-                </div>
-                {!appState.viewModeEnabled && (
-                  <div>
-                    <div style={{ fontSize: ".75rem", marginBottom: ".5rem" }}>
-                      {t("labels.canvasBackground")}
-                    </div>
-                    <div style={{ padding: "0 0.625rem" }}>
-                      {actionManager.renderAction("changeViewBackgroundColor")}
-                    </div>
-                  </div>
-                )}
-              </div>
-            </Island>
-          </Section>
-        </div>
-      )}
+      {renderMenu()}
     </div>
   );
 
@@ -410,10 +347,7 @@ const LayerUI = ({
               },
             )}
           >
-            <UserList
-              collaborators={appState.collaborators}
-              actionManager={actionManager}
-            />
+            <UserList collaborators={appState.collaborators} />
             {onCollabButtonClick && (
               <CollabButton
                 isInHamburgerMenu={false}
@@ -466,6 +400,7 @@ const LayerUI = ({
         />
       )}
       {renderImageExportDialog()}
+      {renderJSONExportDialog()}
       {appState.pasteDialog.shown && (
         <PasteChartDialog
           setAppState={setAppState}
@@ -497,6 +432,7 @@ const LayerUI = ({
           renderCustomStats={renderCustomStats}
           renderSidebars={renderSidebars}
           device={device}
+          renderMenu={renderMenu}
         />
       )}
 
@@ -525,9 +461,8 @@ const LayerUI = ({
               appState={appState}
               actionManager={actionManager}
               showExitZenModeBtn={showExitZenModeBtn}
-            >
-              {childrenComponents.FooterCenter}
-            </Footer>
+              footerCenter={childrenComponents.FooterCenter}
+            />
 
             {appState.showStats && (
               <Stats
diff --git a/src/components/LibraryMenu.scss b/src/components/LibraryMenu.scss
index 92b85687c..c06b01fd5 100644
--- a/src/components/LibraryMenu.scss
+++ b/src/components/LibraryMenu.scss
@@ -129,4 +129,27 @@
       padding-right: 0;
     }
   }
+
+  .layer-ui__sidebar__header .dropdown-menu {
+    &.dropdown-menu--mobile {
+      top: 100%;
+    }
+    .dropdown-menu-container {
+      --gap: 0;
+      z-index: 1;
+      position: absolute;
+      top: 100%;
+      left: 0;
+
+      :root[dir="rtl"] & {
+        right: 0;
+        left: auto;
+      }
+
+      width: 196px;
+      box-shadow: var(--library-dropdown-shadow);
+      border-radius: var(--border-radius-lg);
+      padding: 0.25rem 0.5rem;
+    }
+  }
 }
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 5fb578ebd..abf6c2a29 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -13,14 +13,15 @@ import {
 import { ToolButton } from "./ToolButton";
 import { fileOpen } from "../data/filesystem";
 import { muteFSAbortError } from "../utils";
-import { useAtom } from "jotai";
+import { atom, useAtom } from "jotai";
 import { jotaiScope } from "../jotai";
 import ConfirmDialog from "./ConfirmDialog";
 import PublishLibrary from "./PublishLibrary";
 import { Dialog } from "./Dialog";
-import { useOutsideClickHook } from "../hooks/useOutsideClick";
-import MenuItem from "./MenuItem";
-import { isDropdownOpenAtom } from "./App";
+
+import DropdownMenu from "./dropdownMenu/DropdownMenu";
+
+export const isLibraryMenuOpenAtom = atom(false);
 
 const getSelectedItems = (
   libraryItems: LibraryItems,
@@ -45,7 +46,9 @@ export const LibraryMenuHeader: React.FC<{
   appState,
 }) => {
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
-
+  const [isLibraryMenuOpen, setIsLibraryMenuOpen] = useAtom(
+    isLibraryMenuOpenAtom,
+  );
   const renderRemoveLibAlert = useCallback(() => {
     const content = selectedItems.length
       ? t("alerts.removeItemsFromsLibrary", { count: selectedItems.length })
@@ -173,85 +176,86 @@ export const LibraryMenuHeader: React.FC<{
       });
   };
 
-  const [isDropdownOpen, setIsDropdownOpen] = useAtom(isDropdownOpenAtom);
-  const dropdownRef = useOutsideClickHook(() => setIsDropdownOpen(false));
-
+  const renderLibraryMenu = () => {
+    return (
+      <DropdownMenu open={isLibraryMenuOpen}>
+        <DropdownMenu.Trigger
+          className="Sidebar__dropdown-btn"
+          onToggle={() => setIsLibraryMenuOpen(!isLibraryMenuOpen)}
+        >
+          {DotsIcon}
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content
+          onClickOutside={() => setIsLibraryMenuOpen(false)}
+          className="library-menu"
+        >
+          {!itemsSelected && (
+            <DropdownMenu.Item
+              onSelect={onLibraryImport}
+              icon={LoadIcon}
+              dataTestId="lib-dropdown--load"
+            >
+              {t("buttons.load")}
+            </DropdownMenu.Item>
+          )}
+          {!!items.length && (
+            <DropdownMenu.Item
+              onSelect={onLibraryExport}
+              icon={ExportIcon}
+              dataTestId="lib-dropdown--export"
+            >
+              {t("buttons.export")}
+            </DropdownMenu.Item>
+          )}
+          {!!items.length && (
+            <DropdownMenu.Item
+              onSelect={() => setShowRemoveLibAlert(true)}
+              icon={TrashIcon}
+            >
+              {resetLabel}
+            </DropdownMenu.Item>
+          )}
+          {itemsSelected && (
+            <DropdownMenu.Item
+              icon={publishIcon}
+              onSelect={() => setShowPublishLibraryDialog(true)}
+              dataTestId="lib-dropdown--remove"
+            >
+              {t("buttons.publishLibrary")}
+            </DropdownMenu.Item>
+          )}
+        </DropdownMenu.Content>
+      </DropdownMenu>
+    );
+  };
   return (
     <div style={{ position: "relative" }}>
-      <button
-        type="button"
-        className="Sidebar__dropdown-btn"
-        data-prevent-outside-click
-        onClick={() => setIsDropdownOpen(!isDropdownOpen)}
-      >
-        {DotsIcon}
-      </button>
-
+      {renderLibraryMenu()}
       {selectedItems.length > 0 && (
         <div className="library-actions-counter">{selectedItems.length}</div>
       )}
-
-      {isDropdownOpen && (
-        <div
-          className="Sidebar__dropdown-content menu-container"
-          ref={dropdownRef}
-        >
-          {!itemsSelected && (
-            <MenuItem
-              label={t("buttons.load")}
-              icon={LoadIcon}
-              dataTestId="lib-dropdown--load"
-              onClick={onLibraryImport}
-            />
+      {showRemoveLibAlert && renderRemoveLibAlert()}
+      {showPublishLibraryDialog && (
+        <PublishLibrary
+          onClose={() => setShowPublishLibraryDialog(false)}
+          libraryItems={getSelectedItems(
+            libraryItemsData.libraryItems,
+            selectedItems,
           )}
-          {showRemoveLibAlert && renderRemoveLibAlert()}
-          {showPublishLibraryDialog && (
-            <PublishLibrary
-              onClose={() => setShowPublishLibraryDialog(false)}
-              libraryItems={getSelectedItems(
-                libraryItemsData.libraryItems,
-                selectedItems,
-              )}
-              appState={appState}
-              onSuccess={(data) =>
-                onPublishLibSuccess(data, libraryItemsData.libraryItems)
-              }
-              onError={(error) => window.alert(error)}
-              updateItemsInStorage={() =>
-                library.setLibrary(libraryItemsData.libraryItems)
-              }
-              onRemove={(id: string) =>
-                onSelectItems(selectedItems.filter((_id) => _id !== id))
-              }
-            />
-          )}
-          {publishLibSuccess && renderPublishSuccess()}
-          {!!items.length && (
-            <>
-              <MenuItem
-                label={t("buttons.export")}
-                icon={ExportIcon}
-                onClick={onLibraryExport}
-                dataTestId="lib-dropdown--export"
-              />
-              <MenuItem
-                label={resetLabel}
-                icon={TrashIcon}
-                onClick={() => setShowRemoveLibAlert(true)}
-                dataTestId="lib-dropdown--remove"
-              />
-            </>
-          )}
-          {itemsSelected && (
-            <MenuItem
-              label={t("buttons.publishLibrary")}
-              icon={publishIcon}
-              dataTestId="lib-dropdown--publish"
-              onClick={() => setShowPublishLibraryDialog(true)}
-            />
-          )}
-        </div>
+          appState={appState}
+          onSuccess={(data) =>
+            onPublishLibSuccess(data, libraryItemsData.libraryItems)
+          }
+          onError={(error) => window.alert(error)}
+          updateItemsInStorage={() =>
+            library.setLibrary(libraryItemsData.libraryItems)
+          }
+          onRemove={(id: string) =>
+            onSelectItems(selectedItems.filter((_id) => _id !== id))
+          }
+        />
       )}
+      {publishLibSuccess && renderPublishSuccess()}
     </div>
   );
 };
diff --git a/src/components/Menu.scss b/src/components/Menu.scss
deleted file mode 100644
index 6a22b0b8e..000000000
--- a/src/components/Menu.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-@import "../css/variables.module";
-
-.excalidraw {
-  .menu-container {
-    background-color: #fff !important;
-    max-height: calc(100vh - 150px);
-    overflow-y: auto;
-  }
-
-  .menu-button {
-    @include outlineButtonStyles;
-    background-color: var(--island-bg-color);
-    width: var(--lg-button-size);
-    height: var(--lg-button-size);
-
-    svg {
-      width: var(--lg-icon-size);
-      height: var(--lg-icon-size);
-    }
-  }
-
-  .menu-item {
-    display: flex;
-    background-color: transparent;
-    border: 0;
-    align-items: center;
-    padding: 0 0.625rem;
-    height: 2rem;
-    column-gap: 0.625rem;
-    font-size: 0.875rem;
-    color: var(--color-gray-100);
-    cursor: pointer;
-    border-radius: var(--border-radius-md);
-    width: 100%;
-    box-sizing: border-box;
-    font-weight: normal;
-    font-family: inherit;
-
-    @media screen and (min-width: 1921px) {
-      height: 2.25rem;
-    }
-
-    &__text {
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
-    }
-
-    &__shortcut {
-      margin-inline-start: auto;
-      opacity: 0.5;
-    }
-
-    &:hover {
-      background-color: var(--button-hover);
-      text-decoration: none;
-    }
-
-    svg {
-      width: 1rem;
-      height: 1rem;
-      display: block;
-    }
-
-    &.active-collab {
-      background-color: #ecfdf5;
-      color: #064e3c;
-    }
-  }
-
-  &.theme--dark {
-    .menu-item {
-      color: var(--color-gray-40);
-
-      &.active-collab {
-        background-color: #064e3c;
-        color: #ecfdf5;
-      }
-    }
-
-    .menu-container {
-      background-color: var(--color-gray-90) !important;
-    }
-  }
-}
diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx
deleted file mode 100644
index 8bfe3d753..000000000
--- a/src/components/MenuItem.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import clsx from "clsx";
-import "./Menu.scss";
-
-interface MenuProps {
-  icon: JSX.Element;
-  onClick: () => void;
-  label: string;
-  dataTestId: string;
-  shortcut?: string;
-  isCollaborating?: boolean;
-}
-
-const MenuItem = ({
-  icon,
-  onClick,
-  label,
-  dataTestId,
-  shortcut,
-  isCollaborating,
-}: MenuProps) => {
-  return (
-    <button
-      className={clsx("menu-item", { "active-collab": isCollaborating })}
-      aria-label={label}
-      onClick={onClick}
-      data-testid={dataTestId}
-      title={label}
-      type="button"
-    >
-      <div className="menu-item__icon">{icon}</div>
-      <div className="menu-item__text">{label}</div>
-      {shortcut && <div className="menu-item__shortcut">{shortcut}</div>}
-    </button>
-  );
-};
-
-export default MenuItem;
diff --git a/src/components/MenuUtils.tsx b/src/components/MenuUtils.tsx
deleted file mode 100644
index 90cf05037..000000000
--- a/src/components/MenuUtils.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { GithubIcon, DiscordIcon, PlusPromoIcon, TwitterIcon } from "./icons";
-
-export const MenuLinks = () => (
-  <>
-    <a
-      href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=hamburger"
-      target="_blank"
-      rel="noreferrer"
-      className="menu-item"
-      style={{ color: "var(--color-promo)" }}
-    >
-      <div className="menu-item__icon">{PlusPromoIcon}</div>
-      <div className="menu-item__text">Excalidraw+</div>
-    </a>
-    <a
-      className="menu-item"
-      href="https://github.com/excalidraw/excalidraw"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      <div className="menu-item__icon">{GithubIcon}</div>
-      <div className="menu-item__text">GitHub</div>
-    </a>
-    <a
-      className="menu-item"
-      target="_blank"
-      href="https://discord.gg/UexuTaE"
-      rel="noopener noreferrer"
-    >
-      <div className="menu-item__icon">{DiscordIcon}</div>
-      <div className="menu-item__text">Discord</div>
-    </a>
-    <a
-      className="menu-item"
-      target="_blank"
-      href="https://twitter.com/excalidraw"
-      rel="noopener noreferrer"
-    >
-      <div className="menu-item__icon">{TwitterIcon}</div>
-      <div className="menu-item__text">Twitter</div>
-    </a>
-  </>
-);
-
-export const Separator = () => (
-  <div
-    style={{
-      height: "1px",
-      backgroundColor: "var(--default-border-color)",
-      margin: ".5rem 0",
-    }}
-  />
-);
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 37b32cc0a..5d77c3407 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -11,18 +11,13 @@ import { HintViewer } from "./HintViewer";
 import { calculateScrollCenter } from "../scene";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import { Section } from "./Section";
-import CollabButton from "./CollabButton";
 import { SCROLLBAR_WIDTH, SCROLLBAR_MARGIN } from "../scene/scrollbars";
 import { LockButton } from "./LockButton";
-import { UserList } from "./UserList";
 import { LibraryButton } from "./LibraryButton";
 import { PenModeButton } from "./PenModeButton";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions";
-import { MenuLinks, Separator } from "./MenuUtils";
 import WelcomeScreen from "./WelcomeScreen";
-import MenuItem from "./MenuItem";
-import { ExportImageIcon } from "./icons";
 
 type MobileMenuProps = {
   appState: AppState;
@@ -46,16 +41,14 @@ type MobileMenuProps = {
   renderSidebars: () => JSX.Element | null;
   device: Device;
   renderWelcomeScreen?: boolean;
+  renderMenu: () => React.ReactNode;
 };
 
 export const MobileMenu = ({
   appState,
   elements,
   actionManager,
-  renderJSONExportDialog,
-  renderImageExportDialog,
   setAppState,
-  onCollabButtonClick,
   onLockToggle,
   onPenModeToggle,
   canvas,
@@ -66,6 +59,7 @@ export const MobileMenu = ({
   renderSidebars,
   device,
   renderWelcomeScreen,
+  renderMenu,
 }: MobileMenuProps) => {
   const renderToolbar = () => {
     return (
@@ -147,16 +141,12 @@ export const MobileMenu = ({
 
   const renderAppToolbar = () => {
     if (appState.viewModeEnabled) {
-      return (
-        <div className="App-toolbar-content">
-          {actionManager.renderAction("toggleCanvasMenu")}
-        </div>
-      );
+      return <div className="App-toolbar-content">{renderMenu()}</div>;
     }
 
     return (
       <div className="App-toolbar-content">
-        {actionManager.renderAction("toggleCanvasMenu")}
+        {renderMenu()}
         {actionManager.renderAction("toggleEditMenu")}
         {actionManager.renderAction("undo")}
         {actionManager.renderAction("redo")}
@@ -168,58 +158,6 @@ export const MobileMenu = ({
     );
   };
 
-  const renderCanvasActions = () => {
-    if (appState.viewModeEnabled) {
-      return (
-        <>
-          {renderJSONExportDialog()}
-          <MenuItem
-            label={t("buttons.exportImage")}
-            icon={ExportImageIcon}
-            dataTestId="image-export-button"
-            onClick={() => setAppState({ openDialog: "imageExport" })}
-          />
-          {renderImageExportDialog()}
-        </>
-      );
-    }
-    return (
-      <>
-        {!appState.viewModeEnabled && actionManager.renderAction("loadScene")}
-        {renderJSONExportDialog()}
-        {renderImageExportDialog()}
-        <MenuItem
-          label={t("buttons.exportImage")}
-          icon={ExportImageIcon}
-          dataTestId="image-export-button"
-          onClick={() => setAppState({ openDialog: "imageExport" })}
-        />
-        {onCollabButtonClick && (
-          <CollabButton
-            isCollaborating={isCollaborating}
-            collaboratorCount={appState.collaborators.size}
-            onClick={onCollabButtonClick}
-          />
-        )}
-        {actionManager.renderAction("toggleShortcuts", undefined, true)}
-        {!appState.viewModeEnabled && actionManager.renderAction("clearCanvas")}
-        <Separator />
-        <MenuLinks />
-        <Separator />
-        {!appState.viewModeEnabled && (
-          <div style={{ marginBottom: ".5rem" }}>
-            <div style={{ fontSize: ".75rem", marginBottom: ".5rem" }}>
-              {t("labels.canvasBackground")}
-            </div>
-            <div style={{ padding: "0 0.625rem" }}>
-              {actionManager.renderAction("changeViewBackgroundColor")}
-            </div>
-          </div>
-        )}
-        {actionManager.renderAction("toggleTheme")}
-      </>
-    );
-  };
   return (
     <>
       {renderSidebars()}
@@ -244,27 +182,9 @@ export const MobileMenu = ({
         }}
       >
         <Island padding={0}>
-          {appState.openMenu === "canvas" ? (
-            <Section className="App-mobile-menu" heading="canvasActions">
-              <div className="panelColumn">
-                <Stack.Col gap={2}>
-                  {renderCanvasActions()}
-                  {appState.collaborators.size > 0 && (
-                    <fieldset>
-                      <legend>{t("labels.collaborators")}</legend>
-                      <UserList
-                        mobile
-                        collaborators={appState.collaborators}
-                        actionManager={actionManager}
-                      />
-                    </fieldset>
-                  )}
-                </Stack.Col>
-              </div>
-            </Section>
-          ) : appState.openMenu === "shape" &&
-            !appState.viewModeEnabled &&
-            showSelectedShapeActions(appState, elements) ? (
+          {appState.openMenu === "shape" &&
+          !appState.viewModeEnabled &&
+          showSelectedShapeActions(appState, elements) ? (
             <Section className="App-mobile-menu" heading="selectedShapeActions">
               <SelectedShapeActions
                 appState={appState}
diff --git a/src/components/Sidebar/Sidebar.scss b/src/components/Sidebar/Sidebar.scss
index b71f06cd3..c14509e38 100644
--- a/src/components/Sidebar/Sidebar.scss
+++ b/src/components/Sidebar/Sidebar.scss
@@ -3,24 +3,6 @@
 
 .excalidraw {
   .Sidebar {
-    &__dropdown-content {
-      z-index: 1;
-      position: absolute;
-      top: 100%;
-      left: 0;
-
-      :root[dir="rtl"] & {
-        right: 0;
-        left: auto;
-      }
-
-      margin-top: 0.25rem;
-      width: 180px;
-      box-shadow: var(--library-dropdown-shadow);
-      border-radius: var(--border-radius-lg);
-      padding: 0.25rem 0.5rem;
-    }
-
     &__close-btn,
     &__pin-btn,
     &__dropdown-btn {
diff --git a/src/components/UserList.tsx b/src/components/UserList.tsx
index 468f1debb..7b2c4107e 100644
--- a/src/components/UserList.tsx
+++ b/src/components/UserList.tsx
@@ -4,16 +4,16 @@ import React from "react";
 import clsx from "clsx";
 import { AppState, Collaborator } from "../types";
 import { Tooltip } from "./Tooltip";
-import { ActionManager } from "../actions/manager";
+import { useExcalidrawActionManager } from "./App";
 
 export const UserList: React.FC<{
   className?: string;
   mobile?: boolean;
   collaborators: AppState["collaborators"];
-  actionManager: ActionManager;
-}> = ({ className, mobile, collaborators, actionManager }) => {
-  const uniqueCollaborators = new Map<string, Collaborator>();
+}> = ({ className, mobile, collaborators }) => {
+  const actionManager = useExcalidrawActionManager();
 
+  const uniqueCollaborators = new Map<string, Collaborator>();
   collaborators.forEach((collaborator, socketId) => {
     uniqueCollaborators.set(
       // filter on user id, else fall back on unique socketId
@@ -44,26 +44,6 @@ export const UserList: React.FC<{
         );
       });
 
-  // TODO barnabasmolnar/editor-redesign
-  // probably remove before shipping :)
-  // 20 fake collaborators; for easy, convenient debug purposes ˇˇ
-  // const avatars = Array.from({ length: 20 }).map((_, index) => {
-  //   const avatarJSX = actionManager.renderAction("goToCollaborator", [
-  //     index.toString(),
-  //     {
-  //       username: `User ${index}`,
-  //     },
-  //   ]);
-
-  //   return mobile ? (
-  //     <Tooltip label={`User ${index}`} key={index}>
-  //       {avatarJSX}
-  //     </Tooltip>
-  //   ) : (
-  //     <React.Fragment key={index}>{avatarJSX}</React.Fragment>
-  //   );
-  // });
-
   return (
     <div className={clsx("UserList", className, { UserList_mobile: mobile })}>
       {avatars}
diff --git a/src/components/WelcomeScreen.tsx b/src/components/WelcomeScreen.tsx
index 66993d4d7..b952d5137 100644
--- a/src/components/WelcomeScreen.tsx
+++ b/src/components/WelcomeScreen.tsx
@@ -1,18 +1,10 @@
-import { useAtom } from "jotai";
 import { actionLoadScene, actionShortcuts } from "../actions";
 import { ActionManager } from "../actions/manager";
 import { getShortcutFromShortcutName } from "../actions/shortcuts";
 import { isExcalidrawPlusSignedUser } from "../constants";
-import { collabDialogShownAtom } from "../excalidraw-app/collab/Collab";
 import { t } from "../i18n";
 import { AppState } from "../types";
-import {
-  ExcalLogo,
-  HelpIcon,
-  LoadIcon,
-  PlusPromoIcon,
-  UsersIcon,
-} from "./icons";
+import { ExcalLogo, HelpIcon, LoadIcon, PlusPromoIcon } from "./icons";
 import "./WelcomeScreen.scss";
 
 const WelcomeScreenItem = ({
@@ -64,8 +56,6 @@ const WelcomeScreen = ({
   appState: AppState;
   actionManager: ActionManager;
 }) => {
-  const [, setCollabDialogShown] = useAtom(collabDialogShownAtom);
-
   let subheadingJSX;
 
   if (isExcalidrawPlusSignedUser) {
@@ -109,12 +99,6 @@ const WelcomeScreen = ({
             icon={LoadIcon}
           />
         )}
-        <WelcomeScreenItem
-          label={t("labels.liveCollaboration")}
-          shortcut={null}
-          onClick={() => setCollabDialogShown(true)}
-          icon={UsersIcon}
-        />
         <WelcomeScreenItem
           onClick={() => actionManager.executeAction(actionShortcuts)}
           label={t("helpDialog.title")}
diff --git a/src/components/dropdownMenu/DropdownMenu.scss b/src/components/dropdownMenu/DropdownMenu.scss
new file mode 100644
index 000000000..28a812876
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenu.scss
@@ -0,0 +1,127 @@
+@import "../../css/variables.module";
+
+.excalidraw {
+  .dropdown-menu {
+    position: absolute;
+    top: 100%;
+    margin-top: 0.25rem;
+
+    &--mobile {
+      bottom: 55px;
+      top: auto;
+      left: 0;
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      row-gap: 0.75rem;
+
+      .dropdown-menu-container {
+        padding: 8px 8px;
+        box-sizing: border-box;
+        background-color: var(--island-bg-color);
+        box-shadow: var(--shadow-island);
+        border-radius: var(--border-radius-lg);
+        position: relative;
+        transition: box-shadow 0.5s ease-in-out;
+
+        &.zen-mode {
+          box-shadow: none;
+        }
+      }
+    }
+
+    .dropdown-menu-container {
+      background-color: #fff !important;
+      max-height: calc(100vh - 150px);
+      overflow-y: auto;
+      --gap: 2;
+    }
+
+    .dropdown-menu-item-base {
+      display: flex;
+      padding: 0 0.625rem;
+      column-gap: 0.625rem;
+      font-size: 0.875rem;
+      color: var(--color-gray-100);
+      width: 100%;
+      box-sizing: border-box;
+      font-weight: normal;
+      font-family: inherit;
+    }
+
+    .dropdown-menu-item {
+      background-color: transparent;
+      border: 0;
+      align-items: center;
+      height: 2rem;
+      cursor: pointer;
+      border-radius: var(--border-radius-md);
+
+      @media screen and (min-width: 1921px) {
+        height: 2.25rem;
+      }
+
+      &__text {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+
+      &__shortcut {
+        margin-inline-start: auto;
+        opacity: 0.5;
+      }
+
+      &:hover {
+        background-color: var(--button-hover);
+        text-decoration: none;
+      }
+
+      svg {
+        width: 1rem;
+        height: 1rem;
+        display: block;
+      }
+    }
+
+    .dropdown-menu-item-custom {
+      margin-top: 0.5rem;
+    }
+
+    .dropdown-menu-group-title {
+      font-size: 14px;
+      text-align: left;
+      margin: 10px 0;
+      font-weight: 500;
+    }
+  }
+  &.theme--dark {
+    .dropdown-menu-item {
+      color: var(--color-gray-40);
+    }
+
+    .dropdown-menu-container {
+      background-color: var(--color-gray-90) !important;
+    }
+  }
+
+  .dropdown-menu-button {
+    @include outlineButtonStyles;
+    background-color: var(--island-bg-color);
+    width: var(--lg-button-size);
+    height: var(--lg-button-size);
+
+    svg {
+      width: var(--lg-icon-size);
+      height: var(--lg-icon-size);
+    }
+
+    &--mobile {
+      border: none;
+      margin: 0;
+      padding: 0;
+      width: var(--default-button-size);
+      height: var(--default-button-size);
+    }
+  }
+}
diff --git a/src/components/dropdownMenu/DropdownMenu.tsx b/src/components/dropdownMenu/DropdownMenu.tsx
new file mode 100644
index 000000000..8f4ce435b
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenu.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import DropdownMenuTrigger from "./DropdownMenuTrigger";
+import DropdownMenuItem from "./DropdownMenuItem";
+import MenuSeparator from "./DropdownMenuSeparator";
+import DropdownMenuGroup from "./DropdownMenuGroup";
+import DropdownMenuContent from "./DropdownMenuContent";
+import DropdownMenuItemLink from "./DropdownMenuItemLink";
+import DropdownMenuItemCustom from "./DropdownMenuItemCustom";
+import {
+  getMenuContentComponent,
+  getMenuTriggerComponent,
+} from "./dropdownMenuUtils";
+
+import "./DropdownMenu.scss";
+
+const DropdownMenu = ({
+  children,
+  open,
+}: {
+  children?: React.ReactNode;
+  open: boolean;
+}) => {
+  const MenuTriggerComp = getMenuTriggerComponent(children);
+  const MenuContentComp = getMenuContentComponent(children);
+  return (
+    <>
+      {MenuTriggerComp}
+      {open && MenuContentComp}
+    </>
+  );
+};
+
+DropdownMenu.Trigger = DropdownMenuTrigger;
+DropdownMenu.Content = DropdownMenuContent;
+DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.ItemLink = DropdownMenuItemLink;
+DropdownMenu.ItemCustom = DropdownMenuItemCustom;
+DropdownMenu.Group = DropdownMenuGroup;
+DropdownMenu.Separator = MenuSeparator;
+
+export default DropdownMenu;
+
+DropdownMenu.displayName = "DropdownMenu";
diff --git a/src/components/dropdownMenu/DropdownMenuContent.tsx b/src/components/dropdownMenu/DropdownMenuContent.tsx
new file mode 100644
index 000000000..873a99d8d
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuContent.tsx
@@ -0,0 +1,51 @@
+import { useOutsideClickHook } from "../../hooks/useOutsideClick";
+import { Island } from "../Island";
+
+import { useDevice } from "../App";
+import clsx from "clsx";
+import Stack from "../Stack";
+
+const MenuContent = ({
+  children,
+  onClickOutside,
+  className = "",
+  style,
+}: {
+  children?: React.ReactNode;
+  onClickOutside?: () => void;
+  className?: string;
+  style?: React.CSSProperties;
+}) => {
+  const device = useDevice();
+  const menuRef = useOutsideClickHook(() => {
+    onClickOutside?.();
+  });
+
+  const classNames = clsx(`dropdown-menu ${className}`, {
+    "dropdown-menu--mobile": device.isMobile,
+  }).trim();
+  return (
+    <div
+      ref={menuRef}
+      className={classNames}
+      style={style}
+      data-testid="dropdown-menu"
+    >
+      {/* the zIndex ensures this menu has higher stacking order,
+    see https://github.com/excalidraw/excalidraw/pull/1445 */}
+      {device.isMobile ? (
+        <Stack.Col className="dropdown-menu-container">{children}</Stack.Col>
+      ) : (
+        <Island
+          className="dropdown-menu-container"
+          padding={2}
+          style={{ zIndex: 1 }}
+        >
+          {children}
+        </Island>
+      )}
+    </div>
+  );
+};
+export default MenuContent;
+MenuContent.displayName = "DropdownMenuContent";
diff --git a/src/components/dropdownMenu/DropdownMenuGroup.tsx b/src/components/dropdownMenu/DropdownMenuGroup.tsx
new file mode 100644
index 000000000..aa4b49aec
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuGroup.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+
+const MenuGroup = ({
+  children,
+  className = "",
+  style,
+  title,
+}: {
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  title?: string;
+}) => {
+  return (
+    <div className={`dropdown-menu-group ${className}`} style={style}>
+      {title && <p className="dropdown-menu-group-title">{title}</p>}
+      {children}
+    </div>
+  );
+};
+
+export default MenuGroup;
+MenuGroup.displayName = "DropdownMenuGroup";
diff --git a/src/components/dropdownMenu/DropdownMenuItem.tsx b/src/components/dropdownMenu/DropdownMenuItem.tsx
new file mode 100644
index 000000000..47e20166b
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuItem.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import MenuItemContent from "./DropdownMenuItemContent";
+
+export const getDrodownMenuItemClassName = (className = "") => {
+  return `dropdown-menu-item dropdown-menu-item-base ${className}`.trim();
+};
+
+const DropdownMenuItem = ({
+  icon,
+  onSelect,
+  children,
+  dataTestId,
+  shortcut,
+  className,
+  style,
+  ariaLabel,
+}: {
+  icon?: JSX.Element;
+  onSelect: () => void;
+  children: React.ReactNode;
+  dataTestId?: string;
+  shortcut?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  ariaLabel?: string;
+}) => {
+  return (
+    <button
+      aria-label={ariaLabel}
+      onClick={onSelect}
+      data-testid={dataTestId}
+      title={ariaLabel}
+      type="button"
+      className={getDrodownMenuItemClassName(className)}
+      style={style}
+    >
+      <MenuItemContent icon={icon} shortcut={shortcut}>
+        {children}
+      </MenuItemContent>
+    </button>
+  );
+};
+
+export default DropdownMenuItem;
+DropdownMenuItem.displayName = "DropdownMenuItem";
diff --git a/src/components/dropdownMenu/DropdownMenuItemContent.tsx b/src/components/dropdownMenu/DropdownMenuItemContent.tsx
new file mode 100644
index 000000000..7d02c634e
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuItemContent.tsx
@@ -0,0 +1,23 @@
+import { useDevice } from "../App";
+
+const MenuItemContent = ({
+  icon,
+  shortcut,
+  children,
+}: {
+  icon?: JSX.Element;
+  shortcut?: string;
+  children: React.ReactNode;
+}) => {
+  const device = useDevice();
+  return (
+    <>
+      <div className="dropdown-menu-item__icon">{icon}</div>
+      <div className="dropdown-menu-item__text">{children}</div>
+      {shortcut && !device.isMobile && (
+        <div className="dropdown-menu-item__shortcut">{shortcut}</div>
+      )}
+    </>
+  );
+};
+export default MenuItemContent;
diff --git a/src/components/dropdownMenu/DropdownMenuItemCustom.tsx b/src/components/dropdownMenu/DropdownMenuItemCustom.tsx
new file mode 100644
index 000000000..5ed47c3b5
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuItemCustom.tsx
@@ -0,0 +1,23 @@
+const DropdownMenuItemCustom = ({
+  children,
+  className = "",
+  style,
+  dataTestId,
+}: {
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  dataTestId?: string;
+}) => {
+  return (
+    <div
+      className={`dropdown-menu-item-base dropdown-menu-item-custom ${className}`.trim()}
+      style={style}
+      data-testid={dataTestId}
+    >
+      {children}
+    </div>
+  );
+};
+
+export default DropdownMenuItemCustom;
diff --git a/src/components/dropdownMenu/DropdownMenuItemLink.tsx b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
new file mode 100644
index 000000000..116610698
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
@@ -0,0 +1,42 @@
+import MenuItemContent from "./DropdownMenuItemContent";
+import React from "react";
+import { getDrodownMenuItemClassName } from "./DropdownMenuItem";
+const DropdownMenuItemLink = ({
+  icon,
+  dataTestId,
+  shortcut,
+  href,
+  children,
+  className = "",
+  style,
+  ariaLabel,
+}: {
+  icon?: JSX.Element;
+  children: React.ReactNode;
+  dataTestId?: string;
+  shortcut?: string;
+  className?: string;
+  href: string;
+  style?: React.CSSProperties;
+  ariaLabel?: string;
+}) => {
+  return (
+    <a
+      href={href}
+      target="_blank"
+      rel="noreferrer"
+      className={getDrodownMenuItemClassName(className)}
+      style={style}
+      data-testid={dataTestId}
+      title={ariaLabel}
+      aria-label={ariaLabel}
+    >
+      <MenuItemContent icon={icon} shortcut={shortcut}>
+        {children}
+      </MenuItemContent>
+    </a>
+  );
+};
+
+export default DropdownMenuItemLink;
+DropdownMenuItemLink.displayName = "DropdownMenuItemLink";
diff --git a/src/components/dropdownMenu/DropdownMenuSeparator.tsx b/src/components/dropdownMenu/DropdownMenuSeparator.tsx
new file mode 100644
index 000000000..ee4196073
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuSeparator.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+const MenuSeparator = () => (
+  <div
+    style={{
+      height: "1px",
+      backgroundColor: "var(--default-border-color)",
+      margin: ".5rem 0",
+    }}
+  />
+);
+
+export default MenuSeparator;
+MenuSeparator.displayName = "DropdownMenuSeparator";
diff --git a/src/components/dropdownMenu/DropdownMenuTrigger.tsx b/src/components/dropdownMenu/DropdownMenuTrigger.tsx
new file mode 100644
index 000000000..100cef0ea
--- /dev/null
+++ b/src/components/dropdownMenu/DropdownMenuTrigger.tsx
@@ -0,0 +1,37 @@
+import clsx from "clsx";
+import { useDevice, useExcalidrawAppState } from "../App";
+
+const MenuTrigger = ({
+  className = "",
+  children,
+  onToggle,
+}: {
+  className?: string;
+  children: React.ReactNode;
+  onToggle: () => void;
+}) => {
+  const appState = useExcalidrawAppState();
+  const device = useDevice();
+  const classNames = clsx(
+    `dropdown-menu-button ${className}`,
+    "zen-mode-transition",
+    {
+      "transition-left": appState.zenModeEnabled,
+      "dropdown-menu-button--mobile": device.isMobile,
+    },
+  ).trim();
+  return (
+    <button
+      data-prevent-outside-click
+      className={classNames}
+      onClick={onToggle}
+      type="button"
+      data-testid="dropdown-menu-button"
+    >
+      {children}
+    </button>
+  );
+};
+
+export default MenuTrigger;
+MenuTrigger.displayName = "DropdownMenuTrigger";
diff --git a/src/components/dropdownMenu/dropdownMenuUtils.ts b/src/components/dropdownMenu/dropdownMenuUtils.ts
new file mode 100644
index 000000000..10d91fb85
--- /dev/null
+++ b/src/components/dropdownMenu/dropdownMenuUtils.ts
@@ -0,0 +1,35 @@
+import React from "react";
+
+export const getMenuTriggerComponent = (children: React.ReactNode) => {
+  const comp = React.Children.toArray(children).find(
+    (child) =>
+      React.isValidElement(child) &&
+      typeof child.type !== "string" &&
+      //@ts-ignore
+      child?.type.displayName &&
+      //@ts-ignore
+      child.type.displayName === "DropdownMenuTrigger",
+  );
+  if (!comp) {
+    return null;
+  }
+  //@ts-ignore
+  return comp;
+};
+
+export const getMenuContentComponent = (children: React.ReactNode) => {
+  const comp = React.Children.toArray(children).find(
+    (child) =>
+      React.isValidElement(child) &&
+      typeof child.type !== "string" &&
+      //@ts-ignore
+      child?.type.displayName &&
+      //@ts-ignore
+      child.type.displayName === "DropdownMenuContent",
+  );
+  if (!comp) {
+    return null;
+  }
+  //@ts-ignore
+  return comp;
+};
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index cd28f7c27..94afee814 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { ActionManager } from "../../actions/manager";
 import { t } from "../../i18n";
-import { AppState } from "../../types";
+import { AppState, UIChildrenComponents } from "../../types";
 import {
   ExitZenModeAction,
   FinalizeAction,
@@ -13,20 +13,19 @@ import { WelcomeScreenHelpArrow } from "../icons";
 import { Section } from "../Section";
 import Stack from "../Stack";
 import WelcomeScreenDecor from "../WelcomeScreenDecor";
-import FooterCenter from "./FooterCenter";
 
 const Footer = ({
   appState,
   actionManager,
   showExitZenModeBtn,
   renderWelcomeScreen,
-  children,
+  footerCenter,
 }: {
   appState: AppState;
   actionManager: ActionManager;
   showExitZenModeBtn: boolean;
   renderWelcomeScreen: boolean;
-  children?: React.ReactNode;
+  footerCenter: UIChildrenComponents["FooterCenter"];
 }) => {
   const device = useDevice();
   const showFinalize =
@@ -71,7 +70,7 @@ const Footer = ({
           </Section>
         </Stack.Col>
       </div>
-      <FooterCenter>{children}</FooterCenter>
+      {footerCenter}
       <div
         className={clsx("layer-ui__wrapper__footer-right zen-mode-transition", {
           "transition-right disable-pointerEvents": appState.zenModeEnabled,
diff --git a/src/components/footer/FooterCenter.scss b/src/components/footer/FooterCenter.scss
new file mode 100644
index 000000000..1e17db6c5
--- /dev/null
+++ b/src/components/footer/FooterCenter.scss
@@ -0,0 +1,10 @@
+.footer-center {
+  pointer-events: none;
+  & > * {
+    pointer-events: all;
+  }
+
+  display: flex;
+  width: 100%;
+  justify-content: flex-start;
+}
diff --git a/src/components/footer/FooterCenter.tsx b/src/components/footer/FooterCenter.tsx
index d271f1452..9fb0acbdb 100644
--- a/src/components/footer/FooterCenter.tsx
+++ b/src/components/footer/FooterCenter.tsx
@@ -1,11 +1,12 @@
 import clsx from "clsx";
 import { useExcalidrawAppState } from "../App";
+import "./FooterCenter.scss";
 
 const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
   const appState = useExcalidrawAppState();
   return (
     <div
-      className={clsx("layer-ui__wrapper__footer-center zen-mode-transition", {
+      className={clsx("footer-center zen-mode-transition", {
         "layer-ui__wrapper__footer-left--transition-bottom":
           appState.zenModeEnabled,
       })}
diff --git a/src/components/mainMenu/DefaultItems.tsx b/src/components/mainMenu/DefaultItems.tsx
new file mode 100644
index 000000000..53ecf9146
--- /dev/null
+++ b/src/components/mainMenu/DefaultItems.tsx
@@ -0,0 +1,174 @@
+import clsx from "clsx";
+import { getShortcutFromShortcutName } from "../../actions/shortcuts";
+import { t } from "../../i18n";
+import {
+  useExcalidrawAppState,
+  useExcalidrawSetAppState,
+  useExcalidrawActionManager,
+} from "../App";
+import { ExportIcon, ExportImageIcon, UsersIcon } from "../icons";
+import { GithubIcon, DiscordIcon, TwitterIcon } from "../icons";
+import DropdownMenuItem from "../dropdownMenu/DropdownMenuItem";
+import DropdownMenuItemLink from "../dropdownMenu/DropdownMenuItemLink";
+
+export const LoadScene = () => {
+  const appState = useExcalidrawAppState();
+  const actionManager = useExcalidrawActionManager();
+  if (appState.viewModeEnabled) {
+    return null;
+  }
+  return actionManager.renderAction("loadScene");
+};
+LoadScene.displayName = "LoadScene";
+
+export const SaveToActiveFile = () => {
+  const appState = useExcalidrawAppState();
+  const actionManager = useExcalidrawActionManager();
+  if (!appState.fileHandle) {
+    return null;
+  }
+  return actionManager.renderAction("saveToActiveFile");
+};
+SaveToActiveFile.displayName = "SaveToActiveFile";
+
+export const SaveAsImage = () => {
+  const setAppState = useExcalidrawSetAppState();
+  // Hack until we tie "t" to lang state
+  // eslint-disable-next-line
+  const appState = useExcalidrawAppState();
+  return (
+    <DropdownMenuItem
+      icon={ExportImageIcon}
+      dataTestId="image-export-button"
+      onSelect={() => setAppState({ openDialog: "imageExport" })}
+      shortcut={getShortcutFromShortcutName("imageExport")}
+      ariaLabel={t("buttons.exportImage")}
+    >
+      {t("buttons.exportImage")}
+    </DropdownMenuItem>
+  );
+};
+SaveAsImage.displayName = "SaveAsImage";
+
+export const Help = () => {
+  // Hack until we tie "t" to lang state
+  // eslint-disable-next-line
+  const appState = useExcalidrawAppState();
+
+  const actionManager = useExcalidrawActionManager();
+  return actionManager.renderAction("toggleShortcuts", undefined, true);
+};
+Help.displayName = "Help";
+
+export const ClearCanvas = () => {
+  const appState = useExcalidrawAppState();
+  const actionManager = useExcalidrawActionManager();
+
+  if (appState.viewModeEnabled) {
+    return null;
+  }
+  return actionManager.renderAction("clearCanvas");
+};
+ClearCanvas.displayName = "ClearCanvas";
+
+export const ToggleTheme = () => {
+  // Hack until we tie "t" to lang state
+  // eslint-disable-next-line
+  const appState = useExcalidrawAppState();
+  const actionManager = useExcalidrawActionManager();
+  return actionManager.renderAction("toggleTheme");
+};
+ToggleTheme.displayName = "ToggleTheme";
+
+export const ChangeCanvasBackground = () => {
+  const appState = useExcalidrawAppState();
+  const actionManager = useExcalidrawActionManager();
+
+  if (appState.viewModeEnabled) {
+    return null;
+  }
+  return (
+    <div style={{ marginTop: "0.5rem" }}>
+      <div style={{ fontSize: ".75rem", marginBottom: ".5rem" }}>
+        {t("labels.canvasBackground")}
+      </div>
+      <div style={{ padding: "0 0.625rem" }}>
+        {actionManager.renderAction("changeViewBackgroundColor")}
+      </div>
+    </div>
+  );
+};
+ChangeCanvasBackground.displayName = "ChangeCanvasBackground";
+
+export const Export = () => {
+  // Hack until we tie "t" to lang state
+  // eslint-disable-next-line
+  const appState = useExcalidrawAppState();
+  const setAppState = useExcalidrawSetAppState();
+  return (
+    <DropdownMenuItem
+      icon={ExportIcon}
+      onSelect={() => {
+        setAppState({ openDialog: "jsonExport" });
+      }}
+      dataTestId="json-export-button"
+      ariaLabel={t("buttons.export")}
+    >
+      {t("buttons.export")}
+    </DropdownMenuItem>
+  );
+};
+Export.displayName = "Export";
+
+export const Socials = () => (
+  <>
+    <DropdownMenuItemLink
+      icon={GithubIcon}
+      href="https://github.com/excalidraw/excalidraw"
+      ariaLabel="GitHub"
+    >
+      GitHub
+    </DropdownMenuItemLink>
+    <DropdownMenuItemLink
+      icon={DiscordIcon}
+      href="https://discord.gg/UexuTaE"
+      ariaLabel="Discord"
+    >
+      Discord
+    </DropdownMenuItemLink>
+    <DropdownMenuItemLink
+      icon={TwitterIcon}
+      href="https://twitter.com/excalidraw"
+      ariaLabel="Twitter"
+    >
+      Twitter
+    </DropdownMenuItemLink>
+  </>
+);
+Socials.displayName = "Socials";
+
+export const LiveCollaboration = ({
+  onSelect,
+  isCollaborating,
+}: {
+  onSelect: () => void;
+  isCollaborating: boolean;
+}) => {
+  // Hack until we tie "t" to lang state
+  // eslint-disable-next-line
+  const appState = useExcalidrawAppState();
+  return (
+    <DropdownMenuItem
+      dataTestId="collab-button"
+      icon={UsersIcon}
+      className={clsx({
+        "active-collab": isCollaborating,
+      })}
+      onSelect={onSelect}
+    >
+      {t("labels.liveCollaboration")}
+    </DropdownMenuItem>
+  );
+};
+
+LiveCollaboration.displayName = "LiveCollaboration";
diff --git a/src/components/mainMenu/MainMenu.tsx b/src/components/mainMenu/MainMenu.tsx
new file mode 100644
index 000000000..bf398a38b
--- /dev/null
+++ b/src/components/mainMenu/MainMenu.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+import {
+  useDevice,
+  useExcalidrawAppState,
+  useExcalidrawSetAppState,
+} from "../App";
+import DropdownMenu from "../dropdownMenu/DropdownMenu";
+
+import * as DefaultItems from "./DefaultItems";
+
+import { UserList } from "../UserList";
+import { t } from "../../i18n";
+import { HamburgerMenuIcon } from "../icons";
+
+const MainMenu = ({ children }: { children?: React.ReactNode }) => {
+  const device = useDevice();
+  const appState = useExcalidrawAppState();
+  const setAppState = useExcalidrawSetAppState();
+  const onClickOutside = device.isMobile
+    ? undefined
+    : () => setAppState({ openMenu: null });
+  return (
+    <DropdownMenu open={appState.openMenu === "canvas"}>
+      <DropdownMenu.Trigger
+        onToggle={() => {
+          setAppState({
+            openMenu: appState.openMenu === "canvas" ? null : "canvas",
+          });
+        }}
+      >
+        {HamburgerMenuIcon}
+      </DropdownMenu.Trigger>
+      <DropdownMenu.Content onClickOutside={onClickOutside}>
+        {children}
+        {device.isMobile && appState.collaborators.size > 0 && (
+          <fieldset className="UserList-Wrapper">
+            <legend>{t("labels.collaborators")}</legend>
+            <UserList mobile={true} collaborators={appState.collaborators} />
+          </fieldset>
+        )}
+      </DropdownMenu.Content>
+    </DropdownMenu>
+  );
+};
+
+MainMenu.Trigger = DropdownMenu.Trigger;
+MainMenu.Item = DropdownMenu.Item;
+MainMenu.ItemLink = DropdownMenu.ItemLink;
+MainMenu.ItemCustom = DropdownMenu.ItemCustom;
+MainMenu.Group = DropdownMenu.Group;
+MainMenu.Separator = DropdownMenu.Separator;
+MainMenu.DefaultItems = DefaultItems;
+
+export default MainMenu;
+
+MainMenu.displayName = "Menu";
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 7bceb1cea..cec2af2dd 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -569,6 +569,20 @@
       display: none;
     }
   }
+  .UserList-Wrapper {
+    margin: 0;
+    padding: 0;
+    border: none;
+    text-align: left;
+
+    legend {
+      display: block;
+      font-size: 0.75rem;
+      font-weight: 400;
+      margin: 0 0 0.25rem;
+      padding: 0;
+    }
+  }
 }
 
 .ErrorSplash.excalidraw {
diff --git a/src/excalidraw-app/components/LanguageList.tsx b/src/excalidraw-app/components/LanguageList.tsx
index 375bde62b..1b3606b57 100644
--- a/src/excalidraw-app/components/LanguageList.tsx
+++ b/src/excalidraw-app/components/LanguageList.tsx
@@ -8,23 +8,21 @@ export const LanguageList = ({ style }: { style?: React.CSSProperties }) => {
   const [langCode, setLangCode] = useAtom(langCodeAtom);
 
   return (
-    <React.Fragment>
-      <select
-        className="dropdown-select dropdown-select__language"
-        onChange={({ target }) => setLangCode(target.value)}
-        value={langCode}
-        aria-label={i18n.t("buttons.selectLanguage")}
-        style={style}
-      >
-        <option key={i18n.defaultLang.code} value={i18n.defaultLang.code}>
-          {i18n.defaultLang.label}
+    <select
+      className="dropdown-select dropdown-select__language"
+      onChange={({ target }) => setLangCode(target.value)}
+      value={langCode}
+      aria-label={i18n.t("buttons.selectLanguage")}
+      style={style}
+    >
+      <option key={i18n.defaultLang.code} value={i18n.defaultLang.code}>
+        {i18n.defaultLang.label}
+      </option>
+      {languages.map((lang) => (
+        <option key={lang.code} value={lang.code}>
+          {lang.label}
         </option>
-        {languages.map((lang) => (
-          <option key={lang.code} value={lang.code}>
-            {lang.label}
-          </option>
-        ))}
-      </select>
-    </React.Fragment>
+      ))}
+    </select>
   );
 };
diff --git a/src/excalidraw-app/index.scss b/src/excalidraw-app/index.scss
index 6b7874dfb..b9e693ec4 100644
--- a/src/excalidraw-app/index.scss
+++ b/src/excalidraw-app/index.scss
@@ -4,7 +4,7 @@
   &.theme--dark {
     --color-primary-contrast-offset: #726dff; // to offset Chubb illusion
   }
-  .layer-ui__wrapper .layer-ui__wrapper__footer-center {
+  .footer-center {
     justify-content: flex-end;
     margin-top: auto;
     margin-bottom: auto;
@@ -24,7 +24,29 @@
       height: 1.2rem;
     }
   }
+
+  .dropdown-menu-container {
+    .dropdown-menu-item {
+      &.active-collab {
+        background-color: #ecfdf5;
+        color: #064e3c;
+      }
+      &.ExcalidrawPlus {
+        color: var(--color-promo);
+      }
+    }
+  }
+
+  &.theme--dark {
+    .dropdown-menu-item {
+      &.active-collab {
+        background-color: #064e3c;
+        color: #ecfdf5;
+      }
+    }
+  }
 }
+
 .excalidraw-app.is-collaborating {
   [data-testid="clear-canvas-button"] {
     display: none;
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index b12a41e31..3b24291f9 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -21,7 +21,12 @@ import {
 } from "../element/types";
 import { useCallbackRefState } from "../hooks/useCallbackRefState";
 import { t } from "../i18n";
-import { Excalidraw, defaultLang, Footer } from "../packages/excalidraw/index";
+import {
+  Excalidraw,
+  defaultLang,
+  Footer,
+  MainMenu,
+} from "../packages/excalidraw/index";
 import {
   AppState,
   LibraryItems,
@@ -79,8 +84,11 @@ import { reconcileElements } from "./collab/reconciliation";
 import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
 import { EncryptedIcon } from "./components/EncryptedIcon";
 import { ExcalidrawPlusAppLink } from "./components/ExcalidrawPlusAppLink";
+import { LanguageList } from "./components/LanguageList";
+import { PlusPromoIcon } from "../components/icons";
 
 polyfill();
+
 window.EXCALIDRAW_THROTTLE_RENDER = true;
 
 const languageDetector = new LanguageDetector();
@@ -229,7 +237,6 @@ export const langCodeAtom = atom(
 const ExcalidrawWrapper = () => {
   const [errorMessage, setErrorMessage] = useState("");
   const [langCode, setLangCode] = useAtom(langCodeAtom);
-
   // initial state
   // ---------------------------------------------------------------------------
 
@@ -594,6 +601,39 @@ const ExcalidrawWrapper = () => {
     localStorage.setItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY, serializedItems);
   };
 
+  const renderMenu = () => {
+    return (
+      <MainMenu>
+        <MainMenu.DefaultItems.LoadScene />
+        <MainMenu.DefaultItems.SaveToActiveFile />
+        <MainMenu.DefaultItems.Export />
+        <MainMenu.DefaultItems.SaveAsImage />
+        <MainMenu.DefaultItems.LiveCollaboration
+          isCollaborating={isCollaborating}
+          onSelect={() => setCollabDialogShown(true)}
+        />
+
+        <MainMenu.DefaultItems.Help />
+        <MainMenu.DefaultItems.ClearCanvas />
+        <MainMenu.Separator />
+        <MainMenu.ItemLink
+          icon={PlusPromoIcon}
+          href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=hamburger"
+          className="ExcalidrawPlus"
+        >
+          Excalidraw+
+        </MainMenu.ItemLink>
+        <MainMenu.DefaultItems.Socials />
+        <MainMenu.Separator />
+        <MainMenu.DefaultItems.ToggleTheme />
+        <MainMenu.ItemCustom>
+          <LanguageList style={{ width: "100%" }} />
+        </MainMenu.ItemCustom>
+        <MainMenu.DefaultItems.ChangeCanvasBackground />
+      </MainMenu>
+    );
+  };
+
   return (
     <div
       style={{ height: "100%" }}
@@ -640,6 +680,7 @@ const ExcalidrawWrapper = () => {
         autoFocus={true}
         theme={theme}
       >
+        {renderMenu()}
         <Footer>
           <div style={{ display: "flex", gap: ".5rem", alignItems: "center" }}>
             <ExcalidrawPlusAppLink />
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index bf134a815..0842fc839 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,6 +15,8 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Expose component API for the Excalidraw main menu [#6034](https://github.com/excalidraw/excalidraw/pull/6034), You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#MainMenu)
+
 - Render Footer as a component instead of render prop [#5970](https://github.com/excalidraw/excalidraw/pull/5970). You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#Footer)
 
 #### BREAKING CHANGE
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index 4cb5eae9a..b946e4323 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -405,6 +405,195 @@ const App = () => {
 };
 ```
 
+This will only for `Desktop` devices.
+
+For `mobile` you will need to render it inside the [MainMenu](#mainmenu). You can use the [`useDevice`](#useDevice) hook to check the type of device, this will be available only inside the `children` of `Excalidraw` component.
+
+```js
+import { useDevice, Footer } from "@excalidraw/excalidraw";
+
+const MobileFooter = ({
+}) => {
+  const device = useDevice();
+  if (device.isMobile) {
+    return (
+      <Footer>
+       <button
+        className="custom-footer"
+        onClick={() => alert("This is custom footer in mobile menu")}
+      >
+        {" "}
+        custom footer{" "}
+      </button>
+      </Footer>
+    );
+  }
+  return null;
+
+};
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
+      <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
+      <MobileFooter/>
+    </MainMenu>
+  </Excalidraw>
+}
+
+```
+
+You can visit the[ example](https://ehlz3.csb.app/) for working demo.
+
+#### MainMenu
+
+By default Excalidraw will render the `MainMenu` with default options. If you want to customise the `MainMenu`, you can pass the `MainMenu` component with the list options. You can visit [codesandbox example](https://ehlz3.csb.app/) for a working demo.
+
+**Usage**
+
+```js
+import { MainMenu } from "@excalidraw/excalidraw";
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
+      <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
+    </MainMenu>
+  </Excalidraw>
+}
+```
+
+**MainMenu**
+
+This is the `MainMenu` component which you need to import to render the menu with custom options.
+
+**MainMenu.Item**
+
+To render an item, its recommended to use `MainMenu.Item`.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `onSelect` | `Function` | Yes | `undefined` | The handler is triggered when the item is selected. |
+| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
+| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
+| `shortcut` | `string` | No | `undefined` | The shortcut to be shown for the menu item |
+| `className` | `string` | No | "" | The class names to be added to the menu item |
+| `style` | `React.CSSProperties` | No | `undefined` | The inline styles to be added to the menu item |
+| `ariaLabel` | `string` | `undefined` | No | The `aria-label` to be added to the item for accessibility |
+| `dataTestId` | `string` | `undefined` | No | The `data-testid` to be added to the item. |
+
+**MainMenu.ItemLink**
+
+To render an item as a link, its recommended to use `MainMenu.ItemLink`.
+
+**Usage**
+
+```js
+import { MainMenu } from "@excalidraw/excalidraw";
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.ItemLink href="https://google.com">Google</MainMenu.ItemLink>
+      <MainMenu.ItemLink href="https://excalidraw.com">
+        Excalidraw
+      </MainMenu.ItemLink>
+    </MainMenu>
+  </Excalidraw>;
+};
+```
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `href` | `string` | Yes | `undefined` | The `href` attribute to be added to the `anchor` element. |
+| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
+| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
+| `shortcut` | `string` | No | `undefined` | The shortcut to be shown for the menu item |
+| `className` | `string` | No | "" | The class names to be added to the menu item |
+| `style` | `React.CSSProperties` | No | `undefined` | The inline styles to be added to the menu item |
+| `ariaLabel` | `string` | No | `undefined` | The `aria-label` to be added to the item for accessibility |
+| `dataTestId` | `string` | No | `undefined` | The `data-testid` to be added to the item. |
+
+**MainMenu.ItemCustom**
+
+To render a custom item, you can use `MainMenu.ItemCustom`.
+
+**Usage**
+
+```js
+import { MainMenu } from "@excalidraw/excalidraw";
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.ItemCustom>
+        <button
+          style={{ height: "2rem" }}
+          onClick={() => window.alert("custom menu item")}
+        >
+          {" "}
+          custom item
+        </button>
+      </MainMenu.ItemCustom>
+    </MainMenu>
+  </Excalidraw>;
+};
+```
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
+| `className` | `string` | No | "" | The class names to be added to the menu item |
+| `style` | `React.CSSProperties` | No | `undefined` | The inline styles to be added to the menu item |
+| `dataTestId` | `string` | No | `undefined` | The `data-testid` to be added to the item. |
+
+**MainMenu.DefaultItems**
+
+For the items which are shown in the menu in [excalidraw.com](https://excalidraw.com), you can use `MainMenu.DefaultItems`
+
+```js
+import { MainMenu } from "@excalidraw/excalidraw";
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.DefaultItems.Socials/>
+      <MainMenu.DefaultItems.Export/>
+      <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
+      <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
+    </MainMenu>
+  </Excalidraw>
+}
+```
+
+Here is a [complete list](https://github.com/excalidraw/excalidraw/blob/master/src/components/mainMenu/DefaultItems.tsx) of the default items.
+
+**MainMenu.Group**
+
+To Group item in the main menu, you can use `MainMenu.Group`
+
+```js
+import { MainMenu } from "@excalidraw/excalidraw";
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.Group title="Excalidraw items">
+        <MainMenu.DefaultItems.Socials/>
+        <MainMenu.DefaultItems.Export/>
+      </MainMenu.Group>
+      <MainMenu.Group title="custom items">
+        <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
+        <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
+      </MainMenu.Group>
+    </MainMenu>
+  </Excalidraw>
+}
+```
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `children ` | `React.ReactNode` | Yes | `undefined` | The content of the `Menu Group` |
+| `title` | `string` | No | `undefined` | The `title` for the grouped items |
+| `className` | `string` | No | "" | The `classname` to be added to the group |
+| `style` | `React.CSsSProperties` | No | `undefined` | The inline `styles` to be added to the group |
+
 ### Props
 
 | Name | Type | Default | Description |
@@ -1369,6 +1558,53 @@ viewportCoordsToSceneCoords({clientX: number, clientY: number}, appState: <a hre
 
 This function returns equivalent scene coords for the provided viewport coords in params.
 
+#### useDevice
+
+This hook can be used to check the type of device which is being used. It can only be used inside the `children` of `Excalidraw` component
+
+```js
+import { useDevice, Footer } from "@excalidraw/excalidraw";
+
+const MobileFooter = ({
+}) => {
+  const device = useDevice();
+  if (device.isMobile) {
+    return (
+      <Footer>
+       <button
+        className="custom-footer"
+        onClick={() => alert("This is custom footer in mobile menu")}
+      >
+        {" "}
+        custom footer{" "}
+      </button>
+      </Footer>
+    );
+  }
+  return null;
+
+};
+const App = () => {
+  <Excalidraw>
+    <MainMenu>
+      <MainMenu.Item> Item1 </MainMenu.Item>
+      <MainMenu.Item> Item 2 </>
+      <MobileFooter/>
+    </MainMenu>
+  </Excalidraw>
+}
+
+```
+
+The `device` has the following `attributes`
+
+| Name | Type | Description |
+| --- | --- | --- |
+| `isSmScreen` | `boolean` | Set to `true` when the device small screen is small (Width < `640px` ) |
+| `isMobile` | `boolean` | Set to `true` when the device is `mobile` |
+| `isTouchScreen` | `boolean` | Set to `true` for `touch` devices |
+| `canDeviceFitSidebar` | `boolean` | Implies whether there is enough space to fit the `sidebar` |
+
 ### Exported constants
 
 #### `FONT_FAMILY`
diff --git a/src/packages/excalidraw/example/App.scss b/src/packages/excalidraw/example/App.scss
index f0aad906c..a2a70da24 100644
--- a/src/packages/excalidraw/example/App.scss
+++ b/src/packages/excalidraw/example/App.scss
@@ -73,9 +73,4 @@
   .custom-element {
     padding: 0.1rem;
   }
-
-  &.excalidraw-container .layer-ui__wrapper .layer-ui__wrapper__footer-center {
-    // Remove once we stop importing langauge list from excalidraw app
-    justify-content: flex-start;
-  }
 }
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 600f65d4e..57621a17d 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -28,6 +28,8 @@ import {
 } from "../../../types";
 import { NonDeletedExcalidrawElement } from "../../../element/types";
 import { ImportedLibraryData } from "../../../data/types";
+import CustomFooter from "./CustomFooter";
+import MobileFooter from "./MobileFooter";
 
 declare global {
   interface Window {
@@ -69,24 +71,9 @@ const {
   restoreElements,
   Sidebar,
   Footer,
+  MainMenu,
 } = window.ExcalidrawLib;
 
-const COMMENT_SVG = (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className="feather feather-message-circle"
-  >
-    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
-  </svg>
-);
 const COMMENT_ICON_DIMENSION = 32;
 const COMMENT_INPUT_HEIGHT = 50;
 const COMMENT_INPUT_WIDTH = 150;
@@ -343,6 +330,7 @@ export default function App() {
       }
     });
   };
+
   const renderCommentIcons = () => {
     return Object.values(commentIcons).map((commentIcon) => {
       if (!excalidrawAPI) {
@@ -495,6 +483,35 @@ export default function App() {
     );
   };
 
+  const renderMenu = () => {
+    return (
+      <MainMenu>
+        <MainMenu.DefaultItems.SaveAsImage />
+        <MainMenu.DefaultItems.Export />
+        <MainMenu.Separator />
+        {isCollaborating && (
+          <MainMenu.DefaultItems.LiveCollaboration
+            onSelect={() => window.alert("You clicked on collab button")}
+            isCollaborating={isCollaborating}
+          />
+        )}
+        <MainMenu.Group title="Excalidraw links">
+          <MainMenu.DefaultItems.Socials />
+        </MainMenu.Group>
+        <MainMenu.Separator />
+        <MainMenu.ItemCustom>
+          <button
+            style={{ height: "2rem" }}
+            onClick={() => window.alert("custom menu item")}
+          >
+            custom item
+          </button>
+        </MainMenu.ItemCustom>
+        <MainMenu.DefaultItems.Help />
+        {excalidrawAPI && <MobileFooter excalidrawAPI={excalidrawAPI} />}
+      </MainMenu>
+    );
+  };
   return (
     <div className="App" ref={appRef}>
       <h1> Excalidraw Example</h1>
@@ -675,43 +692,12 @@ export default function App() {
             onScrollChange={rerenderCommentIcons}
             renderSidebar={renderSidebar}
           >
-            <Footer>
-              <button
-                className="custom-element"
-                onClick={() => {
-                  excalidrawAPI?.setActiveTool({
-                    type: "custom",
-                    customType: "comment",
-                  });
-                  const url = `data:${MIME_TYPES.svg},${encodeURIComponent(
-                    `<svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              class="feather feather-message-circle"
-            >
-              <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
-            </svg>`,
-                  )}`;
-                  excalidrawAPI?.setCursor(`url(${url}), auto`);
-                }}
-              >
-                {COMMENT_SVG}
-              </button>
-              <button
-                className="custom-footer"
-                onClick={() => alert("This is dummy footer")}
-              >
-                {" "}
-                custom footer{" "}
-              </button>
-            </Footer>
+            {excalidrawAPI && (
+              <Footer>
+                <CustomFooter excalidrawAPI={excalidrawAPI} />
+              </Footer>
+            )}
+            {renderMenu()}
           </Excalidraw>
           {Object.keys(commentIcons || []).length > 0 && renderCommentIcons()}
           {comment && renderComment()}
diff --git a/src/packages/excalidraw/example/CustomFooter.tsx b/src/packages/excalidraw/example/CustomFooter.tsx
new file mode 100644
index 000000000..e6f3ff42e
--- /dev/null
+++ b/src/packages/excalidraw/example/CustomFooter.tsx
@@ -0,0 +1,65 @@
+import { ExcalidrawImperativeAPI } from "../../../types";
+import { MIME_TYPES } from "../entry";
+const COMMENT_SVG = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    className="feather feather-message-circle"
+  >
+    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
+  </svg>
+);
+const CustomFooter = ({
+  excalidrawAPI,
+}: {
+  excalidrawAPI: ExcalidrawImperativeAPI;
+}) => {
+  return (
+    <>
+      <button
+        className="custom-element"
+        onClick={() => {
+          excalidrawAPI?.setActiveTool({
+            type: "custom",
+            customType: "comment",
+          });
+          const url = `data:${MIME_TYPES.svg},${encodeURIComponent(
+            `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-message-circle"
+  >
+    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
+  </svg>`,
+          )}`;
+          excalidrawAPI?.setCursor(`url(${url}), auto`);
+        }}
+      >
+        {COMMENT_SVG}
+      </button>
+      <button
+        className="custom-footer"
+        onClick={() => alert("This is dummy footer")}
+      >
+        {" "}
+        custom footer{" "}
+      </button>
+    </>
+  );
+};
+
+export default CustomFooter;
diff --git a/src/packages/excalidraw/example/MobileFooter.tsx b/src/packages/excalidraw/example/MobileFooter.tsx
new file mode 100644
index 000000000..004c78bbc
--- /dev/null
+++ b/src/packages/excalidraw/example/MobileFooter.tsx
@@ -0,0 +1,20 @@
+import { ExcalidrawImperativeAPI } from "../../../types";
+import CustomFooter from "./CustomFooter";
+const { useDevice, Footer } = window.ExcalidrawLib;
+
+const MobileFooter = ({
+  excalidrawAPI,
+}: {
+  excalidrawAPI: ExcalidrawImperativeAPI;
+}) => {
+  const device = useDevice();
+  if (device.isMobile) {
+    return (
+      <Footer>
+        <CustomFooter excalidrawAPI={excalidrawAPI} />
+      </Footer>
+    );
+  }
+  return null;
+};
+export default MobileFooter;
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 51af0a03e..3f125fe9e 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -11,6 +11,7 @@ import { DEFAULT_UI_OPTIONS } from "../../constants";
 import { Provider } from "jotai";
 import { jotaiScope, jotaiStore } from "../../jotai";
 import Footer from "../../components/footer/FooterCenter";
+import MainMenu from "../../components/mainMenu/MainMenu";
 
 const ExcalidrawBase = (props: ExcalidrawProps) => {
   const {
@@ -239,3 +240,5 @@ export {
 
 export { Sidebar } from "../../components/Sidebar/Sidebar";
 export { Footer };
+export { MainMenu };
+export { useDevice } from "../../components/App";
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index f842f48c5..ba2a82ac7 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -14613,7 +14613,7 @@ Object {
   "offsetLeft": 0,
   "offsetTop": 0,
   "openDialog": null,
-  "openMenu": null,
+  "openMenu": "canvas",
   "openPopup": null,
   "openSidebar": null,
   "pasteDialog": Object {
@@ -14672,7 +14672,7 @@ Object {
 
 exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `10`;
+exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `11`;
 
 exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
 Object {
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index 7645cc706..a581fbf3c 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -1,28 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide any UI element when canvasActions is "undefined" 1`] = `
-<section
-  aria-labelledby="test-id-canvasActions-title"
+exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu with default items when "UIOPtions" is "undefined" 1`] = `
+<div
+  class="dropdown-menu"
+  data-testid="dropdown-menu"
 >
-  <h2
-    class="visually-hidden"
-    id="test-id-canvasActions-title"
-  >
-    Canvas actions
-  </h2>
   <div
-    class="Island menu-container"
+    class="Island dropdown-menu-container"
     style="--padding: 2; z-index: 1;"
   >
     <button
       aria-label="Open"
-      class="menu-item"
+      class="dropdown-menu-item dropdown-menu-item-base"
       data-testid="load-button"
       title="Open"
       type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -42,25 +37,25 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
         Open
       </div>
       <div
-        class="menu-item__shortcut"
+        class="dropdown-menu-item__shortcut"
       >
         Ctrl+O
       </div>
     </button>
     <button
       aria-label="Save to..."
-      class="menu-item"
+      class="dropdown-menu-item dropdown-menu-item-base"
       data-testid="json-export-button"
       title="Save to..."
       type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -80,20 +75,20 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
         Save to...
       </div>
     </button>
     <button
       aria-label="Export image..."
-      class="menu-item"
+      class="dropdown-menu-item dropdown-menu-item-base"
       data-testid="image-export-button"
       title="Export image..."
       type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -137,25 +132,25 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
         Export image...
       </div>
       <div
-        class="menu-item__shortcut"
+        class="dropdown-menu-item__shortcut"
       >
         Ctrl+Shift+E
       </div>
     </button>
     <button
       aria-label="Help"
-      class="menu-item"
+      class="dropdown-menu-item dropdown-menu-item-base"
       data-testid="help-menu-item"
       title="Help"
       type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -195,25 +190,25 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
         Help
       </div>
       <div
-        class="menu-item__shortcut"
+        class="dropdown-menu-item__shortcut"
       >
         ?
       </div>
     </button>
     <button
       aria-label="Reset the canvas"
-      class="menu-item"
+      class="dropdown-menu-item dropdown-menu-item-base"
       data-testid="clear-canvas-button"
       title="Reset the canvas"
       type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -233,7 +228,7 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
         Reset the canvas
       </div>
@@ -241,71 +236,144 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
     <div
       style="height: 1px; margin: .5rem 0px;"
     />
-    <a
-      class="menu-item"
-      href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=hamburger"
-      rel="noreferrer"
-      target="_blank"
+    <div
+      class="dropdown-menu-group "
     >
-      <div
-        class="menu-item__icon"
+      <p
+        class="dropdown-menu-group-title"
       >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
+        Excalidraw links
+      </p>
+      <a
+        aria-label="GitHub"
+        class="dropdown-menu-item dropdown-menu-item-base"
+        href="https://github.com/excalidraw/excalidraw"
+        rel="noreferrer"
+        target="_blank"
+        title="GitHub"
+      >
+        <div
+          class="dropdown-menu-item__icon"
         >
-          <g
-            stroke-width="1.5"
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            focusable="false"
+            role="img"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            viewBox="0 0 20 20"
           >
             <path
-              d="M0 0h24v24H0z"
-              fill="none"
-              stroke="none"
+              d="M7.5 15.833c-3.583 1.167-3.583-2.083-5-2.5m10 4.167v-2.917c0-.833.083-1.166-.417-1.666 2.334-.25 4.584-1.167 4.584-5a3.833 3.833 0 0 0-1.084-2.667 3.5 3.5 0 0 0-.083-2.667s-.917-.25-2.917 1.084a10.25 10.25 0 0 0-5.166 0C5.417 2.333 4.5 2.583 4.5 2.583a3.5 3.5 0 0 0-.083 2.667 3.833 3.833 0 0 0-1.084 2.667c0 3.833 2.25 4.75 4.584 5-.5.5-.5 1-.417 1.666V17.5"
+              stroke-width="1.25"
             />
-            <rect
-              height="4"
-              rx="1"
-              width="18"
-              x="3"
-              y="8"
-            />
-            <line
-              x1="12"
-              x2="12"
-              y1="8"
-              y2="21"
-            />
-            <path
-              d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7"
-            />
-            <path
-              d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
+          </svg>
+        </div>
+        <div
+          class="dropdown-menu-item__text"
+        >
+          GitHub
+        </div>
+      </a>
+      <a
+        aria-label="Discord"
+        class="dropdown-menu-item dropdown-menu-item-base"
+        href="https://discord.gg/UexuTaE"
+        rel="noreferrer"
+        target="_blank"
+        title="Discord"
       >
-        Excalidraw+
-      </div>
-    </a>
-    <a
-      class="menu-item"
-      href="https://github.com/excalidraw/excalidraw"
-      rel="noopener noreferrer"
-      target="_blank"
+        <div
+          class="dropdown-menu-item__icon"
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            focusable="false"
+            role="img"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            viewBox="0 0 20 20"
+          >
+            <g
+              stroke-width="1.25"
+            >
+              <path
+                d="M7.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM12.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.25 6.25c2.917-.833 4.583-.833 7.5 0M5.833 13.75c2.917.833 5.417.833 8.334 0"
+              />
+              <path
+                d="M12.917 14.167c0 .833 1.25 2.5 1.666 2.5 1.25 0 2.361-1.39 2.917-2.5.556-1.39.417-4.861-1.25-9.584-1.214-.846-2.5-1.116-3.75-1.25l-.833 2.084M7.083 14.167c0 .833-1.13 2.5-1.526 2.5-1.191 0-2.249-1.39-2.778-2.5-.529-1.39-.397-4.861 1.19-9.584 1.157-.846 2.318-1.116 3.531-1.25l.833 2.084"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="dropdown-menu-item__text"
+        >
+          Discord
+        </div>
+      </a>
+      <a
+        aria-label="Twitter"
+        class="dropdown-menu-item dropdown-menu-item-base"
+        href="https://twitter.com/excalidraw"
+        rel="noreferrer"
+        target="_blank"
+        title="Twitter"
+      >
+        <div
+          class="dropdown-menu-item__icon"
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            focusable="false"
+            role="img"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            viewBox="0 0 24 24"
+          >
+            <g
+              stroke-width="1.25"
+            >
+              <path
+                d="M0 0h24v24H0z"
+                fill="none"
+                stroke="none"
+              />
+              <path
+                d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="dropdown-menu-item__text"
+        >
+          Twitter
+        </div>
+      </a>
+    </div>
+    <div
+      style="height: 1px; margin: .5rem 0px;"
+    />
+    <button
+      aria-label="Dark mode"
+      class="dropdown-menu-item dropdown-menu-item-base"
+      data-testid="toggle-dark-mode"
+      title="Dark mode"
+      type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -319,549 +387,130 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should not hide an
           viewBox="0 0 20 20"
         >
           <path
-            d="M7.5 15.833c-3.583 1.167-3.583-2.083-5-2.5m10 4.167v-2.917c0-.833.083-1.166-.417-1.666 2.334-.25 4.584-1.167 4.584-5a3.833 3.833 0 0 0-1.084-2.667 3.5 3.5 0 0 0-.083-2.667s-.917-.25-2.917 1.084a10.25 10.25 0 0 0-5.166 0C5.417 2.333 4.5 2.583 4.5 2.583a3.5 3.5 0 0 0-.083 2.667 3.833 3.833 0 0 0-1.084 2.667c0 3.833 2.25 4.75 4.584 5-.5.5-.5 1-.417 1.666V17.5"
-            stroke-width="1.25"
+            clip-rule="evenodd"
+            d="M10 2.5h.328a6.25 6.25 0 0 0 6.6 10.372A7.5 7.5 0 1 1 10 2.493V2.5Z"
+            stroke="currentColor"
           />
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
-        GitHub
-      </div>
-    </a>
-    <a
-      class="menu-item"
-      href="https://discord.gg/UexuTaE"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          viewBox="0 0 20 20"
-        >
-          <g
-            stroke-width="1.25"
-          >
-            <path
-              d="M7.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM12.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.25 6.25c2.917-.833 4.583-.833 7.5 0M5.833 13.75c2.917.833 5.417.833 8.334 0"
-            />
-            <path
-              d="M12.917 14.167c0 .833 1.25 2.5 1.666 2.5 1.25 0 2.361-1.39 2.917-2.5.556-1.39.417-4.861-1.25-9.584-1.214-.846-2.5-1.116-3.75-1.25l-.833 2.084M7.083 14.167c0 .833-1.13 2.5-1.526 2.5-1.191 0-2.249-1.39-2.778-2.5-.529-1.39-.397-4.861 1.19-9.584 1.157-.846 2.318-1.116 3.531-1.25l.833 2.084"
-            />
-          </g>
-        </svg>
+        Dark mode
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__shortcut"
       >
-        Discord
+        Shift+Alt+D
       </div>
-    </a>
-    <a
-      class="menu-item"
-      href="https://twitter.com/excalidraw"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-        >
-          <g
-            stroke-width="1.25"
-          >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-              stroke="none"
-            />
-            <path
-              d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        Twitter
-      </div>
-    </a>
+    </button>
     <div
-      style="height: 1px; margin: .5rem 0px;"
-    />
-    <div
-      style="display: flex; flex-direction: column; row-gap: .5rem;"
+      style="margin-top: 0.5rem;"
     >
-      <div>
-        <button
-          aria-label="Dark mode"
-          class="menu-item"
-          data-testid="toggle-dark-mode"
-          title="Dark mode"
-          type="button"
-        >
-          <div
-            class="menu-item__icon"
-          >
-            <svg
-              aria-hidden="true"
-              class=""
-              fill="none"
-              focusable="false"
-              role="img"
-              stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              viewBox="0 0 20 20"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M10 2.5h.328a6.25 6.25 0 0 0 6.6 10.372A7.5 7.5 0 1 1 10 2.493V2.5Z"
-                stroke="currentColor"
-              />
-            </svg>
-          </div>
-          <div
-            class="menu-item__text"
-          >
-            Dark mode
-          </div>
-          <div
-            class="menu-item__shortcut"
-          >
-            Shift+Alt+D
-          </div>
-        </button>
+      <div
+        style="font-size: .75rem; margin-bottom: .5rem;"
+      >
+        Canvas background
       </div>
       <div
         style="padding: 0px 0.625rem;"
       >
-        <select
-          aria-label="Select language"
-          class="dropdown-select dropdown-select__language"
-          style="width: 100%;"
-        >
-          <option
-            value="en"
-          >
-            English
-          </option>
-          <option
-            value="id-ID"
-          >
-            Bahasa Indonesia
-          </option>
-          <option
-            value="ca-ES"
-          >
-            Català
-          </option>
-          <option
-            value="de-DE"
-          >
-            Deutsch
-          </option>
-          <option
-            value="en"
-          >
-            English
-          </option>
-          <option
-            value="es-ES"
-          >
-            Español
-          </option>
-          <option
-            value="eu-ES"
-          >
-            Euskara
-          </option>
-          <option
-            value="fr-FR"
-          >
-            Français
-          </option>
-          <option
-            value="gl-ES"
-          >
-            Galego
-          </option>
-          <option
-            value="it-IT"
-          >
-            Italiano
-          </option>
-          <option
-            value="ku-TR"
-          >
-            Kurdî
-          </option>
-          <option
-            value="lv-LV"
-          >
-            Latviešu
-          </option>
-          <option
-            value="hu-HU"
-          >
-            Magyar
-          </option>
-          <option
-            value="nl-NL"
-          >
-            Nederlands
-          </option>
-          <option
-            value="nb-NO"
-          >
-            Norsk bokmål
-          </option>
-          <option
-            value="nn-NO"
-          >
-            Norsk nynorsk
-          </option>
-          <option
-            value="oc-FR"
-          >
-            Occitan
-          </option>
-          <option
-            value="pl-PL"
-          >
-            Polski
-          </option>
-          <option
-            value="pt-PT"
-          >
-            Português
-          </option>
-          <option
-            value="pt-BR"
-          >
-            Português Brasileiro
-          </option>
-          <option
-            value="ro-RO"
-          >
-            Română
-          </option>
-          <option
-            value="sk-SK"
-          >
-            Slovenčina
-          </option>
-          <option
-            value="sl-SI"
-          >
-            Slovenščina
-          </option>
-          <option
-            value="fi-FI"
-          >
-            Suomi
-          </option>
-          <option
-            value="sv-SE"
-          >
-            Svenska
-          </option>
-          <option
-            value="kab-KAB"
-          >
-            Taqbaylit
-          </option>
-          <option
-            value="tr-TR"
-          >
-            Türkçe
-          </option>
-          <option
-            value="el-GR"
-          >
-            Ελληνικά
-          </option>
-          <option
-            value="ru-RU"
-          >
-            Русский
-          </option>
-          <option
-            value="uk-UA"
-          >
-            Українська
-          </option>
-          <option
-            value="he-IL"
-          >
-            עברית
-          </option>
-          <option
-            value="ar-SA"
-          >
-            العربية
-          </option>
-          <option
-            value="fa-IR"
-          >
-            فارسی
-          </option>
-          <option
-            value="mr-IN"
-          >
-            मराठी
-          </option>
-          <option
-            value="ja-JP"
-          >
-            日本語
-          </option>
-          <option
-            value="zh-CN"
-          >
-            简体中文
-          </option>
-          <option
-            value="zh-TW"
-          >
-            繁體中文
-          </option>
-          <option
-            value="ko-KR"
-          >
-            한국어
-          </option>
-        </select>
-      </div>
-      <div>
         <div
-          style="font-size: .75rem; margin-bottom: .5rem;"
+          style="position: relative;"
         >
-          Canvas background
-        </div>
-        <div
-          style="padding: 0px 0.625rem;"
-        >
-          <div
-            style="position: relative;"
-          >
-            <div>
+          <div>
+            <div
+              class="color-picker-control-container"
+            >
               <div
-                class="color-picker-control-container"
+                class="color-picker-label-swatch-container"
+              >
+                <button
+                  aria-label="Canvas background"
+                  class="color-picker-label-swatch"
+                  style="--swatch-color: #ffffff;"
+                />
+              </div>
+              <label
+                class="color-input-container"
               >
                 <div
-                  class="color-picker-label-swatch-container"
+                  class="color-picker-hash"
                 >
-                  <button
-                    aria-label="Canvas background"
-                    class="color-picker-label-swatch"
-                    style="--swatch-color: #ffffff;"
-                  />
+                  #
                 </div>
-                <label
-                  class="color-input-container"
-                >
-                  <div
-                    class="color-picker-hash"
-                  >
-                    #
-                  </div>
-                  <input
-                    aria-label="Canvas background"
-                    class="color-picker-input"
-                    spellcheck="false"
-                    value="ffffff"
-                  />
-                </label>
-              </div>
+                <input
+                  aria-label="Canvas background"
+                  class="color-picker-input"
+                  spellcheck="false"
+                  value="ffffff"
+                />
+              </label>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-</section>
+</div>
 `;
 
-exports[`<Excalidraw/> Test UIOptions prop should not hide any UI element when the UIOptions prop is "undefined" 1`] = `
-<section
-  aria-labelledby="test-id-canvasActions-title"
+exports[`<Excalidraw/> should render main menu with host menu items if passed from host 1`] = `
+<div
+  class="dropdown-menu"
+  data-testid="dropdown-menu"
 >
-  <h2
-    class="visually-hidden"
-    id="test-id-canvasActions-title"
-  >
-    Canvas actions
-  </h2>
   <div
-    class="Island menu-container"
+    class="Island dropdown-menu-container"
     style="--padding: 2; z-index: 1;"
   >
     <button
-      aria-label="Open"
-      class="menu-item"
-      data-testid="load-button"
-      title="Open"
+      class="dropdown-menu-item dropdown-menu-item-base"
       type="button"
     >
       <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          viewBox="0 0 20 20"
-        >
-          <path
-            d="m9.257 6.351.183.183H15.819c.34 0 .727.182 1.051.506.323.323.505.708.505 1.05v5.819c0 .316-.183.7-.52 1.035-.337.338-.723.522-1.037.522H4.182c-.352 0-.74-.181-1.058-.5-.318-.318-.499-.705-.499-1.057V5.182c0-.351.181-.736.5-1.054.32-.321.71-.503 1.057-.503H6.53l2.726 2.726Z"
-            stroke-width="1.25"
-          />
-        </svg>
-      </div>
+        class="dropdown-menu-item__icon"
+      />
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
-        Open
-      </div>
-      <div
-        class="menu-item__shortcut"
-      >
-        Ctrl+O
+        Click me
       </div>
     </button>
-    <button
-      aria-label="Save to..."
-      class="menu-item"
-      data-testid="json-export-button"
-      title="Save to..."
-      type="button"
+    <a
+      class="dropdown-menu-item dropdown-menu-item-base"
+      href="blog.excalidaw.com"
+      rel="noreferrer"
+      target="_blank"
     >
       <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          viewBox="0 0 20 20"
-        >
-          <path
-            d="M3.333 14.167v1.666c0 .92.747 1.667 1.667 1.667h10c.92 0 1.667-.746 1.667-1.667v-1.666M5.833 9.167 10 13.333l4.167-4.166M10 3.333v10"
-            stroke-width="1.25"
-          />
-        </svg>
-      </div>
+        class="dropdown-menu-item__icon"
+      />
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
-        Save to...
+        Excalidraw blog
       </div>
-    </button>
-    <button
-      aria-label="Export image..."
-      class="menu-item"
-      data-testid="image-export-button"
-      title="Export image..."
-      type="button"
+    </a>
+    <div
+      class="dropdown-menu-item-base dropdown-menu-item-custom"
     >
-      <div
-        class="menu-item__icon"
+      <button
+        style="height: 2rem;"
       >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-        >
-          <g
-            stroke-width="1.25"
-          >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-              stroke="none"
-            />
-            <path
-              d="M15 8h.01"
-            />
-            <path
-              d="M12 20h-5a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v5"
-            />
-            <path
-              d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l4 4"
-            />
-            <path
-              d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"
-            />
-            <path
-              d="M19 16v6"
-            />
-            <path
-              d="M22 19l-3 3l-3 -3"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        Export image...
-      </div>
-      <div
-        class="menu-item__shortcut"
-      >
-        Ctrl+Shift+E
-      </div>
-    </button>
+         
+        custom menu item
+      </button>
+    </div>
     <button
       aria-label="Help"
-      class="menu-item"
+      class="dropdown-menu-item dropdown-menu-item-base"
       data-testid="help-menu-item"
       title="Help"
       type="button"
     >
       <div
-        class="menu-item__icon"
+        class="dropdown-menu-item__icon"
       >
         <svg
           aria-hidden="true"
@@ -901,513 +550,16 @@ exports[`<Excalidraw/> Test UIOptions prop should not hide any UI element when t
         </svg>
       </div>
       <div
-        class="menu-item__text"
+        class="dropdown-menu-item__text"
       >
         Help
       </div>
       <div
-        class="menu-item__shortcut"
+        class="dropdown-menu-item__shortcut"
       >
         ?
       </div>
     </button>
-    <button
-      aria-label="Reset the canvas"
-      class="menu-item"
-      data-testid="clear-canvas-button"
-      title="Reset the canvas"
-      type="button"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          viewBox="0 0 20 20"
-        >
-          <path
-            d="M3.333 5.833h13.334M8.333 9.167v5M11.667 9.167v5M4.167 5.833l.833 10c0 .92.746 1.667 1.667 1.667h6.666c.92 0 1.667-.746 1.667-1.667l.833-10M7.5 5.833v-2.5c0-.46.373-.833.833-.833h3.334c.46 0 .833.373.833.833v2.5"
-            stroke-width="1.25"
-          />
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        Reset the canvas
-      </div>
-    </button>
-    <div
-      style="height: 1px; margin: .5rem 0px;"
-    />
-    <a
-      class="menu-item"
-      href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=hamburger"
-      rel="noreferrer"
-      target="_blank"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-        >
-          <g
-            stroke-width="1.5"
-          >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-              stroke="none"
-            />
-            <rect
-              height="4"
-              rx="1"
-              width="18"
-              x="3"
-              y="8"
-            />
-            <line
-              x1="12"
-              x2="12"
-              y1="8"
-              y2="21"
-            />
-            <path
-              d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7"
-            />
-            <path
-              d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        Excalidraw+
-      </div>
-    </a>
-    <a
-      class="menu-item"
-      href="https://github.com/excalidraw/excalidraw"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          viewBox="0 0 20 20"
-        >
-          <path
-            d="M7.5 15.833c-3.583 1.167-3.583-2.083-5-2.5m10 4.167v-2.917c0-.833.083-1.166-.417-1.666 2.334-.25 4.584-1.167 4.584-5a3.833 3.833 0 0 0-1.084-2.667 3.5 3.5 0 0 0-.083-2.667s-.917-.25-2.917 1.084a10.25 10.25 0 0 0-5.166 0C5.417 2.333 4.5 2.583 4.5 2.583a3.5 3.5 0 0 0-.083 2.667 3.833 3.833 0 0 0-1.084 2.667c0 3.833 2.25 4.75 4.584 5-.5.5-.5 1-.417 1.666V17.5"
-            stroke-width="1.25"
-          />
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        GitHub
-      </div>
-    </a>
-    <a
-      class="menu-item"
-      href="https://discord.gg/UexuTaE"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          viewBox="0 0 20 20"
-        >
-          <g
-            stroke-width="1.25"
-          >
-            <path
-              d="M7.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM12.5 10.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.25 6.25c2.917-.833 4.583-.833 7.5 0M5.833 13.75c2.917.833 5.417.833 8.334 0"
-            />
-            <path
-              d="M12.917 14.167c0 .833 1.25 2.5 1.666 2.5 1.25 0 2.361-1.39 2.917-2.5.556-1.39.417-4.861-1.25-9.584-1.214-.846-2.5-1.116-3.75-1.25l-.833 2.084M7.083 14.167c0 .833-1.13 2.5-1.526 2.5-1.191 0-2.249-1.39-2.778-2.5-.529-1.39-.397-4.861 1.19-9.584 1.157-.846 2.318-1.116 3.531-1.25l.833 2.084"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        Discord
-      </div>
-    </a>
-    <a
-      class="menu-item"
-      href="https://twitter.com/excalidraw"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        class="menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-        >
-          <g
-            stroke-width="1.25"
-          >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-              stroke="none"
-            />
-            <path
-              d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="menu-item__text"
-      >
-        Twitter
-      </div>
-    </a>
-    <div
-      style="height: 1px; margin: .5rem 0px;"
-    />
-    <div
-      style="display: flex; flex-direction: column; row-gap: .5rem;"
-    >
-      <div>
-        <button
-          aria-label="Dark mode"
-          class="menu-item"
-          data-testid="toggle-dark-mode"
-          title="Dark mode"
-          type="button"
-        >
-          <div
-            class="menu-item__icon"
-          >
-            <svg
-              aria-hidden="true"
-              class=""
-              fill="none"
-              focusable="false"
-              role="img"
-              stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              viewBox="0 0 20 20"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M10 2.5h.328a6.25 6.25 0 0 0 6.6 10.372A7.5 7.5 0 1 1 10 2.493V2.5Z"
-                stroke="currentColor"
-              />
-            </svg>
-          </div>
-          <div
-            class="menu-item__text"
-          >
-            Dark mode
-          </div>
-          <div
-            class="menu-item__shortcut"
-          >
-            Shift+Alt+D
-          </div>
-        </button>
-      </div>
-      <div
-        style="padding: 0px 0.625rem;"
-      >
-        <select
-          aria-label="Select language"
-          class="dropdown-select dropdown-select__language"
-          style="width: 100%;"
-        >
-          <option
-            value="en"
-          >
-            English
-          </option>
-          <option
-            value="id-ID"
-          >
-            Bahasa Indonesia
-          </option>
-          <option
-            value="ca-ES"
-          >
-            Català
-          </option>
-          <option
-            value="de-DE"
-          >
-            Deutsch
-          </option>
-          <option
-            value="en"
-          >
-            English
-          </option>
-          <option
-            value="es-ES"
-          >
-            Español
-          </option>
-          <option
-            value="eu-ES"
-          >
-            Euskara
-          </option>
-          <option
-            value="fr-FR"
-          >
-            Français
-          </option>
-          <option
-            value="gl-ES"
-          >
-            Galego
-          </option>
-          <option
-            value="it-IT"
-          >
-            Italiano
-          </option>
-          <option
-            value="ku-TR"
-          >
-            Kurdî
-          </option>
-          <option
-            value="lv-LV"
-          >
-            Latviešu
-          </option>
-          <option
-            value="hu-HU"
-          >
-            Magyar
-          </option>
-          <option
-            value="nl-NL"
-          >
-            Nederlands
-          </option>
-          <option
-            value="nb-NO"
-          >
-            Norsk bokmål
-          </option>
-          <option
-            value="nn-NO"
-          >
-            Norsk nynorsk
-          </option>
-          <option
-            value="oc-FR"
-          >
-            Occitan
-          </option>
-          <option
-            value="pl-PL"
-          >
-            Polski
-          </option>
-          <option
-            value="pt-PT"
-          >
-            Português
-          </option>
-          <option
-            value="pt-BR"
-          >
-            Português Brasileiro
-          </option>
-          <option
-            value="ro-RO"
-          >
-            Română
-          </option>
-          <option
-            value="sk-SK"
-          >
-            Slovenčina
-          </option>
-          <option
-            value="sl-SI"
-          >
-            Slovenščina
-          </option>
-          <option
-            value="fi-FI"
-          >
-            Suomi
-          </option>
-          <option
-            value="sv-SE"
-          >
-            Svenska
-          </option>
-          <option
-            value="kab-KAB"
-          >
-            Taqbaylit
-          </option>
-          <option
-            value="tr-TR"
-          >
-            Türkçe
-          </option>
-          <option
-            value="el-GR"
-          >
-            Ελληνικά
-          </option>
-          <option
-            value="ru-RU"
-          >
-            Русский
-          </option>
-          <option
-            value="uk-UA"
-          >
-            Українська
-          </option>
-          <option
-            value="he-IL"
-          >
-            עברית
-          </option>
-          <option
-            value="ar-SA"
-          >
-            العربية
-          </option>
-          <option
-            value="fa-IR"
-          >
-            فارسی
-          </option>
-          <option
-            value="mr-IN"
-          >
-            मराठी
-          </option>
-          <option
-            value="ja-JP"
-          >
-            日本語
-          </option>
-          <option
-            value="zh-CN"
-          >
-            简体中文
-          </option>
-          <option
-            value="zh-TW"
-          >
-            繁體中文
-          </option>
-          <option
-            value="ko-KR"
-          >
-            한국어
-          </option>
-        </select>
-      </div>
-      <div>
-        <div
-          style="font-size: .75rem; margin-bottom: .5rem;"
-        >
-          Canvas background
-        </div>
-        <div
-          style="padding: 0px 0.625rem;"
-        >
-          <div
-            style="position: relative;"
-          >
-            <div>
-              <div
-                class="color-picker-control-container"
-              >
-                <div
-                  class="color-picker-label-swatch-container"
-                >
-                  <button
-                    aria-label="Canvas background"
-                    class="color-picker-label-swatch"
-                    style="--swatch-color: #ffffff;"
-                  />
-                </div>
-                <label
-                  class="color-input-container"
-                >
-                  <div
-                    class="color-picker-hash"
-                  >
-                    #
-                  </div>
-                  <input
-                    aria-label="Canvas background"
-                    class="color-picker-input"
-                    spellcheck="false"
-                    value="ffffff"
-                  />
-                </label>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
   </div>
-</section>
+</div>
 `;
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 3610ac1c9..99e928c5e 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -1,5 +1,5 @@
-import { fireEvent, GlobalTestState, render } from "../test-utils";
-import { Excalidraw, Footer } from "../../packages/excalidraw/index";
+import { fireEvent, GlobalTestState, toggleMenu, render } from "../test-utils";
+import { Excalidraw, Footer, MainMenu } from "../../packages/excalidraw/index";
 import { queryByText, queryByTestId } from "@testing-library/react";
 import { GRID_SIZE, THEME } from "../../constants";
 import { t } from "../../i18n";
@@ -7,6 +7,12 @@ import { t } from "../../i18n";
 const { h } = window;
 
 describe("<Excalidraw/>", () => {
+  afterEach(() => {
+    const menu = document.querySelector(".dropdown-menu");
+    if (menu) {
+      toggleMenu(document.querySelector(".excalidraw")!);
+    }
+  });
   describe("Test zenModeEnabled prop", () => {
     it('should show exit zen mode button when zen mode is set and zen mode option in context menu when zenModeEnabled is "undefined"', async () => {
       const { container } = await render(<Excalidraw />);
@@ -56,9 +62,7 @@ describe("<Excalidraw/>", () => {
         <div>This is a custom footer</div>
       </Excalidraw>,
     );
-    expect(
-      container.querySelector(".layer-ui__wrapper__footer-center"),
-    ).toBeEmptyDOMElement();
+    expect(container.querySelector(".footer-center")).toBe(null);
 
     // Footer passed hence it will render the footer
     ({ container } = await render(
@@ -68,12 +72,17 @@ describe("<Excalidraw/>", () => {
         </Footer>
       </Excalidraw>,
     ));
-    expect(
-      container.querySelector(".layer-ui__wrapper__footer-center")?.innerHTML,
-    ).toMatchInlineSnapshot(
-      `"<div class=\\"layer-ui__wrapper__footer-center zen-mode-transition\\"><div>This is a custom footer</div></div>"`,
-    );
+    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(`
+      <div
+        class="footer-center zen-mode-transition"
+      >
+        <div>
+          This is a custom footer
+        </div>
+      </div>
+    `);
   });
+
   describe("Test gridModeEnabled prop", () => {
     it('should show grid mode in context menu when gridModeEnabled is "undefined"', async () => {
       const { container } = await render(<Excalidraw />);
@@ -112,98 +121,51 @@ describe("<Excalidraw/>", () => {
     });
   });
 
-  describe("Test theme prop", () => {
-    it("should show the theme toggle by default", async () => {
-      const { container } = await render(<Excalidraw />);
-
-      expect(h.state.theme).toBe(THEME.LIGHT);
-
-      queryByTestId(container, "menu-button")!.click();
-      const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
-      expect(darkModeToggle).toBeTruthy();
-    });
-
-    it("should not show theme toggle when the theme prop is defined", async () => {
-      const { container } = await render(<Excalidraw theme="dark" />);
-      expect(h.state.theme).toBe(THEME.DARK);
-      expect(queryByTestId(container, "toggle-dark-mode")).toBe(null);
-    });
-
-    it("should show theme mode toggle when `UIOptions.canvasActions.toggleTheme` is true", async () => {
-      const { container } = await render(
-        <Excalidraw
-          theme={THEME.DARK}
-          UIOptions={{ canvasActions: { toggleTheme: true } }}
-        />,
-      );
-      expect(h.state.theme).toBe(THEME.DARK);
-      const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
-      expect(darkModeToggle).toBeTruthy();
-    });
-
-    it("should not show theme toggle when `UIOptions.canvasActions.toggleTheme` is false", async () => {
-      const { container } = await render(
-        <Excalidraw
-          UIOptions={{ canvasActions: { toggleTheme: false } }}
-          theme={THEME.DARK}
-        />,
-      );
-      expect(h.state.theme).toBe(THEME.DARK);
-      const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
-      expect(darkModeToggle).toBeFalsy();
-    });
-  });
-
-  describe("Test name prop", () => {
-    it('should allow editing name when the name prop is "undefined"', async () => {
-      const { container } = await render(<Excalidraw />);
-
-      fireEvent.click(queryByTestId(container, "image-export-button")!);
-      const textInput: HTMLInputElement | null = document.querySelector(
-        ".ExportDialog .ProjectName .TextInput",
-      );
-      expect(textInput?.value).toContain(`${t("labels.untitled")}`);
-      expect(textInput?.nodeName).toBe("INPUT");
-    });
-
-    it('should set the name and not allow editing when the name prop is present"', async () => {
-      const name = "test";
-      const { container } = await render(<Excalidraw name={name} />);
-
-      await fireEvent.click(queryByTestId(container, "image-export-button")!);
-      const textInput = document.querySelector(
-        ".ExportDialog .ProjectName .TextInput--readonly",
-      );
-      expect(textInput?.textContent).toEqual(name);
-      expect(textInput?.nodeName).toBe("SPAN");
-    });
+  it("should render main menu with host menu items if passed from host", async () => {
+    const { container } = await render(
+      <Excalidraw UIOptions={undefined}>
+        <MainMenu>
+          <MainMenu.Item onSelect={() => window.alert("Clicked")}>
+            Click me
+          </MainMenu.Item>
+          <MainMenu.ItemLink href="blog.excalidaw.com">
+            Excalidraw blog
+          </MainMenu.ItemLink>
+          <MainMenu.ItemCustom>
+            <button
+              style={{ height: "2rem" }}
+              onClick={() => window.alert("custom menu item")}
+            >
+              {" "}
+              custom menu item
+            </button>
+          </MainMenu.ItemCustom>
+          <MainMenu.DefaultItems.Help />
+        </MainMenu>
+      </Excalidraw>,
+    );
+    //open menu
+    toggleMenu(container);
+    expect(queryByTestId(container, "dropdown-menu")).toMatchSnapshot();
   });
 
   describe("Test UIOptions prop", () => {
-    it('should not hide any UI element when the UIOptions prop is "undefined"', async () => {
-      await render(<Excalidraw />);
-
-      const canvasActions = document.querySelector(
-        'section[aria-labelledby="test-id-canvasActions-title"]',
-      );
-
-      expect(canvasActions).toMatchSnapshot();
-    });
-
     describe("Test canvasActions", () => {
-      it('should not hide any UI element when canvasActions is "undefined"', async () => {
-        await render(<Excalidraw UIOptions={{}} />);
-        const canvasActions = document.querySelector(
-          'section[aria-labelledby="test-id-canvasActions-title"]',
+      it('should render menu with default items when "UIOPtions" is "undefined"', async () => {
+        const { container } = await render(
+          <Excalidraw UIOptions={undefined} />,
         );
-        expect(canvasActions).toMatchSnapshot();
+        //open menu
+        toggleMenu(container);
+        expect(queryByTestId(container, "dropdown-menu")).toMatchSnapshot();
       });
 
       it("should hide clear canvas button when clearCanvas is false", async () => {
         const { container } = await render(
           <Excalidraw UIOptions={{ canvasActions: { clearCanvas: false } }} />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "clear-canvas-button")).toBeNull();
       });
 
@@ -211,7 +173,8 @@ describe("<Excalidraw/>", () => {
         const { container } = await render(
           <Excalidraw UIOptions={{ canvasActions: { export: false } }} />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "json-export-button")).toBeNull();
       });
 
@@ -219,7 +182,8 @@ describe("<Excalidraw/>", () => {
         const { container } = await render(
           <Excalidraw UIOptions={{ canvasActions: { saveAsImage: false } }} />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "image-export-button")).toBeNull();
       });
 
@@ -237,7 +201,8 @@ describe("<Excalidraw/>", () => {
             UIOptions={{ canvasActions: { export: { saveFileToDisk: false } } }}
           />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "save-as-button")).toBeNull();
       });
 
@@ -247,7 +212,8 @@ describe("<Excalidraw/>", () => {
             UIOptions={{ canvasActions: { saveToActiveFile: false } }}
           />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "save-button")).toBeNull();
       });
 
@@ -257,7 +223,8 @@ describe("<Excalidraw/>", () => {
             UIOptions={{ canvasActions: { changeViewBackgroundColor: false } }}
           />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "canvas-background-picker")).toBeNull();
       });
 
@@ -265,12 +232,110 @@ describe("<Excalidraw/>", () => {
         const { container } = await render(
           <Excalidraw UIOptions={{ canvasActions: { toggleTheme: false } }} />,
         );
-
+        //open menu
+        toggleMenu(container);
         expect(queryByTestId(container, "toggle-dark-mode")).toBeNull();
       });
+
+      it("should not render default items in custom menu even if passed if the prop in `canvasActions` is set to false", async () => {
+        const { container } = await render(
+          <Excalidraw UIOptions={{ canvasActions: { loadScene: false } }}>
+            <MainMenu>
+              <MainMenu.ItemCustom>
+                <button
+                  style={{ height: "2rem" }}
+                  onClick={() => window.alert("custom menu item")}
+                >
+                  {" "}
+                  custom item
+                </button>
+              </MainMenu.ItemCustom>
+              <MainMenu.DefaultItems.LoadScene />
+            </MainMenu>
+          </Excalidraw>,
+        );
+        //open menu
+        toggleMenu(container);
+        // load button shouldn't be rendered since `UIActions.canvasActions.loadScene` is `false`
+        expect(queryByTestId(container, "load-button")).toBeNull();
+      });
     });
   });
 
+  describe("Test theme prop", () => {
+    it("should show the theme toggle by default", async () => {
+      const { container } = await render(<Excalidraw />);
+      expect(h.state.theme).toBe(THEME.LIGHT);
+      //open menu
+      toggleMenu(container);
+      const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
+      expect(darkModeToggle).toBeTruthy();
+    });
+
+    it("should not show theme toggle when the theme prop is defined", async () => {
+      const { container } = await render(<Excalidraw theme={THEME.DARK} />);
+
+      expect(h.state.theme).toBe(THEME.DARK);
+      //open menu
+      toggleMenu(container);
+      expect(queryByTestId(container, "toggle-dark-mode")).toBe(null);
+    });
+
+    it("should show theme mode toggle when `UIOptions.canvasActions.toggleTheme` is true", async () => {
+      const { container } = await render(
+        <Excalidraw
+          theme={THEME.DARK}
+          UIOptions={{ canvasActions: { toggleTheme: true } }}
+        />,
+      );
+      expect(h.state.theme).toBe(THEME.DARK);
+      //open menu
+      toggleMenu(container);
+      const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
+      expect(darkModeToggle).toBeTruthy();
+    });
+
+    it("should not show theme toggle when `UIOptions.canvasActions.toggleTheme` is false", async () => {
+      const { container } = await render(
+        <Excalidraw
+          UIOptions={{ canvasActions: { toggleTheme: false } }}
+          theme={THEME.DARK}
+        />,
+      );
+      expect(h.state.theme).toBe(THEME.DARK);
+      //open menu
+      toggleMenu(container);
+      const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
+      expect(darkModeToggle).toBeFalsy();
+    });
+  });
+
+  describe("Test name prop", () => {
+    it('should allow editing name when the name prop is "undefined"', async () => {
+      const { container } = await render(<Excalidraw />);
+      //open menu
+      toggleMenu(container);
+      fireEvent.click(queryByTestId(container, "image-export-button")!);
+      const textInput: HTMLInputElement | null = document.querySelector(
+        ".ExportDialog .ProjectName .TextInput",
+      );
+      expect(textInput?.value).toContain(`${t("labels.untitled")}`);
+      expect(textInput?.nodeName).toBe("INPUT");
+    });
+
+    it('should set the name and not allow editing when the name prop is present"', async () => {
+      const name = "test";
+      const { container } = await render(<Excalidraw name={name} />);
+      //open menu
+      toggleMenu(container);
+      await fireEvent.click(queryByTestId(container, "image-export-button")!);
+      const textInput = document.querySelector(
+        ".ExportDialog .ProjectName .TextInput--readonly",
+      );
+      expect(textInput?.textContent).toEqual(name);
+      expect(textInput?.nodeName).toBe("SPAN");
+    });
+  });
   describe("Test autoFocus prop", () => {
     it("should not focus when autoFocus is false", async () => {
       const { container } = await render(<Excalidraw />);
diff --git a/src/tests/regressionTests.test.tsx b/src/tests/regressionTests.test.tsx
index d8e149d9a..07a6a449f 100644
--- a/src/tests/regressionTests.test.tsx
+++ b/src/tests/regressionTests.test.tsx
@@ -446,7 +446,7 @@ describe("regression tests", () => {
     UI.clickTool("rectangle");
     // english lang should display `thin` label
     expect(screen.queryByTitle(/thin/i)).not.toBeNull();
-    fireEvent.click(document.querySelector(".menu-button")!);
+    fireEvent.click(document.querySelector(".dropdown-menu-button")!);
 
     fireEvent.change(document.querySelector(".dropdown-select__language")!, {
       target: { value: "de-DE" },
diff --git a/src/tests/test-utils.ts b/src/tests/test-utils.ts
index c7af29048..c33e80c7d 100644
--- a/src/tests/test-utils.ts
+++ b/src/tests/test-utils.ts
@@ -6,6 +6,7 @@ import {
   RenderResult,
   RenderOptions,
   waitFor,
+  fireEvent,
 } from "@testing-library/react";
 
 import * as toolQueries from "./queries/toolQueries";
@@ -184,3 +185,8 @@ export const assertSelectedElements = (
   expect(selectedElementIds.length).toBe(ids.length);
   expect(selectedElementIds).toEqual(expect.arrayContaining(ids));
 };
+
+export const toggleMenu = (container: HTMLElement) => {
+  // open menu
+  fireEvent.click(container.querySelector(".dropdown-menu-button")!);
+};
diff --git a/src/types.ts b/src/types.ts
index 218ca4dee..8ee85d279 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -161,7 +161,7 @@ export type AppState = {
     | "strokeColorPicker"
     | null;
   openSidebar: "library" | "customSidebar" | null;
-  openDialog: "imageExport" | "help" | null;
+  openDialog: "imageExport" | "help" | "jsonExport" | null;
   isSidebarDocked: boolean;
 
   lastPointerDownWith: PointerType;
@@ -517,7 +517,7 @@ export type Device = Readonly<{
 }>;
 
 export type UIChildrenComponents = {
-  [k in "FooterCenter"]?:
+  [k in "FooterCenter" | "Menu"]?:
     | React.ReactPortal
     | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 };

From 0f11f7da159d4df4df7a7aa540a9f3ba15eb9e39 Mon Sep 17 00:00:00 2001
From: EternalWill43 <70084418+EternalWill43@users.noreply.github.com>
Date: Thu, 5 Jan 2023 11:43:19 -0500
Subject: [PATCH 019/252] fix: HelpDialog (#6072)

---
 src/components/HelpDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 344ad393b..065d0f77e 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -140,11 +140,11 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
             />
             <Shortcut
               label={t("toolBar.line")}
-              shortcuts={[KEYS.P, KEYS["6"]]}
+              shortcuts={[KEYS.L, KEYS["6"]]}
             />
             <Shortcut
               label={t("toolBar.freedraw")}
-              shortcuts={["Shift + P", KEYS["7"]]}
+              shortcuts={[KEYS.P, KEYS["7"]]}
             />
             <Shortcut
               label={t("toolBar.text")}

From 974722370524ee3c288dc5da5062a582fcc6d59b Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Fri, 6 Jan 2023 07:53:14 +0100
Subject: [PATCH 020/252] chore: Update translations from Crowdin (#6052)

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Hindi)

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Galician)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Spanish)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Catalan)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Basque)

* New translations en.json (Finnish)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Italian)

* New translations en.json (Japanese)

* New translations en.json (Korean)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Dutch)

* New translations en.json (Punjabi)

* New translations en.json (Polish)

* New translations en.json (Portuguese)

* New translations en.json (Russian)

* New translations en.json (Slovak)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Simplified)

* New translations en.json (Chinese Traditional)

* New translations en.json (Vietnamese)

* New translations en.json (Galician)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Tamil)

* New translations en.json (Bengali)

* New translations en.json (Marathi)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Kazakh)

* New translations en.json (Latvian)

* New translations en.json (Hindi)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Sinhala)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Traditional)

* New translations en.json (Chinese Traditional)

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (Latvian)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovenian)

* Auto commit: Calculate translation coverage

* New translations en.json (Spanish)

* New translations en.json (Russian)

* Auto commit: Calculate translation coverage

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Vietnamese)

* Auto commit: Calculate translation coverage

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Dutch)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* Auto commit: Calculate translation coverage

* New translations en.json (Latvian)

* New translations en.json (French)

* Auto commit: Calculate translation coverage

* New translations en.json (French)

* Auto commit: Calculate translation coverage

* New translations en.json (Portuguese, Brazilian)

* Auto commit: Calculate translation coverage

* New translations en.json (Japanese)

* Auto commit: Calculate translation coverage
---
 src/locales/ar-SA.json       |  4 +++-
 src/locales/bg-BG.json       |  4 +++-
 src/locales/bn-BD.json       |  4 +++-
 src/locales/ca-ES.json       |  4 +++-
 src/locales/cs-CZ.json       |  4 +++-
 src/locales/da-DK.json       |  4 +++-
 src/locales/de-DE.json       |  8 ++++---
 src/locales/el-GR.json       |  4 +++-
 src/locales/es-ES.json       |  4 +++-
 src/locales/eu-ES.json       |  4 +++-
 src/locales/fa-IR.json       |  4 +++-
 src/locales/fi-FI.json       |  4 +++-
 src/locales/fr-FR.json       | 14 ++++++-----
 src/locales/gl-ES.json       | 14 ++++++-----
 src/locales/he-IL.json       |  4 +++-
 src/locales/hi-IN.json       | 10 ++++----
 src/locales/hu-HU.json       |  4 +++-
 src/locales/id-ID.json       |  4 +++-
 src/locales/it-IT.json       |  4 +++-
 src/locales/ja-JP.json       | 14 ++++++-----
 src/locales/kab-KAB.json     |  4 +++-
 src/locales/kk-KZ.json       |  4 +++-
 src/locales/ko-KR.json       |  4 +++-
 src/locales/ku-TR.json       |  4 +++-
 src/locales/lt-LT.json       |  4 +++-
 src/locales/lv-LV.json       | 14 ++++++-----
 src/locales/mr-IN.json       | 10 ++++----
 src/locales/my-MM.json       |  4 +++-
 src/locales/nb-NO.json       |  4 +++-
 src/locales/nl-NL.json       |  8 ++++---
 src/locales/nn-NO.json       |  4 +++-
 src/locales/oc-FR.json       |  4 +++-
 src/locales/pa-IN.json       |  4 +++-
 src/locales/percentages.json | 46 ++++++++++++++++++------------------
 src/locales/pl-PL.json       |  4 +++-
 src/locales/pt-BR.json       | 24 ++++++++++---------
 src/locales/pt-PT.json       |  4 +++-
 src/locales/ro-RO.json       |  4 +++-
 src/locales/ru-RU.json       |  4 +++-
 src/locales/si-LK.json       |  4 +++-
 src/locales/sk-SK.json       |  4 +++-
 src/locales/sl-SI.json       |  4 +++-
 src/locales/sv-SE.json       |  4 +++-
 src/locales/ta-IN.json       |  4 +++-
 src/locales/tr-TR.json       |  4 +++-
 src/locales/uk-UA.json       |  4 +++-
 src/locales/vi-VN.json       |  6 +++--
 src/locales/zh-CN.json       | 16 +++++++------
 src/locales/zh-HK.json       |  4 +++-
 src/locales/zh-TW.json       |  4 +++-
 50 files changed, 217 insertions(+), 119 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 183d9cd35..938db0977 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "تعذر إدراج صورة SVG. يبدو أن ترميز SVG غير صحيح.",
     "invalidSVGString": "SVG غير صالح.",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "تحديد",
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index f9a460118..ef2710b41 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Селекция",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index b19d257ec..6dbaa9967 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "এসভীজী ছবি সন্নিবেশ করা যায়নি। এসভীজী মার্কআপটি অবৈধ মনে হচ্ছে৷",
     "invalidSVGString": "এসভীজী মার্কআপটি অবৈধ মনে হচ্ছে৷",
     "cannotResolveCollabServer": "কোল্যাব সার্ভারের সাথে সংযোগ করা যায়নি। পৃষ্ঠাটি পুনরায় লোড করে আবার চেষ্টা করুন।",
-    "importLibraryError": "সংগ্রহ লোড করা যায়নি"
+    "importLibraryError": "সংগ্রহ লোড করা যায়নি",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "বাছাই",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 27c3cf944..ef6e33502 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "No ha estat possible inserir la imatge SVG. Les marques SVG semblen invàlides.",
     "invalidSVGString": "SVG no vàlid.",
     "cannotResolveCollabServer": "No ha estat possible connectar amb el servidor collab. Si us plau recarregueu la pàgina i torneu a provar.",
-    "importLibraryError": "No s'ha pogut carregar la biblioteca"
+    "importLibraryError": "No s'ha pogut carregar la biblioteca",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Selecció",
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 39a2dd1aa..aa801607a 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Výběr",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 04a506a75..8f3cde90f 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index 1d46724ef..e1c66ac48 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "SVG-Bild konnte nicht eingefügt werden. Das SVG-Markup sieht ungültig aus.",
     "invalidSVGString": "Ungültige SVG.",
     "cannotResolveCollabServer": "Konnte keine Verbindung zum Collab-Server herstellen. Bitte lade die Seite neu und versuche es erneut.",
-    "importLibraryError": "Bibliothek konnte nicht geladen werden"
+    "importLibraryError": "Bibliothek konnte nicht geladen werden",
+    "collabSaveFailed": "Keine Speicherung in der Backend-Datenbank möglich. Wenn die Probleme weiterhin bestehen, solltest Du Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.",
+    "collabSaveFailed_sizeExceeded": "Keine Speicherung in der Backend-Datenbank möglich, die Zeichenfläche scheint zu groß zu sein. Du solltest Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst."
   },
   "toolBar": {
     "selection": "Auswahl",
@@ -312,8 +314,8 @@
     "zoomToFit": "Zoomen um alle Elemente einzupassen",
     "zoomToSelection": "Auf Auswahl zoomen",
     "toggleElementLock": "Auswahl sperren/entsperren",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Seite nach oben/unten verschieben",
+    "movePageLeftRight": "Seite nach links/rechts verschieben"
   },
   "clearCanvasDialog": {
     "title": "Zeichenfläche löschen"
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index 4ffde305b..0ad867f00 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Αδυναμία εισαγωγής εικόνας SVG. Η σήμανση της SVG δεν φαίνεται έγκυρη.",
     "invalidSVGString": "Μη έγκυρο SVG.",
     "cannotResolveCollabServer": "Αδυναμία σύνδεσης με τον διακομιστή συνεργασίας. Παρακαλώ ανανεώστε τη σελίδα και προσπαθήστε ξανά.",
-    "importLibraryError": "Αδυναμία φόρτωσης βιβλιοθήκης"
+    "importLibraryError": "Αδυναμία φόρτωσης βιβλιοθήκης",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Επιλογή",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index 220efdf4c..de2d76a98 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "No se pudo insertar la imagen SVG. El código SVG parece inválido.",
     "invalidSVGString": "SVG no válido.",
     "cannotResolveCollabServer": "No se pudo conectar al servidor colaborador. Por favor, vuelva a cargar la página y vuelva a intentarlo.",
-    "importLibraryError": "No se pudo cargar la librería"
+    "importLibraryError": "No se pudo cargar la librería",
+    "collabSaveFailed": "No se pudo guardar en la base de datos del backend. Si los problemas persisten, debería guardar su archivo localmente para asegurarse de que no pierde su trabajo.",
+    "collabSaveFailed_sizeExceeded": "No se pudo guardar en la base de datos del backend, el lienzo parece ser demasiado grande. Debería guardar el archivo localmente para asegurarse de que no pierde su trabajo."
   },
   "toolBar": {
     "selection": "Selección",
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 49a4a989e..00e45209e 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Ezin izan da SVG irudia txertatu. SVG markak baliogabea dirudi.",
     "invalidSVGString": "SVG baliogabea.",
     "cannotResolveCollabServer": "Ezin izan da elkarlaneko zerbitzarira konektatu. Mesedez, berriro kargatu orria eta saiatu berriro.",
-    "importLibraryError": "Ezin izan da liburutegia kargatu"
+    "importLibraryError": "Ezin izan da liburutegia kargatu",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Hautapena",
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 14fbe6023..03974771a 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "تصویر SVG وارد نشد. نشانه گذاری SVG نامعتبر به نظر می رسد.",
     "invalidSVGString": "SVG نادرست.",
     "cannotResolveCollabServer": "به سرور collab متصل نشد. لطفا صفحه را مجددا بارگذاری کنید و دوباره تلاش کنید.",
-    "importLibraryError": "داده‌ها بارگذاری نشدند"
+    "importLibraryError": "داده‌ها بارگذاری نشدند",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "گزینش",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 56b96c0cf..ba072d4fd 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "SVG- kuvaa ei voitu lisätä. Tiedoston SVG-sisältö näyttää virheelliseltä.",
     "invalidSVGString": "Virheellinen SVG.",
     "cannotResolveCollabServer": "Yhteyden muodostaminen collab-palvelimeen epäonnistui. Virkistä sivu ja yritä uudelleen.",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Valinta",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 8fd90bbe4..df733033d 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Coller",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Coller comme texte brut",
     "pasteCharts": "Coller les graphiques",
     "selectAll": "Tout sélectionner",
     "multiSelect": "Ajouter l'élément à la sélection",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Impossible d'insérer l'image SVG. Le balisage SVG semble invalide.",
     "invalidSVGString": "SVG invalide.",
     "cannotResolveCollabServer": "Impossible de se connecter au serveur collaboratif. Veuillez recharger la page et réessayer.",
-    "importLibraryError": "Impossible de charger la bibliothèque"
+    "importLibraryError": "Impossible de charger la bibliothèque",
+    "collabSaveFailed": "Impossible d'enregistrer dans la base de données en arrière-plan. Si des problèmes persistent, vous devriez enregistrer votre fichier localement pour vous assurer de ne pas perdre votre travail.",
+    "collabSaveFailed_sizeExceeded": "Impossible d'enregistrer dans la base de données en arrière-plan, le tableau semble trop grand. Vous devriez enregistrer le fichier localement pour vous assurer de ne pas perdre votre travail."
   },
   "toolBar": {
     "selection": "Sélection",
@@ -236,7 +238,7 @@
     "resize": "Vous pouvez conserver les proportions en maintenant la touche MAJ pendant le redimensionnement, maintenez la touche ALT pour redimensionner par rapport au centre",
     "resizeImage": "Vous pouvez redimensionner librement en maintenant SHIFT,\nmaintenez ALT pour redimensionner depuis le centre",
     "rotate": "Vous pouvez restreindre les angles en maintenant MAJ pendant la rotation",
-    "lineEditor_info": "",
+    "lineEditor_info": "Maintenez CtrlOrCmd et Double-cliquez ou appuyez sur CtrlOrCmd + Entrée pour modifier les points",
     "lineEditor_pointSelected": "Appuyer sur Suppr. pour supprimer des points, Ctrl ou Cmd+D pour dupliquer, ou faire glisser pour déplacer",
     "lineEditor_nothingSelected": "Sélectionner un point pour éditer (maintenir la touche MAJ pour en sélectionner plusieurs),\nou maintenir la touche Alt enfoncée et cliquer pour ajouter de nouveaux points",
     "placeImage": "Cliquez pour placer l'image, ou cliquez et faites glisser pour définir sa taille manuellement",
@@ -312,8 +314,8 @@
     "zoomToFit": "Zoomer pour voir tous les éléments",
     "zoomToSelection": "Zoomer sur la sélection",
     "toggleElementLock": "Verrouiller/déverrouiller la sélection",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Déplacer la page vers le haut/bas",
+    "movePageLeftRight": "Déplacer la page vers la gauche/droite"
   },
   "clearCanvasDialog": {
     "title": "Effacer la zone de dessin"
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "Enregistré sous {filename}",
     "canvas": "canevas",
     "selection": "sélection",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Utiliser {{shortcut}} pour coller comme un seul élément,\nou coller dans un éditeur de texte existant"
   },
   "colors": {
     "ffffff": "Blanc",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index aa2c4317a..f843c7089 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Pegar",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Pegar coma texto sen formato",
     "pasteCharts": "Pegar gráficos",
     "selectAll": "Seleccionar todo",
     "multiSelect": "Engadir elemento á selección",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Non se puido inserir como imaxe SVG. O marcado SVG semella inválido.",
     "invalidSVGString": "SVG inválido.",
     "cannotResolveCollabServer": "Non se puido conectar ao servidor de colaboración. Por favor recargue a páxina e probe de novo.",
-    "importLibraryError": "Non se puido cargar a biblioteca"
+    "importLibraryError": "Non se puido cargar a biblioteca",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Selección",
@@ -236,7 +238,7 @@
     "resize": "Pode reducir as proporcións mantendo SHIFT mentres axusta o tamaño,\nmanteña ALT para axustalo dende o centro",
     "resizeImage": "Pode axustar o tamaño libremente mantendo SHIFT,\nmanteña ALT para axustalo dende o centro",
     "rotate": "Podes reducir os ángulos mantendo SHIFT mentres os rotas",
-    "lineEditor_info": "",
+    "lineEditor_info": "Manteña pulsado CtrlOrCmd e faga dobre clic ou prema CtrlOrCmd + Enter para editar puntos",
     "lineEditor_pointSelected": "Prema Suprimir para eliminar o(s) punto(s)\nCtrlOrCmd+D para duplicalos, ou arrastre para movelos",
     "lineEditor_nothingSelected": "Seleccione un punto para editar (manteña pulsado SHIFT para selección múltiple),\nou manteña pulsado Alt e faga clic para engadir novos puntos",
     "placeImage": "Faga clic para colocar a imaxe, ou faga clic e arrastre para establecer o seu tamaño manualmente",
@@ -312,8 +314,8 @@
     "zoomToFit": "Zoom que se axuste a todos os elementos",
     "zoomToSelection": "Zoom á selección",
     "toggleElementLock": "Bloquear/desbloquear selección",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Mover páxina cara enriba/abaixo",
+    "movePageLeftRight": "Mover páxina cara a esquerda/dereita"
   },
   "clearCanvasDialog": {
     "title": "Limpar lenzo"
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "Gardado en {filename}",
     "canvas": "lenzo",
     "selection": "selección",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Usa {{shortcut}} para pegar como un único elemento\nou pega nun editor de texto existente"
   },
   "colors": {
     "ffffff": "Branco",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 4fcb6b440..24d1db079 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "לא ניתן היה להטמיע את תמונת ה-SVG. קידוד ה-SVG אינו תקני.",
     "invalidSVGString": "SVG בלתי תקני.",
     "cannotResolveCollabServer": "",
-    "importLibraryError": "לא ניתן היה לטעון את הספריה"
+    "importLibraryError": "לא ניתן היה לטעון את הספריה",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "בחירה",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 57844d97a..56fac78d8 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "चिपकाएँ",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "सादे पाठ के रूप में चिपकाएं",
     "pasteCharts": "चार्ट चिपकाएँ",
     "selectAll": "सभी चुनें",
     "multiSelect": "आकार को चयन में जोड़ें",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "एसवीजी छवि सम्मिलित नहीं कर सके, एसवीजी रचना अनुचित हैं",
     "invalidSVGString": "अनुचित SVG",
     "cannotResolveCollabServer": "कॉलेब सर्वर से कनेक्शन नहीं हो पा रहा. कृपया पृष्ठ को पुनः लाने का प्रयास करे.",
-    "importLibraryError": "संग्रह प्रतिष्ठापित नहीं किया जा सका"
+    "importLibraryError": "संग्रह प्रतिष्ठापित नहीं किया जा सका",
+    "collabSaveFailed": "किसी कारण वश अंदरूनी डेटाबेस में सहेजा नहीं जा सका। यदि समस्या बनी रहती है, तो किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
+    "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।"
   },
   "toolBar": {
     "selection": "चयन",
@@ -236,7 +238,7 @@
     "resize": "आकार बदलते समय आप SHIFT को पकड़ कर अनुपात में कमी कर सकते हैं,\nकेंद्र से आकार बदलने के लिए ALT दबाए रखें",
     "resizeImage": "",
     "rotate": "आप घूर्णन करते समय SHIFT पकड़कर कोणों को विवश कर सकते हैं",
-    "lineEditor_info": "",
+    "lineEditor_info": "बिंदुओं को सम्पादित करने के लिए CtrlOrCmd को दबायें रखते हुये डबल क्लिक करे, अथवा CtrlOrCmd + Enter साथ दबाये",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "",
     "canvas": "",
     "selection": "",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "एक अवयव के रूप में चिपकाने के लिए {{shortcut}} का उपयोग करें,\nया किसी मौजूदा पाठ संपादक में चिपकायें"
   },
   "colors": {
     "ffffff": "सफेद",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 99913d11a..8938fe37e 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Nem sikerült beszúrni az SVG-képet. Az SVG szintaktika érvénytelennek tűnik.",
     "invalidSVGString": "Érvénytelen SVG.",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Kijelölés",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 9038b382c..68d06d466 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Tidak dapat menyisipkan gambar SVG. Markup SVG sepertinya tidak valid.",
     "invalidSVGString": "SVG tidak valid.",
     "cannotResolveCollabServer": "Tidak dapat terhubung ke server kolab. Muat ulang laman dan coba lagi.",
-    "importLibraryError": "Tidak dapat memuat pustaka"
+    "importLibraryError": "Tidak dapat memuat pustaka",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Pilihan",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 589940f00..5f57b042e 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Impossibile inserire l'immagine SVG. Il markup SVG non sembra corretto.",
     "invalidSVGString": "SVG non valido.",
     "cannotResolveCollabServer": "Impossibile connettersi al server di collab. Ricarica la pagina e riprova.",
-    "importLibraryError": "Impossibile caricare la libreria"
+    "importLibraryError": "Impossibile caricare la libreria",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Selezione",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index fe0a1320c..e40b15ba0 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "貼り付け",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "書式なしテキストとして貼り付け",
     "pasteCharts": "チャートの貼り付け",
     "selectAll": "すべて選択",
     "multiSelect": "複数選択",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "SVGイメージを挿入できませんでした。SVGマークアップは無効に見えます。",
     "invalidSVGString": "無効なSVGです。",
     "cannotResolveCollabServer": "コラボレーションサーバに接続できませんでした。ページを再読み込みして、もう一度お試しください。",
-    "importLibraryError": "ライブラリを読み込めませんでした。"
+    "importLibraryError": "ライブラリを読み込めませんでした。",
+    "collabSaveFailed": "バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。",
+    "collabSaveFailed_sizeExceeded": "キャンバスが大きすぎるため、バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。"
   },
   "toolBar": {
     "selection": "選択",
@@ -236,7 +238,7 @@
     "resize": "サイズを変更中にSHIFTを押すと縦横比を固定できます。Altを押すと中央からサイズを変更できます",
     "resizeImage": "SHIFTを長押しすると自由にサイズを変更できます。\n中央からサイズを変更するにはALTを長押しします",
     "rotate": "回転中にSHIFT キーを押すと角度を制限することができます",
-    "lineEditor_info": "",
+    "lineEditor_info": "CtrlOrCmd を押したままダブルクリックするか、CtrlOrCmd + Enter を押して点を編集します",
     "lineEditor_pointSelected": "Deleteキーを押すと点を削除、CtrlOrCmd+Dで複製、マウスドラッグで移動",
     "lineEditor_nothingSelected": "編集する点を選択（SHIFTを押したままで複数選択）、\nAltキーを押しながらクリックすると新しい点を追加",
     "placeImage": "クリックして画像を配置するか、クリックしてドラッグしてサイズを手動で設定します",
@@ -312,8 +314,8 @@
     "zoomToFit": "すべての要素が収まるようにズーム",
     "zoomToSelection": "選択要素にズーム",
     "toggleElementLock": "選択したアイテムをロック/ロック解除",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "ページを上下に移動",
+    "movePageLeftRight": "ページを左右に移動"
   },
   "clearCanvasDialog": {
     "title": "キャンバスを消去"
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "{filename} に保存しました",
     "canvas": "キャンバス",
     "selection": "選択",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "{{shortcut}} を使用して単一の要素として貼り付けるか、\n既存のテキストエディタに貼り付け"
   },
   "colors": {
     "ffffff": "ホワイト",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index b0e64fccc..f2763b0f9 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "D awezɣi tugra n tugna SVG. Acraḍ SVG yettban-d d armeɣtu.",
     "invalidSVGString": "SVG armeɣtu.",
     "cannotResolveCollabServer": "Ulamek tuqqna s aqeddac n umyalel. Ma ulac uɣilif ales asali n usebter sakin eɛreḍ tikkelt-nniḍen.",
-    "importLibraryError": "Ur d-ssalay ara tamkarḍit"
+    "importLibraryError": "Ur d-ssalay ara tamkarḍit",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Tafrayt",
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 9a848d935..a9601b8b1 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 7fb133f78..575ff41b1 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "SVG 이미지를 삽입하지 못했습니다. SVG 문법이 유효하지 않은 것 같습니다.",
     "invalidSVGString": "유효하지 않은 SVG입니다.",
     "cannotResolveCollabServer": "협업 서버에 접속하는데 실패했습니다. 페이지를 새로고침하고 다시 시도해보세요.",
-    "importLibraryError": "라이브러리를 불러오지 못했습니다."
+    "importLibraryError": "라이브러리를 불러오지 못했습니다.",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "선택",
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 69ab5e101..17180e8e9 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "نەیتوانی وێنەی SVG داخڵ بکات. نیشانەی ئێس ڤی جی نادروست دیارە.",
     "invalidSVGString": "ئێس ڤی جی نادروستە.",
     "cannotResolveCollabServer": "ناتوانێت پەیوەندی بکات بە سێرڤەری کۆلاب. تکایە لاپەڕەکە دووبارە باربکەوە و دووبارە هەوڵ بدەوە.",
-    "importLibraryError": "نەیتوانی کتێبخانە بار بکات"
+    "importLibraryError": "نەیتوانی کتێبخانە بار بکات",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "دەستنیشانکردن",
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index a9e06e1d3..24768875f 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Nepavyko įtraukti SVG paveiksliuko. Panašu, jog SVG yra nevalidus.",
     "invalidSVGString": "Nevalidus SVG.",
     "cannotResolveCollabServer": "Nepavyko prisijungti prie serverio bendradarbiavimui. Perkrauk puslapį ir pabandyk prisijungti dar kartą.",
-    "importLibraryError": "Nepavyko įkelti bibliotekos"
+    "importLibraryError": "Nepavyko įkelti bibliotekos",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Žymėjimas",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 40ba383b1..ee98e9adb 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Ielīmēt",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Ielīmēt kā vienkāršu tekstu",
     "pasteCharts": "Ielīmēt grafikus",
     "selectAll": "Atlasīt visu",
     "multiSelect": "Pievienot elementu atlasei",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Nevarēja ievietot SVG attēlu. Šķiet, ka SVG marķējums nav derīgs.",
     "invalidSVGString": "Nederīgs SVG.",
     "cannotResolveCollabServer": "Nevarēja savienoties ar sadarbošanās serveri. Lūdzu, pārlādējiet lapu un mēģiniet vēlreiz.",
-    "importLibraryError": "Nevarēja ielādēt bibliotēku"
+    "importLibraryError": "Nevarēja ielādēt bibliotēku",
+    "collabSaveFailed": "Darbs nav saglabāts datubāzē. Ja problēma turpinās, saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
+    "collabSaveFailed_sizeExceeded": "Darbs nav saglabāts datubāzē, šķiet, ka tāfele ir pārāk liela. Saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu."
   },
   "toolBar": {
     "selection": "Atlase",
@@ -236,7 +238,7 @@
     "resize": "Kad maināt izmēru, varat ierobežot proporcijas, turot nospiestu SHIFT,\nvai arī ALT, lai mainītu izmēru ap centru",
     "resizeImage": "Varat brīvi mainīt izmēru, turot nospiestu SHIFT;\nturiet nospiestu ALT, lai mainītu izmēru ap centru",
     "rotate": "Rotējot varat ierobežot leņķi, turot nospiestu SHIFT",
-    "lineEditor_info": "",
+    "lineEditor_info": "Turiet CtrlOrCmd un dubultklikšķiniet, vai spiediet CtrlOrCmd + Enter, lai rediģētu punktus",
     "lineEditor_pointSelected": "Spiediet dzēšanas taustiņu, lai noņemtu punktus, – CtrlOrCmd+D, lai to kopētu, vai velciet, lai pārvietotu",
     "lineEditor_nothingSelected": "Atlasiet punktu, lai labotu (turiet nospiestu SHIFT, lai atlasītu vairākus),\nvai turiet Alt un clikšķiniet, lai pievienotu jaunus punktus",
     "placeImage": "Klikšķiniet, lai novietotu attēlu, vai spiediet un velciet, lai iestatītu tā izmēru",
@@ -312,8 +314,8 @@
     "zoomToFit": "Iestatīt mērogu, kas iekļauj visus elementus",
     "zoomToSelection": "Iestatīt mērogu, lai rādītu atlasi",
     "toggleElementLock": "Fiksēt/atbrīvot atlasīto",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Pārvietot lapu augšup/lejup",
+    "movePageLeftRight": "Pārvietot lapu pa labi/kreisi"
   },
   "clearCanvasDialog": {
     "title": "Notīrīt tāfeli"
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "Saglabāts kā {filename}",
     "canvas": "tāfeli",
     "selection": "atlasi",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Izmantojiet {{shortcut}}, lai ielīmētu kā jaunu elementu, vai ielīmētu esošā teksta lauciņā"
   },
   "colors": {
     "ffffff": "Balts",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 5749cbee1..07576dfd3 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "चिटकवा",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "साधा मजकूर च्या रुपात पेस्ट करा",
     "pasteCharts": "चार्ट चिकटवा",
     "selectAll": "समस्त निवडा",
     "multiSelect": "निवडित तत्व जोडा",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "एस-वी-जी प्रतिमा आत घालवू शकलो नाही. एस-वी-जी-मार्क-अप यंत्र अयोग्य आहे.",
     "invalidSVGString": "अयोग्य एस-वी-जी.",
     "cannotResolveCollabServer": "कॉलेब-सर्वर हे पोहोचत नाही आहे. पान परत लोड करायचा प्रयत्न करावे.",
-    "importLibraryError": "संग्रह प्रतिस्थापित नाही करता आला"
+    "importLibraryError": "संग्रह प्रतिस्थापित नाही करता आला",
+    "collabSaveFailed": "काही कारणा निमित्त आतल्या डेटाबेसमध्ये जतन करू शकत नाही। समस्या तशिस राहिल्यास, तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही तुमची फाइल स्थानिक जतन करावी.",
+    "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।\n\nबॅकएंड डेटाबेसमध्ये जतन करू शकत नाही, कॅनव्हास खूप मोठा असल्याचे दिसते. तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही फाइल स्थानिक पातळीवर जतन करावी."
   },
   "toolBar": {
     "selection": "निवड",
@@ -236,7 +238,7 @@
     "resize": "आकार छोटा मोठा करताना SHIFT धरून तुम्ही प्रमाण मर्यादित करू शकता, \nकेंद्रापासून आकार छोटा मोठा करण्यासाठी ALT धरून ठेवा",
     "resizeImage": "SHIFT धरून तुम्ही मुक्तपणे आकार मोठा छोटा करु शकता,\nकेंद्रापासून आकार मोठा छोटा करण्यासाठी ALT धरून ठेवा",
     "rotate": "फिरवत असताना शिफ्ट धरून तुम्ही कोन मर्यादित करू शकता",
-    "lineEditor_info": "",
+    "lineEditor_info": "पॉइंट संपादित करण्यासाठी CtrlOrCmd दाबून ठेवुन डबल-क्लिक करा किंवा CtrlOrCmd + Enter बरोबर दाबा",
     "lineEditor_pointSelected": "बिंदु (एक किव्हा अनेक) काढ़ण्या साठी डिलीट की दाबा,\nCtrlOrCmd बरोबार D प्रति साठी,\nकिव्हा ड्रेग हलवण्या साठी",
     "lineEditor_nothingSelected": "संपादित करण्यासाठी एक बिंदू निवडा (अनेक निवडण्यासाठी SHIFT धरून ठेवा),\nकिंवा Alt धरून ठेवा आणि नवीन बिंदू जोडण्यासाठी क्लिक करा",
     "placeImage": "प्रतिमा ठेवण्यासाठी क्लिक करा, किंवा त्याचा आकार बदलण्या साठी क्लिक करा आणि ड्रॅग करा",
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "{filename} मधे जतन झाली",
     "canvas": "पटल",
     "selection": "निवड",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "एक घटक म्हणून चिपकावण्या साठी {{shortcut}} वापरा,\nकिंवा विद्यमान मजकूर संपादकात चिपकवा"
   },
   "colors": {
     "ffffff": "पांढरा",
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 0614a3f41..c165074a0 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "ရွေးချယ်",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index c391ddd6e..8fe2f15dc 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Kunne ikke sette inn SVG-bilde. SVG-koden ser ugyldig ut.",
     "invalidSVGString": "Ugyldig SVG.",
     "cannotResolveCollabServer": "Kunne ikke koble til samarbeidsserveren. Vennligst oppdater siden og prøv på nytt.",
-    "importLibraryError": "Kunne ikke laste bibliotek"
+    "importLibraryError": "Kunne ikke laste bibliotek",
+    "collabSaveFailed": "Kan ikke lagre i backend-databasen. Hvis problemer vedvarer, bør du lagre filen lokalt for å sikre at du ikke mister arbeidet.",
+    "collabSaveFailed_sizeExceeded": "Kunne ikke lagre til backend-databasen, lerretet ser ut til å være for stort. Du bør lagre filen lokalt for å sikre at du ikke mister arbeidet ditt."
   },
   "toolBar": {
     "selection": "Velg",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index a29ae81ab..afdbbc73c 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Kon geen SVG-afbeelding invoegen. De SVG-opmaak ziet er niet geldig uit.",
     "invalidSVGString": "Ongeldige SVG.",
     "cannotResolveCollabServer": "Kan geen verbinding maken met de collab server. Herlaad de pagina en probeer het opnieuw.",
-    "importLibraryError": "Kon bibliotheek niet laden"
+    "importLibraryError": "Kon bibliotheek niet laden",
+    "collabSaveFailed": "Kan niet opslaan in de backend database. Als de problemen blijven bestaan, moet u het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.",
+    "collabSaveFailed_sizeExceeded": "Kan de backend database niet opslaan, het canvas lijkt te groot te zijn. U moet het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest."
   },
   "toolBar": {
     "selection": "Selectie",
@@ -236,7 +238,7 @@
     "resize": "Houd tijdens het vergroten SHIFT ingedrukt om verhoudingen te behouden,\ngebruik ALT om vanuit het midden te vergroten/verkleinen",
     "resizeImage": "",
     "rotate": "Je kan hoeken beperken door SHIFT ingedrukt te houden wanneer je draait",
-    "lineEditor_info": "",
+    "lineEditor_info": "Houd CtrlOrCmd en Dubbelklik of druk op CtrlOrCmd + Enter om punten te bewerken",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "Opgeslagen als {filename}",
     "canvas": "canvas",
     "selection": "selectie",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Gebruik {{shortcut}} om te plakken als een enkel element,\nof plak in een bestaande teksteditor"
   },
   "colors": {
     "ffffff": "Wit",
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index ecc340041..0375954ec 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Kunne ikkje sette inn SVG-biletet. SVG-koden ser ugyldig ut.",
     "invalidSVGString": "Ugyldig SVG.",
     "cannotResolveCollabServer": "Kunne ikkje kople til samarbeidsserveren. Ver vennleg å oppdatere inn sida og prøv på nytt.",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Vel",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index 05474c908..f04f01725 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Insercion d’imatge SVG impossibla. Las balisas SVG semblan invalidas.",
     "invalidSVGString": "SVG invalid.",
     "cannotResolveCollabServer": "Connexion impossibla al servidor collab. Mercés de recargar la pagina e tornar ensajar.",
-    "importLibraryError": "Impossible de cargar la bibliotèca"
+    "importLibraryError": "Impossible de cargar la bibliotèca",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Seleccion",
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 0972bcfdd..94f5c1fb1 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "SVG ਨਜਾਇਜ਼ ਹੈ।",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "ਚੋਣਕਾਰ",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 2d92beb65..40b23ecd6 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,52 +1,52 @@
 {
-  "ar-SA": 87,
+  "ar-SA": 86,
   "bg-BG": 55,
-  "bn-BD": 61,
-  "ca-ES": 95,
-  "cs-CZ": 76,
+  "bn-BD": 60,
+  "ca-ES": 94,
+  "cs-CZ": 75,
   "da-DK": 33,
-  "de-DE": 99,
+  "de-DE": 100,
   "el-GR": 95,
   "en": 100,
   "es-ES": 100,
   "eu-ES": 98,
   "fa-IR": 98,
-  "fi-FI": 94,
-  "fr-FR": 98,
-  "gl-ES": 98,
+  "fi-FI": 93,
+  "fr-FR": 100,
+  "gl-ES": 99,
   "he-IL": 91,
-  "hi-IN": 70,
+  "hi-IN": 71,
   "hu-HU": 90,
-  "id-ID": 100,
-  "it-IT": 100,
-  "ja-JP": 98,
-  "kab-KAB": 95,
+  "id-ID": 99,
+  "it-IT": 99,
+  "ja-JP": 100,
+  "kab-KAB": 94,
   "kk-KZ": 21,
-  "ko-KR": 96,
+  "ko-KR": 95,
   "ku-TR": 98,
   "lt-LT": 66,
-  "lv-LV": 98,
-  "mr-IN": 99,
+  "lv-LV": 99,
+  "mr-IN": 100,
   "my-MM": 42,
   "nb-NO": 100,
   "nl-NL": 91,
   "nn-NO": 91,
   "oc-FR": 98,
-  "pa-IN": 84,
+  "pa-IN": 83,
   "pl-PL": 85,
-  "pt-BR": 97,
+  "pt-BR": 100,
   "pt-PT": 98,
   "ro-RO": 100,
   "ru-RU": 100,
   "si-LK": 8,
-  "sk-SK": 100,
+  "sk-SK": 99,
   "sl-SI": 100,
   "sv-SE": 98,
-  "ta-IN": 94,
-  "tr-TR": 99,
-  "uk-UA": 98,
+  "ta-IN": 93,
+  "tr-TR": 98,
+  "uk-UA": 97,
   "vi-VN": 20,
-  "zh-CN": 98,
+  "zh-CN": 100,
   "zh-HK": 26,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index ae86d674f..fc2862e5d 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Nie udało się wstawić obrazu SVG. Znacznik SVG wygląda na nieprawidłowy.",
     "invalidSVGString": "Nieprawidłowy SVG.",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Zaznaczenie",
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 012c03137..343a59d78 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Colar",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Colar como texto sem formatação",
     "pasteCharts": "Colar gráficos",
     "selectAll": "Selecionar tudo",
     "multiSelect": "Adicionar elemento à seleção",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Não foi possível inserir a imagem SVG. A marcação SVG parece inválida.",
     "invalidSVGString": "SVG Inválido.",
     "cannotResolveCollabServer": "Não foi possível conectar-se ao servidor colaborativo. Por favor, recarregue a página e tente novamente.",
-    "importLibraryError": "Não foi possível carregar a biblioteca"
+    "importLibraryError": "Não foi possível carregar a biblioteca",
+    "collabSaveFailed": "Não foi possível salvar no banco de dados do servidor. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
+    "collabSaveFailed_sizeExceeded": "Não foi possível salvar no banco de dados do servidor, a tela parece ser muito grande. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho."
   },
   "toolBar": {
     "selection": "Seleção",
@@ -215,7 +217,7 @@
     "text": "Texto",
     "library": "Biblioteca",
     "lock": "Manter ativa a ferramenta selecionada após desenhar",
-    "penMode": "",
+    "penMode": "Modo caneta — impede o toque",
     "link": "Adicionar/Atualizar link para uma forma selecionada",
     "eraser": "Borracha"
   },
@@ -236,7 +238,7 @@
     "resize": "Você pode restringir proporções segurando SHIFT enquanto redimensiona,\nsegure ALT para redimensionar do centro",
     "resizeImage": "Você pode redimensionar livremente segurando SHIFT,\nsegure ALT para redimensionar a partir do centro",
     "rotate": "Você pode restringir os ângulos segurando SHIFT enquanto gira",
-    "lineEditor_info": "",
+    "lineEditor_info": "Pressione CtrlOuCmd e duplo-clique ou pressione CtrlOuCmd + Enter para editar pontos",
     "lineEditor_pointSelected": "Pressione Delete para remover o(s) ponto(s),\nCtrl/Cmd+D para duplicar ou arraste para mover",
     "lineEditor_nothingSelected": "Selecione um ponto para editar (segure SHIFT para selecionar vários) ou segure Alt e clique para adicionar novos pontos",
     "placeImage": "Clique para colocar a imagem, ou clique e arraste para definir manualmente o seu tamanho",
@@ -312,8 +314,8 @@
     "zoomToFit": "Ampliar para encaixar todos os elementos",
     "zoomToSelection": "Ampliar a seleção",
     "toggleElementLock": "Bloquear/desbloquear seleção",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Mover a página para cima/baixo",
+    "movePageLeftRight": "Mover a página para esquerda/direita"
   },
   "clearCanvasDialog": {
     "title": "Limpar a tela"
@@ -395,7 +397,7 @@
     "fileSavedToFilename": "Salvo em {filename}",
     "canvas": "tela",
     "selection": "seleção",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Use {{shortcut}} para colar como um único elemento,\nou cole em um editor de texto já existente"
   },
   "colors": {
     "ffffff": "Braco",
@@ -446,9 +448,9 @@
   },
   "welcomeScreen": {
     "data": "Todos os dados são salvos localmente no seu navegador.",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "switchToPlusApp": "Você queria ir para o Excalidraw+ em vez disso?",
+    "menuHints": "Exportar, preferências, idiomas, ...",
+    "toolbarHints": "Escolha uma ferramenta & Comece a desenhar!",
+    "helpHints": "Atalhos & ajuda"
   }
 }
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index e99552fe1..f45d16935 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Não foi possível inserir a imagem SVG. A marcação SVG parece inválida.",
     "invalidSVGString": "SVG inválido.",
     "cannotResolveCollabServer": "Não foi possível fazer a ligação ao servidor colaborativo. Por favor, volte a carregar a página e tente novamente.",
-    "importLibraryError": "Não foi possível carregar a biblioteca"
+    "importLibraryError": "Não foi possível carregar a biblioteca",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Seleção",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 037e914a3..43e817b96 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Imaginea SVG nu a putut fi introdus. Marcajul SVG pare invalid.",
     "invalidSVGString": "SVG invalid.",
     "cannotResolveCollabServer": "Nu a putut fi realizată conexiunea la serverul de colaborare. Reîncarcă pagina și încearcă din nou.",
-    "importLibraryError": "Biblioteca nu a putut fi încărcată"
+    "importLibraryError": "Biblioteca nu a putut fi încărcată",
+    "collabSaveFailed": "Nu s-a putut salva în baza de date la nivel de server. Dacă problemele persistă, ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.",
+    "collabSaveFailed_sizeExceeded": "Nu s-a putut salva în baza de date la nivel de server, întrucât se pare că pânza este prea mare. Ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca."
   },
   "toolBar": {
     "selection": "Selecție",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 38ee98440..cfc0b24ce 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Не удалось вставить изображение SVG. Разметка SVG выглядит недействительной.",
     "invalidSVGString": "Некорректный SVG.",
     "cannotResolveCollabServer": "Не удалось подключиться к серверу совместного редактирования. Перезагрузите страницу и повторите попытку.",
-    "importLibraryError": "Не удалось загрузить библиотеку"
+    "importLibraryError": "Не удалось загрузить библиотеку",
+    "collabSaveFailed": "Не удалось сохранить в базу данных. Если проблема повторится, нужно будет сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
+    "collabSaveFailed_sizeExceeded": "Не удалось сохранить в базу данных. Похоже, что холст слишком большой. Нужно сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу."
   },
   "toolBar": {
     "selection": "Выделение области",
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 4ce28109c..1dc54fddb 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index e2a654463..30d3d8966 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Nepodarilo sa vložiť SVG obrázok. SVG formát je pravdepodobne nevalidný.",
     "invalidSVGString": "Nevalidné SVG.",
     "cannotResolveCollabServer": "Nepodarilo sa pripojiť ku kolaboračnému serveru. Prosím obnovte stránku a skúste to znovu.",
-    "importLibraryError": "Nepodarilo sa načítať knižnicu"
+    "importLibraryError": "Nepodarilo sa načítať knižnicu",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Výber",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 6aa698dbb..0997d5d4b 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Vstavljanje slike SVG ni uspelo. Oznake SVG so videti neveljavne.",
     "invalidSVGString": "Neveljaven SVG.",
     "cannotResolveCollabServer": "Povezave s strežnikom za sodelovanje ni bilo mogoče vzpostaviti. Ponovno naložite stran in poskusite znova.",
-    "importLibraryError": "Nalaganje knjižnice ni uspelo"
+    "importLibraryError": "Nalaganje knjižnice ni uspelo",
+    "collabSaveFailed": "Ni bilo mogoče shraniti v zaledno bazo podatkov. Če se težave nadaljujejo, shranite datoteko lokalno, da ne boste izgubili svojega dela.",
+    "collabSaveFailed_sizeExceeded": "Ni bilo mogoče shraniti v zaledno bazo podatkov, zdi se, da je platno preveliko. Datoteko shranite lokalno, da ne izgubite svojega dela."
   },
   "toolBar": {
     "selection": "Izbor",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index dda4e4b5e..a8c6ac63a 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Kunde inte infoga SVG-bild. SVG-koden ser ogiltig ut.",
     "invalidSVGString": "Ogiltig SVG.",
     "cannotResolveCollabServer": "Det gick inte att ansluta till samarbets-servern. Ladda om sidan och försök igen.",
-    "importLibraryError": "Kunde inte ladda bibliotek"
+    "importLibraryError": "Kunde inte ladda bibliotek",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Markering",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 92ed0adb5..18d9e5f4d 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "எஸ்விஜி படத்தைப் புகுத்தவியலா. எஸ்விஜியின் மார்க்அப் செல்லாததாக தெரிகிறது.",
     "invalidSVGString": "செல்லாத SVG.",
     "cannotResolveCollabServer": "",
-    "importLibraryError": "நூலகத்தை ஏற்ற முடியவில்லை"
+    "importLibraryError": "நூலகத்தை ஏற்ற முடியவில்லை",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "தெரிவு",
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 48d1dc24d..294839f88 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "SVG resmi eklenemedi. SVG işaretlemesi geçersiz görünüyor.",
     "invalidSVGString": "Geçersiz SVG.",
     "cannotResolveCollabServer": "İş birliği sunucusuna bağlanılamıyor. Lütfen sayfayı yenileyip tekrar deneyin.",
-    "importLibraryError": "Kütüphane yüklenemedi"
+    "importLibraryError": "Kütüphane yüklenemedi",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Seçme",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index bd04b9aae..f6e559fb7 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "Не вдалося вставити SVG-зображення. Помилка розмітки SVG.",
     "invalidSVGString": "Недійсний SVG.",
     "cannotResolveCollabServer": "Не вдалося приєднатися до сервера. Перезавантажте сторінку та повторіть спробу.",
-    "importLibraryError": "Не вдалося завантажити бібліотеку"
+    "importLibraryError": "Не вдалося завантажити бібліотеку",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "Виділення",
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index d8049ce77..21c52a9a6 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Dán",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Dán kiểu văn bản thuần",
     "pasteCharts": "Dán biểu đồ",
     "selectAll": "Chọn tất cả",
     "multiSelect": "Thêm mới vào Select",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 20a10765a..d58e475ad 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "粘贴",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "粘贴为纯文本",
     "pasteCharts": "粘贴图表",
     "selectAll": "全部选中",
     "multiSelect": "添加元素到选区",
@@ -201,7 +201,9 @@
     "svgImageInsertError": "无法插入 SVG 图像。该 SVG 标记似乎是无效的。",
     "invalidSVGString": "无效的 SVG。",
     "cannotResolveCollabServer": "无法连接到实时协作服务器。请重新加载页面并重试。",
-    "importLibraryError": "无法加载素材库"
+    "importLibraryError": "无法加载素材库",
+    "collabSaveFailed": "无法保存到后端数据库。如果问题持续存在，您应该保存文件到本地，以确保您的工作不会丢失。",
+    "collabSaveFailed_sizeExceeded": "无法保存到后端数据库，画布似乎过大。您应该保存文件到本地，以确保您的工作不会丢失。"
   },
   "toolBar": {
     "selection": "选择",
@@ -236,7 +238,7 @@
     "resize": "您可以按住SHIFT来限制比例大小，\n按住ALT来调整中心大小",
     "resizeImage": "按住SHIFT可以自由缩放，\n按住ALT可以从中间缩放",
     "rotate": "旋转时可以按住 Shift 来约束角度",
-    "lineEditor_info": "",
+    "lineEditor_info": "按住 CtrlOrCmd 并双击或按 CtrlOrmd + Enter 来编辑点",
     "lineEditor_pointSelected": "按下 Delete 移除点，Ctrl 或 Cmd+D 以复制，拖动以移动",
     "lineEditor_nothingSelected": "选择要编辑的点 (按住 SHIFT 选择多个)，\n或按住 Alt 并点击以添加新点",
     "placeImage": "点击放置图像，或者点击并拖动以手动设置图像大小",
@@ -312,8 +314,8 @@
     "zoomToFit": "缩放以适应所有元素",
     "zoomToSelection": "缩放到选区",
     "toggleElementLock": "锁定/解锁",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "上下移动页面",
+    "movePageLeftRight": "左右移动页面"
   },
   "clearCanvasDialog": {
     "title": "清除画布"
@@ -394,8 +396,8 @@
     "fileSaved": "文件已保存。",
     "fileSavedToFilename": "保存到 {filename}",
     "canvas": "画布",
-    "selection": "选择项",
-    "pasteAsSingleElement": ""
+    "selection": "所选项",
+    "pasteAsSingleElement": "使用 {{shortcut}} 粘贴为单个元素，\n或粘贴到现有的文本编辑器里"
   },
   "colors": {
     "ffffff": "白",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index 84245a508..c2e982b03 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "",
     "invalidSVGString": "",
     "cannotResolveCollabServer": "",
-    "importLibraryError": ""
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": ""
   },
   "toolBar": {
     "selection": "",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 3ba59d5c7..a4c491d42 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -201,7 +201,9 @@
     "svgImageInsertError": "無法插入 SVG 圖片。此 SVG 檔案有問題。",
     "invalidSVGString": "無效的 SVG。",
     "cannotResolveCollabServer": "無法連結至 collab 伺服器。請重新整理後再試一次。",
-    "importLibraryError": "無法載入資料庫"
+    "importLibraryError": "無法載入資料庫",
+    "collabSaveFailed": "無法儲存至後端資料庫。若此問題持續發生，請將檔案儲存於本機以確保資料不會遺失。",
+    "collabSaveFailed_sizeExceeded": "無法儲存至後端資料庫，可能的原因為畫布尺寸過大。請將檔案儲存於本機以確保資料不會遺失。"
   },
   "toolBar": {
     "selection": "選取",

From 14d02dcaea907a110156642943aa45668aa9f497 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 12:25:20 +0530
Subject: [PATCH 021/252] build(deps): bump json5 from 2.2.1 to 2.2.3 in
 /src/packages/excalidraw (#6062)

Bumps [json5](https://github.com/json5/json5) from 2.2.1 to 2.2.3.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v2.2.1...v2.2.3)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 src/packages/excalidraw/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index ecd10278f..9a9563479 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -2672,9 +2672,9 @@ json-schema-traverse@^1.0.0:
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
 json5@^2.1.2, json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
 kind-of@^6.0.2:
   version "6.0.3"

From 1255ca2e84f99fc7b9aa242cb436bd0ba91290d3 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 12:25:35 +0530
Subject: [PATCH 022/252] build(deps): bump json5 from 2.2.1 to 2.2.3 in
 /src/packages/utils (#6061)

Bumps [json5](https://github.com/json5/json5) from 2.2.1 to 2.2.3.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v2.2.1...v2.2.3)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 src/packages/utils/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/packages/utils/yarn.lock b/src/packages/utils/yarn.lock
index fd2043a0f..483399b2f 100644
--- a/src/packages/utils/yarn.lock
+++ b/src/packages/utils/yarn.lock
@@ -1895,9 +1895,9 @@ json-schema-traverse@^0.4.1:
   integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
 
 json5@^2.1.2, json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
 kind-of@^6.0.2:
   version "6.0.3"

From bed8093e47b2c81df43b3334648954f27b044523 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 12:25:48 +0530
Subject: [PATCH 023/252] build(deps): bump json5 from 2.2.1 to 2.2.3 in
 /dev-docs (#6060)

Bumps [json5](https://github.com/json5/json5) from 2.2.1 to 2.2.3.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v2.2.1...v2.2.3)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 dev-docs/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index 1cf4b7358..9b9337c9c 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -4692,9 +4692,9 @@ json-schema-traverse@^1.0.0:
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
 json5@^2.1.2, json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
 jsonfile@^6.0.1:
   version "6.1.0"

From cbe0d34f1a4982f76b849c194baec1714d0cb488 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 12:26:23 +0530
Subject: [PATCH 024/252] build(deps): bump decode-uri-component from 0.2.0 to
 0.2.2 (#5963)

Bumps [decode-uri-component](https://github.com/SamVerschueren/decode-uri-component) from 0.2.0 to 0.2.2.
- [Release notes](https://github.com/SamVerschueren/decode-uri-component/releases)
- [Commits](https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.2)

---
updated-dependencies:
- dependency-name: decode-uri-component
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 2bc160d69..4829be990 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4473,9 +4473,9 @@ decimal.js@^10.2.1:
   integrity sha512-ic1yEvwT6GuvaYwBLLY6/aFFgjZdySKTE8en/fkU3QICTmRtgtSlFn0u0BXN06InZwtfCelR7j8LRiDI/02iGA==
 
 decode-uri-component@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
-  integrity sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
+  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
 dedent@^0.7.0:
   version "0.7.0"

From e3249f930c7b4a5e2f0fedceb4befa982ff05f8a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 06:59:44 +0000
Subject: [PATCH 025/252] build(deps): bump json5 from 1.0.1 to 1.0.2 (#6076)

Bumps [json5](https://github.com/json5/json5) from 1.0.1 to 1.0.2.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v1.0.1...v1.0.2)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 4829be990..ba54285b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7176,9 +7176,9 @@ json-stable-stringify-without-jsonify@^1.0.1:
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
 json5@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
-  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
   dependencies:
     minimist "^1.2.0"
 

From 72784f9d290a603cbb63f5006de4ba020c7e67b7 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 12:30:43 +0530
Subject: [PATCH 026/252] build(deps): bump loader-utils from 2.0.3 to 2.0.4
 (#5905)

Bumps [loader-utils](https://github.com/webpack/loader-utils) from 2.0.3 to 2.0.4.
- [Release notes](https://github.com/webpack/loader-utils/releases)
- [Changelog](https://github.com/webpack/loader-utils/blob/v2.0.4/CHANGELOG.md)
- [Commits](https://github.com/webpack/loader-utils/compare/v2.0.3...v2.0.4)

---
updated-dependencies:
- dependency-name: loader-utils
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index ba54285b2..d06d613d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7318,16 +7318,7 @@ loader-runner@^4.2.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
   integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
 
-loader-utils@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.3.tgz#d4b15b8504c63d1fc3f2ade52d41bc8459d6ede1"
-  integrity sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
-loader-utils@^2.0.3:
+loader-utils@^2.0.0, loader-utils@^2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
   integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==

From 9803a85381f1b2e2262c7440f6e99cb09481caf1 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 6 Jan 2023 12:31:06 +0530
Subject: [PATCH 027/252] build(deps): bump loader-utils from 2.0.3 to 2.0.4 in
 /src/packages/excalidraw (#5892)

build(deps): bump loader-utils in /src/packages/excalidraw

Bumps [loader-utils](https://github.com/webpack/loader-utils) from 2.0.3 to 2.0.4.
- [Release notes](https://github.com/webpack/loader-utils/releases)
- [Changelog](https://github.com/webpack/loader-utils/blob/v2.0.4/CHANGELOG.md)
- [Commits](https://github.com/webpack/loader-utils/compare/v2.0.3...v2.0.4)

---
updated-dependencies:
- dependency-name: loader-utils
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 src/packages/excalidraw/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 9a9563479..09838174b 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -2697,9 +2697,9 @@ loader-runner@^4.2.0:
   integrity sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==
 
 loader-utils@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.3.tgz#d4b15b8504c63d1fc3f2ade52d41bc8459d6ede1"
-  integrity sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A==
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
   dependencies:
     big.js "^5.2.2"
     emojis-list "^3.0.0"

From 40d53d9231a7d814a8e9d672626f972147a50986 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 6 Jan 2023 14:32:55 +0100
Subject: [PATCH 028/252] fix: stale appState of MainMenu defaultItems rendered
 from Actions (#6074)

---
 src/actions/actionBoundText.tsx               |   4 +-
 src/actions/actionCanvas.tsx                  |  48 ++--
 src/actions/actionClipboard.tsx               |  12 +-
 src/actions/actionExport.tsx                  |  39 ++--
 src/actions/actionFlip.ts                     |   4 +-
 src/actions/actionGroup.tsx                   |   6 +-
 src/actions/actionLinearEditor.ts             |   2 +-
 src/actions/actionMenu.tsx                    |  18 +-
 src/actions/actionToggleGridMode.tsx          |   2 +-
 src/actions/actionToggleViewMode.tsx          |   2 +-
 src/actions/actionToggleZenMode.tsx           |   2 +-
 src/actions/manager.tsx                       |  17 +-
 src/actions/types.ts                          |   6 +-
 src/components/ActiveFile.tsx                 |  23 --
 src/components/App.tsx                        |   6 +-
 src/components/ClearCanvas.tsx                |  41 ----
 src/components/CollabButton.tsx               |  40 +---
 src/components/ContextMenu.tsx                |   4 +-
 src/components/LayerUI.tsx                    |   3 +-
 src/components/footer/Footer.tsx              |   7 +-
 .../DefaultItems.scss}                        |   0
 src/components/mainMenu/DefaultItems.tsx      | 141 +++++++++--
 src/element/Hyperlink.tsx                     |   2 +-
 .../__snapshots__/contextmenu.test.tsx.snap   | 154 ++++++-------
 .../__snapshots__/excalidraw.test.tsx.snap    | 218 +++++++++---------
 src/tests/packages/excalidraw.test.tsx        |  93 +++++---
 26 files changed, 463 insertions(+), 431 deletions(-)
 delete mode 100644 src/components/ActiveFile.tsx
 delete mode 100644 src/components/ClearCanvas.tsx
 rename src/components/{ActiveFile.scss => mainMenu/DefaultItems.scss} (100%)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 812e10b3c..ed6efe971 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -26,7 +26,7 @@ export const actionUnbindText = register({
   name: "unbindText",
   contextItemLabel: "labels.unbindText",
   trackEvent: { category: "element" },
-  contextItemPredicate: (elements, appState) => {
+  predicate: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState);
     return selectedElements.some((element) => hasBoundTextElement(element));
   },
@@ -76,7 +76,7 @@ export const actionBindText = register({
   name: "bindText",
   contextItemLabel: "labels.bindText",
   trackEvent: { category: "element" },
-  contextItemPredicate: (elements, appState) => {
+  predicate: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState);
 
     if (selectedElements.length === 2) {
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index acfee4724..259b43e0c 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -1,11 +1,5 @@
 import { ColorPicker } from "../components/ColorPicker";
-import {
-  eraser,
-  MoonIcon,
-  SunIcon,
-  ZoomInIcon,
-  ZoomOutIcon,
-} from "../components/icons";
+import { eraser, ZoomInIcon, ZoomOutIcon } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
 import { MIN_ZOOM, THEME, ZOOM_STEP } from "../constants";
 import { getCommonBounds, getNonDeletedElements } from "../element";
@@ -21,14 +15,17 @@ import { register } from "./register";
 import { Tooltip } from "../components/Tooltip";
 import { newElementWith } from "../element/mutateElement";
 import { getDefaultAppState, isEraserActive } from "../appState";
-import ClearCanvas from "../components/ClearCanvas";
 import clsx from "clsx";
-import DropdownMenuItem from "../components/dropdownMenu/DropdownMenuItem";
-import { getShortcutFromShortcutName } from "./shortcuts";
 
 export const actionChangeViewBackgroundColor = register({
   name: "changeViewBackgroundColor",
   trackEvent: false,
+  predicate: (elements, appState, props, app) => {
+    return (
+      !!app.props.UIOptions.canvasActions.changeViewBackgroundColor &&
+      !appState.viewModeEnabled
+    );
+  },
   perform: (_, appState, value) => {
     return {
       appState: { ...appState, ...value },
@@ -36,6 +33,7 @@ export const actionChangeViewBackgroundColor = register({
     };
   },
   PanelComponent: ({ elements, appState, updateData }) => {
+    // FIXME move me to src/components/mainMenu/DefaultItems.tsx
     return (
       <div style={{ position: "relative" }}>
         <ColorPicker
@@ -59,6 +57,12 @@ export const actionChangeViewBackgroundColor = register({
 export const actionClearCanvas = register({
   name: "clearCanvas",
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, props, app) => {
+    return (
+      !!app.props.UIOptions.canvasActions.clearCanvas &&
+      !appState.viewModeEnabled
+    );
+  },
   perform: (elements, appState, _, app) => {
     app.imageCache.clear();
     return {
@@ -84,8 +88,6 @@ export const actionClearCanvas = register({
       commitToHistory: true,
     };
   },
-
-  PanelComponent: ({ updateData }) => <ClearCanvas onConfirm={updateData} />,
 });
 
 export const actionZoomIn = register({
@@ -298,26 +300,10 @@ export const actionToggleTheme = register({
       commitToHistory: false,
     };
   },
-  PanelComponent: ({ appState, updateData }) => (
-    <DropdownMenuItem
-      onSelect={() => {
-        updateData(appState.theme === THEME.LIGHT ? THEME.DARK : THEME.LIGHT);
-      }}
-      icon={appState.theme === "dark" ? SunIcon : MoonIcon}
-      dataTestId="toggle-dark-mode"
-      shortcut={getShortcutFromShortcutName("toggleTheme")}
-      ariaLabel={
-        appState.theme === "dark"
-          ? t("buttons.lightMode")
-          : t("buttons.darkMode")
-      }
-    >
-      {appState.theme === "dark"
-        ? t("buttons.lightMode")
-        : t("buttons.darkMode")}
-    </DropdownMenuItem>
-  ),
   keyTest: (event) => event.altKey && event.shiftKey && event.code === CODES.D,
+  predicate: (elements, appState, props, app) => {
+    return !!app.props.UIOptions.canvasActions.toggleTheme;
+  },
 });
 
 export const actionErase = register({
diff --git a/src/actions/actionClipboard.tsx b/src/actions/actionClipboard.tsx
index 5be391d35..661f65f38 100644
--- a/src/actions/actionClipboard.tsx
+++ b/src/actions/actionClipboard.tsx
@@ -24,7 +24,7 @@ export const actionCopy = register({
       commitToHistory: false,
     };
   },
-  contextItemPredicate: (elements, appState, appProps, app) => {
+  predicate: (elements, appState, appProps, app) => {
     return app.device.isMobile && !!navigator.clipboard;
   },
   contextItemLabel: "labels.copy",
@@ -41,7 +41,7 @@ export const actionPaste = register({
       commitToHistory: false,
     };
   },
-  contextItemPredicate: (elements, appState, appProps, app) => {
+  predicate: (elements, appState, appProps, app) => {
     return app.device.isMobile && !!navigator.clipboard;
   },
   contextItemLabel: "labels.paste",
@@ -56,7 +56,7 @@ export const actionCut = register({
     actionCopy.perform(elements, appState, data, app);
     return actionDeleteSelected.perform(elements, appState);
   },
-  contextItemPredicate: (elements, appState, appProps, app) => {
+  predicate: (elements, appState, appProps, app) => {
     return app.device.isMobile && !!navigator.clipboard;
   },
   contextItemLabel: "labels.cut",
@@ -101,7 +101,7 @@ export const actionCopyAsSvg = register({
       };
     }
   },
-  contextItemPredicate: (elements) => {
+  predicate: (elements) => {
     return probablySupportsClipboardWriteText && elements.length > 0;
   },
   contextItemLabel: "labels.copyAsSvg",
@@ -158,7 +158,7 @@ export const actionCopyAsPng = register({
       };
     }
   },
-  contextItemPredicate: (elements) => {
+  predicate: (elements) => {
     return probablySupportsClipboardBlob && elements.length > 0;
   },
   contextItemLabel: "labels.copyAsPng",
@@ -188,7 +188,7 @@ export const copyText = register({
       commitToHistory: false,
     };
   },
-  contextItemPredicate: (elements, appState) => {
+  predicate: (elements, appState) => {
     return (
       probablySupportsClipboardWriteText &&
       getSelectedElements(elements, appState, true).some(isTextElement)
diff --git a/src/actions/actionExport.tsx b/src/actions/actionExport.tsx
index e0f6c95fa..f142eac87 100644
--- a/src/actions/actionExport.tsx
+++ b/src/actions/actionExport.tsx
@@ -1,7 +1,6 @@
-import { LoadIcon, questionCircle, saveAs } from "../components/icons";
+import { questionCircle, saveAs } from "../components/icons";
 import { ProjectName } from "../components/ProjectName";
 import { ToolButton } from "../components/ToolButton";
-import "../components/ToolIcon.scss";
 import { Tooltip } from "../components/Tooltip";
 import { DarkModeToggle } from "../components/DarkModeToggle";
 import { loadFromJSON, saveAsJSON } from "../data";
@@ -15,12 +14,11 @@ import { getExportSize } from "../scene/export";
 import { DEFAULT_EXPORT_PADDING, EXPORT_SCALES, THEME } from "../constants";
 import { getSelectedElements, isSomeElementSelected } from "../scene";
 import { getNonDeletedElements } from "../element";
-import { ActiveFile } from "../components/ActiveFile";
 import { isImageFileHandle } from "../data/blob";
 import { nativeFileSystemSupported } from "../data/filesystem";
 import { Theme } from "../element/types";
-import DropdownMenuItem from "../components/dropdownMenu/DropdownMenuItem";
-import { getShortcutFromShortcutName } from "./shortcuts";
+
+import "../components/ToolIcon.scss";
 
 export const actionChangeProjectName = register({
   name: "changeProjectName",
@@ -133,6 +131,13 @@ export const actionChangeExportEmbedScene = register({
 export const actionSaveToActiveFile = register({
   name: "saveToActiveFile",
   trackEvent: { category: "export" },
+  predicate: (elements, appState, props, app) => {
+    return (
+      !!app.props.UIOptions.canvasActions.saveToActiveFile &&
+      !!appState.fileHandle &&
+      !appState.viewModeEnabled
+    );
+  },
   perform: async (elements, appState, value, app) => {
     const fileHandleExists = !!appState.fileHandle;
 
@@ -169,12 +174,6 @@ export const actionSaveToActiveFile = register({
   },
   keyTest: (event) =>
     event.key === KEYS.S && event[KEYS.CTRL_OR_CMD] && !event.shiftKey,
-  PanelComponent: ({ updateData, appState }) => (
-    <ActiveFile
-      onSave={() => updateData(null)}
-      fileName={appState.fileHandle?.name}
-    />
-  ),
 });
 
 export const actionSaveFileToDisk = register({
@@ -220,6 +219,11 @@ export const actionSaveFileToDisk = register({
 export const actionLoadScene = register({
   name: "loadScene",
   trackEvent: { category: "export" },
+  predicate: (elements, appState, props, app) => {
+    return (
+      !!app.props.UIOptions.canvasActions.loadScene && !appState.viewModeEnabled
+    );
+  },
   perform: async (elements, appState, _, app) => {
     try {
       const {
@@ -247,19 +251,6 @@ export const actionLoadScene = register({
     }
   },
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.O,
-  PanelComponent: ({ updateData }) => {
-    return (
-      <DropdownMenuItem
-        icon={LoadIcon}
-        onSelect={updateData}
-        dataTestId="load-button"
-        shortcut={getShortcutFromShortcutName("loadScene")}
-        ariaLabel={t("buttons.load")}
-      >
-        {t("buttons.load")}
-      </DropdownMenuItem>
-    );
-  },
 });
 
 export const actionExportWithDarkMode = register({
diff --git a/src/actions/actionFlip.ts b/src/actions/actionFlip.ts
index 31aefdc05..ff6bfe4b7 100644
--- a/src/actions/actionFlip.ts
+++ b/src/actions/actionFlip.ts
@@ -50,7 +50,7 @@ export const actionFlipHorizontal = register({
   },
   keyTest: (event) => event.shiftKey && event.code === "KeyH",
   contextItemLabel: "labels.flipHorizontal",
-  contextItemPredicate: (elements, appState) =>
+  predicate: (elements, appState) =>
     enableActionFlipHorizontal(elements, appState),
 });
 
@@ -67,7 +67,7 @@ export const actionFlipVertical = register({
   keyTest: (event) =>
     event.shiftKey && event.code === "KeyV" && !event[KEYS.CTRL_OR_CMD],
   contextItemLabel: "labels.flipVertical",
-  contextItemPredicate: (elements, appState) =>
+  predicate: (elements, appState) =>
     enableActionFlipVertical(elements, appState),
 });
 
diff --git a/src/actions/actionGroup.tsx b/src/actions/actionGroup.tsx
index 273888d7c..1e6bcfbbc 100644
--- a/src/actions/actionGroup.tsx
+++ b/src/actions/actionGroup.tsx
@@ -129,8 +129,7 @@ export const actionGroup = register({
     };
   },
   contextItemLabel: "labels.group",
-  contextItemPredicate: (elements, appState) =>
-    enableActionGroup(elements, appState),
+  predicate: (elements, appState) => enableActionGroup(elements, appState),
   keyTest: (event) =>
     !event.shiftKey && event[KEYS.CTRL_OR_CMD] && event.key === KEYS.G,
   PanelComponent: ({ elements, appState, updateData }) => (
@@ -193,8 +192,7 @@ export const actionUngroup = register({
     event[KEYS.CTRL_OR_CMD] &&
     event.key === KEYS.G.toUpperCase(),
   contextItemLabel: "labels.ungroup",
-  contextItemPredicate: (elements, appState) =>
-    getSelectedGroupIds(appState).length > 0,
+  predicate: (elements, appState) => getSelectedGroupIds(appState).length > 0,
 
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
diff --git a/src/actions/actionLinearEditor.ts b/src/actions/actionLinearEditor.ts
index ff1435f81..fc86eb165 100644
--- a/src/actions/actionLinearEditor.ts
+++ b/src/actions/actionLinearEditor.ts
@@ -10,7 +10,7 @@ export const actionToggleLinearEditor = register({
   trackEvent: {
     category: "element",
   },
-  contextItemPredicate: (elements, appState) => {
+  predicate: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState);
     if (selectedElements.length === 1 && isLinearElement(selectedElements[0])) {
       return true;
diff --git a/src/actions/actionMenu.tsx b/src/actions/actionMenu.tsx
index f03371281..27bd3b37a 100644
--- a/src/actions/actionMenu.tsx
+++ b/src/actions/actionMenu.tsx
@@ -1,12 +1,10 @@
-import { HamburgerMenuIcon, HelpIcon, palette } from "../components/icons";
+import { HamburgerMenuIcon, palette } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
 import { t } from "../i18n";
 import { showSelectedShapeActions, getNonDeletedElements } from "../element";
 import { register } from "./register";
 import { allowFullScreen, exitFullScreen, isFullScreen } from "../utils";
 import { KEYS } from "../keys";
-import { HelpButton } from "../components/HelpButton";
-import DropdownMenuItem from "../components/dropdownMenu/DropdownMenuItem";
 
 export const actionToggleCanvasMenu = register({
   name: "toggleCanvasMenu",
@@ -88,19 +86,5 @@ export const actionShortcuts = register({
       commitToHistory: false,
     };
   },
-  PanelComponent: ({ updateData, isInHamburgerMenu }) =>
-    isInHamburgerMenu ? (
-      <DropdownMenuItem
-        dataTestId="help-menu-item"
-        icon={HelpIcon}
-        onSelect={updateData}
-        shortcut="?"
-        ariaLabel={t("helpDialog.title")}
-      >
-        {t("helpDialog.title")}
-      </DropdownMenuItem>
-    ) : (
-      <HelpButton title={t("helpDialog.title")} onClick={updateData} />
-    ),
   keyTest: (event) => event.key === KEYS.QUESTION_MARK,
 });
diff --git a/src/actions/actionToggleGridMode.tsx b/src/actions/actionToggleGridMode.tsx
index f8336a4bf..8841cad5a 100644
--- a/src/actions/actionToggleGridMode.tsx
+++ b/src/actions/actionToggleGridMode.tsx
@@ -20,7 +20,7 @@ export const actionToggleGridMode = register({
     };
   },
   checked: (appState: AppState) => appState.gridSize !== null,
-  contextItemPredicate: (element, appState, props) => {
+  predicate: (element, appState, props) => {
     return typeof props.gridModeEnabled === "undefined";
   },
   contextItemLabel: "labels.showGrid",
diff --git a/src/actions/actionToggleViewMode.tsx b/src/actions/actionToggleViewMode.tsx
index b2f529c1c..dc9db0c37 100644
--- a/src/actions/actionToggleViewMode.tsx
+++ b/src/actions/actionToggleViewMode.tsx
@@ -18,7 +18,7 @@ export const actionToggleViewMode = register({
     };
   },
   checked: (appState) => appState.viewModeEnabled,
-  contextItemPredicate: (elements, appState, appProps) => {
+  predicate: (elements, appState, appProps) => {
     return typeof appProps.viewModeEnabled === "undefined";
   },
   contextItemLabel: "labels.viewMode",
diff --git a/src/actions/actionToggleZenMode.tsx b/src/actions/actionToggleZenMode.tsx
index 7578c02ed..28956640c 100644
--- a/src/actions/actionToggleZenMode.tsx
+++ b/src/actions/actionToggleZenMode.tsx
@@ -18,7 +18,7 @@ export const actionToggleZenMode = register({
     };
   },
   checked: (appState) => appState.zenModeEnabled,
-  contextItemPredicate: (elements, appState, appProps) => {
+  predicate: (elements, appState, appProps) => {
     return typeof appProps.zenModeEnabled === "undefined";
   },
   contextItemLabel: "buttons.zenMode",
diff --git a/src/actions/manager.tsx b/src/actions/manager.tsx
index 6c87aa037..60648e410 100644
--- a/src/actions/manager.tsx
+++ b/src/actions/manager.tsx
@@ -131,11 +131,7 @@ export class ActionManager {
   /**
    * @param data additional data sent to the PanelComponent
    */
-  renderAction = (
-    name: ActionName,
-    data?: PanelComponentProps["data"],
-    isInHamburgerMenu = false,
-  ) => {
+  renderAction = (name: ActionName, data?: PanelComponentProps["data"]) => {
     const canvasActions = this.app.props.UIOptions.canvasActions;
 
     if (
@@ -170,11 +166,20 @@ export class ActionManager {
           updateData={updateData}
           appProps={this.app.props}
           data={data}
-          isInHamburgerMenu={isInHamburgerMenu}
         />
       );
     }
 
     return null;
   };
+
+  isActionEnabled = (action: Action) => {
+    const elements = this.getElementsIncludingDeleted();
+    const appState = this.getAppState();
+
+    return (
+      !action.predicate ||
+      action.predicate(elements, appState, this.app.props, this.app)
+    );
+  };
 }
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 93e29cfc1..4a7a4fe5d 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -124,9 +124,7 @@ export type PanelComponentProps = {
 
 export interface Action {
   name: ActionName;
-  PanelComponent?: React.FC<
-    PanelComponentProps & { isInHamburgerMenu: boolean }
-  >;
+  PanelComponent?: React.FC<PanelComponentProps>;
   perform: ActionFn;
   keyPriority?: number;
   keyTest?: (
@@ -140,7 +138,7 @@ export interface Action {
         elements: readonly ExcalidrawElement[],
         appState: Readonly<AppState>,
       ) => string);
-  contextItemPredicate?: (
+  predicate?: (
     elements: readonly ExcalidrawElement[],
     appState: AppState,
     appProps: ExcalidrawProps,
diff --git a/src/components/ActiveFile.tsx b/src/components/ActiveFile.tsx
deleted file mode 100644
index ac9ee89bb..000000000
--- a/src/components/ActiveFile.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-// TODO barnabasmolnar/editor-redesign
-// this icon is not great
-import { getShortcutFromShortcutName } from "../actions/shortcuts";
-import { save } from "../components/icons";
-import { t } from "../i18n";
-
-import "./ActiveFile.scss";
-import DropdownMenuItem from "./dropdownMenu/DropdownMenuItem";
-
-type ActiveFileProps = {
-  fileName?: string;
-  onSave: () => void;
-};
-
-export const ActiveFile = ({ fileName, onSave }: ActiveFileProps) => (
-  <DropdownMenuItem
-    shortcut={getShortcutFromShortcutName("saveScene")}
-    dataTestId="save-button"
-    onSelect={onSave}
-    icon={save}
-    ariaLabel={`${t("buttons.save")}`}
-  >{`${t("buttons.save")}`}</DropdownMenuItem>
-);
diff --git a/src/components/App.tsx b/src/components/App.tsx
index c0275dbf2..9ce9dfc46 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -312,9 +312,9 @@ const ExcalidrawSetAppStateContext = React.createContext<
 >(() => {});
 ExcalidrawSetAppStateContext.displayName = "ExcalidrawSetAppStateContext";
 
-const ExcalidrawActionManagerContext = React.createContext<
-  ActionManager | { renderAction: ActionManager["renderAction"] }
->({ renderAction: () => null });
+const ExcalidrawActionManagerContext = React.createContext<ActionManager>(
+  null!,
+);
 ExcalidrawActionManagerContext.displayName = "ExcalidrawActionManagerContext";
 
 export const useExcalidrawElements = () =>
diff --git a/src/components/ClearCanvas.tsx b/src/components/ClearCanvas.tsx
deleted file mode 100644
index 354838aae..000000000
--- a/src/components/ClearCanvas.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useState } from "react";
-import { t } from "../i18n";
-import { TrashIcon } from "./icons";
-
-import ConfirmDialog from "./ConfirmDialog";
-import DropdownMenuItem from "./dropdownMenu/DropdownMenuItem";
-
-const ClearCanvas = ({ onConfirm }: { onConfirm: () => void }) => {
-  const [showDialog, setShowDialog] = useState(false);
-  const toggleDialog = () => {
-    setShowDialog(!showDialog);
-  };
-
-  return (
-    <>
-      <DropdownMenuItem
-        icon={TrashIcon}
-        onSelect={toggleDialog}
-        dataTestId="clear-canvas-button"
-        ariaLabel={t("buttons.clearReset")}
-      >
-        {t("buttons.clearReset")}
-      </DropdownMenuItem>
-
-      {showDialog && (
-        <ConfirmDialog
-          onConfirm={() => {
-            onConfirm();
-            toggleDialog();
-          }}
-          onCancel={toggleDialog}
-          title={t("clearCanvasDialog.title")}
-        >
-          <p className="clear-canvas__content"> {t("alerts.clearReset")}</p>
-        </ConfirmDialog>
-      )}
-    </>
-  );
-};
-
-export default ClearCanvas;
diff --git a/src/components/CollabButton.tsx b/src/components/CollabButton.tsx
index 08ad71c60..d63444a2c 100644
--- a/src/components/CollabButton.tsx
+++ b/src/components/CollabButton.tsx
@@ -2,48 +2,30 @@ import { t } from "../i18n";
 import { UsersIcon } from "./icons";
 
 import "./CollabButton.scss";
-import DropdownMenuItem from "./dropdownMenu/DropdownMenuItem";
 import clsx from "clsx";
 
 const CollabButton = ({
   isCollaborating,
   collaboratorCount,
   onClick,
-  isInHamburgerMenu = true,
 }: {
   isCollaborating: boolean;
   collaboratorCount: number;
   onClick: () => void;
-  isInHamburgerMenu?: boolean;
 }) => {
   return (
-    <>
-      {isInHamburgerMenu ? (
-        <DropdownMenuItem
-          dataTestId="collab-button"
-          icon={UsersIcon}
-          onSelect={onClick}
-          ariaLabel={t("labels.liveCollaboration")}
-        >
-          {t("labels.liveCollaboration")}
-        </DropdownMenuItem>
-      ) : (
-        <button
-          className={clsx("collab-button", { active: isCollaborating })}
-          type="button"
-          onClick={onClick}
-          style={{ position: "relative" }}
-          title={t("labels.liveCollaboration")}
-        >
-          {UsersIcon}
-          {collaboratorCount > 0 && (
-            <div className="CollabButton-collaborators">
-              {collaboratorCount}
-            </div>
-          )}
-        </button>
+    <button
+      className={clsx("collab-button", { active: isCollaborating })}
+      type="button"
+      onClick={onClick}
+      style={{ position: "relative" }}
+      title={t("labels.liveCollaboration")}
+    >
+      {UsersIcon}
+      {collaboratorCount > 0 && (
+        <div className="CollabButton-collaborators">{collaboratorCount}</div>
       )}
-    </>
+    </button>
   );
 };
 
diff --git a/src/components/ContextMenu.tsx b/src/components/ContextMenu.tsx
index 2ec72e5ea..1463f1033 100644
--- a/src/components/ContextMenu.tsx
+++ b/src/components/ContextMenu.tsx
@@ -39,8 +39,8 @@ export const ContextMenu = React.memo(
       if (
         item &&
         (item === CONTEXT_MENU_SEPARATOR ||
-          !item.contextItemPredicate ||
-          item.contextItemPredicate(
+          !item.predicate ||
+          item.predicate(
             elements,
             appState,
             actionManager.app.props,
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 57047a8d4..e8a385d02 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -183,7 +183,9 @@ const LayerUI = ({
         <MainMenu>
           <MainMenu.DefaultItems.LoadScene />
           <MainMenu.DefaultItems.SaveToActiveFile />
+          {/* FIXME we should to test for this inside the item itself */}
           {UIOptions.canvasActions.export && <MainMenu.DefaultItems.Export />}
+          {/* FIXME we should to test for this inside the item itself */}
           {UIOptions.canvasActions.saveAsImage && (
             <MainMenu.DefaultItems.SaveAsImage />
           )}
@@ -350,7 +352,6 @@ const LayerUI = ({
             <UserList collaborators={appState.collaborators} />
             {onCollabButtonClick && (
               <CollabButton
-                isInHamburgerMenu={false}
                 isCollaborating={isCollaborating}
                 collaboratorCount={appState.collaborators.size}
                 onClick={onCollabButtonClick}
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index 94afee814..cfd389599 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { actionShortcuts } from "../../actions";
 import { ActionManager } from "../../actions/manager";
 import { t } from "../../i18n";
 import { AppState, UIChildrenComponents } from "../../types";
@@ -9,6 +10,7 @@ import {
   ZoomActions,
 } from "../Actions";
 import { useDevice } from "../App";
+import { HelpButton } from "../HelpButton";
 import { WelcomeScreenHelpArrow } from "../icons";
 import { Section } from "../Section";
 import Stack from "../Stack";
@@ -86,7 +88,10 @@ const Footer = ({
             </div>
           </WelcomeScreenDecor>
 
-          {actionManager.renderAction("toggleShortcuts")}
+          <HelpButton
+            title={t("helpDialog.title")}
+            onClick={() => actionManager.executeAction(actionShortcuts)}
+          />
         </div>
       </div>
       <ExitZenModeAction
diff --git a/src/components/ActiveFile.scss b/src/components/mainMenu/DefaultItems.scss
similarity index 100%
rename from src/components/ActiveFile.scss
rename to src/components/mainMenu/DefaultItems.scss
diff --git a/src/components/mainMenu/DefaultItems.tsx b/src/components/mainMenu/DefaultItems.tsx
index 53ecf9146..38f104767 100644
--- a/src/components/mainMenu/DefaultItems.tsx
+++ b/src/components/mainMenu/DefaultItems.tsx
@@ -6,34 +6,81 @@ import {
   useExcalidrawSetAppState,
   useExcalidrawActionManager,
 } from "../App";
-import { ExportIcon, ExportImageIcon, UsersIcon } from "../icons";
+import {
+  ExportIcon,
+  ExportImageIcon,
+  HelpIcon,
+  LoadIcon,
+  MoonIcon,
+  save,
+  SunIcon,
+  TrashIcon,
+  UsersIcon,
+} from "../icons";
 import { GithubIcon, DiscordIcon, TwitterIcon } from "../icons";
 import DropdownMenuItem from "../dropdownMenu/DropdownMenuItem";
 import DropdownMenuItemLink from "../dropdownMenu/DropdownMenuItemLink";
+import {
+  actionClearCanvas,
+  actionLoadScene,
+  actionSaveToActiveFile,
+  actionShortcuts,
+  actionToggleTheme,
+} from "../../actions";
+
+import "./DefaultItems.scss";
+import { useState } from "react";
+import ConfirmDialog from "../ConfirmDialog";
 
 export const LoadScene = () => {
+  // FIXME Hack until we tie "t" to lang state
+  // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   const actionManager = useExcalidrawActionManager();
-  if (appState.viewModeEnabled) {
+
+  if (!actionManager.isActionEnabled(actionLoadScene)) {
     return null;
   }
-  return actionManager.renderAction("loadScene");
+
+  return (
+    <DropdownMenuItem
+      icon={LoadIcon}
+      onSelect={() => actionManager.executeAction(actionLoadScene)}
+      dataTestId="load-button"
+      shortcut={getShortcutFromShortcutName("loadScene")}
+      ariaLabel={t("buttons.load")}
+    >
+      {t("buttons.load")}
+    </DropdownMenuItem>
+  );
 };
 LoadScene.displayName = "LoadScene";
 
 export const SaveToActiveFile = () => {
+  // FIXME Hack until we tie "t" to lang state
+  // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   const actionManager = useExcalidrawActionManager();
-  if (!appState.fileHandle) {
+
+  if (!actionManager.isActionEnabled(actionSaveToActiveFile)) {
     return null;
   }
-  return actionManager.renderAction("saveToActiveFile");
+
+  return (
+    <DropdownMenuItem
+      shortcut={getShortcutFromShortcutName("saveScene")}
+      dataTestId="save-button"
+      onSelect={() => actionManager.executeAction(actionSaveToActiveFile)}
+      icon={save}
+      ariaLabel={`${t("buttons.save")}`}
+    >{`${t("buttons.save")}`}</DropdownMenuItem>
+  );
 };
 SaveToActiveFile.displayName = "SaveToActiveFile";
 
 export const SaveAsImage = () => {
   const setAppState = useExcalidrawSetAppState();
-  // Hack until we tie "t" to lang state
+  // FIXME Hack until we tie "t" to lang state
   // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   return (
@@ -51,32 +98,96 @@ export const SaveAsImage = () => {
 SaveAsImage.displayName = "SaveAsImage";
 
 export const Help = () => {
-  // Hack until we tie "t" to lang state
+  // FIXME Hack until we tie "t" to lang state
   // eslint-disable-next-line
   const appState = useExcalidrawAppState();
 
   const actionManager = useExcalidrawActionManager();
-  return actionManager.renderAction("toggleShortcuts", undefined, true);
+
+  return (
+    <DropdownMenuItem
+      dataTestId="help-menu-item"
+      icon={HelpIcon}
+      onSelect={() => actionManager.executeAction(actionShortcuts)}
+      shortcut="?"
+      ariaLabel={t("helpDialog.title")}
+    >
+      {t("helpDialog.title")}
+    </DropdownMenuItem>
+  );
 };
 Help.displayName = "Help";
 
 export const ClearCanvas = () => {
+  // FIXME Hack until we tie "t" to lang state
+  // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   const actionManager = useExcalidrawActionManager();
 
-  if (appState.viewModeEnabled) {
+  const [showDialog, setShowDialog] = useState(false);
+  const toggleDialog = () => setShowDialog(!showDialog);
+
+  if (!actionManager.isActionEnabled(actionClearCanvas)) {
     return null;
   }
-  return actionManager.renderAction("clearCanvas");
+
+  return (
+    <>
+      <DropdownMenuItem
+        icon={TrashIcon}
+        onSelect={toggleDialog}
+        dataTestId="clear-canvas-button"
+        ariaLabel={t("buttons.clearReset")}
+      >
+        {t("buttons.clearReset")}
+      </DropdownMenuItem>
+
+      {/* FIXME this should live outside MainMenu so it stays open
+          if menu is closed */}
+      {showDialog && (
+        <ConfirmDialog
+          onConfirm={() => {
+            actionManager.executeAction(actionClearCanvas);
+            toggleDialog();
+          }}
+          onCancel={toggleDialog}
+          title={t("clearCanvasDialog.title")}
+        >
+          <p className="clear-canvas__content"> {t("alerts.clearReset")}</p>
+        </ConfirmDialog>
+      )}
+    </>
+  );
 };
 ClearCanvas.displayName = "ClearCanvas";
 
 export const ToggleTheme = () => {
-  // Hack until we tie "t" to lang state
-  // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   const actionManager = useExcalidrawActionManager();
-  return actionManager.renderAction("toggleTheme");
+
+  if (!actionManager.isActionEnabled(actionToggleTheme)) {
+    return null;
+  }
+
+  return (
+    <DropdownMenuItem
+      onSelect={() => {
+        return actionManager.executeAction(actionToggleTheme);
+      }}
+      icon={appState.theme === "dark" ? SunIcon : MoonIcon}
+      dataTestId="toggle-dark-mode"
+      shortcut={getShortcutFromShortcutName("toggleTheme")}
+      ariaLabel={
+        appState.theme === "dark"
+          ? t("buttons.lightMode")
+          : t("buttons.darkMode")
+      }
+    >
+      {appState.theme === "dark"
+        ? t("buttons.lightMode")
+        : t("buttons.darkMode")}
+    </DropdownMenuItem>
+  );
 };
 ToggleTheme.displayName = "ToggleTheme";
 
@@ -101,7 +212,7 @@ export const ChangeCanvasBackground = () => {
 ChangeCanvasBackground.displayName = "ChangeCanvasBackground";
 
 export const Export = () => {
-  // Hack until we tie "t" to lang state
+  // FIXME Hack until we tie "t" to lang state
   // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   const setAppState = useExcalidrawSetAppState();
@@ -154,7 +265,7 @@ export const LiveCollaboration = ({
   onSelect: () => void;
   isCollaborating: boolean;
 }) => {
-  // Hack until we tie "t" to lang state
+  // FIXME Hack until we tie "t" to lang state
   // eslint-disable-next-line
   const appState = useExcalidrawAppState();
   return (
diff --git a/src/element/Hyperlink.tsx b/src/element/Hyperlink.tsx
index a25403839..43cbf0da5 100644
--- a/src/element/Hyperlink.tsx
+++ b/src/element/Hyperlink.tsx
@@ -267,7 +267,7 @@ export const actionLink = register({
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.K,
   contextItemLabel: (elements, appState) =>
     getContextMenuLabel(elements, appState),
-  contextItemPredicate: (elements, appState) => {
+  predicate: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState);
     return selectedElements.length === 1;
   },
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index ed03cd999..8633e88b0 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -13,30 +13,30 @@ Object {
     "items": Array [
       Object {
         "contextItemLabel": "labels.cut",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copy",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.paste",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -44,28 +44,28 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyAsSvg",
-        "contextItemPredicate": [Function],
         "name": "copyAsSvg",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyText",
-        "contextItemPredicate": [Function],
         "name": "copyText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -93,28 +93,28 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.unbindText",
-        "contextItemPredicate": [Function],
         "name": "unbindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.bindText",
-        "contextItemPredicate": [Function],
         "name": "bindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -122,10 +122,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -185,20 +185,20 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.flipHorizontal",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.flipVertical",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -206,9 +206,9 @@ Object {
       "separator",
       Object {
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -216,10 +216,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
@@ -4401,30 +4401,30 @@ Object {
     "items": Array [
       Object {
         "contextItemLabel": "labels.cut",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copy",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.paste",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4432,28 +4432,28 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyAsSvg",
-        "contextItemPredicate": [Function],
         "name": "copyAsSvg",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyText",
-        "contextItemPredicate": [Function],
         "name": "copyText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4481,28 +4481,28 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.unbindText",
-        "contextItemPredicate": [Function],
         "name": "unbindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.bindText",
-        "contextItemPredicate": [Function],
         "name": "bindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4510,10 +4510,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4573,20 +4573,20 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.flipHorizontal",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.flipVertical",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4594,9 +4594,9 @@ Object {
       "separator",
       Object {
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4604,10 +4604,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
@@ -4942,30 +4942,30 @@ Object {
     "items": Array [
       Object {
         "contextItemLabel": "labels.cut",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copy",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.paste",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4973,28 +4973,28 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyAsSvg",
-        "contextItemPredicate": [Function],
         "name": "copyAsSvg",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyText",
-        "contextItemPredicate": [Function],
         "name": "copyText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5022,28 +5022,28 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.unbindText",
-        "contextItemPredicate": [Function],
         "name": "unbindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.bindText",
-        "contextItemPredicate": [Function],
         "name": "bindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5051,10 +5051,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5114,20 +5114,20 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.flipHorizontal",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.flipVertical",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5135,9 +5135,9 @@ Object {
       "separator",
       Object {
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5145,10 +5145,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
@@ -5568,10 +5568,10 @@ Object {
     "items": Array [
       Object {
         "contextItemLabel": "labels.paste",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5579,28 +5579,28 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyAsSvg",
-        "contextItemPredicate": [Function],
         "name": "copyAsSvg",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyText",
-        "contextItemPredicate": [Function],
         "name": "copyText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5619,10 +5619,10 @@ Object {
       Object {
         "checked": [Function],
         "contextItemLabel": "labels.showGrid",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "gridMode",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "canvas",
           "predicate": [Function],
@@ -5632,10 +5632,10 @@ Object {
       Object {
         "checked": [Function],
         "contextItemLabel": "buttons.zenMode",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "zenMode",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "canvas",
           "predicate": [Function],
@@ -5645,10 +5645,10 @@ Object {
       Object {
         "checked": [Function],
         "contextItemLabel": "labels.viewMode",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "viewMode",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "canvas",
           "predicate": [Function],
@@ -5782,30 +5782,30 @@ Object {
     "items": Array [
       Object {
         "contextItemLabel": "labels.cut",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copy",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.paste",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5813,28 +5813,28 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyAsSvg",
-        "contextItemPredicate": [Function],
         "name": "copyAsSvg",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyText",
-        "contextItemPredicate": [Function],
         "name": "copyText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5862,28 +5862,28 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.unbindText",
-        "contextItemPredicate": [Function],
         "name": "unbindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.bindText",
-        "contextItemPredicate": [Function],
         "name": "bindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5891,10 +5891,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5954,20 +5954,20 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.flipHorizontal",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.flipVertical",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5975,9 +5975,9 @@ Object {
       "separator",
       Object {
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5985,10 +5985,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
@@ -6119,30 +6119,30 @@ Object {
     "items": Array [
       Object {
         "contextItemLabel": "labels.cut",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copy",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.paste",
-        "contextItemPredicate": [Function],
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6150,28 +6150,28 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyAsSvg",
-        "contextItemPredicate": [Function],
         "name": "copyAsSvg",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.copyText",
-        "contextItemPredicate": [Function],
         "name": "copyText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6199,28 +6199,28 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.unbindText",
-        "contextItemPredicate": [Function],
         "name": "unbindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.bindText",
-        "contextItemPredicate": [Function],
         "name": "bindText",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6228,10 +6228,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6291,20 +6291,20 @@ Object {
       "separator",
       Object {
         "contextItemLabel": "labels.flipHorizontal",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
       },
       Object {
         "contextItemLabel": "labels.flipVertical",
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6312,9 +6312,9 @@ Object {
       "separator",
       Object {
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6322,10 +6322,10 @@ Object {
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
-        "contextItemPredicate": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index a581fbf3c..09402981e 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -1,5 +1,114 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items if passed from host 1`] = `
+<div
+  class="dropdown-menu"
+  data-testid="dropdown-menu"
+>
+  <div
+    class="Island dropdown-menu-container"
+    style="--padding: 2; z-index: 1;"
+  >
+    <button
+      class="dropdown-menu-item dropdown-menu-item-base"
+      type="button"
+    >
+      <div
+        class="dropdown-menu-item__icon"
+      />
+      <div
+        class="dropdown-menu-item__text"
+      >
+        Click me
+      </div>
+    </button>
+    <a
+      class="dropdown-menu-item dropdown-menu-item-base"
+      href="blog.excalidaw.com"
+      rel="noreferrer"
+      target="_blank"
+    >
+      <div
+        class="dropdown-menu-item__icon"
+      />
+      <div
+        class="dropdown-menu-item__text"
+      >
+        Excalidraw blog
+      </div>
+    </a>
+    <div
+      class="dropdown-menu-item-base dropdown-menu-item-custom"
+    >
+      <button
+        style="height: 2rem;"
+      >
+         
+        custom menu item
+      </button>
+    </div>
+    <button
+      aria-label="Help"
+      class="dropdown-menu-item dropdown-menu-item-base"
+      data-testid="help-menu-item"
+      title="Help"
+      type="button"
+    >
+      <div
+        class="dropdown-menu-item__icon"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          fill="none"
+          focusable="false"
+          role="img"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+        >
+          <g
+            stroke-width="1.5"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+              stroke="none"
+            />
+            <circle
+              cx="12"
+              cy="12"
+              r="9"
+            />
+            <line
+              x1="12"
+              x2="12"
+              y1="17"
+              y2="17.01"
+            />
+            <path
+              d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="dropdown-menu-item__text"
+      >
+        Help
+      </div>
+      <div
+        class="dropdown-menu-item__shortcut"
+      >
+        ?
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
 exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu with default items when "UIOPtions" is "undefined" 1`] = `
 <div
   class="dropdown-menu"
@@ -454,112 +563,3 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu
   </div>
 </div>
 `;
-
-exports[`<Excalidraw/> should render main menu with host menu items if passed from host 1`] = `
-<div
-  class="dropdown-menu"
-  data-testid="dropdown-menu"
->
-  <div
-    class="Island dropdown-menu-container"
-    style="--padding: 2; z-index: 1;"
-  >
-    <button
-      class="dropdown-menu-item dropdown-menu-item-base"
-      type="button"
-    >
-      <div
-        class="dropdown-menu-item__icon"
-      />
-      <div
-        class="dropdown-menu-item__text"
-      >
-        Click me
-      </div>
-    </button>
-    <a
-      class="dropdown-menu-item dropdown-menu-item-base"
-      href="blog.excalidaw.com"
-      rel="noreferrer"
-      target="_blank"
-    >
-      <div
-        class="dropdown-menu-item__icon"
-      />
-      <div
-        class="dropdown-menu-item__text"
-      >
-        Excalidraw blog
-      </div>
-    </a>
-    <div
-      class="dropdown-menu-item-base dropdown-menu-item-custom"
-    >
-      <button
-        style="height: 2rem;"
-      >
-         
-        custom menu item
-      </button>
-    </div>
-    <button
-      aria-label="Help"
-      class="dropdown-menu-item dropdown-menu-item-base"
-      data-testid="help-menu-item"
-      title="Help"
-      type="button"
-    >
-      <div
-        class="dropdown-menu-item__icon"
-      >
-        <svg
-          aria-hidden="true"
-          class=""
-          fill="none"
-          focusable="false"
-          role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-        >
-          <g
-            stroke-width="1.5"
-          >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-              stroke="none"
-            />
-            <circle
-              cx="12"
-              cy="12"
-              r="9"
-            />
-            <line
-              x1="12"
-              x2="12"
-              y1="17"
-              y2="17.01"
-            />
-            <path
-              d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="dropdown-menu-item__text"
-      >
-        Help
-      </div>
-      <div
-        class="dropdown-menu-item__shortcut"
-      >
-        ?
-      </div>
-    </button>
-  </div>
-</div>
-`;
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 99e928c5e..a0d495936 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -3,6 +3,7 @@ import { Excalidraw, Footer, MainMenu } from "../../packages/excalidraw/index";
 import { queryByText, queryByTestId } from "@testing-library/react";
 import { GRID_SIZE, THEME } from "../../constants";
 import { t } from "../../i18n";
+import { useMemo } from "react";
 
 const { h } = window;
 
@@ -13,6 +14,7 @@ describe("<Excalidraw/>", () => {
       toggleMenu(document.querySelector(".excalidraw")!);
     }
   });
+
   describe("Test zenModeEnabled prop", () => {
     it('should show exit zen mode button when zen mode is set and zen mode option in context menu when zenModeEnabled is "undefined"', async () => {
       const { container } = await render(<Excalidraw />);
@@ -121,34 +123,6 @@ describe("<Excalidraw/>", () => {
     });
   });
 
-  it("should render main menu with host menu items if passed from host", async () => {
-    const { container } = await render(
-      <Excalidraw UIOptions={undefined}>
-        <MainMenu>
-          <MainMenu.Item onSelect={() => window.alert("Clicked")}>
-            Click me
-          </MainMenu.Item>
-          <MainMenu.ItemLink href="blog.excalidaw.com">
-            Excalidraw blog
-          </MainMenu.ItemLink>
-          <MainMenu.ItemCustom>
-            <button
-              style={{ height: "2rem" }}
-              onClick={() => window.alert("custom menu item")}
-            >
-              {" "}
-              custom menu item
-            </button>
-          </MainMenu.ItemCustom>
-          <MainMenu.DefaultItems.Help />
-        </MainMenu>
-      </Excalidraw>,
-    );
-    //open menu
-    toggleMenu(container);
-    expect(queryByTestId(container, "dropdown-menu")).toMatchSnapshot();
-  });
-
   describe("Test UIOptions prop", () => {
     describe("Test canvasActions", () => {
       it('should render menu with default items when "UIOPtions" is "undefined"', async () => {
@@ -306,7 +280,7 @@ describe("<Excalidraw/>", () => {
       //open menu
       toggleMenu(container);
       const darkModeToggle = queryByTestId(container, "toggle-dark-mode");
-      expect(darkModeToggle).toBeFalsy();
+      expect(darkModeToggle).toBe(null);
     });
   });
 
@@ -336,6 +310,7 @@ describe("<Excalidraw/>", () => {
       expect(textInput?.nodeName).toBe("SPAN");
     });
   });
+
   describe("Test autoFocus prop", () => {
     it("should not focus when autoFocus is false", async () => {
       const { container } = await render(<Excalidraw />);
@@ -353,4 +328,64 @@ describe("<Excalidraw/>", () => {
       ).toBe(true);
     });
   });
+
+  describe("<MainMenu/>", () => {
+    it("should render main menu with host menu items if passed from host", async () => {
+      const { container } = await render(
+        <Excalidraw>
+          <MainMenu>
+            <MainMenu.Item onSelect={() => window.alert("Clicked")}>
+              Click me
+            </MainMenu.Item>
+            <MainMenu.ItemLink href="blog.excalidaw.com">
+              Excalidraw blog
+            </MainMenu.ItemLink>
+            <MainMenu.ItemCustom>
+              <button
+                style={{ height: "2rem" }}
+                onClick={() => window.alert("custom menu item")}
+              >
+                {" "}
+                custom menu item
+              </button>
+            </MainMenu.ItemCustom>
+            <MainMenu.DefaultItems.Help />
+          </MainMenu>
+        </Excalidraw>,
+      );
+      //open menu
+      toggleMenu(container);
+      expect(queryByTestId(container, "dropdown-menu")).toMatchSnapshot();
+    });
+
+    it("should update themeToggle text even if MainMenu memoized", async () => {
+      const CustomExcalidraw = () => {
+        const customMenu = useMemo(() => {
+          return (
+            <MainMenu>
+              <MainMenu.DefaultItems.ToggleTheme />
+            </MainMenu>
+          );
+        }, []);
+
+        return <Excalidraw>{customMenu}</Excalidraw>;
+      };
+
+      const { container } = await render(<CustomExcalidraw />);
+      //open menu
+      toggleMenu(container);
+
+      expect(h.state.theme).toBe(THEME.LIGHT);
+
+      expect(
+        queryByTestId(container, "toggle-dark-mode")?.textContent,
+      ).toContain(t("buttons.darkMode"));
+
+      fireEvent.click(queryByTestId(container, "toggle-dark-mode")!);
+
+      expect(
+        queryByTestId(container, "toggle-dark-mode")?.textContent,
+      ).toContain(t("buttons.lightMode"));
+    });
+  });
 });

From 809d5ba17f2e55e4db0d0302d5af38bbb9c8922a Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 8 Jan 2023 16:22:04 +0100
Subject: [PATCH 029/252] fix: png-exporting does not preserve angles correctly
 for flipped images (#6085)

* fix: png-exporting does not preserve angles correctly for flipped images

* refactor related code

* simplify further and comment
---
 src/renderer/renderElement.ts | 50 +++++++++++++++++++----------------
 src/scene/scroll.ts           |  4 +--
 src/utils.ts                  |  5 ++--
 3 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 0c7882cad..f77a8c482 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -713,22 +713,8 @@ const drawElementFromCanvas = (
   const cx = ((x1 + x2) / 2 + renderConfig.scrollX) * window.devicePixelRatio;
   const cy = ((y1 + y2) / 2 + renderConfig.scrollY) * window.devicePixelRatio;
 
-  const _isPendingImageElement = isPendingImageElement(element, renderConfig);
-
-  const scaleXFactor =
-    "scale" in elementWithCanvas.element && !_isPendingImageElement
-      ? elementWithCanvas.element.scale[0]
-      : 1;
-  const scaleYFactor =
-    "scale" in elementWithCanvas.element && !_isPendingImageElement
-      ? elementWithCanvas.element.scale[1]
-      : 1;
-
   context.save();
-  context.scale(
-    (1 / window.devicePixelRatio) * scaleXFactor,
-    (1 / window.devicePixelRatio) * scaleYFactor,
-  );
+  context.scale(1 / window.devicePixelRatio, 1 / window.devicePixelRatio);
   const boundTextElement = getBoundTextElement(element);
 
   if (isArrowElement(element) && boundTextElement) {
@@ -793,7 +779,7 @@ const drawElementFromCanvas = (
         zoom,
     );
 
-    context.translate(cx * scaleXFactor, cy * scaleYFactor);
+    context.translate(cx, cy);
     context.drawImage(
       tempCanvas,
       (-(x2 - x1) / 2) * window.devicePixelRatio - offsetX / zoom - padding,
@@ -802,15 +788,30 @@ const drawElementFromCanvas = (
       tempCanvas.height / zoom,
     );
   } else {
-    context.translate(cx * scaleXFactor, cy * scaleYFactor);
+    // we translate context to element center so that rotation and scale
+    // originates from the element center
+    context.translate(cx, cy);
 
-    context.rotate(element.angle * scaleXFactor * scaleYFactor);
+    context.rotate(element.angle);
+
+    if (
+      "scale" in elementWithCanvas.element &&
+      !isPendingImageElement(element, renderConfig)
+    ) {
+      context.scale(
+        elementWithCanvas.element.scale[0],
+        elementWithCanvas.element.scale[1],
+      );
+    }
+
+    // revert afterwards we don't have account for it during drawing
+    context.translate(-cx, -cy);
 
     context.drawImage(
       elementWithCanvas.canvas!,
-      (-(x2 - x1) / 2) * window.devicePixelRatio -
+      (x1 + renderConfig.scrollX) * window.devicePixelRatio -
         (padding * elementWithCanvas.canvasZoom) / elementWithCanvas.canvasZoom,
-      (-(y2 - y1) / 2) * window.devicePixelRatio -
+      (y1 + renderConfig.scrollY) * window.devicePixelRatio -
         (padding * elementWithCanvas.canvasZoom) / elementWithCanvas.canvasZoom,
       elementWithCanvas.canvas!.width / elementWithCanvas.canvasZoom,
       elementWithCanvas.canvas!.height / elementWithCanvas.canvasZoom,
@@ -905,9 +906,6 @@ export const renderElement = (
         }
         context.save();
         context.translate(cx, cy);
-        if (element.type === "image") {
-          context.scale(element.scale[0], element.scale[1]);
-        }
 
         if (shouldResetImageFilter(element, renderConfig)) {
           context.filter = "none";
@@ -973,6 +971,12 @@ export const renderElement = (
           );
         } else {
           context.rotate(element.angle);
+
+          if (element.type === "image") {
+            // note: scale must be applied *after* rotating
+            context.scale(element.scale[0], element.scale[1]);
+          }
+
           context.translate(-shiftX, -shiftY);
           drawElementOnCanvas(element, rc, context, renderConfig);
         }
diff --git a/src/scene/scroll.ts b/src/scene/scroll.ts
index 4fce5e641..114d6db05 100644
--- a/src/scene/scroll.ts
+++ b/src/scene/scroll.ts
@@ -41,8 +41,8 @@ export const centerScrollOn = ({
   zoom: Zoom;
 }) => {
   return {
-    scrollX: (viewportDimensions.width / 2) * (1 / zoom.value) - scenePoint.x,
-    scrollY: (viewportDimensions.height / 2) * (1 / zoom.value) - scenePoint.y,
+    scrollX: viewportDimensions.width / 2 / zoom.value - scenePoint.x,
+    scrollY: viewportDimensions.height / 2 / zoom.value - scenePoint.y,
   };
 };
 
diff --git a/src/utils.ts b/src/utils.ts
index ffaf414de..119eb7ae5 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -352,9 +352,8 @@ export const viewportCoordsToSceneCoords = (
     scrollY: number;
   },
 ) => {
-  const invScale = 1 / zoom.value;
-  const x = (clientX - offsetLeft) * invScale - scrollX;
-  const y = (clientY - offsetTop) * invScale - scrollY;
+  const x = (clientX - offsetLeft) / zoom.value - scrollX;
+  const y = (clientY - offsetTop) / zoom.value - scrollY;
 
   return { x, y };
 };

From 06b45e0cfc9bc93b3565acee2932d643169fb298 Mon Sep 17 00:00:00 2001
From: Antonio Della Fortuna <50418432+adarkforce@users.noreply.github.com>
Date: Sun, 8 Jan 2023 17:19:13 +0100
Subject: [PATCH 030/252] fix: image horizontal flip fix + improved tests
 (#5799)

Co-authored-by: Antonio Della Fortuna <a.dellafortuna00@gmail.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
fixes https://github.com/excalidraw/excalidraw/issues/5784
---
 src/element/resizeElements.ts |    8 +-
 src/tests/flip.test.tsx       | 1120 ++++++++++++++++++---------------
 2 files changed, 621 insertions(+), 507 deletions(-)

diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 3782c232c..605ab0c2b 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -557,10 +557,10 @@ export const resizeSingleElement = (
     mutateElement(element, {
       scale: [
         // defaulting because scaleX/Y can be 0/-0
-        (Math.sign(scaleX) || stateAtResizeStart.scale[0]) *
-          stateAtResizeStart.scale[0],
-        (Math.sign(scaleY) || stateAtResizeStart.scale[1]) *
-          stateAtResizeStart.scale[1],
+        (Math.sign(newBoundsX2 - stateAtResizeStart.x) ||
+          stateAtResizeStart.scale[0]) * stateAtResizeStart.scale[0],
+        (Math.sign(newBoundsY2 - stateAtResizeStart.y) ||
+          stateAtResizeStart.scale[1]) * stateAtResizeStart.scale[1],
       ],
     });
   }
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index a388ad4eb..45a5e1477 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -1,22 +1,53 @@
 import ReactDOM from "react-dom";
-import { render } from "./test-utils";
-import App from "../components/App";
-import { defaultLang, setLanguage } from "../i18n";
+import { GlobalTestState, render, waitFor } from "./test-utils";
 import { UI, Pointer } from "./helpers/ui";
 import { API } from "./helpers/api";
 import { actionFlipHorizontal, actionFlipVertical } from "../actions";
+import { getElementAbsoluteCoords } from "../element";
+import {
+  ExcalidrawElement,
+  ExcalidrawImageElement,
+  ExcalidrawLinearElement,
+  FileId,
+} from "../element/types";
+import { newLinearElement } from "../element";
+import ExcalidrawApp from "../excalidraw-app";
+import { mutateElement } from "../element/mutateElement";
+import { NormalizedZoomValue } from "../types";
+import { ROUNDNESS } from "../constants";
 
 const { h } = window;
 
 const mouse = new Pointer("mouse");
+jest.mock("../data/blob", () => {
+  const originalModule = jest.requireActual("../data/blob");
 
+  //Prevent Node.js modules errors (document is not defined etc...)
+  return {
+    __esModule: true,
+    ...originalModule,
+    resizeImageFile: (imageFile: File) => imageFile,
+    generateIdFromFile: () => "fileId" as FileId,
+  };
+});
 beforeEach(async () => {
   // Unmount ReactDOM from root
   ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
-  mouse.reset();
 
-  await setLanguage(defaultLang);
-  await render(<App />);
+  mouse.reset();
+  localStorage.clear();
+  sessionStorage.clear();
+  jest.clearAllMocks();
+
+  Object.assign(document, {
+    elementFromPoint: () => GlobalTestState.canvas,
+  });
+  await render(<ExcalidrawApp />);
+  h.setState({
+    zoom: {
+      value: 1 as NormalizedZoomValue,
+    },
+  });
 });
 
 const createAndSelectOneRectangle = (angle: number = 0) => {
@@ -79,593 +110,676 @@ const createAndReturnOneDraw = (angle: number = 0) => {
   });
 };
 
-const FLIP_PRECISION_DECIMALS = 7;
+const createLinearElementWithCurveInsideMinMaxPoints = (
+  type: "line" | "arrow",
+  extraProps: any = {},
+) => {
+  return newLinearElement({
+    type,
+    x: 2256.910668124894,
+    y: -2412.5069664197654,
+    width: 1750.4888916015625,
+    height: 410.51605224609375,
+    angle: 0,
+    strokeColor: "#000000",
+    backgroundColor: "#fa5252",
+    fillStyle: "hachure",
+    strokeWidth: 1,
+    strokeStyle: "solid",
+    roughness: 1,
+    opacity: 100,
+    groupIds: [],
+    roundness: { type: ROUNDNESS.PROPORTIONAL_RADIUS },
+    boundElements: null,
+    link: null,
+    locked: false,
+    points: [
+      [0, 0],
+      [-922.4761962890625, 300.3277587890625],
+      [828.0126953125, 410.51605224609375],
+    ],
+    startArrowhead: null,
+    endArrowhead: null,
+  });
+};
+
+const createLinearElementsWithCurveOutsideMinMaxPoints = (
+  type: "line" | "arrow",
+  extraProps: any = {},
+) => {
+  return newLinearElement({
+    type,
+    x: -1388.6555370382996,
+    y: 1037.698247710191,
+    width: 591.2804897585779,
+    height: 69.32871961377737,
+    angle: 0,
+    strokeColor: "#000000",
+    backgroundColor: "transparent",
+    fillStyle: "hachure",
+    strokeWidth: 1,
+    strokeStyle: "solid",
+    roughness: 1,
+    opacity: 100,
+    groupIds: [],
+    roundness: { type: ROUNDNESS.PROPORTIONAL_RADIUS },
+    boundElements: null,
+    link: null,
+    locked: false,
+    points: [
+      [0, 0],
+      [-584.1485186423079, -15.365636022723947],
+      [-591.2804897585779, 36.09360810181511],
+      [-148.56510566829502, 53.96308359105342],
+    ],
+    startArrowhead: null,
+    endArrowhead: null,
+    ...extraProps,
+  });
+};
+
+const checkElementsBoundingBox = async (
+  element1: ExcalidrawElement,
+  element2: ExcalidrawElement,
+  toleranceInPx: number = 0,
+) => {
+  const [x1, y1, x2, y2] = getElementAbsoluteCoords(element1);
+
+  const [x12, y12, x22, y22] = getElementAbsoluteCoords(element2);
+
+  debugger;
+  await waitFor(() => {
+    // Check if width and height did not change
+    expect(x1 - toleranceInPx <= x12 && x12 <= x1 + toleranceInPx).toBeTruthy();
+    expect(y1 - toleranceInPx <= y12 && y12 <= y1 + toleranceInPx).toBeTruthy();
+    expect(x2 - toleranceInPx <= x22 && x22 <= x2 + toleranceInPx).toBeTruthy();
+    expect(y2 - toleranceInPx <= y22 && y22 <= y2 + toleranceInPx).toBeTruthy();
+  });
+};
+
+const checkHorizontalFlip = async (toleranceInPx: number = 0.00001) => {
+  const originalElement = JSON.parse(JSON.stringify(h.elements[0]));
+  h.app.actionManager.executeAction(actionFlipHorizontal);
+  const newElement = h.elements[0];
+  await checkElementsBoundingBox(originalElement, newElement, toleranceInPx);
+};
+
+const checkTwoPointsLineHorizontalFlip = async () => {
+  const originalElement = JSON.parse(
+    JSON.stringify(h.elements[0]),
+  ) as ExcalidrawLinearElement;
+  h.app.actionManager.executeAction(actionFlipHorizontal);
+  const newElement = h.elements[0] as ExcalidrawLinearElement;
+  await waitFor(() => {
+    expect(originalElement.points[0][0]).toEqual(
+      newElement.points[0][0] !== 0 ? -newElement.points[0][0] : 0,
+    );
+    expect(originalElement.points[0][1]).toEqual(newElement.points[0][1]);
+    expect(originalElement.points[1][0]).toEqual(
+      newElement.points[1][0] !== 0 ? -newElement.points[1][0] : 0,
+    );
+    expect(originalElement.points[1][1]).toEqual(newElement.points[1][1]);
+  });
+};
+
+const checkTwoPointsLineVerticalFlip = async () => {
+  const originalElement = JSON.parse(
+    JSON.stringify(h.elements[0]),
+  ) as ExcalidrawLinearElement;
+  h.app.actionManager.executeAction(actionFlipVertical);
+  const newElement = h.elements[0] as ExcalidrawLinearElement;
+  await waitFor(() => {
+    expect(originalElement.points[0][0]).toEqual(
+      newElement.points[0][0] !== 0 ? -newElement.points[0][0] : 0,
+    );
+    expect(originalElement.points[0][1]).toEqual(newElement.points[0][1]);
+    expect(originalElement.points[1][0]).toEqual(
+      newElement.points[1][0] !== 0 ? -newElement.points[1][0] : 0,
+    );
+    expect(originalElement.points[1][1]).toEqual(newElement.points[1][1]);
+  });
+};
+
+const checkRotatedHorizontalFlip = async (
+  expectedAngle: number,
+  toleranceInPx: number = 0.00001,
+) => {
+  const originalElement = JSON.parse(JSON.stringify(h.elements[0]));
+  h.app.actionManager.executeAction(actionFlipHorizontal);
+  const newElement = h.elements[0];
+  await waitFor(() => {
+    expect(newElement.angle).toBeCloseTo(expectedAngle);
+  });
+  await checkElementsBoundingBox(originalElement, newElement, toleranceInPx);
+};
+
+const checkRotatedVerticalFlip = async (
+  expectedAngle: number,
+  toleranceInPx: number = 0.00001,
+) => {
+  const originalElement = JSON.parse(JSON.stringify(h.elements[0]));
+  h.app.actionManager.executeAction(actionFlipVertical);
+  const newElement = h.elements[0];
+  await waitFor(() => {
+    expect(newElement.angle).toBeCloseTo(expectedAngle);
+  });
+  await checkElementsBoundingBox(originalElement, newElement, toleranceInPx);
+};
+
+const checkVerticalFlip = async (toleranceInPx: number = 0.00001) => {
+  const originalElement = JSON.parse(JSON.stringify(h.elements[0]));
+
+  h.app.actionManager.executeAction(actionFlipVertical);
+
+  const newElement = h.elements[0];
+  await checkElementsBoundingBox(originalElement, newElement, toleranceInPx);
+};
+
+const checkVerticalHorizontalFlip = async (toleranceInPx: number = 0.00001) => {
+  const originalElement = JSON.parse(JSON.stringify(h.elements[0]));
+
+  h.app.actionManager.executeAction(actionFlipHorizontal);
+  h.app.actionManager.executeAction(actionFlipVertical);
+
+  const newElement = h.elements[0];
+  await checkElementsBoundingBox(originalElement, newElement, toleranceInPx);
+};
+
+const TWO_POINTS_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS = 5;
+const MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS = 20;
 
 // Rectangle element
+describe("rectangle", () => {
+  it("flips an unrotated rectangle horizontally correctly", async () => {
+    createAndSelectOneRectangle();
 
-it("flips an unrotated rectangle horizontally correctly", () => {
-  createAndSelectOneRectangle();
+    await checkHorizontalFlip();
+  });
 
-  expect(API.getSelectedElements()[0].x).toEqual(0);
+  it("flips an unrotated rectangle vertically correctly", async () => {
+    createAndSelectOneRectangle();
 
-  expect(API.getSelectedElements()[0].y).toEqual(0);
+    await checkVerticalFlip();
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  it("flips a rotated rectangle horizontally correctly", async () => {
+    const originalAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (5 * Math.PI) / 4;
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+    createAndSelectOneRectangle(originalAngle);
 
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
+    await checkRotatedHorizontalFlip(expectedAngle);
+  });
 
-  expect(API.getSelectedElements()[0].y).toEqual(0);
+  it("flips a rotated rectangle vertically correctly", async () => {
+    const originalAngle = (3 * Math.PI) / 4;
+    const expectedAgnle = Math.PI / 4;
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
+    createAndSelectOneRectangle(originalAngle);
 
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-});
-
-it("flips an unrotated rectangle vertically correctly", () => {
-  createAndSelectOneRectangle();
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-});
-
-it("flips a rotated rectangle horizontally correctly", () => {
-  const originalAngle = (3 * Math.PI) / 4;
-  const expectedAngle = (5 * Math.PI) / 4;
-
-  createAndSelectOneRectangle(originalAngle);
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipHorizontal);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
-});
-
-it("flips a rotated rectangle vertically correctly", () => {
-  const originalAngle = (3 * Math.PI) / 4;
-  const expectedAgnle = Math.PI / 4;
-
-  createAndSelectOneRectangle(originalAngle);
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAgnle);
+    await checkRotatedVerticalFlip(expectedAgnle);
+  });
 });
 
 // Diamond element
+describe("diamond", () => {
+  it("flips an unrotated diamond horizontally correctly", async () => {
+    createAndSelectOneDiamond();
 
-it("flips an unrotated diamond horizontally correctly", () => {
-  createAndSelectOneDiamond();
+    await checkHorizontalFlip();
+  });
 
-  expect(API.getSelectedElements()[0].x).toEqual(0);
+  it("flips an unrotated diamond vertically correctly", async () => {
+    createAndSelectOneDiamond();
 
-  expect(API.getSelectedElements()[0].y).toEqual(0);
+    await checkVerticalFlip();
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  it("flips a rotated diamond horizontally correctly", async () => {
+    const originalAngle = (5 * Math.PI) / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+    createAndSelectOneDiamond(originalAngle);
 
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
+    await checkRotatedHorizontalFlip(expectedAngle);
+  });
 
-  expect(API.getSelectedElements()[0].y).toEqual(0);
+  it("flips a rotated diamond vertically correctly", async () => {
+    const originalAngle = (5 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
+    createAndSelectOneDiamond(originalAngle);
 
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-});
-
-it("flips an unrotated diamond vertically correctly", () => {
-  createAndSelectOneDiamond();
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-});
-
-it("flips a rotated diamond horizontally correctly", () => {
-  const originalAngle = (5 * Math.PI) / 4;
-  const expectedAngle = (3 * Math.PI) / 4;
-
-  createAndSelectOneDiamond(originalAngle);
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipHorizontal);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
-});
-
-it("flips a rotated diamond vertically correctly", () => {
-  const originalAngle = (5 * Math.PI) / 4;
-  const expectedAngle = (7 * Math.PI) / 4;
-
-  createAndSelectOneDiamond(originalAngle);
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
+    await checkRotatedVerticalFlip(expectedAngle);
+  });
 });
 
 // Ellipse element
+describe("ellipse", () => {
+  it("flips an unrotated ellipse horizontally correctly", async () => {
+    createAndSelectOneEllipse();
 
-it("flips an unrotated ellipse horizontally correctly", () => {
-  createAndSelectOneEllipse();
+    await checkHorizontalFlip();
+  });
 
-  expect(API.getSelectedElements()[0].x).toEqual(0);
+  it("flips an unrotated ellipse vertically correctly", async () => {
+    createAndSelectOneEllipse();
 
-  expect(API.getSelectedElements()[0].y).toEqual(0);
+    await checkVerticalFlip();
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  it("flips a rotated ellipse horizontally correctly", async () => {
+    const originalAngle = (7 * Math.PI) / 4;
+    const expectedAngle = Math.PI / 4;
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+    createAndSelectOneEllipse(originalAngle);
 
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
+    await checkRotatedHorizontalFlip(expectedAngle);
+  });
 
-  expect(API.getSelectedElements()[0].y).toEqual(0);
+  it("flips a rotated ellipse vertically correctly", async () => {
+    const originalAngle = (7 * Math.PI) / 4;
+    const expectedAngle = (5 * Math.PI) / 4;
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
+    createAndSelectOneEllipse(originalAngle);
 
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-});
-
-it("flips an unrotated ellipse vertically correctly", () => {
-  createAndSelectOneEllipse();
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-});
-
-it("flips a rotated ellipse horizontally correctly", () => {
-  const originalAngle = (7 * Math.PI) / 4;
-  const expectedAngle = Math.PI / 4;
-
-  createAndSelectOneEllipse(originalAngle);
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipHorizontal);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
-});
-
-it("flips a rotated ellipse vertically correctly", () => {
-  const originalAngle = (7 * Math.PI) / 4;
-  const expectedAngle = (5 * Math.PI) / 4;
-
-  createAndSelectOneEllipse(originalAngle);
-
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if x position did not change
-  expect(API.getSelectedElements()[0].x).toEqual(0);
-
-  expect(API.getSelectedElements()[0].y).toEqual(0);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toEqual(originalWidth);
-
-  expect(API.getSelectedElements()[0].height).toEqual(originalHeight);
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
+    await checkRotatedVerticalFlip(expectedAngle);
+  });
 });
 
 // Arrow element
+describe("arrow", () => {
+  it("flips an unrotated arrow horizontally with line inside min/max points bounds", async () => {
+    const arrow = createLinearElementWithCurveInsideMinMaxPoints("arrow");
+    h.app.scene.replaceAllElements([arrow]);
+    h.app.setState({ selectedElementIds: { [arrow.id]: true } });
+    await checkHorizontalFlip(
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-it("flips an unrotated arrow horizontally correctly", () => {
-  createAndSelectOneArrow();
+  it("flips an unrotated arrow vertically with line inside min/max points bounds", async () => {
+    const arrow = createLinearElementWithCurveInsideMinMaxPoints("arrow");
+    h.app.scene.replaceAllElements([arrow]);
+    h.app.setState({ selectedElementIds: { [arrow.id]: true } });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+    await checkVerticalFlip(50);
+  });
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+  it("flips a rotated arrow horizontally with line inside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
+    const line = createLinearElementWithCurveInsideMinMaxPoints("arrow");
+    h.app.scene.replaceAllElements([line]);
+    h.app.state.selectedElementIds[line.id] = true;
+    mutateElement(line, {
+      angle: originalAngle,
+    });
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
+    await checkRotatedHorizontalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-});
+  it("flips a rotated arrow vertically with line inside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
+    const line = createLinearElementWithCurveInsideMinMaxPoints("arrow");
+    h.app.scene.replaceAllElements([line]);
+    h.app.state.selectedElementIds[line.id] = true;
+    mutateElement(line, {
+      angle: originalAngle,
+    });
 
-it("flips an unrotated arrow vertically correctly", () => {
-  createAndSelectOneArrow();
+    await checkRotatedVerticalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  //TODO: elements with curve outside minMax points have a wrong bounding box!!!
+  it.skip("flips an unrotated arrow horizontally with line outside min/max points bounds", async () => {
+    const arrow = createLinearElementsWithCurveOutsideMinMaxPoints("arrow");
+    h.app.scene.replaceAllElements([arrow]);
+    h.app.setState({ selectedElementIds: { [arrow.id]: true } });
 
-  h.app.actionManager.executeAction(actionFlipVertical);
+    await checkHorizontalFlip(
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
+  //TODO: elements with curve outside minMax points have a wrong bounding box!!!
+  it.skip("flips a rotated arrow horizontally with line outside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
+    const line = createLinearElementsWithCurveOutsideMinMaxPoints("arrow");
+    mutateElement(line, { angle: originalAngle });
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-});
+    await checkRotatedVerticalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-//@TODO fix the tests with rotation
-it.skip("flips a rotated arrow horizontally correctly", () => {
-  const originalAngle = Math.PI / 4;
-  const expectedAngle = (7 * Math.PI) / 4;
-  createAndSelectOneArrow(originalAngle);
+  //TODO: elements with curve outside minMax points have a wrong bounding box!!!
+  it.skip("flips an unrotated arrow vertically with line outside min/max points bounds", async () => {
+    const arrow = createLinearElementsWithCurveOutsideMinMaxPoints("arrow");
+    h.app.scene.replaceAllElements([arrow]);
+    h.app.setState({ selectedElementIds: { [arrow.id]: true } });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+    await checkVerticalFlip(MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS);
+  });
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+  //TODO: elements with curve outside minMax points have a wrong bounding box!!!
+  it.skip("flips a rotated arrow vertically with line outside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
+    const line = createLinearElementsWithCurveOutsideMinMaxPoints("arrow");
+    mutateElement(line, { angle: originalAngle });
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
+    await checkRotatedVerticalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
-});
+  it("flips an unrotated arrow horizontally correctly", async () => {
+    createAndSelectOneArrow();
+    await checkHorizontalFlip(
+      TWO_POINTS_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-it.skip("flips a rotated arrow vertically correctly", () => {
-  const originalAngle = Math.PI / 4;
-  const expectedAngle = (3 * Math.PI) / 4;
-  createAndSelectOneArrow(originalAngle);
+  it("flips an unrotated arrow vertically correctly", async () => {
+    createAndSelectOneArrow();
+    await checkVerticalFlip(TWO_POINTS_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS);
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  it("flips a two points arrow horizontally correctly", async () => {
+    createAndSelectOneArrow();
+    await checkTwoPointsLineHorizontalFlip();
+  });
 
-  h.app.actionManager.executeAction(actionFlipVertical);
+  it("flips a two points arrow vertically correctly", async () => {
+    createAndSelectOneArrow();
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
-
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
+    await checkTwoPointsLineVerticalFlip();
+  });
 });
 
 // Line element
+describe("line", () => {
+  it("flips an unrotated line horizontally with line inside min/max points bounds", async () => {
+    const line = createLinearElementWithCurveInsideMinMaxPoints("line");
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-it("flips an unrotated line horizontally correctly", () => {
-  createAndSelectOneLine();
+    await checkHorizontalFlip(
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  it("flips an unrotated line vertically with line inside min/max points bounds", async () => {
+    const line = createLinearElementWithCurveInsideMinMaxPoints("line");
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+    await checkVerticalFlip(MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS);
+  });
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
+  it("flips an unrotated line horizontally correctly", async () => {
+    createAndSelectOneLine();
+    await checkHorizontalFlip(
+      TWO_POINTS_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
+  //TODO: elements with curve outside minMax points have a wrong bounding box
+  it.skip("flips an unrotated line horizontally with line outside min/max points bounds", async () => {
+    const line = createLinearElementsWithCurveOutsideMinMaxPoints("line");
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-});
+    await checkHorizontalFlip(
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-it("flips an unrotated line vertically correctly", () => {
-  createAndSelectOneLine();
+  //TODO: elements with curve outside minMax points have a wrong bounding box
+  it.skip("flips an unrotated line vertically with line outside min/max points bounds", async () => {
+    const line = createLinearElementsWithCurveOutsideMinMaxPoints("line");
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+    await checkVerticalFlip(MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS);
+  });
 
-  h.app.actionManager.executeAction(actionFlipVertical);
+  //TODO: elements with curve outside minMax points have a wrong bounding box
+  it.skip("flips a rotated line horizontally with line outside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
+    const line = createLinearElementsWithCurveOutsideMinMaxPoints("line");
+    mutateElement(line, { angle: originalAngle });
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
+    await checkRotatedHorizontalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-});
+  //TODO: elements with curve outside minMax points have a wrong bounding box
+  it.skip("flips a rotated line vertically with line outside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
+    const line = createLinearElementsWithCurveOutsideMinMaxPoints("line");
+    mutateElement(line, { angle: originalAngle });
+    h.app.scene.replaceAllElements([line]);
+    h.app.setState({ selectedElementIds: { [line.id]: true } });
 
-it.skip("flips a rotated line horizontally correctly", () => {
-  const originalAngle = Math.PI / 4;
-  const expectedAngle = (7 * Math.PI) / 4;
+    await checkRotatedVerticalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  createAndSelectOneLine(originalAngle);
+  it("flips an unrotated line vertically correctly", async () => {
+    createAndSelectOneLine();
+    await checkVerticalFlip(TWO_POINTS_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS);
+  });
 
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
+  it("flips a rotated line horizontally with line inside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
+    const line = createLinearElementWithCurveInsideMinMaxPoints("line");
+    h.app.scene.replaceAllElements([line]);
+    h.app.state.selectedElementIds[line.id] = true;
+    mutateElement(line, {
+      angle: originalAngle,
+    });
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+    await checkRotatedHorizontalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
+  it("flips a rotated line vertically with line inside min/max points bounds", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
+    const line = createLinearElementWithCurveInsideMinMaxPoints("line");
+    h.app.scene.replaceAllElements([line]);
+    h.app.state.selectedElementIds[line.id] = true;
+    mutateElement(line, {
+      angle: originalAngle,
+    });
 
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
+    await checkRotatedVerticalFlip(
+      expectedAngle,
+      MULTIPOINT_LINEAR_ELEMENT_FLIP_TOLERANCE_IN_PIXELS,
+    );
+  });
 
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
-});
+  it("flips a two points line horizontally correctly", async () => {
+    createAndSelectOneLine();
+    await checkTwoPointsLineHorizontalFlip();
+  });
 
-it.skip("flips a rotated line vertically correctly", () => {
-  const originalAngle = Math.PI / 4;
-  const expectedAngle = (3 * Math.PI) / 4;
-
-  createAndSelectOneLine(originalAngle);
-
-  const originalWidth = API.getSelectedElements()[0].width;
-  const originalHeight = API.getSelectedElements()[0].height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if width and height did not change
-  expect(API.getSelectedElements()[0].width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
-
-  expect(API.getSelectedElements()[0].height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-
-  // Check angle
-  expect(API.getSelectedElements()[0].angle).toBeCloseTo(expectedAngle);
+  it("flips a two points line vertically correctly", async () => {
+    createAndSelectOneLine();
+    await checkTwoPointsLineVerticalFlip();
+  });
 });
 
 // Draw element
+describe("freedraw", () => {
+  it("flips an unrotated drawing horizontally correctly", async () => {
+    const draw = createAndReturnOneDraw();
+    // select draw, since not done automatically
+    h.state.selectedElementIds[draw.id] = true;
+    await checkHorizontalFlip();
+  });
 
-it("flips an unrotated drawing horizontally correctly", () => {
-  const draw = createAndReturnOneDraw();
-  // select draw, since not done automatically
-  h.state.selectedElementIds[draw.id] = true;
+  it("flips an unrotated drawing vertically correctly", async () => {
+    const draw = createAndReturnOneDraw();
+    // select draw, since not done automatically
+    h.state.selectedElementIds[draw.id] = true;
+    await checkVerticalFlip();
+  });
 
-  const originalWidth = draw.width;
-  const originalHeight = draw.height;
+  it("flips a rotated drawing horizontally correctly", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
 
-  h.app.actionManager.executeAction(actionFlipHorizontal);
+    const draw = createAndReturnOneDraw(originalAngle);
+    // select draw, since not done automatically
+    h.state.selectedElementIds[draw.id] = true;
 
-  // Check if width and height did not change
-  expect(draw.width).toBeCloseTo(originalWidth, FLIP_PRECISION_DECIMALS);
+    await checkRotatedHorizontalFlip(expectedAngle);
+  });
 
-  expect(draw.height).toBeCloseTo(originalHeight, FLIP_PRECISION_DECIMALS);
+  it("flips a rotated drawing vertically correctly", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
+
+    const draw = createAndReturnOneDraw(originalAngle);
+    // select draw, since not done automatically
+    h.state.selectedElementIds[draw.id] = true;
+
+    await checkRotatedVerticalFlip(expectedAngle);
+  });
 });
 
-it("flips an unrotated drawing vertically correctly", () => {
-  const draw = createAndReturnOneDraw();
-  // select draw, since not done automatically
-  h.state.selectedElementIds[draw.id] = true;
+//image
+//TODO: currently there is no test for pixel colors at flipped positions.
+describe("image", () => {
+  const createImage = async () => {
+    const sendPasteEvent = (file?: File) => {
+      const clipboardEvent = new Event("paste", {
+        bubbles: true,
+        cancelable: true,
+        composed: true,
+      });
 
-  const originalWidth = draw.width;
-  const originalHeight = draw.height;
+      // set `clipboardData` properties.
+      // @ts-ignore
+      clipboardEvent.clipboardData = {
+        getData: () => window.navigator.clipboard.readText(),
+        files: [file],
+      };
 
-  h.app.actionManager.executeAction(actionFlipVertical);
+      document.dispatchEvent(clipboardEvent);
+    };
 
-  // Check if width and height did not change
-  expect(draw.width).toBeCloseTo(originalWidth, FLIP_PRECISION_DECIMALS);
+    sendPasteEvent(await API.loadFile("./fixtures/smiley_embedded_v2.png"));
+  };
 
-  expect(draw.height).toBeCloseTo(originalHeight, FLIP_PRECISION_DECIMALS);
-});
-
-it("flips a rotated drawing horizontally correctly", () => {
-  const originalAngle = Math.PI / 4;
-  const expectedAngle = (7 * Math.PI) / 4;
-
-  const draw = createAndReturnOneDraw(originalAngle);
-  // select draw, since not done automatically
-  h.state.selectedElementIds[draw.id] = true;
-
-  const originalWidth = draw.width;
-  const originalHeight = draw.height;
-
-  h.app.actionManager.executeAction(actionFlipHorizontal);
-
-  // Check if width and height did not change
-  expect(draw.width).toBeCloseTo(originalWidth, FLIP_PRECISION_DECIMALS);
-
-  expect(draw.height).toBeCloseTo(originalHeight, FLIP_PRECISION_DECIMALS);
-
-  // Check angle
-  expect(draw.angle).toBeCloseTo(expectedAngle);
-});
-
-it("flips a rotated drawing vertically correctly", () => {
-  const originalAngle = Math.PI / 4;
-  const expectedAngle = (3 * Math.PI) / 4;
-
-  const draw = createAndReturnOneDraw(originalAngle);
-  // select draw, since not done automatically
-  h.state.selectedElementIds[draw.id] = true;
-
-  const originalWidth = draw.width;
-  const originalHeight = draw.height;
-
-  h.app.actionManager.executeAction(actionFlipVertical);
-
-  // Check if width and height did not change
-
-  expect(API.getSelectedElement().width).toBeCloseTo(
-    originalWidth,
-    FLIP_PRECISION_DECIMALS,
-  );
-
-  expect(API.getSelectedElement().height).toBeCloseTo(
-    originalHeight,
-    FLIP_PRECISION_DECIMALS,
-  );
-
-  // Check angle
-  expect(API.getSelectedElement().angle).toBeCloseTo(expectedAngle);
+  it("flips an unrotated image horizontally correctly", async () => {
+    //paste image
+    await createImage();
+
+    await waitFor(() => {
+      expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
+      expect(API.getSelectedElements().length).toBeGreaterThan(0);
+      expect(API.getSelectedElements()[0].type).toEqual("image");
+      expect(h.app.files.fileId).toBeDefined();
+    });
+    await checkHorizontalFlip();
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, 1]);
+    expect(h.elements[0].angle).toBeCloseTo(0);
+  });
+
+  it("flips an unrotated image vertically correctly", async () => {
+    //paste image
+    await createImage();
+    await waitFor(() => {
+      expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
+      expect(API.getSelectedElements().length).toBeGreaterThan(0);
+      expect(API.getSelectedElements()[0].type).toEqual("image");
+      expect(h.app.files.fileId).toBeDefined();
+    });
+
+    await checkVerticalFlip();
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, 1]);
+    expect(h.elements[0].angle).toBeCloseTo(Math.PI);
+  });
+
+  it("flips an rotated image horizontally correctly", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
+    //paste image
+    await createImage();
+    await waitFor(() => {
+      expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
+      expect(API.getSelectedElements().length).toBeGreaterThan(0);
+      expect(API.getSelectedElements()[0].type).toEqual("image");
+      expect(h.app.files.fileId).toBeDefined();
+    });
+    mutateElement(h.elements[0], {
+      angle: originalAngle,
+    });
+    await checkRotatedHorizontalFlip(expectedAngle);
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, 1]);
+  });
+
+  it("flips an rotated image vertically correctly", async () => {
+    const originalAngle = Math.PI / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
+    //paste image
+    await createImage();
+    await waitFor(() => {
+      expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
+      expect(h.elements[0].angle).toEqual(0);
+      expect(API.getSelectedElements().length).toBeGreaterThan(0);
+      expect(API.getSelectedElements()[0].type).toEqual("image");
+      expect(h.app.files.fileId).toBeDefined();
+    });
+    mutateElement(h.elements[0], {
+      angle: originalAngle,
+    });
+
+    await checkRotatedVerticalFlip(expectedAngle);
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, 1]);
+    expect(h.elements[0].angle).toBeCloseTo(expectedAngle);
+  });
+
+  it("flips an image both vertically & horizontally", async () => {
+    //paste image
+    await createImage();
+    await waitFor(() => {
+      expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
+      expect(API.getSelectedElements().length).toBeGreaterThan(0);
+      expect(API.getSelectedElements()[0].type).toEqual("image");
+      expect(h.app.files.fileId).toBeDefined();
+    });
+
+    await checkVerticalHorizontalFlip();
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
+    expect(h.elements[0].angle).toBeCloseTo(Math.PI);
+  });
 });

From 618442299f85229a0e5c1fdb7c3bb9aeaa850a50 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 9 Jan 2023 10:24:17 +0100
Subject: [PATCH 031/252] fix: React.memo resolvers not accounting for all
 props (#6042)

---
 src/components/LayerUI.tsx        | 55 ++++++++++++++++++++-----------
 src/packages/excalidraw/index.tsx | 14 ++++----
 src/utils.ts                      | 12 +++++++
 3 files changed, 54 insertions(+), 27 deletions(-)

diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index e8a385d02..47f344575 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -15,7 +15,11 @@ import {
   BinaryFiles,
   UIChildrenComponents,
 } from "../types";
-import { muteFSAbortError, ReactChildrenToObject } from "../utils";
+import {
+  isShallowEqual,
+  muteFSAbortError,
+  ReactChildrenToObject,
+} from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import CollabButton from "./CollabButton";
 import { ErrorDialog } from "./ErrorDialog";
@@ -496,28 +500,39 @@ const LayerUI = ({
   );
 };
 
-const areEqual = (prev: LayerUIProps, next: LayerUIProps) => {
-  const getNecessaryObj = (appState: AppState): Partial<AppState> => {
-    const {
-      suggestedBindings,
-      startBoundElement: boundElement,
-      ...ret
-    } = appState;
-    return ret;
-  };
-  const prevAppState = getNecessaryObj(prev.appState);
-  const nextAppState = getNecessaryObj(next.appState);
+const stripIrrelevantAppStateProps = (
+  appState: AppState,
+): Partial<AppState> => {
+  const { suggestedBindings, startBoundElement, cursorButton, ...ret } =
+    appState;
+  return ret;
+};
 
-  const keys = Object.keys(prevAppState) as (keyof Partial<AppState>)[];
+const areEqual = (prevProps: LayerUIProps, nextProps: LayerUIProps) => {
+  // short-circuit early
+  if (prevProps.children !== nextProps.children) {
+    return false;
+  }
+
+  const {
+    canvas: _prevCanvas,
+    // not stable, but shouldn't matter in our case
+    onInsertElements: _prevOnInsertElements,
+    appState: prevAppState,
+    ...prev
+  } = prevProps;
+  const {
+    canvas: _nextCanvas,
+    onInsertElements: _nextOnInsertElements,
+    appState: nextAppState,
+    ...next
+  } = nextProps;
 
   return (
-    prev.renderTopRightUI === next.renderTopRightUI &&
-    prev.renderCustomStats === next.renderCustomStats &&
-    prev.renderCustomSidebar === next.renderCustomSidebar &&
-    prev.langCode === next.langCode &&
-    prev.elements === next.elements &&
-    prev.files === next.files &&
-    keys.every((key) => prevAppState[key] === nextAppState[key])
+    isShallowEqual(
+      stripIrrelevantAppStateProps(prevAppState),
+      stripIrrelevantAppStateProps(nextAppState),
+    ) && isShallowEqual(prev, next)
   );
 };
 
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 3f125fe9e..4dc1f98b2 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, forwardRef } from "react";
 import { InitializeApp } from "../../components/InitializeApp";
 import App from "../../components/App";
+import { isShallowEqual } from "../../utils";
 
 import "../../css/app.scss";
 import "../../css/styles.scss";
@@ -128,6 +129,11 @@ const areEqual = (
   prevProps: PublicExcalidrawProps,
   nextProps: PublicExcalidrawProps,
 ) => {
+  // short-circuit early
+  if (prevProps.children !== nextProps.children) {
+    return false;
+  }
+
   const {
     initialData: prevInitialData,
     UIOptions: prevUIOptions = {},
@@ -176,13 +182,7 @@ const areEqual = (
     return true;
   });
 
-  const prevKeys = Object.keys(prevProps) as (keyof typeof prev)[];
-  const nextKeys = Object.keys(nextProps) as (keyof typeof next)[];
-  return (
-    isUIOptionsSame &&
-    prevKeys.length === nextKeys.length &&
-    prevKeys.every((key) => prev[key] === next[key])
-  );
+  return isUIOptionsSame && isShallowEqual(prev, next);
 };
 
 const forwardedRefComp = forwardRef<
diff --git a/src/utils.ts b/src/utils.ts
index 119eb7ae5..6f8010d92 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -709,3 +709,15 @@ export const ReactChildrenToObject = <
     return acc;
   }, {} as Partial<T>);
 };
+
+export const isShallowEqual = <T extends Record<string, any>>(
+  objA: T,
+  objB: T,
+) => {
+  const aKeys = Object.keys(objA);
+  const bKeys = Object.keys(objA);
+  if (aKeys.length !== bKeys.length) {
+    return false;
+  }
+  return aKeys.every((key) => objA[key] === objB[key]);
+};

From 328ff6c32d04a869d10f06649da942a641492822 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 11 Jan 2023 19:47:40 +0530
Subject: [PATCH 032/252] fix: use position absolute for mobile misc tools
 (#6099)

---
 src/css/styles.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/css/styles.scss b/src/css/styles.scss
index cec2af2dd..df259bb59 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -540,7 +540,7 @@
   }
 
   .mobile-misc-tools-container {
-    position: fixed;
+    position: absolute;
     top: 5rem;
     right: 0;
     display: flex;

From 699897f71bb68f9d17bb046c4d8ec846b631609a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Barnab=C3=A1s=20Moln=C3=A1r?=
 <38168628+barnabasmolnar@users.noreply.github.com>
Date: Thu, 12 Jan 2023 13:06:00 +0100
Subject: [PATCH 033/252] feat: generic button export (#6092)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/Button.scss                    |  8 +++++
 src/components/Button.tsx                     | 35 +++++++++++++++++++
 src/components/CollabButton.scss              | 33 +++++++----------
 src/components/CollabButton.tsx               |  7 ++--
 src/components/dropdownMenu/DropdownMenu.scss |  2 +-
 src/css/styles.scss                           |  2 +-
 src/css/theme.scss                            |  4 +--
 src/css/variables.module.scss                 | 26 ++++++++------
 .../excalidraw/example/CustomFooter.tsx       | 10 ++++++
 src/packages/excalidraw/index.tsx             |  1 +
 10 files changed, 90 insertions(+), 38 deletions(-)
 create mode 100644 src/components/Button.scss
 create mode 100644 src/components/Button.tsx

diff --git a/src/components/Button.scss b/src/components/Button.scss
new file mode 100644
index 000000000..1ad22cb80
--- /dev/null
+++ b/src/components/Button.scss
@@ -0,0 +1,8 @@
+@import "../css/theme";
+
+.excalidraw {
+  .excalidraw-button {
+    @include outlineButtonStyles;
+    overflow: hidden;
+  }
+}
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
new file mode 100644
index 000000000..3303c3ebf
--- /dev/null
+++ b/src/components/Button.tsx
@@ -0,0 +1,35 @@
+import "./Button.scss";
+
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+  type?: "button" | "submit" | "reset";
+  onSelect: () => any;
+  children: React.ReactNode;
+  className?: string;
+}
+
+/**
+ * A generic button component that follows Excalidraw's design system.
+ * Style can be customised using `className` or `style` prop.
+ * Accepts all props that a regular `button` element accepts.
+ */
+export const Button = ({
+  type = "button",
+  onSelect,
+  children,
+  className = "",
+  ...rest
+}: ButtonProps) => {
+  return (
+    <button
+      onClick={(event) => {
+        onSelect();
+        rest.onClick?.(event);
+      }}
+      type={type}
+      className={`excalidraw-button ${className}`}
+      {...rest}
+    >
+      {children}
+    </button>
+  );
+};
diff --git a/src/components/CollabButton.scss b/src/components/CollabButton.scss
index 4e09d11c7..94e52d531 100644
--- a/src/components/CollabButton.scss
+++ b/src/components/CollabButton.scss
@@ -2,29 +2,22 @@
 
 .excalidraw {
   .collab-button {
-    @include outlineButtonStyles;
-    width: var(--lg-button-size);
-    height: var(--lg-button-size);
+    --button-bg: var(--color-primary);
+    --button-color: white;
+    --button-border: var(--color-primary);
+
+    --button-width: var(--lg-button-size);
+    --button-height: var(--lg-button-size);
+
+    --button-hover-bg: var(--color-primary-darker);
+    --button-hover-border: var(--color-primary-darker);
+
+    --button-active-bg: var(--color-primary-darker);
 
-    svg {
-      width: var(--lg-icon-size);
-      height: var(--lg-icon-size);
-    }
-    background-color: var(--color-primary);
-    border-color: var(--color-primary);
-    color: white;
     flex-shrink: 0;
 
-    &:hover {
-      background-color: var(--color-primary-darker);
-      border-color: var(--color-primary-darker);
-    }
-
-    &:active {
-      background-color: var(--color-primary-darker);
-    }
-
-    &.active {
+    // double .active to force specificity
+    &.active.active {
       background-color: #0fb884;
       border-color: #0fb884;
 
diff --git a/src/components/CollabButton.tsx b/src/components/CollabButton.tsx
index d63444a2c..345213839 100644
--- a/src/components/CollabButton.tsx
+++ b/src/components/CollabButton.tsx
@@ -3,6 +3,7 @@ import { UsersIcon } from "./icons";
 
 import "./CollabButton.scss";
 import clsx from "clsx";
+import { Button } from "./Button";
 
 const CollabButton = ({
   isCollaborating,
@@ -14,10 +15,10 @@ const CollabButton = ({
   onClick: () => void;
 }) => {
   return (
-    <button
+    <Button
       className={clsx("collab-button", { active: isCollaborating })}
       type="button"
-      onClick={onClick}
+      onSelect={onClick}
       style={{ position: "relative" }}
       title={t("labels.liveCollaboration")}
     >
@@ -25,7 +26,7 @@ const CollabButton = ({
       {collaboratorCount > 0 && (
         <div className="CollabButton-collaborators">{collaboratorCount}</div>
       )}
-    </button>
+    </Button>
   );
 };
 
diff --git a/src/components/dropdownMenu/DropdownMenu.scss b/src/components/dropdownMenu/DropdownMenu.scss
index 28a812876..ff94f4920 100644
--- a/src/components/dropdownMenu/DropdownMenu.scss
+++ b/src/components/dropdownMenu/DropdownMenu.scss
@@ -73,7 +73,7 @@
       }
 
       &:hover {
-        background-color: var(--button-hover);
+        background-color: var(--button-hover-bg);
         text-decoration: none;
       }
 
diff --git a/src/css/styles.scss b/src/css/styles.scss
index df259bb59..42c111c3d 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -408,7 +408,7 @@
     pointer-events: all;
 
     &:hover {
-      background-color: var(--button-hover);
+      background-color: var(--button-hover-bg);
     }
 
     &:active {
diff --git a/src/css/theme.scss b/src/css/theme.scss
index aaa8da5b5..ebf713983 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -35,7 +35,7 @@
   --shadow-island: 0px 7px 14px rgba(0, 0, 0, 0.05),
     0px 0px 3.12708px rgba(0, 0, 0, 0.0798),
     0px 0px 0.931014px rgba(0, 0, 0, 0.1702);
-  --button-hover: var(--color-gray-10);
+  --button-hover-bg: var(--color-gray-10);
   --default-border-color: var(--color-gray-30);
 
   --default-button-size: 2rem;
@@ -135,7 +135,7 @@
     --popup-text-inverted-color: #2c2c2c;
     --select-highlight-color: #{$oc-blue-4};
     --text-primary-color: var(--color-gray-40);
-    --button-hover: var(--color-gray-80);
+    --button-hover-bg: var(--color-gray-80);
     --default-border-color: var(--color-gray-80);
     --shadow-island: 0px 13px 33px rgba(0, 0, 0, 0.07),
       0px 4.13px 9.94853px rgba(0, 0, 0, 0.0456112),
diff --git a/src/css/variables.module.scss b/src/css/variables.module.scss
index 5a367ffe3..39bf4e293 100644
--- a/src/css/variables.module.scss
+++ b/src/css/variables.module.scss
@@ -39,11 +39,11 @@
 
   .ToolIcon__icon {
     &:hover {
-      background: var(--button-hover);
+      background: var(--button-hover-bg);
     }
 
     &:active {
-      background: var(--button-hover);
+      background: var(--button-hover-bg);
       border: 1px solid var(--color-primary-darkest);
     }
   }
@@ -54,24 +54,25 @@
   justify-content: center;
   align-items: center;
   padding: 0.625rem;
-  width: var(--default-button-size);
-  height: var(--default-button-size);
+  width: var(--button-width, var(--default-button-size));
+  height: var(--button-height, var(--default-button-size));
   box-sizing: border-box;
   border-width: 1px;
   border-style: solid;
-  border-color: var(--default-border-color);
+  border-color: var(--button-border, var(--default-border-color));
   border-radius: var(--border-radius-lg);
   cursor: pointer;
-  background-color: transparent;
-  color: var(--text-primary-color);
+  background-color: var(--button-bg, var(--island-bg-color));
+  color: var(--button-color, var(--text-primary-color));
 
   &:hover {
-    background-color: var(--button-hover);
+    background-color: var(--button-hover-bg);
+    border-color: var(--button-hover-border, var(--default-border-color));
   }
 
   &:active {
-    background-color: var(--button-hover);
-    border-color: var(--color-primary-darkest);
+    background-color: var(--button-active-bg);
+    border-color: var(--button-active-border, var(--color-primary-darkest));
   }
 
   &.active {
@@ -83,7 +84,10 @@
     }
 
     svg {
-      color: var(--color-primary-darker);
+      color: var(--button-color, var(--color-primary-darker));
+
+      width: var(--button-width, var(--lg-icon-size));
+      height: var(--button-height, var(--lg-icon-size));
     }
   }
 }
diff --git a/src/packages/excalidraw/example/CustomFooter.tsx b/src/packages/excalidraw/example/CustomFooter.tsx
index e6f3ff42e..fbc2ea732 100644
--- a/src/packages/excalidraw/example/CustomFooter.tsx
+++ b/src/packages/excalidraw/example/CustomFooter.tsx
@@ -1,5 +1,7 @@
 import { ExcalidrawImperativeAPI } from "../../../types";
 import { MIME_TYPES } from "../entry";
+import { Button } from "../../../components/Button";
+
 const COMMENT_SVG = (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -23,6 +25,14 @@ const CustomFooter = ({
 }) => {
   return (
     <>
+      <Button
+        onSelect={() => alert("General Kenobi!")}
+        className="you are a bold one"
+        style={{ marginLeft: "1rem" }}
+        title="Hello there!"
+      >
+        {COMMENT_SVG}
+      </Button>
       <button
         className="custom-element"
         onClick={() => {
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 4dc1f98b2..abc7bdd34 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -239,6 +239,7 @@ export {
 } from "../../utils";
 
 export { Sidebar } from "../../components/Sidebar/Sidebar";
+export { Button } from "../../components/Button";
 export { Footer };
 export { MainMenu };
 export { useDevice } from "../../components/App";

From 0982da38fe0a3167ddb950d65751b3465fef8dba Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 12 Jan 2023 15:20:16 +0100
Subject: [PATCH 034/252] feat: render unknown supplied children to UI (#6096)

---
 src/components/LayerUI.tsx           | 14 ++++----
 src/packages/excalidraw/CHANGELOG.md |  2 ++
 src/utils.ts                         | 53 +++++++++++++++++++---------
 3 files changed, 45 insertions(+), 24 deletions(-)

diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 47f344575..aacbef366 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -15,11 +15,7 @@ import {
   BinaryFiles,
   UIChildrenComponents,
 } from "../types";
-import {
-  isShallowEqual,
-  muteFSAbortError,
-  ReactChildrenToObject,
-} from "../utils";
+import { isShallowEqual, muteFSAbortError, getReactChildren } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import CollabButton from "./CollabButton";
 import { ErrorDialog } from "./ErrorDialog";
@@ -111,8 +107,11 @@ const LayerUI = ({
 }: LayerUIProps) => {
   const device = useDevice();
 
-  const childrenComponents =
-    ReactChildrenToObject<UIChildrenComponents>(children);
+  const [childrenComponents, restChildren] =
+    getReactChildren<UIChildrenComponents>(children, {
+      Menu: true,
+      FooterCenter: true,
+    });
 
   const renderJSONExportDialog = () => {
     if (!UIOptions.canvasActions.export) {
@@ -390,6 +389,7 @@ const LayerUI = ({
 
   return (
     <>
+      {restChildren}
       {appState.isLoading && <LoadingMessage delay={250} />}
       {appState.errorMessage && (
         <ErrorDialog
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 0842fc839..c5dabf070 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,6 +15,8 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Any top-level children passed to the `<Excalidraw/>` component that do not belong to one of the officially supported Excalidraw children components are now rendered directly inside the Excalidraw container (previously, they weren't rendered at all) [#6096](https://github.com/excalidraw/excalidraw/pull/6096).
+
 - Expose component API for the Excalidraw main menu [#6034](https://github.com/excalidraw/excalidraw/pull/6034), You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#MainMenu)
 
 - Render Footer as a component instead of render prop [#5970](https://github.com/excalidraw/excalidraw/pull/5970). You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#Footer)
diff --git a/src/utils.ts b/src/utils.ts
index 6f8010d92..d3d80560b 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -687,27 +687,46 @@ export const queryFocusableElements = (container: HTMLElement | null) => {
     : [];
 };
 
-export const ReactChildrenToObject = <
-  T extends {
-    [k in string]?:
-      | React.ReactPortal
-      | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/**
+ * Partitions React children into named components and the rest of children.
+ *
+ * Returns known children as a dictionary of react children keyed by their
+ * displayName, and the rest children as an array.
+ *
+ * NOTE all named react components are included in the dictionary, irrespective
+ * of the supplied type parameter. This means you may be throwing away
+ * children that you aren't expecting, but should nonetheless be rendered.
+ * To guard against this (provided you care about the rest children at all),
+ * supply a second parameter with an object with keys of the expected children.
+ */
+export const getReactChildren = <
+  KnownChildren extends {
+    [k in string]?: React.ReactNode;
   },
 >(
   children: React.ReactNode,
+  expectedComponents?: Record<keyof KnownChildren, any>,
 ) => {
-  return React.Children.toArray(children).reduce((acc, child) => {
-    if (
-      React.isValidElement(child) &&
-      typeof child.type !== "string" &&
-      //@ts-ignore
-      child?.type.displayName
-    ) {
-      // @ts-ignore
-      acc[child.type.displayName] = child;
-    }
-    return acc;
-  }, {} as Partial<T>);
+  const restChildren: React.ReactNode[] = [];
+
+  const knownChildren = React.Children.toArray(children).reduce(
+    (acc, child) => {
+      if (
+        React.isValidElement(child) &&
+        (!expectedComponents ||
+          ((child.type as any).displayName as string) in expectedComponents)
+      ) {
+        // @ts-ignore
+        acc[child.type.displayName] = child;
+      } else {
+        restChildren.push(child);
+      }
+      return acc;
+    },
+    {} as Partial<KnownChildren>,
+  );
+
+  return [knownChildren, restChildren] as const;
 };
 
 export const isShallowEqual = <T extends Record<string, any>>(

From 599a8f3c6f6f0595195aae1db8e52bba5599ccdb Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 12 Jan 2023 15:49:28 +0100
Subject: [PATCH 035/252] feat: support WelcomeScreen customization API (#6048)

---
 src/components/App.tsx                        |  12 +-
 src/components/LayerUI.tsx                    |  57 ++---
 src/components/MobileMenu.tsx                 |  34 +--
 src/components/WelcomeScreen.tsx              | 121 ---------
 src/components/WelcomeScreenDecor.tsx         |  11 -
 src/components/footer/Footer.tsx              |  24 +-
 .../welcome-screen/WelcomeScreen.Center.tsx   | 176 +++++++++++++
 .../welcome-screen/WelcomeScreen.Hints.tsx    |  42 +++
 .../{ => welcome-screen}/WelcomeScreen.scss   | 167 ++++++------
 .../welcome-screen/WelcomeScreen.tsx          |  17 ++
 src/constants.ts                              |   9 +-
 src/excalidraw-app/app_constants.ts           |   8 +
 .../components/ExcalidrawPlusAppLink.tsx      |   2 +-
 src/excalidraw-app/index.tsx                  |  70 ++++-
 src/locales/en.json                           |  16 +-
 src/packages/excalidraw/CHANGELOG.md          |  10 +-
 src/packages/excalidraw/README.md             | 242 ++++++++++++++----
 src/packages/excalidraw/index.tsx             |   7 +-
 .../excalidraw/welcome-screen-overview.png    | Bin 0 -> 103250 bytes
 src/types.ts                                  |  69 +++--
 20 files changed, 715 insertions(+), 379 deletions(-)
 delete mode 100644 src/components/WelcomeScreen.tsx
 delete mode 100644 src/components/WelcomeScreenDecor.tsx
 create mode 100644 src/components/welcome-screen/WelcomeScreen.Center.tsx
 create mode 100644 src/components/welcome-screen/WelcomeScreen.Hints.tsx
 rename src/components/{ => welcome-screen}/WelcomeScreen.scss (61%)
 create mode 100644 src/components/welcome-screen/WelcomeScreen.tsx
 create mode 100644 src/packages/excalidraw/welcome-screen-overview.png

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 9ce9dfc46..51b8c3025 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -283,15 +283,12 @@ const deviceContextInitialValue = {
 };
 const DeviceContext = React.createContext<Device>(deviceContextInitialValue);
 DeviceContext.displayName = "DeviceContext";
-export const useDevice = () => useContext<Device>(DeviceContext);
 
 export const ExcalidrawContainerContext = React.createContext<{
   container: HTMLDivElement | null;
   id: string | null;
 }>({ container: null, id: null });
 ExcalidrawContainerContext.displayName = "ExcalidrawContainerContext";
-export const useExcalidrawContainer = () =>
-  useContext(ExcalidrawContainerContext);
 
 const ExcalidrawElementsContext = React.createContext<
   readonly NonDeletedExcalidrawElement[]
@@ -309,7 +306,9 @@ ExcalidrawAppStateContext.displayName = "ExcalidrawAppStateContext";
 
 const ExcalidrawSetAppStateContext = React.createContext<
   React.Component<any, AppState>["setState"]
->(() => {});
+>(() => {
+  console.warn("unitialized ExcalidrawSetAppStateContext context!");
+});
 ExcalidrawSetAppStateContext.displayName = "ExcalidrawSetAppStateContext";
 
 const ExcalidrawActionManagerContext = React.createContext<ActionManager>(
@@ -317,6 +316,9 @@ const ExcalidrawActionManagerContext = React.createContext<ActionManager>(
 );
 ExcalidrawActionManagerContext.displayName = "ExcalidrawActionManagerContext";
 
+export const useDevice = () => useContext<Device>(DeviceContext);
+export const useExcalidrawContainer = () =>
+  useContext(ExcalidrawContainerContext);
 export const useExcalidrawElements = () =>
   useContext(ExcalidrawElementsContext);
 export const useExcalidrawAppState = () =>
@@ -598,6 +600,8 @@ class App extends React.Component<AppProps, AppState> {
                       id={this.id}
                       onImageAction={this.onImageAction}
                       renderWelcomeScreen={
+                        !this.state.isLoading &&
+                        this.props.UIOptions.welcomeScreen &&
                         this.state.showWelcomeScreen &&
                         this.state.activeTool.type === "selection" &&
                         !this.scene.getElementsIncludingDeleted().length
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index aacbef366..5d4084a10 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -14,6 +14,7 @@ import {
   ExcalidrawProps,
   BinaryFiles,
   UIChildrenComponents,
+  UIWelcomeScreenComponents,
 } from "../types";
 import { isShallowEqual, muteFSAbortError, getReactChildren } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
@@ -45,12 +46,10 @@ import { useDevice } from "../components/App";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions/actionToggleStats";
 import Footer from "./footer/Footer";
-import { WelcomeScreenMenuArrow, WelcomeScreenTopToolbarArrow } from "./icons";
-import WelcomeScreen from "./WelcomeScreen";
+import WelcomeScreen from "./welcome-screen/WelcomeScreen";
 import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
 import { useAtom } from "jotai";
-import WelcomeScreenDecor from "./WelcomeScreenDecor";
 import MainMenu from "./mainMenu/MainMenu";
 
 interface LayerUIProps {
@@ -111,8 +110,24 @@ const LayerUI = ({
     getReactChildren<UIChildrenComponents>(children, {
       Menu: true,
       FooterCenter: true,
+      WelcomeScreen: true,
     });
 
+  const [WelcomeScreenComponents] = getReactChildren<UIWelcomeScreenComponents>(
+    renderWelcomeScreen
+      ? (
+          childrenComponents?.WelcomeScreen ?? (
+            <WelcomeScreen>
+              <WelcomeScreen.Center />
+              <WelcomeScreen.Hints.MenuHint />
+              <WelcomeScreen.Hints.ToolbarHint />
+              <WelcomeScreen.Hints.HelpHint />
+            </WelcomeScreen>
+          )
+        )?.props?.children
+      : null,
+  );
+
   const renderJSONExportDialog = () => {
     if (!UIOptions.canvasActions.export) {
       return null;
@@ -213,15 +228,10 @@ const LayerUI = ({
   };
   const renderCanvasActions = () => (
     <div style={{ position: "relative" }}>
-      <WelcomeScreenDecor
-        shouldRender={renderWelcomeScreen && !appState.isLoading}
-      >
-        <div className="virgil WelcomeScreen-decor WelcomeScreen-decor--menu-pointer">
-          {WelcomeScreenMenuArrow}
-          <div>{t("welcomeScreen.menuHints")}</div>
-        </div>
-      </WelcomeScreenDecor>
-      {renderMenu()}
+      {WelcomeScreenComponents.MenuHint}
+      {/* wrapping to Fragment stops React from occasionally complaining
+                about identical Keys */}
+      <>{renderMenu()}</>
     </div>
   );
 
@@ -258,9 +268,7 @@ const LayerUI = ({
 
     return (
       <FixedSideContainer side="top">
-        {renderWelcomeScreen && !appState.isLoading && (
-          <WelcomeScreen appState={appState} actionManager={actionManager} />
-        )}
+        {WelcomeScreenComponents.Center}
         <div className="App-menu App-menu_top">
           <Stack.Col
             gap={6}
@@ -275,17 +283,7 @@ const LayerUI = ({
             <Section heading="shapes" className="shapes-section">
               {(heading: React.ReactNode) => (
                 <div style={{ position: "relative" }}>
-                  <WelcomeScreenDecor
-                    shouldRender={renderWelcomeScreen && !appState.isLoading}
-                  >
-                    <div className="virgil WelcomeScreen-decor WelcomeScreen-decor--top-toolbar-pointer">
-                      <div className="WelcomeScreen-decor--top-toolbar-pointer__label">
-                        {t("welcomeScreen.toolbarHints")}
-                      </div>
-                      {WelcomeScreenTopToolbarArrow}
-                    </div>
-                  </WelcomeScreenDecor>
-
+                  {WelcomeScreenComponents.ToolbarHint}
                   <Stack.Col gap={4} align="start">
                     <Stack.Row
                       gap={1}
@@ -420,24 +418,22 @@ const LayerUI = ({
       )}
       {device.isMobile && (
         <MobileMenu
-          renderWelcomeScreen={renderWelcomeScreen}
           appState={appState}
           elements={elements}
           actionManager={actionManager}
           renderJSONExportDialog={renderJSONExportDialog}
           renderImageExportDialog={renderImageExportDialog}
           setAppState={setAppState}
-          onCollabButtonClick={onCollabButtonClick}
           onLockToggle={() => onLockToggle()}
           onPenModeToggle={onPenModeToggle}
           canvas={canvas}
-          isCollaborating={isCollaborating}
           onImageAction={onImageAction}
           renderTopRightUI={renderTopRightUI}
           renderCustomStats={renderCustomStats}
           renderSidebars={renderSidebars}
           device={device}
           renderMenu={renderMenu}
+          welcomeScreenCenter={WelcomeScreenComponents.Center}
         />
       )}
 
@@ -462,13 +458,12 @@ const LayerUI = ({
           >
             {renderFixedSideContainer()}
             <Footer
-              renderWelcomeScreen={renderWelcomeScreen}
               appState={appState}
               actionManager={actionManager}
               showExitZenModeBtn={showExitZenModeBtn}
               footerCenter={childrenComponents.FooterCenter}
+              welcomeScreenHelp={WelcomeScreenComponents.HelpHint}
             />
-
             {appState.showStats && (
               <Stats
                 appState={appState}
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 5d77c3407..549292436 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -1,5 +1,10 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps } from "../types";
+import {
+  AppState,
+  Device,
+  ExcalidrawProps,
+  UIWelcomeScreenComponents,
+} from "../types";
 import { ActionManager } from "../actions/manager";
 import { t } from "../i18n";
 import Stack from "./Stack";
@@ -17,7 +22,6 @@ import { LibraryButton } from "./LibraryButton";
 import { PenModeButton } from "./PenModeButton";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions";
-import WelcomeScreen from "./WelcomeScreen";
 
 type MobileMenuProps = {
   appState: AppState;
@@ -26,11 +30,9 @@ type MobileMenuProps = {
   renderImageExportDialog: () => React.ReactNode;
   setAppState: React.Component<any, AppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
-  onCollabButtonClick?: () => void;
   onLockToggle: () => void;
   onPenModeToggle: () => void;
   canvas: HTMLCanvasElement | null;
-  isCollaborating: boolean;
 
   onImageAction: (data: { insertOnCanvasDirectly: boolean }) => void;
   renderTopRightUI?: (
@@ -40,8 +42,8 @@ type MobileMenuProps = {
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   renderSidebars: () => JSX.Element | null;
   device: Device;
-  renderWelcomeScreen?: boolean;
   renderMenu: () => React.ReactNode;
+  welcomeScreenCenter: UIWelcomeScreenComponents["Center"];
 };
 
 export const MobileMenu = ({
@@ -52,21 +54,18 @@ export const MobileMenu = ({
   onLockToggle,
   onPenModeToggle,
   canvas,
-  isCollaborating,
   onImageAction,
   renderTopRightUI,
   renderCustomStats,
   renderSidebars,
   device,
-  renderWelcomeScreen,
   renderMenu,
+  welcomeScreenCenter,
 }: MobileMenuProps) => {
   const renderToolbar = () => {
     return (
       <FixedSideContainer side="top" className="App-top-bar">
-        {renderWelcomeScreen && !appState.isLoading && (
-          <WelcomeScreen appState={appState} actionManager={actionManager} />
-        )}
+        {welcomeScreenCenter}
         <Section heading="shapes">
           {(heading: React.ReactNode) => (
             <Stack.Col gap={4} align="center">
@@ -74,20 +73,6 @@ export const MobileMenu = ({
                 <Island padding={1} className="App-toolbar App-toolbar--mobile">
                   {heading}
                   <Stack.Row gap={1}>
-                    {/* <PenModeButton
-                      checked={appState.penMode}
-                      onChange={onPenModeToggle}
-                      title={t("toolBar.penMode")}
-                      isMobile
-                      penDetected={appState.penDetected}
-                    />
-                    <LockButton
-                      checked={appState.activeTool.locked}
-                      onChange={onLockToggle}
-                      title={t("toolBar.lock")}
-                      isMobile
-                    />
-                    <div className="App-toolbar__divider"></div> */}
                     <ShapesSwitcher
                       appState={appState}
                       canvas={canvas}
@@ -109,7 +94,6 @@ export const MobileMenu = ({
                     title={t("toolBar.penMode")}
                     isMobile
                     penDetected={appState.penDetected}
-                    // penDetected={true}
                   />
                   <LockButton
                     checked={appState.activeTool.locked}
diff --git a/src/components/WelcomeScreen.tsx b/src/components/WelcomeScreen.tsx
deleted file mode 100644
index b952d5137..000000000
--- a/src/components/WelcomeScreen.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { actionLoadScene, actionShortcuts } from "../actions";
-import { ActionManager } from "../actions/manager";
-import { getShortcutFromShortcutName } from "../actions/shortcuts";
-import { isExcalidrawPlusSignedUser } from "../constants";
-import { t } from "../i18n";
-import { AppState } from "../types";
-import { ExcalLogo, HelpIcon, LoadIcon, PlusPromoIcon } from "./icons";
-import "./WelcomeScreen.scss";
-
-const WelcomeScreenItem = ({
-  label,
-  shortcut,
-  onClick,
-  icon,
-  link,
-}: {
-  label: string;
-  shortcut: string | null;
-  onClick?: () => void;
-  icon: JSX.Element;
-  link?: string;
-}) => {
-  if (link) {
-    return (
-      <a
-        className="WelcomeScreen-item"
-        href={link}
-        target="_blank"
-        rel="noreferrer"
-      >
-        <div className="WelcomeScreen-item__label">
-          {icon}
-          {label}
-        </div>
-      </a>
-    );
-  }
-
-  return (
-    <button className="WelcomeScreen-item" type="button" onClick={onClick}>
-      <div className="WelcomeScreen-item__label">
-        {icon}
-        {label}
-      </div>
-      {shortcut && (
-        <div className="WelcomeScreen-item__shortcut">{shortcut}</div>
-      )}
-    </button>
-  );
-};
-
-const WelcomeScreen = ({
-  appState,
-  actionManager,
-}: {
-  appState: AppState;
-  actionManager: ActionManager;
-}) => {
-  let subheadingJSX;
-
-  if (isExcalidrawPlusSignedUser) {
-    subheadingJSX = t("welcomeScreen.switchToPlusApp")
-      .split(/(Excalidraw\+)/)
-      .map((bit, idx) => {
-        if (bit === "Excalidraw+") {
-          return (
-            <a
-              style={{ pointerEvents: "all" }}
-              href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
-              key={idx}
-            >
-              Excalidraw+
-            </a>
-          );
-        }
-        return bit;
-      });
-  } else {
-    subheadingJSX = t("welcomeScreen.data");
-  }
-
-  return (
-    <div className="WelcomeScreen-container">
-      <div className="WelcomeScreen-logo virgil WelcomeScreen-decor">
-        {ExcalLogo} Excalidraw
-      </div>
-      <div className="virgil WelcomeScreen-decor WelcomeScreen-decor--subheading">
-        {subheadingJSX}
-      </div>
-      <div className="WelcomeScreen-items">
-        {!appState.viewModeEnabled && (
-          <WelcomeScreenItem
-            // TODO barnabasmolnar/editor-redesign
-            // do we want the internationalized labels here that are currently
-            // in use elsewhere or new ones?
-            label={t("buttons.load")}
-            onClick={() => actionManager.executeAction(actionLoadScene)}
-            shortcut={getShortcutFromShortcutName("loadScene")}
-            icon={LoadIcon}
-          />
-        )}
-        <WelcomeScreenItem
-          onClick={() => actionManager.executeAction(actionShortcuts)}
-          label={t("helpDialog.title")}
-          shortcut="?"
-          icon={HelpIcon}
-        />
-        {!isExcalidrawPlusSignedUser && (
-          <WelcomeScreenItem
-            link="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
-            label="Try Excalidraw Plus!"
-            shortcut={null}
-            icon={PlusPromoIcon}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default WelcomeScreen;
diff --git a/src/components/WelcomeScreenDecor.tsx b/src/components/WelcomeScreenDecor.tsx
deleted file mode 100644
index 1c7d6cc81..000000000
--- a/src/components/WelcomeScreenDecor.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-
-const WelcomeScreenDecor = ({
-  children,
-  shouldRender,
-}: {
-  children: ReactNode;
-  shouldRender: boolean;
-}) => (shouldRender ? <>{children}</> : null);
-
-export default WelcomeScreenDecor;
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index cfd389599..3cb1dd29e 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,8 +1,11 @@
 import clsx from "clsx";
 import { actionShortcuts } from "../../actions";
 import { ActionManager } from "../../actions/manager";
-import { t } from "../../i18n";
-import { AppState, UIChildrenComponents } from "../../types";
+import {
+  AppState,
+  UIChildrenComponents,
+  UIWelcomeScreenComponents,
+} from "../../types";
 import {
   ExitZenModeAction,
   FinalizeAction,
@@ -11,23 +14,21 @@ import {
 } from "../Actions";
 import { useDevice } from "../App";
 import { HelpButton } from "../HelpButton";
-import { WelcomeScreenHelpArrow } from "../icons";
 import { Section } from "../Section";
 import Stack from "../Stack";
-import WelcomeScreenDecor from "../WelcomeScreenDecor";
 
 const Footer = ({
   appState,
   actionManager,
   showExitZenModeBtn,
-  renderWelcomeScreen,
   footerCenter,
+  welcomeScreenHelp,
 }: {
   appState: AppState;
   actionManager: ActionManager;
   showExitZenModeBtn: boolean;
-  renderWelcomeScreen: boolean;
   footerCenter: UIChildrenComponents["FooterCenter"];
+  welcomeScreenHelp: UIWelcomeScreenComponents["HelpHint"];
 }) => {
   const device = useDevice();
   const showFinalize =
@@ -79,17 +80,8 @@ const Footer = ({
         })}
       >
         <div style={{ position: "relative" }}>
-          <WelcomeScreenDecor
-            shouldRender={renderWelcomeScreen && !appState.isLoading}
-          >
-            <div className="virgil WelcomeScreen-decor WelcomeScreen-decor--help-pointer">
-              <div>{t("welcomeScreen.helpHints")}</div>
-              {WelcomeScreenHelpArrow}
-            </div>
-          </WelcomeScreenDecor>
-
+          {welcomeScreenHelp}
           <HelpButton
-            title={t("helpDialog.title")}
             onClick={() => actionManager.executeAction(actionShortcuts)}
           />
         </div>
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
new file mode 100644
index 000000000..7875c0cc9
--- /dev/null
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -0,0 +1,176 @@
+import { actionLoadScene, actionShortcuts } from "../../actions";
+import { getShortcutFromShortcutName } from "../../actions/shortcuts";
+import { t } from "../../i18n";
+import {
+  useDevice,
+  useExcalidrawActionManager,
+  useExcalidrawAppState,
+} from "../App";
+import { ExcalLogo, HelpIcon, LoadIcon } from "../icons";
+
+const WelcomeScreenMenuItemContent = ({
+  icon,
+  shortcut,
+  children,
+}: {
+  icon?: JSX.Element;
+  shortcut?: string | null;
+  children: React.ReactNode;
+}) => {
+  const device = useDevice();
+  return (
+    <>
+      <div className="welcome-screen-menu-item__icon">{icon}</div>
+      <div className="welcome-screen-menu-item__text">{children}</div>
+      {shortcut && !device.isMobile && (
+        <div className="welcome-screen-menu-item__shortcut">{shortcut}</div>
+      )}
+    </>
+  );
+};
+WelcomeScreenMenuItemContent.displayName = "WelcomeScreenMenuItemContent";
+
+const WelcomeScreenMenuItem = ({
+  onSelect,
+  children,
+  icon,
+  shortcut,
+  className = "",
+  ...props
+}: {
+  onSelect: () => void;
+  children: React.ReactNode;
+  icon?: JSX.Element;
+  shortcut?: string | null;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
+  return (
+    <button
+      {...props}
+      type="button"
+      className={`welcome-screen-menu-item ${className}`}
+      onClick={onSelect}
+    >
+      <WelcomeScreenMenuItemContent icon={icon} shortcut={shortcut}>
+        {children}
+      </WelcomeScreenMenuItemContent>
+    </button>
+  );
+};
+WelcomeScreenMenuItem.displayName = "WelcomeScreenMenuItem";
+
+const WelcomeScreenMenuItemLink = ({
+  children,
+  href,
+  icon,
+  shortcut,
+  className = "",
+  ...props
+}: {
+  children: React.ReactNode;
+  href: string;
+  icon?: JSX.Element;
+  shortcut?: string | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
+  return (
+    <a
+      {...props}
+      className={`welcome-screen-menu-item ${className}`}
+      href={href}
+      target="_blank"
+      rel="noreferrer"
+    >
+      <WelcomeScreenMenuItemContent icon={icon} shortcut={shortcut}>
+        {children}
+      </WelcomeScreenMenuItemContent>
+    </a>
+  );
+};
+WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
+
+const Center = ({ children }: { children?: React.ReactNode }) => {
+  return (
+    <div className="welcome-screen-center">
+      {children || (
+        <>
+          <Logo />
+          <Heading>{t("welcomeScreen.defaults.center_heading")}</Heading>
+          <Menu>
+            <MenuItemLoadScene />
+            <MenuItemHelp />
+          </Menu>
+        </>
+      )}
+    </div>
+  );
+};
+Center.displayName = "Center";
+
+const Logo = ({ children }: { children?: React.ReactNode }) => {
+  return (
+    <div className="welcome-screen-center__logo virgil welcome-screen-decor">
+      {children || <>{ExcalLogo} Excalidraw</>}
+    </div>
+  );
+};
+Logo.displayName = "Logo";
+
+const Heading = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <div className="welcome-screen-center__heading welcome-screen-decor virgil">
+      {children}
+    </div>
+  );
+};
+Heading.displayName = "Heading";
+
+const Menu = ({ children }: { children?: React.ReactNode }) => {
+  return <div className="welcome-screen-menu">{children}</div>;
+};
+Menu.displayName = "Menu";
+
+const MenuItemHelp = () => {
+  const actionManager = useExcalidrawActionManager();
+
+  return (
+    <WelcomeScreenMenuItem
+      onSelect={() => actionManager.executeAction(actionShortcuts)}
+      shortcut="?"
+      icon={HelpIcon}
+    >
+      {t("helpDialog.title")}
+    </WelcomeScreenMenuItem>
+  );
+};
+MenuItemHelp.displayName = "MenuItemHelp";
+
+const MenuItemLoadScene = () => {
+  const appState = useExcalidrawAppState();
+  const actionManager = useExcalidrawActionManager();
+
+  if (appState.viewModeEnabled) {
+    return null;
+  }
+
+  return (
+    <WelcomeScreenMenuItem
+      onSelect={() => actionManager.executeAction(actionLoadScene)}
+      shortcut={getShortcutFromShortcutName("loadScene")}
+      icon={LoadIcon}
+    >
+      {t("buttons.load")}
+    </WelcomeScreenMenuItem>
+  );
+};
+MenuItemLoadScene.displayName = "MenuItemLoadScene";
+
+// -----------------------------------------------------------------------------
+
+Center.Logo = Logo;
+Center.Heading = Heading;
+Center.Menu = Menu;
+Center.MenuItem = WelcomeScreenMenuItem;
+Center.MenuItemLink = WelcomeScreenMenuItemLink;
+Center.MenuItemHelp = MenuItemHelp;
+Center.MenuItemLoadScene = MenuItemLoadScene;
+
+export { Center };
diff --git a/src/components/welcome-screen/WelcomeScreen.Hints.tsx b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
new file mode 100644
index 000000000..d961a6c65
--- /dev/null
+++ b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
@@ -0,0 +1,42 @@
+import { t } from "../../i18n";
+import {
+  WelcomeScreenHelpArrow,
+  WelcomeScreenMenuArrow,
+  WelcomeScreenTopToolbarArrow,
+} from "../icons";
+
+const MenuHint = ({ children }: { children?: React.ReactNode }) => {
+  return (
+    <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu">
+      {WelcomeScreenMenuArrow}
+      <div className="welcome-screen-decor-hint__label">
+        {children || t("welcomeScreen.defaults.menuHint")}
+      </div>
+    </div>
+  );
+};
+MenuHint.displayName = "MenuHint";
+
+const ToolbarHint = ({ children }: { children?: React.ReactNode }) => {
+  return (
+    <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar">
+      <div className="welcome-screen-decor-hint__label">
+        {children || t("welcomeScreen.defaults.toolbarHint")}
+      </div>
+      {WelcomeScreenTopToolbarArrow}
+    </div>
+  );
+};
+ToolbarHint.displayName = "ToolbarHint";
+
+const HelpHint = ({ children }: { children?: React.ReactNode }) => {
+  return (
+    <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help">
+      <div>{children || t("welcomeScreen.defaults.helpHint")}</div>
+      {WelcomeScreenHelpArrow}
+    </div>
+  );
+};
+HelpHint.displayName = "HelpHint";
+
+export { HelpHint, MenuHint, ToolbarHint };
diff --git a/src/components/WelcomeScreen.scss b/src/components/welcome-screen/WelcomeScreen.scss
similarity index 61%
rename from src/components/WelcomeScreen.scss
rename to src/components/welcome-screen/WelcomeScreen.scss
index 0ccb63808..f856d4594 100644
--- a/src/components/WelcomeScreen.scss
+++ b/src/components/welcome-screen/WelcomeScreen.scss
@@ -3,29 +3,39 @@
     font-family: "Virgil";
   }
 
-  .WelcomeScreen-logo {
-    display: flex;
-    align-items: center;
-    column-gap: 0.75rem;
-    font-size: 2.25rem;
+  // WelcomeSreen common
+  // ---------------------------------------------------------------------------
 
-    svg {
-      width: 1.625rem;
-      height: auto;
-    }
-  }
-
-  .WelcomeScreen-decor {
+  .welcome-screen-decor {
     pointer-events: none;
 
     color: var(--color-gray-40);
+  }
 
-    &--subheading {
-      font-size: 1.125rem;
-      text-align: center;
+  &.theme--dark {
+    .welcome-screen-decor {
+      color: var(--color-gray-60);
+    }
+  }
+
+  // WelcomeScreen.Hints
+  // ---------------------------------------------------------------------------
+
+  .welcome-screen-decor-hint {
+    @media (max-height: 599px) {
+      display: none !important;
     }
 
-    &--help-pointer {
+    @media (max-width: 1024px), (max-width: 800px) {
+      .welcome-screen-decor {
+        &--help,
+        &--menu {
+          display: none;
+        }
+      }
+    }
+
+    &--help {
       display: flex;
       position: absolute;
       right: 0;
@@ -49,7 +59,7 @@
       }
     }
 
-    &--top-toolbar-pointer {
+    &--toolbar {
       position: absolute;
       top: 100%;
       left: 50%;
@@ -58,7 +68,7 @@
       display: flex;
       align-items: baseline;
 
-      &__label {
+      .welcome-screen-decor-hint__label {
         width: 120px;
         position: relative;
         top: -0.5rem;
@@ -74,7 +84,7 @@
       }
     }
 
-    &--menu-pointer {
+    &--menu {
       position: absolute;
       width: 320px;
       font-size: 1rem;
@@ -95,10 +105,19 @@
           transform: scaleX(-1);
         }
       }
+
+      @media (max-width: 860px) {
+        .welcome-screen-decor-hint__label {
+          max-width: 160px;
+        }
+      }
     }
   }
 
-  .WelcomeScreen-container {
+  // WelcomeSreen.Center
+  // ---------------------------------------------------------------------------
+
+  .welcome-screen-center {
     display: flex;
     flex-direction: column;
     gap: 2rem;
@@ -112,7 +131,24 @@
     bottom: 1rem;
   }
 
-  .WelcomeScreen-items {
+  .welcome-screen-center__logo {
+    display: flex;
+    align-items: center;
+    column-gap: 0.75rem;
+    font-size: 2.25rem;
+
+    svg {
+      width: 1.625rem;
+      height: auto;
+    }
+  }
+
+  .welcome-screen-center__heading {
+    font-size: 1.125rem;
+    text-align: center;
+  }
+
+  .welcome-screen-menu {
     display: flex;
     flex-direction: column;
     gap: 2px;
@@ -120,7 +156,7 @@
     align-items: center;
   }
 
-  .WelcomeScreen-item {
+  .welcome-screen-menu-item {
     box-sizing: border-box;
 
     pointer-events: all;
@@ -128,8 +164,10 @@
     color: var(--color-gray-50);
     font-size: 0.875rem;
 
+    width: 100%;
     min-width: 300px;
-    display: flex;
+    max-width: 400px;
+    display: grid;
     align-items: center;
     justify-content: space-between;
 
@@ -140,44 +178,49 @@
 
     border-radius: var(--border-radius-md);
 
-    &__label {
+    grid-template-columns: calc(var(--default-icon-size) + 0.5rem) 1fr 3rem;
+
+    &__text {
       display: flex;
       align-items: center;
+      margin-right: auto;
+      text-align: left;
       column-gap: 0.5rem;
+    }
 
-      svg {
-        width: var(--default-icon-size);
-        height: var(--default-icon-size);
-      }
+    &__icon {
+      width: var(--default-icon-size);
+      height: var(--default-icon-size);
     }
 
     &__shortcut {
+      margin-left: auto;
       color: var(--color-gray-40);
       font-size: 0.75rem;
     }
   }
 
-  &:not(:active) .WelcomeScreen-item:hover {
+  &:not(:active) .welcome-screen-menu-item:hover {
     text-decoration: none;
     background: var(--color-gray-10);
 
-    .WelcomeScreen-item__shortcut {
+    .welcome-screen-menu-item__shortcut {
       color: var(--color-gray-50);
     }
 
-    .WelcomeScreen-item__label {
+    .welcome-screen-menu-item__text {
       color: var(--color-gray-100);
     }
   }
 
-  .WelcomeScreen-item:active {
+  .welcome-screen-menu-item:active {
     background: var(--color-gray-20);
 
-    .WelcomeScreen-item__shortcut {
+    .welcome-screen-menu-item__shortcut {
       color: var(--color-gray-50);
     }
 
-    .WelcomeScreen-item__label {
+    .welcome-screen-menu-item__text {
       color: var(--color-gray-100);
     }
 
@@ -185,7 +228,7 @@
       color: var(--color-promo) !important;
 
       &:hover {
-        .WelcomeScreen-item__label {
+        .welcome-screen-menu-item__text {
           color: var(--color-promo) !important;
         }
       }
@@ -193,11 +236,7 @@
   }
 
   &.theme--dark {
-    .WelcomeScreen-decor {
-      color: var(--color-gray-60);
-    }
-
-    .WelcomeScreen-item {
+    .welcome-screen-menu-item {
       color: var(--color-gray-60);
 
       &__shortcut {
@@ -205,69 +244,41 @@
       }
     }
 
-    &:not(:active) .WelcomeScreen-item:hover {
+    &:not(:active) .welcome-screen-menu-item:hover {
       background: var(--color-gray-85);
 
-      .WelcomeScreen-item__shortcut {
+      .welcome-screen-menu-item__shortcut {
         color: var(--color-gray-50);
       }
 
-      .WelcomeScreen-item__label {
+      .welcome-screen-menu-item__text {
         color: var(--color-gray-10);
       }
     }
 
-    .WelcomeScreen-item:active {
+    .welcome-screen-menu-item:active {
       background-color: var(--color-gray-90);
-      .WelcomeScreen-item__label {
+      .welcome-screen-menu-item__text {
         color: var(--color-gray-10);
       }
     }
   }
 
-  // Can tweak these values but for an initial effort, it looks OK to me
-  @media (max-width: 1024px) {
-    .WelcomeScreen-decor {
-      &--help-pointer,
-      &--menu-pointer {
-        display: none;
-      }
-    }
-  }
-
-  // @media (max-height: 400px) {
-  //   .WelcomeScreen-container {
-  //     margin-top: 0;
-  //   }
-  // }
   @media (max-height: 599px) {
-    .WelcomeScreen-container {
+    .welcome-screen-center {
       margin-top: 4rem;
     }
   }
   @media (min-height: 600px) and (max-height: 900px) {
-    .WelcomeScreen-container {
+    .welcome-screen-center {
       margin-top: 8rem;
     }
   }
-  @media (max-height: 630px) {
-    .WelcomeScreen-decor--top-toolbar-pointer {
-      display: none;
-    }
-  }
-  @media (max-height: 500px) {
-    .WelcomeScreen-container {
+  @media (max-height: 500px), (max-width: 320px) {
+    .welcome-screen-center {
       display: none;
     }
   }
 
-  // @media (max-height: 740px) {
-  //   .WelcomeScreen-decor {
-  //     &--help-pointer,
-  //     &--top-toolbar-pointer,
-  //     &--menu-pointer {
-  //       display: none;
-  //     }
-  //   }
-  // }
+  // ---------------------------------------------------------------------------
 }
diff --git a/src/components/welcome-screen/WelcomeScreen.tsx b/src/components/welcome-screen/WelcomeScreen.tsx
new file mode 100644
index 000000000..9f8c7d735
--- /dev/null
+++ b/src/components/welcome-screen/WelcomeScreen.tsx
@@ -0,0 +1,17 @@
+import { Center } from "./WelcomeScreen.Center";
+import { MenuHint, ToolbarHint, HelpHint } from "./WelcomeScreen.Hints";
+
+import "./WelcomeScreen.scss";
+
+const WelcomeScreen = (props: { children: React.ReactNode }) => {
+  // NOTE this component is used as a dummy wrapper to retrieve child props
+  // from, and will never be rendered to DOM directly. As such, we can't
+  // do anything here (use hooks and such)
+  return null;
+};
+WelcomeScreen.displayName = "WelcomeScreen";
+
+WelcomeScreen.Center = Center;
+WelcomeScreen.Hints = { MenuHint, ToolbarHint, HelpHint };
+
+export default WelcomeScreen;
diff --git a/src/constants.ts b/src/constants.ts
index 47ddf2b29..d6b744bb5 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -150,6 +150,7 @@ export const DEFAULT_UI_OPTIONS: AppProps["UIOptions"] = {
     toggleTheme: null,
     saveAsImage: true,
   },
+  welcomeScreen: true,
 };
 
 // breakpoints
@@ -236,14 +237,6 @@ export const ROUNDNESS = {
   ADAPTIVE_RADIUS: 3,
 } as const;
 
-export const COOKIES = {
-  AUTH_STATE_COOKIE: "excplus-auth",
-} as const;
-
 /** key containt id of precedeing elemnt id we use in reconciliation during
  * collaboration */
 export const PRECEDING_ELEMENT_KEY = "__precedingElement__";
-
-export const isExcalidrawPlusSignedUser = document.cookie.includes(
-  COOKIES.AUTH_STATE_COOKIE,
-);
diff --git a/src/excalidraw-app/app_constants.ts b/src/excalidraw-app/app_constants.ts
index 55047ddf0..179fe52e7 100644
--- a/src/excalidraw-app/app_constants.ts
+++ b/src/excalidraw-app/app_constants.ts
@@ -38,3 +38,11 @@ export const STORAGE_KEYS = {
   VERSION_DATA_STATE: "version-dataState",
   VERSION_FILES: "version-files",
 } as const;
+
+export const COOKIES = {
+  AUTH_STATE_COOKIE: "excplus-auth",
+} as const;
+
+export const isExcalidrawPlusSignedUser = document.cookie.includes(
+  COOKIES.AUTH_STATE_COOKIE,
+);
diff --git a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
index febb66d51..616a2a053 100644
--- a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
+++ b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
@@ -1,4 +1,4 @@
-import { isExcalidrawPlusSignedUser } from "../../constants";
+import { isExcalidrawPlusSignedUser } from "../app_constants";
 
 export const ExcalidrawPlusAppLink = () => {
   if (!isExcalidrawPlusSignedUser) {
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 3b24291f9..beef0943c 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -1,6 +1,6 @@
 import polyfill from "../polyfill";
 import LanguageDetector from "i18next-browser-languagedetector";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { trackEvent } from "../analytics";
 import { getDefaultAppState } from "../appState";
 import { ErrorDialog } from "../components/ErrorDialog";
@@ -26,6 +26,7 @@ import {
   defaultLang,
   Footer,
   MainMenu,
+  WelcomeScreen,
 } from "../packages/excalidraw/index";
 import {
   AppState,
@@ -45,6 +46,7 @@ import {
 } from "../utils";
 import {
   FIREBASE_STORAGE_PREFIXES,
+  isExcalidrawPlusSignedUser,
   STORAGE_KEYS,
   SYNC_BROWSER_TABS_TIMEOUT,
 } from "./app_constants";
@@ -85,7 +87,7 @@ import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
 import { EncryptedIcon } from "./components/EncryptedIcon";
 import { ExcalidrawPlusAppLink } from "./components/ExcalidrawPlusAppLink";
 import { LanguageList } from "./components/LanguageList";
-import { PlusPromoIcon } from "../components/icons";
+import { PlusPromoIcon, UsersIcon } from "../components/icons";
 
 polyfill();
 
@@ -634,6 +636,69 @@ const ExcalidrawWrapper = () => {
     );
   };
 
+  const welcomeScreenJSX = useMemo(() => {
+    let headingContent;
+
+    if (isExcalidrawPlusSignedUser) {
+      headingContent = t("welcomeScreen.app.center_heading_plus")
+        .split(/(Excalidraw\+)/)
+        .map((bit, idx) => {
+          if (bit === "Excalidraw+") {
+            return (
+              <a
+                style={{ pointerEvents: "all" }}
+                href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
+                key={idx}
+              >
+                Excalidraw+
+              </a>
+            );
+          }
+          return bit;
+        });
+    } else {
+      headingContent = t("welcomeScreen.app.center_heading");
+    }
+
+    return (
+      <WelcomeScreen>
+        <WelcomeScreen.Hints.MenuHint>
+          {t("welcomeScreen.app.menuHint")}
+        </WelcomeScreen.Hints.MenuHint>
+        <WelcomeScreen.Hints.ToolbarHint />
+        <WelcomeScreen.Hints.HelpHint />
+        <WelcomeScreen.Center>
+          <WelcomeScreen.Center.Logo />
+          <WelcomeScreen.Center.Heading>
+            {headingContent}
+          </WelcomeScreen.Center.Heading>
+          <WelcomeScreen.Center.Menu>
+            <WelcomeScreen.Center.MenuItemLoadScene />
+            <WelcomeScreen.Center.MenuItemHelp />
+
+            <WelcomeScreen.Center.MenuItem
+              shortcut={null}
+              onSelect={() => setCollabDialogShown(true)}
+              icon={UsersIcon}
+            >
+              {t("labels.liveCollaboration")}
+            </WelcomeScreen.Center.MenuItem>
+
+            {!isExcalidrawPlusSignedUser && (
+              <WelcomeScreen.Center.MenuItemLink
+                href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
+                shortcut={null}
+                icon={PlusPromoIcon}
+              >
+                Try Excalidraw Plus!
+              </WelcomeScreen.Center.MenuItemLink>
+            )}
+          </WelcomeScreen.Center.Menu>
+        </WelcomeScreen.Center>
+      </WelcomeScreen>
+    );
+  }, [setCollabDialogShown]);
+
   return (
     <div
       style={{ height: "100%" }}
@@ -687,6 +752,7 @@ const ExcalidrawWrapper = () => {
             <EncryptedIcon />
           </div>
         </Footer>
+        {welcomeScreenJSX}
       </Excalidraw>
       {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       {errorMessage && (
diff --git a/src/locales/en.json b/src/locales/en.json
index 50424c3fd..2fe9e7c84 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -448,10 +448,16 @@
     "d9480f": "Orange 9"
   },
   "welcomeScreen": {
-    "data": "All your data is saved locally in your browser.",
-    "switchToPlusApp": "Did you want to go to the Excalidraw+ instead?",
-    "menuHints": "Export, preferences, languages, ...",
-    "toolbarHints": "Pick a tool & Start drawing!",
-    "helpHints": "Shortcuts & help"
+    "app": {
+      "center_heading": "All your data is saved locally in your browser.",
+      "center_heading_plus": "Did you want to go to the Excalidraw+ instead?",
+      "menuHint": "Export, preferences, languages, ..."
+    },
+    "defaults": {
+      "menuHint": "Export, preferences, and more...",
+      "center_heading": "Diagrams. Made. Simple.",
+      "toolbarHint": "Pick a tool & Start drawing!",
+      "helpHint": "Shortcuts & help"
+    }
   }
 }
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index c5dabf070..94db27467 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,15 +15,19 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
-- Any top-level children passed to the `<Excalidraw/>` component that do not belong to one of the officially supported Excalidraw children components are now rendered directly inside the Excalidraw container (previously, they weren't rendered at all) [#6096](https://github.com/excalidraw/excalidraw/pull/6096).
+- Support customization for the editor [welcome screen](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#WelcomeScreen) [#6048](https://github.com/excalidraw/excalidraw/pull/6048).
 
 - Expose component API for the Excalidraw main menu [#6034](https://github.com/excalidraw/excalidraw/pull/6034), You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#MainMenu)
 
-- Render Footer as a component instead of render prop [#5970](https://github.com/excalidraw/excalidraw/pull/5970). You can read more about its usage [here](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#Footer)
+- Support customization for the Excalidraw [main menu](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#MainMenu) [#6034](https://github.com/excalidraw/excalidraw/pull/6034).
+
+- [Footer](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#Footer) is now rendered as child component instead of passed as a render prop [#5970](https://github.com/excalidraw/excalidraw/pull/5970).
+
+- Any top-level children passed to the `<Excalidraw/>` component that do not belong to one of the officially supported Excalidraw children components are now rendered directly inside the Excalidraw container (previously, they weren't rendered at all) [#6096](https://github.com/excalidraw/excalidraw/pull/6096).
 
 #### BREAKING CHANGE
 
-- With this change, the prop `renderFooter` is now removed.
+- The prop `renderFooter` is now removed in favor of rendering as a child component.
 
 ### Excalidraw schema
 
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index b946e4323..5b9f30342 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -376,7 +376,7 @@ Most notably, you can customize the primary colors, by overriding these variable
 
 For a complete list of variables, check [theme.scss](https://github.com/excalidraw/excalidraw/blob/master/src/css/theme.scss), though most of them will not make sense to override.
 
-### Does this package support collaboration ?
+### Does this package support collaboration?
 
 No, Excalidraw package doesn't come with collaboration built in, since the implementation is specific to each host app. We expose APIs which you can use to communicate with Excalidraw which you can use to implement it. You can check our own implementation [here](https://github.com/excalidraw/excalidraw/blob/master/src/excalidraw-app/index.tsx).
 
@@ -405,45 +405,47 @@ const App = () => {
 };
 ```
 
-This will only for `Desktop` devices.
+Footer is only rendered in the desktop view.
 
-For `mobile` you will need to render it inside the [MainMenu](#mainmenu). You can use the [`useDevice`](#useDevice) hook to check the type of device, this will be available only inside the `children` of `Excalidraw` component.
+In the mobile view you can render it inside the [MainMenu](#mainmenu) (later we will expose other ways to customize the UI). You can use the [`useDevice`](#useDevice) hook to check the type of device, this will be available only inside the `children` of `Excalidraw` component.
 
 ```js
 import { useDevice, Footer } from "@excalidraw/excalidraw";
 
-const MobileFooter = ({
-}) => {
+const MobileFooter = () => {
   const device = useDevice();
   if (device.isMobile) {
     return (
       <Footer>
-       <button
-        className="custom-footer"
-        onClick={() => alert("This is custom footer in mobile menu")}
-      >
-        {" "}
-        custom footer{" "}
-      </button>
+        <button
+          className="custom-footer"
+          onClick={() => alert("This is custom footer in mobile menu")}
+        >
+          {" "}
+          custom footer{" "}
+        </button>
       </Footer>
     );
   }
   return null;
-
 };
+
 const App = () => {
   <Excalidraw>
     <MainMenu>
-      <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
-      <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
-      <MobileFooter/>
+      <MainMenu.Item onSelect={() => window.alert("Item1")}>
+        Item1
+      </MainMenu.Item>
+      <MainMenu.Item onSelect={() => window.alert("Item2")}>
+        Item2
+      </MainMenu.Item>
+      <MobileFooter />
     </MainMenu>
-  </Excalidraw>
-}
-
+  </Excalidraw>;
+};
 ```
 
-You can visit the[ example](https://ehlz3.csb.app/) for working demo.
+You can visit the [example](https://ehlz3.csb.app/) for working demo.
 
 #### MainMenu
 
@@ -456,11 +458,15 @@ import { MainMenu } from "@excalidraw/excalidraw";
 const App = () => {
   <Excalidraw>
     <MainMenu>
-      <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
-      <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
+      <MainMenu.Item onSelect={() => window.alert("Item1")}>
+        Item1
+      </MainMenu.Item>
+      <MainMenu.Item onSelect={() => window.alert("Item2")}>
+        Item2
+      </MainMenu.Item>
     </MainMenu>
-  </Excalidraw>
-}
+  </Excalidraw>;
+};
 ```
 
 **MainMenu**
@@ -469,28 +475,28 @@ This is the `MainMenu` component which you need to import to render the menu wit
 
 **MainMenu.Item**
 
-To render an item, its recommended to use `MainMenu.Item`.
+Use this component to render a menu item.
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `onSelect` | `Function` | Yes | `undefined` | The handler is triggered when the item is selected. |
-| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
-| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
-| `shortcut` | `string` | No | `undefined` | The shortcut to be shown for the menu item |
-| `className` | `string` | No | "" | The class names to be added to the menu item |
-| `style` | `React.CSSProperties` | No | `undefined` | The inline styles to be added to the menu item |
-| `ariaLabel` | `string` | `undefined` | No | The `aria-label` to be added to the item for accessibility |
-| `dataTestId` | `string` | `undefined` | No | The `data-testid` to be added to the item. |
+| `onSelect` | `Function` | Yes |  | The handler is triggered when the item is selected. |
+| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
+| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
+| `className` | `string` | No |  | The class names to be added to the menu item |
+| `style` | `React.CSSProperties` | No |  | The inline styles to be added to the menu item |
+| `ariaLabel` | `string` |  | No | The `aria-label` to be added to the item for accessibility |
+| `dataTestId` | `string` |  | No | The `data-testid` to be added to the item. |
 
 **MainMenu.ItemLink**
 
-To render an item as a link, its recommended to use `MainMenu.ItemLink`.
+To render an external link in a menu item, you can use this component.
 
 **Usage**
 
 ```js
 import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => {
+const App = () => (
   <Excalidraw>
     <MainMenu>
       <MainMenu.ItemLink href="https://google.com">Google</MainMenu.ItemLink>
@@ -499,19 +505,19 @@ const App = () => {
       </MainMenu.ItemLink>
     </MainMenu>
   </Excalidraw>;
-};
+);
 ```
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `href` | `string` | Yes | `undefined` | The `href` attribute to be added to the `anchor` element. |
-| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
-| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
-| `shortcut` | `string` | No | `undefined` | The shortcut to be shown for the menu item |
+| `href` | `string` | Yes |  | The `href` attribute to be added to the `anchor` element. |
+| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
+| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
 | `className` | `string` | No | "" | The class names to be added to the menu item |
-| `style` | `React.CSSProperties` | No | `undefined` | The inline styles to be added to the menu item |
-| `ariaLabel` | `string` | No | `undefined` | The `aria-label` to be added to the item for accessibility |
-| `dataTestId` | `string` | No | `undefined` | The `data-testid` to be added to the item. |
+| `style` | `React.CSSProperties` | No |  | The inline styles to be added to the menu item |
+| `ariaLabel` | `string` | No |  | The `aria-label` to be added to the item for accessibility |
+| `dataTestId` | `string` | No |  | The `data-testid` to be added to the item. |
 
 **MainMenu.ItemCustom**
 
@@ -521,7 +527,7 @@ To render a custom item, you can use `MainMenu.ItemCustom`.
 
 ```js
 import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => {
+const App = () => (
   <Excalidraw>
     <MainMenu>
       <MainMenu.ItemCustom>
@@ -535,7 +541,7 @@ const App = () => {
       </MainMenu.ItemCustom>
     </MainMenu>
   </Excalidraw>;
-};
+);
 ```
 
 | Prop | Type | Required | Default | Description |
@@ -551,7 +557,7 @@ For the items which are shown in the menu in [excalidraw.com](https://excalidraw
 
 ```js
 import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => {
+const App = () => (
   <Excalidraw>
     <MainMenu>
       <MainMenu.DefaultItems.Socials/>
@@ -560,7 +566,7 @@ const App = () => {
       <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
     </MainMenu>
   </Excalidraw>
-}
+)
 ```
 
 Here is a [complete list](https://github.com/excalidraw/excalidraw/blob/master/src/components/mainMenu/DefaultItems.tsx) of the default items.
@@ -571,7 +577,7 @@ To Group item in the main menu, you can use `MainMenu.Group`
 
 ```js
 import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => {
+const App = () => (
   <Excalidraw>
     <MainMenu>
       <MainMenu.Group title="Excalidraw items">
@@ -584,16 +590,149 @@ const App = () => {
       </MainMenu.Group>
     </MainMenu>
   </Excalidraw>
-}
+)
 ```
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `children ` | `React.ReactNode` | Yes | `undefined` | The content of the `Menu Group` |
+| `children ` | `React.ReactNode` | Yes | `undefined` | The content of the `MenuItem Group` |
 | `title` | `string` | No | `undefined` | The `title` for the grouped items |
 | `className` | `string` | No | "" | The `classname` to be added to the group |
 | `style` | `React.CSsSProperties` | No | `undefined` | The inline `styles` to be added to the group |
 
+### WelcomeScreen
+
+When the canvas is empty, Excalidraw shows a welcome "splash" screen with a logo, a few quick action items, and hints explaining what some of the UI buttons do. You can customize the welcome screen by rendering the `WelcomeScreen` component inside your Excalidraw instance.
+
+You can also disable the welcome screen altogether by setting `UIOptions.welcomeScreen` to `false`.
+
+**Usage**
+
+```jsx
+import { WelcomScreen } from "@excalidraw/excalidraw";
+const App = () => (
+  <Excalidraw>
+    <WelcomeScreen>
+      <WelcomeScreen.Center>
+        <WelcomeScreen.Center.Heading>
+          Your data are autosaved to the cloud.
+        </WelcomeScreen.Center.Heading>
+        <WelcomeScreen.Center.Menu>
+          <WelcomeScreen.Center.MenuItem
+            onClick={() => console.log("clicked!")}
+          >
+            Click me!
+          </WelcomeScreen.Center.MenuItem>
+          <WelcomeScreen.Center.MenuItemLink href="https://github.com/excalidraw/excalidraw">
+            Excalidraw GitHub
+          </WelcomeScreen.Center.MenuItemLink>
+          <WelcomeScreen.Center.MenuItemHelp />
+        </WelcomeScreen.Center.Menu>
+      </WelcomeScreen.Center>
+    </WelcomeScreen>
+  </Excalidraw>
+);
+```
+
+To disable the WelcomeScreen:
+
+```jsx
+import { WelcomScreen } from "@excalidraw/excalidraw";
+const App = () => <Excalidraw UIOptions={{ welcomeScreen: false }} />;
+```
+
+**WelcomeScreen**
+
+If you render the `<WelcomeScreen>` component, you are responsible for rendering the content.
+
+There are 2 main parts: 1) welcome screen center component, and 2) welcome screen hints.
+
+![WelcomeScreen overview](./welcome-screen-overview.png)
+
+**WelcomeScreen.Center**
+
+This is the center piece of the welcome screen, containing the logo, heading, and menu. All three sub-components are optional, and you can render whatever you wish into the center component.
+
+**WelcomeScreen.Center.Logo**
+
+By default renders the Excalidraw logo and name. Supply `children` to customize.
+
+**WelcomeScreen.Center.Heading**
+
+Supply `children` to change the default message.
+
+**WelcomeScreen.Center.Menu**
+
+Wrapper component for the menu items. You can build your menu using the `<WelcomeScreen.Center.MenuItem>` and `<WelcomeScreen.Center.MenuItemLink>` components, render your own, or render one of the default menu items.
+
+The default menu items are:
+
+- `<WelcomeScreen.Center.MenuItemHelp/>` - opens the help dialog.
+- `<WelcomeScreen.Center.MenuItemLoadScene/>` - open the load file dialog.
+
+**Usage**
+
+```jsx
+import { WelcomScreen } from "@excalidraw/excalidraw";
+const App = () => (
+  <Excalidraw>
+    <WelcomeScreen>
+      <WelcomeScreen.Center>
+        <WelcomeScreen.Center.Menu>
+          <WelcomeScreen.Center.MenuItem
+            onClick={() => console.log("clicked!")}
+          >
+            Click me!
+          </WelcomeScreen.Center.MenuItem>
+          <WelcomeScreen.Center.MenuItemLink href="https://github.com/excalidraw/excalidraw">
+            Excalidraw GitHub
+          </WelcomeScreen.Center.MenuItemLink>
+          <WelcomeScreen.Center.MenuItemHelp />
+        </WelcomeScreen.Center.Menu>
+      </WelcomeScreen.Center>
+    </WelcomeScreen>
+  </Excalidraw>
+);
+```
+
+**WelcomeScreen.Center.MenuItem**
+
+Use this component to render a menu item.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `onSelect` | `Function` | Yes |  | The handler is triggered when the item is selected. |
+| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
+| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
+
+**WelcomeScreen.Center.MenuItemLink**
+
+To render an external link in a menu item, you can use this component.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `href` | `string` | Yes |  | The `href` attribute to be added to the `anchor` element. |
+| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
+| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
+
+**WelcomeScreen.Hints**
+
+These subcomponents render the UI hints. Text of each hint can be customized by supplying `children`.
+
+**WelcomeScreen.Hints.Menu**
+
+Hint for the main menu. Supply `children` to customize the hint text.
+
+**WelcomeScreen.Hints.Toolbar**
+
+Hint for the toolbar. Supply `children` to customize the hint text.
+
+**WelcomeScreen.Hints.Help**
+
+Hint for the help dialog. Supply `children` to customize the hint text.
+
 ### Props
 
 | Name | Type | Default | Description |
@@ -1565,8 +1704,7 @@ This hook can be used to check the type of device which is being used. It can on
 ```js
 import { useDevice, Footer } from "@excalidraw/excalidraw";
 
-const MobileFooter = ({
-}) => {
+const MobileFooter = () => {
   const device = useDevice();
   if (device.isMobile) {
     return (
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index abc7bdd34..9be20a99c 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -13,6 +13,7 @@ import { Provider } from "jotai";
 import { jotaiScope, jotaiStore } from "../../jotai";
 import Footer from "../../components/footer/FooterCenter";
 import MainMenu from "../../components/mainMenu/MainMenu";
+import WelcomeScreen from "../../components/welcome-screen/WelcomeScreen";
 
 const ExcalidrawBase = (props: ExcalidrawProps) => {
   const {
@@ -52,6 +53,7 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
       ...DEFAULT_UI_OPTIONS.canvasActions,
       ...canvasActions,
     },
+    welcomeScreen: props.UIOptions?.welcomeScreen ?? true,
   };
 
   if (canvasActions?.export) {
@@ -162,7 +164,7 @@ const areEqual = (
       const canvasOptionKeys = Object.keys(
         prevUIOptions.canvasActions!,
       ) as (keyof Partial<typeof DEFAULT_UI_OPTIONS.canvasActions>)[];
-      canvasOptionKeys.every((key) => {
+      return canvasOptionKeys.every((key) => {
         if (
           key === "export" &&
           prevUIOptions?.canvasActions?.export &&
@@ -179,7 +181,7 @@ const areEqual = (
         );
       });
     }
-    return true;
+    return prevUIOptions[key] === nextUIOptions[key];
   });
 
   return isUIOptionsSame && isShallowEqual(prev, next);
@@ -243,3 +245,4 @@ export { Button } from "../../components/Button";
 export { Footer };
 export { MainMenu };
 export { useDevice } from "../../components/App";
+export { WelcomeScreen };
diff --git a/src/packages/excalidraw/welcome-screen-overview.png b/src/packages/excalidraw/welcome-screen-overview.png
new file mode 100644
index 0000000000000000000000000000000000000000..1067761629614e099f46546305af0efd50cf2aa8
GIT binary patch
literal 103250
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

literal 0
HcmV?d00001

diff --git a/src/types.ts b/src/types.ts
index 8ee85d279..343789e5b 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -313,10 +313,7 @@ export interface ExcalidrawProps {
     elements: readonly NonDeletedExcalidrawElement[],
     appState: AppState,
   ) => JSX.Element;
-  UIOptions?: {
-    dockedSidebarBreakpoint?: number;
-    canvasActions?: CanvasActions;
-  };
+  UIOptions?: Partial<UIOptions>;
   detectScroll?: boolean;
   handleKeyboardGlobally?: boolean;
   onLibraryChange?: (libraryItems: LibraryItems) => void | Promise<any>;
@@ -373,23 +370,31 @@ export type ExportOpts = {
 // truthiness value will determine whether the action is rendered or not
 // (see manager renderAction). We also override canvasAction values in
 // excalidraw package index.tsx.
-type CanvasActions = {
-  changeViewBackgroundColor?: boolean;
-  clearCanvas?: boolean;
-  export?: false | ExportOpts;
-  loadScene?: boolean;
-  saveToActiveFile?: boolean;
-  toggleTheme?: boolean | null;
-  saveAsImage?: boolean;
-};
+type CanvasActions = Partial<{
+  changeViewBackgroundColor: boolean;
+  clearCanvas: boolean;
+  export: false | ExportOpts;
+  loadScene: boolean;
+  saveToActiveFile: boolean;
+  toggleTheme: boolean | null;
+  saveAsImage: boolean;
+}>;
+
+type UIOptions = Partial<{
+  dockedSidebarBreakpoint: number;
+  welcomeScreen: boolean;
+  canvasActions: CanvasActions;
+}>;
 
 export type AppProps = Merge<
   ExcalidrawProps,
   {
-    UIOptions: {
-      canvasActions: Required<CanvasActions> & { export: ExportOpts };
-      dockedSidebarBreakpoint?: number;
-    };
+    UIOptions: Merge<
+      MarkRequired<UIOptions, "welcomeScreen">,
+      {
+        canvasActions: Required<CanvasActions> & { export: ExportOpts };
+      }
+    >;
     detectScroll: boolean;
     handleKeyboardGlobally: boolean;
     isCollaborating: boolean;
@@ -517,7 +522,31 @@ export type Device = Readonly<{
 }>;
 
 export type UIChildrenComponents = {
-  [k in "FooterCenter" | "Menu"]?:
-    | React.ReactPortal
-    | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+  [k in "FooterCenter" | "Menu" | "WelcomeScreen"]?: React.ReactElement<
+    { children?: React.ReactNode },
+    React.JSXElementConstructor<any>
+  >;
+};
+
+export type UIWelcomeScreenComponents = {
+  [k in
+    | "Center"
+    | "MenuHint"
+    | "ToolbarHint"
+    | "HelpHint"]?: React.ReactElement<
+    { children?: React.ReactNode },
+    React.JSXElementConstructor<any>
+  >;
+};
+
+export type UIWelcomeScreenCenterComponents = {
+  [k in
+    | "Logo"
+    | "Heading"
+    | "Menu"
+    | "MenuItemLoadScene"
+    | "MenuItemHelp"]?: React.ReactElement<
+    { children?: React.ReactNode },
+    React.JSXElementConstructor<any>
+  >;
 };

From 9d04479f98fca7a322f55961f438aa756909b491 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 12 Jan 2023 20:40:09 +0530
Subject: [PATCH 036/252] fix: renamed folder MainMenu->main-menu and support
 rest props (#6103)

* renamed folder MainMenu -> main-menu

* rename ariaLabel -> aria-label and dataTestId -> data-testid

* allow rest props

* fix

* lint

* add ts check

* ts for div

* fix

* fix

* fix
---
 src/components/LayerUI.tsx                    |  2 +-
 src/components/LibraryMenuHeaderContent.tsx   |  6 ++--
 .../dropdownMenu/DropdownMenuItem.tsx         | 15 +++-----
 .../dropdownMenu/DropdownMenuItemCustom.tsx   | 12 +++----
 .../dropdownMenu/DropdownMenuItemLink.tsx     | 15 +++-----
 .../{mainMenu => main-menu}/DefaultItems.scss |  0
 .../{mainMenu => main-menu}/DefaultItems.tsx  | 36 +++++++++----------
 .../{mainMenu => main-menu}/MainMenu.tsx      |  0
 src/packages/excalidraw/README.md             | 28 ++++-----------
 src/packages/excalidraw/index.tsx             |  2 +-
 10 files changed, 43 insertions(+), 73 deletions(-)
 rename src/components/{mainMenu => main-menu}/DefaultItems.scss (100%)
 rename src/components/{mainMenu => main-menu}/DefaultItems.tsx (91%)
 rename src/components/{mainMenu => main-menu}/MainMenu.tsx (100%)

diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 5d4084a10..d75b8b413 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -50,7 +50,7 @@ import WelcomeScreen from "./welcome-screen/WelcomeScreen";
 import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
 import { useAtom } from "jotai";
-import MainMenu from "./mainMenu/MainMenu";
+import MainMenu from "./main-menu/MainMenu";
 
 interface LayerUIProps {
   actionManager: ActionManager;
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index abf6c2a29..beeb8dd17 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -193,7 +193,7 @@ export const LibraryMenuHeader: React.FC<{
             <DropdownMenu.Item
               onSelect={onLibraryImport}
               icon={LoadIcon}
-              dataTestId="lib-dropdown--load"
+              data-testid="lib-dropdown--load"
             >
               {t("buttons.load")}
             </DropdownMenu.Item>
@@ -202,7 +202,7 @@ export const LibraryMenuHeader: React.FC<{
             <DropdownMenu.Item
               onSelect={onLibraryExport}
               icon={ExportIcon}
-              dataTestId="lib-dropdown--export"
+              data-testid="lib-dropdown--export"
             >
               {t("buttons.export")}
             </DropdownMenu.Item>
@@ -219,7 +219,7 @@ export const LibraryMenuHeader: React.FC<{
             <DropdownMenu.Item
               icon={publishIcon}
               onSelect={() => setShowPublishLibraryDialog(true)}
-              dataTestId="lib-dropdown--remove"
+              data-testid="lib-dropdown--remove"
             >
               {t("buttons.publishLibrary")}
             </DropdownMenu.Item>
diff --git a/src/components/dropdownMenu/DropdownMenuItem.tsx b/src/components/dropdownMenu/DropdownMenuItem.tsx
index 47e20166b..4f8db982d 100644
--- a/src/components/dropdownMenu/DropdownMenuItem.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItem.tsx
@@ -9,30 +9,23 @@ const DropdownMenuItem = ({
   icon,
   onSelect,
   children,
-  dataTestId,
   shortcut,
   className,
-  style,
-  ariaLabel,
+  ...rest
 }: {
   icon?: JSX.Element;
   onSelect: () => void;
   children: React.ReactNode;
-  dataTestId?: string;
   shortcut?: string;
   className?: string;
-  style?: React.CSSProperties;
-  ariaLabel?: string;
-}) => {
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
   return (
     <button
-      aria-label={ariaLabel}
+      {...rest}
       onClick={onSelect}
-      data-testid={dataTestId}
-      title={ariaLabel}
       type="button"
       className={getDrodownMenuItemClassName(className)}
-      style={style}
+      title={rest.title ?? rest["aria-label"]}
     >
       <MenuItemContent icon={icon} shortcut={shortcut}>
         {children}
diff --git a/src/components/dropdownMenu/DropdownMenuItemCustom.tsx b/src/components/dropdownMenu/DropdownMenuItemCustom.tsx
index 5ed47c3b5..323f31092 100644
--- a/src/components/dropdownMenu/DropdownMenuItemCustom.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItemCustom.tsx
@@ -1,19 +1,17 @@
+import React from "react";
+
 const DropdownMenuItemCustom = ({
   children,
   className = "",
-  style,
-  dataTestId,
+  ...rest
 }: {
   children: React.ReactNode;
   className?: string;
-  style?: React.CSSProperties;
-  dataTestId?: string;
-}) => {
+} & React.HTMLAttributes<HTMLDivElement>) => {
   return (
     <div
+      {...rest}
       className={`dropdown-menu-item-base dropdown-menu-item-custom ${className}`.trim()}
-      style={style}
-      data-testid={dataTestId}
     >
       {children}
     </div>
diff --git a/src/components/dropdownMenu/DropdownMenuItemLink.tsx b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
index 116610698..18d3f2c70 100644
--- a/src/components/dropdownMenu/DropdownMenuItemLink.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
@@ -3,33 +3,26 @@ import React from "react";
 import { getDrodownMenuItemClassName } from "./DropdownMenuItem";
 const DropdownMenuItemLink = ({
   icon,
-  dataTestId,
   shortcut,
   href,
   children,
   className = "",
-  style,
-  ariaLabel,
+  ...rest
 }: {
   icon?: JSX.Element;
   children: React.ReactNode;
-  dataTestId?: string;
   shortcut?: string;
   className?: string;
   href: string;
-  style?: React.CSSProperties;
-  ariaLabel?: string;
-}) => {
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
   return (
     <a
+      {...rest}
       href={href}
       target="_blank"
       rel="noreferrer"
       className={getDrodownMenuItemClassName(className)}
-      style={style}
-      data-testid={dataTestId}
-      title={ariaLabel}
-      aria-label={ariaLabel}
+      title={rest.title ?? rest["aria-label"]}
     >
       <MenuItemContent icon={icon} shortcut={shortcut}>
         {children}
diff --git a/src/components/mainMenu/DefaultItems.scss b/src/components/main-menu/DefaultItems.scss
similarity index 100%
rename from src/components/mainMenu/DefaultItems.scss
rename to src/components/main-menu/DefaultItems.scss
diff --git a/src/components/mainMenu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
similarity index 91%
rename from src/components/mainMenu/DefaultItems.tsx
rename to src/components/main-menu/DefaultItems.tsx
index 38f104767..e35108be1 100644
--- a/src/components/mainMenu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -46,9 +46,9 @@ export const LoadScene = () => {
     <DropdownMenuItem
       icon={LoadIcon}
       onSelect={() => actionManager.executeAction(actionLoadScene)}
-      dataTestId="load-button"
+      data-testid="load-button"
       shortcut={getShortcutFromShortcutName("loadScene")}
-      ariaLabel={t("buttons.load")}
+      aria-label={t("buttons.load")}
     >
       {t("buttons.load")}
     </DropdownMenuItem>
@@ -69,10 +69,10 @@ export const SaveToActiveFile = () => {
   return (
     <DropdownMenuItem
       shortcut={getShortcutFromShortcutName("saveScene")}
-      dataTestId="save-button"
+      data-testid="save-button"
       onSelect={() => actionManager.executeAction(actionSaveToActiveFile)}
       icon={save}
-      ariaLabel={`${t("buttons.save")}`}
+      aria-label={`${t("buttons.save")}`}
     >{`${t("buttons.save")}`}</DropdownMenuItem>
   );
 };
@@ -86,10 +86,10 @@ export const SaveAsImage = () => {
   return (
     <DropdownMenuItem
       icon={ExportImageIcon}
-      dataTestId="image-export-button"
+      data-testid="image-export-button"
       onSelect={() => setAppState({ openDialog: "imageExport" })}
       shortcut={getShortcutFromShortcutName("imageExport")}
-      ariaLabel={t("buttons.exportImage")}
+      aria-label={t("buttons.exportImage")}
     >
       {t("buttons.exportImage")}
     </DropdownMenuItem>
@@ -106,11 +106,11 @@ export const Help = () => {
 
   return (
     <DropdownMenuItem
-      dataTestId="help-menu-item"
+      data-testid="help-menu-item"
       icon={HelpIcon}
       onSelect={() => actionManager.executeAction(actionShortcuts)}
       shortcut="?"
-      ariaLabel={t("helpDialog.title")}
+      aria-label={t("helpDialog.title")}
     >
       {t("helpDialog.title")}
     </DropdownMenuItem>
@@ -136,8 +136,8 @@ export const ClearCanvas = () => {
       <DropdownMenuItem
         icon={TrashIcon}
         onSelect={toggleDialog}
-        dataTestId="clear-canvas-button"
-        ariaLabel={t("buttons.clearReset")}
+        data-testid="clear-canvas-button"
+        aria-label={t("buttons.clearReset")}
       >
         {t("buttons.clearReset")}
       </DropdownMenuItem>
@@ -175,9 +175,9 @@ export const ToggleTheme = () => {
         return actionManager.executeAction(actionToggleTheme);
       }}
       icon={appState.theme === "dark" ? SunIcon : MoonIcon}
-      dataTestId="toggle-dark-mode"
+      data-testid="toggle-dark-mode"
       shortcut={getShortcutFromShortcutName("toggleTheme")}
-      ariaLabel={
+      aria-label={
         appState.theme === "dark"
           ? t("buttons.lightMode")
           : t("buttons.darkMode")
@@ -222,8 +222,8 @@ export const Export = () => {
       onSelect={() => {
         setAppState({ openDialog: "jsonExport" });
       }}
-      dataTestId="json-export-button"
-      ariaLabel={t("buttons.export")}
+      data-testid="json-export-button"
+      aria-label={t("buttons.export")}
     >
       {t("buttons.export")}
     </DropdownMenuItem>
@@ -236,21 +236,21 @@ export const Socials = () => (
     <DropdownMenuItemLink
       icon={GithubIcon}
       href="https://github.com/excalidraw/excalidraw"
-      ariaLabel="GitHub"
+      aria-label="GitHub"
     >
       GitHub
     </DropdownMenuItemLink>
     <DropdownMenuItemLink
       icon={DiscordIcon}
       href="https://discord.gg/UexuTaE"
-      ariaLabel="Discord"
+      aria-label="Discord"
     >
       Discord
     </DropdownMenuItemLink>
     <DropdownMenuItemLink
       icon={TwitterIcon}
       href="https://twitter.com/excalidraw"
-      ariaLabel="Twitter"
+      aria-label="Twitter"
     >
       Twitter
     </DropdownMenuItemLink>
@@ -270,7 +270,7 @@ export const LiveCollaboration = ({
   const appState = useExcalidrawAppState();
   return (
     <DropdownMenuItem
-      dataTestId="collab-button"
+      data-testid="collab-button"
       icon={UsersIcon}
       className={clsx({
         "active-collab": isCollaborating,
diff --git a/src/components/mainMenu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
similarity index 100%
rename from src/components/mainMenu/MainMenu.tsx
rename to src/components/main-menu/MainMenu.tsx
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index 5b9f30342..5a8db7ed4 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -479,14 +479,10 @@ Use this component to render a menu item.
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `onSelect` | `Function` | Yes |  | The handler is triggered when the item is selected. |
-| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
-| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `onSelect` | `Function` | Yes | `undefined` | The handler is triggered when the item is selected. |
+| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
+| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
 | `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
-| `className` | `string` | No |  | The class names to be added to the menu item |
-| `style` | `React.CSSProperties` | No |  | The inline styles to be added to the menu item |
-| `ariaLabel` | `string` |  | No | The `aria-label` to be added to the item for accessibility |
-| `dataTestId` | `string` |  | No | The `data-testid` to be added to the item. |
 
 **MainMenu.ItemLink**
 
@@ -510,14 +506,10 @@ const App = () => (
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `href` | `string` | Yes |  | The `href` attribute to be added to the `anchor` element. |
-| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
-| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `href` | `string` | Yes | `undefined` | The `href` attribute to be added to the `anchor` element. |
+| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
+| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
 | `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
-| `className` | `string` | No | "" | The class names to be added to the menu item |
-| `style` | `React.CSSProperties` | No |  | The inline styles to be added to the menu item |
-| `ariaLabel` | `string` | No |  | The `aria-label` to be added to the item for accessibility |
-| `dataTestId` | `string` | No |  | The `data-testid` to be added to the item. |
 
 **MainMenu.ItemCustom**
 
@@ -547,9 +539,6 @@ const App = () => (
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
 | `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
-| `className` | `string` | No | "" | The class names to be added to the menu item |
-| `style` | `React.CSSProperties` | No | `undefined` | The inline styles to be added to the menu item |
-| `dataTestId` | `string` | No | `undefined` | The `data-testid` to be added to the item. |
 
 **MainMenu.DefaultItems**
 
@@ -595,10 +584,7 @@ const App = () => (
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `children ` | `React.ReactNode` | Yes | `undefined` | The content of the `MenuItem Group` |
-| `title` | `string` | No | `undefined` | The `title` for the grouped items |
-| `className` | `string` | No | "" | The `classname` to be added to the group |
-| `style` | `React.CSsSProperties` | No | `undefined` | The inline `styles` to be added to the group |
+| `children ` | `React.ReactNode` | Yes | `undefined` | The content of the `MainMenu.Group` |
 
 ### WelcomeScreen
 
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 9be20a99c..d56bffb62 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -12,7 +12,7 @@ import { DEFAULT_UI_OPTIONS } from "../../constants";
 import { Provider } from "jotai";
 import { jotaiScope, jotaiStore } from "../../jotai";
 import Footer from "../../components/footer/FooterCenter";
-import MainMenu from "../../components/mainMenu/MainMenu";
+import MainMenu from "../../components/main-menu/MainMenu";
 import WelcomeScreen from "../../components/welcome-screen/WelcomeScreen";
 
 const ExcalidrawBase = (props: ExcalidrawProps) => {

From faad8a65f1cdf22c729eaad654f3a0f0164a54bc Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 12 Jan 2023 23:28:57 +0530
Subject: [PATCH 037/252] feat: new Live Collaboration Component API (#6104)

* feat: new Live Collaboration Component API

* namespace export icons into `icons` dictionary and lowercase

* update readme and changelog

* review fixes

* fix

* fix

* update docs

* remove

* allow button rest props

* update docs

* docs

* add `WelcomeScreen.Center.MenuItemLiveCollaborationTrigger`

* fix lint

* update changelog

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/App.tsx                        |  4 +-
 src/components/CollabButton.tsx               | 33 -------------
 src/components/LayerUI.tsx                    | 16 ------
 src/components/icons.tsx                      |  2 +-
 .../LiveCollaborationTrigger.scss}            |  2 +-
 .../LiveCollaborationTrigger.tsx              | 40 +++++++++++++++
 src/components/main-menu/DefaultItems.tsx     | 10 ++--
 .../welcome-screen/WelcomeScreen.Center.tsx   | 21 +++++++-
 src/excalidraw-app/index.tsx                  | 28 ++++++-----
 src/packages/excalidraw/CHANGELOG.md          |  5 +-
 src/packages/excalidraw/README.md             | 40 +++++++++++----
 src/packages/excalidraw/example/App.tsx       | 49 +++++++++++--------
 src/packages/excalidraw/index.tsx             |  4 +-
 src/types.ts                                  |  1 -
 14 files changed, 150 insertions(+), 105 deletions(-)
 delete mode 100644 src/components/CollabButton.tsx
 rename src/components/{CollabButton.scss => live-collaboration/LiveCollaborationTrigger.scss} (97%)
 create mode 100644 src/components/live-collaboration/LiveCollaborationTrigger.tsx

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 51b8c3025..e0ce0ee97 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -539,8 +539,7 @@ class App extends React.Component<AppProps, AppState> {
       this.scene.getNonDeletedElements(),
       this.state,
     );
-    const { onCollabButtonClick, renderTopRightUI, renderCustomStats } =
-      this.props;
+    const { renderTopRightUI, renderCustomStats } = this.props;
 
     return (
       <div
@@ -574,7 +573,6 @@ class App extends React.Component<AppProps, AppState> {
                       setAppState={this.setAppState}
                       actionManager={this.actionManager}
                       elements={this.scene.getNonDeletedElements()}
-                      onCollabButtonClick={onCollabButtonClick}
                       onLockToggle={this.toggleLock}
                       onPenModeToggle={this.togglePenMode}
                       onInsertElements={(elements) =>
diff --git a/src/components/CollabButton.tsx b/src/components/CollabButton.tsx
deleted file mode 100644
index 345213839..000000000
--- a/src/components/CollabButton.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { t } from "../i18n";
-import { UsersIcon } from "./icons";
-
-import "./CollabButton.scss";
-import clsx from "clsx";
-import { Button } from "./Button";
-
-const CollabButton = ({
-  isCollaborating,
-  collaboratorCount,
-  onClick,
-}: {
-  isCollaborating: boolean;
-  collaboratorCount: number;
-  onClick: () => void;
-}) => {
-  return (
-    <Button
-      className={clsx("collab-button", { active: isCollaborating })}
-      type="button"
-      onSelect={onClick}
-      style={{ position: "relative" }}
-      title={t("labels.liveCollaboration")}
-    >
-      {UsersIcon}
-      {collaboratorCount > 0 && (
-        <div className="CollabButton-collaborators">{collaboratorCount}</div>
-      )}
-    </Button>
-  );
-};
-
-export default CollabButton;
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index d75b8b413..8aa8809fb 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -18,7 +18,6 @@ import {
 } from "../types";
 import { isShallowEqual, muteFSAbortError, getReactChildren } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
-import CollabButton from "./CollabButton";
 import { ErrorDialog } from "./ErrorDialog";
 import { ExportCB, ImageExportDialog } from "./ImageExportDialog";
 import { FixedSideContainer } from "./FixedSideContainer";
@@ -59,7 +58,6 @@ interface LayerUIProps {
   canvas: HTMLCanvasElement | null;
   setAppState: React.Component<any, AppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
-  onCollabButtonClick?: () => void;
   onLockToggle: () => void;
   onPenModeToggle: () => void;
   onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
@@ -86,7 +84,6 @@ const LayerUI = ({
   setAppState,
   elements,
   canvas,
-  onCollabButtonClick,
   onLockToggle,
   onPenModeToggle,
   onInsertElements,
@@ -207,12 +204,6 @@ const LayerUI = ({
           {UIOptions.canvasActions.saveAsImage && (
             <MainMenu.DefaultItems.SaveAsImage />
           )}
-          {onCollabButtonClick && (
-            <MainMenu.DefaultItems.LiveCollaboration
-              onSelect={onCollabButtonClick}
-              isCollaborating={isCollaborating}
-            />
-          )}
           <MainMenu.DefaultItems.Help />
           <MainMenu.DefaultItems.ClearCanvas />
           <MainMenu.Separator />
@@ -351,13 +342,6 @@ const LayerUI = ({
             )}
           >
             <UserList collaborators={appState.collaborators} />
-            {onCollabButtonClick && (
-              <CollabButton
-                isCollaborating={isCollaborating}
-                collaboratorCount={appState.collaborators.size}
-                onClick={onCollabButtonClick}
-              />
-            )}
             {renderTopRightUI?.(device.isMobile, appState)}
             {!appState.viewModeEnabled && (
               <LibraryButton appState={appState} setAppState={setAppState} />
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 55650385f..cc43aaa49 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -883,7 +883,7 @@ export const CenterHorizontallyIcon = createIcon(
   modifiedTablerIconProps,
 );
 
-export const UsersIcon = createIcon(
+export const usersIcon = createIcon(
   <g strokeWidth="1.5">
     <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
     <circle cx="9" cy="7" r="4"></circle>
diff --git a/src/components/CollabButton.scss b/src/components/live-collaboration/LiveCollaborationTrigger.scss
similarity index 97%
rename from src/components/CollabButton.scss
rename to src/components/live-collaboration/LiveCollaborationTrigger.scss
index 94e52d531..138d6459b 100644
--- a/src/components/CollabButton.scss
+++ b/src/components/live-collaboration/LiveCollaborationTrigger.scss
@@ -1,4 +1,4 @@
-@import "../css/variables.module";
+@import "../../css/variables.module";
 
 .excalidraw {
   .collab-button {
diff --git a/src/components/live-collaboration/LiveCollaborationTrigger.tsx b/src/components/live-collaboration/LiveCollaborationTrigger.tsx
new file mode 100644
index 000000000..87f696d85
--- /dev/null
+++ b/src/components/live-collaboration/LiveCollaborationTrigger.tsx
@@ -0,0 +1,40 @@
+import { t } from "../../i18n";
+import { usersIcon } from "../icons";
+import { Button } from "../Button";
+
+import clsx from "clsx";
+import { useExcalidrawAppState } from "../App";
+
+import "./LiveCollaborationTrigger.scss";
+
+const LiveCollaborationTrigger = ({
+  isCollaborating,
+  onSelect,
+  ...rest
+}: {
+  isCollaborating: boolean;
+  onSelect: () => void;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
+  const appState = useExcalidrawAppState();
+
+  return (
+    <Button
+      {...rest}
+      className={clsx("collab-button", { active: isCollaborating })}
+      type="button"
+      onSelect={onSelect}
+      style={{ position: "relative" }}
+      title={t("labels.liveCollaboration")}
+    >
+      {usersIcon}
+      {appState.collaborators.size > 0 && (
+        <div className="CollabButton-collaborators">
+          {appState.collaborators.size}
+        </div>
+      )}
+    </Button>
+  );
+};
+
+export default LiveCollaborationTrigger;
+LiveCollaborationTrigger.displayName = "LiveCollaborationTrigger";
diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index e35108be1..6342b31d2 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -1,4 +1,3 @@
-import clsx from "clsx";
 import { getShortcutFromShortcutName } from "../../actions/shortcuts";
 import { t } from "../../i18n";
 import {
@@ -15,7 +14,7 @@ import {
   save,
   SunIcon,
   TrashIcon,
-  UsersIcon,
+  usersIcon,
 } from "../icons";
 import { GithubIcon, DiscordIcon, TwitterIcon } from "../icons";
 import DropdownMenuItem from "../dropdownMenu/DropdownMenuItem";
@@ -31,6 +30,7 @@ import {
 import "./DefaultItems.scss";
 import { useState } from "react";
 import ConfirmDialog from "../ConfirmDialog";
+import clsx from "clsx";
 
 export const LoadScene = () => {
   // FIXME Hack until we tie "t" to lang state
@@ -258,7 +258,7 @@ export const Socials = () => (
 );
 Socials.displayName = "Socials";
 
-export const LiveCollaboration = ({
+export const LiveCollaborationTrigger = ({
   onSelect,
   isCollaborating,
 }: {
@@ -271,7 +271,7 @@ export const LiveCollaboration = ({
   return (
     <DropdownMenuItem
       data-testid="collab-button"
-      icon={UsersIcon}
+      icon={usersIcon}
       className={clsx({
         "active-collab": isCollaborating,
       })}
@@ -282,4 +282,4 @@ export const LiveCollaboration = ({
   );
 };
 
-LiveCollaboration.displayName = "LiveCollaboration";
+LiveCollaborationTrigger.displayName = "LiveCollaborationTrigger";
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
index 7875c0cc9..c1eef7dc6 100644
--- a/src/components/welcome-screen/WelcomeScreen.Center.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -6,7 +6,7 @@ import {
   useExcalidrawActionManager,
   useExcalidrawAppState,
 } from "../App";
-import { ExcalLogo, HelpIcon, LoadIcon } from "../icons";
+import { ExcalLogo, HelpIcon, LoadIcon, usersIcon } from "../icons";
 
 const WelcomeScreenMenuItemContent = ({
   icon,
@@ -163,6 +163,24 @@ const MenuItemLoadScene = () => {
 };
 MenuItemLoadScene.displayName = "MenuItemLoadScene";
 
+const MenuItemLiveCollaborationTrigger = ({
+  onSelect,
+}: {
+  onSelect: () => any;
+}) => {
+  // FIXME when we tie t() to lang state
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const appState = useExcalidrawAppState();
+
+  return (
+    <WelcomeScreenMenuItem shortcut={null} onSelect={onSelect} icon={usersIcon}>
+      {t("labels.liveCollaboration")}
+    </WelcomeScreenMenuItem>
+  );
+};
+MenuItemLiveCollaborationTrigger.displayName =
+  "MenuItemLiveCollaborationTrigger";
+
 // -----------------------------------------------------------------------------
 
 Center.Logo = Logo;
@@ -172,5 +190,6 @@ Center.MenuItem = WelcomeScreenMenuItem;
 Center.MenuItemLink = WelcomeScreenMenuItemLink;
 Center.MenuItemHelp = MenuItemHelp;
 Center.MenuItemLoadScene = MenuItemLoadScene;
+Center.MenuItemLiveCollaborationTrigger = MenuItemLiveCollaborationTrigger;
 
 export { Center };
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index beef0943c..8f2d8cbcc 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -26,6 +26,7 @@ import {
   defaultLang,
   Footer,
   MainMenu,
+  LiveCollaborationTrigger,
   WelcomeScreen,
 } from "../packages/excalidraw/index";
 import {
@@ -87,7 +88,7 @@ import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
 import { EncryptedIcon } from "./components/EncryptedIcon";
 import { ExcalidrawPlusAppLink } from "./components/ExcalidrawPlusAppLink";
 import { LanguageList } from "./components/LanguageList";
-import { PlusPromoIcon, UsersIcon } from "../components/icons";
+import { PlusPromoIcon } from "../components/icons";
 
 polyfill();
 
@@ -610,7 +611,7 @@ const ExcalidrawWrapper = () => {
         <MainMenu.DefaultItems.SaveToActiveFile />
         <MainMenu.DefaultItems.Export />
         <MainMenu.DefaultItems.SaveAsImage />
-        <MainMenu.DefaultItems.LiveCollaboration
+        <MainMenu.DefaultItems.LiveCollaborationTrigger
           isCollaborating={isCollaborating}
           onSelect={() => setCollabDialogShown(true)}
         />
@@ -675,15 +676,9 @@ const ExcalidrawWrapper = () => {
           <WelcomeScreen.Center.Menu>
             <WelcomeScreen.Center.MenuItemLoadScene />
             <WelcomeScreen.Center.MenuItemHelp />
-
-            <WelcomeScreen.Center.MenuItem
-              shortcut={null}
+            <WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
               onSelect={() => setCollabDialogShown(true)}
-              icon={UsersIcon}
-            >
-              {t("labels.liveCollaboration")}
-            </WelcomeScreen.Center.MenuItem>
-
+            />
             {!isExcalidrawPlusSignedUser && (
               <WelcomeScreen.Center.MenuItemLink
                 href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
@@ -710,7 +705,6 @@ const ExcalidrawWrapper = () => {
         ref={excalidrawRefCallback}
         onChange={onChange}
         initialData={initialStatePromiseRef.current.promise}
-        onCollabButtonClick={() => setCollabDialogShown(true)}
         isCollaborating={isCollaborating}
         onPointerUpdate={collabAPI?.onPointerUpdate}
         UIOptions={{
@@ -744,8 +738,20 @@ const ExcalidrawWrapper = () => {
         onLibraryChange={onLibraryChange}
         autoFocus={true}
         theme={theme}
+        renderTopRightUI={(isMobile) => {
+          if (isMobile) {
+            return null;
+          }
+          return (
+            <LiveCollaborationTrigger
+              isCollaborating={isCollaborating}
+              onSelect={() => setCollabDialogShown(true)}
+            />
+          );
+        }}
       >
         {renderMenu()}
+
         <Footer>
           <div style={{ display: "flex", gap: ".5rem", alignItems: "center" }}>
             <ExcalidrawPlusAppLink />
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 94db27467..85b1e114a 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -25,8 +25,11 @@ Please add the latest change on the top under the correct section.
 
 - Any top-level children passed to the `<Excalidraw/>` component that do not belong to one of the officially supported Excalidraw children components are now rendered directly inside the Excalidraw container (previously, they weren't rendered at all) [#6096](https://github.com/excalidraw/excalidraw/pull/6096).
 
-#### BREAKING CHANGE
+- Expose [LiveCollaborationTrigger](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#LiveCollaborationTrigger) component. Replaces `props.onCollabButtonClick` [#6104](https://github.com/excalidraw/excalidraw/pull/6104).
 
+#### BREAKING CHANGES
+
+- `props.onCollabButtonClick` is now removed. You need to render the main menu item yourself, and optionally also render the `<LiveCollaborationTrigger>` component using [renderTopRightUI](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#renderTopRightUI) prop if you want to retain the canvas button at top-right.
 - The prop `renderFooter` is now removed in favor of rendering as a child component.
 
 ### Excalidraw schema
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index 5a8db7ed4..a0dda8571 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -138,9 +138,6 @@ export default function App() {
             console.log("Elements :", elements, "State : ", state)
           }
           onPointerUpdate={(payload) => console.log(payload)}
-          onCollabButtonClick={() =>
-            window.alert("You clicked on collab button")
-          }
           viewModeEnabled={viewModeEnabled}
           zenModeEnabled={zenModeEnabled}
           gridModeEnabled={gridModeEnabled}
@@ -331,7 +328,6 @@ const App = () => {
         onChange: (elements, state) =>
           console.log("Elements :", elements, "State : ", state),
         onPointerUpdate: (payload) => console.log(payload),
-        onCollabButtonClick: () => window.alert("You clicked on collab button"),
         viewModeEnabled: viewModeEnabled,
         zenModeEnabled: zenModeEnabled,
         gridModeEnabled: gridModeEnabled,
@@ -655,6 +651,7 @@ The default menu items are:
 
 - `<WelcomeScreen.Center.MenuItemHelp/>` - opens the help dialog.
 - `<WelcomeScreen.Center.MenuItemLoadScene/>` - open the load file dialog.
+- `<WelcomeScreen.Center.MenuItemLiveCollaborationTrigger/>` - intended to open the live collaboration dialog. Works similarly to [`<LiveCollaborationTrigger>`](#LiveCollaborationTrigger) and you must supply `onSelect()` handler to integrate with your collaboration implementation.
 
 **Usage**
 
@@ -719,6 +716,36 @@ Hint for the toolbar. Supply `children` to customize the hint text.
 
 Hint for the help dialog. Supply `children` to customize the hint text.
 
+### LiveCollaborationTrigger
+
+If you implement live collaboration support and want to expose the same UI button as on excalidraw.com, you can render the `<LiveCollaborationTrigger>` component using the [renderTopRightUI](#rendertoprightui) prop. You'll need to supply `onSelect()` to handle opening of your collaboration dialog, but the button will display current `appState.collaborators` count for you.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `onSelect` | `() => any` | Yes |  | Handler called when the user click on the button |
+| `isCollaborating` | `boolean` | Yes | false | Whether live collaboration session is in effect. Modifies button style. |
+
+**Usage**
+
+```jsx
+import { LiveCollaborationTrigger } from "@excalidraw/excalidraw";
+const App = () => (
+  <Excalidraw
+    renderTopRightUI={(isMobile) => {
+      if (isMobile) {
+        return null;
+      }
+      return (
+        <LiveCollaborationTrigger
+          isCollaborating={isCollaborating}
+          onSelect={() => setCollabDialogShown(true)}
+        />
+      );
+    }}
+  />
+);
+```
+
 ### Props
 
 | Name | Type | Default | Description |
@@ -726,7 +753,6 @@ Hint for the help dialog. Supply `children` to customize the hint text.
 | [`onChange`](#onChange) | Function |  | This callback is triggered whenever the component updates due to any change. This callback will receive the excalidraw elements and the current app state. |
 | [`initialData`](#initialData) | <code>{elements?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a>, appState?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState<a> } </code> | null | The initial data with which app loads. |
 | [`ref`](#ref) | [`createRef`](https://reactjs.org/docs/refs-and-the-dom.html#creating-refs) &#124; [`useRef`](https://reactjs.org/docs/hooks-reference.html#useref) &#124; [`callbackRef`](https://reactjs.org/docs/refs-and-the-dom.html#callback-refs) &#124; <code>{ current: { readyPromise: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L317">resolvablePromise</a> } }</code> |  | Ref to be passed to Excalidraw |
-| [`onCollabButtonClick`](#onCollabButtonClick) | Function |  | Callback to be triggered when the collab button is clicked |
 | [`isCollaborating`](#isCollaborating) | `boolean` |  | This implies if the app is in collaboration mode |
 | [`onPointerUpdate`](#onPointerUpdate) | Function |  | Callback triggered when mouse pointer is updated. |
 | [`langCode`](#langCode) | string | `en` | Language code string |
@@ -900,10 +926,6 @@ You can use this function to update the library. It accepts the below attributes
 
 Adds supplied files data to the `appState.files` cache on top of existing files present in the cache.
 
-#### `onCollabButtonClick`
-
-This callback is triggered when clicked on the collab button in excalidraw. If not supplied, the collab dialog button is not rendered.
-
 #### `isCollaborating`
 
 This prop indicates if the app is in collaboration mode.
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 57621a17d..21f91ecd4 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -72,24 +72,13 @@ const {
   Sidebar,
   Footer,
   MainMenu,
+  LiveCollaborationTrigger,
 } = window.ExcalidrawLib;
 
 const COMMENT_ICON_DIMENSION = 32;
 const COMMENT_INPUT_HEIGHT = 50;
 const COMMENT_INPUT_WIDTH = 150;
 
-const renderTopRightUI = () => {
-  return (
-    <button
-      onClick={() => alert("This is dummy top right UI")}
-      style={{ height: "2.5rem" }}
-    >
-      {" "}
-      Click me{" "}
-    </button>
-  );
-};
-
 export default function App() {
   const appRef = useRef<any>(null);
   const [viewModeEnabled, setViewModeEnabled] = useState(false);
@@ -148,6 +137,28 @@ export default function App() {
     fetchData();
   }, [excalidrawAPI]);
 
+  const renderTopRightUI = (isMobile: boolean) => {
+    return (
+      <>
+        {!isMobile && (
+          <LiveCollaborationTrigger
+            isCollaborating={isCollaborating}
+            onSelect={() => {
+              window.alert("Collab dialog clicked");
+            }}
+          />
+        )}
+        <button
+          onClick={() => alert("This is dummy top right UI")}
+          style={{ height: "2.5rem" }}
+        >
+          {" "}
+          Click me{" "}
+        </button>
+      </>
+    );
+  };
+
   const loadSceneOrLibrary = async () => {
     const file = await fileOpen({ description: "Excalidraw or library file" });
     const contents = await loadSceneOrLibraryFromBlob(file, null, null);
@@ -489,12 +500,10 @@ export default function App() {
         <MainMenu.DefaultItems.SaveAsImage />
         <MainMenu.DefaultItems.Export />
         <MainMenu.Separator />
-        {isCollaborating && (
-          <MainMenu.DefaultItems.LiveCollaboration
-            onSelect={() => window.alert("You clicked on collab button")}
-            isCollaborating={isCollaborating}
-          />
-        )}
+        <MainMenu.DefaultItems.LiveCollaborationTrigger
+          isCollaborating={isCollaborating}
+          onSelect={() => window.alert("You clicked on collab button")}
+        />
         <MainMenu.Group title="Excalidraw links">
           <MainMenu.DefaultItems.Socials />
         </MainMenu.Group>
@@ -508,6 +517,7 @@ export default function App() {
           </button>
         </MainMenu.ItemCustom>
         <MainMenu.DefaultItems.Help />
+
         {excalidrawAPI && <MobileFooter excalidrawAPI={excalidrawAPI} />}
       </MainMenu>
     );
@@ -677,9 +687,6 @@ export default function App() {
               button: "down" | "up";
               pointersMap: Gesture["pointers"];
             }) => setPointerData(payload)}
-            onCollabButtonClick={() =>
-              window.alert("You clicked on collab button")
-            }
             viewModeEnabled={viewModeEnabled}
             zenModeEnabled={zenModeEnabled}
             gridModeEnabled={gridModeEnabled}
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index d56bffb62..52c3b4897 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -14,13 +14,13 @@ import { jotaiScope, jotaiStore } from "../../jotai";
 import Footer from "../../components/footer/FooterCenter";
 import MainMenu from "../../components/main-menu/MainMenu";
 import WelcomeScreen from "../../components/welcome-screen/WelcomeScreen";
+import LiveCollaborationTrigger from "../../components/live-collaboration/LiveCollaborationTrigger";
 
 const ExcalidrawBase = (props: ExcalidrawProps) => {
   const {
     onChange,
     initialData,
     excalidrawRef,
-    onCollabButtonClick,
     isCollaborating = false,
     onPointerUpdate,
     renderTopRightUI,
@@ -94,7 +94,6 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
           onChange={onChange}
           initialData={initialData}
           excalidrawRef={excalidrawRef}
-          onCollabButtonClick={onCollabButtonClick}
           isCollaborating={isCollaborating}
           onPointerUpdate={onPointerUpdate}
           renderTopRightUI={renderTopRightUI}
@@ -246,3 +245,4 @@ export { Footer };
 export { MainMenu };
 export { useDevice } from "../../components/App";
 export { WelcomeScreen };
+export { LiveCollaborationTrigger };
diff --git a/src/types.ts b/src/types.ts
index 343789e5b..60e25e0ec 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -287,7 +287,6 @@ export interface ExcalidrawProps {
     | null
     | Promise<ExcalidrawInitialDataState | null>;
   excalidrawRef?: ForwardRef<ExcalidrawAPIRefValue>;
-  onCollabButtonClick?: () => void;
   isCollaborating?: boolean;
   onPointerUpdate?: (payload: {
     pointer: { x: number; y: number };

From 99fdffdab70bbd9ce2b8e3511700cbae9ef991f7 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 13 Jan 2023 00:57:25 +0530
Subject: [PATCH 038/252] fix: mobile tools positioning (#6107)

* fix: mobile tools positioning

* add var for padding

* use css var

* new line

* stupid mistake

* lint
---
 src/components/FixedSideContainer.scss | 10 ++++++----
 src/css/styles.scss                    |  4 ++--
 src/css/theme.scss                     |  1 +
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/FixedSideContainer.scss b/src/components/FixedSideContainer.scss
index 85d0ef083..a485d6d25 100644
--- a/src/components/FixedSideContainer.scss
+++ b/src/components/FixedSideContainer.scss
@@ -1,3 +1,5 @@
+@import "../css/variables.module";
+
 .excalidraw {
   .FixedSideContainer {
     position: absolute;
@@ -9,10 +11,10 @@
   }
 
   .FixedSideContainer_side_top {
-    left: 1rem;
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
+    left: var(--editor-container-padding);
+    top: var(--editor-container-padding);
+    right: var(--editor-container-padding);
+    bottom: var(--editor-container-padding);
     z-index: 2;
   }
 
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 42c111c3d..cff9aaf9e 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -541,8 +541,8 @@
 
   .mobile-misc-tools-container {
     position: absolute;
-    top: 5rem;
-    right: 0;
+    top: calc(5rem - var(--editor-container-padding));
+    right: calc(var(--editor-container-padding) * -1);
     display: flex;
     flex-direction: column;
     border: 1px solid var(--sidebar-border-color);
diff --git a/src/css/theme.scss b/src/css/theme.scss
index ebf713983..90b1bcdea 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -42,6 +42,7 @@
   --default-icon-size: 1rem;
   --lg-button-size: 2.25rem;
   --lg-icon-size: 1rem;
+  --editor-container-padding: 1rem;
 
   @media screen and (min-device-width: 1921px) {
     --lg-button-size: 2.5rem;

From 893c487addd6618e4af57af84dc0301ffbbd3d58 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 13 Jan 2023 15:44:33 +0530
Subject: [PATCH 039/252] fix: remove overflow hidden from button (#6110)

remove overflow hidden from button
---
 src/components/Button.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Button.scss b/src/components/Button.scss
index 1ad22cb80..9abcf59d1 100644
--- a/src/components/Button.scss
+++ b/src/components/Button.scss
@@ -3,6 +3,5 @@
 .excalidraw {
   .excalidraw-button {
     @include outlineButtonStyles;
-    overflow: hidden;
   }
 }

From c7a11f5cd267dd8703bba4edea5b4ad7f93950e3 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 13 Jan 2023 16:08:29 +0530
Subject: [PATCH 040/252] =?UTF-8?q?docs:=20release=20@excalidraw/excalidra?=
 =?UTF-8?q?w@0.14.0=20=20=F0=9F=8E=89=20(#6109)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/excalidraw/CHANGELOG.md | 162 ++++++++++++++++++++++++++-
 src/packages/excalidraw/package.json |   2 +-
 2 files changed, 162 insertions(+), 2 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 85b1e114a..6bb3ea4bf 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,7 +11,7 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
-## Unreleased
+## 0.14.0 (2023-01-13)
 
 ### Features
 
@@ -36,6 +36,166 @@ Please add the latest change on the top under the correct section.
 
 - Merged `appState.currentItemStrokeSharpness` and `appState.currentItemLinearStrokeSharpness` into `appState.currentItemRoundness`. Renamed `changeSharpness` action to `changeRoundness`. Excalidraw element's `strokeSharpness` was changed to `roundness`. Check the PR for types and more details [#5553](https://github.com/excalidraw/excalidraw/pull/5553).
 
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Generic button export [#6092](https://github.com/excalidraw/excalidraw/pull/6092)
+
+- Scroll using PageUp and PageDown [#6038](https://github.com/excalidraw/excalidraw/pull/6038)
+
+- Support shrinking text containers to original height when text removed [#6025](https://github.com/excalidraw/excalidraw/pull/6025)
+
+- Move contextMenu into the component tree and control via appState [#6021](https://github.com/excalidraw/excalidraw/pull/6021)
+
+- Allow readonly actions to be used in viewMode [#5982](https://github.com/excalidraw/excalidraw/pull/5982)
+
+- Support labels for arrow 🔥 [#5723](https://github.com/excalidraw/excalidraw/pull/5723)
+
+- Don't add midpoint until dragged beyond a threshold [#5927](https://github.com/excalidraw/excalidraw/pull/5927)
+
+- Changed text copy/paste behaviour [#5786](https://github.com/excalidraw/excalidraw/pull/5786)
+
+- Reintroduce `x` shortcut for `freedraw` [#5840](https://github.com/excalidraw/excalidraw/pull/5840)
+
+- Tweak toolbar shortcuts & remove library shortcut [#5832](https://github.com/excalidraw/excalidraw/pull/5832)
+
+- Clean unused images only after 24hrs (local-only) [#5839](https://github.com/excalidraw/excalidraw/pull/5839)
+
+- Refetch errored/pending images on collab room init load [#5833](https://github.com/excalidraw/excalidraw/pull/5833)
+
+- Stop deleting whole line when no point select in line editor [#5676](https://github.com/excalidraw/excalidraw/pull/5676)
+
+- Editor redesign 🔥 [#5780](https://github.com/excalidraw/excalidraw/pull/5780)
+
+### Fixes
+
+- remove overflow hidden from button [#6110](https://github.com/excalidraw/excalidraw/pull/6110)
+
+- Mobile tools positioning [#6107](https://github.com/excalidraw/excalidraw/pull/6107)
+
+- Renamed folder MainMenu->main-menu and support rest props [#6103](https://github.com/excalidraw/excalidraw/pull/6103)
+
+- Use position absolute for mobile misc tools [#6099](https://github.com/excalidraw/excalidraw/pull/6099)
+
+- React.memo resolvers not accounting for all props [#6042](https://github.com/excalidraw/excalidraw/pull/6042)
+
+- Image horizontal flip fix + improved tests [#5799](https://github.com/excalidraw/excalidraw/pull/5799)
+
+- Png-exporting does not preserve angles correctly for flipped images [#6085](https://github.com/excalidraw/excalidraw/pull/6085)
+
+- Stale appState of MainMenu defaultItems rendered from Actions [#6074](https://github.com/excalidraw/excalidraw/pull/6074)
+
+- HelpDialog [#6072](https://github.com/excalidraw/excalidraw/pull/6072)
+
+- Show error message on collab save failure [#6063](https://github.com/excalidraw/excalidraw/pull/6063)
+
+- Remove ga from docker build [#6059](https://github.com/excalidraw/excalidraw/pull/6059)
+
+- Use displayName since name gets stripped off when uglifying/minifiyng in production [#6036](https://github.com/excalidraw/excalidraw/pull/6036)
+
+- Remove background from wysiwyg when editing arrow label [#6033](https://github.com/excalidraw/excalidraw/pull/6033)
+
+- Use canvas measureText to calculate width in measureText [#6030](https://github.com/excalidraw/excalidraw/pull/6030)
+
+- Restoring deleted bindings [#6029](https://github.com/excalidraw/excalidraw/pull/6029)
+
+- ColorPicker getColor [#5949](https://github.com/excalidraw/excalidraw/pull/5949)
+
+- Don't push whitespace to next line when exceeding max width during wrapping and make sure to use same width of text editor on DOM when measuring dimensions [#5996](https://github.com/excalidraw/excalidraw/pull/5996)
+
+- Showing `grabbing` cursor when holding `spacebar` [#6015](https://github.com/excalidraw/excalidraw/pull/6015)
+
+- Resize sometimes throwing on missing null-checks [#6013](https://github.com/excalidraw/excalidraw/pull/6013)
+
+- PWA not working after CRA@5 update [#6012](https://github.com/excalidraw/excalidraw/pull/6012)
+
+- Not properly restoring element stroke and bg colors [#6002](https://github.com/excalidraw/excalidraw/pull/6002)
+
+- Avatar outline on safari & center [#5997](https://github.com/excalidraw/excalidraw/pull/5997)
+
+- Chart pasting not working due to removing tab characters [#5987](https://github.com/excalidraw/excalidraw/pull/5987)
+
+- Apply the right type of roundness when pasting styles [#5979](https://github.com/excalidraw/excalidraw/pull/5979)
+
+- Remove editor onpaste handler [#5971](https://github.com/excalidraw/excalidraw/pull/5971)
+
+- Remove blank space [#5950](https://github.com/excalidraw/excalidraw/pull/5950)
+
+- Galego and Kurdî missing in languages plus two locale typos [#5954](https://github.com/excalidraw/excalidraw/pull/5954)
+
+- `ExcalidrawArrowElement` rather than `ExcalidrawArrowEleement` [#5955](https://github.com/excalidraw/excalidraw/pull/5955)
+
+- RenderFooter styling [#5962](https://github.com/excalidraw/excalidraw/pull/5962)
+
+- Repair element bindings on restore [#5956](https://github.com/excalidraw/excalidraw/pull/5956)
+
+- Don't allow whitespaces for bound text [#5939](https://github.com/excalidraw/excalidraw/pull/5939)
+
+- Bindings do not survive history serialization [#5942](https://github.com/excalidraw/excalidraw/pull/5942)
+
+- Dedupe boundElement ids when container duplicated with alt+drag [#5938](https://github.com/excalidraw/excalidraw/pull/5938)
+
+- Scale font correctly when using shift [#5935](https://github.com/excalidraw/excalidraw/pull/5935)
+
+- Always bind to container selected by user [#5880](https://github.com/excalidraw/excalidraw/pull/5880)
+
+- Fonts not rendered on init if `loadingdone` not fired [#5923](https://github.com/excalidraw/excalidraw/pull/5923)
+
+- Stop replacing `del` word with `Delete` [#5897](https://github.com/excalidraw/excalidraw/pull/5897)
+
+- Remove legacy React.render() from the editor [#5893](https://github.com/excalidraw/excalidraw/pull/5893)
+
+- Allow adding text via enter only for text containers [#5891](https://github.com/excalidraw/excalidraw/pull/5891)
+
+- Stop font `loadingdone` loop when rendering element SVGs [#5883](https://github.com/excalidraw/excalidraw/pull/5883)
+
+- Refresh text dimensions only after font load done [#5878](https://github.com/excalidraw/excalidraw/pull/5878)
+
+- Correctly paste contents parsed by `JSON.parse()` as text. [#5868](https://github.com/excalidraw/excalidraw/pull/5868)
+
+- SVG element attributes in icons.tsx [#5871](https://github.com/excalidraw/excalidraw/pull/5871)
+
+- Merge existing text with new when pasted [#5856](https://github.com/excalidraw/excalidraw/pull/5856)
+
+- Disable FAST_REFRESH to fix live reload [#5852](https://github.com/excalidraw/excalidraw/pull/5852)
+
+- Paste clipboard contents into unbound text elements [#5849](https://github.com/excalidraw/excalidraw/pull/5849)
+
+- Compute dimensions of container correctly when text pasted on container [#5845](https://github.com/excalidraw/excalidraw/pull/5845)
+
+- Line editor points rendering below elements [#5781](https://github.com/excalidraw/excalidraw/pull/5781)
+
+- Syncing 1-point lines to remote clients [#5677](https://github.com/excalidraw/excalidraw/pull/5677)
+
+- Incorrectly selecting linear elements on creation while tool-locked [#5785](https://github.com/excalidraw/excalidraw/pull/5785)
+
+- Corrected typo in toggle theme shortcut [#5813](https://github.com/excalidraw/excalidraw/pull/5813)
+
+- Hide canvas-modifying UI in view mode [#5815](https://github.com/excalidraw/excalidraw/pull/5815)
+
+- Fix vertical/horizntal centering icons [#5812](https://github.com/excalidraw/excalidraw/pull/5812)
+
+- Consistent use of ZOOM_STEP [#5801](https://github.com/excalidraw/excalidraw/pull/5801)
+
+- Multiple elements resizing regressions [#5586](https://github.com/excalidraw/excalidraw/pull/5586)
+
+- Changelog typo [#5795](https://github.com/excalidraw/excalidraw/pull/5795)
+
+### Refactor
+
+- Remove unnecessary code [#5933](https://github.com/excalidraw/excalidraw/pull/5933)
+
+### Build
+
+- Move release scripts to use release branch [#5958](https://github.com/excalidraw/excalidraw/pull/5958)
+
+- Stops ignoring .env files from docker context so env variables get set during react app build. [#5809](https://github.com/excalidraw/excalidraw/pull/5809)
+
+---
+
 ## 0.13.0 (2022-10-27)
 
 ### Excalidraw API
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index b830dc619..2858333df 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

From d6a5ef19367c366ea9dc15d1f17569d829163828 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 16 Jan 2023 16:08:03 +0530
Subject: [PATCH 041/252] =?UTF-8?q?docs:=20release=20@excalidraw/excalidra?=
 =?UTF-8?q?w@0.14.1=20=F0=9F=8E=89=20(#6112)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/excalidraw/CHANGELOG.md | 8 ++++++--
 src/packages/excalidraw/package.json | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 6bb3ea4bf..1dd0e0be4 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,6 +11,12 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## 0.14.1 (2023-01-16)
+
+### Fixes
+
+- remove overflow hidden from button [#6110](https://github.com/excalidraw/excalidraw/pull/6110). This fixes the collaborator count css in the [LiveCollaborationTrigger](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#LiveCollaborationTrigger) component.
+
 ## 0.14.0 (2023-01-13)
 
 ### Features
@@ -72,8 +78,6 @@ Please add the latest change on the top under the correct section.
 
 ### Fixes
 
-- remove overflow hidden from button [#6110](https://github.com/excalidraw/excalidraw/pull/6110)
-
 - Mobile tools positioning [#6107](https://github.com/excalidraw/excalidraw/pull/6107)
 
 - Renamed folder MainMenu->main-menu and support rest props [#6103](https://github.com/excalidraw/excalidraw/pull/6103)
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 2858333df..27c2e0446 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

From d0b33d35db37f695f3962ac463c10c1c7fbe1a9c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 19 Jan 2023 13:50:42 +0100
Subject: [PATCH 042/252] build: temporarily disable pre-commit (#6132)

---
 .husky/pre-commit | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.husky/pre-commit b/.husky/pre-commit
index 521508d8e..ab2a5ac5f 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,2 +1,2 @@
 #!/bin/sh
-yarn lint-staged
+# yarn lint-staged

From 0f1720be618ecfc180425ad2de98551c51b14a88 Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Sun, 22 Jan 2023 12:19:21 +0100
Subject: [PATCH 043/252] chore: Update translations from Crowdin (#6077)

---
 src/locales/ar-SA.json       | 26 +++++++++++--------
 src/locales/bg-BG.json       | 16 ++++++++----
 src/locales/bn-BD.json       | 16 ++++++++----
 src/locales/ca-ES.json       | 16 ++++++++----
 src/locales/cs-CZ.json       | 16 ++++++++----
 src/locales/da-DK.json       | 16 ++++++++----
 src/locales/de-DE.json       | 28 ++++++++++++---------
 src/locales/el-GR.json       | 44 +++++++++++++++++++--------------
 src/locales/es-ES.json       | 16 ++++++++----
 src/locales/eu-ES.json       | 30 +++++++++++++---------
 src/locales/fa-IR.json       | 16 ++++++++----
 src/locales/fi-FI.json       | 16 ++++++++----
 src/locales/fr-FR.json       | 16 ++++++++----
 src/locales/gl-ES.json       | 20 +++++++++------
 src/locales/he-IL.json       | 16 ++++++++----
 src/locales/hi-IN.json       | 16 ++++++++----
 src/locales/hu-HU.json       | 16 ++++++++----
 src/locales/id-ID.json       | 20 +++++++++------
 src/locales/it-IT.json       | 20 +++++++++------
 src/locales/ja-JP.json       | 16 ++++++++----
 src/locales/kab-KAB.json     | 22 +++++++++++------
 src/locales/kk-KZ.json       | 16 ++++++++----
 src/locales/ko-KR.json       | 40 +++++++++++++++++-------------
 src/locales/ku-TR.json       | 16 ++++++++----
 src/locales/lt-LT.json       | 16 ++++++++----
 src/locales/lv-LV.json       | 16 ++++++++----
 src/locales/mr-IN.json       | 16 ++++++++----
 src/locales/my-MM.json       | 16 ++++++++----
 src/locales/nb-NO.json       | 16 ++++++++----
 src/locales/nl-NL.json       | 18 +++++++++-----
 src/locales/nn-NO.json       | 16 ++++++++----
 src/locales/oc-FR.json       | 16 ++++++++----
 src/locales/pa-IN.json       | 16 ++++++++----
 src/locales/percentages.json | 48 ++++++++++++++++++------------------
 src/locales/pl-PL.json       | 16 ++++++++----
 src/locales/pt-BR.json       | 16 ++++++++----
 src/locales/pt-PT.json       | 30 +++++++++++++---------
 src/locales/ro-RO.json       | 16 ++++++++----
 src/locales/ru-RU.json       | 16 ++++++++----
 src/locales/si-LK.json       | 16 ++++++++----
 src/locales/sk-SK.json       | 20 +++++++++------
 src/locales/sl-SI.json       | 16 ++++++++----
 src/locales/sv-SE.json       | 16 ++++++++----
 src/locales/ta-IN.json       | 16 ++++++++----
 src/locales/tr-TR.json       | 26 +++++++++++--------
 src/locales/uk-UA.json       | 16 ++++++++----
 src/locales/vi-VN.json       | 16 ++++++++----
 src/locales/zh-CN.json       | 16 ++++++++----
 src/locales/zh-HK.json       | 16 ++++++++----
 src/locales/zh-TW.json       | 16 ++++++++----
 50 files changed, 631 insertions(+), 337 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 938db0977..8594200c0 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "لصق",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "اللصق كنص عادي",
     "pasteCharts": "لصق الرسوم البيانية",
     "selectAll": "تحديد الكل",
     "multiSelect": "إضافة عنصر للتحديد",
@@ -66,13 +66,13 @@
     "cartoonist": "كرتوني",
     "fileTitle": "إسم الملف",
     "colorPicker": "منتقي اللون",
-    "canvasColors": "",
+    "canvasColors": "تستخدم على القماش",
     "canvasBackground": "خلفية اللوحة",
     "drawingCanvas": "لوحة الرسم",
     "layers": "الطبقات",
     "actions": "الإجراءات",
     "language": "اللغة",
-    "liveCollaboration": "",
+    "liveCollaboration": "التعاون المباشر...",
     "duplicateSelection": "تكرار",
     "untitled": "غير معنون",
     "name": "الاسم",
@@ -108,7 +108,7 @@
     "excalidrawLib": "مكتبتنا",
     "decreaseFontSize": "تصغير حجم الخط",
     "increaseFontSize": "تكبير حجم الخط",
-    "unbindText": "",
+    "unbindText": "فك ربط النص",
     "bindText": "",
     "link": {
       "edit": "تعديل الرابط",
@@ -145,7 +145,7 @@
     "scale": "مقاس",
     "save": "احفظ للملف الحالي",
     "saveAs": "حفظ كـ",
-    "load": "",
+    "load": "فتح",
     "getShareableLink": "احصل على رابط المشاركة",
     "close": "غلق",
     "selectLanguage": "اختر اللغة",
@@ -447,10 +447,16 @@
     "d9480f": "برتقالي 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index ef2710b41..06f45a9a7 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 6dbaa9967..2bac711c1 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index ef6e33502..e529383b6 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -447,10 +447,16 @@
     "d9480f": "Taronja 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index aa801607a..7dddb1116 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -447,10 +447,16 @@
     "d9480f": "Oranzova"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 8f3cde90f..6f3876dcf 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index e1c66ac48..f5dd739d1 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -99,14 +99,14 @@
     "flipHorizontal": "Horizontal spiegeln",
     "flipVertical": "Vertikal spiegeln",
     "viewMode": "Ansichtsmodus",
-    "toggleExportColorScheme": "Exportfarbschema umschalten",
+    "toggleExportColorScheme": "Farbschema für Export umschalten",
     "share": "Teilen",
     "showStroke": "Auswahl für Strichfarbe anzeigen",
     "showBackground": "Hintergrundfarbe auswählen",
-    "toggleTheme": "Thema umschalten",
+    "toggleTheme": "Design umschalten",
     "personalLib": "Persönliche Bibliothek",
-    "excalidrawLib": "Excalidraw-Bibliothek",
-    "decreaseFontSize": "Schrift verkleinern",
+    "excalidrawLib": "Excalidraw Bibliothek",
+    "decreaseFontSize": "Schriftgröße verkleinern",
     "increaseFontSize": "Schrift vergrößern",
     "unbindText": "Text lösen",
     "bindText": "Text an Container binden",
@@ -161,8 +161,8 @@
     "resetLibrary": "Bibliothek zurücksetzen",
     "createNewRoom": "Neuen Raum erstellen",
     "fullScreen": "Vollbildanzeige",
-    "darkMode": "Dunkler Modus",
-    "lightMode": "Heller Modus",
+    "darkMode": "Dunkles Design",
+    "lightMode": "Helles Design",
     "zenMode": "Zen-Modus",
     "exitZenMode": "Zen-Modus verlassen",
     "cancel": "Abbrechen",
@@ -447,10 +447,16 @@
     "d9480f": "Orange 9"
   },
   "welcomeScreen": {
-    "data": "Alle Daten werden lokal in Deinem Browser gespeichert.",
-    "switchToPlusApp": "Möchtest du stattdessen zu Excalidraw+ gehen?",
-    "menuHints": "Exportieren, Einstellungen, Sprachen, ...",
-    "toolbarHints": "Wähle ein Werkzeug & beginne zu zeichnen!",
-    "helpHints": "Kurzbefehle & Hilfe"
+    "app": {
+      "center_heading": "Alle Daten werden lokal in Deinem Browser gespeichert.",
+      "center_heading_plus": "Möchtest du stattdessen zu Excalidraw+ gehen?",
+      "menuHint": "Exportieren, Einstellungen, Sprachen, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportieren, Einstellungen und mehr...",
+      "center_heading": "Diagramme. Einfach. Gemacht.",
+      "toolbarHint": "Wähle ein Werkzeug & beginne zu zeichnen!",
+      "helpHint": "Kurzbefehle & Hilfe"
+    }
   }
 }
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index 0ad867f00..a603bd18f 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Επικόλληση",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Επικόλληση ως απλό κείμενο",
     "pasteCharts": "Επικόλληση γραφημάτων",
     "selectAll": "Επιλογή όλων",
     "multiSelect": "Προσθέστε το στοιχείο στην επιλογή",
@@ -72,7 +72,7 @@
     "layers": "Στρώματα",
     "actions": "Ενέργειες",
     "language": "Γλώσσα",
-    "liveCollaboration": "",
+    "liveCollaboration": "Live συνεργασία...",
     "duplicateSelection": "Δημιουργία αντιγράφου",
     "untitled": "Χωρίς τίτλο",
     "name": "Όνομα",
@@ -116,8 +116,8 @@
       "label": "Σύνδεσμος"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Επεξεργασία γραμμής",
+      "exit": "Έξοδος επεξεργαστή κειμένου"
     },
     "elementLock": {
       "lock": "Κλείδωμα",
@@ -136,8 +136,8 @@
   "buttons": {
     "clearReset": "Επαναφορά του καμβά",
     "exportJSON": "Εξαγωγή σε αρχείο",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "Εξαγωγή εικόνας...",
+    "export": "Αποθήκευση ως...",
     "exportToPng": "Εξαγωγή σε PNG",
     "exportToSvg": "Εξαγωγή σε SVG",
     "copyToClipboard": "Αντιγραφή στο πρόχειρο",
@@ -145,7 +145,7 @@
     "scale": "Κλίμακα",
     "save": "Αποθήκευση στο τρέχον αρχείο",
     "saveAs": "Αποθήκευση ως",
-    "load": "",
+    "load": "Άνοιγμα",
     "getShareableLink": "Δημόσιος σύνδεσμος",
     "close": "Κλείσιμο",
     "selectLanguage": "Επιλογή γλώσσας",
@@ -202,8 +202,8 @@
     "invalidSVGString": "Μη έγκυρο SVG.",
     "cannotResolveCollabServer": "Αδυναμία σύνδεσης με τον διακομιστή συνεργασίας. Παρακαλώ ανανεώστε τη σελίδα και προσπαθήστε ξανά.",
     "importLibraryError": "Αδυναμία φόρτωσης βιβλιοθήκης",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή. Αν το προβλήματα παραμείνει, θα πρέπει να αποθηκεύσετε το αρχείο σας τοπικά για να βεβαιωθείτε ότι δεν χάνετε την εργασία σας.",
+    "collabSaveFailed_sizeExceeded": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή, ο καμβάς φαίνεται να είναι πολύ μεγάλος. Θα πρέπει να αποθηκεύσετε το αρχείο τοπικά για να βεβαιωθείτε ότι δεν θα χάσετε την εργασία σας."
   },
   "toolBar": {
     "selection": "Επιλογή",
@@ -217,7 +217,7 @@
     "text": "Κείμενο",
     "library": "Βιβλιοθήκη",
     "lock": "Κράτησε επιλεγμένο το εργαλείο μετά το σχέδιο",
-    "penMode": "",
+    "penMode": "Λειτουργία μολυβιού - αποτροπή αφής",
     "link": "Προσθήκη/ Ενημέρωση συνδέσμου για ένα επιλεγμένο σχήμα",
     "eraser": "Γόμα"
   },
@@ -238,7 +238,7 @@
     "resize": "Μπορείς να περιορίσεις τις αναλογίες κρατώντας το SHIFT ενώ αλλάζεις μέγεθος,\nκράτησε πατημένο το ALT για αλλαγή μεγέθους από το κέντρο",
     "resizeImage": "Μπορείτε να αλλάξετε το μέγεθος ελεύθερα κρατώντας πατημένο το SHIFT,\nκρατήστε πατημένο το ALT για να αλλάξετε το μέγεθος από το κέντρο",
     "rotate": "Μπορείς να περιορίσεις τις γωνίες κρατώντας πατημένο το πλήκτρο SHIFT κατά την περιστροφή",
-    "lineEditor_info": "",
+    "lineEditor_info": "Κρατήστε πατημένο Ctrl ή Cmd και πατήστε το πλήκτρο Ctrl ή Cmd + Enter για επεξεργασία σημείων",
     "lineEditor_pointSelected": "Πατήστε Διαγραφή για αφαίρεση σημείου(ων),\nCtrlOrCmd+D για αντιγραφή, ή σύρετε για μετακίνηση",
     "lineEditor_nothingSelected": "Επιλέξτε ένα σημείο για να επεξεργαστείτε (κρατήστε πατημένο το SHIFT για να επιλέξετε πολλαπλά),\nή κρατήστε πατημένο το Alt και κάντε κλικ για να προσθέσετε νέα σημεία",
     "placeImage": "Κάντε κλικ για να τοποθετήσετε την εικόνα ή κάντε κλικ και σύρετε για να ορίσετε το μέγεθός της χειροκίνητα",
@@ -314,8 +314,8 @@
     "zoomToFit": "Zoom ώστε να χωρέσουν όλα τα στοιχεία",
     "zoomToSelection": "Ζουμ στην επιλογή",
     "toggleElementLock": "Κλείδωμα/Ξεκλείδωμα επιλογής",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Μετακίνηση σελίδας πάνω/κάτω",
+    "movePageLeftRight": "Μετακίνηση σελίδας αριστερά/δεξιά"
   },
   "clearCanvasDialog": {
     "title": "Καθαρισμός καμβά"
@@ -397,7 +397,7 @@
     "fileSavedToFilename": "Αποθηκεύτηκε στο {filename}",
     "canvas": "καμβάς",
     "selection": "επιλογή",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Χρησιμοποίησε το {{shortcut}} για να επικολλήσεις ως ένα μόνο στοιχείο,\nή να επικολλήσεις σε έναν υπάρχοντα επεξεργαστή κειμένου"
   },
   "colors": {
     "ffffff": "Λευκό",
@@ -447,10 +447,16 @@
     "d9480f": "Πορτοκαλί 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "Όλα τα δεδομένα σας αποθηκεύονται τοπικά στο πρόγραμμα περιήγησης.",
+      "center_heading_plus": "Μήπως θέλατε να πάτε στο Excalidraw+;",
+      "menuHint": "Εξαγωγή, προτιμήσεις, γλώσσες, ..."
+    },
+    "defaults": {
+      "menuHint": "Εξαγωγή, προτιμήσεις και άλλες επιλογές...",
+      "center_heading": "Διαγράμματα. Εύκολα. Γρήγορα.",
+      "toolbarHint": "Επιλέξτε ένα εργαλείο και ξεκινήστε να σχεδιάζεται!",
+      "helpHint": "Συντομεύσεις και βοήθεια"
+    }
   }
 }
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index de2d76a98..81fa8efbb 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -447,10 +447,16 @@
     "d9480f": "Naranja 9"
   },
   "welcomeScreen": {
-    "data": "Toda su información es guardada localmente en su navegador.",
-    "switchToPlusApp": "¿Quieres ir a Excalidraw+ en su lugar?",
-    "menuHints": "Exportar, preferencias, idiomas, ...",
-    "toolbarHints": "¡Escoge una herramienta & Empiece a dibujar!",
-    "helpHints": "Atajos & ayuda"
+    "app": {
+      "center_heading": "Toda su información es guardada localmente en su navegador.",
+      "center_heading_plus": "¿Quieres ir a Excalidraw+?",
+      "menuHint": "Exportar, preferencias, idiomas, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportar, preferencias y más...",
+      "center_heading": "Diagramas. Hecho. Simplemente.",
+      "toolbarHint": "¡Elige una herramienta y empieza a dibujar!",
+      "helpHint": "Atajos & ayuda"
+    }
   }
 }
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 00e45209e..c606112cc 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Itsatsi",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Itsatsi testu arrunt gisa",
     "pasteCharts": "Itsatsi grafikoak",
     "selectAll": "Hautatu dena",
     "multiSelect": "Gehitu elementua hautapenera",
@@ -202,8 +202,8 @@
     "invalidSVGString": "SVG baliogabea.",
     "cannotResolveCollabServer": "Ezin izan da elkarlaneko zerbitzarira konektatu. Mesedez, berriro kargatu orria eta saiatu berriro.",
     "importLibraryError": "Ezin izan da liburutegia kargatu",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Ezin izan da backend datu-basean gorde. Arazoak jarraitzen badu, zure fitxategia lokalean gorde beharko zenuke zure lana ez duzula galtzen ziurtatzeko.",
+    "collabSaveFailed_sizeExceeded": "Ezin izan da backend datu-basean gorde, ohiala handiegia dela dirudi. Fitxategia lokalean gorde beharko zenuke zure lana galtzen ez duzula ziurtatzeko."
   },
   "toolBar": {
     "selection": "Hautapena",
@@ -238,7 +238,7 @@
     "resize": "Proportzioak mantendu ditzakezu SHIFT sakatuta tamaina aldatzen duzun bitartean.\nsakatu ALT erditik tamaina aldatzeko",
     "resizeImage": "Tamaina libreki alda dezakezu SHIFT sakatuta,\nsakatu ALT erditik tamaina aldatzeko",
     "rotate": "Angeluak mantendu ditzakezu SHIFT sakatuta biratzen duzun bitartean",
-    "lineEditor_info": "",
+    "lineEditor_info": "Eutsi sakatuta Ctrl edo Cmd eta egin klik bikoitza edo sakatu Ctrl edo Cmd + Sartu puntuak editatzeko",
     "lineEditor_pointSelected": "Sakatu Ezabatu puntuak kentzeko,\nKtrl+D bikoizteko, edo arrastatu mugitzeko",
     "lineEditor_nothingSelected": "Hautatu editatzeko puntu bat (SHIFT sakatuta anitz hautatzeko),\nedo eduki Alt sakatuta eta egin klik puntu berriak gehitzeko",
     "placeImage": "Egin klik irudia kokatzeko, edo egin klik eta arrastatu bere tamaina eskuz ezartzeko",
@@ -314,8 +314,8 @@
     "zoomToFit": "Egin zoom elementu guztiak ikusteko",
     "zoomToSelection": "Zooma hautapenera",
     "toggleElementLock": "Blokeatu/desbloketatu hautapena",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Mugitu orria gora/behera",
+    "movePageLeftRight": "Mugitu orria ezker/eskuin"
   },
   "clearCanvasDialog": {
     "title": "Garbitu oihala"
@@ -397,7 +397,7 @@
     "fileSavedToFilename": "{filename}-n gorde da",
     "canvas": "oihala",
     "selection": "hautapena",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Erabili {{shortcut}} elementu bakar gisa itsasteko,\nedo itsatsi lehendik dagoen testu-editore batean"
   },
   "colors": {
     "ffffff": "Zuria",
@@ -447,10 +447,16 @@
     "d9480f": "Laranja 9"
   },
   "welcomeScreen": {
-    "data": "Zure datu guztiak modu lokalean gordetzen dira zure nabigatzailean.",
-    "switchToPlusApp": "Horren ordez Excalidraw+-ra joan nahi al zenuen?",
-    "menuHints": "Esportatu, hobespenak, hizkuntzak,...",
-    "toolbarHints": "Aukeratu tresna bat eta hasi marrazten!",
-    "helpHints": "Lasterbideak eta laguntza"
+    "app": {
+      "center_heading": "Zure datu guztiak lokalean gordetzen dira zure nabigatzailean.",
+      "center_heading_plus": "Horren ordez Excalidraw+-era joan nahi al zenuen?",
+      "menuHint": "Esportatu, hobespenak, hizkuntzak..."
+    },
+    "defaults": {
+      "menuHint": "Esportatu, hobespenak eta gehiago...",
+      "center_heading": "Diagramak. Egina. Sinplea.",
+      "toolbarHint": "Aukeratu tresna bat eta hasi marrazten!",
+      "helpHint": "Lasterbideak eta laguntza"
+    }
   }
 }
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 03974771a..6d47df998 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -447,10 +447,16 @@
     "d9480f": "نارنجی 9"
   },
   "welcomeScreen": {
-    "data": "همه ی داده های شما به صورت محلی در مرورگر ذخیره میشود.",
-    "switchToPlusApp": "آیا ترجیح میدهید به Excalidraw+ بروید؟",
-    "menuHints": "خروجی گرفتن، تنظیمات، زبانها، ...",
-    "toolbarHints": "یک ابزار را انتخاب کنید و ترسیم را شروع کنید!",
-    "helpHints": "میانبرها و کمک"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index ba072d4fd..1f934d87b 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -447,10 +447,16 @@
     "d9480f": "Oranssi 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index df733033d..2d107b5d3 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -447,10 +447,16 @@
     "d9480f": "Orange 9"
   },
   "welcomeScreen": {
-    "data": "Toutes vos données sont sauvegardées en local dans votre navigateur.",
-    "switchToPlusApp": "Vous vouliez plutôt aller à Excalidraw+ ?",
-    "menuHints": "Exportation, préférences, langues, ...",
-    "toolbarHints": "Choisissez un outil et commencez à dessiner !",
-    "helpHints": "Raccourcis et aide"
+    "app": {
+      "center_heading": "Toutes vos données sont sauvegardées en local dans votre navigateur.",
+      "center_heading_plus": "Vouliez-vous plutôt aller à Excalidraw+ à la place ?",
+      "menuHint": "Exportation, préférences, langues, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportation, préférences et plus...",
+      "center_heading": "Diagrammes. Rendus. Simples.",
+      "toolbarHint": "Choisissez un outil et commencez à dessiner !",
+      "helpHint": "Raccourcis et aide"
+    }
   }
 }
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index f843c7089..677975018 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -202,8 +202,8 @@
     "invalidSVGString": "SVG inválido.",
     "cannotResolveCollabServer": "Non se puido conectar ao servidor de colaboración. Por favor recargue a páxina e probe de novo.",
     "importLibraryError": "Non se puido cargar a biblioteca",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Non se puido gardar na base de datos. Se o problema persiste, deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.",
+    "collabSaveFailed_sizeExceeded": "Non se puido gardar na base de datos, o lenzo semella demasiado grande. Deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo."
   },
   "toolBar": {
     "selection": "Selección",
@@ -447,10 +447,16 @@
     "d9480f": "Laranxa 9"
   },
   "welcomeScreen": {
-    "data": "Toda a información é gardada de maneira local no seu navegador.",
-    "switchToPlusApp": "Queres ir a Excalidraw+ no seu lugar?",
-    "menuHints": "Exportar, preferencias, idiomas, ...",
-    "toolbarHints": "Escolle unha ferramenta & Comeza a debuxar!",
-    "helpHints": "Atallos & axuda"
+    "app": {
+      "center_heading": "Toda a información é gardada de maneira local no seu navegador.",
+      "center_heading_plus": "Queres ir a Excalidraw+ no seu lugar?",
+      "menuHint": "Exportar, preferencias, idiomas, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportar, preferencias, e máis...",
+      "center_heading": "Diagramas. Feito. Sinxelo.",
+      "toolbarHint": "Escolle unha ferramenta & Comeza a debuxar!",
+      "helpHint": "Atallos & axuda"
+    }
   }
 }
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 24d1db079..ba81af3ca 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -447,10 +447,16 @@
     "d9480f": "כתום 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 56fac78d8..b70c0d255 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -447,10 +447,16 @@
     "d9480f": "नारंगी"
   },
   "welcomeScreen": {
-    "data": "आपका सर्व डेटा ब्राउज़र के भीतर स्थानिक जगह पे सुरक्षित किया गया.",
-    "switchToPlusApp": "बजाय आपको Excalidraw+ जगह जाना है?",
-    "menuHints": "निर्यात, पसंद, भाषायें, ...",
-    "toolbarHints": "औजार चुने और चित्रकारी प्रारंभ करे!",
-    "helpHints": "शॉर्ट्कट & सहाय्य"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 8938fe37e..84dc9f61c 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -447,10 +447,16 @@
     "d9480f": "Narancs 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 68d06d466..7804af62e 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -202,8 +202,8 @@
     "invalidSVGString": "SVG tidak valid.",
     "cannotResolveCollabServer": "Tidak dapat terhubung ke server kolab. Muat ulang laman dan coba lagi.",
     "importLibraryError": "Tidak dapat memuat pustaka",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Tidak dapat menyimpan ke dalam basis data server. Jika masih berlanjut, Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
+    "collabSaveFailed_sizeExceeded": "Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang."
   },
   "toolBar": {
     "selection": "Pilihan",
@@ -447,10 +447,16 @@
     "d9480f": "Jingga 9"
   },
   "welcomeScreen": {
-    "data": "Semua data Anda tersimpan secara lokal di browser.",
-    "switchToPlusApp": "Apa Anda ingin berpindah ke Excalidraw+?",
-    "menuHints": "Ekspor, preferensi, bahasa, ...",
-    "toolbarHints": "Ambil alat & mulai menggambar!",
-    "helpHints": "Pintasan & bantuan"
+    "app": {
+      "center_heading": "Semua data Anda disimpan secara lokal di peramban Anda.",
+      "center_heading_plus": "Apa Anda ingin berpindah ke Excalidraw+?",
+      "menuHint": "Ekspor, preferensi, bahasa, ..."
+    },
+    "defaults": {
+      "menuHint": "Ekspor, preferensi, dan selebihnya...",
+      "center_heading": "Diagram. Menjadi. Mudah.",
+      "toolbarHint": "Pilih alat & mulai menggambar!",
+      "helpHint": "Pintasan & bantuan"
+    }
   }
 }
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 5f57b042e..9ef1fba53 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -202,8 +202,8 @@
     "invalidSVGString": "SVG non valido.",
     "cannotResolveCollabServer": "Impossibile connettersi al server di collab. Ricarica la pagina e riprova.",
     "importLibraryError": "Impossibile caricare la libreria",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Impossibile salvare nel database di backend. Se i problemi persistono, dovresti salvare il tuo file localmente per assicurarti di non perdere il tuo lavoro.",
+    "collabSaveFailed_sizeExceeded": "Impossibile salvare nel database di backend, la tela sembra essere troppo grande. Dovresti salvare il file localmente per assicurarti di non perdere il tuo lavoro."
   },
   "toolBar": {
     "selection": "Selezione",
@@ -447,10 +447,16 @@
     "d9480f": "Arancio 9"
   },
   "welcomeScreen": {
-    "data": "Tutti i tuoi dati sono salvati localmente nel browser.",
-    "switchToPlusApp": "Volevi invece andare su Excalidraw+?",
-    "menuHints": "Esporta, preferenze, lingue, ...",
-    "toolbarHints": "Scegli uno strumento & Inizia a disegnare!",
-    "helpHints": "Scorciatoie & aiuto"
+    "app": {
+      "center_heading": "Tutti i tuoi dati sono salvati localmente nel browser.",
+      "center_heading_plus": "Volevi invece andare su Excalidraw+?",
+      "menuHint": "Esporta, preferenze, lingue, ..."
+    },
+    "defaults": {
+      "menuHint": "Esporta, preferenze, e altro...",
+      "center_heading": "Diagrammi. Fatto. Semplice.",
+      "toolbarHint": "Scegli uno strumento & Inizia a disegnare!",
+      "helpHint": "Scorciatoie & aiuto"
+    }
   }
 }
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index e40b15ba0..2ab2cb475 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -447,10 +447,16 @@
     "d9480f": "オレンジ 9"
   },
   "welcomeScreen": {
-    "data": "すべてのデータはブラウザにローカル保存されます。",
-    "switchToPlusApp": "代わりにExcalidraw+を開きますか？",
-    "menuHints": "エクスポート, 設定, 言語, ...",
-    "toolbarHints": "ツールを選んで描き始めよう！",
-    "helpHints": "ショートカットとヘルプ"
+    "app": {
+      "center_heading": "すべてのデータはブラウザにローカル保存されます。",
+      "center_heading_plus": "代わりにExcalidraw+を開きますか？",
+      "menuHint": "エクスポート、設定、言語..."
+    },
+    "defaults": {
+      "menuHint": "エクスポート、設定、その他...",
+      "center_heading": "ダイアグラムを簡単に。",
+      "toolbarHint": "ツールを選んで描き始めよう！",
+      "helpHint": "ショートカットとヘルプ"
+    }
   }
 }
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index f2763b0f9..2818794e6 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -72,7 +72,7 @@
     "layers": "Tissiyin",
     "actions": "Tigawin",
     "language": "Tutlayt",
-    "liveCollaboration": "",
+    "liveCollaboration": "Amɛiwen s srid...",
     "duplicateSelection": "Sisleg",
     "untitled": "War azwel",
     "name": "Isem",
@@ -314,8 +314,8 @@
     "zoomToFit": "Simɣur akken ad twliḍ akk iferdisen",
     "zoomToSelection": "Simɣur ɣer tefrayt",
     "toggleElementLock": "Sekkeṛ/kkes asekker i tefrayt",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Smutti asebter d asawen/akessar",
+    "movePageLeftRight": "Smutti asebter s azelmaḍ/ayfus"
   },
   "clearCanvasDialog": {
     "title": "Sfeḍ taɣzut n usuneɣ"
@@ -447,10 +447,16 @@
     "d9480f": "Aččinawi 9"
   },
   "welcomeScreen": {
-    "data": "Akk isefka-inek•inem ttwakelsen s wudem adigan deg yiminig-inek•inem.",
-    "switchToPlusApp": "Tebɣiḍ ad tedduḍ ɣer Excalidraw+ deg umḍiq?",
-    "menuHints": "Asifeḍ, ismenyifen, tutlayin, ...",
-    "toolbarHints": "Fren afecku tebduḍ asuneɣ!",
-    "helpHints": "Inegzumen akked tallelt"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index a9601b8b1..6eae63dfc 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 575ff41b1..fc159a2ce 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "붙여넣기",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "일반 텍스트로 붙여넣기",
     "pasteCharts": "차트 붙여넣기",
     "selectAll": "전체 선택",
     "multiSelect": "선택 영역에 추가하기",
@@ -72,7 +72,7 @@
     "layers": "레이어",
     "actions": "동작",
     "language": "언어",
-    "liveCollaboration": "",
+    "liveCollaboration": "실시간 협업...",
     "duplicateSelection": "복제",
     "untitled": "제목 없음",
     "name": "이름",
@@ -136,8 +136,8 @@
   "buttons": {
     "clearReset": "캔버스 초기화",
     "exportJSON": "파일로 내보내기",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "이미지 내보내기",
+    "export": "다른 이름으로 저장...",
     "exportToPng": "PNG로 내보내기",
     "exportToSvg": "SVG로 내보내기",
     "copyToClipboard": "클립보드로 복사",
@@ -145,7 +145,7 @@
     "scale": "크기",
     "save": "현재 파일에 저장",
     "saveAs": "다른 이름으로 저장",
-    "load": "",
+    "load": "열기",
     "getShareableLink": "공유 가능한 링크 생성",
     "close": "닫기",
     "selectLanguage": "언어 선택",
@@ -202,8 +202,8 @@
     "invalidSVGString": "유효하지 않은 SVG입니다.",
     "cannotResolveCollabServer": "협업 서버에 접속하는데 실패했습니다. 페이지를 새로고침하고 다시 시도해보세요.",
     "importLibraryError": "라이브러리를 불러오지 못했습니다.",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "데이터베이스에 저장하지 못했습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.",
+    "collabSaveFailed_sizeExceeded": "데이터베이스에 저장하지 못했습니다. 캔버스가 너무 큰 거 같습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요."
   },
   "toolBar": {
     "selection": "선택",
@@ -217,7 +217,7 @@
     "text": "텍스트",
     "library": "라이브러리",
     "lock": "선택된 도구 유지하기",
-    "penMode": "",
+    "penMode": "펜 모드 - 터치 방지",
     "link": "선택한 도형에 대해서 링크를 추가/업데이트",
     "eraser": "지우개"
   },
@@ -238,7 +238,7 @@
     "resize": "SHIFT 키를 누르면서 조정하면 크기의 비율이 제한됩니다.\nALT를 누르면서 조정하면 중앙을 기준으로 크기를 조정합니다.",
     "resizeImage": "SHIFT를 눌러서 자유롭게 크기를 변경하거나,\nALT를 눌러서 중앙을 고정하고 크기를 변경하기",
     "rotate": "SHIFT 키를 누르면서 회전하면 각도를 제한할 수 있습니다.",
-    "lineEditor_info": "",
+    "lineEditor_info": "포인트를 편집하려면 Ctrl/Cmd을 누르고 더블 클릭을 하거나 Ctrl/Cmd + Enter를 누르세요",
     "lineEditor_pointSelected": "Delete 키로 꼭짓점을 제거하거나,\nCtrlOrCmd+D 로 복제하거나, 드래그 해서 이동시키기",
     "lineEditor_nothingSelected": "꼭짓점을 선택해서 수정하거나 (SHIFT를 눌러서 여러개 선택),\nAlt를 누르고 클릭해서 새로운 꼭짓점 추가하기",
     "placeImage": "클릭해서 이미지를 배치하거나, 클릭하고 드래그해서 사이즈를 조정하기",
@@ -314,8 +314,8 @@
     "zoomToFit": "모든 요소가 보이도록 확대/축소",
     "zoomToSelection": "선택 영역으로 확대/축소",
     "toggleElementLock": "선택한 항목을 잠금/잠금 해제",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "페이지 움직이기 위/아래",
+    "movePageLeftRight": "페이지 움직이기 좌/우"
   },
   "clearCanvasDialog": {
     "title": "캔버스 지우기"
@@ -397,7 +397,7 @@
     "fileSavedToFilename": "{filename} 로 저장되었습니다",
     "canvas": "캔버스",
     "selection": "선택한 요소",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "단일 요소로 붙여넣거나, 기존 텍스트 에디터에 붙여넣으려면 {{shortcut}} 을 사용하세요."
   },
   "colors": {
     "ffffff": "화이트",
@@ -447,10 +447,16 @@
     "d9480f": "주황색 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "당신의 모든 데이터는 브라우저에 저장되었습니다.",
+      "center_heading_plus": "대신 Excalidraw+로 이동하시겠습니까?",
+      "menuHint": "내보내기, 설정, 언어, ..."
+    },
+    "defaults": {
+      "menuHint": "내보내기, 설정, 더 보기...",
+      "center_heading": "",
+      "toolbarHint": "도구 선택 & 그리기 시작",
+      "helpHint": "단축키 & 도움말"
+    }
   }
 }
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 17180e8e9..738bf5f8e 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -447,10 +447,16 @@
     "d9480f": "پرتەقاڵی 9"
   },
   "welcomeScreen": {
-    "data": "هەموو داتاکانت لە ناو بڕاوزەرەکەتدا پاشەکەوت کراوە.",
-    "switchToPlusApp": "دەتویست بچیت بۆ Excalidraw+؟",
-    "menuHints": "هەناردەکردن، پەسندکردنەکان، زمانەکان، ...",
-    "toolbarHints": "ئامرازێک هەڵبژێرە و دەستبکە بە وێنەکێشان!",
-    "helpHints": "قەدبڕەکان و یارمەتی"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 24768875f..b45b4fbb2 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -447,10 +447,16 @@
     "d9480f": "Oranžinė 9"
   },
   "welcomeScreen": {
-    "data": "Visi tavo duomenys išsaugoti lokaliai naršyklėje.",
-    "switchToPlusApp": "Ar vietoj to norėjai patekti į Excalidraw+?",
-    "menuHints": "Eksportavimas, parinktys, kalbos, ...",
-    "toolbarHints": "Pasirink įrankį ir Pradėk piešti!",
-    "helpHints": "Spartieji klavišai ir pagalba"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index ee98e9adb..795330a9a 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -447,10 +447,16 @@
     "d9480f": "Oranžs 9"
   },
   "welcomeScreen": {
-    "data": "Visi jūsu dati tiek glabāti uz vietas jūsu pārlūkā.",
-    "switchToPlusApp": "",
-    "menuHints": "Eksportēšana, iestatījumi, valodas...",
-    "toolbarHints": "Izvēlieties rīku un sāciet zīmēt!",
-    "helpHints": "Saīsnes un palīdzība"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 07576dfd3..7ee3d0ced 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -447,10 +447,16 @@
     "d9480f": "नारंगी 9"
   },
   "welcomeScreen": {
-    "data": "तुमचा सर्व डेटा ब्राउज़र मधे स्थानिक जागेत सुरक्षित झाला.",
-    "switchToPlusApp": "त्याएवजी तुम्हाला Excalidraw+ पर्याय हवा आहे का?",
-    "menuHints": "निर्यात, पसंती, भाषा, ...",
-    "toolbarHints": "साधन निवडा आणि चित्रीकरण सुरु करा!",
-    "helpHints": "शॉर्टकट & सहाय"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index c165074a0..5f2acd026 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 8fe2f15dc..055e33a99 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -447,10 +447,16 @@
     "d9480f": "Oransje 9"
   },
   "welcomeScreen": {
-    "data": "Alle dine data lagres lokalt i din nettleser.",
-    "switchToPlusApp": "Ønsker du å gå til Excalidraw+ i stedet?",
-    "menuHints": "Eksporter, innstillinger, språk, ...",
-    "toolbarHints": "Velg et verktøy og start å tegne!",
-    "helpHints": "Snarveier & hjelp"
+    "app": {
+      "center_heading": "Alle dine data lagres lokalt i din nettleser.",
+      "center_heading_plus": "Ønsker du å gå til Excalidraw+ i stedet?",
+      "menuHint": "Eksporter, innstillinger, språk, ..."
+    },
+    "defaults": {
+      "menuHint": "Eksporter, innstillinger og mer...",
+      "center_heading": "Diagrammer. Gjort. Enkelt.",
+      "toolbarHint": "Velg et verktøy og start å tegne!",
+      "helpHint": "Snarveier & hjelp"
+    }
   }
 }
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index afdbbc73c..3961f10fe 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -343,7 +343,7 @@
     },
     "noteDescription": {
       "pre": "",
-      "link": "",
+      "link": "openbare repository",
       "post": ""
     },
     "noteGuidelines": {
@@ -447,10 +447,16 @@
     "d9480f": "Oranje 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index 0375954ec..20fc77651 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -447,10 +447,16 @@
     "d9480f": "Oransj 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index f04f01725..db03fb22b 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -447,10 +447,16 @@
     "d9480f": "Irange 9"
   },
   "welcomeScreen": {
-    "data": "Totas las donadas son enregistradas dins vòstre navegador.",
-    "switchToPlusApp": "Volètz puslèu utilizar Excalidraw+ ?",
-    "menuHints": "Exportar, preferéncias, lengas, ...",
-    "toolbarHints": "Prenètz un esplech e començatz de dessenhar !",
-    "helpHints": "Acorchis e ajuda"
+    "app": {
+      "center_heading": "Totas las donadas son enregistradas dins vòstre navegador.",
+      "center_heading_plus": "Voliatz puslèu utilizar Excalidraw+ a la plaça ?",
+      "menuHint": "Exportar, preferéncias, lengas, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportar, preferéncias, e mai...",
+      "center_heading": "Diagram. Tot. Simplament.",
+      "toolbarHint": "Prenètz un esplech e començatz de dessenhar !",
+      "helpHint": "Acorchis e ajuda"
+    }
   }
 }
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 94f5c1fb1..9e1bf6436 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -447,10 +447,16 @@
     "d9480f": "ਸੰਤਰੀ 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 40b23ecd6..7a3f606ca 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,50 +1,50 @@
 {
-  "ar-SA": 86,
+  "ar-SA": 87,
   "bg-BG": 55,
   "bn-BD": 60,
   "ca-ES": 94,
   "cs-CZ": 75,
   "da-DK": 33,
   "de-DE": 100,
-  "el-GR": 95,
+  "el-GR": 100,
   "en": 100,
   "es-ES": 100,
-  "eu-ES": 98,
-  "fa-IR": 98,
+  "eu-ES": 100,
+  "fa-IR": 96,
   "fi-FI": 93,
   "fr-FR": 100,
-  "gl-ES": 99,
-  "he-IL": 91,
-  "hi-IN": 71,
-  "hu-HU": 90,
-  "id-ID": 99,
-  "it-IT": 99,
+  "gl-ES": 100,
+  "he-IL": 90,
+  "hi-IN": 69,
+  "hu-HU": 89,
+  "id-ID": 100,
+  "it-IT": 100,
   "ja-JP": 100,
-  "kab-KAB": 94,
+  "kab-KAB": 93,
   "kk-KZ": 21,
-  "ko-KR": 95,
-  "ku-TR": 98,
-  "lt-LT": 66,
-  "lv-LV": 99,
-  "mr-IN": 100,
-  "my-MM": 42,
+  "ko-KR": 99,
+  "ku-TR": 96,
+  "lt-LT": 64,
+  "lv-LV": 98,
+  "mr-IN": 98,
+  "my-MM": 41,
   "nb-NO": 100,
   "nl-NL": 91,
-  "nn-NO": 91,
+  "nn-NO": 90,
   "oc-FR": 98,
   "pa-IN": 83,
   "pl-PL": 85,
-  "pt-BR": 100,
-  "pt-PT": 98,
+  "pt-BR": 98,
+  "pt-PT": 100,
   "ro-RO": 100,
-  "ru-RU": 100,
+  "ru-RU": 98,
   "si-LK": 8,
-  "sk-SK": 99,
+  "sk-SK": 100,
   "sl-SI": 100,
-  "sv-SE": 98,
+  "sv-SE": 96,
   "ta-IN": 93,
   "tr-TR": 98,
-  "uk-UA": 97,
+  "uk-UA": 96,
   "vi-VN": 20,
   "zh-CN": 100,
   "zh-HK": 26,
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index fc2862e5d..b02881e35 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -447,10 +447,16 @@
     "d9480f": "Pomarańczowy 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 343a59d78..24da24ef3 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -447,10 +447,16 @@
     "d9480f": "Laranja 9"
   },
   "welcomeScreen": {
-    "data": "Todos os dados são salvos localmente no seu navegador.",
-    "switchToPlusApp": "Você queria ir para o Excalidraw+ em vez disso?",
-    "menuHints": "Exportar, preferências, idiomas, ...",
-    "toolbarHints": "Escolha uma ferramenta & Comece a desenhar!",
-    "helpHints": "Atalhos & ajuda"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index f45d16935..7a9dd400c 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Colar",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Colar como texto simples",
     "pasteCharts": "Colar gráficos",
     "selectAll": "Selecionar tudo",
     "multiSelect": "Adicionar elemento à seleção",
@@ -202,8 +202,8 @@
     "invalidSVGString": "SVG inválido.",
     "cannotResolveCollabServer": "Não foi possível fazer a ligação ao servidor colaborativo. Por favor, volte a carregar a página e tente novamente.",
     "importLibraryError": "Não foi possível carregar a biblioteca",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Não foi possível guardar na base de dados de backend. Se os problemas persistirem, guarde o ficheiro localmente para garantir que não perde o seu trabalho.",
+    "collabSaveFailed_sizeExceeded": "Não foi possível guardar na base de dados de backend, o ecrã parece estar muito grande. Deve guardar o ficheiro localmente para garantir que não perde o seu trabalho."
   },
   "toolBar": {
     "selection": "Seleção",
@@ -238,7 +238,7 @@
     "resize": "Pode restringir as proporções mantendo a tecla SHIFT premida enquanto redimensiona,\nmantenha a tecla ALT premida para redimensionar a partir do centro",
     "resizeImage": "Pode redimensionar livremente mantendo pressionada a tecla SHIFT,\nmantenha pressionada a tecla ALT para redimensionar do centro",
     "rotate": "Pode restringir os ângulos mantendo a tecla SHIFT premida enquanto roda",
-    "lineEditor_info": "",
+    "lineEditor_info": "Pressione CtrlOrCmd e faça um duplo-clique ou pressione CtrlOrCmd + Enter para editar pontos",
     "lineEditor_pointSelected": "Carregue na tecla Delete para remover o(s) ponto(s), CtrlOuCmd+D para duplicar, ou arraste para mover",
     "lineEditor_nothingSelected": "Seleccione um ponto para editar (carregue em SHIFT para seleccionar vários),\nou carregue em Alt e clique para acrescentar novos pontos",
     "placeImage": "Clique para colocar a imagem ou clique e arraste para definir o seu tamanho manualmente",
@@ -314,8 +314,8 @@
     "zoomToFit": "Ajustar para todos os elementos caberem",
     "zoomToSelection": "Ampliar a seleção",
     "toggleElementLock": "Trancar/destrancar selecção",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Mover página para cima / baixo",
+    "movePageLeftRight": "Mover página para esquerda / direita"
   },
   "clearCanvasDialog": {
     "title": "Apagar tela"
@@ -397,7 +397,7 @@
     "fileSavedToFilename": "Guardado como {filename}",
     "canvas": "área de desenho",
     "selection": "seleção",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Usar {{shortcut}} para colar como um único elemento,\nou colar num editor de texto existente"
   },
   "colors": {
     "ffffff": "Branco",
@@ -447,10 +447,16 @@
     "d9480f": "Laranja 9"
   },
   "welcomeScreen": {
-    "data": "Todos os dados estão guardados no seu navegador local.",
-    "switchToPlusApp": "Queria antes ir para o Excalidraw+?",
-    "menuHints": "Exportar, preferências, idiomas...",
-    "toolbarHints": "Escolha uma ferramenta e comece a desenhar!",
-    "helpHints": "Atalhos e ajuda"
+    "app": {
+      "center_heading": "Todos os dados são guardados no seu navegador local.",
+      "center_heading_plus": "Queria antes ir para o Excalidraw+?",
+      "menuHint": "Exportar, preferências, idiomas..."
+    },
+    "defaults": {
+      "menuHint": "Exportar, preferências e outros...",
+      "center_heading": "Diagramas. Feito. Simples.",
+      "toolbarHint": "Escolha uma ferramenta e comece a desenhar!",
+      "helpHint": "Atalhos e ajuda"
+    }
   }
 }
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 43e817b96..4704426c1 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -447,10 +447,16 @@
     "d9480f": "Portocaliu 9"
   },
   "welcomeScreen": {
-    "data": "Toate datele tale sunt salvate local în navigatorul tău.",
-    "switchToPlusApp": "Ai vrut să mergi în schimb la Excalidraw+?",
-    "menuHints": "Exportare, preferințe, limbi, ...",
-    "toolbarHints": "Alege un instrument și începe să desenezi!",
-    "helpHints": "Comenzi rapide și ajutor"
+    "app": {
+      "center_heading": "Toate datele tale sunt salvate local în navigatorul tău.",
+      "center_heading_plus": "Ai vrut să mergi în schimb la Excalidraw+?",
+      "menuHint": "Exportare, preferințe, limbi, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportare, preferințe și mai multe...",
+      "center_heading": "Diagrame. Făcute. Simple.",
+      "toolbarHint": "Alege un instrument și începe să desenezi!",
+      "helpHint": "Comenzi rapide și ajutor"
+    }
   }
 }
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index cfc0b24ce..d97c91971 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -447,10 +447,16 @@
     "d9480f": "Оранжевый 9"
   },
   "welcomeScreen": {
-    "data": "Все ваши данные сохраняются локально в вашем браузере.",
-    "switchToPlusApp": "Хотите перейти на Excalidraw+?",
-    "menuHints": "Экспорт, настройки, языки, ...",
-    "toolbarHints": "Выберите инструмент и начните рисовать!",
-    "helpHints": "Сочетания клавиш и помощь"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 1dc54fddb..1567273da 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 30d3d8966..c3778c3e1 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -202,8 +202,8 @@
     "invalidSVGString": "Nevalidné SVG.",
     "cannotResolveCollabServer": "Nepodarilo sa pripojiť ku kolaboračnému serveru. Prosím obnovte stránku a skúste to znovu.",
     "importLibraryError": "Nepodarilo sa načítať knižnicu",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Uloženie do databázy sa nepodarilo. Ak tento problém pretrváva uložte si váš súbor lokálne aby ste nestratili vašu prácu.",
+    "collabSaveFailed_sizeExceeded": "Uloženie do databázy sa nepodarilo, pretože veľkosť plátna je príliš veľká. Uložte si váš súbor lokálne aby ste nestratili vašu prácu."
   },
   "toolBar": {
     "selection": "Výber",
@@ -447,10 +447,16 @@
     "d9480f": "Oranžová 9"
   },
   "welcomeScreen": {
-    "data": "Všetky vaše dáta sú uložené lokálne vo vašom prehliadači.",
-    "switchToPlusApp": "Chceli ste namiesto toho prejsť do Excalidraw+?",
-    "menuHints": "Exportovanie, nastavenia, jazyky, ...",
-    "toolbarHints": "Zvoľte nástroj a začnite kresliť!",
-    "helpHints": "Klávesové skratky a pomocník"
+    "app": {
+      "center_heading": "Všetky vaše dáta sú uložené lokálne vo vašom prehliadači.",
+      "center_heading_plus": "Chceli ste namiesto toho prejsť do Excalidraw+?",
+      "menuHint": "Exportovanie, nastavenia, jazyky, ..."
+    },
+    "defaults": {
+      "menuHint": "Exportovanie, nastavenia a ďalšie...",
+      "center_heading": "Diagramy. Jednoducho.",
+      "toolbarHint": "Zvoľte nástroj a začnite kresliť!",
+      "helpHint": "Klávesové skratky a pomocník"
+    }
   }
 }
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 0997d5d4b..5f2359094 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -447,10 +447,16 @@
     "d9480f": "Oranžna 9"
   },
   "welcomeScreen": {
-    "data": "Vsi vaši podatki so shranjeni lokalno v vašem brskalniku.",
-    "switchToPlusApp": "Ste namesto tega želeli odpreti Excalidraw+?",
-    "menuHints": "Izvoz, nastavitve, jeziki, ...",
-    "toolbarHints": "Izberi orodje in začni z risanjem!",
-    "helpHints": "Bljižnice in pomoč"
+    "app": {
+      "center_heading": "Vsi vaši podatki so shranjeni lokalno v vašem brskalniku.",
+      "center_heading_plus": "Ste namesto tega želeli odpreti Excalidraw+?",
+      "menuHint": "Izvoz, nastavitve, jeziki, ..."
+    },
+    "defaults": {
+      "menuHint": "Izvoz, nastavitve in več ...",
+      "center_heading": "Diagrami. Enostavno.",
+      "toolbarHint": "Izberi orodje in začni z risanjem!",
+      "helpHint": "Bližnjice in pomoč"
+    }
   }
 }
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index a8c6ac63a..7f0ca8ab3 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -447,10 +447,16 @@
     "d9480f": "Orange 9"
   },
   "welcomeScreen": {
-    "data": "All din data sparas lokalt i din webbläsare.",
-    "switchToPlusApp": "Ville du gå till Excalidraw+ istället?",
-    "menuHints": "Export, inställningar, språk, ...",
-    "toolbarHints": "Välj ett verktyg och börja rita!",
-    "helpHints": "Genvägar och hjälp"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 18d9e5f4d..d01fabce8 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -447,10 +447,16 @@
     "d9480f": "ஆரஞ்சு 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 294839f88..44a0556e0 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -202,8 +202,8 @@
     "invalidSVGString": "Geçersiz SVG.",
     "cannotResolveCollabServer": "İş birliği sunucusuna bağlanılamıyor. Lütfen sayfayı yenileyip tekrar deneyin.",
     "importLibraryError": "Kütüphane yüklenemedi",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Backend veritabanına kaydedilemedi. Eğer problem devam ederse, çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.",
+    "collabSaveFailed_sizeExceeded": "Backend veritabanına kaydedilemedi; tuval çok büyük. Çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz."
   },
   "toolBar": {
     "selection": "Seçme",
@@ -314,8 +314,8 @@
     "zoomToFit": "Tüm öğeleri sığdırmak için yakınlaştır",
     "zoomToSelection": "Seçime yakınlaş",
     "toggleElementLock": "Seçimi Kilitle/çöz",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Sayfayı yukarı/aşağı kaydır",
+    "movePageLeftRight": "Sayfayı sola/sağa kaydır"
   },
   "clearCanvasDialog": {
     "title": "Tuvali temizle"
@@ -397,7 +397,7 @@
     "fileSavedToFilename": "{filename} kaydedildi",
     "canvas": "tuval",
     "selection": "seçim",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Tekil obje olarak yapıştırmak için veya var olan bir metin editörüne yapıştırmak için {{shortcut}} kullanın"
   },
   "colors": {
     "ffffff": "Beyaz",
@@ -447,10 +447,16 @@
     "d9480f": "Turuncu 9"
   },
   "welcomeScreen": {
-    "data": "Tüm veri internet gezgininize yerel olarak kaydedildi.",
-    "switchToPlusApp": "Excalidraw+ kullanmak ister miydiniz?",
-    "menuHints": "Dışa aktar, seçenkeler, diller, ...",
-    "toolbarHints": "Bir araç seçin & Çizime başlayın!",
-    "helpHints": "Kısayollar & yardım"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index f6e559fb7..e02e0c07b 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -447,10 +447,16 @@
     "d9480f": "Помаранчевий 9"
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "Оберіть інструмент і почніть малювати!",
-    "helpHints": "Комбінації клавіш і допомога"
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 21c52a9a6..d3b1282e0 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index d58e475ad..cd573efd8 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -447,10 +447,16 @@
     "d9480f": "橙 9"
   },
   "welcomeScreen": {
-    "data": "您的所有数据都储存在浏览器本地。",
-    "switchToPlusApp": "是否前往 Excalidraw+ ？",
-    "menuHints": "导出、首选项、语言...",
-    "toolbarHints": "选择工具并开始绘图！",
-    "helpHints": "快捷键和帮助"
+    "app": {
+      "center_heading": "您的所有数据都储存在浏览器本地。",
+      "center_heading_plus": "是否前往 Excalidraw+ ？",
+      "menuHint": "导出、首选项、语言……"
+    },
+    "defaults": {
+      "menuHint": "导出、首选项……",
+      "center_heading": "图，化繁为简。",
+      "toolbarHint": "选择工具并开始绘图！",
+      "helpHint": "快捷键和帮助"
+    }
   }
 }
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index c2e982b03..f8968f2b7 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -447,10 +447,16 @@
     "d9480f": ""
   },
   "welcomeScreen": {
-    "data": "",
-    "switchToPlusApp": "",
-    "menuHints": "",
-    "toolbarHints": "",
-    "helpHints": ""
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
   }
 }
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index a4c491d42..21d7465af 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -447,10 +447,16 @@
     "d9480f": "橘 9"
   },
   "welcomeScreen": {
-    "data": "您的所有資料都儲存在本機瀏覽器。",
-    "switchToPlusApp": "您是否是要前往 Excalidraw+ ？",
-    "menuHints": "輸出、偏好設定、語言...",
-    "toolbarHints": "選個工具開始畫圖吧！",
-    "helpHints": "快速鍵與說明"
+    "app": {
+      "center_heading": "所有資料皆已在瀏覽器中儲存於本機",
+      "center_heading_plus": "您是否是要前往 Excalidraw+ ？",
+      "menuHint": "輸出、偏好設定、語言..."
+    },
+    "defaults": {
+      "menuHint": "輸出、偏好設定及其他...",
+      "center_heading": "圖表。製作。超簡單。",
+      "toolbarHint": "選個工具開始畫圖吧！",
+      "helpHint": "快速鍵與說明"
+    }
   }
 }

From d2b698093cace836fd50273874b179b872c40b0e Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 22 Jan 2023 12:33:15 +0100
Subject: [PATCH 044/252] feat: show copy-as-png export button on firefox and
 show steps how to enable it (#6125)

* feat: hide copy-as-png shortcut from help dialog if not supported

* fix: support firefox if clipboard.write supported

* show shrotcut in firefox and instead show error message how to enable the flag support

* widen to TypeError because minification

* show copy-as-png on firefox even if it will throw
---
 src/actions/actionHistory.tsx        |  3 ++-
 src/actions/actionZindex.tsx         |  3 ++-
 src/actions/shortcuts.ts             |  2 +-
 src/clipboard.ts                     |  9 ++++-----
 src/components/App.tsx               |  2 +-
 src/components/HelpDialog.tsx        | 16 +++++++++++-----
 src/components/ImageExportDialog.tsx |  6 ++++--
 src/constants.ts                     |  8 ++++++++
 src/data/index.ts                    | 15 +++++++++++++--
 src/keys.ts                          |  4 +---
 src/locales/en.json                  |  3 ++-
 src/utils.ts                         |  2 +-
 12 files changed, 50 insertions(+), 23 deletions(-)

diff --git a/src/actions/actionHistory.tsx b/src/actions/actionHistory.tsx
index 76aa9d787..2e0f4c091 100644
--- a/src/actions/actionHistory.tsx
+++ b/src/actions/actionHistory.tsx
@@ -5,10 +5,11 @@ import { t } from "../i18n";
 import History, { HistoryEntry } from "../history";
 import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";
-import { isWindows, KEYS } from "../keys";
+import { KEYS } from "../keys";
 import { newElementWith } from "../element/mutateElement";
 import { fixBindingsAfterDeletion } from "../element/binding";
 import { arrayToMap } from "../utils";
+import { isWindows } from "../constants";
 
 const writeData = (
   prevElements: readonly ExcalidrawElement[],
diff --git a/src/actions/actionZindex.tsx b/src/actions/actionZindex.tsx
index 07da26217..17ecde1a6 100644
--- a/src/actions/actionZindex.tsx
+++ b/src/actions/actionZindex.tsx
@@ -5,7 +5,7 @@ import {
   moveAllLeft,
   moveAllRight,
 } from "../zindex";
-import { KEYS, isDarwin, CODES } from "../keys";
+import { KEYS, CODES } from "../keys";
 import { t } from "../i18n";
 import { getShortcutKey } from "../utils";
 import { register } from "./register";
@@ -15,6 +15,7 @@ import {
   SendBackwardIcon,
   SendToBackIcon,
 } from "../components/icons";
+import { isDarwin } from "../constants";
 
 export const actionSendBackward = register({
   name: "sendBackward",
diff --git a/src/actions/shortcuts.ts b/src/actions/shortcuts.ts
index 41686e521..4138ae085 100644
--- a/src/actions/shortcuts.ts
+++ b/src/actions/shortcuts.ts
@@ -1,5 +1,5 @@
+import { isDarwin } from "../constants";
 import { t } from "../i18n";
-import { isDarwin } from "../keys";
 import { getShortcutKey } from "../utils";
 import { ActionName } from "./types";
 
diff --git a/src/clipboard.ts b/src/clipboard.ts
index bf90a4b17..5f7950c53 100644
--- a/src/clipboard.ts
+++ b/src/clipboard.ts
@@ -180,16 +180,16 @@ export const parseClipboard = async (
 };
 
 export const copyBlobToClipboardAsPng = async (blob: Blob | Promise<Blob>) => {
-  let promise;
   try {
     // in Safari so far we need to construct the ClipboardItem synchronously
     // (i.e. in the same tick) otherwise browser will complain for lack of
     // user intent. Using a Promise ClipboardItem constructor solves this.
     // https://bugs.webkit.org/show_bug.cgi?id=222262
     //
-    // not await so that we can detect whether the thrown error likely relates
-    // to a lack of support for the Promise ClipboardItem constructor
-    promise = navigator.clipboard.write([
+    // Note that Firefox (and potentially others) seems to support Promise
+    // ClipboardItem constructor, but throws on an unrelated MIME type error.
+    // So we need to await this and fallback to awaiting the blob if applicable.
+    await navigator.clipboard.write([
       new window.ClipboardItem({
         [MIME_TYPES.png]: blob,
       }),
@@ -207,7 +207,6 @@ export const copyBlobToClipboardAsPng = async (blob: Blob | Promise<Blob>) => {
       throw error;
     }
   }
-  await promise;
 };
 
 export const copyTextToSystemClipboard = async (text: string | null) => {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index e0ce0ee97..0f4b6ce0c 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -57,6 +57,7 @@ import {
   EVENT,
   GRID_SIZE,
   IMAGE_RENDER_TIMEOUT,
+  isAndroid,
   LINE_CONFIRM_THRESHOLD,
   MAX_ALLOWED_FILE_BYTES,
   MIME_TYPES,
@@ -166,7 +167,6 @@ import {
   shouldRotateWithDiscreteAngle,
   isArrowKey,
   KEYS,
-  isAndroid,
 } from "../keys";
 import { distance2d, getGridPoint, isPathALoop } from "../math";
 import { renderScene } from "../renderer/renderScene";
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 065d0f77e..4eea5d696 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -1,10 +1,12 @@
 import React from "react";
 import { t } from "../i18n";
-import { isDarwin, isWindows, KEYS } from "../keys";
+import { KEYS } from "../keys";
 import { Dialog } from "./Dialog";
 import { getShortcutKey } from "../utils";
 import "./HelpDialog.scss";
 import { ExternalLinkIcon } from "./icons";
+import { probablySupportsClipboardBlob } from "../clipboard";
+import { isDarwin, isFirefox, isWindows } from "../constants";
 
 const Header = () => (
   <div className="HelpDialog__header">
@@ -304,10 +306,14 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               label={t("labels.pasteAsPlaintext")}
               shortcuts={[getShortcutKey("CtrlOrCmd+Shift+V")]}
             />
-            <Shortcut
-              label={t("labels.copyAsPng")}
-              shortcuts={[getShortcutKey("Shift+Alt+C")]}
-            />
+            {/* firefox supports clipboard API under a flag, so we'll
+                show users what they can do in the error message */}
+            {(probablySupportsClipboardBlob || isFirefox) && (
+              <Shortcut
+                label={t("labels.copyAsPng")}
+                shortcuts={[getShortcutKey("Shift+Alt+C")]}
+              />
+            )}
             <Shortcut
               label={t("labels.copyStyles")}
               shortcuts={[getShortcutKey("CtrlOrCmd+Alt+C")]}
diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 40031bfcb..fb2c1ec81 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -12,7 +12,7 @@ import Stack from "./Stack";
 import "./ExportDialog.scss";
 import OpenColor from "open-color";
 import { CheckboxItem } from "./CheckboxItem";
-import { DEFAULT_EXPORT_PADDING } from "../constants";
+import { DEFAULT_EXPORT_PADDING, isFirefox } from "../constants";
 import { nativeFileSystemSupported } from "../data/filesystem";
 import { ActionManager } from "../actions/manager";
 
@@ -190,7 +190,9 @@ const ImageExportModal = ({
         >
           SVG
         </ExportButton>
-        {probablySupportsClipboardBlob && (
+        {/* firefox supports clipboard API under a flag,
+            so let's throw and tell people what they can do */}
+        {(probablySupportsClipboardBlob || isFirefox) && (
           <ExportButton
             title={t("buttons.copyPngToClipboard")}
             onClick={() => onExportToClipboard(exportedElements)}
diff --git a/src/constants.ts b/src/constants.ts
index d6b744bb5..20b3778e3 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -2,6 +2,14 @@ import cssVariables from "./css/variables.module.scss";
 import { AppProps } from "./types";
 import { FontFamilyValues } from "./element/types";
 
+export const isDarwin = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+export const isWindows = /^Win/.test(navigator.platform);
+export const isAndroid = /\b(android)\b/i.test(navigator.userAgent);
+export const isFirefox =
+  "netscape" in window &&
+  navigator.userAgent.indexOf("rv:") > 1 &&
+  navigator.userAgent.indexOf("Gecko") > 1;
+
 export const APP_NAME = "Excalidraw";
 
 export const DRAGGING_THRESHOLD = 10; // px
diff --git a/src/data/index.ts b/src/data/index.ts
index 8ea90adf6..89877aab9 100644
--- a/src/data/index.ts
+++ b/src/data/index.ts
@@ -2,7 +2,7 @@ import {
   copyBlobToClipboardAsPng,
   copyTextToSystemClipboard,
 } from "../clipboard";
-import { DEFAULT_EXPORT_PADDING, MIME_TYPES } from "../constants";
+import { DEFAULT_EXPORT_PADDING, isFirefox, MIME_TYPES } from "../constants";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 import { exportToCanvas, exportToSvg } from "../scene/export";
@@ -97,10 +97,21 @@ export const exportCanvas = async (
       const blob = canvasToBlob(tempCanvas);
       await copyBlobToClipboardAsPng(blob);
     } catch (error: any) {
+      console.warn(error);
       if (error.name === "CANVAS_POSSIBLY_TOO_BIG") {
         throw error;
       }
-      throw new Error(t("alerts.couldNotCopyToClipboard"));
+      // TypeError *probably* suggests ClipboardItem not defined, which
+      // people on Firefox can enable through a flag, so let's tell them.
+      if (isFirefox && error.name === "TypeError") {
+        throw new Error(
+          `${t("alerts.couldNotCopyToClipboard")}\n\n${t(
+            "hints.firefox_clipboard_write",
+          )}`,
+        );
+      } else {
+        throw new Error(t("alerts.couldNotCopyToClipboard"));
+      }
     } finally {
       tempCanvas.remove();
     }
diff --git a/src/keys.ts b/src/keys.ts
index 0cb2f384e..ce0e803c0 100644
--- a/src/keys.ts
+++ b/src/keys.ts
@@ -1,6 +1,4 @@
-export const isDarwin = /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
-export const isWindows = /^Win/.test(window.navigator.platform);
-export const isAndroid = /\b(android)\b/i.test(navigator.userAgent);
+import { isDarwin } from "./constants";
 
 export const CODES = {
   EQUAL: "Equal",
diff --git a/src/locales/en.json b/src/locales/en.json
index 2fe9e7c84..b0e5a2c57 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -246,7 +246,8 @@
     "publishLibrary": "Publish your own library",
     "bindTextToElement": "Press enter to add text",
     "deepBoxSelect": "Hold CtrlOrCmd to deep select, and to prevent dragging",
-    "eraserRevert": "Hold Alt to revert the elements marked for deletion"
+    "eraserRevert": "Hold Alt to revert the elements marked for deletion",
+    "firefox_clipboard_write": "This feature can likely be enabled by setting the \"dom.events.asyncClipboard.clipboardItem\" flag to \"true\". To change the browser flags in Firefox, visit the \"about:config\" page."
   },
   "canvasError": {
     "cannotShowPreview": "Cannot show preview",
diff --git a/src/utils.ts b/src/utils.ts
index d3d80560b..a332e921b 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -6,6 +6,7 @@ import {
   DEFAULT_VERSION,
   EVENT,
   FONT_FAMILY,
+  isDarwin,
   MIME_TYPES,
   THEME,
   WINDOWS_EMOJI_FALLBACK_FONT,
@@ -13,7 +14,6 @@ import {
 import { FontFamilyValues, FontString } from "./element/types";
 import { AppState, DataURL, LastActiveToolBeforeEraser, Zoom } from "./types";
 import { unstable_batchedUpdates } from "react-dom";
-import { isDarwin } from "./keys";
 import { SHAPES } from "./shapes";
 import React from "react";
 

From f03f5c948d500c45a53ddec5c988a09c471bd741 Mon Sep 17 00:00:00 2001
From: Nishant-l <61119157+Nishant-l@users.noreply.github.com>
Date: Sun, 22 Jan 2023 18:07:18 +0530
Subject: [PATCH 045/252] style: change in ExportButton style (#6147) (#6148)

Co-authored-by: David Luzar <luzar.david@gmail.com>
---
 src/components/ExportDialog.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/ExportDialog.scss b/src/components/ExportDialog.scss
index c95a116e7..7bc0c808e 100644
--- a/src/components/ExportDialog.scss
+++ b/src/components/ExportDialog.scss
@@ -96,6 +96,10 @@
     width: 5rem;
     height: 5rem;
     margin: 0 0.2em;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     border-radius: 1rem;
     background-color: var(--button-color);

From 849e6a0c86ecb1428ba21ae4bc888f2d70db3ebf Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 23 Jan 2023 16:10:04 +0100
Subject: [PATCH 046/252] fix: button background and svg sizes (#6155)

* fix: button background color fallback

* fix svg width/height
---
 src/css/variables.module.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/css/variables.module.scss b/src/css/variables.module.scss
index 39bf4e293..779c52bff 100644
--- a/src/css/variables.module.scss
+++ b/src/css/variables.module.scss
@@ -65,13 +65,18 @@
   background-color: var(--button-bg, var(--island-bg-color));
   color: var(--button-color, var(--text-primary-color));
 
+  svg {
+    width: var(--button-width, var(--lg-icon-size));
+    height: var(--button-height, var(--lg-icon-size));
+  }
+
   &:hover {
-    background-color: var(--button-hover-bg);
+    background-color: var(--button-hover-bg, var(--island-bg-color));
     border-color: var(--button-hover-border, var(--default-border-color));
   }
 
   &:active {
-    background-color: var(--button-active-bg);
+    background-color: var(--button-active-bg, var(--island-bg-color));
     border-color: var(--button-active-border, var(--color-primary-darkest));
   }
 
@@ -85,9 +90,6 @@
 
     svg {
       color: var(--button-color, var(--color-primary-darker));
-
-      width: var(--button-width, var(--lg-icon-size));
-      height: var(--button-height, var(--lg-icon-size));
     }
   }
 }

From d4afd6626850befdb000d86c203e7a604f8a871c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 23 Jan 2023 16:12:28 +0100
Subject: [PATCH 047/252] feat: add hand/panning tool (#6141)

* feat: add hand/panning tool

* move hand tool right of tool lock separator

* tweak i18n

* rename `panning` -> `hand`

* toggle between last tool and hand on `H` shortcut

* hide properties sidebar when `hand` active

* revert to rendering HandButton manually due to mobile toolbar
---
 src/actions/actionCanvas.tsx                  |  66 +++++++----
 src/actions/actionFinalize.tsx                |   2 +-
 src/actions/types.ts                          |   5 +-
 src/appState.ts                               |  10 +-
 src/components/Actions.tsx                    |   7 +-
 src/components/App.tsx                        |  31 ++++-
 src/components/HandButton.tsx                 |  32 ++++++
 src/components/HelpDialog.tsx                 |   9 +-
 src/components/LayerUI.tsx                    |  21 +++-
 src/components/LockButton.tsx                 |   1 -
 src/components/MobileMenu.tsx                 |  24 ++--
 src/components/ToolButton.tsx                 |   2 +-
 src/components/icons.tsx                      |  11 ++
 src/css/styles.scss                           |   1 +
 src/data/restore.ts                           |   3 +-
 src/element/showSelectedShapeActions.ts       |   3 +-
 src/locales/en.json                           |   5 +-
 .../__snapshots__/contextmenu.test.tsx.snap   |  34 +++---
 .../regressionTests.test.tsx.snap             | 106 +++++++++---------
 .../packages/__snapshots__/utils.test.ts.snap |   2 +-
 src/types.ts                                  |  22 ++--
 src/utils.ts                                  |  15 ++-
 22 files changed, 273 insertions(+), 139 deletions(-)
 create mode 100644 src/components/HandButton.tsx

diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index 259b43e0c..1154d1ef1 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -1,7 +1,7 @@
 import { ColorPicker } from "../components/ColorPicker";
-import { eraser, ZoomInIcon, ZoomOutIcon } from "../components/icons";
+import { ZoomInIcon, ZoomOutIcon } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
-import { MIN_ZOOM, THEME, ZOOM_STEP } from "../constants";
+import { CURSOR_TYPE, MIN_ZOOM, THEME, ZOOM_STEP } from "../constants";
 import { getCommonBounds, getNonDeletedElements } from "../element";
 import { ExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
@@ -10,12 +10,15 @@ import { getNormalizedZoom, getSelectedElements } from "../scene";
 import { centerScrollOn } from "../scene/scroll";
 import { getStateForZoom } from "../scene/zoom";
 import { AppState, NormalizedZoomValue } from "../types";
-import { getShortcutKey, updateActiveTool } from "../utils";
+import { getShortcutKey, setCursor, updateActiveTool } from "../utils";
 import { register } from "./register";
 import { Tooltip } from "../components/Tooltip";
 import { newElementWith } from "../element/mutateElement";
-import { getDefaultAppState, isEraserActive } from "../appState";
-import clsx from "clsx";
+import {
+  getDefaultAppState,
+  isEraserActive,
+  isHandToolActive,
+} from "../appState";
 
 export const actionChangeViewBackgroundColor = register({
   name: "changeViewBackgroundColor",
@@ -306,15 +309,15 @@ export const actionToggleTheme = register({
   },
 });
 
-export const actionErase = register({
-  name: "eraser",
+export const actionToggleEraserTool = register({
+  name: "toggleEraserTool",
   trackEvent: { category: "toolbar" },
   perform: (elements, appState) => {
     let activeTool: AppState["activeTool"];
 
     if (isEraserActive(appState)) {
       activeTool = updateActiveTool(appState, {
-        ...(appState.activeTool.lastActiveToolBeforeEraser || {
+        ...(appState.activeTool.lastActiveTool || {
           type: "selection",
         }),
         lastActiveToolBeforeEraser: null,
@@ -337,17 +340,38 @@ export const actionErase = register({
     };
   },
   keyTest: (event) => event.key === KEYS.E,
-  PanelComponent: ({ elements, appState, updateData, data }) => (
-    <ToolButton
-      type="button"
-      icon={eraser}
-      className={clsx("eraser", { active: isEraserActive(appState) })}
-      title={`${t("toolBar.eraser")}-${getShortcutKey("E")}`}
-      aria-label={t("toolBar.eraser")}
-      onClick={() => {
-        updateData(null);
-      }}
-      size={data?.size || "medium"}
-    ></ToolButton>
-  ),
+});
+
+export const actionToggleHandTool = register({
+  name: "toggleHandTool",
+  trackEvent: { category: "toolbar" },
+  perform: (elements, appState, _, app) => {
+    let activeTool: AppState["activeTool"];
+
+    if (isHandToolActive(appState)) {
+      activeTool = updateActiveTool(appState, {
+        ...(appState.activeTool.lastActiveTool || {
+          type: "selection",
+        }),
+        lastActiveToolBeforeEraser: null,
+      });
+    } else {
+      activeTool = updateActiveTool(appState, {
+        type: "hand",
+        lastActiveToolBeforeEraser: appState.activeTool,
+      });
+      setCursor(app.canvas, CURSOR_TYPE.GRAB);
+    }
+
+    return {
+      appState: {
+        ...appState,
+        selectedElementIds: {},
+        selectedGroupIds: {},
+        activeTool,
+      },
+      commitToHistory: true,
+    };
+  },
+  keyTest: (event) => event.key === KEYS.H,
 });
diff --git a/src/actions/actionFinalize.tsx b/src/actions/actionFinalize.tsx
index 2e78a1a37..3508de0ad 100644
--- a/src/actions/actionFinalize.tsx
+++ b/src/actions/actionFinalize.tsx
@@ -145,7 +145,7 @@ export const actionFinalize = register({
     let activeTool: AppState["activeTool"];
     if (appState.activeTool.type === "eraser") {
       activeTool = updateActiveTool(appState, {
-        ...(appState.activeTool.lastActiveToolBeforeEraser || {
+        ...(appState.activeTool.lastActiveTool || {
           type: "selection",
         }),
         lastActiveToolBeforeEraser: null,
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 4a7a4fe5d..54bd5a26f 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -109,10 +109,11 @@ export type ActionName =
   | "decreaseFontSize"
   | "unbindText"
   | "hyperlink"
-  | "eraser"
   | "bindText"
   | "toggleLock"
-  | "toggleLinearEditor";
+  | "toggleLinearEditor"
+  | "toggleEraserTool"
+  | "toggleHandTool";
 
 export type PanelComponentProps = {
   elements: readonly ExcalidrawElement[];
diff --git a/src/appState.ts b/src/appState.ts
index d1cbe92f0..f02d5943c 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -45,7 +45,7 @@ export const getDefaultAppState = (): Omit<
       type: "selection",
       customType: null,
       locked: false,
-      lastActiveToolBeforeEraser: null,
+      lastActiveTool: null,
     },
     penMode: false,
     penDetected: false,
@@ -228,3 +228,11 @@ export const isEraserActive = ({
 }: {
   activeTool: AppState["activeTool"];
 }) => activeTool.type === "eraser";
+
+export const isHandToolActive = ({
+  activeTool,
+}: {
+  activeTool: AppState["activeTool"];
+}) => {
+  return activeTool.type === "hand";
+};
diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index fe017f776..2ee9babfc 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -219,9 +219,10 @@ export const ShapesSwitcher = ({
   <>
     {SHAPES.map(({ value, icon, key, numericKey, fillable }, index) => {
       const label = t(`toolBar.${value}`);
-      const letter = key && (typeof key === "string" ? key : key[0]);
+      const letter =
+        key && capitalizeString(typeof key === "string" ? key : key[0]);
       const shortcut = letter
-        ? `${capitalizeString(letter)} ${t("helpDialog.or")} ${numericKey}`
+        ? `${letter} ${t("helpDialog.or")} ${numericKey}`
         : `${numericKey}`;
       return (
         <ToolButton
@@ -232,7 +233,7 @@ export const ShapesSwitcher = ({
           checked={activeTool.type === value}
           name="editor-current-shape"
           title={`${capitalizeString(label)} — ${shortcut}`}
-          keyBindingLabel={numericKey}
+          keyBindingLabel={numericKey || letter}
           aria-label={capitalizeString(label)}
           aria-keyshortcuts={shortcut}
           data-testid={`toolbar-${value}`}
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 0f4b6ce0c..4ea2c3a81 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -41,7 +41,11 @@ import { ActionManager } from "../actions/manager";
 import { actions } from "../actions/register";
 import { ActionResult } from "../actions/types";
 import { trackEvent } from "../analytics";
-import { getDefaultAppState, isEraserActive } from "../appState";
+import {
+  getDefaultAppState,
+  isEraserActive,
+  isHandToolActive,
+} from "../appState";
 import { parseClipboard } from "../clipboard";
 import {
   APP_NAME,
@@ -274,6 +278,7 @@ import {
 import { shouldShowBoundingBox } from "../element/transformHandles";
 import { Fonts } from "../scene/Fonts";
 import { actionPaste } from "../actions/actionClipboard";
+import { actionToggleHandTool } from "../actions/actionCanvas";
 
 const deviceContextInitialValue = {
   isSmScreen: false,
@@ -575,6 +580,7 @@ class App extends React.Component<AppProps, AppState> {
                       elements={this.scene.getNonDeletedElements()}
                       onLockToggle={this.toggleLock}
                       onPenModeToggle={this.togglePenMode}
+                      onHandToolToggle={this.onHandToolToggle}
                       onInsertElements={(elements) =>
                         this.addElementsFromPasteOrLibrary({
                           elements,
@@ -1812,6 +1818,10 @@ class App extends React.Component<AppProps, AppState> {
     });
   };
 
+  onHandToolToggle = () => {
+    this.actionManager.executeAction(actionToggleHandTool);
+  };
+
   scrollToContent = (
     target:
       | ExcalidrawElement
@@ -2229,11 +2239,13 @@ class App extends React.Component<AppProps, AppState> {
 
   private setActiveTool = (
     tool:
-      | { type: typeof SHAPES[number]["value"] | "eraser" }
+      | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" }
       | { type: "custom"; customType: string },
   ) => {
     const nextActiveTool = updateActiveTool(this.state, tool);
-    if (!isHoldingSpace) {
+    if (nextActiveTool.type === "hand") {
+      setCursor(this.canvas, CURSOR_TYPE.GRAB);
+    } else if (!isHoldingSpace) {
       setCursorForShape(this.canvas, this.state);
     }
     if (isToolIcon(document.activeElement)) {
@@ -2904,7 +2916,12 @@ class App extends React.Component<AppProps, AppState> {
           null;
     }
 
-    if (isHoldingSpace || isPanning || isDraggingScrollBar) {
+    if (
+      isHoldingSpace ||
+      isPanning ||
+      isDraggingScrollBar ||
+      isHandToolActive(this.state)
+    ) {
       return;
     }
 
@@ -3496,7 +3513,10 @@ class App extends React.Component<AppProps, AppState> {
       );
     } else if (this.state.activeTool.type === "custom") {
       setCursor(this.canvas, CURSOR_TYPE.AUTO);
-    } else if (this.state.activeTool.type !== "eraser") {
+    } else if (
+      this.state.activeTool.type !== "eraser" &&
+      this.state.activeTool.type !== "hand"
+    ) {
       this.createGenericElementOnPointerDown(
         this.state.activeTool.type,
         pointerDownState,
@@ -3607,6 +3627,7 @@ class App extends React.Component<AppProps, AppState> {
         gesture.pointers.size <= 1 &&
         (event.button === POINTER_BUTTON.WHEEL ||
           (event.button === POINTER_BUTTON.MAIN && isHoldingSpace) ||
+          isHandToolActive(this.state) ||
           this.state.viewModeEnabled)
       ) ||
       isTextElement(this.state.editingElement)
diff --git a/src/components/HandButton.tsx b/src/components/HandButton.tsx
new file mode 100644
index 000000000..ce63791e1
--- /dev/null
+++ b/src/components/HandButton.tsx
@@ -0,0 +1,32 @@
+import "./ToolIcon.scss";
+
+import clsx from "clsx";
+import { ToolButton } from "./ToolButton";
+import { handIcon } from "./icons";
+import { KEYS } from "../keys";
+
+type LockIconProps = {
+  title?: string;
+  name?: string;
+  checked: boolean;
+  onChange?(): void;
+  isMobile?: boolean;
+};
+
+export const HandButton = (props: LockIconProps) => {
+  return (
+    <ToolButton
+      className={clsx("Shape", { fillable: false })}
+      type="radio"
+      icon={handIcon}
+      name="editor-current-shape"
+      checked={props.checked}
+      title={`${props.title} — H`}
+      keyBindingLabel={!props.isMobile ? KEYS.H.toLocaleUpperCase() : undefined}
+      aria-label={`${props.title} — H`}
+      aria-keyshortcuts={KEYS.H}
+      data-testid={`toolbar-hand`}
+      onChange={() => props.onChange?.()}
+    />
+  );
+};
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 4eea5d696..69f3e6a5c 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -69,6 +69,10 @@ function* intersperse(as: JSX.Element[][], delim: string | null) {
   }
 }
 
+const upperCaseSingleChars = (str: string) => {
+  return str.replace(/\b[a-z]\b/, (c) => c.toUpperCase());
+};
+
 const Shortcut = ({
   label,
   shortcuts,
@@ -83,7 +87,9 @@ const Shortcut = ({
       ? [...shortcut.slice(0, -2).split("+"), "+"]
       : shortcut.split("+");
 
-    return keys.map((key) => <ShortcutKey key={key}>{key}</ShortcutKey>);
+    return keys.map((key) => (
+      <ShortcutKey key={key}>{upperCaseSingleChars(key)}</ShortcutKey>
+    ));
   });
 
   return (
@@ -120,6 +126,7 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
             className="HelpDialog__island--tools"
             caption={t("helpDialog.tools")}
           >
+            <Shortcut label={t("toolBar.hand")} shortcuts={[KEYS.H]} />
             <Shortcut
               label={t("toolBar.selection")}
               shortcuts={[KEYS.V, KEYS["1"]]}
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 8aa8809fb..140f28e91 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -50,6 +50,8 @@ import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
 import { useAtom } from "jotai";
 import MainMenu from "./main-menu/MainMenu";
+import { HandButton } from "./HandButton";
+import { isHandToolActive } from "../appState";
 
 interface LayerUIProps {
   actionManager: ActionManager;
@@ -59,6 +61,7 @@ interface LayerUIProps {
   setAppState: React.Component<any, AppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
   onLockToggle: () => void;
+  onHandToolToggle: () => void;
   onPenModeToggle: () => void;
   onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
   showExitZenModeBtn: boolean;
@@ -85,6 +88,7 @@ const LayerUI = ({
   elements,
   canvas,
   onLockToggle,
+  onHandToolToggle,
   onPenModeToggle,
   onInsertElements,
   showExitZenModeBtn,
@@ -304,13 +308,20 @@ const LayerUI = ({
                             penDetected={appState.penDetected}
                           />
                           <LockButton
-                            zenModeEnabled={appState.zenModeEnabled}
                             checked={appState.activeTool.locked}
-                            onChange={() => onLockToggle()}
+                            onChange={onLockToggle}
                             title={t("toolBar.lock")}
                           />
+
                           <div className="App-toolbar__divider"></div>
 
+                          <HandButton
+                            checked={isHandToolActive(appState)}
+                            onChange={() => onHandToolToggle()}
+                            title={t("toolBar.hand")}
+                            isMobile
+                          />
+
                           <ShapesSwitcher
                             appState={appState}
                             canvas={canvas}
@@ -322,9 +333,6 @@ const LayerUI = ({
                               });
                             }}
                           />
-                          {/* {actionManager.renderAction("eraser", {
-                          // size: "small",
-                        })} */}
                         </Stack.Row>
                       </Island>
                     </Stack.Row>
@@ -408,7 +416,8 @@ const LayerUI = ({
           renderJSONExportDialog={renderJSONExportDialog}
           renderImageExportDialog={renderImageExportDialog}
           setAppState={setAppState}
-          onLockToggle={() => onLockToggle()}
+          onLockToggle={onLockToggle}
+          onHandToolToggle={onHandToolToggle}
           onPenModeToggle={onPenModeToggle}
           canvas={canvas}
           onImageAction={onImageAction}
diff --git a/src/components/LockButton.tsx b/src/components/LockButton.tsx
index cbcf2b33a..a039a5779 100644
--- a/src/components/LockButton.tsx
+++ b/src/components/LockButton.tsx
@@ -9,7 +9,6 @@ type LockIconProps = {
   name?: string;
   checked: boolean;
   onChange?(): void;
-  zenModeEnabled?: boolean;
   isMobile?: boolean;
 };
 
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 549292436..7c814f53e 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -22,6 +22,8 @@ import { LibraryButton } from "./LibraryButton";
 import { PenModeButton } from "./PenModeButton";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions";
+import { HandButton } from "./HandButton";
+import { isHandToolActive } from "../appState";
 
 type MobileMenuProps = {
   appState: AppState;
@@ -31,6 +33,7 @@ type MobileMenuProps = {
   setAppState: React.Component<any, AppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
   onLockToggle: () => void;
+  onHandToolToggle: () => void;
   onPenModeToggle: () => void;
   canvas: HTMLCanvasElement | null;
 
@@ -52,6 +55,7 @@ export const MobileMenu = ({
   actionManager,
   setAppState,
   onLockToggle,
+  onHandToolToggle,
   onPenModeToggle,
   canvas,
   onImageAction,
@@ -88,6 +92,13 @@ export const MobileMenu = ({
                 </Island>
                 {renderTopRightUI && renderTopRightUI(true, appState)}
                 <div className="mobile-misc-tools-container">
+                  {!appState.viewModeEnabled && (
+                    <LibraryButton
+                      appState={appState}
+                      setAppState={setAppState}
+                      isMobile
+                    />
+                  )}
                   <PenModeButton
                     checked={appState.penMode}
                     onChange={onPenModeToggle}
@@ -101,13 +112,12 @@ export const MobileMenu = ({
                     title={t("toolBar.lock")}
                     isMobile
                   />
-                  {!appState.viewModeEnabled && (
-                    <LibraryButton
-                      appState={appState}
-                      setAppState={setAppState}
-                      isMobile
-                    />
-                  )}
+                  <HandButton
+                    checked={isHandToolActive(appState)}
+                    onChange={() => onHandToolToggle()}
+                    title={t("toolBar.hand")}
+                    isMobile
+                  />
                 </div>
               </Stack.Row>
             </Stack.Col>
diff --git a/src/components/ToolButton.tsx b/src/components/ToolButton.tsx
index 7077898f3..446d154df 100644
--- a/src/components/ToolButton.tsx
+++ b/src/components/ToolButton.tsx
@@ -19,7 +19,7 @@ type ToolButtonBaseProps = {
   name?: string;
   id?: string;
   size?: ToolButtonSize;
-  keyBindingLabel?: string;
+  keyBindingLabel?: string | null;
   showAriaLabel?: boolean;
   hidden?: boolean;
   visible?: boolean;
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index cc43aaa49..046ee490b 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1532,3 +1532,14 @@ export const publishIcon = createIcon(
 export const eraser = createIcon(
   <path d="M480 416C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H150.6C133.7 480 117.4 473.3 105.4 461.3L25.37 381.3C.3786 356.3 .3786 315.7 25.37 290.7L258.7 57.37C283.7 32.38 324.3 32.38 349.3 57.37L486.6 194.7C511.6 219.7 511.6 260.3 486.6 285.3L355.9 416H480zM265.4 416L332.7 348.7L195.3 211.3L70.63 336L150.6 416L265.4 416z" />,
 );
+
+export const handIcon = createIcon(
+  <g strokeWidth={1.25}>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M8 13v-7.5a1.5 1.5 0 0 1 3 0v6.5"></path>
+    <path d="M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5"></path>
+    <path d="M14 5.5a1.5 1.5 0 0 1 3 0v6.5"></path>
+    <path d="M17 7.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"></path>
+  </g>,
+  tablerIconProps,
+);
diff --git a/src/css/styles.scss b/src/css/styles.scss
index cff9aaf9e..6fe14bb59 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -549,6 +549,7 @@
     border-top-left-radius: var(--border-radius-lg);
     border-bottom-left-radius: var(--border-radius-lg);
     border-right: 0;
+    overflow: hidden;
 
     background-color: var(--island-bg-color);
 
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 976a0551b..bb779cf0f 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -55,6 +55,7 @@ export const AllowedExcalidrawActiveTools: Record<
   freedraw: true,
   eraser: false,
   custom: true,
+  hand: true,
 };
 
 export type RestoredDataState = {
@@ -465,7 +466,7 @@ export const restoreAppState = (
           ? nextAppState.activeTool
           : { type: "selection" },
       ),
-      lastActiveToolBeforeEraser: null,
+      lastActiveTool: null,
       locked: nextAppState.activeTool.locked ?? false,
     },
     // Migrates from previous version where appState.zoom was a number
diff --git a/src/element/showSelectedShapeActions.ts b/src/element/showSelectedShapeActions.ts
index 14a7694e5..29f8d9fcb 100644
--- a/src/element/showSelectedShapeActions.ts
+++ b/src/element/showSelectedShapeActions.ts
@@ -11,6 +11,7 @@ export const showSelectedShapeActions = (
       appState.activeTool.type !== "custom" &&
       (appState.editingElement ||
         (appState.activeTool.type !== "selection" &&
-          appState.activeTool.type !== "eraser"))) ||
+          appState.activeTool.type !== "eraser" &&
+          appState.activeTool.type !== "hand"))) ||
       getSelectedElements(elements, appState).length,
   );
diff --git a/src/locales/en.json b/src/locales/en.json
index b0e5a2c57..1a46b20e0 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -220,7 +220,8 @@
     "lock": "Keep selected tool active after drawing",
     "penMode": "Pen mode - prevent touch",
     "link": "Add/ Update link for a selected shape",
-    "eraser": "Eraser"
+    "eraser": "Eraser",
+    "hand": "Hand (panning tool)"
   },
   "headings": {
     "canvasActions": "Canvas actions",
@@ -228,7 +229,7 @@
     "shapes": "Shapes"
   },
   "hints": {
-    "canvasPanning": "To move canvas, hold mouse wheel or spacebar while dragging",
+    "canvasPanning": "To move canvas, hold mouse wheel or spacebar while dragging, or use the hand tool",
     "linearElement": "Click to start multiple points, drag for single line",
     "freeDraw": "Click and drag, release when you're finished",
     "text": "Tip: you can also add text by double-clicking anywhere with the selection tool",
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 8633e88b0..326cde0ed 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`contextMenu element right-clicking on a group should select whole group
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -434,7 +434,7 @@ exports[`contextMenu element selecting 'Add to library' in context menu adds ele
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -620,7 +620,7 @@ exports[`contextMenu element selecting 'Bring forward' in context menu brings el
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -975,7 +975,7 @@ exports[`contextMenu element selecting 'Bring to front' in context menu brings e
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -1330,7 +1330,7 @@ exports[`contextMenu element selecting 'Copy styles' in context menu copies styl
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -1516,7 +1516,7 @@ exports[`contextMenu element selecting 'Delete' in context menu deletes element:
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -1738,7 +1738,7 @@ exports[`contextMenu element selecting 'Duplicate' in context menu duplicates el
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -2023,7 +2023,7 @@ exports[`contextMenu element selecting 'Group selection' in context menu groups
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -2396,7 +2396,7 @@ exports[`contextMenu element selecting 'Paste styles' in context menu pastes sty
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -3243,7 +3243,7 @@ exports[`contextMenu element selecting 'Send backward' in context menu sends ele
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -3598,7 +3598,7 @@ exports[`contextMenu element selecting 'Send to back' in context menu sends elem
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -3953,7 +3953,7 @@ exports[`contextMenu element selecting 'Ungroup selection' in context menu ungro
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -4392,7 +4392,7 @@ exports[`contextMenu element shows 'Group selection' in context menu for multipl
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -4933,7 +4933,7 @@ exports[`contextMenu element shows 'Ungroup selection' in context menu for group
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -5559,7 +5559,7 @@ exports[`contextMenu element shows context menu for canvas: [end of test] appSta
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -5773,7 +5773,7 @@ exports[`contextMenu element shows context menu for element: [end of test] appSt
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -6110,7 +6110,7 @@ exports[`contextMenu element shows context menu for element: [end of test] appSt
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index ba2a82ac7..35f9eb7c8 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`given element A and group of elements B and given both are selected whe
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -540,7 +540,7 @@ exports[`given element A and group of elements B and given both are selected whe
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -1082,7 +1082,7 @@ exports[`regression tests Cmd/Ctrl-click exclusively select element under pointe
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -1989,7 +1989,7 @@ exports[`regression tests Drags selected element when hitting only bounding box
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -2219,7 +2219,7 @@ exports[`regression tests adjusts z order when grouping: [end of test] appState
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -2752,7 +2752,7 @@ exports[`regression tests alt-drag duplicates an element: [end of test] appState
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -3041,7 +3041,7 @@ exports[`regression tests arrow keys: [end of test] appState 1`] = `
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -3225,7 +3225,7 @@ exports[`regression tests can drag element that covers another element, while an
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -3741,7 +3741,7 @@ exports[`regression tests change the properties of a shape: [end of test] appSta
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -4009,7 +4009,7 @@ exports[`regression tests click on an element and drag it: [dragged] appState 1`
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -4239,7 +4239,7 @@ exports[`regression tests click on an element and drag it: [end of test] appStat
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -4515,7 +4515,7 @@ exports[`regression tests click to select a shape: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -4803,7 +4803,7 @@ exports[`regression tests click-drag to select a group: [end of test] appState 1
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -5221,7 +5221,7 @@ exports[`regression tests deselects group of selected elements on pointer down w
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -5562,7 +5562,7 @@ exports[`regression tests deselects group of selected elements on pointer up whe
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -5876,7 +5876,7 @@ exports[`regression tests deselects selected element on pointer down when pointe
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -6114,7 +6114,7 @@ exports[`regression tests deselects selected element, on pointer up, when click
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -6300,7 +6300,7 @@ exports[`regression tests double click to edit a group: [end of test] appState 1
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -6828,7 +6828,7 @@ exports[`regression tests drags selected elements from point inside common bound
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -7193,7 +7193,7 @@ exports[`regression tests draw every type of shape: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "freedraw",
   },
@@ -9545,7 +9545,7 @@ exports[`regression tests given a group of selected elements with an element tha
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -9964,7 +9964,7 @@ exports[`regression tests given a selected element A and a not selected element
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -10253,7 +10253,7 @@ exports[`regression tests given selected element A with lower z-index than unsel
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -10501,7 +10501,7 @@ exports[`regression tests given selected element A with lower z-index than unsel
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -10822,7 +10822,7 @@ exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -11006,7 +11006,7 @@ exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`]
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -11190,7 +11190,7 @@ exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`]
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -11374,7 +11374,7 @@ exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -11611,7 +11611,7 @@ exports[`regression tests key 6 selects line tool: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -11848,7 +11848,7 @@ exports[`regression tests key 7 selects freedraw tool: [end of test] appState 1`
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "freedraw",
   },
@@ -12076,7 +12076,7 @@ exports[`regression tests key a selects arrow tool: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -12313,7 +12313,7 @@ exports[`regression tests key d selects diamond tool: [end of test] appState 1`]
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -12497,7 +12497,7 @@ exports[`regression tests key l selects line tool: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -12734,7 +12734,7 @@ exports[`regression tests key o selects ellipse tool: [end of test] appState 1`]
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -12918,7 +12918,7 @@ exports[`regression tests key p selects freedraw tool: [end of test] appState 1`
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "freedraw",
   },
@@ -13146,7 +13146,7 @@ exports[`regression tests key r selects rectangle tool: [end of test] appState 1
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -13330,7 +13330,7 @@ exports[`regression tests make a group and duplicate it: [end of test] appState
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -14169,7 +14169,7 @@ exports[`regression tests noop interaction after undo shouldn't create history e
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -14458,7 +14458,7 @@ exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -14569,7 +14569,7 @@ exports[`regression tests rerenders UI on language change: [end of test] appStat
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "rectangle",
   },
@@ -14678,7 +14678,7 @@ exports[`regression tests shift click on selected element should deselect it on
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -14865,7 +14865,7 @@ exports[`regression tests shift-click to multiselect, then drag: [end of test] a
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -15233,7 +15233,7 @@ exports[`regression tests should group elements and ungroup them: [end of test]
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -15864,7 +15864,7 @@ exports[`regression tests should show fill icons when element has non transparen
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -16090,7 +16090,7 @@ exports[`regression tests single-clicking on a subgroup of a selected group shou
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -17053,7 +17053,7 @@ exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appS
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -17162,7 +17162,7 @@ exports[`regression tests supports nested groups: [end of test] appState 1`] = `
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -18021,7 +18021,7 @@ exports[`regression tests switches from group of selected elements to another el
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -18493,7 +18493,7 @@ exports[`regression tests switches selected element on pointer down: [end of tes
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -18834,7 +18834,7 @@ exports[`regression tests two-finger scroll works: [end of test] appState 1`] =
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -18945,7 +18945,7 @@ exports[`regression tests undo/redo drawing an element: [end of test] appState 1
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
@@ -19516,7 +19516,7 @@ exports[`regression tests updates fontSize & fontFamily appState: [end of test]
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "text",
   },
@@ -19625,7 +19625,7 @@ exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index a74da5dc8..b1002a406 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -4,7 +4,7 @@ exports[`exportToSvg with default arguments 1`] = `
 Object {
   "activeTool": Object {
     "customType": null,
-    "lastActiveToolBeforeEraser": null,
+    "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
diff --git a/src/types.ts b/src/types.ts
index 60e25e0ec..49e09a76d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -81,9 +81,9 @@ export type BinaryFileMetadata = Omit<BinaryFileData, "dataURL">;
 
 export type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
 
-export type LastActiveToolBeforeEraser =
+export type LastActiveTool =
   | {
-      type: typeof SHAPES[number]["value"] | "eraser";
+      type: typeof SHAPES[number]["value"] | "eraser" | "hand";
       customType: null;
     }
   | {
@@ -112,19 +112,23 @@ export type AppState = {
   // (e.g. text element when typing into the input)
   editingElement: NonDeletedExcalidrawElement | null;
   editingLinearElement: LinearElementEditor | null;
-  activeTool:
+  activeTool: {
+    /**
+     * indicates a previous tool we should revert back to if we deselect the
+     * currently active tool. At the moment applies to `eraser` and `hand` tool.
+     */
+    lastActiveTool: LastActiveTool;
+    locked: boolean;
+  } & (
     | {
-        type: typeof SHAPES[number]["value"] | "eraser";
-        lastActiveToolBeforeEraser: LastActiveToolBeforeEraser;
-        locked: boolean;
+        type: typeof SHAPES[number]["value"] | "eraser" | "hand";
         customType: null;
       }
     | {
         type: "custom";
         customType: string;
-        lastActiveToolBeforeEraser: LastActiveToolBeforeEraser;
-        locked: boolean;
-      };
+      }
+  );
   penMode: boolean;
   penDetected: boolean;
   exportBackground: boolean;
diff --git a/src/utils.ts b/src/utils.ts
index a332e921b..80aa03f1d 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -12,10 +12,11 @@ import {
   WINDOWS_EMOJI_FALLBACK_FONT,
 } from "./constants";
 import { FontFamilyValues, FontString } from "./element/types";
-import { AppState, DataURL, LastActiveToolBeforeEraser, Zoom } from "./types";
+import { AppState, DataURL, LastActiveTool, Zoom } from "./types";
 import { unstable_batchedUpdates } from "react-dom";
 import { SHAPES } from "./shapes";
 import React from "react";
+import { isEraserActive, isHandToolActive } from "./appState";
 
 let mockDateTime: string | null = null;
 
@@ -219,9 +220,9 @@ export const distance = (x: number, y: number) => Math.abs(x - y);
 export const updateActiveTool = (
   appState: Pick<AppState, "activeTool">,
   data: (
-    | { type: typeof SHAPES[number]["value"] | "eraser" }
+    | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" }
     | { type: "custom"; customType: string }
-  ) & { lastActiveToolBeforeEraser?: LastActiveToolBeforeEraser },
+  ) & { lastActiveToolBeforeEraser?: LastActiveTool },
 ): AppState["activeTool"] => {
   if (data.type === "custom") {
     return {
@@ -233,9 +234,9 @@ export const updateActiveTool = (
 
   return {
     ...appState.activeTool,
-    lastActiveToolBeforeEraser:
+    lastActiveTool:
       data.lastActiveToolBeforeEraser === undefined
-        ? appState.activeTool.lastActiveToolBeforeEraser
+        ? appState.activeTool.lastActiveTool
         : data.lastActiveToolBeforeEraser,
     type: data.type,
     customType: null,
@@ -305,7 +306,9 @@ export const setCursorForShape = (
   }
   if (appState.activeTool.type === "selection") {
     resetCursor(canvas);
-  } else if (appState.activeTool.type === "eraser") {
+  } else if (isHandToolActive(appState)) {
+    canvas.style.cursor = CURSOR_TYPE.GRAB;
+  } else if (isEraserActive(appState)) {
     setEraserCursor(canvas, appState.theme);
     // do nothing if image tool is selected which suggests there's
     // a image-preview set as the cursor

From 1db078a3dceb76c53d27932049563ed28a7c4b62 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 23 Jan 2023 16:54:35 +0100
Subject: [PATCH 048/252] feat: close MainMenu and Library dropdown on item
 select (#6152)

---
 src/components/ActiveConfirmDialog.tsx        | 35 +++++++++++++
 src/components/LayerUI.tsx                    |  2 +
 src/components/LibraryMenuHeaderContent.tsx   |  1 +
 .../dropdownMenu/DropdownMenuContent.tsx      | 51 +++++++++++--------
 .../dropdownMenu/DropdownMenuItem.tsx         | 16 +++---
 .../dropdownMenu/DropdownMenuItemLink.tsx     | 13 ++++-
 src/components/dropdownMenu/common.ts         | 31 +++++++++++
 src/components/main-menu/DefaultItems.tsx     | 45 +++++-----------
 src/components/main-menu/MainMenu.tsx         | 20 +++++++-
 src/constants.ts                              |  1 +
 src/packages/excalidraw/CHANGELOG.md          |  6 +++
 src/utils.ts                                  | 19 +++++++
 12 files changed, 178 insertions(+), 62 deletions(-)
 create mode 100644 src/components/ActiveConfirmDialog.tsx
 create mode 100644 src/components/dropdownMenu/common.ts

diff --git a/src/components/ActiveConfirmDialog.tsx b/src/components/ActiveConfirmDialog.tsx
new file mode 100644
index 000000000..3c79a5190
--- /dev/null
+++ b/src/components/ActiveConfirmDialog.tsx
@@ -0,0 +1,35 @@
+import { atom, useAtom } from "jotai";
+import { actionClearCanvas } from "../actions";
+import { t } from "../i18n";
+import { useExcalidrawActionManager } from "./App";
+import ConfirmDialog from "./ConfirmDialog";
+
+export const activeConfirmDialogAtom = atom<"clearCanvas" | null>(null);
+
+export const ActiveConfirmDialog = () => {
+  const [activeConfirmDialog, setActiveConfirmDialog] = useAtom(
+    activeConfirmDialogAtom,
+  );
+  const actionManager = useExcalidrawActionManager();
+
+  if (!activeConfirmDialog) {
+    return null;
+  }
+
+  if (activeConfirmDialog === "clearCanvas") {
+    return (
+      <ConfirmDialog
+        onConfirm={() => {
+          actionManager.executeAction(actionClearCanvas);
+          setActiveConfirmDialog(null);
+        }}
+        onCancel={() => setActiveConfirmDialog(null)}
+        title={t("clearCanvasDialog.title")}
+      >
+        <p className="clear-canvas__content"> {t("alerts.clearReset")}</p>
+      </ConfirmDialog>
+    );
+  }
+
+  return null;
+};
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 140f28e91..3defb2947 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -50,6 +50,7 @@ import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
 import { useAtom } from "jotai";
 import MainMenu from "./main-menu/MainMenu";
+import { ActiveConfirmDialog } from "./ActiveConfirmDialog";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
 
@@ -394,6 +395,7 @@ const LayerUI = ({
           }}
         />
       )}
+      <ActiveConfirmDialog />
       {renderImageExportDialog()}
       {renderJSONExportDialog()}
       {appState.pasteDialog.shown && (
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index beeb8dd17..43ea96899 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -187,6 +187,7 @@ export const LibraryMenuHeader: React.FC<{
         </DropdownMenu.Trigger>
         <DropdownMenu.Content
           onClickOutside={() => setIsLibraryMenuOpen(false)}
+          onSelect={() => setIsLibraryMenuOpen(false)}
           className="library-menu"
         >
           {!itemsSelected && (
diff --git a/src/components/dropdownMenu/DropdownMenuContent.tsx b/src/components/dropdownMenu/DropdownMenuContent.tsx
index 873a99d8d..8ec2b6e63 100644
--- a/src/components/dropdownMenu/DropdownMenuContent.tsx
+++ b/src/components/dropdownMenu/DropdownMenuContent.tsx
@@ -4,16 +4,23 @@ import { Island } from "../Island";
 import { useDevice } from "../App";
 import clsx from "clsx";
 import Stack from "../Stack";
+import React from "react";
+import { DropdownMenuContentPropsContext } from "./common";
 
 const MenuContent = ({
   children,
   onClickOutside,
   className = "",
+  onSelect,
   style,
 }: {
   children?: React.ReactNode;
   onClickOutside?: () => void;
   className?: string;
+  /**
+   * Called when any menu item is selected (clicked on).
+   */
+  onSelect?: (event: Event) => void;
   style?: React.CSSProperties;
 }) => {
   const device = useDevice();
@@ -24,28 +31,32 @@ const MenuContent = ({
   const classNames = clsx(`dropdown-menu ${className}`, {
     "dropdown-menu--mobile": device.isMobile,
   }).trim();
+
   return (
-    <div
-      ref={menuRef}
-      className={classNames}
-      style={style}
-      data-testid="dropdown-menu"
-    >
-      {/* the zIndex ensures this menu has higher stacking order,
+    <DropdownMenuContentPropsContext.Provider value={{ onSelect }}>
+      <div
+        ref={menuRef}
+        className={classNames}
+        style={style}
+        data-testid="dropdown-menu"
+      >
+        {/* the zIndex ensures this menu has higher stacking order,
     see https://github.com/excalidraw/excalidraw/pull/1445 */}
-      {device.isMobile ? (
-        <Stack.Col className="dropdown-menu-container">{children}</Stack.Col>
-      ) : (
-        <Island
-          className="dropdown-menu-container"
-          padding={2}
-          style={{ zIndex: 1 }}
-        >
-          {children}
-        </Island>
-      )}
-    </div>
+        {device.isMobile ? (
+          <Stack.Col className="dropdown-menu-container">{children}</Stack.Col>
+        ) : (
+          <Island
+            className="dropdown-menu-container"
+            padding={2}
+            style={{ zIndex: 1 }}
+          >
+            {children}
+          </Island>
+        )}
+      </div>
+    </DropdownMenuContentPropsContext.Provider>
   );
 };
-export default MenuContent;
 MenuContent.displayName = "DropdownMenuContent";
+
+export default MenuContent;
diff --git a/src/components/dropdownMenu/DropdownMenuItem.tsx b/src/components/dropdownMenu/DropdownMenuItem.tsx
index 4f8db982d..9a8e92462 100644
--- a/src/components/dropdownMenu/DropdownMenuItem.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItem.tsx
@@ -1,10 +1,10 @@
 import React from "react";
+import {
+  getDrodownMenuItemClassName,
+  useHandleDropdownMenuItemClick,
+} from "./common";
 import MenuItemContent from "./DropdownMenuItemContent";
 
-export const getDrodownMenuItemClassName = (className = "") => {
-  return `dropdown-menu-item dropdown-menu-item-base ${className}`.trim();
-};
-
 const DropdownMenuItem = ({
   icon,
   onSelect,
@@ -14,15 +14,17 @@ const DropdownMenuItem = ({
   ...rest
 }: {
   icon?: JSX.Element;
-  onSelect: () => void;
+  onSelect: (event: Event) => void;
   children: React.ReactNode;
   shortcut?: string;
   className?: string;
-} & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">) => {
+  const handleClick = useHandleDropdownMenuItemClick(rest.onClick, onSelect);
+
   return (
     <button
       {...rest}
-      onClick={onSelect}
+      onClick={handleClick}
       type="button"
       className={getDrodownMenuItemClassName(className)}
       title={rest.title ?? rest["aria-label"]}
diff --git a/src/components/dropdownMenu/DropdownMenuItemLink.tsx b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
index 18d3f2c70..fdf87f7a4 100644
--- a/src/components/dropdownMenu/DropdownMenuItemLink.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
@@ -1,20 +1,28 @@
 import MenuItemContent from "./DropdownMenuItemContent";
 import React from "react";
-import { getDrodownMenuItemClassName } from "./DropdownMenuItem";
+import {
+  getDrodownMenuItemClassName,
+  useHandleDropdownMenuItemClick,
+} from "./common";
+
 const DropdownMenuItemLink = ({
   icon,
   shortcut,
   href,
   children,
+  onSelect,
   className = "",
   ...rest
 }: {
+  href: string;
   icon?: JSX.Element;
   children: React.ReactNode;
   shortcut?: string;
   className?: string;
-  href: string;
+  onSelect?: (event: Event) => void;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
+  const handleClick = useHandleDropdownMenuItemClick(rest.onClick, onSelect);
+
   return (
     <a
       {...rest}
@@ -23,6 +31,7 @@ const DropdownMenuItemLink = ({
       rel="noreferrer"
       className={getDrodownMenuItemClassName(className)}
       title={rest.title ?? rest["aria-label"]}
+      onClick={handleClick}
     >
       <MenuItemContent icon={icon} shortcut={shortcut}>
         {children}
diff --git a/src/components/dropdownMenu/common.ts b/src/components/dropdownMenu/common.ts
new file mode 100644
index 000000000..bc4fcfc0e
--- /dev/null
+++ b/src/components/dropdownMenu/common.ts
@@ -0,0 +1,31 @@
+import React, { useContext } from "react";
+import { EVENT } from "../../constants";
+import { composeEventHandlers } from "../../utils";
+
+export const DropdownMenuContentPropsContext = React.createContext<{
+  onSelect?: (event: Event) => void;
+}>({});
+
+export const getDrodownMenuItemClassName = (className = "") => {
+  return `dropdown-menu-item dropdown-menu-item-base ${className}`.trim();
+};
+
+export const useHandleDropdownMenuItemClick = (
+  origOnClick:
+    | React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>
+    | undefined,
+  onSelect: ((event: Event) => void) | undefined,
+) => {
+  const DropdownMenuContentProps = useContext(DropdownMenuContentPropsContext);
+
+  return composeEventHandlers(origOnClick, (event) => {
+    const itemSelectEvent = new CustomEvent(EVENT.MENU_ITEM_SELECT, {
+      bubbles: true,
+      cancelable: true,
+    });
+    onSelect?.(itemSelectEvent);
+    if (!itemSelectEvent.defaultPrevented) {
+      DropdownMenuContentProps.onSelect?.(itemSelectEvent);
+    }
+  });
+};
diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index 6342b31d2..6e89b598c 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -28,9 +28,9 @@ import {
 } from "../../actions";
 
 import "./DefaultItems.scss";
-import { useState } from "react";
-import ConfirmDialog from "../ConfirmDialog";
 import clsx from "clsx";
+import { useSetAtom } from "jotai";
+import { activeConfirmDialogAtom } from "../ActiveConfirmDialog";
 
 export const LoadScene = () => {
   // FIXME Hack until we tie "t" to lang state
@@ -122,41 +122,22 @@ export const ClearCanvas = () => {
   // FIXME Hack until we tie "t" to lang state
   // eslint-disable-next-line
   const appState = useExcalidrawAppState();
+  const setActiveConfirmDialog = useSetAtom(activeConfirmDialogAtom);
   const actionManager = useExcalidrawActionManager();
 
-  const [showDialog, setShowDialog] = useState(false);
-  const toggleDialog = () => setShowDialog(!showDialog);
-
   if (!actionManager.isActionEnabled(actionClearCanvas)) {
     return null;
   }
 
   return (
-    <>
-      <DropdownMenuItem
-        icon={TrashIcon}
-        onSelect={toggleDialog}
-        data-testid="clear-canvas-button"
-        aria-label={t("buttons.clearReset")}
-      >
-        {t("buttons.clearReset")}
-      </DropdownMenuItem>
-
-      {/* FIXME this should live outside MainMenu so it stays open
-          if menu is closed */}
-      {showDialog && (
-        <ConfirmDialog
-          onConfirm={() => {
-            actionManager.executeAction(actionClearCanvas);
-            toggleDialog();
-          }}
-          onCancel={toggleDialog}
-          title={t("clearCanvasDialog.title")}
-        >
-          <p className="clear-canvas__content"> {t("alerts.clearReset")}</p>
-        </ConfirmDialog>
-      )}
-    </>
+    <DropdownMenuItem
+      icon={TrashIcon}
+      onSelect={() => setActiveConfirmDialog("clearCanvas")}
+      data-testid="clear-canvas-button"
+      aria-label={t("buttons.clearReset")}
+    >
+      {t("buttons.clearReset")}
+    </DropdownMenuItem>
   );
 };
 ClearCanvas.displayName = "ClearCanvas";
@@ -171,7 +152,9 @@ export const ToggleTheme = () => {
 
   return (
     <DropdownMenuItem
-      onSelect={() => {
+      onSelect={(event) => {
+        // do not close the menu when changing theme
+        event.preventDefault();
         return actionManager.executeAction(actionToggleTheme);
       }}
       icon={appState.theme === "dark" ? SunIcon : MoonIcon}
diff --git a/src/components/main-menu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
index bf398a38b..35b40635f 100644
--- a/src/components/main-menu/MainMenu.tsx
+++ b/src/components/main-menu/MainMenu.tsx
@@ -11,14 +11,25 @@ import * as DefaultItems from "./DefaultItems";
 import { UserList } from "../UserList";
 import { t } from "../../i18n";
 import { HamburgerMenuIcon } from "../icons";
+import { composeEventHandlers } from "../../utils";
 
-const MainMenu = ({ children }: { children?: React.ReactNode }) => {
+const MainMenu = ({
+  children,
+  onSelect,
+}: {
+  children?: React.ReactNode;
+  /**
+   * Called when any menu item is selected (clicked on).
+   */
+  onSelect?: (event: Event) => void;
+}) => {
   const device = useDevice();
   const appState = useExcalidrawAppState();
   const setAppState = useExcalidrawSetAppState();
   const onClickOutside = device.isMobile
     ? undefined
     : () => setAppState({ openMenu: null });
+
   return (
     <DropdownMenu open={appState.openMenu === "canvas"}>
       <DropdownMenu.Trigger
@@ -30,7 +41,12 @@ const MainMenu = ({ children }: { children?: React.ReactNode }) => {
       >
         {HamburgerMenuIcon}
       </DropdownMenu.Trigger>
-      <DropdownMenu.Content onClickOutside={onClickOutside}>
+      <DropdownMenu.Content
+        onClickOutside={onClickOutside}
+        onSelect={composeEventHandlers(onSelect, () => {
+          setAppState({ openMenu: null });
+        })}
+      >
         {children}
         {device.isMobile && appState.collaborators.size > 0 && (
           <fieldset className="UserList-Wrapper">
diff --git a/src/constants.ts b/src/constants.ts
index 20b3778e3..c302ce877 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -62,6 +62,7 @@ export enum EVENT {
   SCROLL = "scroll",
   // custom events
   EXCALIDRAW_LINK = "excalidraw-link",
+  MENU_ITEM_SELECT = "menu.itemSelect",
 }
 
 export const ENV = {
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 1dd0e0be4..8a32ddcdd 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,6 +11,12 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## Unreleased
+
+### Features
+
+- `MainMenu`, `MainMenu.Item`, and `MainMenu.ItemLink` components now all support `onSelect(event: Event): void` callback. If you call `event.preventDefault()`, it will prevent the menu from closing when an item is selected (clicked on). [#6152](https://github.com/excalidraw/excalidraw/pull/6152)
+
 ## 0.14.1 (2023-01-16)
 
 ### Fixes
diff --git a/src/utils.ts b/src/utils.ts
index 80aa03f1d..ee8952daa 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -743,3 +743,22 @@ export const isShallowEqual = <T extends Record<string, any>>(
   }
   return aKeys.every((key) => objA[key] === objB[key]);
 };
+
+// taken from Radix UI
+// https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx
+export const composeEventHandlers = <E>(
+  originalEventHandler?: (event: E) => void,
+  ourEventHandler?: (event: E) => void,
+  { checkForDefaultPrevented = true } = {},
+) => {
+  return function handleEvent(event: E) {
+    originalEventHandler?.(event);
+
+    if (
+      !checkForDefaultPrevented ||
+      !(event as unknown as Event).defaultPrevented
+    ) {
+      return ourEventHandler?.(event);
+    }
+  };
+};

From cf38c0f9331c0e7192fdd64a4dc603206156c17f Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 25 Jan 2023 15:44:20 +0530
Subject: [PATCH 049/252] fix: declare css variable for font in excalidraw so
 its available in host (#6160)

declar css variable for font in excalidraw so its available in host
---
 public/index.html   | 3 ---
 src/css/styles.scss | 4 ++++
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 599813861..35640c0dc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -167,9 +167,6 @@
       body,
       html {
         margin: 0;
-        --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system,
-          Segoe UI, Roboto, Helvetica, Arial, sans-serif;
-        font-family: var(--ui-font);
         -webkit-text-size-adjust: 100%;
 
         width: 100%;
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 6fe14bb59..28a42d069 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -8,6 +8,10 @@
 }
 
 .excalidraw {
+  --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
+    Roboto, Helvetica, Arial, sans-serif;
+  font-family: var(--ui-font);
+
   position: relative;
   overflow: hidden;
   color: var(--text-primary-color);

From b52c8943e40f1fd630be409b8ce9c48c4151638d Mon Sep 17 00:00:00 2001
From: Ignacio Cuadra <67276174+ignacio-cuadra@users.noreply.github.com>
Date: Thu, 26 Jan 2023 03:19:21 -0300
Subject: [PATCH 050/252] fix: :bug: broken emojis when wrap text (#6153)

* fix: :bug: broken emojis when wrap text

* refactor: Delete unnecessary "else" (reduce indentation)

* fix: remove code block that causes the emojis to disappear

* Apply suggestions from code review

Co-authored-by: David Luzar <luzar.david@gmail.com>

* fix: :ambulance: possibly undefined value

* Add spec

Co-authored-by: David Luzar <luzar.david@gmail.com>
Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/element/textElement.test.ts |  14 ++++
 src/element/textElement.ts      | 144 ++++++++++++++++----------------
 2 files changed, 85 insertions(+), 73 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index c61db05f2..b849db012 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -12,6 +12,20 @@ describe("Test wrapText", () => {
     expect(res).toBe("Hello whats up    ");
   });
 
+  it("should work with emojis", () => {
+    const text = "😀";
+    const maxWidth = 1;
+    const res = wrapText(text, font, maxWidth);
+    expect(res).toBe("😀");
+  });
+
+  it("should show the text correctly when min width reached", () => {
+    const text = "Hello😀";
+    const maxWidth = 10;
+    const res = wrapText(text, font, maxWidth);
+    expect(res).toBe("H\ne\nl\nl\no\n😀");
+  });
+
   describe("When text doesn't contain new lines", () => {
     const text = "Hello whats up";
     [
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 7f1b7e1d3..7f44a9ed7 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -359,96 +359,94 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
     // This means its newline so push it
     if (words.length === 1 && words[0] === "") {
       lines.push(words[0]);
-    } else {
-      let currentLine = "";
-      let currentLineWidthTillNow = 0;
+      return; // continue
+    }
+    let currentLine = "";
+    let currentLineWidthTillNow = 0;
 
-      let index = 0;
-      while (index < words.length) {
-        const currentWordWidth = getLineWidth(words[index], font);
+    let index = 0;
+    while (index < words.length) {
+      const currentWordWidth = getLineWidth(words[index], font);
 
-        // Start breaking longer words exceeding max width
-        if (currentWordWidth >= maxWidth) {
-          // push current line since the current word exceeds the max width
-          // so will be appended in next line
+      // Start breaking longer words exceeding max width
+      if (currentWordWidth >= maxWidth) {
+        // push current line since the current word exceeds the max width
+        // so will be appended in next line
+        push(currentLine);
+        currentLine = "";
+        currentLineWidthTillNow = 0;
+        while (words[index].length > 0) {
+          const currentChar = String.fromCodePoint(
+            words[index].codePointAt(0)!,
+          );
+          const width = charWidth.calculate(currentChar, font);
+          currentLineWidthTillNow += width;
+          words[index] = words[index].slice(currentChar.length);
+
+          if (currentLineWidthTillNow >= maxWidth) {
+            // only remove last trailing space which we have added when joining words
+            if (currentLine.slice(-1) === " ") {
+              currentLine = currentLine.slice(0, -1);
+            }
+            push(currentLine);
+            currentLine = currentChar;
+            currentLineWidthTillNow = width;
+          } else {
+            currentLine += currentChar;
+          }
+        }
+        // push current line if appending space exceeds max width
+        if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
           push(currentLine);
           currentLine = "";
           currentLineWidthTillNow = 0;
-          while (words[index].length > 0) {
-            const currentChar = words[index][0];
-            const width = charWidth.calculate(currentChar, font);
-            currentLineWidthTillNow += width;
-            words[index] = words[index].slice(1);
-
-            if (currentLineWidthTillNow >= maxWidth) {
-              // only remove last trailing space which we have added when joining words
-              if (currentLine.slice(-1) === " ") {
-                currentLine = currentLine.slice(0, -1);
-              }
-              push(currentLine);
-              currentLine = currentChar;
-              currentLineWidthTillNow = width;
-              if (currentLineWidthTillNow === maxWidth) {
-                currentLine = "";
-                currentLineWidthTillNow = 0;
-              }
-            } else {
-              currentLine += currentChar;
-            }
-          }
-          // push current line if appending space exceeds max width
-          if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
-            push(currentLine);
-            currentLine = "";
-            currentLineWidthTillNow = 0;
-          } else {
-            // space needs to be appended before next word
-            // as currentLine contains chars which couldn't be appended
-            // to previous line
-            currentLine += " ";
-            currentLineWidthTillNow += spaceWidth;
-          }
-
-          index++;
         } else {
-          // Start appending words in a line till max width reached
-          while (currentLineWidthTillNow < maxWidth && index < words.length) {
-            const word = words[index];
-            currentLineWidthTillNow = getLineWidth(currentLine + word, font);
+          // space needs to be appended before next word
+          // as currentLine contains chars which couldn't be appended
+          // to previous line
+          currentLine += " ";
+          currentLineWidthTillNow += spaceWidth;
+        }
 
-            if (currentLineWidthTillNow >= maxWidth) {
-              push(currentLine);
-              currentLineWidthTillNow = 0;
-              currentLine = "";
+        index++;
+      } else {
+        // Start appending words in a line till max width reached
+        while (currentLineWidthTillNow < maxWidth && index < words.length) {
+          const word = words[index];
+          currentLineWidthTillNow = getLineWidth(currentLine + word, font);
 
-              break;
-            }
-            index++;
-            currentLine += `${word} `;
+          if (currentLineWidthTillNow >= maxWidth) {
+            push(currentLine);
+            currentLineWidthTillNow = 0;
+            currentLine = "";
 
-            // Push the word if appending space exceeds max width
-            if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
-              const word = currentLine.slice(0, -1);
-              push(word);
-              currentLine = "";
-              currentLineWidthTillNow = 0;
-              break;
-            }
+            break;
           }
-          if (currentLineWidthTillNow === maxWidth) {
+          index++;
+          currentLine += `${word} `;
+
+          // Push the word if appending space exceeds max width
+          if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
+            const word = currentLine.slice(0, -1);
+            push(word);
             currentLine = "";
             currentLineWidthTillNow = 0;
+            break;
           }
         }
-      }
-      if (currentLine) {
-        // only remove last trailing space which we have added when joining words
-        if (currentLine.slice(-1) === " ") {
-          currentLine = currentLine.slice(0, -1);
+        if (currentLineWidthTillNow === maxWidth) {
+          currentLine = "";
+          currentLineWidthTillNow = 0;
         }
-        push(currentLine);
       }
     }
+    if (currentLine) {
+      // only remove last trailing space which we have added when joining words
+      if (currentLine.slice(-1) === " ") {
+        currentLine = currentLine.slice(0, -1);
+      }
+      push(currentLine);
+    }
   });
   return lines.join("\n");
 };

From e41ea9562b1142dafd99509c7be90f9370e4c925 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Sat, 28 Jan 2023 16:39:53 +0530
Subject: [PATCH 051/252] fix: set the width correctly using measureText in
 editor (#6162)

---
 src/element/textElement.test.ts |  2 +-
 src/element/textElement.ts      | 16 +++++++---------
 src/element/textWysiwyg.tsx     | 16 ++++++++++++----
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index b849db012..e1b9ff6f0 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -171,7 +171,7 @@ describe("Test measureText", () => {
 
     expect(res.container).toMatchInlineSnapshot(`
       <div
-        style="position: absolute; white-space: pre-wrap; font: Emoji 20px 20px; min-height: 1em; width: 111px; overflow: hidden; word-break: break-word; line-height: 0px;"
+        style="position: absolute; white-space: pre-wrap; font: Emoji 20px 20px; min-height: 1em; max-width: 191px; overflow: hidden; word-break: break-word; line-height: 0px;"
       >
         <span
           style="display: inline-block; overflow: hidden; width: 1px; height: 1px;"
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 7f44a9ed7..4de9373ad 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -271,12 +271,11 @@ export const measureText = (
   container.style.whiteSpace = "pre";
   container.style.font = font;
   container.style.minHeight = "1em";
-  const textWidth = getTextWidth(text, font);
 
   if (maxWidth) {
     const lineHeight = getApproxLineHeight(font);
-    container.style.width = `${String(Math.min(textWidth, maxWidth) + 1)}px`;
-
+    // since we are adding a span of width 1px later
+    container.style.maxWidth = `${maxWidth + 1}px`;
     container.style.overflow = "hidden";
     container.style.wordBreak = "break-word";
     container.style.lineHeight = `${String(lineHeight)}px`;
@@ -293,11 +292,7 @@ export const measureText = (
   container.appendChild(span);
   // Baseline is important for positioning text on canvas
   const baseline = span.offsetTop + span.offsetHeight;
-  // Since span adds 1px extra width to the container
-  let width = container.offsetWidth;
-  if (maxWidth && textWidth > maxWidth) {
-    width = width - 1;
-  }
+  const width = container.offsetWidth;
   const height = container.offsetHeight;
   document.body.removeChild(container);
   if (isTestEnv()) {
@@ -332,8 +327,11 @@ const getLineWidth = (text: string, font: FontString) => {
   if (isTestEnv()) {
     return metrics.width * 10;
   }
+  // Since measureText behaves differently in different browsers
+  // OS so considering a adjustment factor of 0.2
+  const adjustmentFactor = 0.2;
 
-  return metrics.width;
+  return metrics.width + adjustmentFactor;
 };
 
 export const getTextWidth = (text: string, font: FontString) => {
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index d525221aa..7b0098ce0 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -142,11 +142,11 @@ export const textWysiwyg = ({
     const appState = app.state;
     const updatedTextElement =
       Scene.getScene(element)?.getElement<ExcalidrawTextElement>(id);
+
     if (!updatedTextElement) {
       return;
     }
     const { textAlign, verticalAlign } = updatedTextElement;
-
     const approxLineHeight = getApproxLineHeight(
       getFontString(updatedTextElement),
     );
@@ -161,6 +161,7 @@ export const textWysiwyg = ({
       // Set to element height by default since that's
       // what is going to be used for unbounded text
       let textElementHeight = updatedTextElement.height;
+
       if (container && updatedTextElement.containerId) {
         if (isArrowElement(container)) {
           const boundTextCoords =
@@ -206,7 +207,6 @@ export const textWysiwyg = ({
         maxHeight = getMaxContainerHeight(container);
 
         // autogrow container height if text exceeds
-
         if (!isArrowElement(container) && textElementHeight > maxHeight) {
           const diff = Math.min(
             textElementHeight - maxHeight,
@@ -276,7 +276,6 @@ export const textWysiwyg = ({
       // Make sure text editor height doesn't go beyond viewport
       const editorMaxHeight =
         (appState.height - viewportY) / appState.zoom.value;
-
       Object.assign(editable.style, {
         font: getFontString(updatedTextElement),
         // must be defined *after* font ¯\_(ツ)_/¯
@@ -395,11 +394,12 @@ export const textWysiwyg = ({
       // first line as well as setting height to "auto"
       // doubles the height as soon as user starts typing
       if (isBoundToContainer(element) && lines > 1) {
+        const container = getContainerElement(element);
+
         let height = "auto";
         editable.style.height = "0px";
         let heightSet = false;
         if (lines === 2) {
-          const container = getContainerElement(element);
           const actualLineCount = wrapText(
             editable.value,
             font,
@@ -416,6 +416,14 @@ export const textWysiwyg = ({
             heightSet = true;
           }
         }
+        const wrappedText = wrapText(
+          normalizeText(editable.value),
+          font,
+          getMaxContainerWidth(container!),
+        );
+        const width = getTextWidth(wrappedText, font);
+        editable.style.width = `${width}px`;
+
         if (!heightSet) {
           editable.style.height = `${editable.scrollHeight}px`;
         }

From 5ae39c9292bb69853b69a67ff1889380a651d6ca Mon Sep 17 00:00:00 2001
From: JUNYI OU <49964599+Irvingouj@users.noreply.github.com>
Date: Sun, 29 Jan 2023 08:22:25 -0500
Subject: [PATCH 052/252] fix: quick typo fix (#6167)

---
 src/components/dropdownMenu/DropdownMenuItem.tsx     | 4 ++--
 src/components/dropdownMenu/DropdownMenuItemLink.tsx | 4 ++--
 src/components/dropdownMenu/common.ts                | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/dropdownMenu/DropdownMenuItem.tsx b/src/components/dropdownMenu/DropdownMenuItem.tsx
index 9a8e92462..5532dbaae 100644
--- a/src/components/dropdownMenu/DropdownMenuItem.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItem.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  getDrodownMenuItemClassName,
+  getDropdownMenuItemClassName,
   useHandleDropdownMenuItemClick,
 } from "./common";
 import MenuItemContent from "./DropdownMenuItemContent";
@@ -26,7 +26,7 @@ const DropdownMenuItem = ({
       {...rest}
       onClick={handleClick}
       type="button"
-      className={getDrodownMenuItemClassName(className)}
+      className={getDropdownMenuItemClassName(className)}
       title={rest.title ?? rest["aria-label"]}
     >
       <MenuItemContent icon={icon} shortcut={shortcut}>
diff --git a/src/components/dropdownMenu/DropdownMenuItemLink.tsx b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
index fdf87f7a4..c93749ac2 100644
--- a/src/components/dropdownMenu/DropdownMenuItemLink.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItemLink.tsx
@@ -1,7 +1,7 @@
 import MenuItemContent from "./DropdownMenuItemContent";
 import React from "react";
 import {
-  getDrodownMenuItemClassName,
+  getDropdownMenuItemClassName,
   useHandleDropdownMenuItemClick,
 } from "./common";
 
@@ -29,7 +29,7 @@ const DropdownMenuItemLink = ({
       href={href}
       target="_blank"
       rel="noreferrer"
-      className={getDrodownMenuItemClassName(className)}
+      className={getDropdownMenuItemClassName(className)}
       title={rest.title ?? rest["aria-label"]}
       onClick={handleClick}
     >
diff --git a/src/components/dropdownMenu/common.ts b/src/components/dropdownMenu/common.ts
index bc4fcfc0e..9b5e7bfe9 100644
--- a/src/components/dropdownMenu/common.ts
+++ b/src/components/dropdownMenu/common.ts
@@ -6,7 +6,7 @@ export const DropdownMenuContentPropsContext = React.createContext<{
   onSelect?: (event: Event) => void;
 }>({});
 
-export const getDrodownMenuItemClassName = (className = "") => {
+export const getDropdownMenuItemClassName = (className = "") => {
   return `dropdown-menu-item dropdown-menu-item-base ${className}`.trim();
 };
 

From 3a141ca77a4f97724f04cd89fd7ed48babc820a1 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 30 Jan 2023 18:52:56 +0530
Subject: [PATCH 053/252] fix: add 1px width to the container to calculate more
 accurately (#6174)

* fix: add 1px width to the container to calculate accurately

* fix tests
---
 src/element/textElement.ts                                | 3 ++-
 src/element/textWysiwyg.test.tsx                          | 6 +++---
 src/tests/__snapshots__/linearElementEditor.test.tsx.snap | 2 +-
 src/tests/data/__snapshots__/restore.test.ts.snap         | 2 +-
 src/tests/linearElementEditor.test.tsx                    | 4 ++--
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 4de9373ad..552214c08 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -292,7 +292,8 @@ export const measureText = (
   container.appendChild(span);
   // Baseline is important for positioning text on canvas
   const baseline = span.offsetTop + span.offsetHeight;
-  const width = container.offsetWidth;
+  // since we are adding a span of width 1px
+  const width = container.offsetWidth + 1;
   const height = container.offsetHeight;
   document.body.removeChild(container);
   if (isTestEnv()) {
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index cb24386e4..af8e487c0 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -862,7 +862,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          110,
+          109.5,
           17,
         ]
       `);
@@ -910,7 +910,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          425,
+          424,
           -539,
         ]
       `);
@@ -1026,7 +1026,7 @@ describe("textWysiwyg", () => {
       mouse.up(rectangle.x + 100, rectangle.y + 50);
       expect(rectangle.x).toBe(80);
       expect(rectangle.y).toBe(85);
-      expect(text.x).toBe(90);
+      expect(text.x).toBe(89.5);
       expect(text.y).toBe(90);
 
       Keyboard.withModifierKeys({ ctrl: true }, () => {
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index afc175cb9..bebfda9da 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Test Linear Elements Test bound text element should match styles for te
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 0px; height: 0px; left: 40px; top: 20px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -20px; font: Emoji 20px 20px; line-height: 0px; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 1px; height: 0px; left: 39.5px; top: 20px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -20px; font: Emoji 20px 20px; line-height: 0px; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index 20cf1e7d0..8af4f83c9 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -312,7 +312,7 @@ Object {
   "versionNonce": 0,
   "verticalAlign": "middle",
   "width": 100,
-  "x": 0,
+  "x": -0.5,
   "y": 0,
 }
 `;
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index 4f766ae00..d4b1d9038 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -1036,7 +1036,7 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 387,
+          "x": 386.5,
           "y": 70,
         }
       `);
@@ -1095,7 +1095,7 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 190,
+          "x": 189.5,
           "y": 20,
         }
       `);

From e6de1fe4a41947a7980c416e353f1e66ec5fc50b Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 31 Jan 2023 13:53:20 +0100
Subject: [PATCH 054/252] feat: rewrite public UI component rendering using
 tunnels (#6117)

* feat: rewrite public UI component rendering using tunnels

* factor out into components

* comments

* fix variable naming

* fix not hiding welcomeScreen

* factor out AppFooter and memoize components

* remove `UIOptions.welcomeScreen` and render only from host app

* factor out tunnels into own file

* update changelog. Keep `UIOptions.welcomeScreen` as deprecated

* update changelog

* lint

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 package.json                                  |   1 +
 src/components/App.tsx                        |   2 -
 src/components/LayerUI.tsx                    | 119 ++++++++----------
 src/components/MobileMenu.tsx                 |  22 ++--
 src/components/footer/Footer.tsx              |  17 +--
 src/components/footer/FooterCenter.tsx        |  19 +--
 src/components/hoc/withInternalFallback.tsx   |  50 ++++++++
 src/components/main-menu/MainMenu.tsx         | 119 ++++++++++--------
 src/components/tunnels.ts                     |   8 ++
 .../welcome-screen/WelcomeScreen.Center.tsx   |  27 ++--
 .../welcome-screen/WelcomeScreen.Hints.tsx    |  39 +++---
 .../welcome-screen/WelcomeScreen.tsx          |  19 ++-
 src/constants.ts                              |   1 -
 src/excalidraw-app/components/AppFooter.tsx   |  21 ++++
 src/excalidraw-app/components/AppMainMenu.tsx |  40 ++++++
 .../components/AppWelcomeScreen.tsx           |  64 ++++++++++
 src/excalidraw-app/index.tsx                  | 118 ++---------------
 src/packages/excalidraw/CHANGELOG.md          |   5 +
 src/packages/excalidraw/index.tsx             |   1 -
 src/types.ts                                  |  35 +-----
 src/utils.ts                                  |  43 -------
 yarn.lock                                     |  19 +++
 22 files changed, 417 insertions(+), 372 deletions(-)
 create mode 100644 src/components/hoc/withInternalFallback.tsx
 create mode 100644 src/components/tunnels.ts
 create mode 100644 src/excalidraw-app/components/AppFooter.tsx
 create mode 100644 src/excalidraw-app/components/AppMainMenu.tsx
 create mode 100644 src/excalidraw-app/components/AppWelcomeScreen.tsx

diff --git a/package.json b/package.json
index 9f5c46ab9..8d117ea93 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
+    "tunnel-rat": "0.1.0",
     "typescript": "4.9.4",
     "workbox-background-sync": "^6.5.4",
     "workbox-broadcast-update": "^6.5.4",
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 4ea2c3a81..7b2b5e40b 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -589,7 +589,6 @@ class App extends React.Component<AppProps, AppState> {
                         })
                       }
                       langCode={getLanguage().code}
-                      isCollaborating={this.props.isCollaborating}
                       renderTopRightUI={renderTopRightUI}
                       renderCustomStats={renderCustomStats}
                       renderCustomSidebar={this.props.renderSidebar}
@@ -605,7 +604,6 @@ class App extends React.Component<AppProps, AppState> {
                       onImageAction={this.onImageAction}
                       renderWelcomeScreen={
                         !this.state.isLoading &&
-                        this.props.UIOptions.welcomeScreen &&
                         this.state.showWelcomeScreen &&
                         this.state.activeTool.type === "selection" &&
                         !this.scene.getElementsIncludingDeleted().length
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 3defb2947..380c01c14 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -8,15 +8,8 @@ import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language, t } from "../i18n";
 import { calculateScrollCenter } from "../scene";
 import { ExportType } from "../scene/types";
-import {
-  AppProps,
-  AppState,
-  ExcalidrawProps,
-  BinaryFiles,
-  UIChildrenComponents,
-  UIWelcomeScreenComponents,
-} from "../types";
-import { isShallowEqual, muteFSAbortError, getReactChildren } from "../utils";
+import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
+import { isShallowEqual, muteFSAbortError } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import { ErrorDialog } from "./ErrorDialog";
 import { ExportCB, ImageExportDialog } from "./ImageExportDialog";
@@ -45,7 +38,6 @@ import { useDevice } from "../components/App";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions/actionToggleStats";
 import Footer from "./footer/Footer";
-import WelcomeScreen from "./welcome-screen/WelcomeScreen";
 import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
 import { useAtom } from "jotai";
@@ -53,6 +45,12 @@ import MainMenu from "./main-menu/MainMenu";
 import { ActiveConfirmDialog } from "./ActiveConfirmDialog";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
+import {
+  mainMenuTunnel,
+  welcomeScreenMenuHintTunnel,
+  welcomeScreenToolbarHintTunnel,
+  welcomeScreenCenterTunnel,
+} from "./tunnels";
 
 interface LayerUIProps {
   actionManager: ActionManager;
@@ -67,7 +65,6 @@ interface LayerUIProps {
   onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
   showExitZenModeBtn: boolean;
   langCode: Language["code"];
-  isCollaborating: boolean;
   renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   renderCustomSidebar?: ExcalidrawProps["renderSidebar"];
@@ -81,6 +78,32 @@ interface LayerUIProps {
   children?: React.ReactNode;
 }
 
+const DefaultMainMenu: React.FC<{
+  UIOptions: AppProps["UIOptions"];
+}> = ({ UIOptions }) => {
+  return (
+    <MainMenu __fallback>
+      <MainMenu.DefaultItems.LoadScene />
+      <MainMenu.DefaultItems.SaveToActiveFile />
+      {/* FIXME we should to test for this inside the item itself */}
+      {UIOptions.canvasActions.export && <MainMenu.DefaultItems.Export />}
+      {/* FIXME we should to test for this inside the item itself */}
+      {UIOptions.canvasActions.saveAsImage && (
+        <MainMenu.DefaultItems.SaveAsImage />
+      )}
+      <MainMenu.DefaultItems.Help />
+      <MainMenu.DefaultItems.ClearCanvas />
+      <MainMenu.Separator />
+      <MainMenu.Group title="Excalidraw links">
+        <MainMenu.DefaultItems.Socials />
+      </MainMenu.Group>
+      <MainMenu.Separator />
+      <MainMenu.DefaultItems.ToggleTheme />
+      <MainMenu.DefaultItems.ChangeCanvasBackground />
+    </MainMenu>
+  );
+};
+
 const LayerUI = ({
   actionManager,
   appState,
@@ -93,7 +116,6 @@ const LayerUI = ({
   onPenModeToggle,
   onInsertElements,
   showExitZenModeBtn,
-  isCollaborating,
   renderTopRightUI,
   renderCustomStats,
   renderCustomSidebar,
@@ -108,28 +130,6 @@ const LayerUI = ({
 }: LayerUIProps) => {
   const device = useDevice();
 
-  const [childrenComponents, restChildren] =
-    getReactChildren<UIChildrenComponents>(children, {
-      Menu: true,
-      FooterCenter: true,
-      WelcomeScreen: true,
-    });
-
-  const [WelcomeScreenComponents] = getReactChildren<UIWelcomeScreenComponents>(
-    renderWelcomeScreen
-      ? (
-          childrenComponents?.WelcomeScreen ?? (
-            <WelcomeScreen>
-              <WelcomeScreen.Center />
-              <WelcomeScreen.Hints.MenuHint />
-              <WelcomeScreen.Hints.ToolbarHint />
-              <WelcomeScreen.Hints.HelpHint />
-            </WelcomeScreen>
-          )
-        )?.props?.children
-      : null,
-  );
-
   const renderJSONExportDialog = () => {
     if (!UIOptions.canvasActions.export) {
       return null;
@@ -197,37 +197,12 @@ const LayerUI = ({
     );
   };
 
-  const renderMenu = () => {
-    return (
-      childrenComponents.Menu || (
-        <MainMenu>
-          <MainMenu.DefaultItems.LoadScene />
-          <MainMenu.DefaultItems.SaveToActiveFile />
-          {/* FIXME we should to test for this inside the item itself */}
-          {UIOptions.canvasActions.export && <MainMenu.DefaultItems.Export />}
-          {/* FIXME we should to test for this inside the item itself */}
-          {UIOptions.canvasActions.saveAsImage && (
-            <MainMenu.DefaultItems.SaveAsImage />
-          )}
-          <MainMenu.DefaultItems.Help />
-          <MainMenu.DefaultItems.ClearCanvas />
-          <MainMenu.Separator />
-          <MainMenu.Group title="Excalidraw links">
-            <MainMenu.DefaultItems.Socials />
-          </MainMenu.Group>
-          <MainMenu.Separator />
-          <MainMenu.DefaultItems.ToggleTheme />
-          <MainMenu.DefaultItems.ChangeCanvasBackground />
-        </MainMenu>
-      )
-    );
-  };
   const renderCanvasActions = () => (
     <div style={{ position: "relative" }}>
-      {WelcomeScreenComponents.MenuHint}
       {/* wrapping to Fragment stops React from occasionally complaining
                 about identical Keys */}
-      <>{renderMenu()}</>
+      <mainMenuTunnel.Out />
+      {renderWelcomeScreen && <welcomeScreenMenuHintTunnel.Out />}
     </div>
   );
 
@@ -264,7 +239,6 @@ const LayerUI = ({
 
     return (
       <FixedSideContainer side="top">
-        {WelcomeScreenComponents.Center}
         <div className="App-menu App-menu_top">
           <Stack.Col
             gap={6}
@@ -279,7 +253,9 @@ const LayerUI = ({
             <Section heading="shapes" className="shapes-section">
               {(heading: React.ReactNode) => (
                 <div style={{ position: "relative" }}>
-                  {WelcomeScreenComponents.ToolbarHint}
+                  {renderWelcomeScreen && (
+                    <welcomeScreenToolbarHintTunnel.Out />
+                  )}
                   <Stack.Col gap={4} align="start">
                     <Stack.Row
                       gap={1}
@@ -380,7 +356,16 @@ const LayerUI = ({
 
   return (
     <>
-      {restChildren}
+      {/* ------------------------- tunneled UI ---------------------------- */}
+      {/* make sure we render host app components first so that we can detect
+          them first on initial render to optimize layout shift */}
+      {children}
+      {/* render component fallbacks. Can be rendered anywhere as they'll be
+          tunneled away. We only render tunneled components that actually
+          have defaults when host do not render anything. */}
+      <DefaultMainMenu UIOptions={UIOptions} />
+      {/* ------------------------------------------------------------------ */}
+
       {appState.isLoading && <LoadingMessage delay={250} />}
       {appState.errorMessage && (
         <ErrorDialog
@@ -427,8 +412,6 @@ const LayerUI = ({
           renderCustomStats={renderCustomStats}
           renderSidebars={renderSidebars}
           device={device}
-          renderMenu={renderMenu}
-          welcomeScreenCenter={WelcomeScreenComponents.Center}
         />
       )}
 
@@ -451,13 +434,13 @@ const LayerUI = ({
                 : {}
             }
           >
+            {renderWelcomeScreen && <welcomeScreenCenterTunnel.Out />}
             {renderFixedSideContainer()}
             <Footer
               appState={appState}
               actionManager={actionManager}
               showExitZenModeBtn={showExitZenModeBtn}
-              footerCenter={childrenComponents.FooterCenter}
-              welcomeScreenHelp={WelcomeScreenComponents.HelpHint}
+              renderWelcomeScreen={renderWelcomeScreen}
             />
             {appState.showStats && (
               <Stats
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 7c814f53e..b31433714 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -1,10 +1,5 @@
 import React from "react";
-import {
-  AppState,
-  Device,
-  ExcalidrawProps,
-  UIWelcomeScreenComponents,
-} from "../types";
+import { AppState, Device, ExcalidrawProps } from "../types";
 import { ActionManager } from "../actions/manager";
 import { t } from "../i18n";
 import Stack from "./Stack";
@@ -24,6 +19,7 @@ import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
+import { mainMenuTunnel, welcomeScreenCenterTunnel } from "./tunnels";
 
 type MobileMenuProps = {
   appState: AppState;
@@ -45,8 +41,6 @@ type MobileMenuProps = {
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   renderSidebars: () => JSX.Element | null;
   device: Device;
-  renderMenu: () => React.ReactNode;
-  welcomeScreenCenter: UIWelcomeScreenComponents["Center"];
 };
 
 export const MobileMenu = ({
@@ -63,13 +57,11 @@ export const MobileMenu = ({
   renderCustomStats,
   renderSidebars,
   device,
-  renderMenu,
-  welcomeScreenCenter,
 }: MobileMenuProps) => {
   const renderToolbar = () => {
     return (
       <FixedSideContainer side="top" className="App-top-bar">
-        {welcomeScreenCenter}
+        <welcomeScreenCenterTunnel.Out />
         <Section heading="shapes">
           {(heading: React.ReactNode) => (
             <Stack.Col gap={4} align="center">
@@ -135,12 +127,16 @@ export const MobileMenu = ({
 
   const renderAppToolbar = () => {
     if (appState.viewModeEnabled) {
-      return <div className="App-toolbar-content">{renderMenu()}</div>;
+      return (
+        <div className="App-toolbar-content">
+          <mainMenuTunnel.Out />
+        </div>
+      );
     }
 
     return (
       <div className="App-toolbar-content">
-        {renderMenu()}
+        <mainMenuTunnel.Out />
         {actionManager.renderAction("toggleEditMenu")}
         {actionManager.renderAction("undo")}
         {actionManager.renderAction("redo")}
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index 3cb1dd29e..fd734e796 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,11 +1,7 @@
 import clsx from "clsx";
 import { actionShortcuts } from "../../actions";
 import { ActionManager } from "../../actions/manager";
-import {
-  AppState,
-  UIChildrenComponents,
-  UIWelcomeScreenComponents,
-} from "../../types";
+import { AppState } from "../../types";
 import {
   ExitZenModeAction,
   FinalizeAction,
@@ -16,19 +12,18 @@ import { useDevice } from "../App";
 import { HelpButton } from "../HelpButton";
 import { Section } from "../Section";
 import Stack from "../Stack";
+import { footerCenterTunnel, welcomeScreenHelpHintTunnel } from "../tunnels";
 
 const Footer = ({
   appState,
   actionManager,
   showExitZenModeBtn,
-  footerCenter,
-  welcomeScreenHelp,
+  renderWelcomeScreen,
 }: {
   appState: AppState;
   actionManager: ActionManager;
   showExitZenModeBtn: boolean;
-  footerCenter: UIChildrenComponents["FooterCenter"];
-  welcomeScreenHelp: UIWelcomeScreenComponents["HelpHint"];
+  renderWelcomeScreen: boolean;
 }) => {
   const device = useDevice();
   const showFinalize =
@@ -73,14 +68,14 @@ const Footer = ({
           </Section>
         </Stack.Col>
       </div>
-      {footerCenter}
+      <footerCenterTunnel.Out />
       <div
         className={clsx("layer-ui__wrapper__footer-right zen-mode-transition", {
           "transition-right disable-pointerEvents": appState.zenModeEnabled,
         })}
       >
         <div style={{ position: "relative" }}>
-          {welcomeScreenHelp}
+          {renderWelcomeScreen && <welcomeScreenHelpHintTunnel.Out />}
           <HelpButton
             onClick={() => actionManager.executeAction(actionShortcuts)}
           />
diff --git a/src/components/footer/FooterCenter.tsx b/src/components/footer/FooterCenter.tsx
index 9fb0acbdb..1cd96b85b 100644
--- a/src/components/footer/FooterCenter.tsx
+++ b/src/components/footer/FooterCenter.tsx
@@ -1,18 +1,21 @@
 import clsx from "clsx";
 import { useExcalidrawAppState } from "../App";
+import { footerCenterTunnel } from "../tunnels";
 import "./FooterCenter.scss";
 
 const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
   const appState = useExcalidrawAppState();
   return (
-    <div
-      className={clsx("footer-center zen-mode-transition", {
-        "layer-ui__wrapper__footer-left--transition-bottom":
-          appState.zenModeEnabled,
-      })}
-    >
-      {children}
-    </div>
+    <footerCenterTunnel.In>
+      <div
+        className={clsx("footer-center zen-mode-transition", {
+          "layer-ui__wrapper__footer-left--transition-bottom":
+            appState.zenModeEnabled,
+        })}
+      >
+        {children}
+      </div>
+    </footerCenterTunnel.In>
   );
 };
 
diff --git a/src/components/hoc/withInternalFallback.tsx b/src/components/hoc/withInternalFallback.tsx
new file mode 100644
index 000000000..6c68b3c95
--- /dev/null
+++ b/src/components/hoc/withInternalFallback.tsx
@@ -0,0 +1,50 @@
+import { atom, useAtom } from "jotai";
+import React, { useLayoutEffect } from "react";
+
+export const withInternalFallback = <P,>(
+  componentName: string,
+  Component: React.FC<P>,
+) => {
+  const counterAtom = atom(0);
+  // flag set on initial render to tell the fallback component to skip the
+  // render until mount counter are initialized. This is because the counter
+  // is initialized in an effect, and thus we could end rendering both
+  // components at the same time until counter is initialized.
+  let preferHost = false;
+
+  const WrapperComponent: React.FC<
+    P & {
+      __fallback?: boolean;
+    }
+  > = (props) => {
+    const [counter, setCounter] = useAtom(counterAtom);
+
+    useLayoutEffect(() => {
+      setCounter((counter) => counter + 1);
+      return () => {
+        setCounter((counter) => counter - 1);
+      };
+    }, [setCounter]);
+
+    if (!props.__fallback) {
+      preferHost = true;
+    }
+
+    // ensure we don't render fallback and host components at the same time
+    if (
+      // either before the counters are initialized
+      (!counter && props.__fallback && preferHost) ||
+      // or after the counters are initialized, and both are rendered
+      // (this is the default when host renders as well)
+      (counter > 1 && props.__fallback)
+    ) {
+      return null;
+    }
+
+    return <Component {...props} />;
+  };
+
+  WrapperComponent.displayName = componentName;
+
+  return WrapperComponent;
+};
diff --git a/src/components/main-menu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
index 35b40635f..cc0de1b59 100644
--- a/src/components/main-menu/MainMenu.tsx
+++ b/src/components/main-menu/MainMenu.tsx
@@ -11,62 +11,73 @@ import * as DefaultItems from "./DefaultItems";
 import { UserList } from "../UserList";
 import { t } from "../../i18n";
 import { HamburgerMenuIcon } from "../icons";
+import { withInternalFallback } from "../hoc/withInternalFallback";
 import { composeEventHandlers } from "../../utils";
+import { mainMenuTunnel } from "../tunnels";
 
-const MainMenu = ({
-  children,
-  onSelect,
-}: {
-  children?: React.ReactNode;
-  /**
-   * Called when any menu item is selected (clicked on).
-   */
-  onSelect?: (event: Event) => void;
-}) => {
-  const device = useDevice();
-  const appState = useExcalidrawAppState();
-  const setAppState = useExcalidrawSetAppState();
-  const onClickOutside = device.isMobile
-    ? undefined
-    : () => setAppState({ openMenu: null });
+const MainMenu = Object.assign(
+  withInternalFallback(
+    "MainMenu",
+    ({
+      children,
+      onSelect,
+    }: {
+      children?: React.ReactNode;
+      /**
+       * Called when any menu item is selected (clicked on).
+       */
+      onSelect?: (event: Event) => void;
+    }) => {
+      const device = useDevice();
+      const appState = useExcalidrawAppState();
+      const setAppState = useExcalidrawSetAppState();
+      const onClickOutside = device.isMobile
+        ? undefined
+        : () => setAppState({ openMenu: null });
 
-  return (
-    <DropdownMenu open={appState.openMenu === "canvas"}>
-      <DropdownMenu.Trigger
-        onToggle={() => {
-          setAppState({
-            openMenu: appState.openMenu === "canvas" ? null : "canvas",
-          });
-        }}
-      >
-        {HamburgerMenuIcon}
-      </DropdownMenu.Trigger>
-      <DropdownMenu.Content
-        onClickOutside={onClickOutside}
-        onSelect={composeEventHandlers(onSelect, () => {
-          setAppState({ openMenu: null });
-        })}
-      >
-        {children}
-        {device.isMobile && appState.collaborators.size > 0 && (
-          <fieldset className="UserList-Wrapper">
-            <legend>{t("labels.collaborators")}</legend>
-            <UserList mobile={true} collaborators={appState.collaborators} />
-          </fieldset>
-        )}
-      </DropdownMenu.Content>
-    </DropdownMenu>
-  );
-};
-
-MainMenu.Trigger = DropdownMenu.Trigger;
-MainMenu.Item = DropdownMenu.Item;
-MainMenu.ItemLink = DropdownMenu.ItemLink;
-MainMenu.ItemCustom = DropdownMenu.ItemCustom;
-MainMenu.Group = DropdownMenu.Group;
-MainMenu.Separator = DropdownMenu.Separator;
-MainMenu.DefaultItems = DefaultItems;
+      return (
+        <mainMenuTunnel.In>
+          <DropdownMenu open={appState.openMenu === "canvas"}>
+            <DropdownMenu.Trigger
+              onToggle={() => {
+                setAppState({
+                  openMenu: appState.openMenu === "canvas" ? null : "canvas",
+                });
+              }}
+            >
+              {HamburgerMenuIcon}
+            </DropdownMenu.Trigger>
+            <DropdownMenu.Content
+              onClickOutside={onClickOutside}
+              onSelect={composeEventHandlers(onSelect, () => {
+                setAppState({ openMenu: null });
+              })}
+            >
+              {children}
+              {device.isMobile && appState.collaborators.size > 0 && (
+                <fieldset className="UserList-Wrapper">
+                  <legend>{t("labels.collaborators")}</legend>
+                  <UserList
+                    mobile={true}
+                    collaborators={appState.collaborators}
+                  />
+                </fieldset>
+              )}
+            </DropdownMenu.Content>
+          </DropdownMenu>
+        </mainMenuTunnel.In>
+      );
+    },
+  ),
+  {
+    Trigger: DropdownMenu.Trigger,
+    Item: DropdownMenu.Item,
+    ItemLink: DropdownMenu.ItemLink,
+    ItemCustom: DropdownMenu.ItemCustom,
+    Group: DropdownMenu.Group,
+    Separator: DropdownMenu.Separator,
+    DefaultItems,
+  },
+);
 
 export default MainMenu;
-
-MainMenu.displayName = "Menu";
diff --git a/src/components/tunnels.ts b/src/components/tunnels.ts
new file mode 100644
index 000000000..646adac0f
--- /dev/null
+++ b/src/components/tunnels.ts
@@ -0,0 +1,8 @@
+import tunnel from "tunnel-rat";
+
+export const mainMenuTunnel = tunnel();
+export const welcomeScreenMenuHintTunnel = tunnel();
+export const welcomeScreenToolbarHintTunnel = tunnel();
+export const welcomeScreenHelpHintTunnel = tunnel();
+export const welcomeScreenCenterTunnel = tunnel();
+export const footerCenterTunnel = tunnel();
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
index c1eef7dc6..169503a67 100644
--- a/src/components/welcome-screen/WelcomeScreen.Center.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -7,6 +7,7 @@ import {
   useExcalidrawAppState,
 } from "../App";
 import { ExcalLogo, HelpIcon, LoadIcon, usersIcon } from "../icons";
+import { welcomeScreenCenterTunnel } from "../tunnels";
 
 const WelcomeScreenMenuItemContent = ({
   icon,
@@ -89,18 +90,20 @@ WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
 
 const Center = ({ children }: { children?: React.ReactNode }) => {
   return (
-    <div className="welcome-screen-center">
-      {children || (
-        <>
-          <Logo />
-          <Heading>{t("welcomeScreen.defaults.center_heading")}</Heading>
-          <Menu>
-            <MenuItemLoadScene />
-            <MenuItemHelp />
-          </Menu>
-        </>
-      )}
-    </div>
+    <welcomeScreenCenterTunnel.In>
+      <div className="welcome-screen-center">
+        {children || (
+          <>
+            <Logo />
+            <Heading>{t("welcomeScreen.defaults.center_heading")}</Heading>
+            <Menu>
+              <MenuItemLoadScene />
+              <MenuItemHelp />
+            </Menu>
+          </>
+        )}
+      </div>
+    </welcomeScreenCenterTunnel.In>
   );
 };
 Center.displayName = "Center";
diff --git a/src/components/welcome-screen/WelcomeScreen.Hints.tsx b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
index d961a6c65..59d68cf96 100644
--- a/src/components/welcome-screen/WelcomeScreen.Hints.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
@@ -4,37 +4,48 @@ import {
   WelcomeScreenMenuArrow,
   WelcomeScreenTopToolbarArrow,
 } from "../icons";
+import {
+  welcomeScreenMenuHintTunnel,
+  welcomeScreenToolbarHintTunnel,
+  welcomeScreenHelpHintTunnel,
+} from "../tunnels";
 
 const MenuHint = ({ children }: { children?: React.ReactNode }) => {
   return (
-    <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu">
-      {WelcomeScreenMenuArrow}
-      <div className="welcome-screen-decor-hint__label">
-        {children || t("welcomeScreen.defaults.menuHint")}
+    <welcomeScreenMenuHintTunnel.In>
+      <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu">
+        {WelcomeScreenMenuArrow}
+        <div className="welcome-screen-decor-hint__label">
+          {children || t("welcomeScreen.defaults.menuHint")}
+        </div>
       </div>
-    </div>
+    </welcomeScreenMenuHintTunnel.In>
   );
 };
 MenuHint.displayName = "MenuHint";
 
 const ToolbarHint = ({ children }: { children?: React.ReactNode }) => {
   return (
-    <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar">
-      <div className="welcome-screen-decor-hint__label">
-        {children || t("welcomeScreen.defaults.toolbarHint")}
+    <welcomeScreenToolbarHintTunnel.In>
+      <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar">
+        <div className="welcome-screen-decor-hint__label">
+          {children || t("welcomeScreen.defaults.toolbarHint")}
+        </div>
+        {WelcomeScreenTopToolbarArrow}
       </div>
-      {WelcomeScreenTopToolbarArrow}
-    </div>
+    </welcomeScreenToolbarHintTunnel.In>
   );
 };
 ToolbarHint.displayName = "ToolbarHint";
 
 const HelpHint = ({ children }: { children?: React.ReactNode }) => {
   return (
-    <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help">
-      <div>{children || t("welcomeScreen.defaults.helpHint")}</div>
-      {WelcomeScreenHelpArrow}
-    </div>
+    <welcomeScreenHelpHintTunnel.In>
+      <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help">
+        <div>{children || t("welcomeScreen.defaults.helpHint")}</div>
+        {WelcomeScreenHelpArrow}
+      </div>
+    </welcomeScreenHelpHintTunnel.In>
   );
 };
 HelpHint.displayName = "HelpHint";
diff --git a/src/components/welcome-screen/WelcomeScreen.tsx b/src/components/welcome-screen/WelcomeScreen.tsx
index 9f8c7d735..1f38b1ca9 100644
--- a/src/components/welcome-screen/WelcomeScreen.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.tsx
@@ -3,12 +3,21 @@ import { MenuHint, ToolbarHint, HelpHint } from "./WelcomeScreen.Hints";
 
 import "./WelcomeScreen.scss";
 
-const WelcomeScreen = (props: { children: React.ReactNode }) => {
-  // NOTE this component is used as a dummy wrapper to retrieve child props
-  // from, and will never be rendered to DOM directly. As such, we can't
-  // do anything here (use hooks and such)
-  return null;
+const WelcomeScreen = (props: { children?: React.ReactNode }) => {
+  return (
+    <>
+      {props.children || (
+        <>
+          <Center />
+          <MenuHint />
+          <ToolbarHint />
+          <HelpHint />
+        </>
+      )}
+    </>
+  );
 };
+
 WelcomeScreen.displayName = "WelcomeScreen";
 
 WelcomeScreen.Center = Center;
diff --git a/src/constants.ts b/src/constants.ts
index c302ce877..c3952b92c 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -159,7 +159,6 @@ export const DEFAULT_UI_OPTIONS: AppProps["UIOptions"] = {
     toggleTheme: null,
     saveAsImage: true,
   },
-  welcomeScreen: true,
 };
 
 // breakpoints
diff --git a/src/excalidraw-app/components/AppFooter.tsx b/src/excalidraw-app/components/AppFooter.tsx
new file mode 100644
index 000000000..7011a1c4d
--- /dev/null
+++ b/src/excalidraw-app/components/AppFooter.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { Footer } from "../../packages/excalidraw/index";
+import { EncryptedIcon } from "./EncryptedIcon";
+import { ExcalidrawPlusAppLink } from "./ExcalidrawPlusAppLink";
+
+export const AppFooter = React.memo(() => {
+  return (
+    <Footer>
+      <div
+        style={{
+          display: "flex",
+          gap: ".5rem",
+          alignItems: "center",
+        }}
+      >
+        <ExcalidrawPlusAppLink />
+        <EncryptedIcon />
+      </div>
+    </Footer>
+  );
+});
diff --git a/src/excalidraw-app/components/AppMainMenu.tsx b/src/excalidraw-app/components/AppMainMenu.tsx
new file mode 100644
index 000000000..b1c0771e5
--- /dev/null
+++ b/src/excalidraw-app/components/AppMainMenu.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { PlusPromoIcon } from "../../components/icons";
+import { MainMenu } from "../../packages/excalidraw/index";
+import { LanguageList } from "./LanguageList";
+
+export const AppMainMenu: React.FC<{
+  setCollabDialogShown: (toggle: boolean) => any;
+  isCollaborating: boolean;
+}> = React.memo((props) => {
+  return (
+    <MainMenu>
+      <MainMenu.DefaultItems.LoadScene />
+      <MainMenu.DefaultItems.SaveToActiveFile />
+      <MainMenu.DefaultItems.Export />
+      <MainMenu.DefaultItems.SaveAsImage />
+      <MainMenu.DefaultItems.LiveCollaborationTrigger
+        isCollaborating={props.isCollaborating}
+        onSelect={() => props.setCollabDialogShown(true)}
+      />
+
+      <MainMenu.DefaultItems.Help />
+      <MainMenu.DefaultItems.ClearCanvas />
+      <MainMenu.Separator />
+      <MainMenu.ItemLink
+        icon={PlusPromoIcon}
+        href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=hamburger"
+        className="ExcalidrawPlus"
+      >
+        Excalidraw+
+      </MainMenu.ItemLink>
+      <MainMenu.DefaultItems.Socials />
+      <MainMenu.Separator />
+      <MainMenu.DefaultItems.ToggleTheme />
+      <MainMenu.ItemCustom>
+        <LanguageList style={{ width: "100%" }} />
+      </MainMenu.ItemCustom>
+      <MainMenu.DefaultItems.ChangeCanvasBackground />
+    </MainMenu>
+  );
+});
diff --git a/src/excalidraw-app/components/AppWelcomeScreen.tsx b/src/excalidraw-app/components/AppWelcomeScreen.tsx
new file mode 100644
index 000000000..9e760f734
--- /dev/null
+++ b/src/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+import { PlusPromoIcon } from "../../components/icons";
+import { t } from "../../i18n";
+import { WelcomeScreen } from "../../packages/excalidraw/index";
+import { isExcalidrawPlusSignedUser } from "../app_constants";
+
+export const AppWelcomeScreen: React.FC<{
+  setCollabDialogShown: (toggle: boolean) => any;
+}> = React.memo((props) => {
+  let headingContent;
+
+  if (isExcalidrawPlusSignedUser) {
+    headingContent = t("welcomeScreen.app.center_heading_plus")
+      .split(/(Excalidraw\+)/)
+      .map((bit, idx) => {
+        if (bit === "Excalidraw+") {
+          return (
+            <a
+              style={{ pointerEvents: "all" }}
+              href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
+              key={idx}
+            >
+              Excalidraw+
+            </a>
+          );
+        }
+        return bit;
+      });
+  } else {
+    headingContent = t("welcomeScreen.app.center_heading");
+  }
+
+  return (
+    <WelcomeScreen>
+      <WelcomeScreen.Hints.MenuHint>
+        {t("welcomeScreen.app.menuHint")}
+      </WelcomeScreen.Hints.MenuHint>
+      <WelcomeScreen.Hints.ToolbarHint />
+      <WelcomeScreen.Hints.HelpHint />
+      <WelcomeScreen.Center>
+        <WelcomeScreen.Center.Logo />
+        <WelcomeScreen.Center.Heading>
+          {headingContent}
+        </WelcomeScreen.Center.Heading>
+        <WelcomeScreen.Center.Menu>
+          <WelcomeScreen.Center.MenuItemLoadScene />
+          <WelcomeScreen.Center.MenuItemHelp />
+          <WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
+            onSelect={() => props.setCollabDialogShown(true)}
+          />
+          {!isExcalidrawPlusSignedUser && (
+            <WelcomeScreen.Center.MenuItemLink
+              href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
+              shortcut={null}
+              icon={PlusPromoIcon}
+            >
+              Try Excalidraw Plus!
+            </WelcomeScreen.Center.MenuItemLink>
+          )}
+        </WelcomeScreen.Center.Menu>
+      </WelcomeScreen.Center>
+    </WelcomeScreen>
+  );
+});
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 8f2d8cbcc..6d6c9fe7d 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -1,6 +1,6 @@
 import polyfill from "../polyfill";
 import LanguageDetector from "i18next-browser-languagedetector";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { trackEvent } from "../analytics";
 import { getDefaultAppState } from "../appState";
 import { ErrorDialog } from "../components/ErrorDialog";
@@ -24,10 +24,7 @@ import { t } from "../i18n";
 import {
   Excalidraw,
   defaultLang,
-  Footer,
-  MainMenu,
   LiveCollaborationTrigger,
-  WelcomeScreen,
 } from "../packages/excalidraw/index";
 import {
   AppState,
@@ -47,7 +44,6 @@ import {
 } from "../utils";
 import {
   FIREBASE_STORAGE_PREFIXES,
-  isExcalidrawPlusSignedUser,
   STORAGE_KEYS,
   SYNC_BROWSER_TABS_TIMEOUT,
 } from "./app_constants";
@@ -85,10 +81,9 @@ import { atom, Provider, useAtom } from "jotai";
 import { jotaiStore, useAtomWithInitialValue } from "../jotai";
 import { reconcileElements } from "./collab/reconciliation";
 import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
-import { EncryptedIcon } from "./components/EncryptedIcon";
-import { ExcalidrawPlusAppLink } from "./components/ExcalidrawPlusAppLink";
-import { LanguageList } from "./components/LanguageList";
-import { PlusPromoIcon } from "../components/icons";
+import { AppMainMenu } from "./components/AppMainMenu";
+import { AppWelcomeScreen } from "./components/AppWelcomeScreen";
+import { AppFooter } from "./components/AppFooter";
 
 polyfill();
 
@@ -604,96 +599,6 @@ const ExcalidrawWrapper = () => {
     localStorage.setItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY, serializedItems);
   };
 
-  const renderMenu = () => {
-    return (
-      <MainMenu>
-        <MainMenu.DefaultItems.LoadScene />
-        <MainMenu.DefaultItems.SaveToActiveFile />
-        <MainMenu.DefaultItems.Export />
-        <MainMenu.DefaultItems.SaveAsImage />
-        <MainMenu.DefaultItems.LiveCollaborationTrigger
-          isCollaborating={isCollaborating}
-          onSelect={() => setCollabDialogShown(true)}
-        />
-
-        <MainMenu.DefaultItems.Help />
-        <MainMenu.DefaultItems.ClearCanvas />
-        <MainMenu.Separator />
-        <MainMenu.ItemLink
-          icon={PlusPromoIcon}
-          href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=hamburger"
-          className="ExcalidrawPlus"
-        >
-          Excalidraw+
-        </MainMenu.ItemLink>
-        <MainMenu.DefaultItems.Socials />
-        <MainMenu.Separator />
-        <MainMenu.DefaultItems.ToggleTheme />
-        <MainMenu.ItemCustom>
-          <LanguageList style={{ width: "100%" }} />
-        </MainMenu.ItemCustom>
-        <MainMenu.DefaultItems.ChangeCanvasBackground />
-      </MainMenu>
-    );
-  };
-
-  const welcomeScreenJSX = useMemo(() => {
-    let headingContent;
-
-    if (isExcalidrawPlusSignedUser) {
-      headingContent = t("welcomeScreen.app.center_heading_plus")
-        .split(/(Excalidraw\+)/)
-        .map((bit, idx) => {
-          if (bit === "Excalidraw+") {
-            return (
-              <a
-                style={{ pointerEvents: "all" }}
-                href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
-                key={idx}
-              >
-                Excalidraw+
-              </a>
-            );
-          }
-          return bit;
-        });
-    } else {
-      headingContent = t("welcomeScreen.app.center_heading");
-    }
-
-    return (
-      <WelcomeScreen>
-        <WelcomeScreen.Hints.MenuHint>
-          {t("welcomeScreen.app.menuHint")}
-        </WelcomeScreen.Hints.MenuHint>
-        <WelcomeScreen.Hints.ToolbarHint />
-        <WelcomeScreen.Hints.HelpHint />
-        <WelcomeScreen.Center>
-          <WelcomeScreen.Center.Logo />
-          <WelcomeScreen.Center.Heading>
-            {headingContent}
-          </WelcomeScreen.Center.Heading>
-          <WelcomeScreen.Center.Menu>
-            <WelcomeScreen.Center.MenuItemLoadScene />
-            <WelcomeScreen.Center.MenuItemHelp />
-            <WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
-              onSelect={() => setCollabDialogShown(true)}
-            />
-            {!isExcalidrawPlusSignedUser && (
-              <WelcomeScreen.Center.MenuItemLink
-                href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
-                shortcut={null}
-                icon={PlusPromoIcon}
-              >
-                Try Excalidraw Plus!
-              </WelcomeScreen.Center.MenuItemLink>
-            )}
-          </WelcomeScreen.Center.Menu>
-        </WelcomeScreen.Center>
-      </WelcomeScreen>
-    );
-  }, [setCollabDialogShown]);
-
   return (
     <div
       style={{ height: "100%" }}
@@ -750,15 +655,12 @@ const ExcalidrawWrapper = () => {
           );
         }}
       >
-        {renderMenu()}
-
-        <Footer>
-          <div style={{ display: "flex", gap: ".5rem", alignItems: "center" }}>
-            <ExcalidrawPlusAppLink />
-            <EncryptedIcon />
-          </div>
-        </Footer>
-        {welcomeScreenJSX}
+        <AppMainMenu
+          setCollabDialogShown={setCollabDialogShown}
+          isCollaborating={isCollaborating}
+        />
+        <AppWelcomeScreen setCollabDialogShown={setCollabDialogShown} />
+        <AppFooter />
       </Excalidraw>
       {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       {errorMessage && (
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 8a32ddcdd..167a9b213 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,8 +15,13 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Welcome screen no longer renders by default, and you need to render it yourself. `UIOptions.welcomeScreen` option is now deprecated. [#6117](https://github.com/excalidraw/excalidraw/pull/6117)
 - `MainMenu`, `MainMenu.Item`, and `MainMenu.ItemLink` components now all support `onSelect(event: Event): void` callback. If you call `event.preventDefault()`, it will prevent the menu from closing when an item is selected (clicked on). [#6152](https://github.com/excalidraw/excalidraw/pull/6152)
 
+### Fixes
+
+- declare css variable for font in excalidraw so its available in host [#6160](https://github.com/excalidraw/excalidraw/pull/6160)
+
 ## 0.14.1 (2023-01-16)
 
 ### Fixes
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 52c3b4897..1305f91f3 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -53,7 +53,6 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
       ...DEFAULT_UI_OPTIONS.canvasActions,
       ...canvasActions,
     },
-    welcomeScreen: props.UIOptions?.welcomeScreen ?? true,
   };
 
   if (canvasActions?.export) {
diff --git a/src/types.ts b/src/types.ts
index 49e09a76d..486ec7146 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -385,15 +385,16 @@ type CanvasActions = Partial<{
 
 type UIOptions = Partial<{
   dockedSidebarBreakpoint: number;
-  welcomeScreen: boolean;
   canvasActions: CanvasActions;
+  /** @deprecated does nothing. Will be removed in 0.15 */
+  welcomeScreen?: boolean;
 }>;
 
 export type AppProps = Merge<
   ExcalidrawProps,
   {
     UIOptions: Merge<
-      MarkRequired<UIOptions, "welcomeScreen">,
+      UIOptions,
       {
         canvasActions: Required<CanvasActions> & { export: ExportOpts };
       }
@@ -523,33 +524,3 @@ export type Device = Readonly<{
   isTouchScreen: boolean;
   canDeviceFitSidebar: boolean;
 }>;
-
-export type UIChildrenComponents = {
-  [k in "FooterCenter" | "Menu" | "WelcomeScreen"]?: React.ReactElement<
-    { children?: React.ReactNode },
-    React.JSXElementConstructor<any>
-  >;
-};
-
-export type UIWelcomeScreenComponents = {
-  [k in
-    | "Center"
-    | "MenuHint"
-    | "ToolbarHint"
-    | "HelpHint"]?: React.ReactElement<
-    { children?: React.ReactNode },
-    React.JSXElementConstructor<any>
-  >;
-};
-
-export type UIWelcomeScreenCenterComponents = {
-  [k in
-    | "Logo"
-    | "Heading"
-    | "Menu"
-    | "MenuItemLoadScene"
-    | "MenuItemHelp"]?: React.ReactElement<
-    { children?: React.ReactNode },
-    React.JSXElementConstructor<any>
-  >;
-};
diff --git a/src/utils.ts b/src/utils.ts
index ee8952daa..60ad24f1c 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -15,7 +15,6 @@ import { FontFamilyValues, FontString } from "./element/types";
 import { AppState, DataURL, LastActiveTool, Zoom } from "./types";
 import { unstable_batchedUpdates } from "react-dom";
 import { SHAPES } from "./shapes";
-import React from "react";
 import { isEraserActive, isHandToolActive } from "./appState";
 
 let mockDateTime: string | null = null;
@@ -690,48 +689,6 @@ export const queryFocusableElements = (container: HTMLElement | null) => {
     : [];
 };
 
-/**
- * Partitions React children into named components and the rest of children.
- *
- * Returns known children as a dictionary of react children keyed by their
- * displayName, and the rest children as an array.
- *
- * NOTE all named react components are included in the dictionary, irrespective
- * of the supplied type parameter. This means you may be throwing away
- * children that you aren't expecting, but should nonetheless be rendered.
- * To guard against this (provided you care about the rest children at all),
- * supply a second parameter with an object with keys of the expected children.
- */
-export const getReactChildren = <
-  KnownChildren extends {
-    [k in string]?: React.ReactNode;
-  },
->(
-  children: React.ReactNode,
-  expectedComponents?: Record<keyof KnownChildren, any>,
-) => {
-  const restChildren: React.ReactNode[] = [];
-
-  const knownChildren = React.Children.toArray(children).reduce(
-    (acc, child) => {
-      if (
-        React.isValidElement(child) &&
-        (!expectedComponents ||
-          ((child.type as any).displayName as string) in expectedComponents)
-      ) {
-        // @ts-ignore
-        acc[child.type.displayName] = child;
-      } else {
-        restChildren.push(child);
-      }
-      return acc;
-    },
-    {} as Partial<KnownChildren>,
-  );
-
-  return [knownChildren, restChildren] as const;
-};
-
 export const isShallowEqual = <T extends Record<string, any>>(
   objA: T,
   objB: T,
diff --git a/yarn.lock b/yarn.lock
index d06d613d5..f14dc248b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10238,6 +10238,13 @@ tsutils@^3.21.0:
   dependencies:
     tslib "^1.8.1"
 
+tunnel-rat@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/tunnel-rat/-/tunnel-rat-0.1.0.tgz#62cfbaf1b24cabac9318fe45ef26d70dc40e86fe"
+  integrity sha512-/FKZLBXCoKhA7Wz+dsqitrItaLXYmT2bkZXod+1UuR4JqHtdb54yHvHhmMgLg+eyH1Od/CCnhA2VQQ2A/54Tcw==
+  dependencies:
+    zustand "^4.1.0"
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -10406,6 +10413,11 @@ url-parse@^1.5.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
+use-sync-external-store@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
+  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
+
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -11015,3 +11027,10 @@ yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+zustand@^4.1.0:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.3.2.tgz#bb121fcad84c5a569e94bd1a2695e1a93ba85d39"
+  integrity sha512-rd4haDmlwMTVWVqwvgy00ny8rtti/klRoZjFbL/MAcDnmD5qSw/RZc+Vddstdv90M5Lv6RPgWvm1Hivyn0QgJw==
+  dependencies:
+    use-sync-external-store "1.2.0"

From 7562d9b533677b332b5e11b82d9c24b4b0052e08 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 1 Feb 2023 06:16:17 +0100
Subject: [PATCH 055/252] fix: make tunnels work in multi-instance scenarios
 (#6178)

* fix: make tunnels work in multi-instance scenarios

* factor tunnels out

* use tunnel-rat fork until upsteam updated
---
 package.json                                  |  1 +
 src/components/LayerUI.tsx                    | 29 ++++++++++-------
 src/components/MobileMenu.tsx                 |  3 +-
 src/components/context/tunnels.ts             | 32 +++++++++++++++++++
 src/components/footer/Footer.tsx              |  4 ++-
 src/components/footer/FooterCenter.tsx        |  3 +-
 src/components/hoc/withInternalFallback.tsx   |  4 ++-
 src/components/main-menu/MainMenu.tsx         |  3 +-
 src/components/tunnels.ts                     |  8 -----
 .../welcome-screen/WelcomeScreen.Center.tsx   |  3 +-
 .../welcome-screen/WelcomeScreen.Hints.tsx    |  9 +++---
 yarn.lock                                     |  9 +++++-
 12 files changed, 76 insertions(+), 32 deletions(-)
 create mode 100644 src/components/context/tunnels.ts
 delete mode 100644 src/components/tunnels.ts

diff --git a/package.json b/package.json
index 8d117ea93..a19b2fb89 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     ]
   },
   "dependencies": {
+    "@dwelle/tunnel-rat": "0.1.1",
     "@sentry/browser": "6.2.5",
     "@sentry/integrations": "6.2.5",
     "@testing-library/jest-dom": "5.16.2",
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 380c01c14..161512001 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -40,17 +40,12 @@ import { actionToggleStats } from "../actions/actionToggleStats";
 import Footer from "./footer/Footer";
 import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
-import { useAtom } from "jotai";
+import { Provider, useAtom } from "jotai";
 import MainMenu from "./main-menu/MainMenu";
 import { ActiveConfirmDialog } from "./ActiveConfirmDialog";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
-import {
-  mainMenuTunnel,
-  welcomeScreenMenuHintTunnel,
-  welcomeScreenToolbarHintTunnel,
-  welcomeScreenCenterTunnel,
-} from "./tunnels";
+import { TunnelsContext, useInitializeTunnels } from "./context/tunnels";
 
 interface LayerUIProps {
   actionManager: ActionManager;
@@ -130,6 +125,8 @@ const LayerUI = ({
 }: LayerUIProps) => {
   const device = useDevice();
 
+  const tunnels = useInitializeTunnels();
+
   const renderJSONExportDialog = () => {
     if (!UIOptions.canvasActions.export) {
       return null;
@@ -201,8 +198,8 @@ const LayerUI = ({
     <div style={{ position: "relative" }}>
       {/* wrapping to Fragment stops React from occasionally complaining
                 about identical Keys */}
-      <mainMenuTunnel.Out />
-      {renderWelcomeScreen && <welcomeScreenMenuHintTunnel.Out />}
+      <tunnels.mainMenuTunnel.Out />
+      {renderWelcomeScreen && <tunnels.welcomeScreenMenuHintTunnel.Out />}
     </div>
   );
 
@@ -254,7 +251,7 @@ const LayerUI = ({
               {(heading: React.ReactNode) => (
                 <div style={{ position: "relative" }}>
                   {renderWelcomeScreen && (
-                    <welcomeScreenToolbarHintTunnel.Out />
+                    <tunnels.welcomeScreenToolbarHintTunnel.Out />
                   )}
                   <Stack.Col gap={4} align="start">
                     <Stack.Row
@@ -354,7 +351,7 @@ const LayerUI = ({
 
   const [hostSidebarCounters] = useAtom(hostSidebarCountersAtom, jotaiScope);
 
-  return (
+  const layerUIJSX = (
     <>
       {/* ------------------------- tunneled UI ---------------------------- */}
       {/* make sure we render host app components first so that we can detect
@@ -434,7 +431,7 @@ const LayerUI = ({
                 : {}
             }
           >
-            {renderWelcomeScreen && <welcomeScreenCenterTunnel.Out />}
+            {renderWelcomeScreen && <tunnels.welcomeScreenCenterTunnel.Out />}
             {renderFixedSideContainer()}
             <Footer
               appState={appState}
@@ -471,6 +468,14 @@ const LayerUI = ({
       )}
     </>
   );
+
+  return (
+    <Provider scope={tunnels.jotaiScope}>
+      <TunnelsContext.Provider value={tunnels}>
+        {layerUIJSX}
+      </TunnelsContext.Provider>
+    </Provider>
+  );
 };
 
 const stripIrrelevantAppStateProps = (
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index b31433714..42a5bda40 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -19,7 +19,7 @@ import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
-import { mainMenuTunnel, welcomeScreenCenterTunnel } from "./tunnels";
+import { useTunnels } from "./context/tunnels";
 
 type MobileMenuProps = {
   appState: AppState;
@@ -58,6 +58,7 @@ export const MobileMenu = ({
   renderSidebars,
   device,
 }: MobileMenuProps) => {
+  const { welcomeScreenCenterTunnel, mainMenuTunnel } = useTunnels();
   const renderToolbar = () => {
     return (
       <FixedSideContainer side="top" className="App-top-bar">
diff --git a/src/components/context/tunnels.ts b/src/components/context/tunnels.ts
new file mode 100644
index 000000000..981fcb0ad
--- /dev/null
+++ b/src/components/context/tunnels.ts
@@ -0,0 +1,32 @@
+import React from "react";
+import tunnel from "@dwelle/tunnel-rat";
+
+type Tunnel = ReturnType<typeof tunnel>;
+
+type TunnelsContextValue = {
+  mainMenuTunnel: Tunnel;
+  welcomeScreenMenuHintTunnel: Tunnel;
+  welcomeScreenToolbarHintTunnel: Tunnel;
+  welcomeScreenHelpHintTunnel: Tunnel;
+  welcomeScreenCenterTunnel: Tunnel;
+  footerCenterTunnel: Tunnel;
+  jotaiScope: symbol;
+};
+
+export const TunnelsContext = React.createContext<TunnelsContextValue>(null!);
+
+export const useTunnels = () => React.useContext(TunnelsContext);
+
+export const useInitializeTunnels = () => {
+  return React.useMemo((): TunnelsContextValue => {
+    return {
+      mainMenuTunnel: tunnel(),
+      welcomeScreenMenuHintTunnel: tunnel(),
+      welcomeScreenToolbarHintTunnel: tunnel(),
+      welcomeScreenHelpHintTunnel: tunnel(),
+      welcomeScreenCenterTunnel: tunnel(),
+      footerCenterTunnel: tunnel(),
+      jotaiScope: Symbol(),
+    };
+  }, []);
+};
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index fd734e796..788462b86 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -9,10 +9,10 @@ import {
   ZoomActions,
 } from "../Actions";
 import { useDevice } from "../App";
+import { useTunnels } from "../context/tunnels";
 import { HelpButton } from "../HelpButton";
 import { Section } from "../Section";
 import Stack from "../Stack";
-import { footerCenterTunnel, welcomeScreenHelpHintTunnel } from "../tunnels";
 
 const Footer = ({
   appState,
@@ -25,6 +25,8 @@ const Footer = ({
   showExitZenModeBtn: boolean;
   renderWelcomeScreen: boolean;
 }) => {
+  const { footerCenterTunnel, welcomeScreenHelpHintTunnel } = useTunnels();
+
   const device = useDevice();
   const showFinalize =
     !appState.viewModeEnabled && appState.multiElement && device.isTouchScreen;
diff --git a/src/components/footer/FooterCenter.tsx b/src/components/footer/FooterCenter.tsx
index 1cd96b85b..90f0f96c5 100644
--- a/src/components/footer/FooterCenter.tsx
+++ b/src/components/footer/FooterCenter.tsx
@@ -1,9 +1,10 @@
 import clsx from "clsx";
 import { useExcalidrawAppState } from "../App";
-import { footerCenterTunnel } from "../tunnels";
+import { useTunnels } from "../context/tunnels";
 import "./FooterCenter.scss";
 
 const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
+  const { footerCenterTunnel } = useTunnels();
   const appState = useExcalidrawAppState();
   return (
     <footerCenterTunnel.In>
diff --git a/src/components/hoc/withInternalFallback.tsx b/src/components/hoc/withInternalFallback.tsx
index 6c68b3c95..4ad61a11e 100644
--- a/src/components/hoc/withInternalFallback.tsx
+++ b/src/components/hoc/withInternalFallback.tsx
@@ -1,5 +1,6 @@
 import { atom, useAtom } from "jotai";
 import React, { useLayoutEffect } from "react";
+import { useTunnels } from "../context/tunnels";
 
 export const withInternalFallback = <P,>(
   componentName: string,
@@ -17,7 +18,8 @@ export const withInternalFallback = <P,>(
       __fallback?: boolean;
     }
   > = (props) => {
-    const [counter, setCounter] = useAtom(counterAtom);
+    const { jotaiScope } = useTunnels();
+    const [counter, setCounter] = useAtom(counterAtom, jotaiScope);
 
     useLayoutEffect(() => {
       setCounter((counter) => counter + 1);
diff --git a/src/components/main-menu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
index cc0de1b59..636ffc6e5 100644
--- a/src/components/main-menu/MainMenu.tsx
+++ b/src/components/main-menu/MainMenu.tsx
@@ -13,7 +13,7 @@ import { t } from "../../i18n";
 import { HamburgerMenuIcon } from "../icons";
 import { withInternalFallback } from "../hoc/withInternalFallback";
 import { composeEventHandlers } from "../../utils";
-import { mainMenuTunnel } from "../tunnels";
+import { useTunnels } from "../context/tunnels";
 
 const MainMenu = Object.assign(
   withInternalFallback(
@@ -28,6 +28,7 @@ const MainMenu = Object.assign(
        */
       onSelect?: (event: Event) => void;
     }) => {
+      const { mainMenuTunnel } = useTunnels();
       const device = useDevice();
       const appState = useExcalidrawAppState();
       const setAppState = useExcalidrawSetAppState();
diff --git a/src/components/tunnels.ts b/src/components/tunnels.ts
deleted file mode 100644
index 646adac0f..000000000
--- a/src/components/tunnels.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import tunnel from "tunnel-rat";
-
-export const mainMenuTunnel = tunnel();
-export const welcomeScreenMenuHintTunnel = tunnel();
-export const welcomeScreenToolbarHintTunnel = tunnel();
-export const welcomeScreenHelpHintTunnel = tunnel();
-export const welcomeScreenCenterTunnel = tunnel();
-export const footerCenterTunnel = tunnel();
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
index 169503a67..d05018c3e 100644
--- a/src/components/welcome-screen/WelcomeScreen.Center.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -6,8 +6,8 @@ import {
   useExcalidrawActionManager,
   useExcalidrawAppState,
 } from "../App";
+import { useTunnels } from "../context/tunnels";
 import { ExcalLogo, HelpIcon, LoadIcon, usersIcon } from "../icons";
-import { welcomeScreenCenterTunnel } from "../tunnels";
 
 const WelcomeScreenMenuItemContent = ({
   icon,
@@ -89,6 +89,7 @@ const WelcomeScreenMenuItemLink = ({
 WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
 
 const Center = ({ children }: { children?: React.ReactNode }) => {
+  const { welcomeScreenCenterTunnel } = useTunnels();
   return (
     <welcomeScreenCenterTunnel.In>
       <div className="welcome-screen-center">
diff --git a/src/components/welcome-screen/WelcomeScreen.Hints.tsx b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
index 59d68cf96..3ba36211d 100644
--- a/src/components/welcome-screen/WelcomeScreen.Hints.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
@@ -1,16 +1,13 @@
 import { t } from "../../i18n";
+import { useTunnels } from "../context/tunnels";
 import {
   WelcomeScreenHelpArrow,
   WelcomeScreenMenuArrow,
   WelcomeScreenTopToolbarArrow,
 } from "../icons";
-import {
-  welcomeScreenMenuHintTunnel,
-  welcomeScreenToolbarHintTunnel,
-  welcomeScreenHelpHintTunnel,
-} from "../tunnels";
 
 const MenuHint = ({ children }: { children?: React.ReactNode }) => {
+  const { welcomeScreenMenuHintTunnel } = useTunnels();
   return (
     <welcomeScreenMenuHintTunnel.In>
       <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu">
@@ -25,6 +22,7 @@ const MenuHint = ({ children }: { children?: React.ReactNode }) => {
 MenuHint.displayName = "MenuHint";
 
 const ToolbarHint = ({ children }: { children?: React.ReactNode }) => {
+  const { welcomeScreenToolbarHintTunnel } = useTunnels();
   return (
     <welcomeScreenToolbarHintTunnel.In>
       <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar">
@@ -39,6 +37,7 @@ const ToolbarHint = ({ children }: { children?: React.ReactNode }) => {
 ToolbarHint.displayName = "ToolbarHint";
 
 const HelpHint = ({ children }: { children?: React.ReactNode }) => {
+  const { welcomeScreenHelpHintTunnel } = useTunnels();
   return (
     <welcomeScreenHelpHintTunnel.In>
       <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help">
diff --git a/yarn.lock b/yarn.lock
index f14dc248b..31624f92b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1437,6 +1437,13 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
   integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
 
+"@dwelle/tunnel-rat@0.1.1":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@dwelle/tunnel-rat/-/tunnel-rat-0.1.1.tgz#0a0b235f8fc22ff1cf47ed102f4cc612eb51bc71"
+  integrity sha512-jb5/ZsT/af1J7tnbBXp7KO1xEyw61lWSDqJ+Bqdc6JlL3vbAvsifNhe+/mRFs6aSBCRaDqp5f2pJDHtA3MUZLw==
+  dependencies:
+    zustand "^4.3.2"
+
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -11028,7 +11035,7 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
-zustand@^4.1.0:
+zustand@^4.1.0, zustand@^4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.3.2.tgz#bb121fcad84c5a569e94bd1a2695e1a93ba85d39"
   integrity sha512-rd4haDmlwMTVWVqwvgy00ny8rtti/klRoZjFbL/MAcDnmD5qSw/RZc+Vddstdv90M5Lv6RPgWvm1Hivyn0QgJw==

From 71fb57375080ea9bba8757c8ad0cc1fa383b7811 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 1 Feb 2023 18:54:08 +0530
Subject: [PATCH 056/252] fix: horizontal padding when aligning bound text
 containers (#6180)

* fix: horizontal padding when aligning bound text containers

* Add specs

* fix
---
 src/element/textElement.ts       |  11 ++-
 src/element/textWysiwyg.test.tsx | 123 +++++++++++++++++++++++++++++++
 2 files changed, 128 insertions(+), 6 deletions(-)

diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 552214c08..033b3db0e 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -61,30 +61,29 @@ export const redrawTextBoundingBox = (
     if (!isArrowElement(container)) {
       const containerDims = getContainerDims(container);
       let nextHeight = containerDims.height;
-      const boundTextElementPadding = getBoundTextElementOffset(textElement);
       if (textElement.verticalAlign === VERTICAL_ALIGN.TOP) {
-        coordY = container.y + boundTextElementPadding;
+        coordY = container.y;
       } else if (textElement.verticalAlign === VERTICAL_ALIGN.BOTTOM) {
         coordY =
           container.y +
           containerDims.height -
           metrics.height -
-          boundTextElementPadding;
+          BOUND_TEXT_PADDING;
       } else {
         coordY = container.y + containerDims.height / 2 - metrics.height / 2;
         if (metrics.height > getMaxContainerHeight(container)) {
-          nextHeight = metrics.height + boundTextElementPadding * 2;
+          nextHeight = metrics.height + BOUND_TEXT_PADDING * 2;
           coordY = container.y + nextHeight / 2 - metrics.height / 2;
         }
       }
       if (textElement.textAlign === TEXT_ALIGN.LEFT) {
-        coordX = container.x + boundTextElementPadding;
+        coordX = container.x + BOUND_TEXT_PADDING;
       } else if (textElement.textAlign === TEXT_ALIGN.RIGHT) {
         coordX =
           container.x +
           containerDims.width -
           metrics.width -
-          boundTextElementPadding;
+          BOUND_TEXT_PADDING;
       } else {
         coordX = container.x + containerDims.width / 2 - metrics.width / 2;
       }
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index af8e487c0..83b3251d4 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -1165,5 +1165,128 @@ describe("textWysiwyg", () => {
       ).toEqual(36);
       expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
     });
+
+    describe("should align correctly", () => {
+      let editor: HTMLTextAreaElement;
+
+      beforeEach(async () => {
+        Keyboard.keyPress(KEYS.ENTER);
+        editor = document.querySelector(
+          ".excalidraw-textEditorContainer > textarea",
+        ) as HTMLTextAreaElement;
+        await new Promise((r) => setTimeout(r, 0));
+        fireEvent.change(editor, { target: { value: "Hello" } });
+        editor.blur();
+        mouse.select(rectangle);
+        Keyboard.keyPress(KEYS.ENTER);
+        editor = document.querySelector(
+          ".excalidraw-textEditorContainer > textarea",
+        ) as HTMLTextAreaElement;
+        editor.select();
+      });
+
+      it("when top left", async () => {
+        fireEvent.click(screen.getByTitle("Left"));
+        fireEvent.click(screen.getByTitle("Align top"));
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+          Array [
+            15,
+            20,
+          ]
+        `);
+      });
+
+      it("when top center", async () => {
+        fireEvent.click(screen.getByTitle("Center"));
+        fireEvent.click(screen.getByTitle("Align top"));
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+          Array [
+            94.5,
+            20,
+          ]
+        `);
+      });
+
+      it("when top right", async () => {
+        fireEvent.click(screen.getByTitle("Right"));
+        fireEvent.click(screen.getByTitle("Align top"));
+
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              174,
+              20,
+            ]
+          `);
+      });
+
+      it("when center left", async () => {
+        fireEvent.click(screen.getByTitle("Center vertically"));
+        fireEvent.click(screen.getByTitle("Left"));
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              15,
+              25,
+            ]
+          `);
+      });
+
+      it("when center center", async () => {
+        fireEvent.click(screen.getByTitle("Center"));
+        fireEvent.click(screen.getByTitle("Center vertically"));
+
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              -25,
+              25,
+            ]
+          `);
+      });
+
+      it("when center right", async () => {
+        fireEvent.click(screen.getByTitle("Right"));
+        fireEvent.click(screen.getByTitle("Center vertically"));
+
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              174,
+              25,
+            ]
+          `);
+      });
+
+      it("when bottom left", async () => {
+        fireEvent.click(screen.getByTitle("Left"));
+        fireEvent.click(screen.getByTitle("Align bottom"));
+
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              15,
+              25,
+            ]
+          `);
+      });
+
+      it("when bottom center", async () => {
+        fireEvent.click(screen.getByTitle("Center"));
+        fireEvent.click(screen.getByTitle("Align bottom"));
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              94.5,
+              25,
+            ]
+          `);
+      });
+
+      it("when bottom right", async () => {
+        fireEvent.click(screen.getByTitle("Right"));
+        fireEvent.click(screen.getByTitle("Align bottom"));
+        expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
+            Array [
+              174,
+              25,
+            ]
+          `);
+      });
+    });
   });
 });

From f68f4cb9e03d2a24ebfefd57165c41badb81fe14 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 1 Feb 2023 19:08:56 +0530
Subject: [PATCH 057/252] =?UTF-8?q?docs:=20release=20@excalidraw/excalidra?=
 =?UTF-8?q?w@0.14.2=20=20=F0=9F=8E=89=20(#6181)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/excalidraw/CHANGELOG.md | 38 +++++++++++++++++++++++++++-
 src/packages/excalidraw/package.json |  2 +-
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 167a9b213..d37020842 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,7 +11,7 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
-## Unreleased
+## 0.14.2 (2023-02-01)
 
 ### Features
 
@@ -22,6 +22,42 @@ Please add the latest change on the top under the correct section.
 
 - declare css variable for font in excalidraw so its available in host [#6160](https://github.com/excalidraw/excalidraw/pull/6160)
 
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add hand/panning tool [#6141](https://github.com/excalidraw/excalidraw/pull/6141)
+
+- Show copy-as-png export button on firefox and show steps how to enable it [#6125](https://github.com/excalidraw/excalidraw/pull/6125)
+
+### Fixes
+
+- Horizontal padding when aligning bound text containers [#6180](https://github.com/excalidraw/excalidraw/pull/6180)
+
+- Make tunnels work in multi-instance scenarios [#6178](https://github.com/excalidraw/excalidraw/pull/6178)
+
+- Add 1px width to the container to calculate more accurately [#6174](https://github.com/excalidraw/excalidraw/pull/6174)
+
+- Quick typo fix [#6167](https://github.com/excalidraw/excalidraw/pull/6167)
+
+- Set the width correctly using measureText in editor [#6162](https://github.com/excalidraw/excalidraw/pull/6162)
+
+- :bug: broken emojis when wrap text [#6153](https://github.com/excalidraw/excalidraw/pull/6153)
+
+- Button background and svg sizes [#6155](https://github.com/excalidraw/excalidraw/pull/6155)
+
+### Styles
+
+- Change in ExportButton style [#6147](https://github.com/excalidraw/excalidraw/pull/6147) (#6148)
+
+### Build
+
+- Temporarily disable pre-commit [#6132](https://github.com/excalidraw/excalidraw/pull/6132)
+
+---
+
 ## 0.14.1 (2023-01-16)
 
 ### Fixes
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 27c2e0446..a23a3b1e8 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

From f23cdc47ee6518db96439c9ef70525e59deab332 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 1 Feb 2023 19:57:54 +0530
Subject: [PATCH 058/252] docs: migrating dev docs to docusaurus :) (#6073)

* docs: migrating existing docs to docosaraus :)

* log broken links

* lint :p

* fix

* divide the doc into diff categories

* fix

* order sidebars and more

* fix lint

* point to installation

* making docs better :)

* fix

* renaming git

* renaming git

* fix links

* fix

* update readme

* fix

* resolve duplicate url and make /docs as base url

* fix

* move main docs as well

* making docs better

* support mdx

* update og

* fix title

* upgrade docusarus to stable version

* use draculla theme

* fix

* make entire sidebar collapsable

* live editor for footer wohoo

* render excalidraw only on client to fix the prod build

* migrate MainMenu to live editor too :)

* lint :p

* cleanup integration and use live editor and tabs

* fix

* Add welcome screen doc

* Live Collaboration comp docs

* Add collaborator example

* Add example

* add more

* remove isCollaborating

* Rewrite ref and move to sidebar

* change color of links inside pre

* add initial data

* fix lint

* Add styling

* fix lint

* Add example for customizing styles

* fix lint

* fix

* fix lint

* Add link to livecollabtrigger

* fix

* rewrite UIOptions to sidebar

* move initialdata to sidebar

* move render props to sidebar and rewrite renderTopRightUI and renderCustomStats

* rewrite renderSidebar

* update og

* update url for testing

* fix url

* update readme

* fix style

* tweaks

* Add highlight comp to highlight text

* Add bash syntax highlight

* fix

* tweaks

* fix

* rewrite export utilities

* fix restore

* rewrite utils

* move constants to sidebar

* update readme

* add copyright

* fix links style

* Add linkedin

* tweaks

* rename package to @excalidraw/excalidraw

* enable algolia with dummy creds

* tweaks to integration doc

* tweak WelcomeScreen docs to reflect upcoming API changes

* tweak components intro

* tweak nomenclature

* fix admonition

* rename `components` sidebar item and change order of components list

* uncollapse package section in sidebar

* show level 4 haeadings in TOC

* remove algolia

* remove unused assets

* capitalize C

* tweak

* rename components to App

* rename components -> children-components in the routes

* move notable used tools to intro

* update MainMenu docs with `onSelect` preventDefault behavior

* change sidebar label for children components

* use code

* tweak README & docs intro

* tweak package development doc

* make scrollbar gutter stable

* tweak api intro

* add admonition for export utils

* use next

* wip

* wip

* make excalidraw examples use current color theme & prefer system

* fix welcomescreen docs

* use latest temp release

* fix component order

* revert wip changes

* use next

* tweak

* increase height to fix welcome screen hint

* tweak editor height

* update excal version

* wrap Excal with forwardRef to fix refs

* migrate contributing.md

* fix broken links

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 CONTRIBUTING.md                               |   62 +-
 README.md                                     |  197 +-
 .../@excalidraw/excalidraw/api/api-intro.mdx  |   11 +
 .../children-components-intro.mdx             |   21 +
 .../api/children-components/footer.mdx        |   69 +
 .../live-collaboration-trigger.mdx            |   62 +
 .../api/children-components/main-menu.mdx     |  169 ++
 .../children-components/welcome-screen.mdx    |  140 ++
 .../@excalidraw/excalidraw/api/constants.mdx  |   46 +
 .../excalidraw/api/props/initialdata.mdx      |   55 +
 .../excalidraw/api/props/props.mdx            |  230 +++
 .../@excalidraw/excalidraw/api/props/ref.mdx  |  391 ++++
 .../excalidraw/api/props/render-props.mdx     |  126 ++
 .../excalidraw/api/props/ui-options.mdx       |   72 +
 .../excalidraw/api/utils/export.mdx           |  196 ++
 .../excalidraw/api/utils/restore.mdx          |   90 +
 .../excalidraw/api/utils/utils-intro.md       |  341 +++
 .../excalidraw/customizing-styles.mdx         |   49 +
 .../@excalidraw/excalidraw/development.mdx    |   59 +
 dev-docs/docs/@excalidraw/excalidraw/faq.mdx  |    9 +
 .../@excalidraw/excalidraw/installation.mdx   |   43 +
 .../@excalidraw/excalidraw/integration.mdx    |  129 ++
 dev-docs/docs/assets/nerd-stats.png           |  Bin 0 -> 84676 bytes
 dev-docs/docs/codebase/overview.md            |    6 -
 dev-docs/docs/get-started.md                  |    8 -
 dev-docs/docs/introduction/contributing.mdx   |   72 +
 dev-docs/docs/introduction/development.mdx    |  102 +
 dev-docs/docs/introduction/get-started.mdx    |   16 +
 dev-docs/docs/package/overview.md             |    6 -
 dev-docs/docusaurus.config.js                 |   42 +-
 dev-docs/package.json                         |   10 +-
 dev-docs/sidebars.js                          |   87 +-
 dev-docs/src/components/Highlight.js          |   15 +
 dev-docs/src/css/{custom.css => custom.scss}  |   60 +-
 dev-docs/src/initialData.js                   | 1230 +++++++++++
 dev-docs/src/pages/index.js                   |   42 -
 dev-docs/src/pages/index.tsx                  |   11 +-
 dev-docs/src/theme/MDXComponents.js           |   11 +
 dev-docs/src/theme/ReactLiveScope/index.js    |   29 +
 dev-docs/static/img/doremon.png               |  Bin 0 -> 201946 bytes
 dev-docs/static/img/og-image-sm.png           |  Bin 0 -> 77545 bytes
 dev-docs/static/img/og-image.png              |  Bin 0 -> 81109 bytes
 dev-docs/static/img/pika.jpeg                 |  Bin 0 -> 6250 bytes
 .../static/img}/welcome-screen-overview.png   |  Bin
 dev-docs/yarn.lock                            |  556 +++--
 src/packages/excalidraw/README.md             | 1838 +----------------
 src/packages/excalidraw/example/App.scss      |    9 +-
 src/packages/excalidraw/example/App.tsx       |    2 +
 src/packages/utils/README.md                  |    2 +-
 49 files changed, 4397 insertions(+), 2324 deletions(-)
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/api-intro.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/children-components/children-components-intro.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/children-components/welcome-screen.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/constants.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/props/initialdata.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/props/ui-options.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/utils/export.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/customizing-styles.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/development.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/faq.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/installation.mdx
 create mode 100644 dev-docs/docs/@excalidraw/excalidraw/integration.mdx
 create mode 100644 dev-docs/docs/assets/nerd-stats.png
 delete mode 100644 dev-docs/docs/codebase/overview.md
 delete mode 100644 dev-docs/docs/get-started.md
 create mode 100644 dev-docs/docs/introduction/contributing.mdx
 create mode 100644 dev-docs/docs/introduction/development.mdx
 create mode 100644 dev-docs/docs/introduction/get-started.mdx
 delete mode 100644 dev-docs/docs/package/overview.md
 create mode 100644 dev-docs/src/components/Highlight.js
 rename dev-docs/src/css/{custom.css => custom.scss} (54%)
 create mode 100644 dev-docs/src/initialData.js
 delete mode 100644 dev-docs/src/pages/index.js
 create mode 100644 dev-docs/src/theme/MDXComponents.js
 create mode 100644 dev-docs/src/theme/ReactLiveScope/index.js
 create mode 100644 dev-docs/static/img/doremon.png
 create mode 100644 dev-docs/static/img/og-image-sm.png
 create mode 100644 dev-docs/static/img/og-image.png
 create mode 100644 dev-docs/static/img/pika.jpeg
 rename {src/packages/excalidraw => dev-docs/static/img}/welcome-screen-overview.png (100%)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b3a5c325c..509908e5d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,63 +1,3 @@
 # Contributing
 
-## Setup
-
-### Option 1 - Manual
-
-1. Fork and clone the repo
-1. Run `yarn` to install dependencies
-1. Create a branch for your PR with `git checkout -b your-branch-name`
-
-> To keep `master` branch pointing to remote repository and make pull requests from branches on your fork. To do this, run:
->
-> ```sh
-> git remote add upstream https://github.com/excalidraw/excalidraw.git
-> git fetch upstream
-> git branch --set-upstream-to=upstream/master master
-> ```
-
-### Option 2 - CodeSandbox
-
-1. Go to https://codesandbox.io/s/github/excalidraw/excalidraw
-1. Connect your GitHub account
-1. Go to Git tab on left side
-1. Tap on `Fork Sandbox`
-1. Write your code
-1. Commit and PR automatically
-
-## Pull Request Guidelines
-
-Don't worry if you get any of the below wrong, or if you don't know how. We'll gladly help out.
-
-### Title
-
-Make sure the title starts with a semantic prefix:
-
-- **feat**: A new feature
-- **fix**: A bug fix
-- **docs**: Documentation only changes
-- **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
-- **refactor**: A code change that neither fixes a bug nor adds a feature
-- **perf**: A code change that improves performance
-- **test**: Adding missing tests or correcting existing tests
-- **build**: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
-- **ci**: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
-- **chore**: Other changes that don't modify src or test files
-- **revert**: Reverts a previous commit
-
-### Changelog
-
-Add a brief description of your pull request to the changelog located here: [`src/packages/excalidraw/CHANGELOG.md`](src/packages/excalidraw/CHANGELOG.md)
-
-Notes:
-
-- Make sure to prepend to the section corresponding with the semantic prefix you selected in the title
-- Link to your pull request - this will require updating the CHANGELOG _after_ creating the pull request
-
-### Testing
-
-Once you submit your pull request it will automatically be tested. Be sure to check the results of the test and fix any issues that arise.
-
-It's also a good idea to consider if your change should include additional tests. This is highly recommended for new features or bug-fixes. For example, it's good practice to create a test for each bug you fix which ensures that we don't regress the code in the future.
-
-Finally - always manually test your changes using the convenient staging environment deployed for each pull request. As much as local development attempts to replicate production, there can still be subtle differences in behavior. For larger features consider testing your change in multiple browsers as well.
+Head over to the [docs](https://docs.excalidraw.com/docs/introduction/contributing)
diff --git a/README.md b/README.md
index 45fec41ba..21e2716d0 100644
--- a/README.md
+++ b/README.md
@@ -1,30 +1,31 @@
-<div align="center" style="display:flex;flex-direction:column;">
+<div align="center" style="display:flex;flex-direction:column;"}>
   <a href="https://excalidraw.com">
-    <img width="540" src="./public/og-image-sm.png" alt="Excalidraw logo: Sketch handrawn like diagrams." />
+    <img width="540" src="./public/og-image-sm.png" alt="Excalidraw logo: Sketch handrawn like diagrams."/>
   </a>
-  <h3>Virtual whiteboard for sketching hand-drawn like diagrams.<br>Collaborative and end-to-end encrypted.</h3>
+  <h3>Virtual whiteboard for sketching hand-drawn like diagrams.<br/>Collaborative and end-to-end encrypted.</h3>
   <p>
-    <a href="https://twitter.com/Excalidraw">
-      <img alt="Follow Excalidraw on Twitter" src="https://img.shields.io/twitter/follow/excalidraw.svg?label=follow+excalidraw&style=social&logo=twitter">
+    <a href="https://twitter.com/excalidraw">
+      <img alt="Follow Excalidraw on Twitter" src="https://img.shields.io/twitter/follow/excalidraw.svg?label=follow+@excalidraw&style=social&logo=twitter"/>
     </a>
-    <a target="_blank" href="https://crowdin.com/project/excalidraw">
-      <img src="https://badges.crowdin.net/excalidraw/localized.svg">
+    <a href="https://discord.gg/UexuTaE">
+      <img alt="Chat with us on Discord" src="https://img.shields.io/discord/723672430744174682?color=738ad6&label=Chat%20on%20Discord&logo=discord&logoColor=ffffff&widge=false"/>
     </a>
   </p>
-  <p>Ask questions or hang out on our <a target="_blank" href="https://discord.gg/UexuTaE">discord.gg/UexuTaE</a>.</p>
 </div>
 
-## Try it now
+## Try now
 
-Go to [excalidraw.com](https://excalidraw.com) to start sketching.
+Visit [excalidraw.com](https://excalidraw.com) to start sketching.
 
-Read the latest news and updates on our [blog](https://blog.excalidraw.com). A good start is to see all the updates of [One Year of Excalidraw](https://blog.excalidraw.com/one-year-of-excalidraw/).
+## Community
+
+For latest updates, follow us on [twitter](https://twitter.com/excalidraw). If you need help or want to chat, join us on [Discord](https://discord.gg/UexuTaE). For releases and deep dives, check out our [blog](https://blog.excalidraw.com). Report bugs on [GitHub](https://github.com/excalidraw/excalidraw/issues).
 
 ## Supporting Excalidraw
 
 If you like the project, you can become a sponsor at [Open Collective](https://opencollective.com/excalidraw).
 
-[<img src="https://opencollective.com/excalidraw/tiers/sponsors/0/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/0/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/1/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/1/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/2/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/2/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/3/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/3/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/4/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/4/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/5/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/5/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/6/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/6/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/7/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/7/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/8/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/8/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/9/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/9/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/10/avatar.svg?avatarHeight=120">](https://opencollective.com/excalidraw/tiers/sponsors/10/website)
+[<img src="https://opencollective.com/excalidraw/tiers/sponsors/0/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/0/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/1/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/1/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/2/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/2/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/3/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/3/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/4/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/4/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/5/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/5/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/6/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/6/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/7/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/7/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/8/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/8/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/9/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/9/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/10/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/10/website)
 
 <a href="https://opencollective.com/excalidraw#category-CONTRIBUTE" target="_blank"><img src="https://opencollective.com/excalidraw/tiers/backers.svg?avatarHeight=32"/></a>
 
@@ -32,170 +33,12 @@ Last but not least, we're thankful to these companies for offering their service
 
 [![Vercel](./.github/assets/vercel.svg)](https://vercel.com) [![Sentry](./.github/assets/sentry.svg)](https://sentry.io) [![Crowdin](./.github/assets/crowdin.svg)](https://crowdin.com)
 
+## Developers
+
+You can integrate Excalidraw into your app by installing our [npm component](https://npmjs.com/package/@excalidraw/excalidraw).
+
+Visit our documentation on [https://docs.excalidraw.com](https://docs.excalidraw.com).
+
 ## Who's integrating Excalidraw
 
-[Google Cloud](https://googlecloudcheatsheet.withgoogle.com/architecture) • [Meta](https://meta.com/) • [CodeSandbox](https://codesandbox.io/) • [Obsidian Excalidraw](https://github.com/zsviczian/obsidian-excalidraw-plugin) • [Replit](https://replit.com/) • [Slite](https://slite.com/) • [Notion](https://notion.so/) • [HackerRank](https://www.hackerrank.com/) •
-
-## Documentation
-
-### Shortcuts
-
-You can almost do anything with shortcuts. Click on the help icon on the bottom right corner to see them all.
-
-### Curved lines and arrows
-
-Choose line or arrow and click click click instead of drag.
-
-### Charts
-
-You can easily create charts by copy pasting data from Excel or just plain comma separated text.
-
-### Translating
-
-To translate Excalidraw into other languages, please visit [our Crowdin page](https://crowdin.com/project/excalidraw). To add a new language, [open an issue](https://github.com/excalidraw/excalidraw/issues/new) so we can get things set up on our end first.
-
-Translations will be available on the app if they exceed a certain threshold of completion (currently 85%).
-
-### Create a collaboration session manually
-
-In order to create a session manually, you just need to generate a link of this form:
-
-```
-https://excalidraw.com/#room=[0-9a-f]{20},[a-zA-Z0-9_-]{22}
-```
-
-#### Example
-
-```
-https://excalidraw.com/#room=91bd46ae3aa84dff9d20,pfLqgEoY1c2ioq8LmGwsFA
-```
-
-The first set of digits is the room. This is visible from the server that’s going to dispatch messages to everyone that knows this number.
-
-The second set of digits is the encryption key. The Excalidraw server doesn’t know about it. This is what all the participants use to encrypt/decrypt the messages.
-
-> Note: Please ensure that the encryption key is 22 characters long.
-
-## Shape libraries
-
-Find a growing list of libraries containing assets for your drawings at [libraries.excalidraw.com](https://libraries.excalidraw.com).
-
-## Embedding Excalidraw in your App?
-
-Try out [`@excalidraw/excalidraw`](https://www.npmjs.com/package/@excalidraw/excalidraw). This package allows you to easily embed Excalidraw as a React component into your apps.
-
-## Development
-
-### Code Sandbox
-
-- Go to https://codesandbox.io/p/github/excalidraw/excalidraw
-  - You may need to sign in with GitHub and reload the page
-- You can start coding instantly, and even send PRs from there!
-
-### Local Installation
-
-These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
-
-#### Requirements
-
-- [Node.js](https://nodejs.org/en/)
-- [Yarn](https://yarnpkg.com/getting-started/install) (v1 or v2.4.2+)
-- [Git](https://git-scm.com/downloads)
-
-#### Clone the repo
-
-```bash
-git clone https://github.com/excalidraw/excalidraw.git
-```
-
-#### Install the dependencies
-
-```bash
-yarn
-```
-
-#### Start the server
-
-```bash
-yarn start
-```
-
-Now you can open [http://localhost:3000](http://localhost:3000) and start coding in your favorite code editor.
-
-#### Collaboration
-
-For collaboration, you will need to set up [collab server](https://github.com/excalidraw/excalidraw-room) in local.
-
-#### Commands
-
-##### Install the dependencies
-
-```
-yarn
-```
-
-##### Run the project
-
-```
-yarn start
-```
-
-##### Reformat all files with Prettier
-
-```
-yarn fix
-```
-
-##### Run tests
-
-```
-yarn test
-```
-
-##### Update test snapshots
-
-```
-yarn test:update
-```
-
-##### Test for formatting with Prettier
-
-```
-yarn test:code
-```
-
-#### Docker Compose
-
-You can use docker-compose to work on Excalidraw locally if you don't want to setup a Node.js env.
-
-```sh
-docker-compose up --build -d
-```
-
-### Self-hosting
-
-We publish a Docker image with the Excalidraw client at [excalidraw/excalidraw](https://hub.docker.com/r/excalidraw/excalidraw). You can use it to self-host your own client under your own domain, on Kubernetes, AWS ECS, etc.
-
-```sh
-docker build -t excalidraw/excalidraw .
-docker run --rm -dit --name excalidraw -p 5000:80 excalidraw/excalidraw:latest
-```
-
-The Docker image is free of analytics and other tracking libraries.
-
-**At the moment, self-hosting your own instance doesn't support sharing or collaboration features.**
-
-We are working towards providing a full-fledged solution for self-hosting your own Excalidraw.
-
-## Contributing
-
-Pull requests are welcome. For major changes, please [open an issue](https://github.com/excalidraw/excalidraw/issues/new) first to discuss what you would like to change.
-
-## Notable used tools
-
-- [Create React App](https://github.com/facebook/create-react-app)
-- [Rough.js](https://roughjs.com)
-- [TypeScript](https://www.typescriptlang.org)
-- [Vercel](https://vercel.com)
-
-And the main source of inspiration for starting the project is the awesome [Zwibbler](https://zwibbler.com/demo/) app.
+[Google Cloud](https://googlecloudcheatsheet.withgoogle.com/architecture) • [Meta](https://meta.com/) • [CodeSandbox](https://codesandbox.io/) • [Obsidian Excalidraw](https://github.com/zsviczian/obsidian-excalidraw-plugin) • [Replit](https://replit.com/) • [Slite](https://slite.com/) • [Notion](https://notion.so/) • [HackerRank](https://www.hackerrank.com/)
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/api-intro.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/api-intro.mdx
new file mode 100644
index 000000000..aee7f3bfb
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/api-intro.mdx
@@ -0,0 +1,11 @@
+---
+slug: /@excalidraw/excalidraw/api
+---
+
+# API
+
+Currently the **API** is divided into 3 broad categories 👇
+
+- [Props](/docs/@excalidraw/excalidraw/api/props) - The `props` you can pass to the `Excalidraw` component.
+- [Children components](/docs/@excalidraw/excalidraw/api/children-components) - Official components you can use to customize the UI.
+- [Utils](/docs/@excalidraw/excalidraw/api/utils) - Utilities and helpers you can use to export, restore and more.
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/children-components-intro.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/children-components-intro.mdx
new file mode 100644
index 000000000..706adb594
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/children-components-intro.mdx
@@ -0,0 +1,21 @@
+---
+sidebar_label: Children Components
+slug: /@excalidraw/excalidraw/api/children-components
+---
+
+# `<Excalidraw/>` children
+
+We expose several components you can render as children of the `<Excalidraw/>` component to customize the UI.
+
+:::info
+
+We have only recently started migrating to this type of component API. Some UI components are still using render props, and some UI customization isn't supported yet (such as the toolbar or the element properties panel). Stay tuned for more updates!
+
+:::
+
+Below are the currently supported components:
+
+- [MainMenu](/docs/@excalidraw/excalidraw/api/children-components/main-menu)
+- [WelcomeScreen](/docs/@excalidraw/excalidraw/api/children-components/welcome-screen)
+- [Footer](/docs/@excalidraw/excalidraw/api/children-components/footer)
+- [LiveCollaborationTrigger](/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger)
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
new file mode 100644
index 000000000..262681895
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
@@ -0,0 +1,69 @@
+# Footer
+
+Earlier we were using `renderFooter` prop to render custom footer which was removed in [#5970](https://github.com/excalidraw/excalidraw/pull/5970). Now you can pass a `Footer` component instead to render the custom UI for footer.
+
+You will need to import the `Footer` component from the package and wrap your component with the Footer component. The `Footer` should a valid React Node.
+
+**Usage**
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px"}}>
+      <Excalidraw>
+        <Footer>
+          <button
+            className="custom-footer"
+            onClick={() => alert("This is dummy footer")}
+          >
+            {" "}
+            custom footer
+          </button>
+        </Footer>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+This will only for `Desktop` devices.
+
+For `mobile` you will need to render it inside the [MainMenu](#mainmenu). You can use the [`useDevice`](#useDevice) hook to check the type of device, this will be available only inside the `children` of `Excalidraw` component.
+
+Open the `Menu` in the below playground and you will see the `custom footer` rendered.
+
+```jsx live noInline
+const MobileFooter = ({}) => {
+  const device = useDevice();
+  if (device.isMobile) {
+    return (
+      <Footer>
+        <button
+          className="custom-footer"
+          style= {{ marginLeft: '20px', height: '2rem'}}
+          onClick={() => alert("This is custom footer in mobile menu")}
+        >
+          custom footer
+        </button>
+      </Footer>
+    );
+  }
+  return null;
+};
+
+const App = () => (
+  <div style={{ height: "400px" }}>
+    <Excalidraw>
+      <MainMenu>
+        <MainMenu.Item> Item1 </MainMenu.Item>
+        <MainMenu.Item> Item 2 </MainMenu.Item>
+        <MobileFooter />
+      </MainMenu>
+    </Excalidraw>
+  </div>
+);
+
+// Need to render when code is span across multiple components
+// in Live Code blocks editor
+render(<App />);
+```
\ No newline at end of file
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger.mdx
new file mode 100644
index 000000000..ef74d0e65
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger.mdx
@@ -0,0 +1,62 @@
+# LiveCollaborationTrigger
+
+If you implement live collaboration support and want to expose the same UI button as on [excalidraw.com](https://excalidraw.com), you can render the `<LiveCollaborationTrigger/>` component using the [renderTopRightUI](/docs/@excalidraw/excalidraw/api/props#rendertoprightui) prop.
+
+You'll need to supply `onSelect()` to handle opening of your collaboration dialog, but the button will display `appState.collaborators` count provided you have supplied it.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `onSelect` | `function` | Yes |  | Handler called when the user clicks on the button |
+| `isCollaborating` | `boolean` | Yes | false | Whether live collaboration session is in effect. Modifies button style. |
+
+```tsx live
+function App() {
+  const [excalidrawAPI, setExcalidrawAPI] = useState(null);
+  const [isCollaborating, setIsCollaborating] = useState(false);
+  return (
+    <div style={{ height: "500px" }}>
+      <p style={{ fontSize: "16px" }}>
+        Selecting the checkbox to see the collaborator count
+      </p>
+      <label style={{ fontSize: "16px", fontWeight: "bold" }}>
+        <input
+          type="checkbox"
+          checked={isCollaborating}
+          onChange={() => {
+            if (!isCollaborating) {
+              const collaborators = new Map();
+              collaborators.set("id1", {
+                username: "Doremon",
+                avatarUrl: "../../../../img/doremon.png",
+              });
+              collaborators.set("id3", {
+                username: "Pika",
+                avatarUrl: "../../../../img/pika.jpeg",
+              });
+              excalidrawAPI.updateScene({ collaborators });
+            } else {
+              excalidrawAPI.updateScene({
+                collaborators: new Map(),
+              });
+            }
+            setIsCollaborating(!isCollaborating);
+          }}
+        />
+        Show Collaborators
+      </label>
+      <Excalidraw
+        ref={(api) => setExcalidrawAPI(api)}
+        renderTopRightUI={() => (
+          <LiveCollaborationTrigger
+            isCollaborating={isCollaborating}
+            onSelect={() => {
+              window.alert("You clicked on collab button");
+              setIsCollaborating(true);
+            }}
+          />
+        )}
+      ></Excalidraw>
+    </div>
+  );
+}
+```
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
new file mode 100644
index 000000000..8fbf228df
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
@@ -0,0 +1,169 @@
+# MainMenu
+
+By default Excalidraw will render the `MainMenu` with default options. If you want to customise the `MainMenu`, you can pass the `MainMenu` component with the list options.
+
+**Usage**
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "300px" }}>
+      <Excalidraw>
+        <MainMenu>
+          <MainMenu.Item onSelect={() => window.alert("Item1")}>
+            Item1
+          </MainMenu.Item>
+          <MainMenu.Item onSelect={() => window.alert("Item2")}>
+            {" "}
+            Item 2{" "}
+          </MainMenu.Item>
+        </MainMenu>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+### `<MainMenu>`
+
+This is the `MainMenu` component. If you render it, you will need to populate the menu with your own items as we will not render any ourselves at that point.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | :-: | :-: | --- |
+| `onSelect` | `function` | No | - | Triggered when any item is selected (via mouse). Calling `event.preventDefault()` will stop menu from closing. |
+
+### MainMenu.Item
+
+To render an item, its recommended to use `MainMenu.Item`.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | :-: | :-: | --- |
+| `onSelect` | `function` | Yes | - | Triggered when selected (via mouse). Calling `event.preventDefault()` will stop menu from closing. |
+| `children` | `React.ReactNode` | Yes | - | The content of the menu item |
+| `icon` | `JSX.Element` | No | - | The icon used in the menu item |
+| `shortcut` | `string` | No | - | The shortcut to be shown for the menu item |
+
+### MainMenu.ItemLink
+
+To render an item as a link, its recommended to use `MainMenu.ItemLink`.
+
+**Usage**
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <MainMenu>
+          <MainMenu.ItemLink href="https://google.com">
+            Google
+          </MainMenu.ItemLink>
+          <MainMenu.ItemLink href="https://excalidraw.com">
+            Excalidraw
+          </MainMenu.ItemLink>
+        </MainMenu>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | :-: | :-: | --- |
+| `onSelect` | `function` | No | - | Triggered when selected (via mouse). Calling `event.preventDefault()` will stop menu from closing. |
+| `href` | `string` | Yes | - | The `href` attribute to be added to the `anchor` element. |
+| `children` | `React.ReactNode` | Yes | - | The content of the menu item |
+| `icon` | `JSX.Element` | No | - | The icon used in the menu item |
+| `shortcut` | `string` | No | - | The shortcut to be shown for the menu item |
+
+### MainMenu.ItemCustom
+
+To render a custom item, you can use `MainMenu.ItemCustom`.
+
+**Usage**
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <MainMenu>
+          <MainMenu.ItemCustom>
+            <button
+              style={{ height: "2rem" }}
+              onClick={() => window.alert("custom menu item")}
+            >
+              {" "}
+              custom item
+            </button>
+          </MainMenu.ItemCustom>
+        </MainMenu>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | :-: | :-: | --- |
+| `children` | `React.ReactNode` | Yes | - | The content of the menu item |
+
+### MainMenu.DefaultItems
+
+For the items which are shown in the menu in [excalidraw.com](https://excalidraw.com), you can use `MainMenu.DefaultItems`
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <MainMenu>
+          <MainMenu.DefaultItems.Socials />
+          <MainMenu.DefaultItems.Export />
+          <MainMenu.Item onSelect={() => window.alert("Item1")}>
+            Item1
+          </MainMenu.Item>
+          <MainMenu.Item onSelect={() => window.alert("Item2")}>
+            Item 2
+          </MainMenu.Item>
+        </MainMenu>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+Here is a [complete list](https://github.com/excalidraw/excalidraw/blob/master/src/components/mainMenu/DefaultItems.tsx) of the default items.
+
+### MainMenu.Group
+
+To Group item in the main menu, you can use `MainMenu.Group`
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <MainMenu>
+          <MainMenu.Group title="Excalidraw items">
+            <MainMenu.DefaultItems.Socials />
+            <MainMenu.DefaultItems.Export />
+          </MainMenu.Group>
+          <MainMenu.Group title="custom items">
+            <MainMenu.Item onSelect={() => window.alert("Item1")}>
+              Item1
+            </MainMenu.Item>
+            <MainMenu.Item onSelect={() => window.alert("Item2")}>
+              Item 2
+            </MainMenu.Item>
+          </MainMenu.Group>
+        </MainMenu>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | :-: | :-: | --- |
+| `children ` | `React.ReactNode` | Yes | - | The content of the `Menu Group` |
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/welcome-screen.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/welcome-screen.mdx
new file mode 100644
index 000000000..8150508bf
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/welcome-screen.mdx
@@ -0,0 +1,140 @@
+# WelcomeScreen
+
+When the canvas is empty, Excalidraw can show a welcome _splash_ screen with a logo, a few quick action items, and hints explaining what some of the UI buttons do. Once the user picks a tool, or has created an element on the canvas, the welcome screen will disappear.
+
+You can enable this behavior by rendering a `WelcomeScreen` component like this:
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "46rem" }}>
+      <Excalidraw>
+        <WelcomeScreen />
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+You can also customize the welcome screen by passing children to the `WelcomeScreen` component. See below.
+
+## <WelcomeScreen/>
+
+This is the main component. If you render it without any children, we will render the default welcome screen.
+
+You can customize which welcome screen subcomponents are rendered by passing them as children.
+
+The welcome screen consists of two main groups of subcomponents:
+
+1. [WelcomeScreen.Center](#welcomescreencenterlogo).
+2. [WeelcomeScreen.Hints](#welcomescreenhints).
+
+<img
+  src={require("@site/static/img/welcome-screen-overview.png").default}
+  alt="Excalidraw logo: Sketch handrawn like diagrams."
+/>
+
+### Center
+
+`<WelcomeScreen.Center/>` subcomponent is the center piece of the welcome screen, containing the `logo`, `heading`, and `menu`. All three subcomponents are optional, and you can render whatever you wish into the center component.
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <WelcomeScreen>
+          <WelcomeScreen.Center>
+            <WelcomeScreen.Center.Logo />
+            <WelcomeScreen.Center.Heading>
+              Welcome Screen Heading!
+            </WelcomeScreen.Center.Heading>
+            <WelcomeScreen.Center.Menu>
+              <WelcomeScreen.Center.MenuItemLink href="https://github.com/excalidraw/excalidraw">
+                Excalidraw GitHub
+              </WelcomeScreen.Center.MenuItemLink>
+              <WelcomeScreen.Center.MenuItemHelp />
+            </WelcomeScreen.Center.Menu>
+          </WelcomeScreen.Center>
+        </WelcomeScreen>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+#### Logo
+
+Use the `<WelcomeScreen.Center.Logo/>` to render a logo. By default it renders the Excalidraw logo and name. Supply `children` to customize.
+
+#### Heading
+
+Use the `<WelcomeScreen.Center.Heading/>` to render a heading below the logo. Supply `children` to change the default message.
+
+#### Menu
+
+`<WelcomeScreen.Center.Menu/>` is a wrapper component for the menu items. You can build your menu using the `<WelcomeScreen.Center.MenuItem>` and `<WelcomeScreen.Center.MenuItemLink>` components, render your own, or render one of the default menu items.
+
+The default menu items are:
+
+- `<WelcomeScreen.Center.MenuItemHelp/>` - opens the help dialog.
+
+- `<WelcomeScreen.Center.MenuItemLoadScene/>` - open the load file dialog.
+
+- `<WelcomeScreen.Center.MenuItemLiveCollaborationTrigger/>` - intended to open the live collaboration dialog. Works similarly to [`<LiveCollaborationTrigger>`](/docs/@excalidraw/excalidraw/api/children-components/live-collaboration-trigger) and you must supply `onSelect()` handler to integrate with your collaboration implementation.
+
+#### MenuItem
+
+The `<WelcomeScreen.Center.MenuItem/>` component can be used to render a menu item.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `onSelect` | `function` | Yes |  | The handler is triggered when the item is selected. |
+| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
+| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
+
+**WelcomeScreen.Center.MenuItemLink**
+
+To render an external link in a menu item, you can use this component.
+
+| Prop | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `href` | `string` | Yes |  | The `href` attribute to be added to the `anchor` element. |
+| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
+| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
+| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
+
+### Hints
+
+These `<WelcomeScreen.Hints.*>` subcomponents render the UI hints. Text of each hint can be customized by supplying `children`.
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <WelcomeScreen>
+          <WelcomeScreen.Hints.ToolbarHint>
+            <p> ToolBar Hints </p>
+          </WelcomeScreen.Hints.ToolbarHint>
+          <WelcomeScreen.Hints.MenuHint />
+          <WelcomeScreen.Hints.HelpHint />
+        </WelcomeScreen>
+      </Excalidraw>
+    </div>
+  );
+}
+```
+
+#### MenuHint
+
+`<WelcomeScreen.Hints.MenuHint>` hint subcomponent for the main menu. Supply `children` to customize the hint text.
+
+#### ToolbarHint
+
+`<WelcomeScreen.Hints.ToolbarHint>` hint subcomponent for the toolbar. Supply `children` to customize the hint text.
+
+#### Help
+
+`<WelcomeScreen.Hints.Help>` hint subcomponent for the help dialog. Supply `children` to customize the hint text.
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/constants.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/constants.mdx
new file mode 100644
index 000000000..a6c95ab2a
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/constants.mdx
@@ -0,0 +1,46 @@
+# Constants
+
+### FONT_FAMILY
+
+**How to use**
+
+```js
+import { FONT_FAMILY } from "@excalidraw/excalidraw";
+```
+
+`FONT_FAMILY` contains all the font families used in `Excalidraw` as explained below
+
+| Font Family | Description            |
+| ----------- | ---------------------- |
+| `Virgil`    | The `handwritten` font |
+| `Helvetica` | The `Normal` Font      |
+| `Cascadia`  | The `Code` Font        |
+
+Defaults to `FONT_FAMILY.Virgil` unless passed in `initialData.appState.currentItemFontFamily`.
+
+### THEME
+
+**How to use**
+
+```js
+import { THEME } from "@excalidraw/excalidraw";
+```
+
+`THEME` contains all the themes supported by `Excalidraw` as explained below
+
+| Theme   | Description       |
+| ------- | ----------------- |
+| `LIGHT` | The `light` theme |
+| `DARK`  | The `Dark` theme  |
+
+Defaults to `THEME.LIGHT` unless passed in `initialData.appState.theme`
+
+### MIME_TYPES
+
+[`MIME_TYPES`](https://github.com/excalidraw/excalidraw/blob/master/src/constants.ts#L101) contains all the mime types supported by `Excalidraw`.
+
+**How to use **
+
+```js
+import { MIME_TYPES } from "@excalidraw/excalidraw";
+```
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/initialdata.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/initialdata.mdx
new file mode 100644
index 000000000..7d79128f0
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/initialdata.mdx
@@ -0,0 +1,55 @@
+# initialData
+
+<pre>
+&#123; elements?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a>, appState?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a> &#125;
+</pre>
+
+This helps to load Excalidraw with `initialData`. It must be an object or a [promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) which resolves to an object containing the below optional fields.
+
+| Name | Type | Description |
+| --- | --- | --- |
+| `elements` | [ExcalidrawElement[]](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114) | The `elements` with which `Excalidraw` should be mounted. |
+| `appState` | [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95) | The `AppState` with which `Excalidraw` should be mounted. |
+| `scrollToContent` | `boolean` | This attribute indicates whether to `scroll` to the nearest element to center once `Excalidraw` is mounted. By default, it will not scroll the nearest element to the center. Make sure you pass `initialData.appState.scrollX` and `initialData.appState.scrollY` when `scrollToContent` is false so that scroll positions are retained |
+| `libraryItems` | [LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L247) &#124; Promise&lt;[LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200)&gt; | This library items with which `Excalidraw` should be mounted. |
+| `files` | [BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L82) | The `files` added to the scene. |
+
+You might want to use this when you want to load excalidraw with some initial elements and app state.
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw
+        initialData={{
+          elements: [
+            {
+              type: "rectangle",
+              version: 141,
+              versionNonce: 361174001,
+              isDeleted: false,
+              id: "oDVXy8D6rom3H1-LLH2-f",
+              fillStyle: "hachure",
+              strokeWidth: 1,
+              strokeStyle: "solid",
+              roughness: 1,
+              opacity: 100,
+              angle: 0,
+              x: 100.50390625,
+              y: 93.67578125,
+              strokeColor: "#000000",
+              backgroundColor: "transparent",
+              width: 186.47265625,
+              height: 141.9765625,
+              seed: 1968410350,
+              groupIds: [],
+            },
+          ],
+          appState: { zenModeEnabled: true, viewBackgroundColor: "#a5d8ff" },
+          scrollToContent: true
+        }}
+      />
+    </div>
+  );
+}
+```
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx
new file mode 100644
index 000000000..a871874c5
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx
@@ -0,0 +1,230 @@
+# Props
+
+All `props` are *optional*.
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| [`initialData`](/docs/@excalidraw/excalidraw/api/props/initialdata) |  `object` &#124; `null` &#124; <code>Promise<object &#124; null></code> | `null` | The initial data with which app loads. |
+| [`ref`](/docs/@excalidraw/excalidraw/api/props/ref) | `object` | _ | `Ref` to be passed to Excalidraw |
+| [`isCollaborating`](#iscollaborating) | `boolean` | _ | This indicates if the app is in `collaboration` mode |
+| [`onChange`](#onchange) | `function` | _ | This callback is triggered whenever the component updates due to any change. This callback will receive the excalidraw `elements` and the current `app state`. |
+| [`onPointerUpdate`](#onpointerupdate) | `function` | _ | Callback triggered when mouse pointer is updated. |
+| [`onPointerDown`](#onpointerdown) | `function` | _ | This prop if passed gets triggered on pointer down evenets |
+| [`onScrollChange`](#onscrollchange) | `function` | _ | This prop if passed gets triggered when scrolling the canvas. |
+| [`onPaste`](#onpaste) | `function` | _ | Callback to be triggered if passed when the something is pasted in to the scene |
+| [`onLibraryChange`](#onlibrarychange) | `function` | _ | The callback if supplied is triggered when the library is updated and receives the library items. |
+| [`onLinkOpen`](#onlinkopen) | `function` | _ | The callback if supplied is triggered when any link is opened. |
+| [`langCode`](#langcode) | `string` | `en` | Language code string to be used in Excalidraw |
+| [`renderTopRightUI`](/docs/@excalidraw/excalidraw/api/props/render-props#rendertoprightui) | `function` | _ | Render function that renders custom UI in top right corner |
+| [`renderCustomStats`](/docs/@excalidraw/excalidraw/api/props/render-props#rendercustomstats) | `function` | _ | Render function that can be used to render custom stats on the stats dialog. |
+| [`renderSidebar`](/docs/@excalidraw/excalidraw/api/props/render-props#rendersidebar) | `function` | _ | Render function that renders custom sidebar. |
+| [`viewModeEnabled`](#viewmodeenabled) | `boolean` | _ | This indicates if the app is in `view` mode. |
+| [`zenModeEnabled`](#zenmodeenabled) | `boolean` | _ | This indicates if the `zen` mode is enabled |
+| [`gridModeEnabled`](#gridmodeenabled) | `boolean` | _ | This indicates if the `grid` mode is enabled |
+| [`libraryReturnUrl`](#libraryreturnurl) | `string` | _ | What URL should [libraries.excalidraw.com](https://libraries.excalidraw.com) be installed to |
+| [`theme`](#theme) | `"light"` &#124; `"dark"` | `"light"` | The theme of the Excalidraw component |
+| [`name`](#name) | `string` |  | Name of the drawing |
+| [`UIOptions`](/docs/@excalidraw/excalidraw/api/props/ui-options) | `object` | [DEFAULT UI OPTIONS](https://github.com/excalidraw/excalidraw/blob/master/src/constants.ts#L151) | To customise UI options. Currently we support customising [`canvas actions`](#canvasactions) |
+| [`detectScroll`](#detectscroll) | `boolean` | `true` | Indicates whether to update the offsets when nearest ancestor is scrolled. |
+| [`handleKeyboardGlobally`](#handlekeyboardglobally) | `boolean` | `false` | Indicates whether to bind the keyboard events to document. |
+| [`autoFocus`](#autofocus) | `boolean` | `false` | indicates whether to focus the Excalidraw component on page load |
+| [`generateIdForFile`](#generateidforfile) | `function` | _ | Allows you to override `id` generation for files added on canvas |
+
+### Storing custom data on Excalidraw elements
+
+Beyond attributes that Excalidraw elements already support, you can store `custom` data on each `element` in a `customData` object. The type of the attribute is [`Record<string, any>`](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L66) and is optional.
+
+You can use this to add any extra information you need to keep track of.
+
+You can add `customData` to elements when passing them as [`initialData`](/docs/@excalidraw/excalidraw/api/props/initialdata), or using [`updateScene`](/docs/@excalidraw/excalidraw/api/props/ref#updatescene) / [`updateLibrary`](/docs/@excalidraw/excalidraw/api/props/ref#updatelibrary) afterwards.
+
+```js showLineNumbers
+{
+  type: "rectangle",
+  id: "oDVXy8D6rom3H1-LLH2-f",
+  customData: {customId: '162'},
+}
+```
+
+### isCollaborating
+
+This prop indicates if the app is in `collaboration` mode.
+
+### onChange
+
+Every time component updates, this callback if passed will get triggered and has the below signature.
+
+```js
+(excalidrawElements, appState, files) => void;
+```
+
+1. `excalidrawElements`: Array of [excalidrawElements](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114) in the scene.
+
+2. `appState`: [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95) of the scene.
+
+3. `files`: The [BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64) which are added to the scene.
+
+Here you can try saving the data to your backend or local storage for example.
+
+### onPointerUpdate
+
+This callback is triggered when mouse pointer is updated.
+
+```js
+({ x, y }, button, pointersMap}) => void;
+```
+
+1.`{x, y}`: Pointer coordinates
+
+2.`button`: The position of the button. This will be one of `["down", "up"]`
+
+3.`pointersMap`: [`pointers`](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L131) map of the scene
+
+```js
+(exportedElements, appState, canvas) => void
+```
+
+1. `exportedElements`: An array of [non deleted elements](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L87) which needs to be exported.
+2. `appState`: [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95) of the scene.
+3. `canvas`: The `HTMLCanvasElement` of the scene.
+
+### onPointerDown
+
+This prop if passed will be triggered on pointer down events and has the below signature.
+
+<pre>
+(activeTool: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L115"> AppState["activeTool"]</a>, pointerDownState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L424">PointerDownState</a>) => void
+</pre>
+
+### onScrollChange
+
+This prop if passed will be triggered when canvas is scrolled and has the below signature.
+
+```ts
+(scrollX: number, scrollY: number) => void
+```
+
+### onPaste
+
+This callback is triggered if passed when something is pasted into the scene. You can use this callback in case you want to do something additional when the paste event occurs.
+
+<pre>
+(data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/clipboard.ts#L18">ClipboardData</a>, event: ClipboardEvent &#124; null) => boolean
+</pre>
+
+This callback must return a `boolean` value or a [promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) which resolves to a boolean value.
+
+In case you want to prevent the excalidraw paste action you must return `false`, it will stop the native excalidraw clipboard management flow (nothing will be pasted into the scene).
+
+### onLibraryChange
+
+This callback if supplied will get triggered when the library is updated and has the below signature.
+
+<pre>
+  (items:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">
+    LibraryItems
+  </a>
+  ) => void | Promise&lt;any&gt;
+</pre>
+
+It is invoked with empty items when user clears the library. You can use this callback when you want to do something additional when library is updated for example persisting it to local storage.
+
+### onLinkOpen
+
+This prop if passed will be triggered when clicked on `link`. To handle the redirect yourself (such as when using your own router for internal links), you must call `event.preventDefault()`.
+
+<pre>
+(element: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement</a>, 
+ event: CustomEvent&lt;&#123; nativeEvent: MouseEvent }&gt;) => void
+</pre>
+
+Example:
+
+```js showLineNumbers
+const history = useHistory();
+
+// open internal links using the app's router, but opens external links in
+// a new tab/window
+const onLinkOpen: ExcalidrawProps["onLinkOpen"] = useCallback(
+  (element, event) => {
+    const link = element.link;
+    const { nativeEvent } = event.detail;
+    const isNewTab = nativeEvent.ctrlKey || nativeEvent.metaKey;
+    const isNewWindow = nativeEvent.shiftKey;
+    const isInternalLink =
+      link.startsWith("/") || link.includes(window.location.origin);
+    if (isInternalLink && !isNewTab && !isNewWindow) {
+      history.push(link.replace(window.location.origin, ""));
+      // signal that we're handling the redirect ourselves
+      event.preventDefault();
+    }
+  },
+  [history],
+);
+```
+
+### langCode
+
+Determines the `language` of the UI. It should be one of the [available language codes](https://github.com/excalidraw/excalidraw/blob/master/src/i18n.ts#L14). Defaults to `en` (English). We also export default language and supported languages which you can import as shown below.
+
+```js
+import { defaultLang, languages } from "@excalidraw/excalidraw";
+```
+
+| name | type |
+| --- | --- |
+| `defaultLang` | `string` |
+| `languages` | [`Language[]`](https://github.com/excalidraw/excalidraw/blob/master/src/i18n.ts#L15) |
+
+### viewModeEnabled
+
+This prop indicates whether the app is in `view mode`. When supplied, the value takes precedence over *intialData.appState.viewModeEnabled*, the `view mode` will be fully controlled by the host app, and users won't be able to toggle it from within the app.
+
+### zenModeEnabled
+
+This prop indicates whether the app is in `zen mode`. When supplied, the value takes precedence over *intialData.appState.zenModeEnabled*, the `zen mode` will be fully controlled by the host app, and users won't be able to toggle it from within the app.
+
+### gridModeEnabled
+
+This prop indicates whether the shows the grid. When supplied, the value takes precedence over *intialData.appState.gridModeEnabled*, the grid will be fully controlled by the host app, and users won't be able to toggle it from within the app.
+
+### libraryReturnUrl
+
+If supplied, this URL will be used when user tries to install a library from [libraries.excalidraw.com](https://libraries.excalidraw.com).  
+Defaults to *window.location.origin + window.location.pathname*. To install the libraries in the same tab from which it was opened, you need to set `window.name` (to any alphanumeric string) — if it's not set it will open in a new tab.
+
+### theme
+
+This prop controls Excalidraw's theme. When supplied, the value takes precedence over *intialData.appState.theme*, the theme will be fully controlled by the host app, and users won't be able to toggle it from within the app unless *UIOptions.canvasActions.toggleTheme* is set to `true`, in which case the `theme` prop will control Excalidraw's default theme with ability to allow theme switching (you must take care of updating the `theme` prop when you detect a change to `appState.theme` from the [onChange](#onchange) callback).
+
+You can use [`THEME`](/docs/@excalidraw/excalidraw/api/utils#theme) to specify the theme.
+
+### name
+
+This prop sets the `name` of the drawing which will be used when exporting the drawing. When supplied, the value takes precedence over *intialData.appState.name*, the `name` will be fully controlled by host app and the users won't be able to edit from within Excalidraw.
+
+
+### detectScroll
+
+Indicates whether Excalidraw should listen for `scroll` event on the nearest scrollable container in the DOM tree and recompute the coordinates (e.g. to correctly handle the cursor) when the component's position changes. You can disable this when you either know this doesn't affect your app or you want to take care of it yourself (calling the [`refresh()`](#ref) method).
+
+### handleKeyboardGlobally
+
+Indicates whether to bind keyboard events to `document`. Disabled by default, meaning the keyboard events are bound to the Excalidraw component. This allows for multiple Excalidraw components to live on the same page, and ensures that Excalidraw keyboard handling doesn't collide with your app's (or the browser) when the component isn't focused.
+
+Enable this if you want Excalidraw to handle keyboard even if the component isn't focused (e.g. a user is interacting with the navbar, sidebar, or similar).
+
+
+### autoFocus
+
+This prop indicates whether to `focus` the Excalidraw component on page load. Defaults to false.
+
+### generateIdForFile
+
+Allows you to override `id` generation for files added on canvas (images). By default, an SHA-1 digest of the file is used.
+
+```tsx
+(file: File) => string | Promise<string>
+```
+
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
new file mode 100644
index 000000000..a37843c76
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
@@ -0,0 +1,391 @@
+# ref
+<pre>
+<a href="https://reactjs.org/docs/refs-and-the-dom.html#creating-refs">createRef</a> &#124; <a href="https://reactjs.org/docs/hooks-reference.html#useref">useRef</a> &#124; <a href="https://reactjs.org/docs/refs-and-the-dom.html#callback-refs">callbackRef</a> &#124; <br/>&#123; current: &#123; readyPromise: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L460">resolvablePromise</a> } }
+</pre>
+
+You can pass a `ref` when you want to access some excalidraw APIs. We expose the below APIs:
+
+| API | Signature | Usage |
+| --- | --- | --- |
+| ready | `boolean` | This is set to true once Excalidraw is rendered |
+| [readyPromise](#readypromise) | `function` | This promise will be resolved with the api once excalidraw has rendered. This will be helpful when you want do some action on the host app once this promise resolves. For this to work you will have to pass ref as shown [here](#readypromise) |
+| [updateScene](#updatescene) | `function` | updates the scene with the sceneData |
+| [updateLibrary](#updatelibrary) | `function` | updates the scene with the sceneData |
+| [addFiles](#addfiles) | `function` | add files data to the appState |
+| [resetScene](#resetscene) | `function` | Resets the scene. If `resetLoadingState` is passed as true then it will also force set the loading state to false. |
+| [getSceneElementsIncludingDeleted](#getsceneelementsincludingdeleted) | `function` | Returns all the elements including the deleted in the scene |
+| [getSceneElements](#getsceneelements) | `function` | Returns all the elements excluding the deleted in the scene |
+| [getAppState](#getappstate) | `function` | Returns current appState |
+| [history](#history) | `object` | This is the history API. `history.clear()` will clear the history |
+| [scrollToContent](#scrolltocontent) | `function` | Scroll the nearest element out of the elements supplied to the center. Defaults to the elements on the scene. |
+| [refresh](#refresh) | `function` | Updates the offsets for the Excalidraw component so that the coordinates are computed correctly (for example the cursor position). |
+| [setToast](#settoast) | `function` | This API can be used to show the toast with custom message. |
+| [id](#id) | `string` | Unique ID for the excalidraw component. |
+| [getFiles](#getfiles) | `function` | This API can be used to get the files present in the scene. |
+| [setActiveTool](#setactivetool) | `function` | This API can be used to set the active tool |
+| [setCursor](#setcursor) | `function` | This API can be used to set customise the mouse cursor on the canvas |
+| [resetCursor](#resetcursor) | `function` | This API can be used to reset to default mouse cursor on the canvas |
+| [toggleMenu](#togglemenu) | `function` | Toggles specific menus on/off |
+
+## readyPromise
+
+<pre>
+  const excalidrawRef = &#123; current:&#123; readyPromise:
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L460">
+    &nbsp;resolvablePromise
+  </a>
+  &nbsp;&#125; &#125;
+</pre>
+
+Since plain object is passed as a `ref`, the `readyPromise` is resolved as soon as the component is mounted. Most of the time you will not need this unless you have a specific use case where you can't pass the `ref` in the react way and want to do some action on the host when this promise resolves.
+
+```jsx showLineNumbers
+const resolvablePromise = () => {
+  let resolve;
+  let reject;
+  const promise = new Promise((_resolve, _reject) => {
+    resolve = _resolve;
+    reject = _reject;
+  });
+  promise.resolve = resolve;
+  promise.reject = reject;
+  return promise;
+};
+
+const App = () => {
+  const excalidrawRef = useMemo(
+    () => ({
+      current: {
+        readyPromise: resolvablePromise(),
+      },
+    }),
+    [],
+  );
+
+  useEffect(() => {
+    excalidrawRef.current.readyPromise.then((api) => {
+      console.log("loaded", api);
+    });
+  }, [excalidrawRef]);
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw ref={excalidrawRef} />
+    </div>
+  );
+};
+```
+
+## updateScene
+
+<pre>
+  (scene:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L339">
+    sceneData
+  </a>
+  ) => void
+</pre>
+
+You can use this function to update the scene with the sceneData. It accepts the below attributes.
+
+| Name | Type | Description |
+| --- | --- | --- |
+| `elements` | [`ImportedDataState["elements"]`](https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L38) | The `elements` to be updated in the scene |
+| `appState` | [`ImportedDataState["appState"]`](https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L39) | The `appState` to be updated in the scene. |
+| `collaborators` | <code>Map<string, <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L37">Collaborator></a></code> | The list of collaborators to be updated in the scene. |
+| `commitToHistory` | `boolean` | Implies if the `history (undo/redo)` should be recorded. Defaults to `false`. |
+
+```jsx live
+function App() {
+  const updateScene = () => {
+    const sceneData = {
+      elements: [
+        {
+          type: "rectangle",
+          version: 141,
+          versionNonce: 361174001,
+          isDeleted: false,
+          id: "oDVXy8D6rom3H1-LLH2-f",
+          fillStyle: "hachure",
+          strokeWidth: 1,
+          strokeStyle: "solid",
+          roughness: 1,
+          opacity: 100,
+          angle: 0,
+          x: 100.50390625,
+          y: 93.67578125,
+          strokeColor: "#c92a2a",
+          backgroundColor: "transparent",
+          width: 186.47265625,
+          height: 141.9765625,
+          seed: 1968410350,
+          groupIds: [],
+          boundElements: null,
+          locked: false,
+          link: null,
+          updated: 1,
+          roundness: {
+            type: 3,
+            value: 32,
+          },
+        },
+      ],
+      appState: {
+        viewBackgroundColor: "#edf2ff",
+      },
+    };
+    excalidrawAPI.updateScene(sceneData);
+  };
+  const [excalidrawAPI, setExcalidrawAPI] = useState(null);
+  return (
+    <div style={{ height: "500px" }}>
+      <p style={{ fontSize: "16px" }}> Click to update the scene</p>
+      <button className="custom-button" onClick={updateScene}>Update Scene</button>
+      <Excalidraw ref={(api) => setExcalidrawAPI(api)} />
+    </div>
+  );
+}
+```
+
+### updateLibrary
+
+<pre>
+  (opts: &#123; <br /> libraryItems:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L249">
+    LibraryItemsSource
+  </a>
+  ;<br /> merge?: boolean; <br /> prompt?: boolean;
+  <br /> openLibraryMenu?: boolean;
+  <br /> defaultStatus?: "unpublished" | "published"; <br /> &#125;) => Promise&lt;
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L246">
+    LibraryItems
+  </a>
+  &gt;
+</pre>
+
+You can use this function to update the library. It accepts the below attributes.
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `libraryItems` | [LibraryItemsSource](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L249) | \_ | The `libraryItems` to be replaced/merged with current library |
+| `merge` | boolean | `false` | Whether to merge with existing library items. |
+| `prompt` | boolean | `false` | Whether to prompt user for confirmation. |
+| `openLibraryMenu` | boolean | `false` | Keep the library menu open after library is updated. |
+| `defaultStatus` | <code>"unpublished" &#124; "published"</code> | `"unpublished"` | Default library item's `status` if not present. |
+
+```tsx live
+function App() {
+  const [excalidrawAPI, setExcalidrawAPI] = useState(null);
+
+  useEffect(() => {
+    if (!excalidrawAPI) {
+      return;
+    }
+    // to open the library sidebar
+    excalidrawAPI.updateScene({ appState: { openSidebar: "library" } });
+  }, [excalidrawAPI]);
+
+  return (
+    <div style={{ height: "500px" }}>
+      <p style={{ fontSize: "16px" }}> Click to update the library items</p>
+      <button className="custom-button"
+        onClick={() => {
+          const libraryItems = [
+            {
+              status: "published",
+              id: "1",
+              created: 1,
+              elements: initialData.libraryItems[1],
+            },
+            {
+              status: "unpublished",
+              id: "2",
+              created: 2,
+              elements: initialData.libraryItems[1],
+            },
+          ];
+          excalidrawAPI.updateLibrary({
+            libraryItems,
+            openLibraryMenu: true
+
+          });
+         
+        }}
+      >
+        Update Library
+      </button>
+      <Excalidraw
+        ref={(api) => setExcalidrawAPI(api)}
+        // initial data retrieved from https://github.com/excalidraw/excalidraw/blob/master/dev-docs/src/initialData.js
+        initialData={{
+          libraryItems: initialData.libraryItems,
+          appState: { openSidebar: "library" },
+        }}
+      />
+    </div>
+  );
+}
+```
+
+### addFiles
+
+<pre>
+  (files:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L59">
+    BinaryFileData
+  </a>
+  ) => void
+</pre>
+
+Adds supplied files data to the `appState.files` cache on top of existing files present in the cache.
+
+## resetScene
+
+```tsx
+(opts?: { resetLoadingState: boolean }) => void
+```
+
+Resets the scene. If `resetLoadingState` is passed as true then it will also force set the loading state to false.
+
+## getSceneElementsIncludingDeleted
+
+<pre>
+  () =>{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+    ExcalidrawElement[]
+  </a>
+</pre>
+
+Returns all the elements including the deleted in the scene.
+
+## getSceneElements
+
+<pre>
+  () => NonDeleted&#60;
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+    ExcalidrawElement
+  </a>
+  []&#62;
+</pre>
+
+Returns all the elements excluding the deleted in the scene
+
+## getAppState
+
+<pre>
+  () =>{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">
+    AppState
+  </a>
+</pre>
+
+Returns current appState.
+
+## history
+
+```tsx
+{
+  clear: () => void
+}
+```
+
+This is the history API. history.clear() will clear the history.
+
+## scrollToContent
+
+<pre>
+  (target?:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+    ExcalidrawElement
+  </a>{" "}
+  &#124;{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+    ExcalidrawElement
+  </a>
+  []) => void
+</pre>
+
+Scroll the nearest element out of the elements supplied to the center. Defaults to the elements on the scene.
+
+## refresh
+
+```tsx
+() => void
+```
+
+Updates the `offsets` for the `Excalidraw` component so that the coordinates are computed correctly (for example the cursor position).
+
+You don't have to call this when the position is changed on page scroll or when the excalidraw container resizes (we handle that ourselves).
+
+For any other cases if the position of excalidraw is updated (example due to scroll on parent container and not page scroll) you should call this API.
+
+## setToast
+
+This API can be used to show the toast with custom message.
+
+```tsx
+({ message: string, closable?:boolean,duration?:number 
+  } | null) => void
+```
+
+| Attribute | type | Description |
+| --- | --- | --- |
+| message | string | The message to be shown on the toast. |
+| closable | boolean | Indicates whether to show the closable button on toast to dismiss the toast. |
+| duration | number | Determines the duration after which the toast should auto dismiss. To prevent autodimiss you can pass `Infinity`. |
+
+To dismiss an existing toast you can simple pass `null`
+
+```js
+setToast(null);
+```
+
+## id
+
+The unique id of the excalidraw component. This can be used to identify the excalidraw component, for example importing the library items to the excalidraw component from where it was initiated when you have multiple excalidraw components rendered on the same page as shown in [multiple excalidraw demo](https://codesandbox.io/s/multiple-excalidraw-k1xx5).
+
+## getFiles
+
+<pre>
+  () =>{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L82">
+    files
+  </a>
+</pre>
+
+This API can be used to get the files present in the scene. It may contain files that aren't referenced by any element, so if you're persisting the files to a storage, you should compare them against stored elements.
+
+## setActiveTool
+
+This API has the below signature. It sets the `tool` passed in param as the active tool.
+
+
+<pre>
+(tool: <br/>  &#123; type: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/shapes.tsx#L15">SHAPES</a>[number]["value"]&#124; "eraser" &#125; &#124;<br/>  &#123; type: "custom"; customType: string &#125;) => void
+</pre>
+
+## setCursor
+
+This API can be used to customise the mouse cursor on the canvas and has the below signature.   
+It sets the mouse cursor to the cursor passed in param.
+
+```tsx
+(cursor: string) => void
+```
+
+## toggleMenu
+
+```tsx
+(type: "library" | "customSidebar", force?: boolean) => boolean;
+```
+
+This API can be used to toggle a specific menu (currently only the sidebars), and returns whether the menu was toggled on or off. If the `force` flag passed, it will force the menu to be toggled either on/off based on the `boolean` passed.
+
+This API is especially useful when you render a custom sidebar using [`renderSidebar`](#rendersidebar) prop, and you want to toggle it from your app based on a user action.
+
+## resetCursor
+
+```tsx
+() => void
+```
+
+This API can be used to reset to default mouse cursor.
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
new file mode 100644
index 000000000..ca329e3e6
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
@@ -0,0 +1,126 @@
+# Render Props
+
+## renderTopRightUI
+
+<pre>
+  (isMobile: boolean, appState:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">
+    AppState
+  </a>
+  ) => JSX | null
+</pre>
+
+A function returning `JSX` to render `custom` UI in the top right corner of the app.
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw
+        renderTopRightUI={() => {
+          return (
+            <button
+              style={{
+                background: "#70b1ec",
+                border: "none",
+                color: "#fff",
+                width: "max-content",
+                fontWeight: "bold",
+              }}
+              onClick={() => window.alert("This is dummy top right UI")}
+            >
+              {" "}
+              Click me{" "}
+            </button>
+          );
+        }}
+      />
+    </div>
+  );
+}
+```
+
+## renderCustomStats
+
+A function that can be used to render custom stats (returns JSX) in the `nerd stats` dialog.
+
+![Nerd Stats](../../../../assets/nerd-stats.png)
+
+For example you can use this prop to render the size of the elements in the storage as do in [excalidraw.com](https://excalidraw.com).
+
+```jsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw
+        renderCustomStats={() => (
+          <p style={{ color: "#70b1ec", fontWeight: "bold" }}>
+            {" "}
+            Dummy stats will be shown here{" "}
+          </p>
+        )}
+      />
+    </div>
+  );
+}
+```
+
+## renderSidebar
+
+```tsx
+() => JSX | null;
+```
+
+You can render `custom sidebar` using this prop. This sidebar is the same that the library menu sidebar is using, and can be used for any purposes your app needs.
+
+You need to import the `Sidebar` component from `excalidraw` package and pass your content as its `children`. The function `renderSidebar` should return the `Sidebar` instance.
+
+### Sidebar
+The `<Sidebar>` component takes these props (all are optional except `children`):
+
+| Prop | Type | Description |
+| --- | --- | --- |
+| `children` | `React.ReactNode` | Content you want to render inside the `sidebar`. |
+| `onClose` | `function` | Invoked when the component is closed (by user, or the editor). No need to act on this event, as the editor manages the sidebar open state on its own. |
+| `onDock` | `function` | Invoked when the user toggles the `dock` button. The callback recieves a `boolean` parameter `isDocked` which indicates whether the sidebar is `docked` |
+| `docked` | `boolean` | Indicates whether the sidebar is`docked`. By default, the sidebar is `undocked`. If passed, the docking becomes controlled, and you are responsible for updating the `docked` state by listening on `onDock` callback. To decide the breakpoint for docking you can use [UIOptions.dockedSidebarBreakpoint](/docs/@excalidraw/excalidraw/api/props/ui-options#dockedsidebarbreakpoint) for more info on docking. |
+| `dockable` | `boolean` | Indicates whether to show the `dock` button so that user can `dock` the sidebar. If `false`, you can still dock programmatically by passing `docked` as `true`. |
+
+The sidebar will always include a header with `close / dock` buttons (when applicable).
+You can also add custom content to the header, by rendering `<Sidebar.Header>` as a child of the `<Sidebar>` component. Note that the custom header will still include the default buttons.
+
+
+### Sidebar.Header
+
+| name | type | description |
+| --- | --- | --- |
+| children | `React.ReactNode` | Content you want to render inside the sidebar header as a sibling of `close` / `dock` buttons. |
+
+To control the visibility of the sidebar you can use [`toggleMenu("customSidebar")`](/docs/@excalidraw/excalidraw/api/props/ref#togglemenu) api available via `ref`.
+
+```tsx live
+function App() {
+  const [excalidrawAPI, setExcalidrawAPI] = useState(null);
+
+  return (
+    <div style={{ height: "500px" }}>
+      <button className="custom-button" onClick={() => excalidrawAPI.toggleMenu("customSidebar")}>
+        {" "}
+        Toggle Custom Sidebar{" "}
+      </button>
+      <Excalidraw
+        UIOptions={{ dockedSidebarBreakpoint: 100 }}
+        ref={(api) => setExcalidrawAPI(api)}
+        renderSidebar={() => {
+          return (
+            <Sidebar dockable={true}>
+              <Sidebar.Header>Custom Sidebar Header </Sidebar.Header>
+              <p style={{ padding: "1rem" }}> custom Sidebar Content </p>
+            </Sidebar>
+          );
+        }}
+      />
+    </div>
+  );
+}
+```
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/ui-options.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/ui-options.mdx
new file mode 100644
index 000000000..d7551e366
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/ui-options.mdx
@@ -0,0 +1,72 @@
+# UIOptions
+
+This prop can be used to customise UI of Excalidraw. Currently we support customising [`canvasActions`](#canvasactions), [`dockedSidebarBreakpoint`](#dockedsidebarbreakpoint) and [`welcomeScreen`](#welcmescreen).
+
+<pre>
+  &#123;
+  <br /> canvasActions?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L372">
+    CanvasActions
+  </a>, <br /> dockedSidebarBreakpoint?: number, <br /> welcomeScreen?: boolean <br />
+
+  }
+</pre>
+
+## canvasActions
+
+This `prop` controls the visibility of the canvas actions inside the `menu`.
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `changeViewBackgroundColor` | `boolean` | `true` | Indicates whether to show `Background color picker`. |
+| `clearCanvas` | `boolean` | `true` | Indicates whether to show `Clear canvas` button. |
+| `export` | `false` &#124; [`exportOpts`](#exportopts) | `object` | This prop allows to customize the UI inside the export dialog. By default it shows the `save file to disk`. For more details visit [`exportOpts`](#exportopts). |
+| `loadScene` | `boolean` | `true` | Indicates whether to show `Load` button. |
+| `saveToActiveFile` | `boolean` | `true` | Indicates whether to show `Save` button to save to current file. |
+| `toggleTheme` | `boolean` &#124; `null` | `null` | Indicates whether to show `Theme toggle`. When defined as `boolean`, takes precedence over [`props.theme`](/docs/@excalidraw/excalidraw/api/props#theme) to show `Theme toggle`. |
+| `saveAsImage` | `boolean` | `true` | Indicates whether to show `Save as image` button. |
+
+```tsx live
+function App() {
+  const UIOptions = {
+    canvasActions: {
+      changeViewBackgroundColor: false,
+      clearCanvas: false,
+      loadScene: false,
+    },
+  };
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw UIOptions={UIOptions} />
+    </div>
+  );
+}
+```
+
+### exportOpts
+
+The below attributes can be set in `UIOptions.canvasActions.export` to customize the export dialog.  
+If `UIOptions.canvasActions.export` is `false` the export button will not be rendered.
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `saveFileToDisk` | `boolean` | `true` | Indicates whether `save file to disk` button should be shown |
+| `onExportToBackend` | `object` | \_ | This callback is triggered when the shareable-link button is clicked in the export dialog. The link button will only be shown if this callback is passed. |
+| `renderCustomUI` | `object` | \_ | This callback should be supplied if you want to render custom UI in the export dialog. |
+
+## dockedSidebarBreakpoint
+
+This prop indicates at what point should we break to a docked, permanent sidebar. If not passed it defaults to [`MQ_RIGHT_SIDEBAR_MAX_WIDTH_PORTRAIT`](https://github.com/excalidraw/excalidraw/blob/master/src/constants.ts#L161).  
+If the _width_ of the _excalidraw_ container exceeds _dockedSidebarBreakpoint_, the sidebar will be `dockable` and the button to `dock` the sidebar will be shown  
+If user choses to `dock` the sidebar, it will push the right part of the UI towards the left, making space for the sidebar as shown below.
+
+![image](https://user-images.githubusercontent.com/11256141/174664866-c698c3fa-197b-43ff-956c-d79852c7b326.png)
+
+```tsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw UIOptions={{dockedSidebarBreakpoint: 200}}/>
+    </div>
+  );
+}
+```
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/utils/export.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/utils/export.mdx
new file mode 100644
index 000000000..f5469f01d
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/utils/export.mdx
@@ -0,0 +1,196 @@
+---
+title: Export Utilities
+id: "export"
+---
+
+:::info
+
+We're working on much improved export utilities. Stay tuned!
+
+:::
+
+### exportToCanvas
+
+**_Signature_**
+
+<pre>
+exportToCanvas(&#123;<br/>&nbsp;
+  elements,<br/>&nbsp;
+  appState<br/>&nbsp;
+  getDimensions,<br/>&nbsp;
+  files,<br/>&nbsp;
+  exportPadding?: number;<br/>
+&#125;: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L21">ExportOpts</a>
+</pre>
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `elements` | [Excalidraw Element []](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114) |  | The elements to be exported to canvas. |
+| `appState` | [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L23) | [Default App State](https://github.com/excalidraw/excalidraw/blob/master/src/appState.ts#L17) | The app state of the scene. |
+| [`getDimensions`](#getdimensions) | `function` | _ | A function which returns the `width`, `height`, and optionally `scale` (defaults to  `1`), with which canvas is to be exported. |
+| `maxWidthOrHeight` | `number` | _ | The maximum `width` or `height` of the exported image. If provided, `getDimensions` is ignored. |
+| `files` | [BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L59) | _ | The files added to the scene. |
+| `exportPadding` | `number` | `10` | The `padding` to be added on canvas. |
+
+
+#### getDimensions
+
+```tsx
+(width: number, height: number) => { 
+  width: number,
+  height: number, 
+  scale?: number 
+}
+```
+A function which returns the `width`, `height`, and optionally `scale` (defaults to  `1`), with which canvas is to be exported.
+
+**How to use**
+
+```js
+import { exportToCanvas } from "@excalidraw/excalidraw";
+```
+
+This function returns the canvas with the exported elements, appState and dimensions.
+
+```jsx live
+function App() {
+  const [canvasUrl, setCanvasUrl] = useState("");
+  const [excalidrawAPI, setExcalidrawAPI] = useState(null);
+
+  return  (
+    <>
+      <button
+        className="custom-button"
+        onClick={async () => {
+          if (!excalidrawAPI) {
+            return
+          }
+          const elements = excalidrawAPI.getSceneElements();
+          if (!elements || !elements.length) {
+            return
+          }
+          const canvas = await exportToCanvas({
+            elements,
+            appState: {
+              ...initialData.appState,
+              exportWithDarkMode: false,
+            },
+            files: excalidrawAPI.getFiles(),
+            getDimensions: () => { return {width: 350, height: 350}}
+          });
+          const ctx = canvas.getContext("2d");
+          ctx.font = "30px Virgil";
+          ctx.strokeText("My custom text", 50, 60);
+          setCanvasUrl(canvas.toDataURL());
+        }}
+      >
+        Export to Canvas
+      </button>
+      <div className="export export-canvas">
+        <img src={canvasUrl} alt="" />
+      </div>
+      <div style={{ height: "400px" }}>
+        <Excalidraw ref={(api) => setExcalidrawAPI(api)}
+/>
+      </div>
+    </>
+  )
+}
+```
+
+
+### exportToBlob
+
+**_Signature_**
+
+<pre>
+exportToBlob(<br/>&nbsp;
+  opts: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L14">ExportOpts</a> & &#123;<br/>&nbsp;
+  mimeType?: string,<br/>&nbsp;
+  quality?: number,<br/>&nbsp;
+  exportPadding?: number;<br/>
+})
+</pre>
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `opts` | `object` | _ | This param is passed to `exportToCanvas`. You can refer to [`exportToCanvas`](#exporttocanvas) |
+| `mimeType` | `string` | `image/png` | Indicates the image format. |
+| `quality` | `number` | `0.92` | A value between `0` and `1` indicating the [image quality](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob#parameters). Applies only to `image/jpeg`/`image/webp` MIME types. |
+| `exportPadding` | `number` | `10` | The padding to be added on canvas. |
+
+**How to use**
+
+```js
+import { exportToBlob } from "@excalidraw/excalidraw";
+```
+
+Returns a promise which resolves with a [blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob). It internally uses [canvas.ToBlob](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob).
+
+### exportToSvg
+
+**_Signature_**
+
+<pre>
+exportToSvg(&#123;<br/>&nbsp;
+  elements:&nbsp; 
+    <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+      ExcalidrawElement[]
+    </a>,<br/>&nbsp;
+  appState:
+    <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95"> AppState
+    </a>,<br/>&nbsp;
+  exportPadding: number,<br/>&nbsp;
+  metadata: string,<br/>&nbsp;
+  files:&nbsp;
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L59">
+      BinaryFiles
+    </a>,<br/>
+&#125;);
+</pre>
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| elements | [Excalidraw Element []](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114) |  | The elements to exported as `svg `|
+| appState | [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95) | [defaultAppState](https://github.com/excalidraw/excalidraw/blob/master/src/appState.ts#L11) | The `appState` of the scene |
+| exportPadding | number | 10 | The `padding` to be added on canvas |
+| files | [BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64) | undefined | The `files` added to the scene. |
+
+This function returns a promise which resolves to `svg` of the exported drawing.
+
+### exportToClipboard
+
+**_Signature_**
+
+<pre>
+exportToClipboard(<br/>&nbsp;
+  opts: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L21">ExportOpts</a> & &#123;<br/>&nbsp;
+  mimeType?: string,<br/>&nbsp;
+  quality?: number;<br/>&nbsp;
+  type: 'png' | 'svg' |'json'<br/>
+})
+</pre>
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `opts` |  |  | This param is same as the params passed to `exportToCanvas`. You can refer to [`exportToCanvas`](#exporttocanvas). |
+| `mimeType` | `string` | `image/png` | Indicates the image format, this will be used when exporting as `png`. |
+| `quality` | `number` | `0.92` | A value between `0` and `1` indicating the [image quality](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob#parameters). Applies only to `image/jpeg` / `image/webp` MIME types. This will be used when exporting as `png`. |
+| `type` | 'png' &#124; 'svg' &#124; 'json' | _ | This determines the format to which the scene data should be `exported`. |
+
+**How to use**
+
+```js
+import { exportToClipboard } from "@excalidraw/excalidraw";
+```
+
+Copies the scene data in the specified format (determined by `type`) to clipboard.
+
+### Additional attributes of appState for export\* APIs
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `exportBackground` | `boolean` | `true` | Indicates whether `background` should be exported |
+| `viewBackgroundColor` | `string` | `#fff` | The default background color |
+| `exportWithDarkMode` | `boolean` | `false` | Indicates whether to export with `dark` mode |
+| `exportEmbedScene` | `boolean` | `false` | Indicates whether scene data should be embedded in `svg/png`. This will increase the image size. |
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
new file mode 100644
index 000000000..809c15a1b
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
@@ -0,0 +1,90 @@
+---
+title: Restore Utilities
+id: "restore"
+---
+
+### restoreAppState
+
+**_Signature_**
+
+<pre>
+restoreAppState(appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L34">ImportedDataState["appState"]</a>,<br/>&nbsp; localAppState: Partial&lt;<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>> | null): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>
+</pre>
+
+**_How to use_**
+
+```js
+import { restoreAppState } from "@excalidraw/excalidraw";
+```
+
+This function will make sure all the `keys` have appropriate `values` in [appState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95) and if any key is missing, it will be set to its `default` value.
+
+When `localAppState` is supplied, it's used in place of values that are missing (`undefined`) in `appState` instead of the defaults.  
+Use this as a way to not override user's defaults if you persist them.
+You can pass `null` / `undefined` if not applicable.
+
+### restoreElements
+
+**_Signature_**
+
+<pre>
+restoreElements(
+  elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ImportedDataState["elements"]</a>,<br/>&nbsp;
+  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null | undefined): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a>,<br/>&nbsp;
+  refreshDimensions?: boolean<br/>
+)
+</pre>
+
+**_How to use_**
+
+```js
+import { restoreElements } from "@excalidraw/excalidraw";
+```
+
+This function will make sure all properties of element is correctly set and if any attribute is missing, it will be set to its default value.
+
+When `localElements` are supplied, they are used to ensure that existing restored elements reuse `version` (and increment it), and regenerate `versionNonce`.  
+Use this when you import elements which may already be present in the scene to ensure that you do not disregard the newly imported elements if you're using element version to detect the updates.
+
+Parameter `refreshDimensions` indicates whether we should also `recalculate` text element dimensions. Defaults to `false`. Since this is a potentially costly operation, you may want to disable it if you restore elements in tight loops, such as during collaboration.
+
+### restore
+
+**_Signature_**
+
+<pre>
+restoreElements(
+  data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L34">ImportedDataState</a>,<br/>&nbsp;
+  localAppState: Partial&lt;<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>> | null | undefined,<br/>&nbsp;
+  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null | undefined<br/>): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L4">DataState</a>
+)
+</pre>
+
+See [`restoreAppState()`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#restoreAppState) about `localAppState`, and [`restoreElements()`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#restoreElements) about `localElements`.
+
+**_How to use_**
+
+```js
+import { restore } from "@excalidraw/excalidraw";
+```
+
+This function makes sure elements and state is set to appropriate values and set to default value if not present. It is a combination of [restoreElements](#restoreelements) and [restoreAppState](#restoreappstate).
+
+### restoreLibraryItems
+
+**_Signature_**
+
+<pre>
+restoreLibraryItems(libraryItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L34">ImportedDataState["libraryItems"]</a>,<br/>&nbsp;
+defaultStatus: "published" | "unpublished")
+</pre>
+
+**_How to use_**
+
+```js
+import { restoreLibraryItems } from "@excalidraw/excalidraw";
+
+restoreLibraryItems(libraryItems, "unpublished");
+```
+
+This function normalizes library items elements, adding missing values when needed.
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md b/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md
new file mode 100644
index 000000000..c21592382
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md
@@ -0,0 +1,341 @@
+---
+slug: /@excalidraw/excalidraw/api/utils
+---
+
+# Utils
+
+These are pure Javascript functions exported from the @excalidraw/excalidraw [`@excalidraw/excalidraw`](https://npmjs.com/@excalidraw/excalidraw). If you want to export your drawings in different formats eg `png`, `svg` and more you can check out [Export Utilities](/docs/@excalidraw/excalidraw/API/utils/export). If you want to restore your drawings you can check out [Restore Utilities](/docs/@excalidraw/excalidraw/API/utils/restore).
+
+### serializeAsJSON
+
+Takes the scene elements and state and returns a JSON string. `Deleted` elements as well as most properties from `AppState` are removed from the resulting JSON. (see [`serializeAsJSON()`](https://github.com/excalidraw/excalidraw/blob/master/src/data/json.ts#L42) source for details).
+
+If you want to overwrite the `source` field in the `JSON` string, you can set `window.EXCALIDRAW_EXPORT_SOURCE` to the desired value.
+
+**_Signature_**
+
+<pre>
+serializeAsJSON(&#123;<br/>&nbsp;
+  elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a>,<br/>&nbsp;
+  appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>,<br/>
+}): string
+</pre>
+
+**How to use**
+
+```js
+import { serializeAsJSON } from "@excalidraw/excalidraw";
+```
+
+### serializeLibraryAsJSON
+
+Takes the `library` items and returns a `JSON` string.
+
+If you want to overwrite the source field in the JSON string, you can set `window.EXCALIDRAW_EXPORT_SOURCE` to the desired value.
+
+**_Signature_**
+
+<pre>
+serializeLibraryAsJSON(
+  libraryItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems[]</a>)
+</pre>
+
+**How to use**
+
+```js
+import { serializeLibraryAsJSON } from "@excalidraw/excalidraw";
+```
+
+#### isInvisiblySmallElement
+
+Returns `true` if element is invisibly small (e.g. width & height are zero).
+
+**_Signature_**
+
+<pre>
+isInvisiblySmallElement(element:  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement</a>): boolean
+</pre>
+
+**How to use**
+
+```js
+import { isInvisiblySmallElement } from "@excalidraw/excalidraw";
+```
+
+### loadFromBlob
+
+This function loads the scene data from the blob (or file). If you pass `localAppState`, `localAppState` value will be preferred over the `appState` derived from `blob`. Throws if blob doesn't contain valid scene data.
+
+**How to use**
+
+```js
+import { loadFromBlob } from "@excalidraw/excalidraw";
+
+const scene = await loadFromBlob(file, null, null);
+excalidrawAPI.updateScene(scene);
+```
+
+**Signature**
+
+<pre>
+loadFromBlob(<br/>&nbsp;
+  blob: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob">Blob</a>,<br/>&nbsp;
+  localAppState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a> | null,<br/>&nbsp;
+  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null,<br/>&nbsp;
+  fileHandle?: FileSystemHandle | null <br/>
+) => Promise&lt;<a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/restore.ts#L61">RestoredDataState</a>>
+</pre>
+
+### loadLibraryFromBlob
+
+This function loads the library from the blob. Additonally takes `defaultStatus` param which sets the default status for library item if not present, defaults to `unpublished`.
+
+**How to use **
+
+```js
+import { loadLibraryFromBlob } from "@excalidraw/excalidraw";
+```
+
+**_Signature_**
+
+<pre>
+loadLibraryFromBlob(blob: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob">Blob</a>, defaultStatus: "published" | "unpublished")
+</pre>
+
+### loadSceneOrLibraryFromBlob
+
+This function loads either scene or library data from the supplied blob. If the blob contains scene data, and you pass `localAppState`, `localAppState` value will be preferred over the `appState` derived from `blob`.
+
+:::caution
+
+Throws if blob doesn't contain valid `scene` data or `library` data.
+
+:::
+
+**How to use**
+
+```js showLineNumbers
+import { loadSceneOrLibraryFromBlob, MIME_TYPES } from "@excalidraw/excalidraw";
+
+const contents = await loadSceneOrLibraryFromBlob(file, null, null);
+if (contents.type === MIME_TYPES.excalidraw) {
+  excalidrawAPI.updateScene(contents.data);
+} else if (contents.type === MIME_TYPES.excalidrawlib) {
+  excalidrawAPI.updateLibrary(contents.data);
+}
+```
+
+**_Signature_**
+
+<pre>
+loadSceneOrLibraryFromBlob(<br/>&nbsp;
+  blob: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob">Blob</a>,
+  localAppState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a> | null,<br/>&nbsp;
+  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null,<br/>&nbsp;
+  fileHandle?: FileSystemHandle | null<br/>
+) => Promise&lt;&#123; type: string, data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/restore.ts#L53">RestoredDataState</a> | <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L33">ImportedLibraryState</a>}>
+</pre>
+
+### getFreeDrawSvgPath
+
+This function returns the `free draw` svg path for the element.
+
+**How to use**
+
+```js
+import { getFreeDrawSvgPath } from "@excalidraw/excalidraw";
+```
+
+**Signature**
+
+<pre>
+getFreeDrawSvgPath(element: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L182">ExcalidrawFreeDrawElement</a>)
+</pre>
+
+### isLinearElement
+
+This function returns true if the element is `linear` type (`arrow` |`line`) else returns `false`.
+
+**How to use**
+
+```js
+import { isLinearElement } from "@excalidraw/excalidraw";
+```
+
+**Signature**
+
+```tsx
+isLinearElement(elementType?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L80">ExcalidrawElement</a>): boolean
+```
+
+### getNonDeletedElements
+
+This function returns an array of `deleted` elements.
+
+**How to use**
+
+```js
+import { getNonDeletedElements } from "@excalidraw/excalidraw";
+```
+
+**Signature**
+
+<pre>
+getNonDeletedElements(elements:<a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114"> readonly ExcalidrawElement[]</a>): as readonly <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L125">NonDeletedExcalidrawElement[]</a>
+</pre>
+
+### mergeLibraryItems
+
+This function merges two `LibraryItems` arrays, where unique items from `otherItems` are sorted first in the returned array.
+
+```js
+import { mergeLibraryItems } from "@excalidraw/excalidraw";
+```
+
+**_Signature_**
+
+<pre>
+mergeLibraryItems(localItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L250">LibraryItems</a>,<br/>&nbsp;
+ otherItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>) => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L250">LibraryItems</a>
+</pre>
+
+### parseLibraryTokensFromUrl
+
+Parses library parameters from URL if present (expects the `#addLibrary` hash key), and returns an object with the `libraryUrl` and `idToken`. Returns `null` if `#addLibrary` hash key not found.
+
+**How to use**
+
+```js
+import { parseLibraryTokensFromUrl } from "@excalidraw/excalidraw";
+```
+
+**Signature**
+
+```tsx
+parseLibraryTokensFromUrl(): {
+    libraryUrl: string;
+    idToken: string | null;
+} | null
+```
+
+### useHandleLibrary
+
+A hook that automatically imports library from url if `#addLibrary` hash key exists on initial load, or when it changes during the editing session (e.g. when a user installs a new library), and handles initial library load if `getInitialLibraryItems` getter is supplied.
+
+**How to use**
+
+```js
+import { useHandleLibrary } from "@excalidraw/excalidraw";
+
+export const App = () => {
+  // ...
+  useHandleLibrary({ excalidrawAPI });
+};
+```
+
+**Signature**
+
+<pre>
+useHandleLibrary(opts: &#123;<br/>&nbsp;
+  excalidrawAPI: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L494">ExcalidrawAPI</a>,<br/>&nbsp;
+  getInitialLibraryItems?: () => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L253">LibraryItemsSource</a><br/>
+});
+</pre>
+
+In the future, we will be adding support for handling `library` persistence to `browser storage` (or elsewhere).
+
+### getSceneVersion
+
+This function returns the current `scene` version.
+
+**_Signature_**
+
+<pre>
+getSceneVersion(elements:  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a>)
+</pre>
+
+**How to use**
+
+```js
+import { getSceneVersion } from "@excalidraw/excalidraw";
+```
+
+### sceneCoordsToViewportCoords
+
+This function returns equivalent `viewport` coords for the provided `scene` coords in params.
+
+```js
+import { sceneCoordsToViewportCoords } from "@excalidraw/excalidraw";
+```
+
+**_Signature_**
+
+<pre>
+sceneCoordsToViewportCoords(&#123; sceneX: number, sceneY: number },<br/>&nbsp;
+  appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a><br/>): &#123; x: number, y: number }
+</pre>
+
+### viewportCoordsToSceneCoords
+
+This function returns equivalent `scene` coords for the provided `viewport` coords in params.
+
+```js
+import { viewportCoordsToSceneCoords } from "@excalidraw/excalidraw";
+```
+
+**_Signature_**
+
+<pre>
+viewportCoordsToSceneCoords(&#123; clientX: number, clientY: number },<br/>&nbsp;
+  appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a><br/>): &#123;x: number, y: number}
+</pre>
+
+### useDevice
+
+This hook can be used to check the type of device which is being used. It can only be used inside the `children` of `Excalidraw` component.
+
+Open the `main menu` in the below example to view the footer.
+
+```jsx live noInline
+const MobileFooter = ({}) => {
+  const device = useDevice();
+  if (device.isMobile) {
+    return (
+      <Footer>
+        <button
+          className="custom-footer"
+          style={{ marginLeft: "20px", height: "2rem" }}
+          onClick={() => alert("This is custom footer in mobile menu")}
+        >
+          custom footer
+        </button>
+      </Footer>
+    );
+  }
+  return null;
+};
+const App = () => (
+  <div style={{ height: "400px" }}>
+    <Excalidraw>
+      <MainMenu>
+        <MainMenu.Item> Item1 </MainMenu.Item>
+        <MainMenu.Item> Item 2 </MainMenu.Item>
+        <MobileFooter />
+      </MainMenu>
+    </Excalidraw>
+  </div>
+);
+
+// Need to render when code is span across multiple components
+// in Live Code blocks editor
+render(<App />);
+```
+
+The `device` has the following `attributes`
+
+| Name | Type | Description |
+| --- | --- | --- |
+| `isSmScreen` | `boolean` | Set to `true` when the device small screen is small (Width < `640px` ) |
+| `isMobile` | `boolean` | Set to `true` when the device is `mobile` |
+| `isTouchScreen` | `boolean` | Set to `true` for `touch` devices |
+| `canDeviceFitSidebar` | `boolean` | Implies whether there is enough space to fit the `sidebar` |
diff --git a/dev-docs/docs/@excalidraw/excalidraw/customizing-styles.mdx b/dev-docs/docs/@excalidraw/excalidraw/customizing-styles.mdx
new file mode 100644
index 000000000..7a1d423fc
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/customizing-styles.mdx
@@ -0,0 +1,49 @@
+# Customizing Styles
+
+Excalidraw is using CSS variables to style certain components. To override them, you should set your own on the `.excalidraw` and `.excalidraw.theme--dark` (for dark mode variables) selectors.
+
+Make sure the selector has higher specificity, e.g. by prefixing it with your app's selector:
+
+```css
+.your-app .excalidraw {
+  --color-primary: red;
+}
+.your-app .excalidraw.theme--dark {
+  --color-primary: pink;
+}
+```
+
+Most notably, you can customize the primary colors, by overriding these variables:
+
+- `--color-primary`
+- `--color-primary-darker`
+- `--color-primary-darkest`
+- `--color-primary-light`
+- `--color-primary-contrast-offset` — a slightly darker (in light mode), or lighter (in dark mode) `--color-primary` color to fix contrast issues (see [Chubb illusion](https://en.wikipedia.org/wiki/Chubb_illusion)). It will fall back to `--color-primary` if not present.
+
+For a complete list of variables, check [theme.scss](https://github.com/excalidraw/excalidraw/blob/master/src/css/theme.scss), though most of them will not make sense to override.
+
+```css showLineNumbers
+.custom-styles .excalidraw {
+  --color-primary: #fcc6d9;
+  --color-primary-darker: #f783ac;
+  --color-primary-darkest: #e64980;
+  --color-primary-light: #f2a9c4;
+}
+
+.custom-styles .excalidraw.theme--dark {
+  --color-primary: #d494aa;
+  --color-primary-darker: #d64c7e;
+  --color-primary-darkest: #e86e99;
+  --color-primary-light: #dcbec9;
+}
+```
+```tsx live
+function App() {
+  return (
+    <div style={{ height: "500px" }} className="custom-styles">
+      <Excalidraw />
+    </div>
+  );
+}
+```
diff --git a/dev-docs/docs/@excalidraw/excalidraw/development.mdx b/dev-docs/docs/@excalidraw/excalidraw/development.mdx
new file mode 100644
index 000000000..066e0a24e
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/development.mdx
@@ -0,0 +1,59 @@
+---
+pagination_prev: "@excalidraw/excalidraw/installation"
+---
+
+# Development
+
+This page relates to developing the `@excalidraw/excalidraw` package itself.
+
+## Example app
+
+To start the example app using the `@excalidraw/excalidraw` package, follow the below steps:
+
+1. Install the dependencies
+
+   ```bash
+   cd src/packages/excalidraw && yarn
+   ```
+
+2. Start the example app
+
+   ```bash
+   yarn start
+   ```
+
+   [http://localhost:3001](http://localhost:3001) will open in your default browser.
+
+   The example is same as the [codesandbox example](https://ehlz3.csb.app/)
+
+## Releasing
+
+### Create a test release
+
+You can create a test release by posting the below comment in your pull request:
+
+```bash
+@excalibot trigger release
+```
+
+Once the version is released `@excalibot` will post a comment with the release version.
+
+### Creating a production release
+
+To release the next stable version follow the below steps:
+
+```bash
+yarn prerelease version
+```
+
+You need to pass the `version` for which you want to create the release. This will make the changes needed before making the release like updating `package.json`, `changelog` and more.
+
+The next step is to run the `release` script:
+
+```bash
+yarn release
+```
+
+This will publish the package.
+
+Right now there are two steps to create a production release but once this works fine these scripts will be combined and more automation will be done.
diff --git a/dev-docs/docs/@excalidraw/excalidraw/faq.mdx b/dev-docs/docs/@excalidraw/excalidraw/faq.mdx
new file mode 100644
index 000000000..6f0fd30a7
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/faq.mdx
@@ -0,0 +1,9 @@
+# FAQ
+
+### Does this package support collaboration ?
+
+No, Excalidraw package doesn't come with collaboration built in, since the implementation is specific to each host app. We expose APIs which you can use to communicate with Excalidraw which you can use to implement it. You can check our own implementation [here](https://github.com/excalidraw/excalidraw/blob/master/src/excalidraw-app/index.tsx). Here is a [detailed answer](https://github.com/excalidraw/excalidraw/discussions/3879#discussioncomment-1110524) on how you can achieve the same.
+
+## Need help?
+
+Check out the existing [Q&A](https://github.com/excalidraw/excalidraw/discussions?discussions_q=label%3Apackage%3Aexcalidraw). If you have any queries or need help, ask us [here](https://github.com/excalidraw/excalidraw/discussions?discussions_q=label%3Apackage%3Aexcalidraw).
diff --git a/dev-docs/docs/@excalidraw/excalidraw/installation.mdx b/dev-docs/docs/@excalidraw/excalidraw/installation.mdx
new file mode 100644
index 000000000..d8ddd59c3
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/installation.mdx
@@ -0,0 +1,43 @@
+# Installation
+
+**Excalidraw** is published to npm as a component you can directly embed in your projects.
+
+Using `npm`:
+
+```bash
+npm install react react-dom @excalidraw/excalidraw
+```
+
+or `yarn`:
+
+```bash
+yarn add react react-dom @excalidraw/excalidraw
+```
+
+:::tip
+
+**If you don't want to wait for the next stable release and try out the unreleased changes you can use `@excalidraw/excalidraw@next`.**
+
+:::
+
+### Static assets
+
+Excalidraw depends on assets such as localization files (if you opt to use them), fonts, and others.
+
+By default these assets are loaded from a public CDN [`https://unpkg.com/@excalidraw/excalidraw/dist/`](https://unpkg.com/@excalidraw/excalidraw/dist), so you don't need to do anything on your end.
+
+However, if you want to host these files yourself, you can find them in your `node_modules/@excalidraw/excalidraw/dist` directory, in folders `excalidraw-assets` (for production) and `excalidraw-assets-dev` (for development).
+
+Copy these folders to your static assets directory, and add a `window.EXCALIDRAW_ASSET_PATH` variable in your `index.html` or `index.js` entry file pointing to your public assets path (relative). For example, if you serve your assets from the root of your hostname, you would do:
+
+```js
+window.EXCALIDRAW_ASSET_PATH = "/";
+```
+
+### Dimensions of Excalidraw
+
+Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.
+
+### Demo
+
+[Try here](https://codesandbox.io/s/excalidraw-ehlz3).
diff --git a/dev-docs/docs/@excalidraw/excalidraw/integration.mdx b/dev-docs/docs/@excalidraw/excalidraw/integration.mdx
new file mode 100644
index 000000000..1fdcb8d8a
--- /dev/null
+++ b/dev-docs/docs/@excalidraw/excalidraw/integration.mdx
@@ -0,0 +1,129 @@
+# Integration
+
+## Module bundler
+
+If you are using a module bundler (for instance, Webpack), you can import it as an ES6 module as shown below
+
+```js
+import { Excalidraw } from "@excalidraw/excalidraw";
+```
+
+:::info
+
+Throughout the documentation we use live, editable Excalidraw examples like the one shown below.
+
+While we aim for the examples to closely reflect what you'd get if you rendered it yourself, we actually initialize it with some props behind the scenes.  
+For example, we're passing a `theme` prop to it based on the current color theme of the docs you're just reading.
+
+:::
+
+```jsx live
+function App() {
+  return (
+    <>
+      <h1 style={{ textAlign: "center" }}>Excalidraw Example</h1>
+      <div style={{ height: "500px" }}>
+        <Excalidraw />
+      </div>
+    </>
+  );
+}
+```
+
+### Rendering Excalidraw only on client
+
+Since _Excalidraw_ doesn't support server side rendering, you should render the component once the host is `mounted`.
+
+```jsx showLineNumbers
+import { useState, useEffect } from "react";
+export default function App() {
+  const [Comp, setComp] = useState(null);
+  useEffect(() => {
+    import("@excalidraw/excalidraw").then((comp) => setComp(comp.default));
+  }, []);
+  return <>{Comp && <Comp />}</>;
+}
+```
+
+The `types` are available at `@excalidraw/excalidraw/types`, you can view [example for typescript](https://codesandbox.io/s/excalidraw-types-9h2dm)
+
+## Browser
+
+To use it in a browser directly:
+
+For development use :point_down:
+
+```js
+<script
+  type="text/javascript"
+  src="https://unpkg.com/@excalidraw/excalidraw/dist/excalidraw.development.js"
+></script>
+```
+
+For production use :point_down:
+
+```js
+<script
+  type="text/javascript"
+  src="https://unpkg.com/@excalidraw/excalidraw/dist/excalidraw.production.min.js"
+></script>
+```
+
+You will need to make sure `react`, `react-dom` is available as shown in the below example. For prod please use the production versions of `react`, `react-dom`.
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
+<Tabs>
+  <TabItem value="html" label="html">
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Excalidraw in browser</title>
+    <meta charset="UTF-8" />
+    <script src="https://unpkg.com/react@18.2.0/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js"></script>
+
+    <script
+      type="text/javascript"
+      src="https://unpkg.com/@excalidraw/excalidraw/dist/excalidraw.development.js"
+    ></script>
+  </head>
+
+  <body>
+    <div class="container">
+      <h1>Excalidraw Embed Example</h1>
+      <div id="app"></div>
+    </div>
+    <script type="text/javascript" src="src/index.js"></script>
+  </body>
+</html>
+```
+
+</TabItem>
+<TabItem value="js" label="Javascript">
+
+```js showLineNumbers
+const App = () => {
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "div",
+      {
+        style: { height: "500px" },
+      },
+      React.createElement(ExcalidrawLib.Excalidraw),
+    ),
+  );
+};
+
+const excalidrawWrapper = document.getElementById("app");
+const root = ReactDOM.createRoot(excalidrawWrapper);
+root.render(React.createElement(App));
+```
+
+</TabItem>
+</Tabs>
diff --git a/dev-docs/docs/assets/nerd-stats.png b/dev-docs/docs/assets/nerd-stats.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c1a525e4ed716a50b591109f8ce384bd4822a0a
GIT binary patch
literal 84676
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
F{{x01W)lDa

literal 0
HcmV?d00001

diff --git a/dev-docs/docs/codebase/overview.md b/dev-docs/docs/codebase/overview.md
deleted file mode 100644
index 595a74d48..000000000
--- a/dev-docs/docs/codebase/overview.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-sidebar_position: 1
-title: Overview
----
-
-In development. For now, refer to [excalidraw Readme](https://github.com/excalidraw/excalidraw/blob/master/README.md).
diff --git a/dev-docs/docs/get-started.md b/dev-docs/docs/get-started.md
deleted file mode 100644
index 2fb40f1fa..000000000
--- a/dev-docs/docs/get-started.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-sidebar_position: 1
-title: Introduction
----
-
-Want to integrate Excalidraw into your app? Head over to the [package docs](/docs/package/overview).
-
-If you're looking into the Excalidraw codebase itself, start [here](/docs/codebase/overview).
diff --git a/dev-docs/docs/introduction/contributing.mdx b/dev-docs/docs/introduction/contributing.mdx
new file mode 100644
index 000000000..5e133ac8f
--- /dev/null
+++ b/dev-docs/docs/introduction/contributing.mdx
@@ -0,0 +1,72 @@
+# Contributing
+
+Pull requests are welcome. For major changes, please [open an issue](https://github.com/excalidraw/excalidraw/issues/new) first to discuss what you would like to change.
+
+## Setup
+
+### Option 1 - Manual
+
+1. Fork and clone the repo
+1. Run `yarn` to install dependencies
+1. Create a branch for your PR with `git checkout -b your-branch-name`
+
+> To keep `master` branch pointing to remote repository and make pull requests from branches on your fork. To do this, run:
+>
+> ```bash
+> git remote add upstream https://github.com/excalidraw/excalidraw.git
+> git fetch upstream
+> git branch --set-upstream-to=upstream/master master
+> ```
+
+### Option 2 - CodeSandbox
+
+1. Go to https://codesandbox.io/s/github/excalidraw/excalidraw
+1. Connect your GitHub account
+1. Go to Git tab on left side
+1. Tap on `Fork Sandbox`
+1. Write your code
+1. Commit and PR automatically
+
+## Pull Request Guidelines
+
+Don't worry if you get any of the below wrong, or if you don't know how. We'll gladly help out.
+
+### Title
+
+Make sure the title starts with a semantic prefix:
+
+- **feat**: A new feature
+- **fix**: A bug fix
+- **docs**: Documentation only changes
+- **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
+- **refactor**: A code change that neither fixes a bug nor adds a feature
+- **perf**: A code change that improves performance
+- **test**: Adding missing tests or correcting existing tests
+- **build**: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
+- **ci**: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
+- **chore**: Other changes that don't modify src or test files
+- **revert**: Reverts a previous commit
+
+### Changelog
+
+Add a brief description of your pull request to the changelog located here: [changelog](https://github.com/excalidraw/excalidraw/blob/master/CHANGELOG.md)
+
+Notes:
+
+- Make sure to prepend to the section corresponding with the semantic prefix you selected in the title
+- Link to your pull request - this will require updating the CHANGELOG _after_ creating the pull request
+
+### Testing
+
+Once you submit your pull request it will automatically be tested. Be sure to check the results of the test and fix any issues that arise.
+
+It's also a good idea to consider if your change should include additional tests. This is highly recommended for new features or bug-fixes. For example, it's good practice to create a test for each bug you fix which ensures that we don't regress the code in the future.
+
+Finally - always manually test your changes using the convenient staging environment deployed for each pull request. As much as local development attempts to replicate production, there can still be subtle differences in behavior. For larger features consider testing your change in multiple browsers as well.
+
+
+## Translating
+
+To translate Excalidraw into other languages, please visit [our Crowdin page](https://crowdin.com/project/excalidraw). To add a new language, [open an issue](https://github.com/excalidraw/excalidraw/issues/new) so we can get things set up on our end first.
+
+Translations will be available on the app if they exceed a certain threshold of completion (currently **85%**).
diff --git a/dev-docs/docs/introduction/development.mdx b/dev-docs/docs/introduction/development.mdx
new file mode 100644
index 000000000..63c1875e5
--- /dev/null
+++ b/dev-docs/docs/introduction/development.mdx
@@ -0,0 +1,102 @@
+# Development
+
+## Code Sandbox
+
+- Go to https://codesandbox.io/p/github/excalidraw/excalidraw
+  - You may need to sign in with GitHub and reload the page
+- You can start coding instantly, and even send PRs from there!
+
+## Local Installation
+
+These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
+
+### Requirements
+
+- [Node.js](https://nodejs.org/en/)
+- [Yarn](https://yarnpkg.com/getting-started/install) (v1 or v2.4.2+)
+- [Git](https://git-scm.com/downloads)
+
+### Clone the repo
+
+```bash
+git clone https://github.com/excalidraw/excalidraw.git
+```
+
+### Install the dependencies
+
+```bash
+yarn
+```
+
+### Start the server
+
+```bash
+yarn start
+```
+
+Now you can open [http://localhost:3000](http://localhost:3000) and start coding in your favorite code editor.
+
+## Collaboration
+
+For collaboration, you will need to set up [collab server](https://github.com/excalidraw/excalidraw-room) in local.
+
+## Commands
+
+### Install the dependencies
+
+```bash
+yarn
+```
+
+### Run the project
+
+```bash
+yarn start
+```
+
+### Reformat all files with Prettier
+
+```bash
+yarn fix
+```
+
+### Run tests
+
+```bash
+yarn test
+```
+
+### Update test snapshots
+
+```bash
+yarn test:update
+```
+
+### Test for formatting with Prettier
+
+```bash
+yarn test:code
+```
+
+### Docker Compose
+
+You can use docker-compose to work on Excalidraw locally if you don't want to setup a Node.js env.
+
+```bash
+docker-compose up --build -d
+```
+
+## Self-hosting
+
+We publish a Docker image with the Excalidraw client at [excalidraw/excalidraw](https://hub.docker.com/r/excalidraw/excalidraw). You can use it to self-host your own client under your own domain, on Kubernetes, AWS ECS, etc.
+
+```bash
+docker build -t excalidraw/excalidraw .
+docker run --rm -dit --name excalidraw -p 5000:80 excalidraw/excalidraw:latest
+```
+
+The Docker image is free of analytics and other tracking libraries.
+
+**At the moment, self-hosting your own instance doesn't support sharing or collaboration features.**
+
+We are working towards providing a full-fledged solution for self-hosting your own Excalidraw.
diff --git a/dev-docs/docs/introduction/get-started.mdx b/dev-docs/docs/introduction/get-started.mdx
new file mode 100644
index 000000000..f122c9a77
--- /dev/null
+++ b/dev-docs/docs/introduction/get-started.mdx
@@ -0,0 +1,16 @@
+---
+title: Introduction
+slug: ../
+---
+
+## Try now
+
+Go to [excalidraw.com](https://excalidraw.com) to start sketching.
+
+## How are these docs structured
+
+These docs are focused on developers, and structured in the following way:
+
+- [Introduction](/docs/) — development setup and introduction.
+- [@excalidraw/excalidraw](/docs/@excalidraw/excalidraw/installation) — docs for the npm package to help you integrate Excalidraw into your own app.
+- Editor — IN PROGRESS. Docs describing the internals of the Excalidraw editor to help in contributing to the codebase.
diff --git a/dev-docs/docs/package/overview.md b/dev-docs/docs/package/overview.md
deleted file mode 100644
index b411dcf29..000000000
--- a/dev-docs/docs/package/overview.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-sidebar_position: 1
-title: Overview
----
-
-In development. For now, refer to [excalidraw package readme](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md).
diff --git a/dev-docs/docusaurus.config.js b/dev-docs/docusaurus.config.js
index c1f9952df..1c69e6dcb 100644
--- a/dev-docs/docusaurus.config.js
+++ b/dev-docs/docusaurus.config.js
@@ -1,15 +1,12 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/dracula");
-
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: "Excalidraw developer docs",
   tagline:
     "For Excalidraw contributors or those integrating the Excalidraw editor",
-  url: "https://docs.excalidraw.com.com",
+  url: "https://docs.excalidraw.com",
   baseUrl: "/",
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
@@ -36,7 +33,10 @@ const config = {
           editUrl: "https://github.com/excalidraw/docs/tree/master/",
         },
         theme: {
-          customCss: require.resolve("./src/css/custom.css"),
+          customCss: [
+            require.resolve("./src/css/custom.scss"),
+            require.resolve("../src/packages/excalidraw/example/App.scss"),
+          ],
         },
       }),
     ],
@@ -45,18 +45,20 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      colorMode: {
+        respectPrefersColorScheme: true,
+      },
       navbar: {
-        title: "Excalidraw Docs",
+        title: "Excalidraw",
         logo: {
           alt: "Excalidraw Logo",
           src: "img/logo.svg",
         },
         items: [
           {
-            type: "doc",
-            docId: "get-started",
+            to: "/docs",
             position: "left",
-            label: "Get started",
+            label: "Docs",
           },
           {
             to: "https://blog.excalidraw.com",
@@ -78,7 +80,7 @@ const config = {
             items: [
               {
                 label: "Get Started",
-                to: "/docs/get-started",
+                to: "/docs",
               },
             ],
           },
@@ -93,6 +95,10 @@ const config = {
                 label: "Twitter",
                 href: "https://twitter.com/excalidraw",
               },
+              {
+                label: "Linkedin",
+                href: "https://www.linkedin.com/company/excalidraw",
+              },
             ],
           },
           {
@@ -109,13 +115,23 @@ const config = {
             ],
           },
         ],
-        copyright: `Made with ❤️ Built with Docusaurus`,
+        copyright: `Copyright © 2023 Excalidraw community. Built with Docusaurus ❤️`,
       },
       prism: {
-        theme: lightCodeTheme,
-        darkTheme: darkCodeTheme,
+        theme: require("prism-react-renderer/themes/dracula"),
+      },
+      image: "img/og-image.png",
+      docs: {
+        sidebar: {
+          hideable: true,
+        },
+      },
+      tableOfContents: {
+        maxHeadingLevel: 4,
       },
     }),
+  themes: ["@docusaurus/theme-live-codeblock"],
+  plugins: ["docusaurus-plugin-sass"],
 };
 
 module.exports = config;
diff --git a/dev-docs/package.json b/dev-docs/package.json
index 9f9d4a760..dd3c45872 100644
--- a/dev-docs/package.json
+++ b/dev-docs/package.json
@@ -15,13 +15,17 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-rc.1",
-    "@docusaurus/preset-classic": "2.0.0-rc.1",
+    "@docusaurus/core": "2.2.0",
+    "@docusaurus/preset-classic": "2.2.0",
+    "@docusaurus/theme-live-codeblock": "2.2.0",
+    "@excalidraw/excalidraw": "0.14.2",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
+    "docusaurus-plugin-sass": "0.2.3",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "sass": "1.57.1"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "2.0.0-rc.1",
diff --git a/dev-docs/sidebars.js b/dev-docs/sidebars.js
index 966215066..00879c12f 100644
--- a/dev-docs/sidebars.js
+++ b/dev-docs/sidebars.js
@@ -13,19 +13,86 @@
 
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
-  // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{ type: "autogenerated", dirName: "." }],
-
-  // But you can create a sidebar manually
-  /*
-  tutorialSidebar: [
+  docs: [
     {
-      type: 'category',
-      label: 'Tutorial',
-      items: ['hello'],
+      type: "category",
+      label: "Introduction",
+      link: {
+        type: "doc",
+        id: "introduction/get-started",
+      },
+      items: ["introduction/development", "introduction/contributing"],
+    },
+
+    {
+      type: "category",
+      label: "@excalidraw/excalidraw",
+      collapsed: false,
+      items: [
+        "@excalidraw/excalidraw/installation",
+        "@excalidraw/excalidraw/integration",
+        "@excalidraw/excalidraw/customizing-styles",
+        {
+          type: "category",
+          label: "API",
+          link: {
+            type: "doc",
+            id: "@excalidraw/excalidraw/api/api-intro",
+          },
+          items: [
+            {
+              type: "category",
+              label: "Props",
+              link: {
+                type: "doc",
+                id: "@excalidraw/excalidraw/api/props/props",
+              },
+              items: [
+                "@excalidraw/excalidraw/api/props/initialdata",
+                "@excalidraw/excalidraw/api/props/ref",
+                "@excalidraw/excalidraw/api/props/render-props",
+                "@excalidraw/excalidraw/api/props/ui-options",
+              ],
+            },
+            {
+              type: "category",
+              label: "Children Components",
+              link: {
+                type: "doc",
+                id: "@excalidraw/excalidraw/api/children-components/children-components-intro",
+              },
+              items: [
+                "@excalidraw/excalidraw/api/children-components/main-menu",
+                "@excalidraw/excalidraw/api/children-components/welcome-screen",
+                "@excalidraw/excalidraw/api/children-components/footer",
+                "@excalidraw/excalidraw/api/children-components/live-collaboration-trigger",
+              ],
+            },
+            {
+              type: "category",
+              label: "Utils",
+              link: {
+                type: "doc",
+                id: "@excalidraw/excalidraw/api/utils/utils-intro",
+              },
+              items: [
+                "@excalidraw/excalidraw/api/utils/export",
+                "@excalidraw/excalidraw/api/utils/restore",
+              ],
+            },
+            {
+              type: "category",
+              label: "Constants",
+              link: { type: "doc", id: "@excalidraw/excalidraw/api/constants" },
+              items: [],
+            },
+          ],
+        },
+        "@excalidraw/excalidraw/faq",
+        "@excalidraw/excalidraw/development",
+      ],
     },
   ],
-   */
 };
 
 module.exports = sidebars;
diff --git a/dev-docs/src/components/Highlight.js b/dev-docs/src/components/Highlight.js
new file mode 100644
index 000000000..6ef30412b
--- /dev/null
+++ b/dev-docs/src/components/Highlight.js
@@ -0,0 +1,15 @@
+import React from "react";
+export default function Highlight({ children }) {
+  return (
+    <span
+      style={{
+        backgroundColor: "#7874e8",
+        borderRadius: "2px",
+        color: "#fff",
+        padding: "0.2rem",
+      }}
+    >
+      {children}
+    </span>
+  );
+}
diff --git a/dev-docs/src/css/custom.css b/dev-docs/src/css/custom.scss
similarity index 54%
rename from dev-docs/src/css/custom.css
rename to dev-docs/src/css/custom.scss
index bbdc13c56..93c7f90ab 100644
--- a/dev-docs/src/css/custom.css
+++ b/dev-docs/src/css/custom.scss
@@ -14,11 +14,13 @@
   --ifm-color-primary-lighter: #5b57d1;
   --ifm-color-primary-lightest: #5b57d1;
   --ifm-code-font-size: 95%;
+
+  scrollbar-gutter: stable;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
-  --ifm-color-primary: #5650f0;
+  --ifm-color-primary: #8784e3;
   --ifm-color-primary-dark: #4b46d8;
   --ifm-color-primary-darker: #4b46d8;
   --ifm-color-primary-darkest: #3e39be;
@@ -41,3 +43,59 @@
 [data-theme="dark"] .navbar__logo {
   filter: invert(93%) hue-rotate(180deg);
 }
+
+pre a {
+  color: #5dccff;
+
+  &:hover {
+    color: #8fd3f3;
+  }
+}
+
+.custom-button {
+  height: 40px;
+  max-width: 200px;
+  margin: 10px 0;
+  padding: 5px;
+  background: #70b1ec;
+  color: white;
+  font-weight: bold;
+  border: none;
+}
+
+.custom-styles .excalidraw {
+  --color-primary: #fcc6d9;
+  --color-primary-darker: #f783ac;
+  --color-primary-darkest: #e64980;
+  --color-primary-light: #f2a9c4;
+}
+
+.custom-styles .excalidraw.theme--dark {
+  --color-primary: #d494aa;
+  --color-primary-darker: #d64c7e;
+  --color-primary-darkest: #e86e99;
+  --color-primary-light: #dcbec9;
+}
+
+/* The global css conflicts with Excal css hence overriding */
+
+.excalidraw .context-menu-item__shortcut {
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.excalidraw .Stats table td,
+.excalidraw .Stats table th,
+.excalidraw .Stats table tr {
+  border: none;
+  background: none;
+  padding: 0;
+}
+.excalidraw .Stats .close {
+  padding: 0;
+}
+
+.excalidraw .Stats table {
+  display: table;
+}
diff --git a/dev-docs/src/initialData.js b/dev-docs/src/initialData.js
new file mode 100644
index 000000000..d0a9b2127
--- /dev/null
+++ b/dev-docs/src/initialData.js
@@ -0,0 +1,1230 @@
+export const libraryItems = [
+  [
+    {
+      type: "line",
+      version: 1699,
+      versionNonce: 1813275999,
+      isDeleted: false,
+      id: "1OMHrnYMU3LJ3w3IaXU_R",
+      fillStyle: "hachure",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: 209.72304760646858,
+      y: 338.83587294718825,
+      strokeColor: "#881fa3",
+      backgroundColor: "#be4bdb",
+      width: 116.42036295658873,
+      height: 103.65107323746608,
+      seed: 1445523839,
+      groupIds: [],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [-92.28090097254909, 7.105427357601002e-15],
+        [-154.72281841151394, 19.199290805487394],
+        [-155.45758928571422, 79.43840749607878],
+        [-99.89923520113778, 103.6510732374661],
+        [-40.317783799181804, 79.1587107641305],
+        [-39.037226329125524, 21.285677238400705],
+        [-92.28090097254909, 7.105427357601002e-15],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+  ],
+  [
+    {
+      type: "line",
+      version: 3901,
+      versionNonce: 540959103,
+      isDeleted: false,
+      id: "b-rwW8s76ztV_uTu1SHq1",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -249.48446738689245,
+      y: 374.851387389359,
+      strokeColor: "#0a11d3",
+      backgroundColor: "#228be6",
+      width: 88.21658171083376,
+      height: 113.8575037534261,
+      seed: 1513238033,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [-0.22814350714115691, -43.414939319563715],
+        [0.06274947619197979, 42.63794490105306],
+        [-0.21453039840335475, 52.43469208825097],
+        [4.315205554872581, 56.66774540453215],
+        [20.089784992984285, 60.25027917349701],
+        [46.7532926683984, 61.365826671969444],
+        [72.22851104292477, 59.584691681394986],
+        [85.76368213524371, 55.325139565662596],
+        [87.67263486434864, 51.7342924478499],
+        [87.94074036468018, 43.84700272879395],
+        [87.73030872197806, -36.195582644606276],
+        [87.2559282533682, -43.758132174307036],
+        [81.5915337527493, -47.984890854524416],
+        [69.66352776578219, -50.4328058257654],
+        [42.481213744224995, -52.49167708145666],
+        [20.68789182864576, -51.26396751574663],
+        [3.5475921483286084, -47.099726468136254],
+        [-0.2758413461535838, -43.46664538034193],
+        [-0.22814350714115691, -43.414939319563715],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "line",
+      version: 1635,
+      versionNonce: 1383184881,
+      isDeleted: false,
+      id: "3CMZYj34FwjhgPB7jUC3f",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -249.02524930453623,
+      y: 398.8804363713438,
+      strokeColor: "#0a11d3",
+      backgroundColor: "transparent",
+      width: 88.30808627974527,
+      height: 9.797916664247975,
+      seed: 683951089,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, -2.1538602707609424],
+        [2.326538897826852, 1.751753055375216],
+        [12.359939318521995, 5.028526743934819],
+        [25.710950037209347, 7.012921076245119],
+        [46.6269757640547, 7.193749997581346],
+        [71.03526003420632, 5.930375670950649],
+        [85.2899738827162, 1.3342483900732343],
+        [88.30808627974527, -2.6041666666666288],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "line",
+      version: 1722,
+      versionNonce: 303290783,
+      isDeleted: false,
+      id: "DX3fUhBWtlJwYyrBDhebG",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -250.11899081659772,
+      y: 365.80628180927204,
+      strokeColor: "#0a11d3",
+      backgroundColor: "transparent",
+      width: 88.30808627974527,
+      height: 9.797916664247975,
+      seed: 1817746897,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, -2.1538602707609424],
+        [2.326538897826852, 1.751753055375216],
+        [12.359939318521995, 5.028526743934819],
+        [25.710950037209347, 7.012921076245119],
+        [46.6269757640547, 7.193749997581346],
+        [71.03526003420632, 5.930375670950649],
+        [85.2899738827162, 1.3342483900732343],
+        [88.30808627974527, -2.6041666666666288],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "ellipse",
+      version: 4738,
+      versionNonce: 753357777,
+      isDeleted: false,
+      id: "a-Snvp2FgqDYqSLylF44S",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -251.23981350275943,
+      y: 323.4117518426986,
+      strokeColor: "#0a11d3",
+      backgroundColor: "#fff",
+      width: 87.65074610854188,
+      height: 17.72670397681366,
+      seed: 1409727409,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "sharp",
+      boundElementIds: ["bxuMGTzXLn7H-uBCptINx"],
+    },
+    {
+      type: "ellipse",
+      version: 109,
+      versionNonce: 1992641983,
+      isDeleted: false,
+      id: "7-6c-JFuB2yGoNQRgb2WM",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -179.73008120217884,
+      y: 347.98755471983213,
+      strokeColor: "#0a11d3",
+      backgroundColor: "#fff",
+      width: 12.846057046979809,
+      height: 13.941904362416096,
+      seed: 1073094033,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "ellipse",
+      version: 158,
+      versionNonce: 1028567473,
+      isDeleted: false,
+      id: "150XitJtlKDhTPRCyzv56",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -179.73008120217884,
+      y: 378.5900085788926,
+      strokeColor: "#0a11d3",
+      backgroundColor: "#fff",
+      width: 12.846057046979809,
+      height: 13.941904362416096,
+      seed: 526271345,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "ellipse",
+      version: 212,
+      versionNonce: 158547423,
+      isDeleted: false,
+      id: "cmwAR3NBl1VqvSorrQN2W",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -179.73008120217884,
+      y: 411.8508097533892,
+      strokeColor: "#0a11d3",
+      backgroundColor: "#fff",
+      width: 12.846057046979809,
+      height: 13.941904362416096,
+      seed: 243707217,
+      groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+  ],
+  [
+    {
+      type: "diamond",
+      version: 659,
+      versionNonce: 1294871039,
+      isDeleted: false,
+      id: "aDDArXRjZugwyEawdhCeZ",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -109.55894395256101,
+      y: 381.22641397493356,
+      strokeColor: "#c92a2a",
+      backgroundColor: "#fd8888",
+      width: 112.64736525303451,
+      height: 36.77344700318558,
+      seed: 511870335,
+      groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "diamond",
+      version: 700,
+      versionNonce: 60864881,
+      isDeleted: false,
+      id: "Hzx8zkeyDs3YicO2Tdv6G",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -109.55894395256101,
+      y: 372.354634046675,
+      strokeColor: "#c92a2a",
+      backgroundColor: "#fd8888",
+      width: 112.64736525303451,
+      height: 36.77344700318558,
+      seed: 1283079231,
+      groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "diamond",
+      version: 780,
+      versionNonce: 251040287,
+      isDeleted: false,
+      id: "PNzYhT295VNCT5EXmqvmw",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -109.55894395256101,
+      y: 359.72407445196296,
+      strokeColor: "#c92a2a",
+      backgroundColor: "#fd8888",
+      width: 112.64736525303451,
+      height: 36.77344700318558,
+      seed: 996251633,
+      groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "diamond",
+      version: 822,
+      versionNonce: 1862951761,
+      isDeleted: false,
+      id: "jiMMAhQF3__7bF-obgXc0",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -109.55894395256101,
+      y: 347.1924021546656,
+      strokeColor: "#c92a2a",
+      backgroundColor: "#fd8888",
+      width: 112.64736525303451,
+      height: 36.77344700318558,
+      seed: 1764842481,
+      groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+  ],
+  [
+    {
+      type: "line",
+      version: 4766,
+      versionNonce: 2003030321,
+      isDeleted: false,
+      id: "BXfdLRoPYZ9MIumzzoA9-",
+      fillStyle: "hachure",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 1.5707963267948957,
+      x: -471.6208001976387,
+      y: 520.7681448415112,
+      strokeColor: "#087f5b",
+      backgroundColor: "#40c057",
+      width: 52.317507746132115,
+      height: 154.56722543646003,
+      seed: 1424381745,
+      groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [-0.24755378372925183, -40.169554027464216],
+        [-0.07503751055611152, 76.6515171914404],
+        [-0.23948042713317108, 89.95108885873196],
+        [2.446913573036335, 95.69766931810295],
+        [11.802146636255692, 100.56113713047068],
+        [27.615140546177496, 102.07554835500338],
+        [42.72341054254274, 99.65756899883291],
+        [50.75054563137204, 93.87501510096598],
+        [51.88266441510958, 89.00026150397161],
+        [52.04166639997853, 78.29287333983132],
+        [51.916868330459295, -30.36891819848148],
+        [51.635533423123285, -40.63545540065934],
+        [48.27622163143906, -46.37349057843314],
+        [41.202227904674494, -49.69665692879073],
+        [25.081551986374073, -52.49167708145666],
+        [12.15685839679867, -50.825000270901],
+        [1.9916746648394732, -45.171835889467935],
+        [-0.2758413461535838, -40.23974757720194],
+        [-0.24755378372925183, -40.169554027464216],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "line",
+      version: 2405,
+      versionNonce: 2120341087,
+      isDeleted: false,
+      id: "TYsYe2VvJ60T_yKa3kyOw",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 1.5707963267948957,
+      x: -496.3957643857249,
+      y: 541.7241190920508,
+      strokeColor: "#087f5b",
+      backgroundColor: "transparent",
+      width: 50.7174766392476,
+      height: 12.698053371678215,
+      seed: 726657713,
+      groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, -2.0205717204386002],
+        [1.3361877396713384, 3.0410845646550486],
+        [7.098613049589299, 7.287767671898479],
+        [14.766422451441104, 9.859533283467512],
+        [26.779003528407447, 10.093886705011586],
+        [40.79727342221974, 8.456559589697127],
+        [48.98410145879092, 2.500000505196364],
+        [50.7174766392476, -2.6041666666666288],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "line",
+      version: 2538,
+      versionNonce: 1913946897,
+      isDeleted: false,
+      id: "VIuxhGjvYUBniitomEkKm",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 1.5707963267948957,
+      x: -450.969983237283,
+      y: 542.1789894334747,
+      strokeColor: "#087f5b",
+      backgroundColor: "transparent",
+      width: 50.57247907260371,
+      height: 10.178760037658167,
+      seed: 1977326481,
+      groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, -2.136356936862347],
+        [1.332367676378171, 1.9210669226078037],
+        [7.078318632616268, 5.325208253515953],
+        [14.724206326638113, 7.386735659885842],
+        [26.70244431044034, 7.574593370991538],
+        [40.68063699304561, 6.262111896696538],
+        [48.84405948536458, 1.4873339211608216],
+        [50.57247907260371, -2.6041666666666288],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "ellipse",
+      version: 5503,
+      versionNonce: 1236644479,
+      isDeleted: false,
+      id: "1acGiqpJjntE3sr1JVnBP",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 1.5707963267948957,
+      x: -404.36521010516793,
+      y: 534.1894365757241,
+      strokeColor: "#087f5b",
+      backgroundColor: "#fff",
+      width: 51.27812853552538,
+      height: 22.797152568995934,
+      seed: 1774660383,
+      groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+      strokeSharpness: "sharp",
+      boundElementIds: ["bxuMGTzXLn7H-uBCptINx"],
+    },
+  ],
+  [
+    {
+      type: "rectangle",
+      version: 4270,
+      versionNonce: 309922463,
+      isDeleted: false,
+      id: "SqGRpNqls7OV1QB2Eq-0m",
+      fillStyle: "solid",
+      strokeWidth: 2,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -393.3000561423187,
+      y: 338.9742643666818,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 70.67858069123133,
+      height: 107.25081879410921,
+      seed: 371096063,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "sharp",
+      boundElementIds: [
+        "CFu0B4Mw_1wC1Hbgx8Fs0",
+        "XIl_NhaFtRO00pX5Pq6VU",
+        "EndiSTFlx1AT7vcBVjgve",
+      ],
+    },
+    {
+      type: "rectangle",
+      version: 4319,
+      versionNonce: 896119505,
+      isDeleted: false,
+      id: "fayss6b_GPh6LK1x4iX-q",
+      fillStyle: "solid",
+      strokeWidth: 2,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -400.8474891780329,
+      y: 331.95417508096745,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 70.67858069123133,
+      height: 107.25081879410921,
+      seed: 685932433,
+      groupIds: ["0RJwA-yKP5dqk5oMiSeot", "9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "sharp",
+      boundElementIds: [
+        "CFu0B4Mw_1wC1Hbgx8Fs0",
+        "XIl_NhaFtRO00pX5Pq6VU",
+        "EndiSTFlx1AT7vcBVjgve",
+      ],
+    },
+    {
+      type: "rectangle",
+      version: 4417,
+      versionNonce: 1968987839,
+      isDeleted: false,
+      id: "HgAnv2rwYhUpLiJiZAXv-",
+      fillStyle: "solid",
+      strokeWidth: 2,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -410.24257846374826,
+      y: 323.7002688309677,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 70.67858069123133,
+      height: 107.25081879410921,
+      seed: 58634943,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "sharp",
+      boundElementIds: [
+        "CFu0B4Mw_1wC1Hbgx8Fs0",
+        "XIl_NhaFtRO00pX5Pq6VU",
+        "EndiSTFlx1AT7vcBVjgve",
+      ],
+    },
+    {
+      type: "draw",
+      version: 3541,
+      versionNonce: 1680683185,
+      isDeleted: false,
+      id: "12aO-Bs9HdALZN_-tuQTr",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -398.2561518768373,
+      y: 371.84603609547054,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 46.57983585730082,
+      height: 3.249953844290203,
+      seed: 1673003743,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      points: [
+        [0, 0.6014697828497827],
+        [40.42449133807562, 0.7588628355182573],
+        [46.57983585730082, -2.491091008771946],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "draw",
+      version: 3567,
+      versionNonce: 620768991,
+      isDeleted: false,
+      id: "Ck_Y0EVPh_fsY0qoRnGiD",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -396.400899638823,
+      y: 340.9822185794818,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 45.567415680676426,
+      height: 2.8032978840147194,
+      seed: 1821527807,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      points: [
+        [0, 0],
+        [16.832548902953302, -2.8032978840147194],
+        [45.567415680676426, -0.3275477042019195],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "draw",
+      version: 3592,
+      versionNonce: 1300624017,
+      isDeleted: false,
+      id: "a_7IZapEuD918VW1P8Ss_",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -396.4774991551924,
+      y: 408.37659284983897,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 48.33668263438425,
+      height: 4.280657518731036,
+      seed: 1485707039,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      points: [
+        [0, 0],
+        [26.41225578429045, -0.2552319773002338],
+        [37.62000339651456, 2.3153712935189787],
+        [48.33668263438425, -1.9652862252120569],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "draw",
+      version: 3629,
+      versionNonce: 737475327,
+      isDeleted: false,
+      id: "8io6FVNdFOLsQ266W8Lni",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -399.6615463367227,
+      y: 419.61974125811776,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 54.40694982784246,
+      height: 2.9096445412231735,
+      seed: 1042012991,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      points: [
+        [0, 0],
+        [10.166093050596771, -1.166642430373031],
+        [16.130660965377448, -0.8422655250909383],
+        [46.26079588567538, 0.6125567455206506],
+        [54.40694982784246, -2.297087795702523],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "draw",
+      version: 3594,
+      versionNonce: 1982560369,
+      isDeleted: false,
+      id: "LJI5kY6tg7UFAjPV3fKL-",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -399.3767034411569,
+      y: 356.042820132743,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 46.92865289294453,
+      height: 2.4757501798128,
+      seed: 295443295,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      points: [
+        [0, 0],
+        [18.193786115221407, -0.5912874140789839],
+        [46.92865289294453, 1.884462765733816],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "draw",
+      version: 3609,
+      versionNonce: 1857766175,
+      isDeleted: false,
+      id: "zCrZOHW-q8YWKLw6ltKxX",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -399.26921524500654,
+      y: 390.5261491685826,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 46.92865289294453,
+      height: 2.4757501798128,
+      seed: 1734301567,
+      groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      points: [
+        [0, 0],
+        [8.093938105125233, 1.4279702913643746],
+        [18.193786115221407, -0.5912874140789839],
+        [46.92865289294453, 1.884462765733816],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+  ],
+  [
+    {
+      type: "rectangle",
+      version: 676,
+      versionNonce: 1841530687,
+      isDeleted: false,
+      id: "XOD3vRhtoLWoxC9wF9Sk8",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -593.9896997899341,
+      y: 343.9798351106279,
+      strokeColor: "#000000",
+      backgroundColor: "transparent",
+      width: 127.88383573213892,
+      height: 76.53703389977764,
+      seed: 106569279,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "line",
+      version: 462,
+      versionNonce: 1737150513,
+      isDeleted: false,
+      id: "WBkTga1PjKzYK-tcGjnjZ",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -595.0652975408293,
+      y: 354.6963695028721,
+      strokeColor: "#000000",
+      backgroundColor: "transparent",
+      width: 128.84193229844433,
+      height: 0,
+      seed: 73916127,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, 0],
+        [128.84193229844433, 0],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "ellipse",
+      version: 282,
+      versionNonce: 1198409567,
+      isDeleted: false,
+      id: "FHX0ZsIzUUfYPJqrZ8Lso",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 0,
+      opacity: 100,
+      angle: 0,
+      x: -589.5016643209792,
+      y: 348.2514049106367,
+      strokeColor: "#000000",
+      backgroundColor: "#fa5252",
+      width: 5.001953125,
+      height: 5.001953125,
+      seed: 387857791,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "ellipse",
+      version: 327,
+      versionNonce: 1661182481,
+      isDeleted: false,
+      id: "ugVRR0f_uDOjrllO10yAs",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 0,
+      opacity: 100,
+      angle: 0,
+      x: -579.2389690084792,
+      y: 348.2514049106367,
+      strokeColor: "#000000",
+      backgroundColor: "#fab005",
+      width: 5.001953125,
+      height: 5.001953125,
+      seed: 1486370207,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "ellipse",
+      version: 385,
+      versionNonce: 2047607679,
+      isDeleted: false,
+      id: "SBzNA0Sn-ou4QGxotj0SB",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 0,
+      opacity: 100,
+      angle: 0,
+      x: -568.525552542133,
+      y: 348.7021260644829,
+      strokeColor: "#000000",
+      backgroundColor: "#40c057",
+      width: 5.001953125,
+      height: 5.001953125,
+      seed: 610150847,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "ellipse",
+      version: 664,
+      versionNonce: 2135373809,
+      isDeleted: false,
+      id: "VKcfbELTVlyJ90m0bGsj0",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 90,
+      angle: 0,
+      x: -552.4984915525058,
+      y: 364.75449494249875,
+      strokeColor: "#000000",
+      backgroundColor: "#04aaf7",
+      width: 42.72020253937572,
+      height: 42.72020253937572,
+      seed: 144280593,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "draw",
+      version: 1281,
+      versionNonce: 1708997535,
+      isDeleted: false,
+      id: "zWrJVrKnkF5K8iXNxi9Aa",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 0,
+      opacity: 100,
+      angle: 0,
+      x: -530.327851842306,
+      y: 378.9357912947449,
+      strokeColor: "#087f5b",
+      backgroundColor: "#40c057",
+      width: 28.226201983883442,
+      height: 24.44112284281997,
+      seed: 29167967,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [4.907524351775825, 2.043055712211473],
+        [3.0769604829149455, 1.6284171290602836],
+        [-2.66472604008681, -4.228569719133945],
+        [-6.450168189798415, -2.304577297733668],
+        [-7.704241049212052, 4.416384506147983],
+        [-6.361372181234263, 8.783101300254884],
+        [-12.516984713388897, 10.9291595737194],
+        [-12.295677738198286, 15.686226498407976],
+        [-7.473371426945252, 15.393030178104425],
+        [-3.787654025313423, 11.5207568827343],
+        [1.2873793872375165, 19.910682356036197],
+        [4.492232250183542, 20.212553123686025],
+        [1.1302787567009416, 6.843494873631317],
+        [6.294108177816019, 6.390688722156585],
+        [8.070028349098962, 7.910451897221202],
+        [14.143675334886687, 7.910451897221202],
+        [15.709217270494545, 2.6780252579576427],
+        [9.128749989671498, 3.1533849725326517],
+        [10.393751588600717, -3.7167773257046695],
+        [7.380151667177483, -3.30213874255348],
+        [4.669824267311791, 1.1200945145694894],
+        [4.907524351775825, 2.043055712211473],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "line",
+      version: 701,
+      versionNonce: 1583157713,
+      isDeleted: false,
+      id: "LX6kTl9A8K36ld2MEV4tI",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 90,
+      angle: 0,
+      x: -551.4394290784783,
+      y: 385.71736850567976,
+      strokeColor: "#000000",
+      backgroundColor: "#99bcff",
+      width: 42.095115772272244,
+      height: 0,
+      seed: 1443027377,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, 0],
+        [42.095115772272244, 0],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "line",
+      version: 2908,
+      versionNonce: 252866495,
+      isDeleted: false,
+      id: "SHmV_QtcwxIE-peI_QOX1",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 0,
+      opacity: 90,
+      angle: 0,
+      x: -546.3441000487039,
+      y: 372.6245229061568,
+      strokeColor: "#000000",
+      backgroundColor: "#99bcff",
+      width: 29.31860660384862,
+      height: 5.711199931375845,
+      seed: 244310513,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, -2.341683327443203],
+        [0.7724193963150375, -0.06510358900749044],
+        [4.103544916365185, 1.84492589414448],
+        [8.536129150893453, 3.0016281808630056],
+        [15.480325949120388, 3.1070332647092163],
+        [23.583965316012858, 2.3706131055211244],
+        [28.316582284417855, -0.3084668090492442],
+        [29.31860660384862, -2.6041666666666288],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+    {
+      type: "ellipse",
+      version: 725,
+      versionNonce: 1969008561,
+      isDeleted: false,
+      id: "PKRg6SqIetkWIgRqBAnDY",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 90,
+      angle: 0,
+      x: -538.2701841247845,
+      y: 363.37196531290607,
+      strokeColor: "#000000",
+      backgroundColor: "transparent",
+      width: 15.528434353116108,
+      height: 44.82230388130942,
+      seed: 683572113,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "line",
+      version: 3113,
+      versionNonce: 533471199,
+      isDeleted: false,
+      id: "HrelUAgvfxi_4v8MyL_iT",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 0,
+      opacity: 90,
+      angle: 0,
+      x: -544.828148539078,
+      y: 402.0199316371545,
+      strokeColor: "#000000",
+      backgroundColor: "#99bcff",
+      width: 29.31860660384862,
+      height: 5.896061363392446,
+      seed: 318798801,
+      groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+      strokeSharpness: "round",
+      boundElementIds: [],
+      startBinding: null,
+      endBinding: null,
+      points: [
+        [0, 0],
+        [4.103544916365185, -4.322122351104391],
+        [8.536129150893453, -5.516265043290966],
+        [15.480325949120388, -5.625081903117008],
+        [23.583965316012858, -4.8648251269605955],
+        [28.316582284417855, -2.0990281379671547],
+        [29.31860660384862, 0.2709794602754383],
+      ],
+      lastCommittedPoint: null,
+      startArrowhead: null,
+      endArrowhead: null,
+    },
+  ],
+  [
+    {
+      type: "rectangle",
+      version: 685,
+      versionNonce: 706399231,
+      isDeleted: false,
+      id: "dba8s5bDYEnF20oGn2a8b",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -715.1043446306466,
+      y: 330.4231266309418,
+      strokeColor: "#000000",
+      backgroundColor: "#ced4da",
+      width: 70.81644178885557,
+      height: 108.30428902193904,
+      seed: 1914896753,
+      groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "rectangle",
+      version: 835,
+      versionNonce: 851916657,
+      isDeleted: false,
+      id: "3HxCT4mFZF-jJ6m9pyOCt",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -706.996640540555,
+      y: 338.68030798133873,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 55.801163535143246,
+      height: 82.83278895375764,
+      seed: 1306468145,
+      groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "ellipse",
+      version: 881,
+      versionNonce: 704574495,
+      isDeleted: false,
+      id: "xX9mcMHy_0Bn-D0UAMyCc",
+      fillStyle: "solid",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -684.8099707762028,
+      y: 425.0579911039235,
+      strokeColor: "#000000",
+      backgroundColor: "#fff",
+      width: 11.427824006438863,
+      height: 11.427824006438863,
+      seed: 93422161,
+      groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "rectangle",
+      version: 528,
+      versionNonce: 816914769,
+      isDeleted: false,
+      id: "h60d2h6UPYkopTlW_XEs4",
+      fillStyle: "cross-hatch",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -698.7169501405845,
+      y: 349.2244646574789,
+      strokeColor: "#000000",
+      backgroundColor: "#fab005",
+      width: 39.2417827352022,
+      height: 19.889460471185775,
+      seed: 11646495,
+      groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+    {
+      type: "rectangle",
+      version: 570,
+      versionNonce: 1198069823,
+      isDeleted: false,
+      id: "bZbx28BjXM33JV1UezMcH",
+      fillStyle: "cross-hatch",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roughness: 1,
+      opacity: 100,
+      angle: 0,
+      x: -698.7169501405845,
+      y: 384.7822247024333,
+      strokeColor: "#000000",
+      backgroundColor: "#fab005",
+      width: 39.2417827352022,
+      height: 19.889460471185775,
+      seed: 291717649,
+      groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+      strokeSharpness: "sharp",
+      boundElementIds: [],
+    },
+  ],
+];
+
+const initialData = {
+  libraryItems,
+};
+export default initialData;
diff --git a/dev-docs/src/pages/index.js b/dev-docs/src/pages/index.js
deleted file mode 100644
index 9437c6c71..000000000
--- a/dev-docs/src/pages/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Layout from "@theme/Layout";
-import Link from "@docusaurus/Link";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import styles from "./index.module.css";
-import HomepageFeatures from "@site/src/components/Homepage";
-
-function HomepageHeader() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <header className={clsx("hero hero--primary", styles.heroBanner)}>
-      <div className="container">
-        <h1 className="hero__title">{siteConfig.title}</h1>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/docs/get-started"
-          >
-            Get started
-          </Link>
-        </div>
-      </div>
-    </header>
-  );
-}
-
-export default function Home() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <Layout
-      title={`Hello from ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
-    >
-      <HomepageHeader />
-      <main>
-        <HomepageFeatures />
-      </main>
-    </Layout>
-  );
-}
diff --git a/dev-docs/src/pages/index.tsx b/dev-docs/src/pages/index.tsx
index 9437c6c71..f35c2e4a7 100644
--- a/dev-docs/src/pages/index.tsx
+++ b/dev-docs/src/pages/index.tsx
@@ -14,10 +14,7 @@ function HomepageHeader() {
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/docs/get-started"
-          >
+          <Link className="button button--secondary button--lg" to="/docs">
             Get started
           </Link>
         </div>
@@ -27,12 +24,8 @@ function HomepageHeader() {
 }
 
 export default function Home() {
-  const { siteConfig } = useDocusaurusContext();
   return (
-    <Layout
-      title={`Hello from ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
-    >
+    <Layout description="For Excalidraw contributors or those integrating the Excalidraw editor">
       <HomepageHeader />
       <main>
         <HomepageFeatures />
diff --git a/dev-docs/src/theme/MDXComponents.js b/dev-docs/src/theme/MDXComponents.js
new file mode 100644
index 000000000..35234301f
--- /dev/null
+++ b/dev-docs/src/theme/MDXComponents.js
@@ -0,0 +1,11 @@
+// Import the original mapper
+import MDXComponents from "@theme-original/MDXComponents";
+import Highlight from "@site/src/components/Highlight";
+
+export default {
+  // Re-use the default mapping
+  ...MDXComponents,
+  // Map the "highlight" tag to our <Highlight /> component!
+  // `Highlight` will receive all props that were passed to `highlight` in MDX
+  highlight: Highlight,
+};
diff --git a/dev-docs/src/theme/ReactLiveScope/index.js b/dev-docs/src/theme/ReactLiveScope/index.js
new file mode 100644
index 000000000..a282ad6f0
--- /dev/null
+++ b/dev-docs/src/theme/ReactLiveScope/index.js
@@ -0,0 +1,29 @@
+import React from "react";
+import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
+import initialData from "@site/src/initialData";
+import { useColorMode } from "@docusaurus/theme-common";
+
+let ExcalidrawComp = {};
+if (ExecutionEnvironment.canUseDOM) {
+  ExcalidrawComp = require("@excalidraw/excalidraw");
+}
+const Excalidraw = React.forwardRef((props, ref) => {
+  const { colorMode } = useColorMode();
+  return <ExcalidrawComp.Excalidraw theme={colorMode} {...props} ref={ref} />;
+});
+// Add react-live imports you need here
+const ExcalidrawScope = {
+  React,
+  ...React,
+  Excalidraw,
+  Footer: ExcalidrawComp.Footer,
+  useDevice: ExcalidrawComp.useDevice,
+  MainMenu: ExcalidrawComp.MainMenu,
+  WelcomeScreen: ExcalidrawComp.WelcomeScreen,
+  LiveCollaborationTrigger: ExcalidrawComp.LiveCollaborationTrigger,
+  Sidebar: ExcalidrawComp.Sidebar,
+  exportToCanvas: ExcalidrawComp.exportToCanvas,
+  initialData,
+};
+
+export default ExcalidrawScope;
diff --git a/dev-docs/static/img/doremon.png b/dev-docs/static/img/doremon.png
new file mode 100644
index 0000000000000000000000000000000000000000..36208a4665fb89e44247292e92a1143a52cdf38c
GIT binary patch
literal 201946
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
PfG>3wZRJu$%i#Y78=43z

literal 0
HcmV?d00001

diff --git a/dev-docs/static/img/og-image-sm.png b/dev-docs/static/img/og-image-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e88dba059f7f09db43886d3d4affca8340688cd
GIT binary patch
literal 77545
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

literal 0
HcmV?d00001

diff --git a/dev-docs/static/img/og-image.png b/dev-docs/static/img/og-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf8b449a623f7fc338ac0f5464e3996044e06b42
GIT binary patch
literal 81109
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%0Dj#O
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
bV)6$J{LTY@w*E+#Nn8IA2B!L8iTmLH$+OqQ

literal 0
HcmV?d00001

diff --git a/dev-docs/static/img/pika.jpeg b/dev-docs/static/img/pika.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..455ed52a638a0b060fba54892835e8923d671bfd
GIT binary patch
literal 6250
zcmbVwcR1Wl_xG2@ibUDyu}bt11krnR!bWcqeI?2wy454WO$dUhn}pR?35!*tBoVy?
zLG(_n=&a7`{yo=yJ-_F9-@o2D*PJ<X&CHo{rkwd){<@q4Xmm8RH2@+a03f;|;Bpd(
z0<MvPX=rHZX>QWc-=t@tXJ%w%Vql`bA_hiA21aH!dU|G7K@KKX9u7u&PEjtNdxG~w
zgqhjJrNxD$_=SW8i6|&2s3@seXlQN;@o?}82?+@bUa@}%5h0O#LLyiBzvDmrf5d;W
z%T@qF4lDvQAR<nH7(xVs5M8zb(5nFwgNXhf>py{%3`7DZCL+HoRi^=niHV3vz$9QY
z5SaAu2@wMz2np%U+oEK&Dh7655u9R4AHZ~64-D;}(?=#(ei;-u%5(5e`S^8yTh;j6
z&@lIv8kQ^de|Pdv4_7IOl$eB!2z*s21p$bOh(V;JU=WD(Up20>5R%)Xq&HRUl4uRQ
zB0i9DKDg4nO($l^^?Y7jH8Q#Cass#ky3z^(K>#ISQxpQIsS!bFNYs=e|DU4hq|5ue
zy>wKLZ@_Kch1#KSd}K*({2?%O8d#=$*7Rm$!?te}3GGPd{y6bP7(Weh$AXWH*;jd*
z<4+uF{K|`JQhzoWlgJp`Z7hxx#j!4)MZ~?psHyFf$Aoio0x>bfoE-m4WWRxa8U!n`
zSADJcy!D3pi*fsA!k*Xs6wib=r6ox-{t}=py97jMFM$#h_n?C!gZMR_nS)&I?U1z{
zse8tDrU<dkPTW|nuMJXHUy1j_ud`dJ>@ul-7YgSJopP<Z;4e(LZj*gE1I*ma&{@aZ
z-o__=FiK7*q=%<E*ZI(1-LYM;vt%tn5w$t(+Jp(t#0|8il~diHaY|~?%(DqSD9zQG
zPwJOT3bzlA`uWp6MEx_riq0jF@w5jusIMVE6(34_-$#x|5K$RhJKKJybq-3VzH^%i
z^$gQbasT7TqoyFf!kpO%I?tU27v2c%naa$SGt-={$WzSedwr4pj_QW#fP7^2d#Dnv
zm(uW}+)F}~sdtwOU+0a1fh=)H7r*w}p5$7WiRpEyt=)Ahpb}_axhIc}U?J@;=L{%S
zy9DfO_fgE=!R1IR?mYV9!}lTNEiR7%QhxBp-3~x5y{T|5B(Cb&;E&888lI>3fDMKG
z+#%$WrlzkYD~~q1l=U8zc#6X5GxSs#w#;jRl?%`jPuRB}Ucg%GNu?G3ipgO6+g`lo
zExKdIBL|63w%ZS!eaF7T?805#6W%<#@7h%K)6DF}y{`FOP<Ea>te`B%{FJVC@5CSc
z9W7GOqR#T5z;&&%rl)P^5@4bVT~i#(U%?F>RB9T=%e*3CkH}@q4^96)t6M&{mTqKX
zTvBPPDwk$hNCFiWpTu+HHiT^E3l}bd3D1^~38}&fE5na}m8_7^b_umUMv(!aB|b0O
zxQRyHr*k`Ek*J2f#70(G&%uKQcf-PK8U%&Vp^*y;7$$K|@pW;@MoG%j#<^)gtPT6q
z+Q_5fOCUZp_NE`rrZ^?e_ON>O(3-l{S$u9y$YHi%e@7x&Q842#-nNjU?_~~*OBX95
z)NF9)HF`J2FO~~PWq}ucS?qUvDa%HsSn-%`V^>9|^kdjZ?f}#?QD64`4bm>Yk;W5l
zBvhWE{^cmXW48Db@Je4{8gOvIN6VHd>K`AM?%ZTLRY^?j2xIE_lZYhuXTAj7$0rLE
z6J8kvsaGdA>D7)~4aL*razY}Nzadq*<iXkX1Cpjp^tMcFBy1ds5N^x{Y0&ncb#;lf
zbeQm}U(<~>6~nZBo$~%)9>s(M0R8y8b-B_cWc*mO!l&kA_|?rKeMRylJL-a#QR);W
z_kbl}GtQSkckkt%*vA?Rli)g$p0l$qmbcS0Ze8+|_C<Hw_(9w$;o#WRb2HuIE*(gX
zur!jb&-N0iuHH6SPMH^V>u#<(oxoAGE(<)l<-6G`?`AhM6aKJ8?>?>|^GTCpdC!uR
zvunPaOV9dXiL&c(odAJG^;cm8JymNM^Zr)yq@0RrF1p|?{l|DxXv-$NGZtDRi8Ix;
z3b8?+ncmYn!ZXn*bL@d*6zyG1KH%#H9R`mdou{Ai5;QmGj`})tf3%H!5W*XJ1)~O9
zzAPd63ybkNSl?h_OmL`dOPO=bKCjO2gPO-u7|-dW75NU)^{f3{6~$a#S^U<yRJEa%
zijS{40GfDh*tV&ls0{khqhCfbQ%Th_z-c?JGbxLrCpXHqX)mS6C$(!z`2CwwGm?mJ
zGRxiC{eyCuk(_+*wQ_KSeQY)UzPEg^Z4sa4v$E4-z(NzV4=k^XJ*}Of_EW9+Qg?PE
z>G!M#q2OgudUKAGfI=D%rXCs1dqckWw-~Ngg4*|06jD&#ltFAW(gG*-ppqnkv`RxJ
zL9Ee5^ZJSZUBl02R=a)9N4wmGO--Bc(k5d_o*`_NZ>LuO$!Al8Ahh;#g_?JI)RAFd
z*$)PU3Tqg>VIGDN0USX2cKeo+Z-5sl*C|f5)XFTH49bi&z6219lQL6OedFen1jMt_
zDXS+L@bs|zFoD$DWq<i$t%_$#3Wl0ESEptaEN(wY^M3hUvnt;iI_~&Ap$Pr%r3o|l
z8#<yH*lmRkqoz`W3v2MX8T$pNcUVDRo>P!Z(c`F^{^KnQF~*ZVD7-(P5asD3W?}t#
zdZIB{+VeEIr0iQr`O8VCjcy5@Cy}G3*PeXhI<SDASBXvzyiLwd{D9JSMUP{!8mTk$
zE!OH<<n3c{(nb~1qiuPtY<q^5I{4iq>USV<R$SGZEmE;xZ|lh+?z(fb1^k4~plB7D
z!O8iEHYS#(QZfx?c92^2BS){`^L0wM_xyxd5@#8{26ML!lo6}JaKTVjqemf?qptwJ
zV3m$xgAul4%m5X*UQbQ|`&2vjq6ZhKEg#mSu-7rzqSOCrx&TR8rkm444vg#X7{fuY
z2taa^IOq~sR>(8?HU=vKFFous#Ju<}YdH3>ekF51n4MTh%<!${eF$+p0I<FYKZ5CK
z$v|%$)7s+hT8Y?<QjQ)*_xkr88<c#_zbDOUQ7!wyWs52#ude${oweh0wcrk&zx61J
z%bt_B5_q>?9b&&RdoB<oGBrwdJ6L%Rmj4}7xm#oQ!ae$Wt`3=0&SyI4Q8v}M?fA+4
zf|_FSm(YQm+6%gDL;Bi#IcC^K@oE&l<Zj++VDlwFehI9%j#L=-__BCG<h&pL%XujN
zy(ZCA)DieS!<mogFkAq}#?}R5gYs0F5t0#j?6{Niag`)>SF#~eRW}U8cV-z{9HLz$
z_i#_N-ciAxrZg{O$*fu`dUsV!OE`OK9lJHfE&8Ay+P*`fwc9)Q>3I?6%aC8{2+DVN
zZ3fY0ZGKR=#+wmm?S3%iE@R@a{Dlrt;eilemy}Ex7;>kOZKOw(X2-J)c4F>yDjFpV
zx#R&*5I%TmR+aE!7;h4~+zW|@AGex<TIA)uWgmw27T<x<QzV9-PEYvDO<O#hvosyQ
znWu>iB3NKN7ZI1h0P)zTAP{!n^kBracX3)$@?vWZ9IhxfsCZ9$&J($;>bjq9lK;u@
zz|8ATb9reeId=v9m&K&<89w>cVE2d1O~M{>!XAz77d(!)bN`q<7%MJn5X00s#*<l3
zFYmClCdTCY&?)$qD3o~<egDM|SG=uE?9CeXu*NdJV7rt$&<9VjIPE7A+@=k)^*O2-
zpC!zNoa~HIAJ#x=SEP^h@L4R3x2y;-1%_s+8dPMc^-u$?4q>;!qo7bDJ8SLw??WR*
zagD4xmCz*sk&1lN>L4FL6SkNAx$vQn$JYWRDtdg(1bwvIDL}j{ZywRQGtc)UnTU%d
zL6eycDy`=x%mu-gY@y-1)oGY-d@Cya#Tc=OeTN^IYO<aKQuTxnCUmR5-pSffF-P1G
z>D`gF?n<LE8j5X>+T3mO0ffJ1>90v^k>Ryc31G~;ZpL!wk8=WZY^x&lSZ7sB)=6(a
zO2Wc`@n@(0`~&s4H(K&yjo(HQ{0^1UF$-w2Ed<5rpyLI5p`oRZ6H{?f(@1;&#40L1
z$<{qKpcs*V?o#mR+q6|H*A~%BEKaVma5v*)8nM;_`AR;`w>}s|h!s5QiG2vG^B>-q
zkq4)M_#|^X^ByS<eS$eqQOUpa%DGE;!cMPe`u-46;coV_&fh7WQ+m<mM^>THOzq<<
z>t_tW`=gCrLN@!={1dmNY7;el=}t}9n&j$)^3p{b&YL>=AE4hSOTV%SG^h7f%78)E
z`9;kseu`nBjR)2Nf#bV(i_Os1mLffgs}ax3z5yzo@`XKR<mh*EL@At-!dNhdFXAxx
zG`}DcRXUxl*q*ily<6w+U*dOxVE5_%!_c40ceAKW!lOaq5>W50XbaOg+?66QL={Q>
zBCqQ8RPq8h<Q=1EdF}az)(l_r^Q&0!IQ~^T>2J@;9Ub{U?lZTD))=eayF+(!*m5<(
zVdSJDDl?PCRRb|R{-_mhR0q3lOL%i~&uHy-o54o0PWrB%uc<;Dww{?w7WP5*HP6qA
z&z%o0D%*nFrheenYtZ2ifht$;Yc)H~a|PbO-I)5J%ph&W*GlzpuUoSL9?$tASlc`~
zj$UNk87u?2NTl*JlYi|{h%h4!(RG+}O1B!c<{y=^EM<J8%f;0YQpD`&nNP*xAwu0I
zM^f#Uld6#_+u%wrlgk&Fh!kDu==V8l!s!iq6*2}2OIGPQcSxdmGMm+F+)MF;p3~L2
zFkNq4Y~!6vK#N7x?WCz!%fQ(TzV-#bF;}lJZCez2oPMpW=DuzbdM#8RtuGV5%T@Q{
zh0GrYuKj~~v&g`sr{}^ZGyTgtf0@>h|3$CKK?b~&OiRW*I(Tn;W9zw7hYL<r;diNh
zW5w4tp1bTh0klhji6F7H{b&=<d}{22TZ`ifE*V=2d5!%c!nM3PxAdz~4XK-ThgKbG
z7XA4SFl03K2d*D_Z+%Xz30=snkXR<U&lnOvJLLnuX6^mxCq5Ha9v~i?RB#eP7j+|v
zTRD>@O!Xi~q8b$W+nBZ|*z56;<F!3)Q<F+ov^BJRV>*N}vMZ2Yf6Mea$pf-$cm3nU
z+1z@c_XnFNhrlVlP6g#5F?&$8$*NjIRY5K)QmY6<nU&x?bp-mgFPChwkyix?+Hn^o
zZ+=K6-Gx%l(fTU4>!&NXy^Odz?pzgZ#)UAd<+P2`vb=^ak^Z#qy{ek_IQ|hfWg_R(
zM&f9`{hZPBVcB=t9d>K&)tT$<bavl}rBvo$8MXW9p$hOWI=Jye8sR;MK%9n{*W_2b
zN>&q%N7<Izr?}OU-N55)_~4^i!??!Uu(19`gvN$mqDFp5nO)4Gxu@^BuyicX%{9zY
z_ij?r?^OJpi6=jd0l~mAAR6&XVG7-%jn+wWRe5O;uGA8^lLg_(dxciV>EE%j3Jry8
z8&>13LT0{laxdBc``1V+yK`XeU>soP=U!1Kqx7_e-SsejHsizyOS$hv=2p5@7z_IA
zB!T@JsM4>f@<HX|FW9ak*W0=C596CTp)=R-z|R8CPtwf8@J2l*717{*_(h9Gx~Z$z
z8_(y`G_A`PFgp@r>Zp++*F)&DO*eDRPrtrSfL;7N95PRKlZ|YiK6P!P^b_7qrhdwi
zz=5F>Xx$<4qD4iebXx|0R-6hhuY$M1V(I|zjxZ$)f?AO3I)Ql7!?IRFJ)F9MaiW8(
z%~K&G*-}BkFtXZugk5|>dxNhT9$RTdZ;6&3%Fc@Sc}&x63b`p~o!2}nfWVh*R&b7P
z^+ivy7beEMQMY-WNU8U!`pHU?j?L5d=L(r$mfY=nz67F##XaoYT&jJ2P57C4-Yv$7
zuD~ulX<b!6mPFz4%70yxW?hZtCZtTjXvMqG7Mlbw4}a7I!6pOS;{|Uzx$igIzMi0;
zkGTYBF0edSswSGB6{~VtFrG*AHp}Z`Y7<}FAM4Ye%Q&4q@ml-V-7b!1cG3B>k!OO}
zbI*o~Wk;({{SGMJ%c`n?XEQL|xns*jRX5Wi&)(Jy=7f)D>5X0jm}&dw-K{*Rpfd*|
zsVlatT`qpZ4>6S&=aQu_9xP!YxO8#RkeSL~x7u2%rq+1-KOqc#k74)tuA(wbhe=3l
z)vln+3%ltK3D5l81?q+QAs&AOa8hEtL!RiIa<iy~%lWIB`?CkqGX1XVzULE~Bl|7H
z!S}OWct4-ru+-`PSS-Wgm0{1<Guc?*;y2x<rZUf1qGyP5>PftfGEn%v{*z4v{(G~v
z>)10{lxM@b%;`tcNJCA!3gqU^`@GQ`YF2Eu-J5TSIzVqtFR-EBh-~*spUlxR111G+
zxD`^~KLxw5H^sobAV6@na>{8DtA8uyvBi3;F|}zF+&SQ#<-_>Ys#-#?5Kfn5;me=D
z%R!?pFB2cspQ@?ReLB(j&YyDRI3mNH9bRc@rhmsf%&`+cf(ARzsxBpB_27jD+C{7r
z!qj%QvU%ag<ucgU8_OM}w%7XaIg@=Utp3%}RQg;qof-FG5PhdEqg{JJn>!_0TYkBA
zfZ#R1u2E)D=r&|_J|z-jc>HUm*e1||3&F`}==#5KnJbaUesp%!g=PET>Zd>n-?|8U
zi|sCm+5%&9&ub--W5Fe1oka?KN*h9&PzL-_etN&n{n%~%UOg5<yIOGc575IWd1Cnk
zYlW_)tMoju^%hF41TFzXpN!%%G-ZP;s|vn`LIe57ET3H;r<gq8FyPMu%fg*koh1GA
zdp%&IdCp*sDj>W<U@4z%ZW_!f<vNvfhRASNse8LORzhfpzx+4WB~f#DU}6CmuZy4k
zdM)*wQo&ja^^!g;iijsjEwr^_!N(@9JXE=lxdUltCVMrr`m^MdtN<qr1R}lY_78SO
zYxC69vJjLjCQrUV-R-8rJTD$K#a+m1)Uc!Z+J@5~=ILVw%}}K_$Vk)h3GMwsx2NH#
z)S$0up6tC|nVD^zm)94#Vj^J&q2>5*%!@=yTcJDAwqAVO?yNI&I4u8`WTT$FNK<?T
z-jFF+tE05|&p9rYWex=yh$bfA0&{vb56?Rbyv29uTIG4H|Mr-hTV+VYEa|rmvzVef
z5;ZP<_@R{&mu4rPhrB&Ssk&lOJ0X;vnIbiK*8F4Yt@~S(&YQyWD+V77wiRA8H<SF-
zIoyZ~R)n0|&r(MX?AORJUt|Wy-O$n@Ool9jd!i;Q+<pdbQ9tZ`!uD~_L4cl-_yI3!
z!!nGqv)A7}^Q|-YiEYq|-8iiN9l<E<I<KsJSUYRv)R{3YZ@!Yoi(5hM*2Auh9nhDG
zo8EKa_J^<%+v4urTiHA%@kTq^kBhPn-^IjM+yD2n5PJ(Jg`d1?(Q>6LI2^TT`GzEV
zeBfLeUGq7Rb}=JxjnuR`XXw4|y$)g!B4q=S(h7CXE_9oT$Cpk^4yBejV9+tLF3NoV
ze)%#Dy<T^}YlQrebEz$<Fw8`2<Q^O#Moo7XPLG5MLww%`uxaP}_d)R<jt<NNa4vPz
zj|AczIdkgSPWptffW7_RhNmY&g{JF5eOuY50aM`Jp9)EH`mp$16Hqu)W`O$(`kX+U
z<l*w>m}yM)WOpV`if~78P{Cl;N%g2J>)MZXMM6Hcz$H-p%rn-BH9acf?O4uiUuFff
z^%-pVk8z@E)+OM5@$M4X5XGtff!0t253_gn#6QgK|Jp(r(`C9SZ`pI=Y2YdTQ(N(9
zkJiV`T<)0%=eOfnWGu_LwA6M`&nCR`*UOzCk;-1*3Ax{%I8!>QhWQ9XWOQOwe<S6_
zBMTf@boPx3GwTfPd%RDV%iBs&@d^_$H_z$KpNoZ!(Z~KyW7x>?oP&c|*008kenRHW
z!(>CQa#E-ie{1&z80!Z<*6|9ZZ4bBCfi*hKq{Uxamyj7@R}NWqN~-#>OV9)gzibU9
z{_<ng)gBc2oGIQZTtK=gt=>NZV~OTo|K{h)hek;ts8@Z=`nb=>d^kA~OfmmY{P#bv
Vod0WA{QK4aPuTdMX5h>5{{x3Dqs0IK

literal 0
HcmV?d00001

diff --git a/src/packages/excalidraw/welcome-screen-overview.png b/dev-docs/static/img/welcome-screen-overview.png
similarity index 100%
rename from src/packages/excalidraw/welcome-screen-overview.png
rename to dev-docs/static/img/welcome-screen-overview.png
diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index 9b9337c9c..5aaa9689f 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -1191,10 +1191,10 @@
     "@docsearch/css" "3.1.1"
     algoliasearch "^4.0.0"
 
-"@docusaurus/core@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-2.0.0-rc.1.tgz#828d93d241171565d8947a9ab404091e04759141"
-  integrity sha512-b9FX0Z+EddfQ6wAiNh+Wx4fysKfcvEcWJrZ5USROn3C+EVU5P4luaa8mwWK//O+hTwD9ur7/A44IZ/tWCTAoLQ==
+"@docusaurus/core@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-2.2.0.tgz#64c9ee31502c23b93c869f8188f73afaf5fd4867"
+  integrity sha512-Vd6XOluKQqzG12fEs9prJgDtyn6DPok9vmUWDR2E6/nV5Fl9SVkhEQOBxwObjk3kQh7OY7vguFaLh0jqdApWsA==
   dependencies:
     "@babel/core" "^7.18.6"
     "@babel/generator" "^7.18.7"
@@ -1206,13 +1206,13 @@
     "@babel/runtime" "^7.18.6"
     "@babel/runtime-corejs3" "^7.18.6"
     "@babel/traverse" "^7.18.8"
-    "@docusaurus/cssnano-preset" "2.0.0-rc.1"
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/mdx-loader" "2.0.0-rc.1"
+    "@docusaurus/cssnano-preset" "2.2.0"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/mdx-loader" "2.2.0"
     "@docusaurus/react-loadable" "5.5.2"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-common" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-common" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     "@slorber/static-site-generator-webpack-plugin" "^4.0.7"
     "@svgr/webpack" "^6.2.1"
     autoprefixer "^10.4.7"
@@ -1268,33 +1268,33 @@
     webpack-merge "^5.8.0"
     webpackbar "^5.0.2"
 
-"@docusaurus/cssnano-preset@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-2.0.0-rc.1.tgz#76bbd7f6912779a0667f8f2fd8fc1a05618a6148"
-  integrity sha512-9/KmQvF+eTlMqUqG6UcXbRgxbGed/8bQInXuKEs+95/jI6jO/3xSzuRwuHHHP0naUvSVWjnNI9jngPrQerXE5w==
+"@docusaurus/cssnano-preset@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-2.2.0.tgz#fc05044659051ae74ab4482afcf4a9936e81d523"
+  integrity sha512-mAAwCo4n66TMWBH1kXnHVZsakW9VAXJzTO4yZukuL3ro4F+JtkMwKfh42EG75K/J/YIFQG5I/Bzy0UH/hFxaTg==
   dependencies:
     cssnano-preset-advanced "^5.3.8"
     postcss "^8.4.14"
     postcss-sort-media-queries "^4.2.1"
     tslib "^2.4.0"
 
-"@docusaurus/logger@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-2.0.0-rc.1.tgz#db95e9b15bc243695830a5b791c0eff705ef1b54"
-  integrity sha512-daa3g+SXuO9K60PVMiSUmDEK9Vro+Ed7i7uF8CH6QQJLcNZy/zJc0Xz62eH7ip1x77fmeb6Rg4Us1TqTFc9AbQ==
+"@docusaurus/logger@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-2.2.0.tgz#ea2f7feda7b8675485933b87f06d9c976d17423f"
+  integrity sha512-DF3j1cA5y2nNsu/vk8AG7xwpZu6f5MKkPPMaaIbgXLnWGfm6+wkOeW7kNrxnM95YOhKUkJUophX69nGUnLsm0A==
   dependencies:
     chalk "^4.1.2"
     tslib "^2.4.0"
 
-"@docusaurus/mdx-loader@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-2.0.0-rc.1.tgz#e78d7d416aacc289f2427c5ccdb9145820acb0cb"
-  integrity sha512-8Fg0c/ceu39knmr7w0dutm7gq3YxKYCqWVS2cB/cPATzChCCNH/AGLfBT6sz/Z4tjVXE+NyREq2pfOFvkhjVXg==
+"@docusaurus/mdx-loader@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-2.2.0.tgz#fd558f429e5d9403d284bd4214e54d9768b041a0"
+  integrity sha512-X2bzo3T0jW0VhUU+XdQofcEeozXOTmKQMvc8tUnWRdTnCvj4XEcBVdC3g+/jftceluiwSTNRAX4VBOJdNt18jA==
   dependencies:
     "@babel/parser" "^7.18.8"
     "@babel/traverse" "^7.18.8"
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
     "@mdx-js/mdx" "^1.6.22"
     escape-html "^1.0.3"
     file-loader "^6.2.0"
@@ -1323,18 +1323,32 @@
     react-helmet-async "*"
     react-loadable "npm:@docusaurus/react-loadable@5.5.2"
 
-"@docusaurus/plugin-content-blog@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-2.0.0-rc.1.tgz#8ae5d5ec2da08c583a057bf2754a5b9278b3eb08"
-  integrity sha512-BVVrAGZujpjS/0rarY2o24rlylRRh2NZuM65kg0JNkkViF79SeEHsepog7IuHyoqGWPm1N/I7LpEp7k+gowZzQ==
+"@docusaurus/module-type-aliases@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-2.2.0.tgz#1e23e54a1bbb6fde1961e4fa395b1b69f4803ba5"
+  integrity sha512-wDGW4IHKoOr9YuJgy7uYuKWrDrSpsUSDHLZnWQYM9fN7D5EpSmYHjFruUpKWVyxLpD/Wh0rW8hYZwdjJIQUQCQ==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/mdx-loader" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-common" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/react-loadable" "5.5.2"
+    "@docusaurus/types" "2.2.0"
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    "@types/react-router-config" "*"
+    "@types/react-router-dom" "*"
+    react-helmet-async "*"
+    react-loadable "npm:@docusaurus/react-loadable@5.5.2"
+
+"@docusaurus/plugin-content-blog@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-2.2.0.tgz#dc55982e76771f4e678ac10e26d10e1da2011dc1"
+  integrity sha512-0mWBinEh0a5J2+8ZJXJXbrCk1tSTNf7Nm4tYAl5h2/xx+PvH/Bnu0V+7mMljYm/1QlDYALNIIaT/JcoZQFUN3w==
+  dependencies:
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/mdx-loader" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-common" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     cheerio "^1.0.0-rc.12"
     feed "^4.2.2"
     fs-extra "^10.1.0"
@@ -1345,18 +1359,18 @@
     utility-types "^3.10.0"
     webpack "^5.73.0"
 
-"@docusaurus/plugin-content-docs@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-2.0.0-rc.1.tgz#2dda88166bf21b0eeb3821ef748059b20c8c49f7"
-  integrity sha512-Yk5Hu6uaw3tRplzJnbDygwRhmZ3PCzEXD4SJpBA6cPC73ylfqOEh6qhiU+BWhMTtDXNhY+athk5Kycfk3DW1aQ==
+"@docusaurus/plugin-content-docs@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-2.2.0.tgz#0fcb85226fcdb80dc1e2d4a36ef442a650dcc84d"
+  integrity sha512-BOazBR0XjzsHE+2K1wpNxz5QZmrJgmm3+0Re0EVPYFGW8qndCWGNtXW/0lGKhecVPML8yyFeAmnUCIs7xM2wPw==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/mdx-loader" "2.0.0-rc.1"
-    "@docusaurus/module-type-aliases" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/mdx-loader" "2.2.0"
+    "@docusaurus/module-type-aliases" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     "@types/react-router-config" "^5.0.6"
     combine-promises "^1.1.0"
     fs-extra "^10.1.0"
@@ -1367,84 +1381,84 @@
     utility-types "^3.10.0"
     webpack "^5.73.0"
 
-"@docusaurus/plugin-content-pages@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-2.0.0-rc.1.tgz#2be82f53d6c77e6aa66787726c30dc60b210e6f8"
-  integrity sha512-FdO79WC5hfWDQu3/CTFLRQzTNc0e5n+HNzavm2MNkSzGV08BFJ6RAkbPbtra5CWef+6iXZav6D/tzv2jDPvLzA==
+"@docusaurus/plugin-content-pages@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-2.2.0.tgz#e3f40408787bbe229545dd50595f87e1393bc3ae"
+  integrity sha512-+OTK3FQHk5WMvdelz8v19PbEbx+CNT6VSpx7nVOvMNs5yJCKvmqBJBQ2ZSxROxhVDYn+CZOlmyrC56NSXzHf6g==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/mdx-loader" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/mdx-loader" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     fs-extra "^10.1.0"
     tslib "^2.4.0"
     webpack "^5.73.0"
 
-"@docusaurus/plugin-debug@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-debug/-/plugin-debug-2.0.0-rc.1.tgz#73c06ad08d66810941e456d50b07be008f5235cb"
-  integrity sha512-aOsyYrPMbnsyqHwsVZ+0frrMRtnYqm4eaJpG4sC/6LYAJ07IDRQ9j3GOku2dKr5GsFK1Vx7VlE6ZLwe0MaGstg==
+"@docusaurus/plugin-debug@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-debug/-/plugin-debug-2.2.0.tgz#b38741d2c492f405fee01ee0ef2e0029cedb689a"
+  integrity sha512-p9vOep8+7OVl6r/NREEYxf4HMAjV8JMYJ7Bos5fCFO0Wyi9AZEo0sCTliRd7R8+dlJXZEgcngSdxAUo/Q+CJow==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
     fs-extra "^10.1.0"
     react-json-view "^1.21.3"
     tslib "^2.4.0"
 
-"@docusaurus/plugin-google-analytics@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-2.0.0-rc.1.tgz#0136cc7534573ca56e023178ec2bda5c1e89ce71"
-  integrity sha512-f+G8z5OJWfg5QqWDLIdcN2SDoK5J5Gg8HMrqCI6Pfl+rxPb5I1niA+/UkAM+kMCpnekvhSt5AWz2fgkRenkPLA==
+"@docusaurus/plugin-google-analytics@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-2.2.0.tgz#63c7137eff5a1208d2059fea04b5207c037d7954"
+  integrity sha512-+eZVVxVeEnV5nVQJdey9ZsfyEVMls6VyWTIj8SmX0k5EbqGvnIfET+J2pYEuKQnDIHxy+syRMoRM6AHXdHYGIg==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     tslib "^2.4.0"
 
-"@docusaurus/plugin-google-gtag@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-2.0.0-rc.1.tgz#61698fdc41a4ace912fb8f6c834efd288edad3c0"
-  integrity sha512-yE1Et9hhhX9qMRnMJzpNq0854qIYiSEc2dZaXNk537HN7Q0rKkr/YONUHz2iqNYwPX2hGOY4LdpTxlMP88uVhA==
+"@docusaurus/plugin-google-gtag@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-2.2.0.tgz#7b086d169ac5fe9a88aca10ab0fd2bf00c6c6b12"
+  integrity sha512-6SOgczP/dYdkqUMGTRqgxAS1eTp6MnJDAQMy8VCF1QKbWZmlkx4agHDexihqmYyCujTYHqDAhm1hV26EET54NQ==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     tslib "^2.4.0"
 
-"@docusaurus/plugin-sitemap@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-sitemap/-/plugin-sitemap-2.0.0-rc.1.tgz#0b638e774b253d90e9f2d11663e961250f557bc4"
-  integrity sha512-5JmbNpssUF03odFM4ArvIsrO9bv7HnAJ0VtefXhh0WBpaFs8NgI3rTkCTFimvtRQjDR9U2bh23fXz2vjQQz6oA==
+"@docusaurus/plugin-sitemap@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-sitemap/-/plugin-sitemap-2.2.0.tgz#876da60937886032d63143253d420db6a4b34773"
+  integrity sha512-0jAmyRDN/aI265CbWZNZuQpFqiZuo+5otk2MylU9iVrz/4J7gSc+ZJ9cy4EHrEsW7PV8s1w18hIEsmcA1YgkKg==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-common" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-common" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     fs-extra "^10.1.0"
     sitemap "^7.1.1"
     tslib "^2.4.0"
 
-"@docusaurus/preset-classic@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/preset-classic/-/preset-classic-2.0.0-rc.1.tgz#5e5b1cf80b3dd4e2c3f824c78a111f105858d853"
-  integrity sha512-5jjTVZkhArjyoNHwCI9x4PSG0zPmBJILjZLVrxPcHpm/K0ltkYcp6J3GxYpf5EbMuOh5+yCWM63cSshGcNOo3Q==
+"@docusaurus/preset-classic@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/preset-classic/-/preset-classic-2.2.0.tgz#bece5a043eeb74430f7c6c7510000b9c43669eb7"
+  integrity sha512-yKIWPGNx7BT8v2wjFIWvYrS+nvN04W+UameSFf8lEiJk6pss0kL6SG2MRvyULiI3BDxH+tj6qe02ncpSPGwumg==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-blog" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-docs" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-pages" "2.0.0-rc.1"
-    "@docusaurus/plugin-debug" "2.0.0-rc.1"
-    "@docusaurus/plugin-google-analytics" "2.0.0-rc.1"
-    "@docusaurus/plugin-google-gtag" "2.0.0-rc.1"
-    "@docusaurus/plugin-sitemap" "2.0.0-rc.1"
-    "@docusaurus/theme-classic" "2.0.0-rc.1"
-    "@docusaurus/theme-common" "2.0.0-rc.1"
-    "@docusaurus/theme-search-algolia" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/plugin-content-blog" "2.2.0"
+    "@docusaurus/plugin-content-docs" "2.2.0"
+    "@docusaurus/plugin-content-pages" "2.2.0"
+    "@docusaurus/plugin-debug" "2.2.0"
+    "@docusaurus/plugin-google-analytics" "2.2.0"
+    "@docusaurus/plugin-google-gtag" "2.2.0"
+    "@docusaurus/plugin-sitemap" "2.2.0"
+    "@docusaurus/theme-classic" "2.2.0"
+    "@docusaurus/theme-common" "2.2.0"
+    "@docusaurus/theme-search-algolia" "2.2.0"
+    "@docusaurus/types" "2.2.0"
 
 "@docusaurus/react-loadable@5.5.2", "react-loadable@npm:@docusaurus/react-loadable@5.5.2":
   version "5.5.2"
@@ -1454,23 +1468,23 @@
     "@types/react" "*"
     prop-types "^15.6.2"
 
-"@docusaurus/theme-classic@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-classic/-/theme-classic-2.0.0-rc.1.tgz#4ab30745e6b03b0f277837debae786a0a83aee6a"
-  integrity sha512-qNiz7ieeq3AC+V8TbW6S63pWLJph1CbzWDDPTqxDLHgA8VQaNaSmJM8S92pH+yKALRb9u14ogjjYYc75Nj2JmQ==
+"@docusaurus/theme-classic@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-classic/-/theme-classic-2.2.0.tgz#a048bb1bc077dee74b28bec25f4b84b481863742"
+  integrity sha512-kjbg/qJPwZ6H1CU/i9d4l/LcFgnuzeiGgMQlt6yPqKo0SOJIBMPuz7Rnu3r/WWbZFPi//o8acclacOzmXdUUEg==
   dependencies:
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/mdx-loader" "2.0.0-rc.1"
-    "@docusaurus/module-type-aliases" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-blog" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-docs" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-pages" "2.0.0-rc.1"
-    "@docusaurus/theme-common" "2.0.0-rc.1"
-    "@docusaurus/theme-translations" "2.0.0-rc.1"
-    "@docusaurus/types" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-common" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/mdx-loader" "2.2.0"
+    "@docusaurus/module-type-aliases" "2.2.0"
+    "@docusaurus/plugin-content-blog" "2.2.0"
+    "@docusaurus/plugin-content-docs" "2.2.0"
+    "@docusaurus/plugin-content-pages" "2.2.0"
+    "@docusaurus/theme-common" "2.2.0"
+    "@docusaurus/theme-translations" "2.2.0"
+    "@docusaurus/types" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-common" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     "@mdx-js/react" "^1.6.22"
     clsx "^1.2.1"
     copy-text-to-clipboard "^3.0.1"
@@ -1485,17 +1499,17 @@
     tslib "^2.4.0"
     utility-types "^3.10.0"
 
-"@docusaurus/theme-common@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-common/-/theme-common-2.0.0-rc.1.tgz#ea5d9732a16b03b488555e50107161bfa2abad98"
-  integrity sha512-1r9ZLKD9SeoCYVzWzcdR79Dia4ANlrlRjNl6uzETOEybjK6FF7yEa9Yra8EJcOCbi3coyYz5xFh/r1YHFTFHug==
+"@docusaurus/theme-common@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-common/-/theme-common-2.2.0.tgz#2303498d80448aafdd588b597ce9d6f4cfa930e4"
+  integrity sha512-R8BnDjYoN90DCL75gP7qYQfSjyitXuP9TdzgsKDmSFPNyrdE3twtPNa2dIN+h+p/pr+PagfxwWbd6dn722A1Dw==
   dependencies:
-    "@docusaurus/mdx-loader" "2.0.0-rc.1"
-    "@docusaurus/module-type-aliases" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-blog" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-docs" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-pages" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
+    "@docusaurus/mdx-loader" "2.2.0"
+    "@docusaurus/module-type-aliases" "2.2.0"
+    "@docusaurus/plugin-content-blog" "2.2.0"
+    "@docusaurus/plugin-content-docs" "2.2.0"
+    "@docusaurus/plugin-content-pages" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
     "@types/history" "^4.7.11"
     "@types/react" "*"
     "@types/react-router-config" "*"
@@ -1505,19 +1519,34 @@
     tslib "^2.4.0"
     utility-types "^3.10.0"
 
-"@docusaurus/theme-search-algolia@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-search-algolia/-/theme-search-algolia-2.0.0-rc.1.tgz#e78c0aeaea6a3717ae3a6ecd75a8652bd7c8e974"
-  integrity sha512-H5yq6V/B4qo6GZrDKMbeSpk3T9e9K2MliDzLonRu0w3QHW9orVGe0c/lZvRbGlDZjnsOo7XGddhXXIDWGwnpaA==
+"@docusaurus/theme-live-codeblock@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-live-codeblock/-/theme-live-codeblock-2.2.0.tgz#a507e496a1a74d261beee30ad072e4341310809a"
+  integrity sha512-4XRFxfZGcyqmbLmNbnbZ2ZOsoY7FYCJUZKsYW5yzhZYjmjGg7lkdJH5trt9otUoKBsZopBpPWvcDZwCu1SENYg==
+  dependencies:
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/theme-common" "2.2.0"
+    "@docusaurus/theme-translations" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
+    "@philpl/buble" "^0.19.7"
+    clsx "^1.2.1"
+    fs-extra "^10.1.0"
+    react-live "2.2.3"
+    tslib "^2.4.0"
+
+"@docusaurus/theme-search-algolia@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-search-algolia/-/theme-search-algolia-2.2.0.tgz#77fd9f7a600917e6024fe3ac7fb6cfdf2ce84737"
+  integrity sha512-2h38B0tqlxgR2FZ9LpAkGrpDWVdXZ7vltfmTdX+4RsDs3A7khiNsmZB+x/x6sA4+G2V2CvrsPMlsYBy5X+cY1w==
   dependencies:
     "@docsearch/react" "^3.1.1"
-    "@docusaurus/core" "2.0.0-rc.1"
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/plugin-content-docs" "2.0.0-rc.1"
-    "@docusaurus/theme-common" "2.0.0-rc.1"
-    "@docusaurus/theme-translations" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
-    "@docusaurus/utils-validation" "2.0.0-rc.1"
+    "@docusaurus/core" "2.2.0"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/plugin-content-docs" "2.2.0"
+    "@docusaurus/theme-common" "2.2.0"
+    "@docusaurus/theme-translations" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
+    "@docusaurus/utils-validation" "2.2.0"
     algoliasearch "^4.13.1"
     algoliasearch-helper "^3.10.0"
     clsx "^1.2.1"
@@ -1527,10 +1556,10 @@
     tslib "^2.4.0"
     utility-types "^3.10.0"
 
-"@docusaurus/theme-translations@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-translations/-/theme-translations-2.0.0-rc.1.tgz#bd647f78c741ee7f6c6d2cbbd3e3f282ef2f89ad"
-  integrity sha512-JLhNdlnbQhxVQzOnLyiCaTzKFa1lpVrM3nCrkGQKscoG2rY6ARGYMgMN2DkoH6hm7TflQ8+PE1S5MzzASeLs4Q==
+"@docusaurus/theme-translations@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-translations/-/theme-translations-2.2.0.tgz#5fbd4693679806f80c26eeae1381e1f2c23d83e7"
+  integrity sha512-3T140AG11OjJrtKlY4pMZ5BzbGRDjNs2co5hJ6uYJG1bVWlhcaFGqkaZ5lCgKflaNHD7UHBHU9Ec5f69jTdd6w==
   dependencies:
     fs-extra "^10.1.0"
     tslib "^2.4.0"
@@ -1549,30 +1578,44 @@
     webpack "^5.73.0"
     webpack-merge "^5.8.0"
 
-"@docusaurus/utils-common@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-2.0.0-rc.1.tgz#3e233a28794325d5d9d3af3f7b1c22b59aa8b847"
-  integrity sha512-+iZICpeFPZJ9oGJXuG92WTWee6WRnVx5BdzlcfuKf/f5KQX8PvwXR2tDME78FGGhShB8zr+vjuNEXuLvXT7j2A==
+"@docusaurus/types@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-2.2.0.tgz#02c577a4041ab7d058a3c214ccb13647e21a9857"
+  integrity sha512-b6xxyoexfbRNRI8gjblzVOnLr4peCJhGbYGPpJ3LFqpi5nsFfoK4mmDLvWdeah0B7gmJeXabN7nQkFoqeSdmOw==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    commander "^5.1.0"
+    joi "^17.6.0"
+    react-helmet-async "^1.3.0"
+    utility-types "^3.10.0"
+    webpack "^5.73.0"
+    webpack-merge "^5.8.0"
+
+"@docusaurus/utils-common@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-2.2.0.tgz#a401c1b93a8697dd566baf6ac64f0fdff1641a78"
+  integrity sha512-qebnerHp+cyovdUseDQyYFvMW1n1nv61zGe5JJfoNQUnjKuApch3IVsz+/lZ9a38pId8kqehC1Ao2bW/s0ntDA==
   dependencies:
     tslib "^2.4.0"
 
-"@docusaurus/utils-validation@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-2.0.0-rc.1.tgz#dded12f036cda8a54a19e01694b35859fe0cf1d5"
-  integrity sha512-lj36gm9Ksu4tt/EUeLDWoMbXe3sfBxeIPIUUdqYcBYkF/rpQkh+uL/dncjNGiw6uvBOqXhOfsFVP045HtgShVw==
+"@docusaurus/utils-validation@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-2.2.0.tgz#04d4d103137ad0145883971d3aa497f4a1315f25"
+  integrity sha512-I1hcsG3yoCkasOL5qQAYAfnmVoLei7apugT6m4crQjmDGxq+UkiRrq55UqmDDyZlac/6ax/JC0p+usZ6W4nVyg==
   dependencies:
-    "@docusaurus/logger" "2.0.0-rc.1"
-    "@docusaurus/utils" "2.0.0-rc.1"
+    "@docusaurus/logger" "2.2.0"
+    "@docusaurus/utils" "2.2.0"
     joi "^17.6.0"
     js-yaml "^4.1.0"
     tslib "^2.4.0"
 
-"@docusaurus/utils@2.0.0-rc.1":
-  version "2.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-2.0.0-rc.1.tgz#53584b800df9e13864d5ef1a76aa7655a90ec86e"
-  integrity sha512-ym9I1OwIYbKs1LGaUajaA/vDG8VweJj/6YoZjHp+eDQHhTRIrHXiYoGDqorafRhftKwnA1EnyomuXpNd9bq8Gg==
+"@docusaurus/utils@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-2.2.0.tgz#3d6f9b7a69168d5c92d371bf21c556a4f50d1da6"
+  integrity sha512-oNk3cjvx7Tt1Lgh/aeZAmFpGV2pDr5nHKrBVx6hTkzGhrnMuQqLt6UPlQjdYQ3QHXwyF/ZtZMO1D5Pfi0lu7SA==
   dependencies:
-    "@docusaurus/logger" "2.0.0-rc.1"
+    "@docusaurus/logger" "2.2.0"
     "@svgr/webpack" "^6.2.1"
     file-loader "^6.2.0"
     fs-extra "^10.1.0"
@@ -1588,6 +1631,11 @@
     url-loader "^4.1.1"
     webpack "^5.73.0"
 
+"@excalidraw/excalidraw@0.14.2":
+  version "0.14.2"
+  resolved "https://registry.yarnpkg.com/@excalidraw/excalidraw/-/excalidraw-0.14.2.tgz#150cb4b7a1bf0d11cd64295936c930e7e0db8375"
+  integrity sha512-8LdjpTBWEK5waDWB7Bt/G9YBI4j0OxkstUhvaDGz7dwQGfzF6FW5CXBoYHNEoX0qmb+Fg/NPOlZ7FrKsrSVCqg==
+
 "@hapi/hoek@^9.0.0":
   version "9.3.0"
   resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
@@ -1709,6 +1757,21 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@philpl/buble@^0.19.7":
+  version "0.19.7"
+  resolved "https://registry.yarnpkg.com/@philpl/buble/-/buble-0.19.7.tgz#27231e6391393793b64bc1c982fc7b593198b893"
+  integrity sha512-wKTA2DxAGEW+QffRQvOhRQ0VBiYU2h2p8Yc1oBNlqSKws48/8faxqKNIuub0q4iuyTuLwtB8EkwiKwhlfV1PBA==
+  dependencies:
+    acorn "^6.1.1"
+    acorn-class-fields "^0.2.1"
+    acorn-dynamic-import "^4.0.0"
+    acorn-jsx "^5.0.1"
+    chalk "^2.4.2"
+    magic-string "^0.25.2"
+    minimist "^1.2.0"
+    os-homedir "^1.0.1"
+    regexpu-core "^4.5.4"
+
 "@polka/url@^1.0.0-next.20":
   version "1.0.0-next.21"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
@@ -2242,16 +2305,36 @@ accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
     mime-types "~2.1.34"
     negotiator "0.6.3"
 
+acorn-class-fields@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/acorn-class-fields/-/acorn-class-fields-0.2.1.tgz#748058bceeb0ef25164bbc671993984083f5a085"
+  integrity sha512-US/kqTe0H8M4LN9izoL+eykVAitE68YMuYZ3sHn3i1fjniqR7oQ3SPvuMK/VT1kjOQHrx5Q88b90TtOKgAv2hQ==
+
+acorn-dynamic-import@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz#482210140582a36b83c3e342e1cfebcaa9240948"
+  integrity sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==
+
 acorn-import-assertions@^1.7.6:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
   integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
 
+acorn-jsx@^5.0.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
 acorn-walk@^8.0.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
+acorn@^6.1.1:
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
+  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
+
 acorn@^8.0.4, acorn@^8.5.0, acorn@^8.7.1:
   version "8.8.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
@@ -2618,6 +2701,18 @@ browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4
     node-releases "^2.0.6"
     update-browserslist-db "^1.0.4"
 
+buble@0.19.6:
+  version "0.19.6"
+  resolved "https://registry.yarnpkg.com/buble/-/buble-0.19.6.tgz#915909b6bd5b11ee03b1c885ec914a8b974d34d3"
+  integrity sha512-9kViM6nJA1Q548Jrd06x0geh+BG2ru2+RMDkIHHgJY/8AcyCs34lTHwra9BX7YdPrZXd5aarkpr/SY8bmPgPdg==
+  dependencies:
+    chalk "^2.4.1"
+    magic-string "^0.25.1"
+    minimist "^1.2.0"
+    os-homedir "^1.0.1"
+    regexpu-core "^4.2.0"
+    vlq "^1.0.0"
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@@ -2697,7 +2792,7 @@ ccount@^1.0.0:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.1.0.tgz#246687debb6014735131be8abab2d93898f8d043"
   integrity sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg==
 
-chalk@^2.0.0:
+chalk@^2.0.0, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -2754,7 +2849,7 @@ cheerio@^1.0.0-rc.12:
     parse5 "^7.0.0"
     parse5-htmlparser2-tree-adapter "^7.0.0"
 
-chokidar@^3.4.2, chokidar@^3.5.3:
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -2905,6 +3000,16 @@ commondir@^1.0.1:
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
   integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
 
+component-props@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/component-props/-/component-props-1.1.1.tgz#f9b7df9b9927b6e6d97c9bd272aa867670f34944"
+  integrity sha512-69pIRJs9fCCHRqCz3390YF2LV1Lu6iEMZ5zuVqqUn+G20V9BNXlMs0cWawWeW9g4Ynmg29JmkG6R7/lUJoGd1Q==
+
+component-xor@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/component-xor/-/component-xor-0.0.4.tgz#c55d83ccc1b94cd5089a4e93fa7891c7263e59aa"
+  integrity sha512-ZIt6sla8gfo+AFVRZoZOertcnD5LJaY2T9CKE2j13NJxQt/mUafD69Bl7/Y4AnpI2LGjiXH7cOfJDx/n2G9edA==
+
 compressible@~2.0.16:
   version "2.0.18"
   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
@@ -3016,6 +3121,11 @@ core-js-pure@^3.20.2:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.24.0.tgz#10eeb90dbf0d670a6b22b081aecc7deb2faec7e1"
   integrity sha512-uzMmW8cRh7uYw4JQtzqvGWRyC2T5+4zipQLQdi2FmiRqP83k3d6F3stv2iAlNhOs6cXN401FCD5TL0vvleuHgA==
 
+core-js@^2.4.1:
+  version "2.6.12"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
+  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
+
 core-js@^3.23.3:
   version "3.24.0"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.24.0.tgz#4928d4e99c593a234eb1a1f9abd3122b04d3ac57"
@@ -3345,6 +3455,13 @@ dns-packet@^5.2.2:
   dependencies:
     "@leichtgewicht/ip-codec" "^2.0.1"
 
+docusaurus-plugin-sass@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/docusaurus-plugin-sass/-/docusaurus-plugin-sass-0.2.3.tgz#5b61f7e560d236cfc1531ed497ac32fc166fc5e2"
+  integrity sha512-FbaE06K8NF8SPUYTwiG+83/jkXrwHJ/Afjqz3SUIGon6QvFwSSoKOcoxGQmUBnjTOk+deUONDx8jNWsegFJcBQ==
+  dependencies:
+    sass-loader "^10.1.1"
+
 dom-converter@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
@@ -3352,6 +3469,14 @@ dom-converter@^0.2.0:
   dependencies:
     utila "~0.4"
 
+dom-iterator@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/dom-iterator/-/dom-iterator-1.0.0.tgz#9c09899846ec41c2d257adc4d6015e4759ef05ad"
+  integrity sha512-7dsMOQI07EMU98gQM8NSB3GsAiIeBYIPKpnxR3c9xOvdvBjChAcOM0iJ222I3p5xyiZO9e5oggkNaCusuTdYig==
+  dependencies:
+    component-props "1.1.1"
+    component-xor "0.0.4"
+
 dom-serializer@^1.0.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
@@ -4340,6 +4465,11 @@ immer@^9.0.7:
   resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.15.tgz#0b9169e5b1d22137aba7d43f8a81a495dd1b62dc"
   integrity sha512-2eB/sswms9AEUSkOm4SbV5Y7Vmt/bKRwByd52jfLkW4OLYeaTP3EEiJ9agqU0O/tq6Dk62Zfj+TJSqfm1rLVGQ==
 
+immutable@^4.0.0:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.2.2.tgz#2da9ff4384a4330c36d4d1bc88e90f9e0b0ccd16"
+  integrity sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og==
+
 import-fresh@^3.1.0, import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -4722,7 +4852,7 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-klona@^2.0.5:
+klona@^2.0.4, klona@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
   integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
@@ -4851,6 +4981,13 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+magic-string@^0.25.1, magic-string@^0.25.2:
+  version "0.25.9"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
 make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
@@ -5208,6 +5345,11 @@ opener@^1.5.2:
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
+os-homedir@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
+
 p-cancelable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
@@ -5737,7 +5879,7 @@ pretty-time@^1.1.0:
   resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
   integrity sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==
 
-prism-react-renderer@^1.3.5:
+prism-react-renderer@^1.0.1, prism-react-renderer@^1.3.5:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/prism-react-renderer/-/prism-react-renderer-1.3.5.tgz#786bb69aa6f73c32ba1ee813fbe17a0115435085"
   integrity sha512-IJ+MSwBWKG+SM3b2SUfdrhC+gu01QkV2KmRQgREThBfSQRoufqRfxfHUxpG1WcaFjP+kojcFyO9Qqtpgt3qLCg==
@@ -5767,7 +5909,7 @@ prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -5967,6 +6109,19 @@ react-lifecycles-compat@^3.0.4:
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
+react-live@2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/react-live/-/react-live-2.2.3.tgz#260f99194213799f0005e473e7a4154c699d6a7c"
+  integrity sha512-tpKruvfytNETuzO3o1mrQUj180GVrq35IE8F5gH1NJVPt4szYCx83/dOSCOyjgRhhc3gQvl0pQ3k/CjOjwJkKQ==
+  dependencies:
+    buble "0.19.6"
+    core-js "^2.4.1"
+    dom-iterator "^1.0.0"
+    prism-react-renderer "^1.0.1"
+    prop-types "^15.5.8"
+    react-simple-code-editor "^0.10.0"
+    unescape "^1.0.1"
+
 react-loadable-ssr-addon-v5-slorber@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/react-loadable-ssr-addon-v5-slorber/-/react-loadable-ssr-addon-v5-slorber-1.0.1.tgz#2cdc91e8a744ffdf9e3556caabeb6e4278689883"
@@ -6010,6 +6165,11 @@ react-router@5.3.3, react-router@^5.3.3:
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
+react-simple-code-editor@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz#73e7ac550a928069715482aeb33ccba36efe2373"
+  integrity sha512-bL5W5mAxSW6+cLwqqVWY47Silqgy2DKDTR4hDBrLrUqC5BXc29YVx17l2IZk5v36VcDEq1Bszu2oHm1qBwKqBA==
+
 react-textarea-autosize@^8.3.2:
   version "8.3.4"
   resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-8.3.4.tgz#270a343de7ad350534141b02c9cb78903e553524"
@@ -6082,6 +6242,13 @@ regenerate-unicode-properties@^10.0.1:
   dependencies:
     regenerate "^1.4.2"
 
+regenerate-unicode-properties@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-9.0.0.tgz#54d09c7115e1f53dc2314a974b32c1c344efe326"
+  integrity sha512-3E12UeNSPfjrgwjkR81m5J7Aw/T55Tu7nUyZVQYCKEOs+2dkxEY+DpPtZzO4YruuiPb7NkYLVcyJC4+zCbk5pA==
+  dependencies:
+    regenerate "^1.4.2"
+
 regenerate@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
@@ -6099,6 +6266,18 @@ regenerator-transform@^0.15.0:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
+regexpu-core@^4.2.0, regexpu-core@^4.5.4:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.8.0.tgz#e5605ba361b67b1718478501327502f4479a98f0"
+  integrity sha512-1F6bYsoYiz6is+oz70NWur2Vlh9KWtswuRuzJOfeYUrfPX2o8n74AnUVaOGDbUqVGO9fNHu48/pjJO4sNVwsOg==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^9.0.0"
+    regjsgen "^0.5.2"
+    regjsparser "^0.7.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.0.0"
+
 regexpu-core@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.1.0.tgz#2f8504c3fd0ebe11215783a41541e21c79942c6d"
@@ -6125,11 +6304,23 @@ registry-url@^5.0.0:
   dependencies:
     rc "^1.2.8"
 
+regjsgen@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
+  integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
+
 regjsgen@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.6.0.tgz#83414c5354afd7d6627b16af5f10f41c4e71808d"
   integrity sha512-ozE883Uigtqj3bx7OhL1KNbCzGyW2NQZPl6Hs09WTvCuZD5sTI4JY58bkbQWa/Y9hxIsvJ3M8Nbf7j54IqeZbA==
 
+regjsparser@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.7.0.tgz#a6b667b54c885e18b52554cb4960ef71187e9968"
+  integrity sha512-A4pcaORqmNMDVwUjWoTzuhwMGpP+NykpfqAsEgI1FSH/EzC7lrN5TMd+kN8YCovX+jMpu8eaqXgXPCa0g8FQNQ==
+  dependencies:
+    jsesc "~0.5.0"
+
 regjsparser@^0.8.2:
   version "0.8.4"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.8.4.tgz#8a14285ffcc5de78c5b95d62bbf413b6bc132d5f"
@@ -6317,6 +6508,26 @@ safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+sass-loader@^10.1.1:
+  version "10.4.1"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.4.1.tgz#bea4e173ddf512c9d7f53e9ec686186146807cbf"
+  integrity sha512-aX/iJZTTpNUNx/OSYzo2KsjIUQHqvWsAhhUijFjAPdZTEhstjZI9zTNvkTTwsx+uNUJqUwOw5gacxQMx4hJxGQ==
+  dependencies:
+    klona "^2.0.4"
+    loader-utils "^2.0.0"
+    neo-async "^2.6.2"
+    schema-utils "^3.0.0"
+    semver "^7.3.2"
+
+sass@1.57.1:
+  version "1.57.1"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.57.1.tgz#dfafd46eb3ab94817145e8825208ecf7281119b5"
+  integrity sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
 sax@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
@@ -6594,7 +6805,7 @@ sort-css-media-queries@2.0.4:
   resolved "https://registry.yarnpkg.com/sort-css-media-queries/-/sort-css-media-queries-2.0.4.tgz#b2badfa519cb4a938acbc6d3aaa913d4949dc908"
   integrity sha512-PAIsEK/XupCQwitjv7XxoMvYhT7EAfyzI3hsy/MyDgTvc+Ft55ctdkctJLOy6cQejaIC+zjpUL4djFVm2ivOOw==
 
-source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -6617,6 +6828,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
 space-separated-tokens@^1.0.0:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz#85f32c3d10d9682007e917414ddc5c26d1aa6899"
@@ -6947,6 +7163,13 @@ ua-parser-js@^0.7.30:
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.31.tgz#649a656b191dffab4f21d5e053e27ca17cbff5c6"
   integrity sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==
 
+unescape@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/unescape/-/unescape-1.0.1.tgz#956e430f61cad8a4d57d82c518f5e6cc5d0dda96"
+  integrity sha512-O0+af1Gs50lyH1nUu3ZyYS1cRh01Q/kUKatTOkSs7jukXE6/NebucDVxyiDsA9AQ4JC1V1jUH9EO8JX2nMDgGQ==
+  dependencies:
+    extend-shallow "^2.0.1"
+
 unherit@^1.0.4:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.3.tgz#6c9b503f2b41b262330c80e91c8614abdaa69c22"
@@ -7203,6 +7426,11 @@ vfile@^4.0.0:
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
+vlq@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/vlq/-/vlq-1.0.1.tgz#c003f6e7c0b4c1edd623fd6ee50bbc0d6a1de468"
+  integrity sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==
+
 wait-on@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-6.0.1.tgz#16bbc4d1e4ebdd41c5b4e63a2e16dbd1f4e5601e"
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index a0dda8571..eaeef4b0c 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -1,22 +1,18 @@
-#### Note
+# Excalidraw
 
-⚠️ ⚠️ ⚠️ You are viewing the docs for the **next** release, in case you want to check the docs for the stable release, you can view it [here](https://www.npmjs.com/package/@excalidraw/excalidraw).
+**Excalidraw** is exported as a component to directly embed in your projects.
 
-### Excalidraw
+## Installation
 
-Excalidraw exported as a component to directly embed in your projects.
+You can use `npm`
 
-### Installation
-
-You can use npm
-
-```
+```bash
 npm install react react-dom @excalidraw/excalidraw
 ```
 
-or via yarn
+or via `yarn`
 
-```
+```bash
 yarn add react react-dom @excalidraw/excalidraw
 ```
 
@@ -24,7 +20,7 @@ After installation you will see a folder `excalidraw-assets` and `excalidraw-ass
 
 Move the folder `excalidraw-assets` and `excalidraw-assets-dev` to the path where your assets are served.
 
-By default it will try to load the files from `https://unpkg.com/@excalidraw/excalidraw/dist/`
+By default it will try to load the files from [`https://unpkg.com/@excalidraw/excalidraw/dist/`](https://unpkg.com/@excalidraw/excalidraw/dist)
 
 If you want to load assets from a different path you can set a variable `window.EXCALIDRAW_ASSET_PATH` depending on environment (for example if you have different URL's for dev and prod) to the url from where you want to load the assets.
 
@@ -32,1820 +28,18 @@ If you want to load assets from a different path you can set a variable `window.
 
 **If you don't want to wait for the next stable release and try out the unreleased changes you can use `@excalidraw/excalidraw@next`.**
 
+## Dimensions of Excalidraw
+
+Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.
+
 ### Demo
 
 [Try here](https://codesandbox.io/s/excalidraw-ehlz3).
 
-### Usage
+## Integration
 
-#### Using Web Bundler
+Head over to the [docs](https://docs.excalidraw.com/docs/package/integration)
 
-If you are using a Web bundler (for instance, Webpack), you can import it as an ES6 module as shown below
+## API
 
-<details><summary><strong>View Example</strong></summary>
-
-```js
-import React, { useEffect, useState, useRef } from "react";
-import { Excalidraw } from "@excalidraw/excalidraw";
-import InitialData from "./initialData";
-
-import "./styles.scss";
-
-export default function App() {
-  const excalidrawRef = useRef(null);
-
-  const [viewModeEnabled, setViewModeEnabled] = useState(false);
-  const [zenModeEnabled, setZenModeEnabled] = useState(false);
-  const [gridModeEnabled, setGridModeEnabled] = useState(false);
-
-  const updateScene = () => {
-    const sceneData = {
-      elements: [
-        {
-          type: "rectangle",
-          version: 141,
-          versionNonce: 361174001,
-          isDeleted: false,
-          id: "oDVXy8D6rom3H1-LLH2-f",
-          fillStyle: "hachure",
-          strokeWidth: 1,
-          strokeStyle: "solid",
-          roughness: 1,
-          opacity: 100,
-          angle: 0,
-          x: 100.50390625,
-          y: 93.67578125,
-          strokeColor: "#c92a2a",
-          backgroundColor: "transparent",
-          width: 186.47265625,
-          height: 141.9765625,
-          seed: 1968410350,
-          groupIds: [],
-        },
-      ],
-      appState: {
-        viewBackgroundColor: "#edf2ff",
-      },
-    };
-    excalidrawRef.current.updateScene(sceneData);
-  };
-
-  return (
-    <div className="App">
-      <h1> Excalidraw Example</h1>
-      <div className="button-wrapper">
-        <button className="update-scene" onClick={updateScene}>
-          Update Scene
-        </button>
-        <button
-          className="reset-scene"
-          onClick={() => {
-            excalidrawRef.current.resetScene();
-          }}
-        >
-          Reset Scene
-        </button>
-        <label>
-          <input
-            type="checkbox"
-            checked={viewModeEnabled}
-            onChange={() => setViewModeEnabled(!viewModeEnabled)}
-          />
-          View mode
-        </label>
-        <label>
-          <input
-            type="checkbox"
-            checked={zenModeEnabled}
-            onChange={() => setZenModeEnabled(!zenModeEnabled)}
-          />
-          Zen mode
-        </label>
-        <label>
-          <input
-            type="checkbox"
-            checked={gridModeEnabled}
-            onChange={() => setGridModeEnabled(!gridModeEnabled)}
-          />
-          Grid mode
-        </label>
-      </div>
-      <div className="excalidraw-wrapper">
-        <Excalidraw
-          ref={excalidrawRef}
-          initialData={InitialData}
-          onChange={(elements, state) =>
-            console.log("Elements :", elements, "State : ", state)
-          }
-          onPointerUpdate={(payload) => console.log(payload)}
-          viewModeEnabled={viewModeEnabled}
-          zenModeEnabled={zenModeEnabled}
-          gridModeEnabled={gridModeEnabled}
-        />
-      </div>
-    </div>
-  );
-}
-```
-
-To view the full example visit :point_down:
-
-[![Edit excalidraw](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/excalidraw-ehlz3?fontsize=14&hidenavigation=1&theme=dark)
-
-</details>
-
-Since Excalidraw doesn't support server side rendering yet, you should render the component once the host is mounted.
-
-```js
-import { useState, useEffect } from "react";
-export default function IndexPage() {
-  const [Comp, setComp] = useState(null);
-  useEffect(() => {
-    import("@excalidraw/excalidraw").then((comp) => setComp(comp.default));
-  }, []);
-  return <>{Comp && <Comp />}</>;
-}
-```
-
-The `types` are available at `@excalidraw/excalidraw/types`, you can view [example for typescript](https://codesandbox.io/s/excalidraw-types-9h2dm)
-
-#### In Browser
-
-To use it in a browser directly:
-
-For development use :point_down:
-
-```js
-<script
-  type="text/javascript"
-  src="https://unpkg.com/@excalidraw/excalidraw/dist/excalidraw.development.js"
-></script>
-```
-
-For production use :point_down:
-
-```js
-<script
-  type="text/javascript"
-  src="https://unpkg.com/@excalidraw/excalidraw/dist/excalidraw.production.min.js"
-></script>
-```
-
-You will need to make sure `react`, `react-dom` is available as shown in the below example. For prod please use the production versions of `react`, `react-dom`.
-
-<details><summary><strong>View Example</strong></summary>
-
-```html
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Excalidraw in browser</title>
-    <meta charset="UTF-8" />
-    <script src="https://unpkg.com/react@16.14.0/umd/react.development.js"></script>
-    <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
-
-    <script
-      type="text/javascript"
-      src="https://unpkg.com/@excalidraw/excalidraw/dist/excalidraw.development.js"
-    ></script>
-  </head>
-
-  <body>
-    <div class="container">
-      <h1>Excalidraw Embed Example</h1>
-      <div id="app"></div>
-    </div>
-    <script type="text/javascript" src="src/index.js"></script>
-  </body>
-</html>
-```
-
-```js
-/*eslint-disable */
-import "./styles.css";
-import InitialData from "./initialData";
-
-const App = () => {
-  const excalidrawRef = React.useRef(null);
-
-  const [viewModeEnabled, setViewModeEnabled] = React.useState(false);
-  const [zenModeEnabled, setZenModeEnabled] = React.useState(false);
-  const [gridModeEnabled, setGridModeEnabled] = React.useState(false);
-
-  const updateScene = () => {
-    const sceneData = {
-      elements: [
-        {
-          type: "rectangle",
-          version: 141,
-          versionNonce: 361174001,
-          isDeleted: false,
-          id: "oDVXy8D6rom3H1-LLH2-f",
-          fillStyle: "hachure",
-          strokeWidth: 1,
-          strokeStyle: "solid",
-          roughness: 1,
-          opacity: 100,
-          angle: 0,
-          x: 100.50390625,
-          y: 93.67578125,
-          strokeColor: "#c92a2a",
-          backgroundColor: "transparent",
-          width: 186.47265625,
-          height: 141.9765625,
-          seed: 1968410350,
-          groupIds: [],
-        },
-      ],
-      appState: {
-        viewBackgroundColor: "#edf2ff",
-      },
-    };
-    excalidrawRef.current.updateScene(sceneData);
-  };
-
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "div",
-      { className: "button-wrapper" },
-      React.createElement(
-        "button",
-        {
-          className: "update-scene",
-          onClick: updateScene,
-        },
-        "Update Scene",
-      ),
-      React.createElement(
-        "button",
-        {
-          className: "reset-scene",
-          onClick: () => excalidrawRef.current.resetScene(),
-        },
-        "Reset Scene",
-      ),
-      React.createElement(
-        "label",
-        null,
-        React.createElement("input", {
-          type: "checkbox",
-          checked: viewModeEnabled,
-          onChange: () => setViewModeEnabled(!viewModeEnabled),
-        }),
-        "View mode",
-      ),
-      React.createElement(
-        "label",
-        null,
-        React.createElement("input", {
-          type: "checkbox",
-          checked: zenModeEnabled,
-          onChange: () => setZenModeEnabled(!zenModeEnabled),
-        }),
-        "Zen mode",
-      ),
-      React.createElement(
-        "label",
-        null,
-        React.createElement("input", {
-          type: "checkbox",
-          checked: gridModeEnabled,
-          onChange: () => setGridModeEnabled(!gridModeEnabled),
-        }),
-        "Grid mode",
-      ),
-    ),
-    React.createElement(
-      "div",
-      {
-        className: "excalidraw-wrapper",
-        ref: excalidrawWrapperRef,
-      },
-      React.createElement(ExcalidrawLib.Excalidraw, {
-        initialData: InitialData,
-        onChange: (elements, state) =>
-          console.log("Elements :", elements, "State : ", state),
-        onPointerUpdate: (payload) => console.log(payload),
-        viewModeEnabled: viewModeEnabled,
-        zenModeEnabled: zenModeEnabled,
-        gridModeEnabled: gridModeEnabled,
-      }),
-    ),
-  );
-};
-
-const excalidrawWrapper = document.getElementById("app");
-
-ReactDOM.render(React.createElement(App), excalidrawWrapper);
-```
-
-To view the full example visit :point_down:
-
-[![Edit excalidraw-in-browser](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/excalidraw-in-browser-tlqom?fontsize=14&hidenavigation=1&theme=dark)
-
-</details>
-
-### Customizing styles
-
-Excalidraw is using CSS variables to style certain components. To override them, you should set your own on the `.excalidraw` and `.excalidraw.theme--dark` (for dark mode variables) selectors.
-
-Make sure the selector has higher specificity, e.g. by prefixing it with your app's selector:
-
-```css
-.your-app .excalidraw {
-  --color-primary: red;
-}
-.your-app .excalidraw.theme--dark {
-  --color-primary: pink;
-}
-```
-
-Most notably, you can customize the primary colors, by overriding these variables:
-
-- `--color-primary`
-- `--color-primary-darker`
-- `--color-primary-darkest`
-- `--color-primary-light`
-- `--color-primary-contrast-offset` — a slightly darker (in light mode), or lighter (in dark mode) `--color-primary` color to fix contrast issues (see [Chubb illusion](https://en.wikipedia.org/wiki/Chubb_illusion)). It will fall back to `--color-primary` if not present.
-
-For a complete list of variables, check [theme.scss](https://github.com/excalidraw/excalidraw/blob/master/src/css/theme.scss), though most of them will not make sense to override.
-
-### Does this package support collaboration?
-
-No, Excalidraw package doesn't come with collaboration built in, since the implementation is specific to each host app. We expose APIs which you can use to communicate with Excalidraw which you can use to implement it. You can check our own implementation [here](https://github.com/excalidraw/excalidraw/blob/master/src/excalidraw-app/index.tsx).
-
-### Component API
-
-#### Footer
-
-Earlier we were using `renderFooter` prop to render custom footer which was removed in [#5970](https://github.com/excalidraw/excalidraw/pull/5970). Now you can pass a `Footer` component instead to render the custom UI for footer.
-
-You will need to import the `Footer` component from the package and wrap your component with the Footer component. The `Footer` should a valid React Node.
-
-**Usage**
-
-```js
-import { Footer } from "@excalidraw/excalidraw";
-
-const CustomFooter = () => <button> custom button</button>;
-const App = () => {
-  return (
-    <Excalidraw>
-      <Footer>
-        <CustomFooter />
-      </Footer>
-    </Excalidraw>
-  );
-};
-```
-
-Footer is only rendered in the desktop view.
-
-In the mobile view you can render it inside the [MainMenu](#mainmenu) (later we will expose other ways to customize the UI). You can use the [`useDevice`](#useDevice) hook to check the type of device, this will be available only inside the `children` of `Excalidraw` component.
-
-```js
-import { useDevice, Footer } from "@excalidraw/excalidraw";
-
-const MobileFooter = () => {
-  const device = useDevice();
-  if (device.isMobile) {
-    return (
-      <Footer>
-        <button
-          className="custom-footer"
-          onClick={() => alert("This is custom footer in mobile menu")}
-        >
-          {" "}
-          custom footer{" "}
-        </button>
-      </Footer>
-    );
-  }
-  return null;
-};
-
-const App = () => {
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.Item onSelect={() => window.alert("Item1")}>
-        Item1
-      </MainMenu.Item>
-      <MainMenu.Item onSelect={() => window.alert("Item2")}>
-        Item2
-      </MainMenu.Item>
-      <MobileFooter />
-    </MainMenu>
-  </Excalidraw>;
-};
-```
-
-You can visit the [example](https://ehlz3.csb.app/) for working demo.
-
-#### MainMenu
-
-By default Excalidraw will render the `MainMenu` with default options. If you want to customise the `MainMenu`, you can pass the `MainMenu` component with the list options. You can visit [codesandbox example](https://ehlz3.csb.app/) for a working demo.
-
-**Usage**
-
-```js
-import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => {
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.Item onSelect={() => window.alert("Item1")}>
-        Item1
-      </MainMenu.Item>
-      <MainMenu.Item onSelect={() => window.alert("Item2")}>
-        Item2
-      </MainMenu.Item>
-    </MainMenu>
-  </Excalidraw>;
-};
-```
-
-**MainMenu**
-
-This is the `MainMenu` component which you need to import to render the menu with custom options.
-
-**MainMenu.Item**
-
-Use this component to render a menu item.
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `onSelect` | `Function` | Yes | `undefined` | The handler is triggered when the item is selected. |
-| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
-| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
-| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
-
-**MainMenu.ItemLink**
-
-To render an external link in a menu item, you can use this component.
-
-**Usage**
-
-```js
-import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.ItemLink href="https://google.com">Google</MainMenu.ItemLink>
-      <MainMenu.ItemLink href="https://excalidraw.com">
-        Excalidraw
-      </MainMenu.ItemLink>
-    </MainMenu>
-  </Excalidraw>;
-);
-```
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `href` | `string` | Yes | `undefined` | The `href` attribute to be added to the `anchor` element. |
-| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
-| `icon` | `JSX.Element` | No | `undefined` | The icon used in the menu item |
-| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
-
-**MainMenu.ItemCustom**
-
-To render a custom item, you can use `MainMenu.ItemCustom`.
-
-**Usage**
-
-```js
-import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.ItemCustom>
-        <button
-          style={{ height: "2rem" }}
-          onClick={() => window.alert("custom menu item")}
-        >
-          {" "}
-          custom item
-        </button>
-      </MainMenu.ItemCustom>
-    </MainMenu>
-  </Excalidraw>;
-);
-```
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `children` | `React.ReactNode` | Yes | `undefined` | The content of the menu item |
-
-**MainMenu.DefaultItems**
-
-For the items which are shown in the menu in [excalidraw.com](https://excalidraw.com), you can use `MainMenu.DefaultItems`
-
-```js
-import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.DefaultItems.Socials/>
-      <MainMenu.DefaultItems.Export/>
-      <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
-      <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
-    </MainMenu>
-  </Excalidraw>
-)
-```
-
-Here is a [complete list](https://github.com/excalidraw/excalidraw/blob/master/src/components/mainMenu/DefaultItems.tsx) of the default items.
-
-**MainMenu.Group**
-
-To Group item in the main menu, you can use `MainMenu.Group`
-
-```js
-import { MainMenu } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.Group title="Excalidraw items">
-        <MainMenu.DefaultItems.Socials/>
-        <MainMenu.DefaultItems.Export/>
-      </MainMenu.Group>
-      <MainMenu.Group title="custom items">
-        <MainMenu.Item onSelect={() => window.alert("Item1")}> Item1 </MainMenu.Item>
-        <MainMenu.Item onSelect={() => window.alert("Item2")}> Item 2 </>
-      </MainMenu.Group>
-    </MainMenu>
-  </Excalidraw>
-)
-```
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `children ` | `React.ReactNode` | Yes | `undefined` | The content of the `MainMenu.Group` |
-
-### WelcomeScreen
-
-When the canvas is empty, Excalidraw shows a welcome "splash" screen with a logo, a few quick action items, and hints explaining what some of the UI buttons do. You can customize the welcome screen by rendering the `WelcomeScreen` component inside your Excalidraw instance.
-
-You can also disable the welcome screen altogether by setting `UIOptions.welcomeScreen` to `false`.
-
-**Usage**
-
-```jsx
-import { WelcomScreen } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw>
-    <WelcomeScreen>
-      <WelcomeScreen.Center>
-        <WelcomeScreen.Center.Heading>
-          Your data are autosaved to the cloud.
-        </WelcomeScreen.Center.Heading>
-        <WelcomeScreen.Center.Menu>
-          <WelcomeScreen.Center.MenuItem
-            onClick={() => console.log("clicked!")}
-          >
-            Click me!
-          </WelcomeScreen.Center.MenuItem>
-          <WelcomeScreen.Center.MenuItemLink href="https://github.com/excalidraw/excalidraw">
-            Excalidraw GitHub
-          </WelcomeScreen.Center.MenuItemLink>
-          <WelcomeScreen.Center.MenuItemHelp />
-        </WelcomeScreen.Center.Menu>
-      </WelcomeScreen.Center>
-    </WelcomeScreen>
-  </Excalidraw>
-);
-```
-
-To disable the WelcomeScreen:
-
-```jsx
-import { WelcomScreen } from "@excalidraw/excalidraw";
-const App = () => <Excalidraw UIOptions={{ welcomeScreen: false }} />;
-```
-
-**WelcomeScreen**
-
-If you render the `<WelcomeScreen>` component, you are responsible for rendering the content.
-
-There are 2 main parts: 1) welcome screen center component, and 2) welcome screen hints.
-
-![WelcomeScreen overview](./welcome-screen-overview.png)
-
-**WelcomeScreen.Center**
-
-This is the center piece of the welcome screen, containing the logo, heading, and menu. All three sub-components are optional, and you can render whatever you wish into the center component.
-
-**WelcomeScreen.Center.Logo**
-
-By default renders the Excalidraw logo and name. Supply `children` to customize.
-
-**WelcomeScreen.Center.Heading**
-
-Supply `children` to change the default message.
-
-**WelcomeScreen.Center.Menu**
-
-Wrapper component for the menu items. You can build your menu using the `<WelcomeScreen.Center.MenuItem>` and `<WelcomeScreen.Center.MenuItemLink>` components, render your own, or render one of the default menu items.
-
-The default menu items are:
-
-- `<WelcomeScreen.Center.MenuItemHelp/>` - opens the help dialog.
-- `<WelcomeScreen.Center.MenuItemLoadScene/>` - open the load file dialog.
-- `<WelcomeScreen.Center.MenuItemLiveCollaborationTrigger/>` - intended to open the live collaboration dialog. Works similarly to [`<LiveCollaborationTrigger>`](#LiveCollaborationTrigger) and you must supply `onSelect()` handler to integrate with your collaboration implementation.
-
-**Usage**
-
-```jsx
-import { WelcomScreen } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw>
-    <WelcomeScreen>
-      <WelcomeScreen.Center>
-        <WelcomeScreen.Center.Menu>
-          <WelcomeScreen.Center.MenuItem
-            onClick={() => console.log("clicked!")}
-          >
-            Click me!
-          </WelcomeScreen.Center.MenuItem>
-          <WelcomeScreen.Center.MenuItemLink href="https://github.com/excalidraw/excalidraw">
-            Excalidraw GitHub
-          </WelcomeScreen.Center.MenuItemLink>
-          <WelcomeScreen.Center.MenuItemHelp />
-        </WelcomeScreen.Center.Menu>
-      </WelcomeScreen.Center>
-    </WelcomeScreen>
-  </Excalidraw>
-);
-```
-
-**WelcomeScreen.Center.MenuItem**
-
-Use this component to render a menu item.
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `onSelect` | `Function` | Yes |  | The handler is triggered when the item is selected. |
-| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
-| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
-| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
-
-**WelcomeScreen.Center.MenuItemLink**
-
-To render an external link in a menu item, you can use this component.
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `href` | `string` | Yes |  | The `href` attribute to be added to the `anchor` element. |
-| `children` | `React.ReactNode` | Yes |  | The content of the menu item |
-| `icon` | `JSX.Element` | No |  | The icon used in the menu item |
-| `shortcut` | `string` | No |  | The keyboard shortcut (label-only, does not affect behavior) |
-
-**WelcomeScreen.Hints**
-
-These subcomponents render the UI hints. Text of each hint can be customized by supplying `children`.
-
-**WelcomeScreen.Hints.Menu**
-
-Hint for the main menu. Supply `children` to customize the hint text.
-
-**WelcomeScreen.Hints.Toolbar**
-
-Hint for the toolbar. Supply `children` to customize the hint text.
-
-**WelcomeScreen.Hints.Help**
-
-Hint for the help dialog. Supply `children` to customize the hint text.
-
-### LiveCollaborationTrigger
-
-If you implement live collaboration support and want to expose the same UI button as on excalidraw.com, you can render the `<LiveCollaborationTrigger>` component using the [renderTopRightUI](#rendertoprightui) prop. You'll need to supply `onSelect()` to handle opening of your collaboration dialog, but the button will display current `appState.collaborators` count for you.
-
-| Prop | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `onSelect` | `() => any` | Yes |  | Handler called when the user click on the button |
-| `isCollaborating` | `boolean` | Yes | false | Whether live collaboration session is in effect. Modifies button style. |
-
-**Usage**
-
-```jsx
-import { LiveCollaborationTrigger } from "@excalidraw/excalidraw";
-const App = () => (
-  <Excalidraw
-    renderTopRightUI={(isMobile) => {
-      if (isMobile) {
-        return null;
-      }
-      return (
-        <LiveCollaborationTrigger
-          isCollaborating={isCollaborating}
-          onSelect={() => setCollabDialogShown(true)}
-        />
-      );
-    }}
-  />
-);
-```
-
-### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| [`onChange`](#onChange) | Function |  | This callback is triggered whenever the component updates due to any change. This callback will receive the excalidraw elements and the current app state. |
-| [`initialData`](#initialData) | <code>{elements?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a>, appState?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState<a> } </code> | null | The initial data with which app loads. |
-| [`ref`](#ref) | [`createRef`](https://reactjs.org/docs/refs-and-the-dom.html#creating-refs) &#124; [`useRef`](https://reactjs.org/docs/hooks-reference.html#useref) &#124; [`callbackRef`](https://reactjs.org/docs/refs-and-the-dom.html#callback-refs) &#124; <code>{ current: { readyPromise: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L317">resolvablePromise</a> } }</code> |  | Ref to be passed to Excalidraw |
-| [`isCollaborating`](#isCollaborating) | `boolean` |  | This implies if the app is in collaboration mode |
-| [`onPointerUpdate`](#onPointerUpdate) | Function |  | Callback triggered when mouse pointer is updated. |
-| [`langCode`](#langCode) | string | `en` | Language code string |
-| [`renderTopRightUI`](#renderTopRightUI) | Function |  | Function that renders custom UI in top right corner |
-| [`renderCustomStats`](#renderCustomStats) | Function |  | Function that can be used to render custom stats on the stats dialog. |
-| [`renderSIdebar`](#renderSIdebar) | Function |  | Render function that renders custom sidebar. |
-| [`viewModeEnabled`](#viewModeEnabled) | boolean |  | This implies if the app is in view mode. |
-| [`zenModeEnabled`](#zenModeEnabled) | boolean |  | This implies if the zen mode is enabled |
-| [`gridModeEnabled`](#gridModeEnabled) | boolean |  | This implies if the grid mode is enabled |
-| [`libraryReturnUrl`](#libraryReturnUrl) | string |  | What URL should [libraries.excalidraw.com](https://libraries.excalidraw.com) be installed to |
-| [`theme`](#theme) | [THEME.LIGHT](#THEME-1) &#124; [THEME.DARK](#THEME-1) | [THEME.LIGHT](#THEME-1) | The theme of the Excalidraw component |
-| [`name`](#name) | string |  | Name of the drawing |
-| [`UIOptions`](#UIOptions) | <code>{ canvasActions: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L208"> CanvasActions<a/> }</code> | [DEFAULT UI OPTIONS](https://github.com/excalidraw/excalidraw/blob/master/src/constants.ts#L129) | To customise UI options. Currently we support customising [`canvas actions`](#canvasActions) |
-| [`onPaste`](#onPaste) | <code>(data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/clipboard.ts#L21">ClipboardData</a>, event: ClipboardEvent &#124; null) => boolean</code> |  | Callback to be triggered if passed when the something is pasted in to the scene |
-| [`detectScroll`](#detectScroll) | boolean | true | Indicates whether to update the offsets when nearest ancestor is scrolled. |
-| [`handleKeyboardGlobally`](#handleKeyboardGlobally) | boolean | false | Indicates whether to bind the keyboard events to document. |
-| [`onLibraryChange`](#onLibraryChange) | <code>(items: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>) => void &#124; Promise&lt;any&gt; </code> |  | The callback if supplied is triggered when the library is updated and receives the library items. |
-| [`autoFocus`](#autoFocus) | boolean | false | Implies whether to focus the Excalidraw component on page load |
-| [`generateIdForFile`](#generateIdForFile) | `(file: File) => string | Promise<string>` | Allows you to override `id` generation for files added on canvas |
-| [`onLinkOpen`](#onLinkOpen) | <code>(element: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">NonDeletedExcalidrawElement</a>, event: CustomEvent) </code> |  | This prop if passed will be triggered when link of an element is clicked. |
-| [`onPointerDown`](#onPointerDown) | <code>(activeTool: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L93"> AppState["activeTool"]</a>, pointerDownState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L365">PointerDownState</a>) => void</code> |  | This prop if passed gets triggered on pointer down evenets |
-| [`onScrollChange`](#onScrollChange) | <code>(scrollX: number, scrollY: number)</code> |  | This prop if passed gets triggered when scrolling the canvas. |
-
-### Dimensions of Excalidraw
-
-Excalidraw takes `100%` of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.
-
-#### `onChange`
-
-Every time component updates, this callback if passed will get triggered and has the below signature.
-
-```js
-(excalidrawElements, appState, files) => void;
-```
-
-1.`excalidrawElements`: Array of [excalidrawElements](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106) in the scene.
-
-2.`appState`: [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79) of the scene.
-
-3. `files`: The [`BinaryFiles`]([BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64) which are added to the scene.
-
-Here you can try saving the data to your backend or local storage for example.
-
-#### `initialData`
-
-This helps to load Excalidraw with `initialData`. It must be an object or a [promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) which resolves to an object containing the below optional fields.
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `elements` | [ExcalidrawElement[]](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106) | The elements with which Excalidraw should be mounted. |
-| `appState` | [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79) | The App state with which Excalidraw should be mounted. |
-| `scrollToContent` | boolean | This attribute implies whether to scroll to the nearest element to center once Excalidraw is mounted. By default, it will not scroll the nearest element to the center. Make sure you pass `initialData.appState.scrollX` and `initialData.appState.scrollY` when `scrollToContent` is false so that scroll positions are retained |
-| `libraryItems` | [LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200) &#124; Promise<[LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200)> | This library items with which Excalidraw should be mounted. |
-| `files` | [BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64) | The files added to the scene. |
-
-```json
-{
-  "elements": [
-    {
-      "type": "rectangle",
-      "version": 141,
-      "versionNonce": 361174001,
-      "isDeleted": false,
-      "id": "oDVXy8D6rom3H1-LLH2-f",
-      "fillStyle": "hachure",
-      "strokeWidth": 1,
-      "strokeStyle": "solid",
-      "roughness": 1,
-      "opacity": 100,
-      "angle": 0,
-      "x": 100.50390625,
-      "y": 93.67578125,
-      "strokeColor": "#000000",
-      "backgroundColor": "transparent",
-      "width": 186.47265625,
-      "height": 141.9765625,
-      "seed": 1968410350,
-      "groupIds": []
-    }
-  ],
-  "appState": { "zenModeEnabled": true, "viewBackgroundColor": "#AFEEEE" }
-}
-```
-
-You might want to use this when you want to load excalidraw with some initial elements and app state.
-
-#### Storing custom data on Excalidraw elements
-
-Beyond attributes that Excalidraw elements already support, you can store custom data on each element in a `customData` object. The type of the attribute is [`Record<string, any>`](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L59) and is optional.
-
-You can use this to add any extra information you need to keep track of.
-
-You can add `customData` to elements when passing them as `initialData`, or using [`updateScene`](#updateScene)/[`updateLibrary`](#updateLibrary) afterwards.
-
-#### `ref`
-
-You can pass a `ref` when you want to access some excalidraw APIs. We expose the below APIs:
-
-| API | Signature | Usage |
-| --- | --- | --- |
-| ready | `boolean` | This is set to true once Excalidraw is rendered |
-| readyPromise | [resolvablePromise](https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L317) | This promise will be resolved with the api once excalidraw has rendered. This will be helpful when you want do some action on the host app once this promise resolves. For this to work you will have to pass ref as shown [here](#readyPromise) |
-| [updateScene](#updateScene) | <code>(scene: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L207">sceneData</a>) => void </code> | updates the scene with the sceneData |
-| [updateLibrary](#updateLibrary) | <code>(<a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/library.ts#L136">opts</a>) => Promise<<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>> </code> | updates the scene with the sceneData |
-| [addFiles](#addFiles) | <code>(files: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts">BinaryFileData</a>) => void </code> | add files data to the appState |
-| resetScene | `({ resetLoadingState: boolean }) => void` | Resets the scene. If `resetLoadingState` is passed as true then it will also force set the loading state to false. |
-| getSceneElementsIncludingDeleted | <code> () => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a></code> | Returns all the elements including the deleted in the scene |
-| getSceneElements | <code> () => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a></code> | Returns all the elements excluding the deleted in the scene |
-| getAppState | <code> () => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L66">AppState</a></code> | Returns current appState |
-| history | `{ clear: () => void }` | This is the history API. `history.clear()` will clear the history |
-| scrollToContent | <code> (target?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement</a> &#124; <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement</a>[]) => void </code> | Scroll the nearest element out of the elements supplied to the center. Defaults to the elements on the scene. |
-| refresh | `() => void` | Updates the offsets for the Excalidraw component so that the coordinates are computed correctly (for example the cursor position). You don't have to call this when the position is changed on page scroll or when the excalidraw container resizes (we handle that ourselves). For any other cases if the position of excalidraw is updated (example due to scroll on parent container and not page scroll) you should call this API. |
-| [importLibrary](#importlibrary) | <code>(url: string, token?: string) => void</code> | Imports library from given URL |
-| [setToast](#setToast) | <code>({ message: string, closable?:boolean, duration?:number } &#124; null) => void</code> | This API can be used to show the toast with custom message. |
-| [id](#id) | string | Unique ID for the excalidraw component. |
-| [getFiles](#getFiles) | <code>() => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64">files</a> </code> | This API can be used to get the files present in the scene. It may contain files that aren't referenced by any element, so if you're persisting the files to a storage, you should compare them against stored elements. |
-| [setActiveTool](#setActiveTool) | <code>(tool: { type: typeof <a href="https://github.com/excalidraw/excalidraw/blob/master/src/shapes.tsx#L4">SHAPES</a> [number]["value"]&#124; "eraser" } &#124; { type: "custom"; customType: string }) => void</code> | This API can be used to set the active tool |
-| [setCursor](#setCursor) | <code>(cursor: string) => void </code> | This API can be used to set customise the mouse cursor on the canvas |
-| [resetCursor](#resetCursor) | <code>() => void </code> | This API can be used to reset to default mouse cursor on the canvas |
-| [toggleMenu](#toggleMenu) | <code>(type: string, force?: boolean) => boolean</code> | Toggles specific menus on/off |
-
-#### `readyPromise`
-
-<pre>
-const excalidrawRef = { current: { readyPromise: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L317">resolvablePromise</a>}}
-</pre>
-
-Since plain object is passed as a `ref`, the `readyPromise` is resolved as soon as the component is mounted. Most of the time you will not need this unless you have a specific use case where you can't pass the `ref` in the react way and want to do some action on the host when this promise resolves. You can check the [example](https://codesandbox.io/s/eexcalidraw-resolvable-promise-d0qg3?file=/src/App.js) for the usage.
-
-### `updateScene`
-
-<pre>
-(scene: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L207">sceneData</a>) => void
-</pre>
-
-You can use this function to update the scene with the sceneData. It accepts the below attributes.
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `elements` | [`ImportedDataState["elements"]`](https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L17) | The `elements` to be updated in the scene |
-| `appState` | [`ImportedDataState["appState"]`](https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L18) | The `appState` to be updated in the scene. |
-| `collaborators` | <pre>Map<string, <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L35">Collaborator></a></pre> | The list of collaborators to be updated in the scene. |
-| `commitToHistory` | `boolean` | Implies if the `history (undo/redo)` should be recorded. Defaults to `false`. |
-| `libraryItems` | [LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200) &#124; Promise<[LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200)> &#124; ((currentItems: [LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200)>) => [LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200) &#124; Promise<[LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200)>) | The `libraryItems` to be update in the scene. |
-
-### `updateLibrary`
-
-<pre>
-(opts: {
-  libraryItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L224">LibraryItemsSource</a>;
-  merge?: boolean;
-  prompt?: boolean;
-  openLibraryMenu?: boolean;
-  defaultStatus?: "unpublished" | "published";
-}) => Promise<<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>>
-</pre>
-
-You can use this function to update the library. It accepts the below attributes.
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `libraryItems` |  | [LibraryItems](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L224) | The `libraryItems` to be replaced/merged with current library |
-| `merge` | boolean | `false` | Whether to merge with existing library items. |
-| `prompt` | boolean | `false` | Whether to prompt user for confirmation. |
-| `openLibraryMenu` | boolean | `false` | Whether to open the library menu before importing. |
-| `defaultStatus` | <code>"unpublished" &#124; "published"</code> | `"unpublished"` | Default library item's `status` if not present. |
-
-### `addFiles`
-
-<pre>(files: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts">BinaryFileData</a>) => void </pre>
-
-Adds supplied files data to the `appState.files` cache on top of existing files present in the cache.
-
-#### `isCollaborating`
-
-This prop indicates if the app is in collaboration mode.
-
-#### `onPointerUpdate`
-
-This callback is triggered when mouse pointer is updated.
-
-```js
-({ x, y }, button, pointersMap}) => void;
-```
-
-1.`{x, y}`: Pointer coordinates
-
-2.`button`: The position of the button. This will be one of `["down", "up"]`
-
-3.`pointersMap`: [`pointers map`](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L131) of the scene
-
-```js
-(exportedElements, appState, canvas) => void
-```
-
-1. `exportedElements`: An array of [non deleted elements](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L87) which needs to be exported.
-2. `appState`: [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79) of the scene.
-3. `canvas`: The `HTMLCanvasElement` of the scene.
-
-#### `langCode`
-
-Determines the language of the UI. It should be one of the [available language codes](https://github.com/excalidraw/excalidraw/blob/master/src/i18n.ts#L14). Defaults to `en` (English). We also export default language and supported languages which you can import as shown below.
-
-```js
-import { defaultLang, languages } from "@excalidraw/excalidraw";
-```
-
-| name | type |
-| --- | --- |
-| defaultLang | string |
-| languages | [Language[]](https://github.com/excalidraw/excalidraw/blob/master/src/i18n.ts#L8) |
-
-#### `renderTopRightUI`
-
-<pre>
-(isMobile: boolean, appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>) => JSX | null
-</pre>
-
-A function returning JSX to render custom UI in the top right corner of the app.
-
-#### `renderCustomStats`
-
-A function that can be used to render custom stats (returns JSX) in the nerd stats dialog. For example you can use this prop to render the size of the elements in the storage.
-
-#### `renderSidebar`
-
-<pre>
-() => JSX | null
-</pre>
-
-Optional function that can render custom sidebar. This sidebar is the same that the library menu sidebar is using, and can be used for any purposes your app needs. The render function should return a `<Sidebar>` instance — a component that is exported from the Excalidraw package. It accepts `children` which can be any content you like to render inside.
-
-The `<Sidebar>` component takes these props (all are optional except `children`):
-
-| name | type | description |
-| --- | --- | --- |
-| className | string |
-| children | <pre>React.ReactNode</pre> | Content you want to render inside the sidebar. |
-| onClose | <pre>() => void</pre> | Invoked when the component is closed (by user, or the editor). No need to act on this event, as the editor manages the sidebar open state on its own. |
-| onDock | <pre>(isDocked: boolean) => void</pre> | Invoked when the user toggles the dock button. |
-| docked | boolean | Indicates whether the sidebar is docked. By default, the sidebar is undocked. If passed, the docking becomes controlled, and you are responsible for updating the `docked` state by listening on `onDock` callback. See [here](#dockedSidebarBreakpoint) for more info docking. |
-| dockable | boolean | Indicates whether the sidebar can be docked by user (=the dock button is shown). If `false`, you can still dock programmatically by passing `docked=true` |
-
-The sidebar will always include a header with close/dock buttons (when applicable).
-
-You can also add custom content to the header, by rendering `<Sidebar.Header>` as a child of the `<Sidebar>` component. Note that the custom header will still include the default buttons.
-
-The `<Sidebar.Header>` component takes these props children (all are optional):
-
-| name | type | description |
-| --- | --- | --- |
-| className | string |
-| children | <pre>React.ReactNode</pre> | Content you want to render inside the sidebar header, sibling of the header buttons. |
-
-For example code, see the example [`App.tsx`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/example/App.tsx#L524) file.
-
-#### `viewModeEnabled`
-
-This prop indicates whether the app is in `view mode`. When supplied, the value takes precedence over `intialData.appState.viewModeEnabled`, the `view mode` will be fully controlled by the host app, and users won't be able to toggle it from within the app.
-
-#### `zenModeEnabled`
-
-This prop indicates whether the app is in `zen mode`. When supplied, the value takes precedence over `intialData.appState.zenModeEnabled`, the `zen mode` will be fully controlled by the host app, and users won't be able to toggle it from within the app.
-
-#### `gridModeEnabled`
-
-This prop indicates whether the shows the grid. When supplied, the value takes precedence over `intialData.appState.gridModeEnabled`, the grid will be fully controlled by the host app, and users won't be able to toggle it from within the app.
-
-#### `libraryReturnUrl`
-
-If supplied, this URL will be used when user tries to install a library from [libraries.excalidraw.com](https://libraries.excalidraw.com). Defaults to `window.location.origin + window.location.pathname`. To install the libraries in the same tab from which it was opened, you need to set `window.name` (to any alphanumeric string) — if it's not set it will open in a new tab.
-
-#### `theme`
-
-This prop controls Excalidraw's theme. When supplied, the value takes precedence over `intialData.appState.theme`, the theme will be fully controlled by the host app, and users won't be able to toggle it from within the app unless `UIOptions.canvasActions.toggleTheme` is set to `true`, in which case the `theme` prop will control Excalidraw's default theme with ability to allow theme switching (you must take care of updating the `theme` prop when you detect a change to `appState.theme` from the [onChange](#onChange) callback).
-
-You can use [`THEME`](#THEME-1) to specify the theme.
-
-#### `name`
-
-This prop sets the name of the drawing which will be used when exporting the drawing. When supplied, the value takes precedence over `intialData.appState.name`, the `name` will be fully controlled by host app and the users won't be able to edit from within Excalidraw.
-
-#### `UIOptions`
-
-This prop can be used to customise UI of Excalidraw. Currently we support customising [`canvasActions`](#canvasActions) and [`dockedSidebarBreakpoint`](dockedSidebarBreakpoint). It accepts the below parameters
-
-<pre>
-{ canvasActions: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L208"> CanvasActions<a/> }
-</pre>
-
-##### canvasActions
-
-| Attribute | Type | Default | Description |
-| --- | --- | --- | --- |
-| `changeViewBackgroundColor` | boolean | true | Implies whether to show `Background color picker` |
-| `clearCanvas` | boolean | true | Implies whether to show `Clear canvas button` |
-| `export` | false &#124; [exportOpts](#exportOpts) | <pre>{ saveFileToDisk: true }</pre> | This prop allows to customize the UI inside the export dialog. By default it shows the "saveFileToDisk". If this prop is `false` the export button will not be rendered. For more details visit [`exportOpts`](#exportOpts). |
-| `loadScene` | boolean | true | Implies whether to show `Load button` |
-| `saveToActiveFile` | boolean | true | Implies whether to show `Save button` to save to current file |
-| `toggleTheme` | boolean &#124; null | null | Implies whether to show `Theme toggle`. When defined as `boolean`, takes precedence over [`props.theme`](#theme) to show `Theme toggle` |
-| `saveAsImage` | boolean | true | Implies whether to show `Save as image button` |
-
-##### `dockedSidebarBreakpoint`
-
-This prop indicates at what point should we break to a docked, permanent sidebar. If not passed it defaults to [`MQ_RIGHT_SIDEBAR_MAX_WIDTH_PORTRAIT`](https://github.com/excalidraw/excalidraw/blob/master/src/constants.ts#L167). If the `width` of the `excalidraw` container exceeds `dockedSidebarBreakpoint`, the sidebar will be dockable. If user choses to dock the sidebar, it will push the right part of the UI towards the left, making space for the sidebar as shown below.
-
-![image](https://user-images.githubusercontent.com/11256141/174664866-c698c3fa-197b-43ff-956c-d79852c7b326.png)
-
-#### `exportOpts`
-
-The below attributes can be set in `UIOptions.canvasActions.export` to customize the export dialog. If `UIOptions.canvasActions.export` is `false` the export button will not be rendered.
-
-| Attribute | Type | Default | Description |
-| --- | --- | --- | --- |
-| `saveFileToDisk` | boolean | true | Implies if save file to disk button should be shown |
-| `onExportToBackend` | <pre> (exportedElements: readonly NonDeletedExcalidrawElement[],appState: AppState,canvas: HTMLCanvasElement &#124; null) => void </pre> |  | This callback is triggered when the shareable-link button is clicked in the export dialog. The link button will only be shown if this callback is passed. |
-| `renderCustomUI` | <pre> (exportedElements: readonly NonDeletedExcalidrawElement[],appState: AppState,canvas: HTMLCanvasElement &#124; null) => void </pre> |  | This callback should be supplied if you want to render custom UI in the export dialog. |
-
-#### `onPaste`
-
-This callback is triggered if passed when something is pasted into the scene. You can use this callback in case you want to do something additional when the paste event occurs.
-
-<pre>
-(data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/clipboard.ts#L21">ClipboardData</a>, event: ClipboardEvent &#124; null) => boolean
-</pre>
-
-This callback must return a `boolean` value or a [promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) which resolves to a boolean value.
-
-In case you want to prevent the excalidraw paste action you must return `false`, it will stop the native excalidraw clipboard management flow (nothing will be pasted into the scene).
-
-#### `importLibrary`
-
-Imports library from given URL. You should call this on `hashchange`, passing the `addLibrary` value if you detect it as shown below. Optionally pass a CSRF `token` to skip prompting during installation (retrievable via `token` key from the url coming from [https://libraries.excalidraw.com](https://libraries.excalidraw.com/)).
-
-```js
-useEffect(() => {
-  const onHashChange = () => {
-    const hash = new URLSearchParams(window.location.hash.slice(1));
-    const libraryUrl = hash.get("addLibrary");
-    if (libraryUrl) {
-      excalidrawRef.current.importLibrary(libraryUrl, hash.get("token"));
-    }
-  };
-  window.addEventListener("hashchange", onHashChange, false);
-  return () => {
-    window.removeEventListener("hashchange", onHashChange);
-  };
-}, []);
-```
-
-Try out the [Demo](#Demo) to see it in action.
-
-#### `setToast`
-
-This API can be used to show the toast with custom message.
-
-<pre>
-({ message: string,
- closable?:boolean,
- duration?:number } | null) => void
-</pre>
-
-| Attribute | type | Description |
-| --- | --- | --- |
-| message | string | The message to be shown on the toast. |
-| closable | boolean | Indicates whether to show the closable button on toast to dismiss the toast. |
-| duration | number | Determines the duration after which the toast should auto dismiss. To prevent autodimiss you can pass `Infinity`. |
-
-To dismiss an existing toast you can simple pass `null`
-
-```js
-setToast(null);
-```
-
-#### `setActiveTool`
-
-This API has the below signature. It sets the `tool` passed in param as the active tool.
-
-<pre>
-(tool: { type: typeof <a href="https://github.com/excalidraw/excalidraw/blob/master/src/shapes.tsx#L4">SHAPES</a>[number]["value"] &#124; "eraser" } &#124; { type: "custom"; customType: string }) => void
-</pre>
-
-#### `setCursor`
-
-This API can be used to customise the mouse cursor on the canvas and has the below signature. It sets the mouse cursor to the cursor passed in param.
-
-<pre>
-(cursor: string) => void
-</pre>
-
-#### `toggleMenu`
-
-<pre>
-(type: "library" | "customSidebar", force?: boolean) => boolean
-</pre>
-
-This API can be used to toggle a specific menu (currently only the sidebars), and returns whether the menu was toggled on or off. If the `force` flag passed, it will force the menu to be toggled either on/off based on the boolean passed.
-
-This API is especially useful when you render a custom sidebar using [`renderSidebar`](#renderSidebar) prop, and you want to toggle it from your app based on a user action.
-
-#### `resetCursor`
-
-This API can be used to reset to default mouse cursor.
-
-#### `detectScroll`
-
-Indicates whether Excalidraw should listen for `scroll` event on the nearest scrollable container in the DOM tree and recompute the coordinates (e.g. to correctly handle the cursor) when the component's position changes. You can disable this when you either know this doesn't affect your app or you want to take care of it yourself (calling the [`refresh()`](#ref) method).
-
-#### `handleKeyboardGlobally`
-
-Indicates whether to bind keyboard events to `document`. Disabled by default, meaning the keyboard events are bound to the Excalidraw component. This allows for multiple Excalidraw components to live on the same page, and ensures that Excalidraw keyboard handling doesn't collide with your app's (or the browser) when the component isn't focused.
-
-Enable this if you want Excalidraw to handle keyboard even if the component isn't focused (e.g. a user is interacting with the navbar, sidebar, or similar).
-
-#### `onLibraryChange`
-
-This callback if supplied will get triggered when the library is updated and has the below signature.
-
-<pre>
-(items: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>) => void | Promise<any>
-</pre>
-
-It is invoked with empty items when user clears the library. You can use this callback when you want to do something additional when library is updated for example persisting it to local storage.
-
-#### `id`
-
-The unique id of the excalidraw component. This can be used to identify the excalidraw component, for example importing the library items to the excalidraw component from where it was initiated when you have multiple excalidraw components rendered on the same page as shown in [multiple excalidraw demo](https://codesandbox.io/s/multiple-excalidraw-k1xx5).
-
-#### `autoFocus`
-
-This prop implies whether to focus the Excalidraw component on page load. Defaults to false.
-
-#### `generateIdForFile`
-
-Allows you to override `id` generation for files added on canvas (images). By default, an SHA-1 digest of the file is used.
-
-```
-(file: File) => string | Promise<string>
-```
-
-#### `onLinkOpen`
-
-This prop if passed will be triggered when clicked on link. To handle the redirect yourself (such as when using your own router for internal links), you must call `event.preventDefault()`.
-
-```
-(element: ExcalidrawElement, event: CustomEvent<{ nativeEvent: MouseEvent }>) => void
-```
-
-Example:
-
-```ts
-const history = useHistory();
-
-// open internal links using the app's router, but opens external links in
-// a new tab/window
-const onLinkOpen: ExcalidrawProps["onLinkOpen"] = useCallback(
-  (element, event) => {
-    const link = element.link;
-    const { nativeEvent } = event.detail;
-    const isNewTab = nativeEvent.ctrlKey || nativeEvent.metaKey;
-    const isNewWindow = nativeEvent.shiftKey;
-    const isInternalLink =
-      link.startsWith("/") || link.includes(window.location.origin);
-    if (isInternalLink && !isNewTab && !isNewWindow) {
-      history.push(link.replace(window.location.origin, ""));
-      // signal that we're handling the redirect ourselves
-      event.preventDefault();
-    }
-  },
-  [history],
-);
-```
-
-#### `onPointerDown`
-
-This prop if passed will be triggered on pointer down events and has the below signature.
-
-<pre>
-(activeTool: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L93"> AppState["activeTool"]</a>, pointerDownState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L365">PointerDownState</a>) => void
-</pre>
-
-#### `onScrollChange`
-
-This prop if passed will be triggered when canvas is scrolled and has the below signature.
-
-```ts
-(scrollX: number, scrollY: number) => void
-```
-
-### Restore utilities
-
-#### `restoreAppState`
-
-**_Signature_**
-
-<pre>
-restoreAppState(appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L17">ImportedDataState["appState"]</a>, localAppState: Partial<<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>> | null): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>
-</pre>
-
-**_How to use_**
-
-```js
-import { restoreAppState } from "@excalidraw/excalidraw";
-```
-
-This function will make sure all the keys have appropriate values in [appState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79) and if any key is missing, it will be set to default value.
-
-When `localAppState` is supplied, it's used in place of values that are missing (`undefined`) in `appState` instead of defaults. Use this as a way to not override user's defaults if you persist them. Required: supply `null`/`undefined` if not applicable.
-
-#### `restoreElements`
-
-**_Signature_**
-
-<pre>
-restoreElements(
-  elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L16">ImportedDataState["elements"]</a>,
-  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L16">ExcalidrawElement[]</a> | null | undefined): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a>,
-  refreshDimensions: boolean
-)
-</pre>
-
-**_How to use_**
-
-```js
-import { restoreElements } from "@excalidraw/excalidraw";
-```
-
-This function will make sure all properties of element is correctly set and if any attribute is missing, it will be set to default value.
-
-When `localElements` are supplied, they are used to ensure that existing restored elements reuse `version` (and increment it), and regenerate `versionNonce`. Use this when you import elements which may already be present in the scene to ensure that you do not disregard the newly imported elements if you're using element version to detect the updates.
-
-Parameter `refreshDimensions` indicates whether we should also recalculate text element dimensions. Defaults to `false`. Since this is a potentially costly operation, you may want to disable it if you restore elements in tight loops, such as during collaboration.
-
-#### `restore`
-
-**_Signature_**
-
-<pre>
-restoreElements(
-  data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L12">ImportedDataState</a>,
-  localAppState: Partial<<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>> | null | undefined,
-  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L16">ExcalidrawElement[]</a> | null | undefined): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L4">DataState</a>
-)
-</pre>
-
-See [`restoreAppState()`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#restoreAppState) about `localAppState`, and [`restoreElements()`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#restoreElements) about `localElements`.
-
-**_How to use_**
-
-```js
-import { restore } from "@excalidraw/excalidraw";
-```
-
-This function makes sure elements and state is set to appropriate values and set to default value if not present. It is a combination of [restoreElements](#restoreElements) and [restoreAppState](#restoreAppState).
-
-#### `restoreLibraryItems`
-
-**_Signature_**
-
-<pre>
-restoreLibraryItems(libraryItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L22">ImportedDataState["libraryItems"]</a>, defaultStatus: "published" | "unpublished")
-</pre>
-
-**_How to use_**
-
-```js
-import { restoreLibraryItems } from "@excalidraw/excalidraw";
-
-restoreLibraryItems(libraryItems, "unpublished");
-```
-
-This function normalizes library items elements, adding missing values when needed.
-
-### Export utilities
-
-#### `exportToCanvas`
-
-**_Signature_**
-
-<pre
->exportToCanvas({
-  elements,
-  appState
-  getDimensions,
-  files,
-  exportPadding?: number;
-}: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L12">ExportOpts</a>
-</pre>
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| elements | [Excalidraw Element []](https://github.com/excalidraw/excalidraw/blob/master/src/element/types) |  | The elements to be exported to canvas |
-| appState | [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L12) | [defaultAppState](https://github.com/excalidraw/excalidraw/blob/master/src/appState.ts#L11) | The app state of the scene |
-| getDimensions | `(width: number, height: number) => { width: number, height: number, scale?: number }` | undefined | A function which returns the `width`, `height`, and optionally `scale` (defaults `1`), with which canvas is to be exported. |
-| maxWidthOrHeight | `number` | undefined | The maximum width or height of the exported image. If provided, `getDimensions` is ignored. |
-| files | [BinaryFiles](The [`BinaryFiles`](<[BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64)>) | undefined | The files added to the scene. |
-| exportPadding | number | 10 | The padding to be added on canvas |
-
-**How to use**
-
-```js
-import { exportToCanvas } from "@excalidraw/excalidraw";
-```
-
-This function returns the canvas with the exported elements, appState and dimensions.
-
-#### `exportToBlob`
-
-**_Signature_**
-
-<pre>
-exportToBlob(
-  opts: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L14">ExportOpts</a> & {
-  mimeType?: string,
-  quality?: number,
-  exportPadding?: number;
-})
-</pre>
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| opts |  |  | This param is passed to `exportToCanvas`. You can refer to [`exportToCanvas`](#exportToCanvas) |
-| mimeType | string | "image/png" | Indicates the image format |
-| quality | number | 0.92 | A value between 0 and 1 indicating the [image quality](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob#parameters). Applies only to `image/jpeg`/`image/webp` MIME types. |
-| exportPadding | number | 10 | The padding to be added on canvas |
-
-**How to use**
-
-```js
-import { exportToBlob } from "@excalidraw/excalidraw";
-```
-
-Returns a promise which resolves with a [blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob). It internally uses [canvas.ToBlob](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob).
-
-#### `exportToSvg`
-
-**_Signature_**
-
-<pre>
-exportToSvg({
-  elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a>,
-  appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>,
-  exportPadding?: number,
-  metadata?: string,
-  files?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64">BinaryFiles</a>
-})
-</pre>
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| elements | [Excalidraw Element []](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106) |  | The elements to exported as svg |
-| appState | [AppState](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79) | [defaultAppState](https://github.com/excalidraw/excalidraw/blob/master/src/appState.ts#L11) | The app state of the scene |
-| exportPadding | number | 10 | The padding to be added on canvas |
-| files | [BinaryFiles](The [`BinaryFiles`](<[BinaryFiles](https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L64)>) | undefined | The files added to the scene. |
-
-This function returns a promise which resolves to svg of the exported drawing.
-
-#### `exportToClipboard`
-
-**_Signature_**
-
-<pre>
-exportToClipboard(
-  opts: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/packages/utils.ts#L14">ExportOpts</a> & {
-  mimeType?: string,
-  quality?: number;
-  type: 'png' | 'svg' |'json'
-})
-</pre>
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- | --- | --- |
-| opts |  |  | This param is same as the params passed to `exportToCanvas`. You can refer to [`exportToCanvas`](#exportToCanvas). |
-| mimeType | string | "image/png" | Indicates the image format, this will be used when exporting as `png`. |
-| quality | number | 0.92 | A value between 0 and 1 indicating the [image quality](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob#parameters). Applies only to `image/jpeg`/`image/webp` MIME types. This will be used when exporting as `png`. |
-| type | 'png' | 'svg' | 'json' |  | This determines the format to which the scene data should be exported. |
-
-**How to use**
-
-```js
-import { exportToClipboard } from "@excalidraw/excalidraw";
-```
-
-Copies the scene data in the specified format (determined by `type`) to clipboard.
-
-##### Additional attributes of appState for `export\*` APIs
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| exportBackground | boolean | true | Indicates whether background should be exported |
-| viewBackgroundColor | string | #fff | The default background color |
-| exportWithDarkMode | boolean | false | Indicates whether to export with dark mode |
-| exportEmbedScene | boolean | false | Indicates whether scene data should be embedded in svg/png. This will increase the image size. |
-
-### Extra API's
-
-#### `serializeAsJSON`
-
-**_Signature_**
-
-<pre>
-serializeAsJSON({
-  elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a>,
-  appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>,
-}): string
-</pre>
-
-Takes the scene elements and state and returns a JSON string. Deleted `elements`as well as most properties from `AppState` are removed from the resulting JSON. (see [`serializeAsJSON()`](https://github.com/excalidraw/excalidraw/blob/master/src/data/json.ts#L16) source for details).
-
-If you want to overwrite the source field in the JSON string, you can set `window.EXCALIDRAW_EXPORT_SOURCE` to the desired value.
-
-#### `serializeLibraryAsJSON`
-
-**_Signature_**
-
-<pre>
-serializeLibraryAsJSON({
-  libraryItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems[]</a>,
-</pre>
-
-Takes the library items and returns a JSON string.
-
-If you want to overwrite the source field in the JSON string, you can set `window.EXCALIDRAW_EXPORT_SOURCE` to the desired value.
-
-#### `getSceneVersion`
-
-**How to use**
-
-<pre>
-import { getSceneVersion } from "@excalidraw/excalidraw";
-getSceneVersion(elements:  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a>)
-</pre>
-
-This function returns the current scene version.
-
-#### `isInvisiblySmallElement`
-
-**_Signature_**
-
-<pre>
-isInvisiblySmallElement(element:  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement</a>): boolean
-</pre>
-
-**How to use**
-
-```js
-import { isInvisiblySmallElement } from "@excalidraw/excalidraw";
-```
-
-Returns `true` if element is invisibly small (e.g. width & height are zero).
-
-#### `loadLibraryFromBlob`
-
-```js
-import { loadLibraryFromBlob } from "@excalidraw/excalidraw";
-```
-
-**_Signature_**
-
-<pre>
-loadLibraryFromBlob(blob: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob">Blob</a>, defaultStatus: "published" | "unpublished")
-</pre>
-
-This function loads the library from the blob. Additonally takes `defaultStatus` param which sets the default status for library item if not present, defaults to `unpublished`.
-
-#### `loadFromBlob`
-
-**How to use**
-
-```js
-import { loadFromBlob } from "@excalidraw/excalidraw";
-
-const scene = await loadFromBlob(file, null, null);
-excalidrawAPI.updateScene(scene);
-```
-
-**Signature**
-
-<pre>
-loadFromBlob(
-  blob: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob">Blob</a>,
-  localAppState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a> | null,
-  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a> | null,
-  fileHandle?: FileSystemHandle | null
-) => Promise<<a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/restore.ts#L53">RestoredDataState</a>>
-</pre>
-
-This function loads the scene data from the blob (or file). If you pass `localAppState`, `localAppState` value will be preferred over the `appState` derived from `blob`. Throws if blob doesn't contain valid scene data.
-
-#### `loadSceneOrLibraryFromBlob`
-
-**How to use**
-
-```js
-import { loadSceneOrLibraryFromBlob, MIME_TYPES } from "@excalidraw/excalidraw";
-
-const contents = await loadSceneOrLibraryFromBlob(file, null, null);
-if (contents.type === MIME_TYPES.excalidraw) {
-  excalidrawAPI.updateScene(contents.data);
-} else if (contents.type === MIME_TYPES.excalidrawlib) {
-  excalidrawAPI.updateLibrary(contents.data);
-}
-```
-
-**Signature**
-
-<pre>
-loadSceneOrLibraryFromBlob(
-  blob: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob">Blob</a>,
-  localAppState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a> | null,
-  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L106">ExcalidrawElement[]</a> | null,
-  fileHandle?: FileSystemHandle | null
-) => Promise<{ type: string, data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/restore.ts#L53">RestoredDataState</a> | <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L33">ImportedLibraryState</a>}>
-</pre>
-
-This function loads either scene or library data from the supplied blob. If the blob contains scene data, and you pass `localAppState`, `localAppState` value will be preferred over the `appState` derived from `blob`. Throws if blob doesn't contain neither valid scene data or library data.
-
-#### `getFreeDrawSvgPath`
-
-**How to use**
-
-```js
-import { getFreeDrawSvgPath } from "@excalidraw/excalidraw";
-```
-
-**Signature**
-
-<pre>
-getFreeDrawSvgPath(element: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L127">ExcalidrawFreeDrawElement</a>
-</pre>
-
-This function returns the free draw svg path for the element.
-
-#### `isLinearElement`
-
-**How to use**
-
-```js
-import { isLinearElement } from "@excalidraw/excalidraw";
-```
-
-**Signature**
-
-<pre>
-isLinearElement(elementType?: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L80">ExcalidrawElement</a>): boolean
-</pre>
-
-This function returns true if the element is linear type (`arrow` |`line`) else returns false.
-
-#### `getNonDeletedElements`
-
-**How to use**
-
-```js
-import { getNonDeletedElements } from "@excalidraw/excalidraw";
-```
-
-**Signature**
-
-<pre>
-getNonDeletedElements(elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L80"> readonly ExcalidrawElement[]</a>): as readonly <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L90">NonDeletedExcalidrawElement[]</a>
-</pre>
-
-This function returns an array of deleted elements.
-
-#### `mergeLibraryItems`
-
-```js
-import { mergeLibraryItems } from "@excalidraw/excalidraw";
-```
-
-**_Signature_**
-
-<pre>
-mergeLibraryItems(localItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>, otherItems: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>) => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>
-</pre>
-
-This function merges two `LibraryItems` arrays, where unique items from `otherItems` are sorted first in the returned array.
-
-#### `parseLibraryTokensFromUrl`
-
-**How to use**
-
-```js
-import { parseLibraryTokensFromUrl } from "@excalidraw/excalidraw";
-```
-
-**Signature**
-
-<pre>
-parseLibraryTokensFromUrl(): {
-    libraryUrl: string;
-    idToken: string | null;
-} | null
-</pre>
-
-Parses library parameters from URL if present (expects the `#addLibrary` hash key), and returns an object with the `libraryUrl` and `idToken`. Returns `null` if `#addLibrary` hash key not found.
-
-#### `useHandleLibrary`
-
-**How to use**
-
-```js
-import { useHandleLibrary } from "@excalidraw/excalidraw";
-
-export const App = () => {
-  // ...
-  useHandleLibrary({ excalidrawAPI });
-};
-```
-
-**Signature**
-
-<pre>
-useHandleLibrary(opts: {
-  excalidrawAPI: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L432">ExcalidrawAPI</a>,
-  getInitialLibraryItems?: () => <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L224">LibraryItemsSource</a>
-});
-</pre>
-
-A hook that automatically imports library from url if `#addLibrary` hash key exists on initial load, or when it changes during the editing session (e.g. when a user installs a new library), and handles initial library load if `getInitialLibraryItems` getter is supplied.
-
-In the future, we will be adding support for handling library persistence to browser storage (or elsewhere).
-
-#### `sceneCoordsToViewportCoords`
-
-```js
-import { sceneCoordsToViewportCoords } from "@excalidraw/excalidraw";
-```
-
-**_Signature_**
-
-<pre>
-sceneCoordsToViewportCoords({sceneX: number, sceneY: number}, appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>): {x: number, y: number}
-</pre>
-
-This function returns equivalent viewport coords for the provided scene coords in params.
-
-#### `viewportCoordsToSceneCoords`
-
-```js
-import { viewportCoordsToSceneCoords } from "@excalidraw/excalidraw";
-```
-
-**_Signature_**
-
-<pre>
-viewportCoordsToSceneCoords({clientX: number, clientY: number}, appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L79">AppState</a>): {x: number, y: number}
-</pre>
-
-This function returns equivalent scene coords for the provided viewport coords in params.
-
-#### useDevice
-
-This hook can be used to check the type of device which is being used. It can only be used inside the `children` of `Excalidraw` component
-
-```js
-import { useDevice, Footer } from "@excalidraw/excalidraw";
-
-const MobileFooter = () => {
-  const device = useDevice();
-  if (device.isMobile) {
-    return (
-      <Footer>
-       <button
-        className="custom-footer"
-        onClick={() => alert("This is custom footer in mobile menu")}
-      >
-        {" "}
-        custom footer{" "}
-      </button>
-      </Footer>
-    );
-  }
-  return null;
-
-};
-const App = () => {
-  <Excalidraw>
-    <MainMenu>
-      <MainMenu.Item> Item1 </MainMenu.Item>
-      <MainMenu.Item> Item 2 </>
-      <MobileFooter/>
-    </MainMenu>
-  </Excalidraw>
-}
-
-```
-
-The `device` has the following `attributes`
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `isSmScreen` | `boolean` | Set to `true` when the device small screen is small (Width < `640px` ) |
-| `isMobile` | `boolean` | Set to `true` when the device is `mobile` |
-| `isTouchScreen` | `boolean` | Set to `true` for `touch` devices |
-| `canDeviceFitSidebar` | `boolean` | Implies whether there is enough space to fit the `sidebar` |
-
-### Exported constants
-
-#### `FONT_FAMILY`
-
-**How to use**
-
-```js
-import { FONT_FAMILY } from "@excalidraw/excalidraw";
-```
-
-`FONT_FAMILY` contains all the font families used in `Excalidraw` as explained below
-
-| Font Family | Description          |
-| ----------- | -------------------- |
-| Virgil      | The handwritten font |
-| Helvetica   | The Normal Font      |
-| Cascadia    | The Code Font        |
-
-Defaults to `FONT_FAMILY.Virgil` unless passed in `initialData.appState.currentItemFontFamily`.
-
-#### `THEME`
-
-**How to use**
-
-```js
-import { THEME } from "@excalidraw/excalidraw";
-```
-
-`THEME` contains all the themes supported by `Excalidraw` as explained below
-
-| Theme | Description     |
-| ----- | --------------- |
-| LIGHT | The light theme |
-| DARK  | The Dark theme  |
-
-Defaults to `THEME.LIGHT` unless passed in `initialData.appState.theme`
-
-### `MIME_TYPES`
-
-**How to use **
-
-```js
-import { MIME_TYPES } from "@excalidraw/excalidraw";
-```
-
-[`MIME_TYPES`](https://github.com/excalidraw/excalidraw/blob/master/src/constants.ts#L92) contains all the mime types supported by `Excalidraw`.
-
-## Need help?
-
-Check out the existing [Q&A](https://github.com/excalidraw/excalidraw/discussions?discussions_q=label%3Apackage%3Aexcalidraw). If you have any queries or need help, ask us [here](https://github.com/excalidraw/excalidraw/discussions?discussions_q=label%3Apackage%3Aexcalidraw).
-
-### Development
-
-#### Install the dependencies
-
-```bash
-yarn
-```
-
-#### Start the server
-
-```bash
-yarn start
-```
-
-[http://localhost:3001](http://localhost:3001) will open in your default browser.
-
-The example is same as the [codesandbox example](https://ehlz3.csb.app/)
-
-#### Create a test release
-
-You can create a test release by posting the below comment in your pull request
-
-```
-@excalibot trigger release
-```
-
-Once the version is released `@excalibot` will post a comment with the release version.
-
-#### Creating a production release
-
-To release the next stable version follow the below steps
-
-```
-yarn prerelease version
-```
-
-You need to pass the `version` for which you want to create the release. This will make the changes needed before making the release like updating `package.json`, `changelog` and more.
-
-The next step is to run the `release` script
-
-```
-yarn release
-```
-
-This will publish the package.
-
-Right now there are two steps to create a production release but once this works fine these scripts will be combined and more automation will be done.
+Head over to the [docs](https://docs.excalidraw.com/docs/package/api)
diff --git a/src/packages/excalidraw/example/App.scss b/src/packages/excalidraw/example/App.scss
index a2a70da24..7f37540d8 100644
--- a/src/packages/excalidraw/example/App.scss
+++ b/src/packages/excalidraw/example/App.scss
@@ -66,11 +66,18 @@
   button.custom-element {
     width: 2rem;
     height: 2rem;
-    margin: 0 8px;
   }
 
   .custom-footer,
   .custom-element {
     padding: 0.1rem;
+    margin: 0 8px;
+  }
+  .layer-ui__wrapper__footer.App-menu_bottom {
+    align-items: stretch;
+  }
+  // till its merged in OSS
+  .App-toolbar-container .mobile-misc-tools-container {
+    position: absolute;
   }
 }
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 21f91ecd4..e394d1a12 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -71,6 +71,7 @@ const {
   restoreElements,
   Sidebar,
   Footer,
+  WelcomeScreen,
   MainMenu,
   LiveCollaborationTrigger,
 } = window.ExcalidrawLib;
@@ -704,6 +705,7 @@ export default function App() {
                 <CustomFooter excalidrawAPI={excalidrawAPI} />
               </Footer>
             )}
+            <WelcomeScreen />
             {renderMenu()}
           </Excalidraw>
           {Object.keys(commentIcons || []).length > 0 && renderCommentIcons()}
diff --git a/src/packages/utils/README.md b/src/packages/utils/README.md
index 033378541..a6e4eabc2 100644
--- a/src/packages/utils/README.md
+++ b/src/packages/utils/README.md
@@ -28,7 +28,7 @@ Export an Excalidraw diagram to a [SVGElement](https://developer.mozilla.org/en-
 
 ## Usage
 
-Excalidraw utils is published as a UMD (Universal Module Definition). If you are using a Web bundler (for instance, Webpack), you can import it as an ES6 module:
+Excalidraw utils is published as a UMD (Universal Module Definition). If you are using a module bundler (for instance, Webpack), you can import it as an ES6 module:
 
 ```js
 import { exportToSvg, exportToBlob } from "@excalidraw/utils";

From eb9eeefc63d1702629e2515b510fbf2efb8c076a Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 1 Feb 2023 20:27:31 +0530
Subject: [PATCH 059/252] fix: edit link in docs (#6182)

---
 dev-docs/docusaurus.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/dev-docs/docusaurus.config.js b/dev-docs/docusaurus.config.js
index 1c69e6dcb..e9d72f3db 100644
--- a/dev-docs/docusaurus.config.js
+++ b/dev-docs/docusaurus.config.js
@@ -30,7 +30,8 @@ const config = {
         docs: {
           sidebarPath: require.resolve("./sidebars.js"),
           // Please change this to your repo.
-          editUrl: "https://github.com/excalidraw/docs/tree/master/",
+          editUrl:
+            "https://github.com/excalidraw/excalidraw/tree/master/dev-docs/",
         },
         theme: {
           customCss: [

From d8a4ca6911b79ac6a72fd934863dcc3aa9e8219e Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 1 Feb 2023 21:09:23 +0530
Subject: [PATCH 060/252] docs: show last updated time and author (#6183)

docs:show last updated time and author
---
 dev-docs/docusaurus.config.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/dev-docs/docusaurus.config.js b/dev-docs/docusaurus.config.js
index e9d72f3db..e24901f2e 100644
--- a/dev-docs/docusaurus.config.js
+++ b/dev-docs/docusaurus.config.js
@@ -32,6 +32,8 @@ const config = {
           // Please change this to your repo.
           editUrl:
             "https://github.com/excalidraw/excalidraw/tree/master/dev-docs/",
+          showLastUpdateAuthor: true,
+          showLastUpdateTime: true,
         },
         theme: {
           customCss: [

From 5a0334f37f354af0bd9562190f5210cfa8dd092c Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 2 Feb 2023 12:58:45 +0530
Subject: [PATCH 061/252] fix: hide welcome screen on mobile once user
 interacts (#6185)

* fix: hide welcome screen on mobile once started drawing

* Add specs
---
 src/components/LayerUI.tsx                    |   1 +
 src/components/MobileMenu.tsx                 |   4 +-
 src/tests/MobileMenu.test.tsx                 |  45 ++++
 .../__snapshots__/MobileMenu.test.tsx.snap    | 240 ++++++++++++++++++
 4 files changed, 289 insertions(+), 1 deletion(-)
 create mode 100644 src/tests/MobileMenu.test.tsx
 create mode 100644 src/tests/__snapshots__/MobileMenu.test.tsx.snap

diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 161512001..b7d765a8a 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -409,6 +409,7 @@ const LayerUI = ({
           renderCustomStats={renderCustomStats}
           renderSidebars={renderSidebars}
           device={device}
+          renderWelcomeScreen={renderWelcomeScreen}
         />
       )}
 
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 42a5bda40..75e08867c 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -41,6 +41,7 @@ type MobileMenuProps = {
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   renderSidebars: () => JSX.Element | null;
   device: Device;
+  renderWelcomeScreen: boolean;
 };
 
 export const MobileMenu = ({
@@ -57,12 +58,13 @@ export const MobileMenu = ({
   renderCustomStats,
   renderSidebars,
   device,
+  renderWelcomeScreen,
 }: MobileMenuProps) => {
   const { welcomeScreenCenterTunnel, mainMenuTunnel } = useTunnels();
   const renderToolbar = () => {
     return (
       <FixedSideContainer side="top" className="App-top-bar">
-        <welcomeScreenCenterTunnel.Out />
+        {renderWelcomeScreen && <welcomeScreenCenterTunnel.Out />}
         <Section heading="shapes">
           {(heading: React.ReactNode) => (
             <Stack.Col gap={4} align="center">
diff --git a/src/tests/MobileMenu.test.tsx b/src/tests/MobileMenu.test.tsx
new file mode 100644
index 000000000..41d5d0169
--- /dev/null
+++ b/src/tests/MobileMenu.test.tsx
@@ -0,0 +1,45 @@
+import ExcalidrawApp from "../excalidraw-app";
+import {
+  mockBoundingClientRect,
+  render,
+  restoreOriginalGetBoundingClientRect,
+} from "./test-utils";
+
+import { UI } from "./helpers/ui";
+
+describe("Test MobileMenu", () => {
+  const { h } = window;
+  const dimensions = { height: 400, width: 800 };
+
+  beforeEach(async () => {
+    await render(<ExcalidrawApp />);
+    //@ts-ignore
+    h.app.refreshDeviceState(h.app.excalidrawContainerRef.current!);
+  });
+
+  beforeAll(() => {
+    mockBoundingClientRect(dimensions);
+  });
+
+  afterAll(() => {
+    restoreOriginalGetBoundingClientRect();
+  });
+
+  it("should set device correctly", () => {
+    expect(h.app.device).toMatchInlineSnapshot(`
+      Object {
+        "canDeviceFitSidebar": false,
+        "isMobile": true,
+        "isSmScreen": false,
+        "isTouchScreen": false,
+      }
+    `);
+  });
+
+  it("should initialize with welcome screen and hide once user interacts", async () => {
+    expect(document.querySelector(".welcome-screen-center")).toMatchSnapshot();
+
+    UI.clickTool("rectangle");
+    expect(document.querySelector(".welcome-screen-center")).toBeNull();
+  });
+});
diff --git a/src/tests/__snapshots__/MobileMenu.test.tsx.snap b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
new file mode 100644
index 000000000..f3e55fd99
--- /dev/null
+++ b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
@@ -0,0 +1,240 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test MobileMenu should initialize with welcome screen and hide once user interacts 1`] = `
+<div
+  class="welcome-screen-center"
+>
+  <div
+    class="welcome-screen-center__logo virgil welcome-screen-decor"
+  >
+    <svg
+      aria-hidden="true"
+      class=""
+      fill="none"
+      focusable="false"
+      role="img"
+      viewBox="0 0 26 62"
+    >
+      <g
+        fill="currentColor"
+      >
+        <path
+          d="M24.296 12.214c0 .112-.134.224-.291.224-.135 0-.516.629-.808 1.392-.897 2.335-9.867 20.096-9.89 19.534 0-.292-.134-.494-.359-.494-.313 0-.358.18-.224 1.055.135 1.01.045 1.236-3.14 7.432-1.793 3.525-3.722 7.208-4.282 8.196-.584 1.032-1.032 2.155-1.077 2.626-.067.809.022.92 1.973 2.605 1.122.988 2.557 2.223 3.185 2.784 2.826 2.582 4.149 3.615 4.508 3.547.538-.09 8.858-8.823 8.88-9.317 0-.225-.403-3.638-.897-7.59-.852-6.735-1.66-14.616-1.57-15.38.068-.47-.269-2.85-.516-3.884-.201-.808-.112-1.145 1.503-4.827.942-2.178 2.176-4.85 2.714-5.928.515-1.077.964-2.02.964-2.088 0-.067-.157-.112-.336-.112-.18 0-.337.09-.337.225Zm-5.158 16.772c.247 1.572.74 5.344 1.099 8.375.695 5.568 1.503 11.742 1.727 13.314.135.786.045.943-1.413 2.56-2.534 2.851-5.225 5.658-6.145 6.376l-.852.674-4.373-4.086c-4.037-3.728-4.373-4.11-4.127-4.558a5154.2 5154.2 0 0 1 2.535-4.626 727.864 727.864 0 0 0 3.678-6.78c.784-1.46 1.502-2.717 1.637-2.785.156-.09.201 2.178.156 7.006-.09 7.207-.067 7.23.651 7.072.09 0 .157-3.637.157-8.06V35.43l2.355-4.715c1.3-2.605 2.377-4.693 2.422-4.67.045.022.27 1.347.493 2.94ZM9.562 1.818C7.903 3.143 5.346 5.388 3.328 7.32L1.735 8.823l.292 1.976c.157 1.078.449 3.188.628 4.67.202 1.482.404 2.874.47 3.077.09.269 0 .404-.246.404-.426 0-.449-.113.718 3.592.286.952.577 1.903.875 2.851.044.158.224.225.425.158.202-.09.314-.27.247-.427-.067-.18.045-.36.224-.427.247-.09.225-.269-.157-.92-.605-1.01-2.152-9.633-2.242-12.416-.067-1.976-.067-1.999.762-3.121.808-1.1 2.67-2.762 5.54-4.873.807-.605 1.614-1.28 1.839-1.504.336-.404.493-.292 3.319 2.717 1.637 1.729 3.453 3.502 4.037 3.952l1.076.808-.83 1.75c-.448.944-2.265 4.581-4.059 8.04-3.745 7.274-2.983 6.578-7.333 6.645l-2.826.023-.942 1.077c-.987 1.146-1.121 1.572-.65 2.29.18.248.313.652.313.898 0 .405.157.472 1.055.517.56.023 1.076.09 1.144.157.067.068.156 1.46.224 3.098l.09 2.965-1.503 3.232C1.735 45.422.749 47.891.749 48.7c0 .427.09.786.18.786.224 0 .224-.022 9.35-19.085a4398.495 4398.495 0 0 1 8.927-18.546c.672-1.369 1.278-2.626 1.323-2.806.045-.202-1.503-1.751-3.97-3.93-2.22-1.975-4.171-3.772-4.35-3.974-.516-.628-1.279-.426-2.647.674ZM8.441 31.231c-.18.472-.65 1.46-1.031 2.2-.629 1.258-.696 1.303-.853.786-.09-.314-.157-1.235-.18-2.066-.022-1.639-.067-1.616 1.817-1.728L8.8 30.4l-.358.831Zm1.884-3.592c-1.032 1.998-1.077 2.02-3.903 2.155-2.489.135-2.533.112-2.533-.36 0-.269-.09-.628-.203-.808-.134-.202-.044-.56.27-1.055l.493-.763H6.69c1.234-.023 2.647-.113 3.14-.202.494-.09.92-.135.965-.113.045.023-.18.54-.471 1.146Zm-.09-20.477c-.404.292-.516.584-.516 1.325 0 .875.067 1.01.673 1.257.605.247.763.224 1.458-.247.92-.629.941-.786.269-1.796-.583-.876-1.166-1.033-1.884-.54Z"
+        />
+        <path
+          clip-rule="evenodd"
+          d="M23.703 11.793c.166-.291.501-.514.93-.514.38 0 .698.161.82.283.161.162.225.35.225.54a.822.822 0 0 1-.056.289c-.08.218-.5 1.106-.983 2.116-.535 1.071-1.76 3.727-2.699 5.895-.79 1.802-1.209 2.784-1.404 3.416-.142.461-.132.665-.058.961.264 1.103.6 3.647.53 4.132-.088.756.727 8.547 1.57 15.21.5 3.997.903 7.45.903 7.676l-.001.033c-.004.087-.041.288-.211.54-.24.354-.914 1.143-1.8 2.119-2.004 2.21-5.107 5.423-6.463 6.653-.322.292-.566.485-.696.56a.884.884 0 0 1-.289.111c-.194.037-.579-.007-1.11-.349-.707-.453-1.981-1.522-4-3.366-.627-.561-2.061-1.794-3.176-2.776-.81-.699-1.308-1.138-1.612-1.466-.32-.343-.47-.61-.549-.87-.078-.257-.085-.515-.055-.874.05-.52.521-1.769 1.166-2.91.559-.985 2.48-4.654 4.269-8.17 1.579-3.071 2.392-4.663 2.792-5.612.32-.759.329-1 .277-1.387-.085-.553-.092-.891-.052-1.092a.942.942 0 0 1 .274-.52c.164-.157.384-.261.704-.261.094 0 .184.011.27.033 1.924-3.44 8.554-16.632 9.316-18.616.276-.724.64-1.336.848-1.556a.965.965 0 0 1 .32-.228Zm-5.399 16.402c-.49.942-.971 1.888-1.446 2.837l-2.28 4.565v7.871c0 4.023-.06 7.404-.136 8.04-.067.552-.474.691-.654.722l.075-.008c-.317.07-.574.063-.778-.023-.234-.098-.5-.297-.63-.857-.156-.681-.158-2.462-.103-6.893.019-2.022.022-3.592.008-4.725-.156.276-.315.562-.467.843a737.624 737.624 0 0 1-3.682 6.79 3618.972 3618.972 0 0 0-2.462 4.493c.062.088.169.231.289.364.55.61 1.631 1.623 3.624 3.462l3.931 3.674.377-.298c.907-.709 3.554-3.479 6.055-6.293.425-.47.73-.814.946-1.084.175-.22.28-.36.319-.501.031-.117.002-.227-.024-.379l-.004-.02c-.224-1.572-1.032-7.753-1.728-13.33-.358-3.022-.85-6.782-1.096-8.349l-.002-.01c-.042-.301-.087-.603-.132-.891ZM9.118 1.264C9.91.628 10.537.27 11.028.144c.727-.186 1.27.003 1.713.53.186.209 2.107 1.972 4.287 3.912 2.02 1.783 3.434 3.16 3.897 3.743.326.41.322.756.296.873a1.046 1.046 0 0 1-.005.018c-.047.188-.669 1.512-1.374 2.947a4348.55 4348.55 0 0 0-8.923 18.54c-7.335 15.32-8.808 18.396-9.217 19.015-.235.355-.419.404-.525.437a.815.815 0 0 1-.249.036.745.745 0 0 1-.647-.363C.176 49.67.04 49.222.04 48.7c0-.286.09-.754.316-1.434.452-1.356 1.466-3.722 3.225-7.53l1.432-3.083-.084-2.787a72.902 72.902 0 0 0-.156-2.53 7.307 7.307 0 0 0-.539-.046c-.463-.024-.764-.062-.96-.124-.304-.096-.48-.252-.598-.438-.105-.165-.17-.374-.17-.663 0-.134-.081-.348-.178-.481l-.019-.028c-.293-.448-.406-.831-.373-1.234.04-.484.34-1.052 1.08-1.91l.759-.869c-.103-.325-.471-1.513-.854-2.787-.737-2.339-1.004-3.238-1.018-3.578-.016-.393.134-.59.27-.715a.721.721 0 0 1 .192-.125 89.87 89.87 0 0 1-.414-2.782 231.651 231.651 0 0 0-.625-4.652l-.292-1.976a.71.71 0 0 1 .215-.62l1.589-1.501C4.87 4.86 7.446 2.599 9.118 1.264Zm-1.833 33.75a.819.819 0 0 1-.406.208.73.73 0 0 1-.491-.063l.048 1.618v.009l.849-1.773Zm5.874.697c-.035.087-.07.175-.107.261a20.92 20.92 0 0 1-.36.798.688.688 0 0 1 .457.007l.01.004v-1.07Zm.72-1.892-.015.018a.745.745 0 0 1-.407.236c.02.195.027.378 0 .592l.422-.846ZM7.7 31.175c-.268.027-.489.055-.6.07-.006.056-.013.13-.016.194-.005.19 0 .42.004.694.003.111.006.225.011.338.232-.471.459-.956.6-1.296Zm2.12-1.456a2.04 2.04 0 0 1-.415.31c.064.104.099.222.104.341l.132-.277.18-.374Zm-.14-2.374c-.654.079-1.882.153-2.974.173h-1.87l-.281.435c-.09.141-.17.331-.203.414.102.21.189.508.226.788h.007c.364.006.928-.023 1.805-.07 1.243-.06 1.88-.052 2.315-.291.154-.086.266-.215.387-.393.176-.261.354-.605.587-1.056Zm2.136-1.784c-.157.16-.331.3-.52.422a.631.631 0 0 1 .182.281l.337-.703Zm7.205-1.478c-.222.442-.445.883-.667 1.32a.787.787 0 0 1 .61.007c.036.018.145.07.243.2-.032-.165-.067-.33-.105-.493-.088-.351-.137-.633-.08-1.034h-.001ZM11.415 2.546c-.358.319-1.039.879-1.725 1.394C6.903 5.989 5.087 7.59 4.301 8.662c-.28.38-.458.605-.556.852-.15.38-.103.798-.068 1.824.063 1.923.833 6.669 1.493 9.686.262 1.199.483 2.11.654 2.394.25.426.364.71.398.894a.923.923 0 0 1-.184.764l1.27-.01c.863-.014 1.523.003 2.056-.019.424-.017.75-.052 1.034-.187.336-.159.596-.458.921-.955.62-.948 1.373-2.515 2.705-5.103 1.789-3.448 3.6-7.076 4.047-8.015l.582-1.227-.62-.466c-.595-.458-2.45-2.263-4.12-4.027a59.654 59.654 0 0 0-2.498-2.52ZM5.81 24.876v-.001l-.013-.03.013.031Zm-.71-.835.027-.011a.55.55 0 0 0-.028.011Zm19.904-11.777v.01-.01Zm.002-.016v-.034.034ZM9.82 6.587c-.587.424-.81.823-.81 1.9 0 .787.12 1.157.344 1.42.158.186.388.339.77.494.352.144.603.207.838.209.347.002.688-.12 1.285-.525.707-.483.98-.864 1.036-1.238.052-.352-.09-.812-.574-1.54-.412-.619-.853-.95-1.29-1.072-.489-.139-1.016-.05-1.586.342l-.013.01Zm2.015 2.028a6.288 6.288 0 0 0-.306-.52c-.19-.284-.326-.488-.531-.5-.113-.007-.224.058-.352.146-.218.159-.218.34-.218.745 0 .198.02.419.028.504.047.025.133.068.204.097.133.054.222.102.312.103.04 0 .071-.027.12-.054a4.29 4.29 0 0 0 .358-.225c.147-.1.299-.223.385-.296ZM9.12 1.263l-.002.002.002-.002Z"
+          fill-rule="evenodd"
+        />
+      </g>
+    </svg>
+     Excalidraw
+  </div>
+  <div
+    class="welcome-screen-center__heading welcome-screen-decor virgil"
+  >
+    All your data is saved locally in your browser.
+  </div>
+  <div
+    class="welcome-screen-menu"
+  >
+    <button
+      class="welcome-screen-menu-item "
+      type="button"
+    >
+      <div
+        class="welcome-screen-menu-item__icon"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          fill="none"
+          focusable="false"
+          role="img"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          viewBox="0 0 20 20"
+        >
+          <path
+            d="m9.257 6.351.183.183H15.819c.34 0 .727.182 1.051.506.323.323.505.708.505 1.05v5.819c0 .316-.183.7-.52 1.035-.337.338-.723.522-1.037.522H4.182c-.352 0-.74-.181-1.058-.5-.318-.318-.499-.705-.499-1.057V5.182c0-.351.181-.736.5-1.054.32-.321.71-.503 1.057-.503H6.53l2.726 2.726Z"
+            stroke-width="1.25"
+          />
+        </svg>
+      </div>
+      <div
+        class="welcome-screen-menu-item__text"
+      >
+        Open
+      </div>
+      <div
+        class="welcome-screen-menu-item__shortcut"
+      >
+        Ctrl+O
+      </div>
+    </button>
+    <button
+      class="welcome-screen-menu-item "
+      type="button"
+    >
+      <div
+        class="welcome-screen-menu-item__icon"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          fill="none"
+          focusable="false"
+          role="img"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+        >
+          <g
+            stroke-width="1.5"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+              stroke="none"
+            />
+            <circle
+              cx="12"
+              cy="12"
+              r="9"
+            />
+            <line
+              x1="12"
+              x2="12"
+              y1="17"
+              y2="17.01"
+            />
+            <path
+              d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="welcome-screen-menu-item__text"
+      >
+        Help
+      </div>
+      <div
+        class="welcome-screen-menu-item__shortcut"
+      >
+        ?
+      </div>
+    </button>
+    <button
+      class="welcome-screen-menu-item "
+      type="button"
+    >
+      <div
+        class="welcome-screen-menu-item__icon"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          fill="none"
+          focusable="false"
+          role="img"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+        >
+          <g
+            stroke-width="1.5"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+              stroke="none"
+            />
+            <circle
+              cx="9"
+              cy="7"
+              r="4"
+            />
+            <path
+              d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"
+            />
+            <path
+              d="M16 3.13a4 4 0 0 1 0 7.75"
+            />
+            <path
+              d="M21 21v-2a4 4 0 0 0 -3 -3.85"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="welcome-screen-menu-item__text"
+      >
+        Live collaboration...
+      </div>
+    </button>
+    <a
+      class="welcome-screen-menu-item "
+      href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
+      rel="noreferrer"
+      target="_blank"
+    >
+      <div
+        class="welcome-screen-menu-item__icon"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          fill="none"
+          focusable="false"
+          role="img"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+        >
+          <g
+            stroke-width="1.5"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+              stroke="none"
+            />
+            <rect
+              height="4"
+              rx="1"
+              width="18"
+              x="3"
+              y="8"
+            />
+            <line
+              x1="12"
+              x2="12"
+              y1="8"
+              y2="21"
+            />
+            <path
+              d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7"
+            />
+            <path
+              d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="welcome-screen-menu-item__text"
+      >
+        Try Excalidraw Plus!
+      </div>
+    </a>
+  </div>
+</div>
+`;

From a9c5bdb8785be82273761070a270f82cebbe2d44 Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Thu, 2 Feb 2023 16:23:39 +0800
Subject: [PATCH 062/252] fix: sort bound text elements to fix text duplication
 z-index error (#5130)

* fix: sort bound text elements to fix text duplication z-index error

* improve & sort groups & add tests

* fix backtracking and discontiguous groups

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionDuplicateSelection.tsx    | 121 +++++-
 src/element/sortElements.test.ts            | 402 ++++++++++++++++++++
 src/element/sortElements.ts                 | 123 ++++++
 src/element/textElement.ts                  |  14 +-
 src/excalidraw-app/collab/reconciliation.ts |  52 +--
 src/tests/zindex.test.tsx                   | 159 +++++---
 src/utils.ts                                |   8 +
 7 files changed, 761 insertions(+), 118 deletions(-)
 create mode 100644 src/element/sortElements.test.ts
 create mode 100644 src/element/sortElements.ts

diff --git a/src/actions/actionDuplicateSelection.tsx b/src/actions/actionDuplicateSelection.tsx
index fcff03f51..e3e5fb85a 100644
--- a/src/actions/actionDuplicateSelection.tsx
+++ b/src/actions/actionDuplicateSelection.tsx
@@ -16,8 +16,12 @@ import { AppState } from "../types";
 import { fixBindingsAfterDuplication } from "../element/binding";
 import { ActionResult } from "./types";
 import { GRID_SIZE } from "../constants";
-import { bindTextToShapeAfterDuplication } from "../element/textElement";
+import {
+  bindTextToShapeAfterDuplication,
+  getBoundTextElement,
+} from "../element/textElement";
 import { isBoundToContainer } from "../element/typeChecks";
+import { normalizeElementOrder } from "../element/sortElements";
 import { DuplicateIcon } from "../components/icons";
 
 export const actionDuplicateSelection = register({
@@ -64,6 +68,11 @@ const duplicateElements = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
 ): Partial<ActionResult> => {
+  // ---------------------------------------------------------------------------
+
+  // step (1)
+
+  const sortedElements = normalizeElementOrder(elements);
   const groupIdMap = new Map();
   const newElements: ExcalidrawElement[] = [];
   const oldElements: ExcalidrawElement[] = [];
@@ -85,42 +94,112 @@ const duplicateElements = (
     return newElement;
   };
 
-  const finalElements: ExcalidrawElement[] = [];
-
-  let index = 0;
   const selectedElementIds = arrayToMap(
-    getSelectedElements(elements, appState, true),
+    getSelectedElements(sortedElements, appState, true),
   );
-  while (index < elements.length) {
-    const element = elements[index];
+
+  // Ids of elements that have already been processed so we don't push them
+  // into the array twice if we end up backtracking when retrieving
+  // discontiguous group of elements (can happen due to a bug, or in edge
+  // cases such as a group containing deleted elements which were not selected).
+  //
+  // This is not enough to prevent duplicates, so we do a second loop afterwards
+  // to remove them.
+  //
+  // For convenience we mark even the newly created ones even though we don't
+  // loop over them.
+  const processedIds = new Map<ExcalidrawElement["id"], true>();
+
+  const markAsProcessed = (elements: ExcalidrawElement[]) => {
+    for (const element of elements) {
+      processedIds.set(element.id, true);
+    }
+    return elements;
+  };
+
+  const elementsWithClones: ExcalidrawElement[] = [];
+
+  let index = -1;
+
+  while (++index < sortedElements.length) {
+    const element = sortedElements[index];
+
+    if (processedIds.get(element.id)) {
+      continue;
+    }
+
+    const boundTextElement = getBoundTextElement(element);
     if (selectedElementIds.get(element.id)) {
-      if (element.groupIds.length) {
+      // if a group or a container/bound-text, duplicate atomically
+      if (element.groupIds.length || boundTextElement) {
         const groupId = getSelectedGroupForElement(appState, element);
-        // if group selected, duplicate it atomically
         if (groupId) {
-          const groupElements = getElementsInGroup(elements, groupId);
-          finalElements.push(
-            ...groupElements,
-            ...groupElements.map((element) =>
-              duplicateAndOffsetElement(element),
-            ),
+          const groupElements = getElementsInGroup(sortedElements, groupId);
+          elementsWithClones.push(
+            ...markAsProcessed([
+              ...groupElements,
+              ...groupElements.map((element) =>
+                duplicateAndOffsetElement(element),
+              ),
+            ]),
+          );
+          continue;
+        }
+        if (boundTextElement) {
+          elementsWithClones.push(
+            ...markAsProcessed([
+              element,
+              boundTextElement,
+              duplicateAndOffsetElement(element),
+              duplicateAndOffsetElement(boundTextElement),
+            ]),
           );
-          index = index + groupElements.length;
           continue;
         }
       }
-      finalElements.push(element, duplicateAndOffsetElement(element));
+      elementsWithClones.push(
+        ...markAsProcessed([element, duplicateAndOffsetElement(element)]),
+      );
     } else {
-      finalElements.push(element);
+      elementsWithClones.push(...markAsProcessed([element]));
     }
-    index++;
   }
+
+  // step (2)
+
+  // second pass to remove duplicates. We loop from the end as it's likelier
+  // that the last elements are in the correct order (contiguous or otherwise).
+  // Thus we need to reverse as the last step (3).
+
+  const finalElementsReversed: ExcalidrawElement[] = [];
+
+  const finalElementIds = new Map<ExcalidrawElement["id"], true>();
+  index = elementsWithClones.length;
+
+  while (--index >= 0) {
+    const element = elementsWithClones[index];
+    if (!finalElementIds.get(element.id)) {
+      finalElementIds.set(element.id, true);
+      finalElementsReversed.push(element);
+    }
+  }
+
+  // step (3)
+
+  const finalElements = finalElementsReversed.reverse();
+
+  // ---------------------------------------------------------------------------
+
   bindTextToShapeAfterDuplication(
-    finalElements,
+    elementsWithClones,
+    oldElements,
+    oldIdToDuplicatedId,
+  );
+  fixBindingsAfterDuplication(
+    elementsWithClones,
     oldElements,
     oldIdToDuplicatedId,
   );
-  fixBindingsAfterDuplication(finalElements, oldElements, oldIdToDuplicatedId);
 
   return {
     elements: finalElements,
diff --git a/src/element/sortElements.test.ts b/src/element/sortElements.test.ts
new file mode 100644
index 000000000..35cf560ef
--- /dev/null
+++ b/src/element/sortElements.test.ts
@@ -0,0 +1,402 @@
+import { API } from "../tests/helpers/api";
+import { mutateElement } from "./mutateElement";
+import { normalizeElementOrder } from "./sortElements";
+import { ExcalidrawElement } from "./types";
+
+const assertOrder = (
+  elements: readonly ExcalidrawElement[],
+  expectedOrder: string[],
+) => {
+  const actualOrder = elements.map((element) => element.id);
+  expect(actualOrder).toEqual(expectedOrder);
+};
+
+describe("normalizeElementsOrder", () => {
+  it("sort bound-text elements", () => {
+    const container = API.createElement({
+      id: "container",
+      type: "rectangle",
+    });
+    const boundText = API.createElement({
+      id: "boundText",
+      type: "text",
+      containerId: container.id,
+    });
+    const otherElement = API.createElement({
+      id: "otherElement",
+      type: "rectangle",
+      boundElements: [],
+    });
+    const otherElement2 = API.createElement({
+      id: "otherElement2",
+      type: "rectangle",
+      boundElements: [],
+    });
+
+    mutateElement(container, {
+      boundElements: [{ type: "text", id: boundText.id }],
+    });
+
+    assertOrder(normalizeElementOrder([container, boundText]), [
+      "container",
+      "boundText",
+    ]);
+    assertOrder(normalizeElementOrder([boundText, container]), [
+      "container",
+      "boundText",
+    ]);
+    assertOrder(
+      normalizeElementOrder([
+        boundText,
+        container,
+        otherElement,
+        otherElement2,
+      ]),
+      ["container", "boundText", "otherElement", "otherElement2"],
+    );
+    assertOrder(normalizeElementOrder([container, otherElement, boundText]), [
+      "container",
+      "boundText",
+      "otherElement",
+    ]);
+    assertOrder(
+      normalizeElementOrder([
+        container,
+        otherElement,
+        otherElement2,
+        boundText,
+      ]),
+      ["container", "boundText", "otherElement", "otherElement2"],
+    );
+
+    assertOrder(
+      normalizeElementOrder([
+        boundText,
+        otherElement,
+        container,
+        otherElement2,
+      ]),
+      ["otherElement", "container", "boundText", "otherElement2"],
+    );
+
+    // noop
+    assertOrder(
+      normalizeElementOrder([
+        otherElement,
+        container,
+        boundText,
+        otherElement2,
+      ]),
+      ["otherElement", "container", "boundText", "otherElement2"],
+    );
+
+    // text has existing containerId, but container doesn't list is
+    // as a boundElement
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "boundText",
+          type: "text",
+          containerId: "container",
+        }),
+        API.createElement({
+          id: "container",
+          type: "rectangle",
+        }),
+      ]),
+      ["boundText", "container"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "boundText",
+          type: "text",
+          containerId: "container",
+        }),
+      ]),
+      ["boundText"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "container",
+          type: "rectangle",
+          boundElements: [],
+        }),
+      ]),
+      ["container"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "container",
+          type: "rectangle",
+          boundElements: [{ id: "x", type: "text" }],
+        }),
+      ]),
+      ["container"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "arrow",
+          type: "arrow",
+        }),
+        API.createElement({
+          id: "container",
+          type: "rectangle",
+          boundElements: [{ id: "arrow", type: "arrow" }],
+        }),
+      ]),
+      ["arrow", "container"],
+    );
+  });
+
+  it("normalize group order", () => {
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "A_rect1",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "rect2",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "rect3",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "A_rect4",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "A_rect5",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "rect6",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "A_rect7",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+      ]),
+      ["A_rect1", "A_rect4", "A_rect5", "A_rect7", "rect2", "rect3", "rect6"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "A_rect1",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "rect2",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "B_rect3",
+          type: "rectangle",
+          groupIds: ["B"],
+        }),
+        API.createElement({
+          id: "A_rect4",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "B_rect5",
+          type: "rectangle",
+          groupIds: ["B"],
+        }),
+        API.createElement({
+          id: "rect6",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "A_rect7",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+      ]),
+      ["A_rect1", "A_rect4", "A_rect7", "rect2", "B_rect3", "B_rect5", "rect6"],
+    );
+    // nested groups
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "A_rect1",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "BA_rect2",
+          type: "rectangle",
+          groupIds: ["B", "A"],
+        }),
+      ]),
+      ["A_rect1", "BA_rect2"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "BA_rect1",
+          type: "rectangle",
+          groupIds: ["B", "A"],
+        }),
+        API.createElement({
+          id: "A_rect2",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+      ]),
+      ["BA_rect1", "A_rect2"],
+    );
+    assertOrder(
+      normalizeElementOrder([
+        API.createElement({
+          id: "BA_rect1",
+          type: "rectangle",
+          groupIds: ["B", "A"],
+        }),
+        API.createElement({
+          id: "A_rect2",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "CBA_rect3",
+          type: "rectangle",
+          groupIds: ["C", "B", "A"],
+        }),
+        API.createElement({
+          id: "rect4",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "A_rect5",
+          type: "rectangle",
+          groupIds: ["A"],
+        }),
+        API.createElement({
+          id: "BA_rect5",
+          type: "rectangle",
+          groupIds: ["B", "A"],
+        }),
+        API.createElement({
+          id: "BA_rect6",
+          type: "rectangle",
+          groupIds: ["B", "A"],
+        }),
+        API.createElement({
+          id: "CBA_rect7",
+          type: "rectangle",
+          groupIds: ["C", "B", "A"],
+        }),
+        API.createElement({
+          id: "X_rect8",
+          type: "rectangle",
+          groupIds: ["X"],
+        }),
+        API.createElement({
+          id: "rect9",
+          type: "rectangle",
+        }),
+        API.createElement({
+          id: "YX_rect10",
+          type: "rectangle",
+          groupIds: ["Y", "X"],
+        }),
+        API.createElement({
+          id: "X_rect11",
+          type: "rectangle",
+          groupIds: ["X"],
+        }),
+      ]),
+      [
+        "BA_rect1",
+        "BA_rect5",
+        "BA_rect6",
+        "A_rect2",
+        "A_rect5",
+        "CBA_rect3",
+        "CBA_rect7",
+        "rect4",
+        "X_rect8",
+        "X_rect11",
+        "YX_rect10",
+        "rect9",
+      ],
+    );
+  });
+
+  // TODO
+  it.skip("normalize boundElements array", () => {
+    const container = API.createElement({
+      id: "container",
+      type: "rectangle",
+      boundElements: [],
+    });
+    const boundText = API.createElement({
+      id: "boundText",
+      type: "text",
+      containerId: container.id,
+    });
+
+    mutateElement(container, {
+      boundElements: [
+        { type: "text", id: boundText.id },
+        { type: "text", id: "xxx" },
+      ],
+    });
+
+    expect(normalizeElementOrder([container, boundText])).toEqual([
+      expect.objectContaining({
+        id: container.id,
+      }),
+      expect.objectContaining({ id: boundText.id }),
+    ]);
+  });
+
+  // should take around <100ms for 10K iterations (@dwelle's PC 22-05-25)
+  it.skip("normalizeElementsOrder() perf", () => {
+    const makeElements = (iterations: number) => {
+      const elements: ExcalidrawElement[] = [];
+      while (iterations--) {
+        const container = API.createElement({
+          type: "rectangle",
+          boundElements: [],
+          groupIds: ["B", "A"],
+        });
+        const boundText = API.createElement({
+          type: "text",
+          containerId: container.id,
+          groupIds: ["A"],
+        });
+        const otherElement = API.createElement({
+          type: "rectangle",
+          boundElements: [],
+          groupIds: ["C", "A"],
+        });
+        mutateElement(container, {
+          boundElements: [{ type: "text", id: boundText.id }],
+        });
+
+        elements.push(boundText, otherElement, container);
+      }
+      return elements;
+    };
+
+    const elements = makeElements(10000);
+    const t0 = Date.now();
+    normalizeElementOrder(elements);
+    console.info(`${Date.now() - t0}ms`);
+  });
+});
diff --git a/src/element/sortElements.ts b/src/element/sortElements.ts
new file mode 100644
index 000000000..3c91fc040
--- /dev/null
+++ b/src/element/sortElements.ts
@@ -0,0 +1,123 @@
+import { arrayToMapWithIndex } from "../utils";
+import { ExcalidrawElement } from "./types";
+
+const normalizeGroupElementOrder = (elements: readonly ExcalidrawElement[]) => {
+  const origElements: ExcalidrawElement[] = elements.slice();
+  const sortedElements = new Set<ExcalidrawElement>();
+
+  const orderInnerGroups = (
+    elements: readonly ExcalidrawElement[],
+  ): ExcalidrawElement[] => {
+    const firstGroupSig = elements[0]?.groupIds?.join("");
+    const aGroup: ExcalidrawElement[] = [elements[0]];
+    const bGroup: ExcalidrawElement[] = [];
+    for (const element of elements.slice(1)) {
+      if (element.groupIds?.join("") === firstGroupSig) {
+        aGroup.push(element);
+      } else {
+        bGroup.push(element);
+      }
+    }
+    return bGroup.length ? [...aGroup, ...orderInnerGroups(bGroup)] : aGroup;
+  };
+
+  const groupHandledElements = new Map<string, true>();
+
+  origElements.forEach((element, idx) => {
+    if (groupHandledElements.has(element.id)) {
+      return;
+    }
+    if (element.groupIds?.length) {
+      const topGroup = element.groupIds[element.groupIds.length - 1];
+      const groupElements = origElements.slice(idx).filter((element) => {
+        const ret = element?.groupIds?.some((id) => id === topGroup);
+        if (ret) {
+          groupHandledElements.set(element!.id, true);
+        }
+        return ret;
+      });
+
+      for (const elem of orderInnerGroups(groupElements)) {
+        sortedElements.add(elem);
+      }
+    } else {
+      sortedElements.add(element);
+    }
+  });
+
+  // if there's a bug which resulted in losing some of the elements, return
+  // original instead as that's better than losing data
+  if (sortedElements.size !== elements.length) {
+    console.error("normalizeGroupElementOrder: lost some elements... bailing!");
+    return elements;
+  }
+
+  return [...sortedElements];
+};
+
+/**
+ * In theory, when we have text elements bound to a container, they
+ * should be right after the container element in the elements array.
+ * However, this is not guaranteed due to old and potential future bugs.
+ *
+ * This function sorts containers and their bound texts together. It prefers
+ * original z-index of container (i.e. it moves bound text elements after
+ * containers).
+ */
+const normalizeBoundElementsOrder = (
+  elements: readonly ExcalidrawElement[],
+) => {
+  const elementsMap = arrayToMapWithIndex(elements);
+
+  const origElements: (ExcalidrawElement | null)[] = elements.slice();
+  const sortedElements = new Set<ExcalidrawElement>();
+
+  origElements.forEach((element, idx) => {
+    if (!element) {
+      return;
+    }
+    if (element.boundElements?.length) {
+      sortedElements.add(element);
+      origElements[idx] = null;
+      element.boundElements.forEach((boundElement) => {
+        const child = elementsMap.get(boundElement.id);
+        if (child && boundElement.type === "text") {
+          sortedElements.add(child[0]);
+          origElements[child[1]] = null;
+        }
+      });
+    } else if (element.type === "text" && element.containerId) {
+      const parent = elementsMap.get(element.containerId);
+      if (!parent?.[0].boundElements?.find((x) => x.id === element.id)) {
+        sortedElements.add(element);
+        origElements[idx] = null;
+
+        // if element has a container and container lists it, skip this element
+        // as it'll be taken care of by the container
+      }
+    } else {
+      sortedElements.add(element);
+      origElements[idx] = null;
+    }
+  });
+
+  // if there's a bug which resulted in losing some of the elements, return
+  // original instead as that's better than losing data
+  if (sortedElements.size !== elements.length) {
+    console.error(
+      "normalizeBoundElementsOrder: lost some elements... bailing!",
+    );
+    return elements;
+  }
+
+  return [...sortedElements];
+};
+
+export const normalizeElementOrder = (
+  elements: readonly ExcalidrawElement[],
+) => {
+  // console.time();
+  const ret = normalizeBoundElementsOrder(normalizeGroupElementOrder(elements));
+  // console.timeEnd();
+  return ret;
+};
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 033b3db0e..c726c1c3f 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -127,10 +127,16 @@ export const bindTextToShapeAfterDuplication = (
         const newContainer = sceneElementMap.get(newElementId);
         if (newContainer) {
           mutateElement(newContainer, {
-            boundElements: (newContainer.boundElements || []).concat({
-              type: "text",
-              id: newTextElementId,
-            }),
+            boundElements: (element.boundElements || [])
+              .filter(
+                (boundElement) =>
+                  boundElement.id !== newTextElementId &&
+                  boundElement.id !== boundTextElementId,
+              )
+              .concat({
+                type: "text",
+                id: newTextElementId,
+              }),
           });
         }
         const newTextElement = sceneElementMap.get(newTextElementId);
diff --git a/src/excalidraw-app/collab/reconciliation.ts b/src/excalidraw-app/collab/reconciliation.ts
index dee9f7390..76b6f052a 100644
--- a/src/excalidraw-app/collab/reconciliation.ts
+++ b/src/excalidraw-app/collab/reconciliation.ts
@@ -1,6 +1,7 @@
 import { PRECEDING_ELEMENT_KEY } from "../../constants";
 import { ExcalidrawElement } from "../../element/types";
 import { AppState } from "../../types";
+import { arrayToMapWithIndex } from "../../utils";
 
 export type ReconciledElements = readonly ExcalidrawElement[] & {
   _brand: "reconciledElements";
@@ -33,30 +34,13 @@ const shouldDiscardRemoteElement = (
   return false;
 };
 
-const getElementsMapWithIndex = <T extends ExcalidrawElement>(
-  elements: readonly T[],
-) =>
-  elements.reduce(
-    (
-      acc: {
-        [key: string]: [element: T, index: number] | undefined;
-      },
-      element: T,
-      idx,
-    ) => {
-      acc[element.id] = [element, idx];
-      return acc;
-    },
-    {},
-  );
-
 export const reconcileElements = (
   localElements: readonly ExcalidrawElement[],
   remoteElements: readonly BroadcastedExcalidrawElement[],
   localAppState: AppState,
 ): ReconciledElements => {
   const localElementsData =
-    getElementsMapWithIndex<ExcalidrawElement>(localElements);
+    arrayToMapWithIndex<ExcalidrawElement>(localElements);
 
   const reconciledElements: ExcalidrawElement[] = localElements.slice();
 
@@ -69,7 +53,7 @@ export const reconcileElements = (
   for (const remoteElement of remoteElements) {
     remoteElementIdx++;
 
-    const local = localElementsData[remoteElement.id];
+    const local = localElementsData.get(remoteElement.id);
 
     if (shouldDiscardRemoteElement(localAppState, local?.[0], remoteElement)) {
       if (remoteElement[PRECEDING_ELEMENT_KEY]) {
@@ -105,21 +89,21 @@ export const reconcileElements = (
         offset++;
         if (cursor === 0) {
           reconciledElements.unshift(remoteElement);
-          localElementsData[remoteElement.id] = [
+          localElementsData.set(remoteElement.id, [
             remoteElement,
             cursor - offset,
-          ];
+          ]);
         } else {
           reconciledElements.splice(cursor + 1, 0, remoteElement);
-          localElementsData[remoteElement.id] = [
+          localElementsData.set(remoteElement.id, [
             remoteElement,
             cursor + 1 - offset,
-          ];
+          ]);
           cursor++;
         }
       } else {
-        let idx = localElementsData[parent]
-          ? localElementsData[parent]![1]
+        let idx = localElementsData.has(parent)
+          ? localElementsData.get(parent)![1]
           : null;
         if (idx != null) {
           idx += offset;
@@ -127,38 +111,38 @@ export const reconcileElements = (
         if (idx != null && idx >= cursor) {
           reconciledElements.splice(idx + 1, 0, remoteElement);
           offset++;
-          localElementsData[remoteElement.id] = [
+          localElementsData.set(remoteElement.id, [
             remoteElement,
             idx + 1 - offset,
-          ];
+          ]);
           cursor = idx + 1;
         } else if (idx != null) {
           reconciledElements.splice(cursor + 1, 0, remoteElement);
           offset++;
-          localElementsData[remoteElement.id] = [
+          localElementsData.set(remoteElement.id, [
             remoteElement,
             cursor + 1 - offset,
-          ];
+          ]);
           cursor++;
         } else {
           reconciledElements.push(remoteElement);
-          localElementsData[remoteElement.id] = [
+          localElementsData.set(remoteElement.id, [
             remoteElement,
             reconciledElements.length - 1 - offset,
-          ];
+          ]);
         }
       }
       // no parent z-index information, local element exists → replace in place
     } else if (local) {
       reconciledElements[local[1]] = remoteElement;
-      localElementsData[remoteElement.id] = [remoteElement, local[1]];
+      localElementsData.set(remoteElement.id, [remoteElement, local[1]]);
       // otherwise push to the end
     } else {
       reconciledElements.push(remoteElement);
-      localElementsData[remoteElement.id] = [
+      localElementsData.set(remoteElement.id, [
         remoteElement,
         reconciledElements.length - 1 - offset,
-      ];
+      ]);
     }
   }
 
diff --git a/src/tests/zindex.test.tsx b/src/tests/zindex.test.tsx
index 402e0a2d9..a59af77cf 100644
--- a/src/tests/zindex.test.tsx
+++ b/src/tests/zindex.test.tsx
@@ -11,6 +11,7 @@ import {
 } from "../actions";
 import { AppState } from "../types";
 import { API } from "./helpers/api";
+import { selectGroupsForSelectedElements } from "../groups";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
@@ -34,6 +35,7 @@ const populateElements = (
     height?: number;
     containerId?: string;
   }[],
+  appState?: Partial<AppState>,
 ) => {
   const selectedElementIds: any = {};
 
@@ -84,6 +86,11 @@ const populateElements = (
   });
 
   h.setState({
+    ...selectGroupsForSelectedElements(
+      { ...h.state, ...appState, selectedElementIds },
+      h.elements,
+    ),
+    ...appState,
     selectedElementIds,
   });
 
@@ -111,11 +118,7 @@ const assertZindex = ({
   appState?: Partial<AppState>;
   operations: [Actions, string[]][];
 }) => {
-  const selectedElementIds = populateElements(elements);
-
-  h.setState({
-    editingGroupId: appState?.editingGroupId || null,
-  });
+  const selectedElementIds = populateElements(elements, appState);
 
   operations.forEach(([action, expected]) => {
     h.app.actionManager.executeAction(action);
@@ -884,9 +887,6 @@ describe("z-index manipulation", () => {
       { id: "A", groupIds: ["g1"], isSelected: true },
       { id: "B", groupIds: ["g1"], isSelected: true },
     ]);
-    h.setState({
-      selectedGroupIds: { g1: true },
-    });
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements).toMatchObject([
       { id: "A" },
@@ -908,9 +908,6 @@ describe("z-index manipulation", () => {
       { id: "B", groupIds: ["g1"], isSelected: true },
       { id: "C" },
     ]);
-    h.setState({
-      selectedGroupIds: { g1: true },
-    });
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements).toMatchObject([
       { id: "A" },
@@ -933,9 +930,6 @@ describe("z-index manipulation", () => {
       { id: "B", groupIds: ["g1"], isSelected: true },
       { id: "C", isSelected: true },
     ]);
-    h.setState({
-      selectedGroupIds: { g1: true },
-    });
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -952,9 +946,6 @@ describe("z-index manipulation", () => {
       { id: "C", groupIds: ["g2"], isSelected: true },
       { id: "D", groupIds: ["g2"], isSelected: true },
     ]);
-    h.setState({
-      selectedGroupIds: { g1: true, g2: true },
-    });
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -967,14 +958,16 @@ describe("z-index manipulation", () => {
       "D_copy",
     ]);
 
-    populateElements([
-      { id: "A", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "B", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "C", groupIds: ["g2"], isSelected: true },
-    ]);
-    h.setState({
-      selectedGroupIds: { g1: true },
-    });
+    populateElements(
+      [
+        { id: "A", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "B", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "C", groupIds: ["g2"], isSelected: true },
+      ],
+      {
+        selectedGroupIds: { g1: true },
+      },
+    );
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -985,14 +978,16 @@ describe("z-index manipulation", () => {
       "C_copy",
     ]);
 
-    populateElements([
-      { id: "A", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "B", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "C", groupIds: ["g2"], isSelected: true },
-    ]);
-    h.setState({
-      selectedGroupIds: { g2: true },
-    });
+    populateElements(
+      [
+        { id: "A", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "B", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "C", groupIds: ["g2"], isSelected: true },
+      ],
+      {
+        selectedGroupIds: { g2: true },
+      },
+    );
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -1003,17 +998,19 @@ describe("z-index manipulation", () => {
       "C_copy",
     ]);
 
-    populateElements([
-      { id: "A", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "B", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "C", groupIds: ["g2"], isSelected: true },
-      { id: "D", groupIds: ["g3", "g4"], isSelected: true },
-      { id: "E", groupIds: ["g3", "g4"], isSelected: true },
-      { id: "F", groupIds: ["g4"], isSelected: true },
-    ]);
-    h.setState({
-      selectedGroupIds: { g2: true, g4: true },
-    });
+    populateElements(
+      [
+        { id: "A", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "B", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "C", groupIds: ["g2"], isSelected: true },
+        { id: "D", groupIds: ["g3", "g4"], isSelected: true },
+        { id: "E", groupIds: ["g3", "g4"], isSelected: true },
+        { id: "F", groupIds: ["g4"], isSelected: true },
+      ],
+      {
+        selectedGroupIds: { g2: true, g4: true },
+      },
+    );
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -1030,11 +1027,14 @@ describe("z-index manipulation", () => {
       "F_copy",
     ]);
 
-    populateElements([
-      { id: "A", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "B", groupIds: ["g1", "g2"] },
-      { id: "C", groupIds: ["g2"] },
-    ]);
+    populateElements(
+      [
+        { id: "A", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "B", groupIds: ["g1", "g2"] },
+        { id: "C", groupIds: ["g2"] },
+      ],
+      { editingGroupId: "g1" },
+    );
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -1043,11 +1043,14 @@ describe("z-index manipulation", () => {
       "C",
     ]);
 
-    populateElements([
-      { id: "A", groupIds: ["g1", "g2"] },
-      { id: "B", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "C", groupIds: ["g2"] },
-    ]);
+    populateElements(
+      [
+        { id: "A", groupIds: ["g1", "g2"] },
+        { id: "B", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "C", groupIds: ["g2"] },
+      ],
+      { editingGroupId: "g1" },
+    );
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -1056,11 +1059,14 @@ describe("z-index manipulation", () => {
       "C",
     ]);
 
-    populateElements([
-      { id: "A", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "B", groupIds: ["g1", "g2"], isSelected: true },
-      { id: "C", groupIds: ["g2"], isSelected: true },
-    ]);
+    populateElements(
+      [
+        { id: "A", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "B", groupIds: ["g1", "g2"], isSelected: true },
+        { id: "C", groupIds: ["g2"] },
+      ],
+      { editingGroupId: "g1" },
+    );
     h.app.actionManager.executeAction(actionDuplicateSelection);
     expect(h.elements.map((element) => element.id)).toEqual([
       "A",
@@ -1068,7 +1074,42 @@ describe("z-index manipulation", () => {
       "B",
       "B_copy",
       "C",
+    ]);
+  });
+
+  it("duplicating incorrectly interleaved elements (group elements should be together) should still produce reasonable result", () => {
+    populateElements([
+      { id: "A", groupIds: ["g1"], isSelected: true },
+      { id: "B" },
+      { id: "C", groupIds: ["g1"], isSelected: true },
+    ]);
+    h.app.actionManager.executeAction(actionDuplicateSelection);
+    expect(h.elements.map((element) => element.id)).toEqual([
+      "A",
+      "C",
+      "A_copy",
       "C_copy",
+      "B",
+    ]);
+  });
+
+  it("group-selected duplication should includes deleted elements that weren't selected on account of being deleted", () => {
+    populateElements([
+      { id: "A", groupIds: ["g1"], isDeleted: true },
+      { id: "B", groupIds: ["g1"], isSelected: true },
+      { id: "C", groupIds: ["g1"], isSelected: true },
+      { id: "D" },
+    ]);
+    expect(h.state.selectedGroupIds).toEqual({ g1: true });
+    h.app.actionManager.executeAction(actionDuplicateSelection);
+    expect(h.elements.map((element) => element.id)).toEqual([
+      "A",
+      "B",
+      "C",
+      "A_copy",
+      "B_copy",
+      "C_copy",
+      "D",
     ]);
   });
 
diff --git a/src/utils.ts b/src/utils.ts
index 60ad24f1c..b2d85d4d3 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -607,6 +607,14 @@ export const arrayToMap = <T extends { id: string } | string>(
   }, new Map());
 };
 
+export const arrayToMapWithIndex = <T extends { id: string }>(
+  elements: readonly T[],
+) =>
+  elements.reduce((acc, element: T, idx) => {
+    acc.set(element.id, [element, idx]);
+    return acc;
+  }, new Map<string, [element: T, index: number]>());
+
 export const isTestEnv = () =>
   typeof process !== "undefined" && process.env?.NODE_ENV === "test";
 

From 4414069617ae3ebc3fcad7e926a87a9a76e68355 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 3 Feb 2023 17:07:14 +0100
Subject: [PATCH 063/252] feat: disable canvas smoothing (antialiasing) for
 right-angled elements (#6186)Co-authored-by: Ignacio Cuadra
 <67276174+ignacio-cuadra@users.noreply.github.com>

* feat: disable canvas smoothing for text and other types

* disable smoothing for all right-angled elements

* Update src/renderer/renderElement.ts

Co-authored-by: Ignacio Cuadra <67276174+ignacio-cuadra@users.noreply.github.com>

* Update src/renderer/renderElement.ts

Co-authored-by: Ignacio Cuadra <67276174+ignacio-cuadra@users.noreply.github.com>

* fix lint

* always enable smoothing while zooming

---------

Co-authored-by: Ignacio Cuadra <67276174+ignacio-cuadra@users.noreply.github.com>
---
 src/math.ts                   | 12 ++++++++++++
 src/renderer/renderElement.ts | 28 +++++++++++++++++++++++++++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/src/math.ts b/src/math.ts
index 2deb221b6..cfa28e230 100644
--- a/src/math.ts
+++ b/src/math.ts
@@ -459,3 +459,15 @@ export const mapIntervalToBezierT = (
 export const arePointsEqual = (p1: Point, p2: Point) => {
   return p1[0] === p2[0] && p1[1] === p2[1];
 };
+
+export const isRightAngle = (angle: number) => {
+  // if our angles were mathematically accurate, we could just check
+  //
+  //    angle % (Math.PI / 2) === 0
+  //
+  // but since we're in floating point land, we need to round.
+  //
+  // Below, after dividing by Math.PI, a multiple of 0.5 indicates a right
+  // angle, which we can check with modulo after rounding.
+  return Math.round((angle / Math.PI) * 10000) % 5000 === 0;
+};
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index f77a8c482..39173d7b5 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -27,7 +27,7 @@ import { RoughGenerator } from "roughjs/bin/generator";
 
 import { RenderConfig } from "../scene/types";
 import { distance, getFontString, getFontFamilyString, isRTL } from "../utils";
-import { getCornerRadius, isPathALoop } from "../math";
+import { getCornerRadius, isPathALoop, isRightAngle } from "../math";
 import rough from "roughjs/bin/rough";
 import { AppState, BinaryFiles, Zoom } from "../types";
 import { getDefaultAppState } from "../appState";
@@ -989,7 +989,33 @@ export const renderElement = (
           element,
           renderConfig,
         );
+
+        const currentImageSmoothingStatus = context.imageSmoothingEnabled;
+
+        if (
+          // do not disable smoothing during zoom as blurry shapes look better
+          // on low resolution (while still zooming in) than sharp ones
+          !renderConfig?.shouldCacheIgnoreZoom &&
+          // angle is 0 -> always disable smoothing
+          (!element.angle ||
+            // or check if angle is a right angle in which case we can still
+            // disable smoothing without adversely affecting the result
+            isRightAngle(element.angle))
+        ) {
+          // Disabling smoothing makes output much sharper, especially for
+          // text. Unless for non-right angles, where the aliasing is really
+          // terrible on Chromium.
+          //
+          // Note that `context.imageSmoothingQuality="high"` has almost
+          // zero effect.
+          //
+          context.imageSmoothingEnabled = false;
+        }
+
         drawElementFromCanvas(elementWithCanvas, rc, context, renderConfig);
+
+        // reset
+        context.imageSmoothingEnabled = currentImageSmoothingStatus;
       }
       break;
     }

From 4db87a0b6a2c58418df657a15050e764da3deeab Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Sat, 4 Feb 2023 10:04:15 +0100
Subject: [PATCH 064/252] chore: Update translations from Crowdin (#6150)

---
 src/locales/ar-SA.json       | 52 ++++++++++++++++----------------
 src/locales/bg-BG.json       |  6 ++--
 src/locales/bn-BD.json       |  8 +++--
 src/locales/ca-ES.json       |  8 +++--
 src/locales/cs-CZ.json       |  6 ++--
 src/locales/da-DK.json       |  6 ++--
 src/locales/de-DE.json       |  8 +++--
 src/locales/el-GR.json       |  8 +++--
 src/locales/es-ES.json       |  8 +++--
 src/locales/eu-ES.json       |  8 +++--
 src/locales/fa-IR.json       |  8 +++--
 src/locales/fi-FI.json       |  8 +++--
 src/locales/fr-FR.json       | 10 ++++---
 src/locales/gl-ES.json       |  8 +++--
 src/locales/he-IL.json       |  8 +++--
 src/locales/hi-IN.json       | 22 +++++++-------
 src/locales/hu-HU.json       |  8 +++--
 src/locales/id-ID.json       |  8 +++--
 src/locales/it-IT.json       |  8 +++--
 src/locales/ja-JP.json       |  8 +++--
 src/locales/kab-KAB.json     | 14 +++++----
 src/locales/kk-KZ.json       |  6 ++--
 src/locales/ko-KR.json       |  8 +++--
 src/locales/ku-TR.json       |  8 +++--
 src/locales/lt-LT.json       |  8 +++--
 src/locales/lv-LV.json       |  8 +++--
 src/locales/mr-IN.json       | 22 +++++++-------
 src/locales/my-MM.json       |  6 ++--
 src/locales/nb-NO.json       |  8 +++--
 src/locales/nl-NL.json       |  8 +++--
 src/locales/nn-NO.json       |  8 +++--
 src/locales/oc-FR.json       | 16 +++++-----
 src/locales/pa-IN.json       |  6 ++--
 src/locales/percentages.json | 58 ++++++++++++++++++------------------
 src/locales/pl-PL.json       |  8 +++--
 src/locales/pt-BR.json       |  8 +++--
 src/locales/pt-PT.json       |  8 +++--
 src/locales/ro-RO.json       |  8 +++--
 src/locales/ru-RU.json       | 22 +++++++-------
 src/locales/si-LK.json       |  6 ++--
 src/locales/sk-SK.json       |  8 +++--
 src/locales/sl-SI.json       |  8 +++--
 src/locales/sv-SE.json       | 36 +++++++++++-----------
 src/locales/ta-IN.json       |  8 +++--
 src/locales/tr-TR.json       |  8 +++--
 src/locales/uk-UA.json       |  8 +++--
 src/locales/vi-VN.json       | 12 ++++----
 src/locales/zh-CN.json       |  8 +++--
 src/locales/zh-HK.json       |  6 ++--
 src/locales/zh-TW.json       |  8 +++--
 50 files changed, 333 insertions(+), 235 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 8594200c0..2a682ad70 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -109,35 +109,35 @@
     "decreaseFontSize": "تصغير حجم الخط",
     "increaseFontSize": "تكبير حجم الخط",
     "unbindText": "فك ربط النص",
-    "bindText": "",
+    "bindText": "ربط النص بالحاوية",
     "link": {
       "edit": "تعديل الرابط",
       "create": "إنشاء رابط",
       "label": "رابط"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "تحرير السطر",
+      "exit": "الخروج من المُحرر"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "قفل",
+      "unlock": "فتح",
+      "lockAll": "قفل الكل",
+      "unlockAll": "فتح الكل"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "نُشر",
+    "sidebarLock": "إبقاء الشريط الجانبي مفتوح"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "لا توجد عناصر أضيفت بعد...",
+    "hint_emptyLibrary": "حدد عنصر على القماش لإضافته هنا، أو تثبيت مكتبة من المستودع العام أدناه.",
+    "hint_emptyPrivateLibrary": "حدد عنصر على القماش لإضافته هنا."
   },
   "buttons": {
     "clearReset": "إعادة تعيين اللوحة",
     "exportJSON": "صدر الملف",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "تصدير الصورة...",
+    "export": "حفظ إلى...",
     "exportToPng": "تصدير بصيغة PNG",
     "exportToSvg": "تصدير بصيغة SVG",
     "copyToClipboard": "نسخ إلى الحافظة",
@@ -179,7 +179,7 @@
     "couldNotLoadInvalidFile": "تعذر التحميل، الملف غير صالح",
     "importBackendFailed": "فشل الاستيراد من الخادوم.",
     "cannotExportEmptyCanvas": "لا يمكن تصدير لوحة فارغة.",
-    "couldNotCopyToClipboard": "",
+    "couldNotCopyToClipboard": "تعذر النسخ إلى الحافظة.",
     "decryptFailed": "تعذر فك تشفير البيانات.",
     "uploadedSecurly": "تم تأمين التحميل بتشفير النهاية إلى النهاية، مما يعني أن خادوم Excalidraw والأطراف الثالثة لا يمكنها قراءة المحتوى.",
     "loadSceneOverridePrompt": "تحميل الرسم الخارجي سيحل محل المحتوى الموجود لديك. هل ترغب في المتابعة؟",
@@ -200,10 +200,10 @@
     "fileTooBig": "الملف كبير جداً. الحد الأقصى المسموح به للحجم هو {{maxSize}}.",
     "svgImageInsertError": "تعذر إدراج صورة SVG. يبدو أن ترميز SVG غير صحيح.",
     "invalidSVGString": "SVG غير صالح.",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": "",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "cannotResolveCollabServer": "تعذر الاتصال بخادم التعاون. الرجاء إعادة تحميل الصفحة والمحاولة مرة أخرى.",
+    "importLibraryError": "تعذر تحميل المكتبة",
+    "collabSaveFailed": "تعذر الحفظ في قاعدة البيانات. إذا استمرت المشاكل، يفضل أن تحفظ ملفك محليا كي لا تفقد عملك.",
+    "collabSaveFailed_sizeExceeded": "تعذر الحفظ في قاعدة البيانات، يبدو أن القماش كبير للغاية، يفضّل حفظ الملف محليا كي لا تفقد عملك."
   },
   "toolBar": {
     "selection": "تحديد",
@@ -217,9 +217,10 @@
     "text": "نص",
     "library": "مكتبة",
     "lock": "الحفاظ على أداة التحديد نشطة بعد الرسم",
-    "penMode": "",
-    "link": "",
-    "eraser": "ممحاة"
+    "penMode": "وضع القلم - امنع اللمس",
+    "link": "إضافة/تحديث الرابط للشكل المحدد",
+    "eraser": "ممحاة",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "إجراءات اللوحة",
@@ -227,7 +228,7 @@
     "shapes": "الأشكال"
   },
   "hints": {
-    "canvasPanning": "لتحريك لوحة الرسم ، استمر في الضغط على عجلة الماوس أو مفتاح المسافة أثناء السحب",
+    "canvasPanning": "لتحريك القماش، اضغط على عجلة الفأرة أو مفتاح المسافة أثناء السحب، أو استخدم أداة اليد",
     "linearElement": "انقر لبدء نقاط متعددة، اسحب لخط واحد",
     "freeDraw": "انقر واسحب، افرج عند الانتهاء",
     "text": "نصيحة: يمكنك أيضًا إضافة نص بالنقر المزدوج في أي مكان بأداة الاختيار",
@@ -238,14 +239,15 @@
     "resize": "يمكنك تقييد النسب بالضغط على SHIFT أثناء تغيير الحجم،\nاضغط على ALT لتغيير الحجم من المركز",
     "resizeImage": "يمكنك تغيير الحجم بحرية بالضغط بأستمرار على SHIFT،\nاضغط بأستمرار على ALT أيضا لتغيير الحجم من المركز",
     "rotate": "يمكنك تقييد الزوايا من خلال الضغط على SHIFT أثناء الدوران",
-    "lineEditor_info": "",
+    "lineEditor_info": "اضغط على مفتاح (Ctrl أو Cmd) و انقر بشكل مزدوج، أو اضغط على مفتاحي (Ctrl أو Cmd) و (Enter) لتعديل النقاط",
     "lineEditor_pointSelected": "",
     "lineEditor_nothingSelected": "",
     "placeImage": "",
     "publishLibrary": "نشر مكتبتك",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "تعذر عرض المعاينة",
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index 06f45a9a7..7f59678c0 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -219,7 +219,8 @@
     "lock": "Поддържайте избрания инструмент активен след рисуване",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Действия по платното",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "Натиснете Enter, за да добавите",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Невъзможност за показване на preview",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 2bac711c1..29c35eb63 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -219,7 +219,8 @@
     "lock": "আঁকার পরে নির্বাচিত টুল সক্রিয় রাখুন",
     "penMode": "",
     "link": "একটি নির্বাচিত আকৃতির জন্য লিঙ্ক যোগ বা আপডেট করুন",
-    "eraser": "ঝাড়ন"
+    "eraser": "ঝাড়ন",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "ক্যানভাস কার্যকলাপ",
@@ -227,7 +228,7 @@
     "shapes": "আকার(গুলি)"
   },
   "hints": {
-    "canvasPanning": "ক্যানভাস সরানোর জন্য মাউস হুইল বা স্পেসবার ধরে টানুন",
+    "canvasPanning": "",
     "linearElement": "একাধিক বিন্দু শুরু করতে ক্লিক করুন, একক লাইনের জন্য টেনে আনুন",
     "freeDraw": "ক্লিক করুন এবং টেনে আনুন, আপনার কাজ শেষ হলে ছেড়ে দিন",
     "text": "বিশেষ্য: আপনি নির্বাচন টুলের সাথে যে কোনো জায়গায় ডাবল-ক্লিক করে পাঠ্য যোগ করতে পারেন",
@@ -245,7 +246,8 @@
     "publishLibrary": "আপনার নিজস্ব সংগ্রহ প্রকাশ করুন",
     "bindTextToElement": "লেখা যোগ করতে এন্টার টিপুন",
     "deepBoxSelect": "",
-    "eraserRevert": "মুছে ফেলার জন্য চিহ্নিত উপাদানগুলিকে ফিরিয়ে আনতে অল্ট ধরে রাখুন"
+    "eraserRevert": "মুছে ফেলার জন্য চিহ্নিত উপাদানগুলিকে ফিরিয়ে আনতে অল্ট ধরে রাখুন",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "প্রিভিউ দেখাতে অপারগ",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index e529383b6..82415ff97 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -219,7 +219,8 @@
     "lock": "Mantenir activa l'eina seleccionada desprès de dibuixar",
     "penMode": "",
     "link": "Afegeix / actualitza l'enllaç per a la forma seleccionada",
-    "eraser": "Esborrador"
+    "eraser": "Esborrador",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Accions del llenç",
@@ -227,7 +228,7 @@
     "shapes": "Formes"
   },
   "hints": {
-    "canvasPanning": "Per a moure el llenç, mantingueu premuda la roda del ratolí o la tecla espai mentre l'arrossegueu",
+    "canvasPanning": "",
     "linearElement": "Feu clic per a dibuixar múltiples punts; arrossegueu per a una sola línia",
     "freeDraw": "Feu clic i arrossegueu, deixeu anar per a finalitzar",
     "text": "Consell: també podeu afegir text fent doble clic en qualsevol lloc amb l'eina de selecció",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publiqueu la vostra pròpia llibreria",
     "bindTextToElement": "Premeu enter per a afegir-hi text",
     "deepBoxSelect": "Manteniu CtrlOrCmd per a selecció profunda, i per a evitar l'arrossegament",
-    "eraserRevert": "Mantingueu premuda Alt per a revertir els elements seleccionats per a esborrar"
+    "eraserRevert": "Mantingueu premuda Alt per a revertir els elements seleccionats per a esborrar",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "No es pot mostrar la previsualització",
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 7dddb1116..fa225d2a1 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -219,7 +219,8 @@
     "lock": "",
     "penMode": "",
     "link": "",
-    "eraser": "Guma"
+    "eraser": "Guma",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 6f3876dcf..5b41ddb1e 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -219,7 +219,8 @@
     "lock": "",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index f5dd739d1..a14f52859 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -219,7 +219,8 @@
     "lock": "Ausgewähltes Werkzeug nach Zeichnen aktiv lassen",
     "penMode": "Stift-Modus - Berührung verhindern",
     "link": "Link für ausgewählte Form hinzufügen / aktualisieren",
-    "eraser": "Radierer"
+    "eraser": "Radierer",
+    "hand": "Hand (Schwenkwerkzeug)"
   },
   "headings": {
     "canvasActions": "Aktionen für Zeichenfläche",
@@ -227,7 +228,7 @@
     "shapes": "Formen"
   },
   "hints": {
-    "canvasPanning": "Um die Zeichenfläche zu verschieben, halte das Mausrad oder die Leertaste während des Ziehens",
+    "canvasPanning": "Um die Zeichenfläche zu verschieben, halte das Mausrad oder die Leertaste während des Ziehens, oder verwende das Hand-Werkzeug",
     "linearElement": "Klicken für Linie mit mehreren Punkten, Ziehen für einzelne Linie",
     "freeDraw": "Klicke und ziehe. Lass los, wenn du fertig bist",
     "text": "Tipp: Du kannst auch Text hinzufügen, indem du mit dem Auswahlwerkzeug auf eine beliebige Stelle doppelklickst",
@@ -245,7 +246,8 @@
     "publishLibrary": "Veröffentliche deine eigene Bibliothek",
     "bindTextToElement": "Zum Hinzufügen Eingabetaste drücken",
     "deepBoxSelect": "Halte CtrlOrCmd gedrückt, um innerhalb der Gruppe auszuwählen, und um Ziehen zu vermeiden",
-    "eraserRevert": "Halte Alt gedrückt, um die zum Löschen markierten Elemente zurückzusetzen"
+    "eraserRevert": "Halte Alt gedrückt, um die zum Löschen markierten Elemente zurückzusetzen",
+    "firefox_clipboard_write": "Diese Funktion kann wahrscheinlich aktiviert werden, indem die Einstellung \"dom.events.asyncClipboard.clipboardItem\" auf \"true\" gesetzt wird. Um die Browsereinstellungen in Firefox zu ändern, besuche die Seite \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Vorschau kann nicht angezeigt werden",
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index a603bd18f..02534c326 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -219,7 +219,8 @@
     "lock": "Κράτησε επιλεγμένο το εργαλείο μετά το σχέδιο",
     "penMode": "Λειτουργία μολυβιού - αποτροπή αφής",
     "link": "Προσθήκη/ Ενημέρωση συνδέσμου για ένα επιλεγμένο σχήμα",
-    "eraser": "Γόμα"
+    "eraser": "Γόμα",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Ενέργειες καμβά",
@@ -227,7 +228,7 @@
     "shapes": "Σχήματα"
   },
   "hints": {
-    "canvasPanning": "Για να μετακινήσετε καμβά, κρατήστε πατημένο τον τροχό του ποντικιού ή το πλήκτρο διαστήματος ενώ σύρετε",
+    "canvasPanning": "",
     "linearElement": "Κάνε κλικ για να ξεκινήσεις πολλαπλά σημεία, σύρε για μια γραμμή",
     "freeDraw": "Κάντε κλικ και σύρτε, απελευθερώσατε όταν έχετε τελειώσει",
     "text": "Tip: μπορείτε επίσης να προσθέστε κείμενο με διπλό-κλικ οπουδήποτε με το εργαλείο επιλογών",
@@ -245,7 +246,8 @@
     "publishLibrary": "Δημοσιεύστε τη δική σας βιβλιοθήκη",
     "bindTextToElement": "Πατήστε Enter για προσθήκη κειμένου",
     "deepBoxSelect": "Κρατήστε πατημένο το CtrlOrCmd για να επιλέξετε βαθιά, και να αποτρέψετε τη μεταφορά",
-    "eraserRevert": "Κρατήστε πατημένο το Alt για να επαναφέρετε τα στοιχεία που σημειώθηκαν για διαγραφή"
+    "eraserRevert": "Κρατήστε πατημένο το Alt για να επαναφέρετε τα στοιχεία που σημειώθηκαν για διαγραφή",
+    "firefox_clipboard_write": "Αυτή η επιλογή μπορεί πιθανώς να ενεργοποιηθεί αλλάζοντας την ρύθμιση \"dom.events.asyncClipboard.clipboardItem\" σε \"true\". Για να αλλάξετε τις ρυθμίσεις του προγράμματος περιήγησης στο Firefox, επισκεφθείτε τη σελίδα \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Αδυναμία εμφάνισης προεπισκόπησης",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index 81fa8efbb..e70ad64e5 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -219,7 +219,8 @@
     "lock": "Mantener la herramienta seleccionada activa después de dibujar",
     "penMode": "Modo Lápiz - previene toque",
     "link": "Añadir/Actualizar enlace para una forma seleccionada",
-    "eraser": "Borrar"
+    "eraser": "Borrar",
+    "hand": "Mano (herramienta de panoramización)"
   },
   "headings": {
     "canvasActions": "Acciones del lienzo",
@@ -227,7 +228,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "Para mover el lienzo, mantenga la rueda del ratón o la barra de espacio mientras arrastra",
+    "canvasPanning": "Para mover el lienzo, mantenga la rueda del ratón o la barra espaciadora mientras arrastra o utilice la herramienta de mano",
     "linearElement": "Haz clic para dibujar múltiples puntos, arrastrar para solo una línea",
     "freeDraw": "Haz clic y arrastra, suelta al terminar",
     "text": "Consejo: también puedes añadir texto haciendo doble clic en cualquier lugar con la herramienta de selección",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publica tu propia biblioteca",
     "bindTextToElement": "Presione Entrar para agregar",
     "deepBoxSelect": "Mantén CtrlOrCmd para seleccionar en profundidad, y para evitar arrastrar",
-    "eraserRevert": "Mantenga pulsado Alt para revertir los elementos marcados para su eliminación"
+    "eraserRevert": "Mantenga pulsado Alt para revertir los elementos marcados para su eliminación",
+    "firefox_clipboard_write": "Esta característica puede ser habilitada estableciendo la bandera \"dom.events.asyncClipboard.clipboardItem\" a \"true\". Para cambiar las banderas del navegador en Firefox, visite la página \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "No se puede mostrar la vista previa",
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index c606112cc..e35e8c40c 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -219,7 +219,8 @@
     "lock": "Mantendu aktibo hautatutako tresna marraztu ondoren",
     "penMode": "Luma modua - ukipena saihestu",
     "link": "Gehitu / Eguneratu esteka hautatutako forma baterako",
-    "eraser": "Borragoma"
+    "eraser": "Borragoma",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Canvas ekintzak",
@@ -227,7 +228,7 @@
     "shapes": "Formak"
   },
   "hints": {
-    "canvasPanning": "Oihala mugitzeko, sakatu saguaren gurpila edo zuriune-barra arrastatzean",
+    "canvasPanning": "",
     "linearElement": "Egin klik hainbat puntu hasteko, arrastatu lerro bakarrerako",
     "freeDraw": "Egin klik eta arrastatu, askatu amaitutakoan",
     "text": "Aholkua: testua gehitu dezakezu edozein lekutan klik bikoitza eginez hautapen tresnarekin",
@@ -245,7 +246,8 @@
     "publishLibrary": "Argitaratu zure liburutegia",
     "bindTextToElement": "Sakatu Sartu testua gehitzeko",
     "deepBoxSelect": "Eutsi Ctrl edo Cmd sakatuta aukeraketa sakona egiteko eta arrastatzea saihesteko",
-    "eraserRevert": "Eduki Alt sakatuta ezabatzeko markatutako elementuak leheneratzeko"
+    "eraserRevert": "Eduki Alt sakatuta ezabatzeko markatutako elementuak leheneratzeko",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Ezin da oihala aurreikusi",
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 6d47df998..817ed51dd 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -219,7 +219,8 @@
     "lock": "ابزار انتخاب شده را بعد از کشیدن نگه دار",
     "penMode": "حالت قلم - جلوگیری از تماس",
     "link": "افزودن/به‌روزرسانی پیوند برای شکل انتخابی",
-    "eraser": "پاک کن"
+    "eraser": "پاک کن",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "عملیات روی بوم",
@@ -227,7 +228,7 @@
     "shapes": "شکل‌ها"
   },
   "hints": {
-    "canvasPanning": "برای حرکت دادن بوم، چرخ ماوس یا فاصله را در حین کشیدن نگه دارید",
+    "canvasPanning": "",
     "linearElement": "برای چند نقطه کلیک و برای یک خط بکشید",
     "freeDraw": "کلیک کنید و بکشید و وقتی کار تمام شد رها کنید",
     "text": "نکته: با برنامه انتخاب شده شما میتوانید با دوبار کلیک کردن هرکجا میخواید متن اظاف کنید",
@@ -245,7 +246,8 @@
     "publishLibrary": "کتابخانه خود را منتشر کنید",
     "bindTextToElement": "برای افزودن اینتر را بزنید",
     "deepBoxSelect": "CtrlOrCmd را برای انتخاب عمیق و جلوگیری از کشیدن نگه دارید",
-    "eraserRevert": "Alt را نگه دارید تا عناصر علامت گذاری شده برای حذف برگردند"
+    "eraserRevert": "Alt را نگه دارید تا عناصر علامت گذاری شده برای حذف برگردند",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "پیش نمایش نشان داده نمی شود",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 1f934d87b..2346a018c 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -219,7 +219,8 @@
     "lock": "Pidä valittu työkalu aktiivisena piirron jälkeen",
     "penMode": "",
     "link": "Lisää/päivitä linkki valitulle muodolle",
-    "eraser": "Poistotyökalu"
+    "eraser": "Poistotyökalu",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Piirtoalueen toiminnot",
@@ -227,7 +228,7 @@
     "shapes": "Muodot"
   },
   "hints": {
-    "canvasPanning": "Liikuttaaksesi piirtoaluetta, raahaa hiiren vieritysrulla tai välilyöntinäppäin alaspainettuna",
+    "canvasPanning": "",
     "linearElement": "Klikkaa piirtääksesi useampi piste, raahaa piirtääksesi yksittäinen viiva",
     "freeDraw": "Paina ja raahaa, päästä irti kun olet valmis",
     "text": "Vinkki: voit myös lisätä tekstiä kaksoisnapsauttamalla mihin tahansa valintatyökalulla",
@@ -245,7 +246,8 @@
     "publishLibrary": "Julkaise oma kirjasto",
     "bindTextToElement": "Lisää tekstiä painamalla enter",
     "deepBoxSelect": "Käytä syvävalintaa ja estä raahaus painamalla CtrlOrCmd",
-    "eraserRevert": "Pidä Alt alaspainettuna, kumotaksesi merkittyjen elementtien poistamisen"
+    "eraserRevert": "Pidä Alt alaspainettuna, kumotaksesi merkittyjen elementtien poistamisen",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Esikatselua ei voitu näyttää",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 2d107b5d3..57afcf9b3 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -45,7 +45,7 @@
     "exportEmbedScene": "Intégrer la scène",
     "exportEmbedScene_details": "Les données de scène seront enregistrées dans le fichier PNG/SVG exporté, afin que la scène puisse être restaurée à partir de celui-ci.\nCela augmentera la taille du fichier exporté.",
     "addWatermark": "Ajouter \"Réalisé avec Excalidraw\"",
-    "handDrawn": "Manuscrit",
+    "handDrawn": "À main levée",
     "normal": "Normale",
     "code": "Code",
     "small": "Petite",
@@ -219,7 +219,8 @@
     "lock": "Garder l'outil sélectionné actif après le dessin",
     "penMode": "Mode stylo - évite le toucher",
     "link": "Ajouter/mettre à jour le lien pour une forme sélectionnée",
-    "eraser": "Gomme"
+    "eraser": "Gomme",
+    "hand": "Mains (outil de déplacement de la vue)"
   },
   "headings": {
     "canvasActions": "Actions du canevas",
@@ -227,7 +228,7 @@
     "shapes": "Formes"
   },
   "hints": {
-    "canvasPanning": "Pour déplacer la zone de dessin, maintenez la molette de la souris enfoncée ou la barre d'espace tout en faisant glisser",
+    "canvasPanning": "Pour déplacer la zone de dessin, maintenez la molette de la souris enfoncée ou la barre d'espace tout en faisant glisser, ou utiliser l'outil main.",
     "linearElement": "Cliquez pour démarrer plusieurs points, faites glisser pour une seule ligne",
     "freeDraw": "Cliquez et faites glissez, relâchez quand vous avez terminé",
     "text": "Astuce : vous pouvez aussi ajouter du texte en double-cliquant n'importe où avec l'outil de sélection",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publier votre propre bibliothèque",
     "bindTextToElement": "Appuyer sur Entrée pour ajouter du texte",
     "deepBoxSelect": "Maintenir Ctrl ou Cmd pour sélectionner dans les groupes et empêcher le déplacement",
-    "eraserRevert": "Maintenez Alt enfoncé pour annuler les éléments marqués pour suppression"
+    "eraserRevert": "Maintenez Alt enfoncé pour annuler les éléments marqués pour suppression",
+    "firefox_clipboard_write": "Cette fonctionnalité devrait pouvoir être activée en définissant l'option \"dom.events.asyncClipboard.clipboard.clipboardItem\" à \"true\". Pour modifier les paramètres du navigateur dans Firefox, visitez la page \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Impossible d’afficher l’aperçu",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 677975018..d7053c961 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -219,7 +219,8 @@
     "lock": "Manter a ferramenta seleccionada activa despois de debuxar",
     "penMode": "Modo lapis - evitar o contacto",
     "link": "Engadir/ Actualizar ligazón para a forma seleccionada",
-    "eraser": "Goma de borrar"
+    "eraser": "Goma de borrar",
+    "hand": "Man (ferramenta de desprazamento)"
   },
   "headings": {
     "canvasActions": "Accións do lenzo",
@@ -227,7 +228,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "Para mover o lenzo, manteña a roda do rato ou a barra de espazo mentres arrastra",
+    "canvasPanning": "Para mover o lenzo, manteña pulsada a roda do rato ou a barra de espazo mentres arrastra, ou utilice a ferramenta da man",
     "linearElement": "Faga clic para iniciar varios puntos, arrastre para unha sola liña",
     "freeDraw": "Fai clic e arrastra, solta cando acabes",
     "text": "Consello: tamén podes engadir texto facendo dobre-clic en calquera lugar coa ferramenta de selección",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publica a túa propia biblioteca",
     "bindTextToElement": "Prema a tecla enter para engadir texto",
     "deepBoxSelect": "Manteña pulsado CtrlOrCmd para seleccionar en profundidade e evitar o arrastre",
-    "eraserRevert": "Manteña pulsado Alt para reverter os elementos marcados para a súa eliminación"
+    "eraserRevert": "Manteña pulsado Alt para reverter os elementos marcados para a súa eliminación",
+    "firefox_clipboard_write": "Esta función pódese activar establecendo a opción \"dom.events.asyncClipboard.clipboardItem\" a \"true\". Para cambiar as opcións do navegador en Firefox, visita a páxina \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Non se pode mostrar a vista previa",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index ba81af3ca..faa0013b6 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -219,7 +219,8 @@
     "lock": "השאר את הכלי הנבחר פעיל גם לאחר סיום הציור",
     "penMode": "",
     "link": "הוספה/עדכון של קישור עבור הצורה הנבחרת",
-    "eraser": "מחק"
+    "eraser": "מחק",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "פעולות הלוח",
@@ -227,7 +228,7 @@
     "shapes": "צורות"
   },
   "hints": {
-    "canvasPanning": "כדי להזיז את הקנבס לחצו על גלגל העכבר או על מקש הרווח תוך כדי גרירה",
+    "canvasPanning": "",
     "linearElement": "הקלק בשביל לבחור נקודות מרובות, גרור בשביל קו בודד",
     "freeDraw": "לחץ וגרור, שחרר כשסיימת",
     "text": "טיפ: אפשר להוסיף טקסט על ידי לחיצה כפולה בכל מקום עם כלי הבחירה",
@@ -245,7 +246,8 @@
     "publishLibrary": "פירסום ספריה אישית",
     "bindTextToElement": "יש להקיש Enter כדי להוסיף טקסט",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "לא הצלחנו להציג את התצוגה המקדימה",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index b70c0d255..c0aca8982 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -219,7 +219,8 @@
     "lock": "ड्राइंग के बाद चयनित टूल को सक्रिय रखें",
     "penMode": "पेन का मोड - स्पर्श टाले",
     "link": "",
-    "eraser": "रबड़"
+    "eraser": "रबड़",
+    "hand": "हाथ ( खिसकाने का औज़ार)"
   },
   "headings": {
     "canvasActions": "कैनवास क्रिया",
@@ -227,7 +228,7 @@
     "shapes": "आकृतियाँ"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "कैनवास को सरकाने के लिए, ड्रैग करते समय माउस व्हील को पकड़े रखे या स्पेसबार को दबाए रखे, अथवा हाथ वाले औज़ार का उपयोग करें",
     "linearElement": "कई बिंदुओं को शुरू करने के लिए क्लिक करें, सिंगल लाइन के लिए खींचें",
     "freeDraw": "क्लिक करें और खींचें। समाप्त करने के लिए, छोड़ो",
     "text": "आप चयन टूल से कहीं भी डबल-क्लिक करके टेक्स्ट जोड़ सकते हैं",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": "मिटाने के लिए चुने हुए चीजों को ना चुनने के लिए Alt साथ में दबाए"
+    "eraserRevert": "मिटाने के लिए चुने हुए चीजों को ना चुनने के लिए Alt साथ में दबाए",
+    "firefox_clipboard_write": "\"dom.events.asyncClipboard.clipboardItem\" फ़्लैग को \"true\" पर सेट करके इस सुविधा को संभवतः सक्षम किया जा सकता है। Firefox में ब्राउज़र फ़्लैग बदलने के लिए, \"about:config\" पृष्ठ पर जाएँ।"
   },
   "canvasError": {
     "cannotShowPreview": "पूर्वावलोकन नहीं दिखा सकते हैं",
@@ -448,15 +450,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "आपका सर्व डेटा ब्राउज़र के भीतर स्थानिक जगह पे सुरक्षित किया गया.",
+      "center_heading_plus": "बजाय आपको Excalidraw+ पर जाना है?",
+      "menuHint": "निर्यात, पसंद, भाषायें, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "निर्यात, पसंद, और भी...",
+      "center_heading": "चित्रांकन। बनाया गया। सरल।",
+      "toolbarHint": "एक औजार चुने और चित्रकारी प्रारंभ करे!",
+      "helpHint": "शॉर्ट्कट और सहाय्य"
     }
   }
 }
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 84dc9f61c..faaafed90 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -219,7 +219,8 @@
     "lock": "Rajzolás után az aktív eszközt tartsa kijelölve",
     "penMode": "",
     "link": "Hivatkozás hozzáadása/frissítése a kiválasztott alakzathoz",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Vászon műveletek",
@@ -227,7 +228,7 @@
     "shapes": "Alakzatok"
   },
   "hints": {
-    "canvasPanning": "A vászon mozgatásához tartsd lenyomva az egér görgőjét vagy a szóköz billentyűt húzás közben",
+    "canvasPanning": "",
     "linearElement": "Kattintással görbe, az eger húzásával pedig egyenes nyilat rajzolhatsz",
     "freeDraw": "Kattints és húzd, majd engedd el, amikor végeztél",
     "text": "Tipp: A kijelölés eszközzel a dupla kattintás új szöveget hoz létre",
@@ -245,7 +246,8 @@
     "publishLibrary": "Tedd közzé saját könyvtáradat",
     "bindTextToElement": "Nyomd meg az Entert szöveg hozzáadáshoz",
     "deepBoxSelect": "Tartsd lenyomva a Ctrl/Cmd billentyűt a mély kijelöléshez és a húzás megakadályozásához",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Előnézet nem jeleníthető meg",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 7804af62e..0632a87eb 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -219,7 +219,8 @@
     "lock": "Biarkan alat yang dipilih aktif setelah menggambar",
     "penMode": "Mode pena - mencegah sentuhan",
     "link": "Tambah/Perbarui tautan untuk bentuk yang dipilih",
-    "eraser": "Penghapus"
+    "eraser": "Penghapus",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Opsi Kanvas",
@@ -227,7 +228,7 @@
     "shapes": "Bentuk"
   },
   "hints": {
-    "canvasPanning": "Untuk memindahkan kanvas, tekan roda mouse atau spasi ketika menarik",
+    "canvasPanning": "",
     "linearElement": "Klik untuk memulai banyak poin, seret untuk satu baris",
     "freeDraw": "Klik dan seret, lepaskan jika Anda selesai",
     "text": "Tip: Anda juga dapat menambahkan teks dengan klik ganda di mana saja dengan alat pemilihan",
@@ -245,7 +246,8 @@
     "publishLibrary": "Terbitkan pustaka Anda",
     "bindTextToElement": "Tekan enter untuk tambahkan teks",
     "deepBoxSelect": "Tekan Ctrl atau Cmd untuk memilih yang di dalam, dan mencegah penggeseran",
-    "eraserRevert": "Tahan Alt untuk mengembalikan elemen yang ditandai untuk dihapus"
+    "eraserRevert": "Tahan Alt untuk mengembalikan elemen yang ditandai untuk dihapus",
+    "firefox_clipboard_write": "Fitur ini dapat diaktifkan melalui pengaturan flag \"dom.events.asyncClipboard.clipboardItem\" ke \"true\". Untuk mengganti flag di Firefox, pergi ke laman \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Tidak dapat menampilkan pratinjau",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 9ef1fba53..790c63fe6 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -219,7 +219,8 @@
     "lock": "Mantieni lo strumento selezionato attivo dopo aver disegnato",
     "penMode": "Modalità penna - previene il tocco",
     "link": "Aggiungi/ aggiorna il link per una forma selezionata",
-    "eraser": "Gomma"
+    "eraser": "Gomma",
+    "hand": "Mano (strumento di panoramica)"
   },
   "headings": {
     "canvasActions": "Azioni sulla Tela",
@@ -227,7 +228,7 @@
     "shapes": "Forme"
   },
   "hints": {
-    "canvasPanning": "Per spostare la tela, tieni premuta la rotella del mouse o la barra spaziatrice mentre la trascini",
+    "canvasPanning": "Per spostare la tela, tieni premuta la rotellina del mouse o la barra spaziatrice mentre trascini oppure usa lo strumento mano",
     "linearElement": "Clicca per iniziare una linea in più punti, trascina per singola linea",
     "freeDraw": "Clicca e trascina, rilascia quando avrai finito",
     "text": "Suggerimento: puoi anche aggiungere del testo facendo doppio clic ovunque con lo strumento di selezione",
@@ -245,7 +246,8 @@
     "publishLibrary": "Pubblica la tua libreria",
     "bindTextToElement": "Premi invio per aggiungere il testo",
     "deepBoxSelect": "Tieni premuto CtrlOCmd per selezionare in profondità e per impedire il trascinamento",
-    "eraserRevert": "Tieni premuto Alt per ripristinare gli elementi contrassegnati per l'eliminazione"
+    "eraserRevert": "Tieni premuto Alt per ripristinare gli elementi contrassegnati per l'eliminazione",
+    "firefox_clipboard_write": "Questa funzione può essere abilitata impostando il flag \"dom.events.asyncClipboard.clipboardItem\" su \"true\". Per modificare i flag del browser in Firefox, visitare la pagina \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Impossibile visualizzare l'anteprima",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index 2ab2cb475..fad9b6f10 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -219,7 +219,8 @@
     "lock": "描画後も使用中のツールを選択したままにする",
     "penMode": "ペンモード - タッチ防止",
     "link": "選択した図形のリンクを追加/更新",
-    "eraser": "消しゴム"
+    "eraser": "消しゴム",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "キャンバス操作",
@@ -227,7 +228,7 @@
     "shapes": "図形"
   },
   "hints": {
-    "canvasPanning": "キャンバスを移動するには、マウスホイールまたはスペースバーを押しながらドラッグします",
+    "canvasPanning": "",
     "linearElement": "クリックすると複数の頂点からなる曲線を開始、ドラッグすると直線",
     "freeDraw": "クリックしてドラッグします。離すと終了します",
     "text": "ヒント: 選択ツールを使用して任意の場所をダブルクリックしてテキストを追加することもできます",
@@ -245,7 +246,8 @@
     "publishLibrary": "自分のライブラリを公開",
     "bindTextToElement": "Enterを押してテキストを追加",
     "deepBoxSelect": "CtrlOrCmd を押し続けることでドラッグを抑止し、深い選択を行います",
-    "eraserRevert": "Alt を押し続けることで削除マークされた要素を元に戻す"
+    "eraserRevert": "Alt を押し続けることで削除マークされた要素を元に戻す",
+    "firefox_clipboard_write": "この機能は、\"dom.events.asyncClipboard.clipboardItem\" フラグを \"true\" に設定することで有効になる可能性があります。Firefox でブラウザーの設定を変更するには、\"about:config\" ページを参照してください。"
   },
   "canvasError": {
     "cannotShowPreview": "プレビューを表示できません",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 2818794e6..fdf94fa94 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -202,8 +202,8 @@
     "invalidSVGString": "SVG armeɣtu.",
     "cannotResolveCollabServer": "Ulamek tuqqna s aqeddac n umyalel. Ma ulac uɣilif ales asali n usebter sakin eɛreḍ tikkelt-nniḍen.",
     "importLibraryError": "Ur d-ssalay ara tamkarḍit",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Ulamek asekles deg uzadur n yisefka deg ugilal. Ma ikemmel wugur, isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.",
+    "collabSaveFailed_sizeExceeded": "Ulamek asekles deg uzadur n yisefka deg ugilal, taɣzut n usuneɣ tettban-d temqer aṭas. Isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem."
   },
   "toolBar": {
     "selection": "Tafrayt",
@@ -217,9 +217,10 @@
     "text": "Aḍris",
     "library": "Tamkarḍit",
     "lock": "Eǧǧ afecku n tefrayt yermed mbaɛd asuneɣ",
-    "penMode": "",
+    "penMode": "Askar n yimru - gdel tanalit",
     "link": "Rnu/leqqem aseɣwen i talɣa yettwafernen",
-    "eraser": "Sfeḍ"
+    "eraser": "Sfeḍ",
+    "hand": "Afus (afecku n usmutti n tmuɣli)"
   },
   "headings": {
     "canvasActions": "Tigawin n teɣzut n usuneɣ",
@@ -227,7 +228,7 @@
     "shapes": "Talɣiwin"
   },
   "hints": {
-    "canvasPanning": "Akken ad tesmuttiḍ taɣzut n usuneɣ, ṭṭef ṛṛuda n umumed, neɣ afeggag n tallunt mi ara tzuɣreḍ",
+    "canvasPanning": "",
     "linearElement": "Ssit akken ad tebduḍ aṭas n tenqiḍin, zuɣer i yiwen n yizirig",
     "freeDraw": "Ssit yerna zuɣer, serreḥ ticki tfukeḍ",
     "text": "Tixidest: tzemreḍ daɣen ad ternuḍ aḍris s usiti snat n tikkal anida tebɣiḍ s ufecku n tefrayt",
@@ -245,7 +246,8 @@
     "publishLibrary": "Siẓreg tamkarḍit-inek•inem",
     "bindTextToElement": "Ssed ɣef kcem akken ad ternuḍ aḍris",
     "deepBoxSelect": "Ṭṭef CtrlOrCmd akken ad tferneḍ s telqey, yerna ad trewleḍ i uzuɣer",
-    "eraserRevert": "Ssed Alt akken ad tsefsxeḍ iferdisen yettwacerḍen i tukksa"
+    "eraserRevert": "Ssed Alt akken ad tsefsxeḍ iferdisen yettwacerḍen i tukksa",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Ulamek abeqqeḍ n teskant",
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 6eae63dfc..25071aa5e 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -219,7 +219,8 @@
     "lock": "",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index fc159a2ce..a0368663c 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -219,7 +219,8 @@
     "lock": "선택된 도구 유지하기",
     "penMode": "펜 모드 - 터치 방지",
     "link": "선택한 도형에 대해서 링크를 추가/업데이트",
-    "eraser": "지우개"
+    "eraser": "지우개",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "캔버스 동작",
@@ -227,7 +228,7 @@
     "shapes": "모양"
   },
   "hints": {
-    "canvasPanning": "캔버스를 옮기려면 마우스 휠이나 스페이스바를 누르고 드래그하기",
+    "canvasPanning": "",
     "linearElement": "여러 점을 연결하려면 클릭하고, 직선을 그리려면 바로 드래그하세요.",
     "freeDraw": "클릭 후 드래그하세요. 완료되면 놓으세요.",
     "text": "팁: 선택 툴로 아무 곳이나 더블 클릭해 텍스트를 추가할 수도 있습니다.",
@@ -245,7 +246,8 @@
     "publishLibrary": "당신만의 라이브러리를 게시하기",
     "bindTextToElement": "Enter 키를 눌러서 텍스트 추가하기",
     "deepBoxSelect": "CtrlOrCmd 키를 눌러서 깊게 선택하고, 드래그하지 않도록 하기",
-    "eraserRevert": "Alt를 눌러서 삭제하도록 지정된 요소를 되돌리기"
+    "eraserRevert": "Alt를 눌러서 삭제하도록 지정된 요소를 되돌리기",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "미리보기를 볼 수 없습니다",
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 738bf5f8e..636a832af 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -219,7 +219,8 @@
     "lock": "ئامێرە دیاریکراوەکان چالاک بهێڵەوە دوای وێنەکێشان",
     "penMode": "شێوازی قەڵەم - دەست لێدان ڕابگرە",
     "link": "زیادکردن/ نوێکردنەوەی لینک بۆ شێوەی دیاریکراو",
-    "eraser": "سڕەر"
+    "eraser": "سڕەر",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "کردارەکانی تابلۆ",
@@ -227,7 +228,7 @@
     "shapes": "شێوەکان"
   },
   "hints": {
-    "canvasPanning": "بۆ جوڵاندنی تابلۆ، لە کاتی ڕاکێشاندا ویلی ماوس یان شریتی بۆشایی دابگرە",
+    "canvasPanning": "",
     "linearElement": "کرتە بکە بۆ دەستپێکردنی چەند خاڵێک، ڕایبکێشە بۆ یەک هێڵ",
     "freeDraw": "کرتە بکە و ڕایبکێشە، کاتێک تەواو بوویت دەست هەڵگرە",
     "text": "زانیاری: هەروەها دەتوانیت دەق زیادبکەیت بە دوو کرتەکردن لە هەر شوێنێک لەگەڵ ئامڕازی دەستنیشانکردن",
@@ -245,7 +246,8 @@
     "publishLibrary": "کتێبخانەی تایبەت بە خۆت بڵاوبکەرەوە",
     "bindTextToElement": "بۆ زیادکردنی دەق enter بکە",
     "deepBoxSelect": "CtrlOrCmd ڕابگرە بۆ هەڵبژاردنی قووڵ، و بۆ ڕێگریکردن لە ڕاکێشان",
-    "eraserRevert": "بۆ گەڕاندنەوەی ئەو توخمانەی کە بۆ سڕینەوە نیشانە کراون، Alt ڕابگرە"
+    "eraserRevert": "بۆ گەڕاندنەوەی ئەو توخمانەی کە بۆ سڕینەوە نیشانە کراون، Alt ڕابگرە",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "ناتوانرێ پێشبینین پیشان بدرێت",
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index b45b4fbb2..6eb83b7ac 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -219,7 +219,8 @@
     "lock": "Baigus piešti, išlaikyti pasirinktą įrankį",
     "penMode": "Rašyklio režimas - neleisti prisilietimų",
     "link": "Pridėti / Atnaujinti pasirinktos figūros nuorodą",
-    "eraser": "Trintukas"
+    "eraser": "Trintukas",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Veiksmai su drobe",
@@ -227,7 +228,7 @@
     "shapes": "Figūros"
   },
   "hints": {
-    "canvasPanning": "Norint judinti drobę, judink pelę kartu įspaudus pelės ratuką arba tarpo klavišą",
+    "canvasPanning": "",
     "linearElement": "Paspaudimai sukurs papildomus taškus, nepertraukiamas tempimas sukurs liniją",
     "freeDraw": "Spausk ir tempk, paleisk kai norėsi pabaigti",
     "text": "Užuomina: tekstą taip pat galima pridėti bet kur su dvigubu pelės paspaudimu, kol parinkas žymėjimo įrankis",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 795330a9a..7341fd3fd 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -219,7 +219,8 @@
     "lock": "Paturēt izvēlēto rīku pēc darbības",
     "penMode": "Pildspalvas režīms – novērst pieskaršanos",
     "link": "Pievienot/rediģēt atlasītās figūras saiti",
-    "eraser": "Dzēšgumija"
+    "eraser": "Dzēšgumija",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Tāfeles darbības",
@@ -227,7 +228,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "Lai bīdītu tāfeli, turiet nospiestu ritināšanas vai atstarpes taustiņu, velkot ar peli",
+    "canvasPanning": "",
     "linearElement": "Klikšķiniet, lai sāktu zīmēt vairākus punktus; velciet, lai zīmētu līniju",
     "freeDraw": "Spiediet un velciet; atlaidiet, kad pabeidzat",
     "text": "Ieteikums: lai pievienotu tekstu, varat arī jebkur dubultklikšķināt ar atlases rīku",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publicēt savu bibliotēku",
     "bindTextToElement": "Spiediet ievades taustiņu, lai pievienotu tekstu",
     "deepBoxSelect": "Turient nospiestu Ctrl vai Cmd, lai atlasītu dziļumā un lai nepieļautu objektu pavilkšanu",
-    "eraserRevert": "Turiet Alt, lai noņemtu elementus no dzēsšanas atlases"
+    "eraserRevert": "Turiet Alt, lai noņemtu elementus no dzēsšanas atlases",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Nevar rādīt priekšskatījumu",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 7ee3d0ced..6e198493d 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -219,7 +219,8 @@
     "lock": "निवडलेले यंत्र चित्रकरण झाल्या नंतर ही सक्रिय ठेवा",
     "penMode": "पेन चा मोड - स्पर्श टाळा",
     "link": "निवडलेल्या आकारासाठी दुवा जोडा/बदल करा",
-    "eraser": "खोड रबर"
+    "eraser": "खोड रबर",
+    "hand": "हात ( सरकवण्या चे उपकरण)"
   },
   "headings": {
     "canvasActions": "पटल क्रिया",
@@ -227,7 +228,7 @@
     "shapes": "आकार"
   },
   "hints": {
-    "canvasPanning": "पटल हलवण्यासाठी, ड्रैग करताना माउस वील ला पकड़ा किव्हा स्पेसबार दाबून ठेवा",
+    "canvasPanning": "कॅनव्हास सरकवण्या साठी, ड्रॅग करताना माउस व्हील धरा किंवा स्पेसबार दाबून ठेवा अथवा हात वालं उपकरण वापरा",
     "linearElement": "अनेक बिंदु साठी क्लिक करा, रेघे साठी ड्रैग करा",
     "freeDraw": "क्लिक आणि ड्रैग करा, झालं तेव्हा सोडा",
     "text": "टीप: तुम्हीं निवड यंत्रानी कोठेही दुहेरी क्लिक करून टेक्स्ट जोडू शकता",
@@ -245,7 +246,8 @@
     "publishLibrary": "आपला खाजगी संग्रह प्रकाशित करा",
     "bindTextToElement": "मजकूर जोडण्यासाठी एंटर की दाबा",
     "deepBoxSelect": "खोल निवड ह्या साठी कंट्रोल किव्हा कमांड दाबून ठेवा, आणि बाहेर खेचणे वाचवण्या साठी पण",
-    "eraserRevert": "खोडण्या साठी घेतलेल्या वस्तु ना घेण्या साठी Alt दाबून ठेवावे"
+    "eraserRevert": "खोडण्या साठी घेतलेल्या वस्तु ना घेण्या साठी Alt दाबून ठेवावे",
+    "firefox_clipboard_write": "हे वैशिष्ट्य \"dom.events.asyncClipboard.clipboardItem\" फ्लॅग \"सत्य\" वर सेट करून शक्यतो सक्षम केले जाऊ शकते. Firefox मध्ये ब्राउझर फ्लॅग बदलण्यासाठी, \"about:config\" पृष्ठावर जा."
   },
   "canvasError": {
     "cannotShowPreview": "पूर्वावलोकन दाखवू शकत नाही",
@@ -448,15 +450,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "तुमचा सर्व डेटा तुमच्या ब्राउझरमध्ये स्थानिक पातळीवर जतन केला जातो.",
+      "center_heading_plus": "त्याऐवजी तुम्हाला Excalidraw+ वर जायचे आहे का?",
+      "menuHint": "निर्यात, आवड़ी-निवडी, भाषा, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "निर्यात, आवड़ी निवडी आणि आणकिही...",
+      "center_heading": "आकृत्या. काढणे. सोपे.",
+      "toolbarHint": "एक साधन निवडा आणि चित्रीकरण सुरु करा!",
+      "helpHint": "शॉर्टकट आणि सहाय्य"
     }
   }
 }
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 5f2acd026..8b5e6859f 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -219,7 +219,8 @@
     "lock": "ရွေးချယ်ထားသောကိရိယာကိုသာဆက်သုံး",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "ကားချပ်လုပ်ဆောင်ချက်",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "နမူနာမပြသနိုင်ပါ",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 055e33a99..f8ac1e307 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -219,7 +219,8 @@
     "lock": "Behold merket verktøy som aktivt",
     "penMode": "Pennemodus - forhindre berøring",
     "link": "Legg til / oppdater link for en valgt figur",
-    "eraser": "Viskelær"
+    "eraser": "Viskelær",
+    "hand": "Hånd (panoreringsverktøy)"
   },
   "headings": {
     "canvasActions": "Handlinger: lerret",
@@ -227,7 +228,7 @@
     "shapes": "Former"
   },
   "hints": {
-    "canvasPanning": "For å flytte lerretet, hold musehjulet eller mellomromstasten mens du drar",
+    "canvasPanning": "For å flytte lerretet, hold musehjulet eller mellomromstasten mens du drar, eller bruk hånd-verktøyet",
     "linearElement": "Klikk for å starte linje med flere punkter, eller dra for en enkel linje",
     "freeDraw": "Klikk og dra, slipp når du er ferdig",
     "text": "Tips: du kan også legge til tekst ved å dobbeltklikke hvor som helst med utvalgsverktøyet",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publiser ditt eget bibliotek",
     "bindTextToElement": "Trykk Enter for å legge til tekst",
     "deepBoxSelect": "Hold CTRL/CMD for å markere dypt og forhindre flytting",
-    "eraserRevert": "Hold Alt for å reversere elementene merket for sletting"
+    "eraserRevert": "Hold Alt for å reversere elementene merket for sletting",
+    "firefox_clipboard_write": "Denne funksjonen kan sannsynligvis aktiveres ved å sette \"dom.events.asyncClipboard.clipboardItem\" flagget til \"true\". For å endre nettleserens flagg i Firefox, besøk \"about:config\"-siden."
   },
   "canvasError": {
     "cannotShowPreview": "Kan ikke vise forhåndsvisning",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 3961f10fe..9152d3bbb 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -219,7 +219,8 @@
     "lock": "Geselecteerde tool actief houden na tekenen",
     "penMode": "Pen modus - Blokkeer aanraken",
     "link": "",
-    "eraser": "Gum"
+    "eraser": "Gum",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Canvasacties",
@@ -227,7 +228,7 @@
     "shapes": "Vormen"
   },
   "hints": {
-    "canvasPanning": "Om canvas te verplaatsen, houd muiswiel of spatiebalk ingedrukt tijdens slepen",
+    "canvasPanning": "",
     "linearElement": "Klik om meerdere punten te starten, sleep voor één lijn",
     "freeDraw": "Klik en sleep, laat los als je klaar bent",
     "text": "Tip: je kunt tekst toevoegen door ergens dubbel te klikken met de selectietool",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publiceer je eigen bibliotheek",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Kan voorbeeld niet tonen",
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index 20fc77651..fa740d258 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -219,7 +219,8 @@
     "lock": "Hald fram med valt verktøy",
     "penMode": "",
     "link": "Legg til/ oppdater lenke til valt figur",
-    "eraser": "Viskelêr"
+    "eraser": "Viskelêr",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Handlingar: lerret",
@@ -227,7 +228,7 @@
     "shapes": "Formar"
   },
   "hints": {
-    "canvasPanning": "For å flytte lerretet, hald inne musehjulet eller mellomromstasten medan du dreg",
+    "canvasPanning": "",
     "linearElement": "Klikk for å starte linje med fleire punkt, eller drag for ei enkel linje",
     "freeDraw": "Klikk og drag, slepp når du er ferdig",
     "text": "Tips: du kan òg leggje til tekst ved å dobbeltklikke kor som helst med utvalgsverktyet",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publiser ditt eige bibliotek",
     "bindTextToElement": "Trykk på enter for å legge til tekst",
     "deepBoxSelect": "Hald inne Ctrl / Cmd for å velje djupt, og forhindre flytting",
-    "eraserRevert": "Hald inne Alt for å reversere markering av element for sletting"
+    "eraserRevert": "Hald inne Alt for å reversere markering av element for sletting",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Kan ikkje vise førehandsvising",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index db03fb22b..c1d3ab341 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -38,8 +38,8 @@
     "arrowhead_bar": "Barra",
     "arrowhead_dot": "Ponch",
     "arrowhead_triangle": "Triangle",
-    "fontSize": "Talha poliça",
-    "fontFamily": "Familha de poliça",
+    "fontSize": "Talha polissa",
+    "fontFamily": "Familha de polissa",
     "onlySelected": "Seleccion sonque",
     "withBackground": "Rèireplan",
     "exportEmbedScene": "Scèna embarcada",
@@ -106,8 +106,8 @@
     "toggleTheme": "Alternar tèma",
     "personalLib": "Bibliotèca personala",
     "excalidrawLib": "Bibliotèca Excalidraw",
-    "decreaseFontSize": "Reduire talha poliça",
-    "increaseFontSize": "Aumentar talha poliça",
+    "decreaseFontSize": "Reduire talha polissa",
+    "increaseFontSize": "Aumentar talha polissa",
     "unbindText": "Dessociar lo tèxte",
     "bindText": "Ligar lo tèxt al contenidor",
     "link": {
@@ -219,7 +219,8 @@
     "lock": "Mantenir activa l’aisina aprèp dessenhar",
     "penMode": "Mòde estilo - empachar lo contact",
     "link": "Apondre/Actualizar lo ligam per una fòrma seleccionada",
-    "eraser": "Goma"
+    "eraser": "Goma",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Accions del canabàs",
@@ -227,7 +228,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "Per desplaçar los canabasses, tenètz la rodeta de la mirga o la barra d’espaci pendent lo desplaçament",
+    "canvasPanning": "",
     "linearElement": "Clicatz per començar mantun punt, lisatz per una sola linha",
     "freeDraw": "Clicatz e lisatz, relargatz un còp acabat",
     "text": "Astúcia : podètz tanben apondre de tèxt en doble clicant ont que siá amb l’aisina de seleccion",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publicar vòstra pròpria bibliotèca",
     "bindTextToElement": "Quichatz Entrada per apondre de tèxte",
     "deepBoxSelect": "Gardar CtrlOCmd per una seleccion gropada e empachar lo desplaçament",
-    "eraserRevert": "Tenètz quichat Alt per anullar los elements marcats per supression"
+    "eraserRevert": "Tenètz quichat Alt per anullar los elements marcats per supression",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Afichatge impossible de l’apercebut",
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 9e1bf6436..d5055a917 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -219,7 +219,8 @@
     "lock": "ਡਰਾਇੰਗ ਤੋਂ ਬਾਅਦ ਵੀ ਚੁਣੇ ਹੋਏ ਸੰਦ ਨੂੰ ਸਰਗਰਮ ਰੱਖੋ ",
     "penMode": "",
     "link": "",
-    "eraser": "ਰਬੜ"
+    "eraser": "ਰਬੜ",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "ਕੈਨਵਸ ਦੀਆਂ ਕਾਰਵਾਈਆਂ",
@@ -245,7 +246,8 @@
     "publishLibrary": "ਆਪਣੀ ਲਾਇਬ੍ਰੇਰੀ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ",
     "bindTextToElement": "ਪਾਠ ਜੋੜਨ ਲਈ ਐੰਟਰ ਦਬਾਓ",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "ਝਲਕ ਨਹੀਂ ਦਿਖਾ ਸਕਦੇ",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 7a3f606ca..997a62077 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,49 +1,49 @@
 {
-  "ar-SA": 87,
-  "bg-BG": 55,
+  "ar-SA": 92,
+  "bg-BG": 54,
   "bn-BD": 60,
-  "ca-ES": 94,
+  "ca-ES": 93,
   "cs-CZ": 75,
   "da-DK": 33,
   "de-DE": 100,
-  "el-GR": 100,
+  "el-GR": 99,
   "en": 100,
   "es-ES": 100,
-  "eu-ES": 100,
-  "fa-IR": 96,
-  "fi-FI": 93,
+  "eu-ES": 99,
+  "fa-IR": 95,
+  "fi-FI": 92,
   "fr-FR": 100,
   "gl-ES": 100,
-  "he-IL": 90,
-  "hi-IN": 69,
+  "he-IL": 89,
+  "hi-IN": 71,
   "hu-HU": 89,
-  "id-ID": 100,
+  "id-ID": 99,
   "it-IT": 100,
-  "ja-JP": 100,
-  "kab-KAB": 93,
-  "kk-KZ": 21,
-  "ko-KR": 99,
-  "ku-TR": 96,
-  "lt-LT": 64,
-  "lv-LV": 98,
-  "mr-IN": 98,
+  "ja-JP": 99,
+  "kab-KAB": 94,
+  "kk-KZ": 20,
+  "ko-KR": 98,
+  "ku-TR": 95,
+  "lt-LT": 63,
+  "lv-LV": 97,
+  "mr-IN": 100,
   "my-MM": 41,
   "nb-NO": 100,
-  "nl-NL": 91,
-  "nn-NO": 90,
-  "oc-FR": 98,
+  "nl-NL": 90,
+  "nn-NO": 89,
+  "oc-FR": 97,
   "pa-IN": 83,
-  "pl-PL": 85,
-  "pt-BR": 98,
-  "pt-PT": 100,
-  "ro-RO": 100,
-  "ru-RU": 98,
+  "pl-PL": 84,
+  "pt-BR": 97,
+  "pt-PT": 99,
+  "ro-RO": 99,
+  "ru-RU": 100,
   "si-LK": 8,
   "sk-SK": 100,
   "sl-SI": 100,
-  "sv-SE": 96,
-  "ta-IN": 93,
-  "tr-TR": 98,
+  "sv-SE": 100,
+  "ta-IN": 92,
+  "tr-TR": 97,
   "uk-UA": 96,
   "vi-VN": 20,
   "zh-CN": 100,
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index b02881e35..04cc86898 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -219,7 +219,8 @@
     "lock": "Zablokuj wybrane narzędzie",
     "penMode": "",
     "link": "",
-    "eraser": "Gumka"
+    "eraser": "Gumka",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Narzędzia",
@@ -227,7 +228,7 @@
     "shapes": "Kształty"
   },
   "hints": {
-    "canvasPanning": "Aby przesunąć płótno, przytrzymaj kółko myszy lub spację podczas przeciągania",
+    "canvasPanning": "",
     "linearElement": "Naciśnij, aby zrobić punkt, przeciągnij, aby narysować linię",
     "freeDraw": "Naciśnij i przeciągnij by rysować, puść kiedy skończysz",
     "text": "Wskazówka: możesz również dodać tekst klikając dwukrotnie gdziekolwiek za pomocą narzędzia zaznaczania",
@@ -245,7 +246,8 @@
     "publishLibrary": "Opublikuj własną bibliotekę",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Nie można wyświetlić podglądu",
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 24da24ef3..dd3362137 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -219,7 +219,8 @@
     "lock": "Manter ativa a ferramenta selecionada após desenhar",
     "penMode": "Modo caneta — impede o toque",
     "link": "Adicionar/Atualizar link para uma forma selecionada",
-    "eraser": "Borracha"
+    "eraser": "Borracha",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Ações da tela",
@@ -227,7 +228,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "Para mover a tela, segure a roda do mouse ou a barra de espaço enquanto arrasta",
+    "canvasPanning": "",
     "linearElement": "Clique para iniciar vários pontos, arraste para uma única linha",
     "freeDraw": "Toque e arraste, solte quando terminar",
     "text": "Dica: você também pode adicionar texto clicando duas vezes em qualquer lugar com a ferramenta de seleção",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publicar sua própria biblioteca",
     "bindTextToElement": "Pressione Enter para adicionar o texto",
     "deepBoxSelect": "Segure Ctrl/Cmd para seleção profunda e para evitar arrastar",
-    "eraserRevert": "Segure a tecla Alt para inverter os elementos marcados para exclusão"
+    "eraserRevert": "Segure a tecla Alt para inverter os elementos marcados para exclusão",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Não é possível mostrar pré-visualização",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 7a9dd400c..d72c7b98f 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -219,7 +219,8 @@
     "lock": "Manter a ferramenta selecionada ativa após desenhar",
     "penMode": "Modo caneta - impedir toque",
     "link": "Acrescentar/ Adicionar ligação para uma forma seleccionada",
-    "eraser": "Borracha"
+    "eraser": "Borracha",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Ações da área de desenho",
@@ -227,7 +228,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "Para mover a tela, carregue na roda do rato ou na barra de espaço enquanto arrasta",
+    "canvasPanning": "",
     "linearElement": "Clique para iniciar vários pontos, arraste para uma única linha",
     "freeDraw": "Clique e arraste, large quando terminar",
     "text": "Dica: também pode adicionar texto clicando duas vezes em qualquer lugar com a ferramenta de seleção",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publique a sua própria biblioteca",
     "bindTextToElement": "Carregue Enter para acrescentar texto",
     "deepBoxSelect": "Mantenha a tecla CtrlOrCmd carregada para selecção profunda, impedindo o arrastamento",
-    "eraserRevert": "Carregue também em Alt para reverter os elementos marcados para serem apagados"
+    "eraserRevert": "Carregue também em Alt para reverter os elementos marcados para serem apagados",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Não é possível mostrar uma pré-visualização",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 4704426c1..ff76eea60 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -219,7 +219,8 @@
     "lock": "Menține activ instrumentul selectat după desenare",
     "penMode": "Mod stilou – împiedică atingerea",
     "link": "Adăugare/actualizare URL pentru forma selectată",
-    "eraser": "Radieră"
+    "eraser": "Radieră",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Acțiuni pentru pânză",
@@ -227,7 +228,7 @@
     "shapes": "Forme"
   },
   "hints": {
-    "canvasPanning": "Pentru a muta pânză, ține apăsată rotița mausului sau bara de spațiu în timpul glisării",
+    "canvasPanning": "",
     "linearElement": "Dă clic pentru a crea mai multe puncte, glisează pentru a forma o singură linie",
     "freeDraw": "Dă clic pe pânză și glisează cursorul, apoi eliberează-l când ai terminat",
     "text": "Sfat: poți adăuga text și dând dublu clic oriunde cu instrumentul de selecție",
@@ -245,7 +246,8 @@
     "publishLibrary": "Publică propria bibliotecă",
     "bindTextToElement": "Apasă tasta Enter pentru a adăuga text",
     "deepBoxSelect": "Ține apăsată tasta Ctrl sau Cmd pentru a efectua selectarea de adâncime și pentru a preveni glisarea",
-    "eraserRevert": "Ține apăsată tasta Alt pentru a anula elementele marcate pentru ștergere"
+    "eraserRevert": "Ține apăsată tasta Alt pentru a anula elementele marcate pentru ștergere",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Nu se poate afișa previzualizarea",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index d97c91971..ce785dc83 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -219,7 +219,8 @@
     "lock": "Сохранять выбранный инструмент активным после рисования",
     "penMode": "Режим пера - предотвращение касания",
     "link": "Добавить/обновить ссылку для выбранной фигуры",
-    "eraser": "Ластик"
+    "eraser": "Ластик",
+    "hand": "Рука (перемещение холста)"
   },
   "headings": {
     "canvasActions": "Операции холста",
@@ -227,7 +228,7 @@
     "shapes": "Фигуры"
   },
   "hints": {
-    "canvasPanning": "Чтобы перемещать холст, удерживайте колесо мыши или пробел во время перетаскивания",
+    "canvasPanning": "Чтобы двигать холст, удерживайте колесо мыши или пробел во время перетаскивания, или используйте инструмент \"Рука\"",
     "linearElement": "Нажмите, чтобы начать несколько точек, перетащите для одной линии",
     "freeDraw": "Нажмите и перетаскивайте, отпустите по завершении",
     "text": "Совет: при выбранном инструменте выделения дважды щёлкните в любом месте, чтобы добавить текст",
@@ -245,7 +246,8 @@
     "publishLibrary": "Опубликовать свою собственную библиотеку",
     "bindTextToElement": "Нажмите Enter для добавления текста",
     "deepBoxSelect": "Удерживайте Ctrl или Cmd для глубокого выделения, чтобы предотвратить перетаскивание",
-    "eraserRevert": "Удерживайте Alt, чтобы вернуть элементы, отмеченные для удаления"
+    "eraserRevert": "Удерживайте Alt, чтобы вернуть элементы, отмеченные для удаления",
+    "firefox_clipboard_write": "Эта функция может быть включена при изменении значения флага \"dom.events.asyncClipboard.clipboardItem\" на \"true\". Чтобы изменить флаги браузера в Firefox, посетите страницу \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Не удается отобразить предпросмотр",
@@ -448,15 +450,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Все ваши данные сохраняются локально в вашем браузере.",
+      "center_heading_plus": "Хотите перейти на Excalidraw+?",
+      "menuHint": "Экспорт, настройки, языки, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Экспорт, настройки и другое...",
+      "center_heading": "Диаграммы. Просто.",
+      "toolbarHint": "Выберите инструмент и начните рисовать!",
+      "helpHint": "Сочетания клавиш и помощь"
     }
   }
 }
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 1567273da..dd458b31a 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -219,7 +219,8 @@
     "lock": "",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index c3778c3e1..783de30af 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -219,7 +219,8 @@
     "lock": "Nechať zvolený nástroj aktívny po skončení kreslenia",
     "penMode": "Režim pera – zabrániť dotyku",
     "link": "Pridať/ Upraviť odkaz pre vybraný tvar",
-    "eraser": "Guma"
+    "eraser": "Guma",
+    "hand": "Ruka (nástroj pre pohyb plátna)"
   },
   "headings": {
     "canvasActions": "Akcie plátna",
@@ -227,7 +228,7 @@
     "shapes": "Tvary"
   },
   "hints": {
-    "canvasPanning": "Pre pohyb plátna podržte koliesko myši alebo medzerník počas ťahania",
+    "canvasPanning": "Pre pohyb plátna podržte koliesko myši alebo medzerník počas ťahania, alebo použite nástroj ruka",
     "linearElement": "Kliknite na vloženie viacerých bodov, potiahnite na vytvorenie jednej priamky",
     "freeDraw": "Kliknite a ťahajte, pustite na ukončenie",
     "text": "Tip: text môžete pridať aj dvojklikom kdekoľvek, ak je zvolený nástroj výber",
@@ -245,7 +246,8 @@
     "publishLibrary": "Uverejniť vašu knižnicu",
     "bindTextToElement": "Stlačte enter na pridanie textu",
     "deepBoxSelect": "Podržte CtrlOrCmd na výber v skupine alebo zamedzeniu poťiahnutia",
-    "eraserRevert": "Podržte Alt pre prehodenie položiek určených na vymazanie"
+    "eraserRevert": "Podržte Alt pre prehodenie položiek určených na vymazanie",
+    "firefox_clipboard_write": "Táto sa funkcionalita sa dá zapnúť nastavením \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Pre zmenu nastavení vo Firefox-e otvorte stránku \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Nie je možné zobraziť náhľad plátna",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 5f2359094..54274932f 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -219,7 +219,8 @@
     "lock": "Ohrani izbrano orodje aktivno po risanju",
     "penMode": "Način peresa - prepreči dotik",
     "link": "Dodaj/posodobi povezavo za izbrano obliko",
-    "eraser": "Radirka"
+    "eraser": "Radirka",
+    "hand": "Roka (orodje za premikanje)"
   },
   "headings": {
     "canvasActions": "Dejanja za platno",
@@ -227,7 +228,7 @@
     "shapes": "Oblike"
   },
   "hints": {
-    "canvasPanning": "Za premik platna med vlečenjem držite kolesce miške ali preslednico",
+    "canvasPanning": "Za premikanje platna med vlečenjem držite kolesce miške ali preslednico ali uporabite orodje roka",
     "linearElement": "Kliknite za začetek več točk, povlecite za posamezno črto",
     "freeDraw": "Kliknite in povlecite, spustite, ko končate",
     "text": "Namig: besedilo lahko dodate tudi z dvoklikom kjer koli z orodjem za izbiro",
@@ -245,7 +246,8 @@
     "publishLibrary": "Objavi svojo knjižnico",
     "bindTextToElement": "Pritisnite tipko Enter za dodajanje besedila",
     "deepBoxSelect": "Držite tipko CtrlOrCmd za globoko izbiro in preprečitev vlečenja",
-    "eraserRevert": "Pridržite tipko Alt, da razveljavite elemente, označene za brisanje"
+    "eraserRevert": "Pridržite tipko Alt, da razveljavite elemente, označene za brisanje",
+    "firefox_clipboard_write": "To funkcijo lahko verjetno omogočite z nastavitvijo zastavice \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Če želite spremeniti zastavice brskalnika v Firefoxu, obiščite stran \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Predogleda ni bilo mogoče prikazati",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index 7f0ca8ab3..30638b9e4 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Klistra in",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Klistra som oformaterad text",
     "pasteCharts": "Klistra in diagram",
     "selectAll": "Markera alla",
     "multiSelect": "Lägg till element till markering",
@@ -202,8 +202,8 @@
     "invalidSVGString": "Ogiltig SVG.",
     "cannotResolveCollabServer": "Det gick inte att ansluta till samarbets-servern. Ladda om sidan och försök igen.",
     "importLibraryError": "Kunde inte ladda bibliotek",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "Det gick inte att spara i backend-databasen. Om problemen kvarstår bör du spara filen lokalt för att se till att du inte förlorar ditt arbete.",
+    "collabSaveFailed_sizeExceeded": "Det gick inte att spara till backend-databasen, whiteboarden verkar vara för stor. Du bör spara filen lokalt för att du inte ska förlora ditt arbete."
   },
   "toolBar": {
     "selection": "Markering",
@@ -219,7 +219,8 @@
     "lock": "Håll valt verktyg aktivt efter ritande",
     "penMode": "Pennläge - förhindra touch",
     "link": "Lägg till / Uppdatera länk för en vald form",
-    "eraser": "Radergummi"
+    "eraser": "Radergummi",
+    "hand": "Hand (panoreringsverktyg)"
   },
   "headings": {
     "canvasActions": "Canvas-åtgärder",
@@ -227,7 +228,7 @@
     "shapes": "Former"
   },
   "hints": {
-    "canvasPanning": "För att flytta canvas, håll mushjulet eller mellanslagstangenten medan du drar",
+    "canvasPanning": "För att flytta whiteboarden, håll mushjulet eller mellanslagstangenten medan du drar eller använd handverktyget",
     "linearElement": "Klicka för att starta flera punkter, dra för en linje",
     "freeDraw": "Klicka och dra, släpp när du är klar",
     "text": "Tips: du kan också lägga till text genom att dubbelklicka var som helst med markeringsverktyget",
@@ -238,14 +239,15 @@
     "resize": "Du kan behålla proportioner genom att hålla SHIFT medan du ändrar storlek,\nhåller du ALT ändras storlek relativt mitten",
     "resizeImage": "Du kan ändra storlek fritt genom att hålla SHIFT,\nhåll ALT för att ändra storlek från mitten",
     "rotate": "Du kan begränsa vinklar genom att hålla SHIFT medan du roterar",
-    "lineEditor_info": "",
+    "lineEditor_info": "Håll Ctrl/Cmd och dubbelklicka eller tryck på Ctrl/Cmd + Enter för att redigera punkter",
     "lineEditor_pointSelected": "Tryck på Ta bort för att ta bort punkt(er), Ctrl + D eller Cmd + D för att duplicera, eller dra för att flytta",
     "lineEditor_nothingSelected": "Välj en punkt att redigera (håll SHIFT för att välja flera),\neller håll ned Alt och klicka för att lägga till nya punkter",
     "placeImage": "Klicka för att placera bilden, eller klicka och dra för att ställa in dess storlek manuellt",
     "publishLibrary": "Publicera ditt eget bibliotek",
     "bindTextToElement": "Tryck på Enter för att lägga till text",
     "deepBoxSelect": "Håll Ctrl eller Cmd för att djupvälja, och för att förhindra att dra",
-    "eraserRevert": "Håll Alt för att återställa de element som är markerade för borttagning"
+    "eraserRevert": "Håll Alt för att återställa de element som är markerade för borttagning",
+    "firefox_clipboard_write": "Denna funktion kan sannolikt aktiveras genom att ställa in \"dom.events.asyncClipboard.clipboardItem\" flaggan till \"true\". För att ändra webbläsarens flaggor i Firefox, besök \"about:config\" sidan."
   },
   "canvasError": {
     "cannotShowPreview": "Kan inte visa förhandsgranskning",
@@ -314,8 +316,8 @@
     "zoomToFit": "Zooma för att rymma alla element",
     "zoomToSelection": "Zooma till markering",
     "toggleElementLock": "Lås/Lås upp valda",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Flytta sida upp/ner",
+    "movePageLeftRight": "Flytta sida vänster/höger"
   },
   "clearCanvasDialog": {
     "title": "Rensa canvas"
@@ -397,7 +399,7 @@
     "fileSavedToFilename": "Sparad till {filename}",
     "canvas": "canvas",
     "selection": "markering",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Använd {{shortcut}} för att klistra in som ett enda element,\neller klistra in i en befintlig textredigerare"
   },
   "colors": {
     "ffffff": "Vit",
@@ -448,15 +450,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "All data sparas lokalt i din webbläsare.",
+      "center_heading_plus": "Ville du gå till Excalidraw+ istället?",
+      "menuHint": "Exportera, inställningar, språk, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Exportera, inställningar och mer...",
+      "center_heading": "Förenklade. Diagram.",
+      "toolbarHint": "Välj ett verktyg & börja rita!",
+      "helpHint": "Genvägar & hjälp"
     }
   }
 }
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index d01fabce8..2ff76b058 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -219,7 +219,8 @@
     "lock": "தேர்ந்த கருவியை வரைந்த பின்பும் வைத்திரு",
     "penMode": "",
     "link": "தேர்தெடுத்த வடிவத்திற்குத் தொடுப்பைச் சேர்/ புதுப்பி",
-    "eraser": "அழிப்பி"
+    "eraser": "அழிப்பி",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "கித்தான் செயல்கள்",
@@ -227,7 +228,7 @@
     "shapes": "வடிவங்கள்"
   },
   "hints": {
-    "canvasPanning": "கித்தானை நகர்த்த, பிடித்திழுக்கையில் சுட்டிச்சக்கரத்தை அ இடைவெளிப்பட்டையை அழுத்திப்பிடி",
+    "canvasPanning": "",
     "linearElement": "பல புள்ளிகளைத் துவக்க சொடுக்கு, ஒற்றை வரிக்கு பிடித்திழு",
     "freeDraw": "சொடுக்கி பிடித்திழு, முடித்ததும் விடுவி",
     "text": "துணுக்குதவி: தெரிவு கருவி கொண்டு எங்காவது இரு-சொடுக்கி உரையைச் சேர்க்கலாம்",
@@ -245,7 +246,8 @@
     "publishLibrary": "உம் சொந்த நூலகத்தைப் பிரசுரி",
     "bindTextToElement": "உரையைச் சேர்க்க enterஐ அழுத்து",
     "deepBoxSelect": "ஆழ்ந்துத் தேரவும் பிடித்திழுத்தலைத் தவிர்க்கவும் CtrlOrCmdஐ அழுத்திப்பிடி",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "முன்னோட்டம் காட்ட இயலவில்லை",
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 44a0556e0..00260919c 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -219,7 +219,8 @@
     "lock": "Seçilen aracı çizimden sonra aktif tut",
     "penMode": "Kalem modu - dokunmayı engelle",
     "link": "Seçilen şekil için bağlantı Ekle/Güncelle",
-    "eraser": "Silgi"
+    "eraser": "Silgi",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Tuval eylemleri",
@@ -227,7 +228,7 @@
     "shapes": "Şekiller"
   },
   "hints": {
-    "canvasPanning": "Tuvali taşımak için, tuvali sürüklerken aynı zamanda fare tekerleğine veya boşluk tuşuna basılı tutun",
+    "canvasPanning": "",
     "linearElement": "Birden fazla nokta için tıklayın, tek çizgi için sürükleyin",
     "freeDraw": "Tıkla ve sürükle, bitirdiğinde serbest bırak",
     "text": "İpucu: seçme aracıyla herhangi bir yere çift tıklayarak da yazı ekleyebilirsin",
@@ -245,7 +246,8 @@
     "publishLibrary": "Kendi kitaplığınızı yayınlayın",
     "bindTextToElement": "Enter tuşuna basarak metin ekleyin",
     "deepBoxSelect": "Ctrl/Cmd tuşuna basılı tutarak derin seçim yapın ya da sürüklemeyi engelleyin",
-    "eraserRevert": "Alt tuşuna basılı tutarak silinme için işaretlenmiş ögeleri tersine çevirin"
+    "eraserRevert": "Alt tuşuna basılı tutarak silinme için işaretlenmiş ögeleri tersine çevirin",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Önizleme gösterilemiyor",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index e02e0c07b..73597ce9d 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -219,7 +219,8 @@
     "lock": "Залишити обраний інструмент після креслення",
     "penMode": "Режим пера - запобігання дотику",
     "link": "Додати/Оновити посилання для вибраної форми",
-    "eraser": "Очищувач"
+    "eraser": "Очищувач",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "Дії з полотном",
@@ -227,7 +228,7 @@
     "shapes": "Фігури"
   },
   "hints": {
-    "canvasPanning": "Щоб перемістити полотно, утримуйте коліщатко миші або пробіл під час перетягування",
+    "canvasPanning": "",
     "linearElement": "Натисніть щоб додати кілька точок. Перетягніть щоб намалювати одну лінію",
     "freeDraw": "Натисніть і потягніть, відпустіть коли завершите",
     "text": "Порада: можна також додати текст, двічі клацнувши по будь-якому місці інструментом вибору",
@@ -245,7 +246,8 @@
     "publishLibrary": "Опублікувати свою власну бібліотеку",
     "bindTextToElement": "Натисніть Enter, щоб додати текст",
     "deepBoxSelect": "Втримуйте Ctrl/Cmd для глибокого виділення та щоб попередити перетягування",
-    "eraserRevert": "Втримуйте клавішу Alt, щоб повернути елементи позначені для видалення"
+    "eraserRevert": "Втримуйте клавішу Alt, щоб повернути елементи позначені для видалення",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "Не вдається показати попередній перегляд",
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index d3b1282e0..be5edd61d 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -66,9 +66,9 @@
     "cartoonist": "Hoạt hình",
     "fileTitle": "",
     "colorPicker": "Chọn màu",
-    "canvasColors": "",
-    "canvasBackground": "",
-    "drawingCanvas": "",
+    "canvasColors": "Đã dùng trên canvas",
+    "canvasBackground": "Nền canvas",
+    "drawingCanvas": "Canvas vẽ",
     "layers": "Lớp",
     "actions": "Chức năng",
     "language": "Ngôn ngữ",
@@ -219,7 +219,8 @@
     "lock": "",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index cd573efd8..6020688a2 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -219,7 +219,8 @@
     "lock": "绘制后保持所选的工具栏状态",
     "penMode": "笔模式 – 避免误触",
     "link": "为选中的形状添加/更新链接",
-    "eraser": "橡皮"
+    "eraser": "橡皮",
+    "hand": "抓手（平移工具）"
   },
   "headings": {
     "canvasActions": "画布动作",
@@ -227,7 +228,7 @@
     "shapes": "形状"
   },
   "hints": {
-    "canvasPanning": "要移动画布，请按住鼠标滚轮或空格键，再拖拽鼠标",
+    "canvasPanning": "要移动画布，请按住鼠标滚轮或空格键同时拖拽鼠标，或使用抓手工具。",
     "linearElement": "点击创建多个点 拖动创建直线",
     "freeDraw": "点击并拖动，完成时松开",
     "text": "提示：您也可以使用选择工具双击任意位置来添加文字",
@@ -245,7 +246,8 @@
     "publishLibrary": "发布您自己的素材库",
     "bindTextToElement": "按下 Enter 以添加文本",
     "deepBoxSelect": "按住 CtrlOrCmd 以深度选择，并避免拖拽",
-    "eraserRevert": "按住 Alt 以反选被标记删除的元素"
+    "eraserRevert": "按住 Alt 以反选被标记删除的元素",
+    "firefox_clipboard_write": "将高级配置首选项“dom.events.asyncClipboard.lipboarditem”设置为“true”可以启用此功能。要更改 Firefox 的高级配置首选项，请前往“about:config”页面。"
   },
   "canvasError": {
     "cannotShowPreview": "无法显示预览",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index f8968f2b7..4ff1176be 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -219,7 +219,8 @@
     "lock": "",
     "penMode": "",
     "link": "",
-    "eraser": ""
+    "eraser": "",
+    "hand": ""
   },
   "headings": {
     "canvasActions": "畫布動作",
@@ -245,7 +246,8 @@
     "publishLibrary": "",
     "bindTextToElement": "",
     "deepBoxSelect": "",
-    "eraserRevert": ""
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
   },
   "canvasError": {
     "cannotShowPreview": "無法顯示預覽",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 21d7465af..28ac95a26 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -219,7 +219,8 @@
     "lock": "可連續使用選取的工具",
     "penMode": "筆模式 - 避免觸摸",
     "link": "為所選的形狀增加\b/更新連結",
-    "eraser": "橡皮擦"
+    "eraser": "橡皮擦",
+    "hand": "手形（平移工具）"
   },
   "headings": {
     "canvasActions": "canvas 動作",
@@ -227,7 +228,7 @@
     "shapes": "形狀"
   },
   "hints": {
-    "canvasPanning": "若要移動畫布，請在拖曳時按住滑鼠滾輪或空白鍵",
+    "canvasPanning": "若要移動畫布，請在拖曳時按住滑鼠滾輪或空白鍵，或使用手形工具",
     "linearElement": "點擊以繪製多點曲線；或拖曳以繪製直線",
     "freeDraw": "點擊並拖曳來繪圖，放開即結束",
     "text": "提示：亦可使用選取工具在任何地方雙擊來加入文字",
@@ -245,7 +246,8 @@
     "publishLibrary": "發布個人資料庫",
     "bindTextToElement": "按下 Enter 以加入文字。",
     "deepBoxSelect": "按住 Ctrl 或 Cmd 以深度選取並避免拖曳",
-    "eraserRevert": "按住 Alt 以反選取已標記待刪除的元素"
+    "eraserRevert": "按住 Alt 以反選取已標記待刪除的元素",
+    "firefox_clipboard_write": "此功能有機會透過將 \"dom.events.asyncClipboard.clipboardItem\" 設定為 \"true\" 來開啟。\n若要變更 Firefox 瀏覽器的此設定值，請至 \"about:config\" 頁面。"
   },
   "canvasError": {
     "cannotShowPreview": "無法顯示預覽",

From 11e2f90ca1d726e609ece695f21a001ccb3b19cb Mon Sep 17 00:00:00 2001
From: Jang Min <jangmin.dev@gmail.com>
Date: Sat, 4 Feb 2023 21:33:40 +0900
Subject: [PATCH 065/252] feat: shortcut for clearCanvas confirmDialog (#6114)

Co-authored-by: dwelle <luzar.david@gmail.com>
resolve https://github.com/excalidraw/excalidraw/issues/5818
---
 src/actions/actionDeleteSelected.tsx |  4 ++-
 src/actions/shortcuts.ts             |  2 ++
 src/components/App.tsx               | 10 ++++++-
 src/components/HelpDialog.tsx        | 44 +++++++++++++++-------------
 4 files changed, 38 insertions(+), 22 deletions(-)

diff --git a/src/actions/actionDeleteSelected.tsx b/src/actions/actionDeleteSelected.tsx
index a1820a330..86b985284 100644
--- a/src/actions/actionDeleteSelected.tsx
+++ b/src/actions/actionDeleteSelected.tsx
@@ -154,7 +154,9 @@ export const actionDeleteSelected = register({
     };
   },
   contextItemLabel: "labels.delete",
-  keyTest: (event) => event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE,
+  keyTest: (event, appState, elements) =>
+    (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE) &&
+    !event[KEYS.CTRL_OR_CMD],
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
       type="button"
diff --git a/src/actions/shortcuts.ts b/src/actions/shortcuts.ts
index 4138ae085..ba66c5a75 100644
--- a/src/actions/shortcuts.ts
+++ b/src/actions/shortcuts.ts
@@ -8,6 +8,7 @@ export type ShortcutName =
       ActionName,
       | "toggleTheme"
       | "loadScene"
+      | "clearCanvas"
       | "cut"
       | "copy"
       | "paste"
@@ -41,6 +42,7 @@ const shortcutMap: Record<ShortcutName, string[]> = {
   toggleTheme: [getShortcutKey("Shift+Alt+D")],
   saveScene: [getShortcutKey("CtrlOrCmd+S")],
   loadScene: [getShortcutKey("CtrlOrCmd+O")],
+  clearCanvas: [getShortcutKey("CtrlOrCmd+Delete")],
   imageExport: [getShortcutKey("CtrlOrCmd+Shift+E")],
   cut: [getShortcutKey("CtrlOrCmd+X")],
   copy: [getShortcutKey("CtrlOrCmd+C")],
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 7b2b5e40b..f01faa279 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -279,6 +279,8 @@ import { shouldShowBoundingBox } from "../element/transformHandles";
 import { Fonts } from "../scene/Fonts";
 import { actionPaste } from "../actions/actionClipboard";
 import { actionToggleHandTool } from "../actions/actionCanvas";
+import { jotaiStore } from "../jotai";
+import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 
 const deviceContextInitialValue = {
   isSmScreen: false,
@@ -1952,7 +1954,6 @@ class App extends React.Component<AppProps, AppState> {
   );
 
   // Input handling
-
   private onKeyDown = withBatchedUpdates(
     (event: React.KeyboardEvent | KeyboardEvent) => {
       // normalize `event.key` when CapsLock is pressed #2372
@@ -2194,6 +2195,13 @@ class App extends React.Component<AppProps, AppState> {
           event.stopPropagation();
         }
       }
+
+      if (
+        event[KEYS.CTRL_OR_CMD] &&
+        (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE)
+      ) {
+        jotaiStore.set(activeConfirmDialogAtom, "clearCanvas");
+      }
     },
   );
 
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 69f3e6a5c..8cb775fc5 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -273,22 +273,6 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
             className="HelpDialog__island--editor"
             caption={t("helpDialog.editor")}
           >
-            <Shortcut
-              label={t("labels.selectAll")}
-              shortcuts={[getShortcutKey("CtrlOrCmd+A")]}
-            />
-            <Shortcut
-              label={t("labels.multiSelect")}
-              shortcuts={[getShortcutKey(`Shift+${t("helpDialog.click")}`)]}
-            />
-            <Shortcut
-              label={t("helpDialog.deepSelect")}
-              shortcuts={[getShortcutKey(`CtrlOrCmd+${t("helpDialog.click")}`)]}
-            />
-            <Shortcut
-              label={t("helpDialog.deepBoxSelect")}
-              shortcuts={[getShortcutKey(`CtrlOrCmd+${t("helpDialog.drag")}`)]}
-            />
             <Shortcut
               label={t("labels.moveCanvas")}
               shortcuts={[
@@ -297,6 +281,14 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               ]}
               isOr={true}
             />
+            <Shortcut
+              label={t("buttons.clearReset")}
+              shortcuts={[getShortcutKey("CtrlOrCmd+Delete")]}
+            />
+            <Shortcut
+              label={t("labels.delete")}
+              shortcuts={[getShortcutKey("Delete")]}
+            />
             <Shortcut
               label={t("labels.cut")}
               shortcuts={[getShortcutKey("CtrlOrCmd+X")]}
@@ -313,6 +305,22 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               label={t("labels.pasteAsPlaintext")}
               shortcuts={[getShortcutKey("CtrlOrCmd+Shift+V")]}
             />
+            <Shortcut
+              label={t("labels.selectAll")}
+              shortcuts={[getShortcutKey("CtrlOrCmd+A")]}
+            />
+            <Shortcut
+              label={t("labels.multiSelect")}
+              shortcuts={[getShortcutKey(`Shift+${t("helpDialog.click")}`)]}
+            />
+            <Shortcut
+              label={t("helpDialog.deepSelect")}
+              shortcuts={[getShortcutKey(`CtrlOrCmd+${t("helpDialog.click")}`)]}
+            />
+            <Shortcut
+              label={t("helpDialog.deepBoxSelect")}
+              shortcuts={[getShortcutKey(`CtrlOrCmd+${t("helpDialog.drag")}`)]}
+            />
             {/* firefox supports clipboard API under a flag, so we'll
                 show users what they can do in the error message */}
             {(probablySupportsClipboardBlob || isFirefox) && (
@@ -329,10 +337,6 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               label={t("labels.pasteStyles")}
               shortcuts={[getShortcutKey("CtrlOrCmd+Alt+V")]}
             />
-            <Shortcut
-              label={t("labels.delete")}
-              shortcuts={[getShortcutKey("Delete")]}
-            />
             <Shortcut
               label={t("labels.sendToBack")}
               shortcuts={[

From a8e6028c33d83457f317b5977c0c296c617a9906 Mon Sep 17 00:00:00 2001
From: Matthieu Rossignon <51274353+Mattross45@users.noreply.github.com>
Date: Sat, 4 Feb 2023 15:03:39 +0100
Subject: [PATCH 066/252] =?UTF-8?q?feat:=20show=20error=20message=20when?=
 =?UTF-8?q?=20not=20connected=20to=20internet=20while=20collabo=E2=80=A6?=
 =?UTF-8?q?=20(#6165)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: dwelle <luzar.david@gmail.com>
Resolves https://github.com/excalidraw/excalidraw/issues/5994
---
 src/components/LayerUI.tsx           |  1 -
 src/css/theme.scss                   |  5 +++++
 src/excalidraw-app/collab/Collab.tsx | 10 ++++++++++
 src/excalidraw-app/index.scss        | 17 +++++++++++++++++
 src/excalidraw-app/index.tsx         | 15 +++++++++++----
 src/locales/en.json                  |  3 ++-
 6 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index b7d765a8a..bea074d62 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -124,7 +124,6 @@ const LayerUI = ({
   children,
 }: LayerUIProps) => {
   const device = useDevice();
-
   const tunnels = useInitializeTunnels();
 
   const renderJSONExportDialog = () => {
diff --git a/src/css/theme.scss b/src/css/theme.scss
index 90b1bcdea..fd8067968 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -95,6 +95,9 @@
   --color-gray-90: #1e1e1e;
   --color-gray-100: #121212;
 
+  --color-warning: #fceeca;
+  --color-text-warning: var(--text-primary-color);
+
   --color-danger: #db6965;
   --color-promo: #e70078;
 
@@ -163,6 +166,8 @@
     --color-primary-darkest: #beb9ff;
     --color-primary-light: #4f4d6f;
 
+    --color-text-warning: var(--color-gray-80);
+
     --color-danger: #ffa8a5;
     --color-promo: #d297ff;
   }
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 4f98f58fd..1a996f032 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -75,6 +75,7 @@ import { jotaiStore } from "../../jotai";
 export const collabAPIAtom = atom<CollabAPI | null>(null);
 export const collabDialogShownAtom = atom(false);
 export const isCollaboratingAtom = atom(false);
+export const isOfflineAtom = atom(false);
 
 interface CollabState {
   errorMessage: string;
@@ -152,6 +153,8 @@ class Collab extends PureComponent<Props, CollabState> {
 
   componentDidMount() {
     window.addEventListener(EVENT.BEFORE_UNLOAD, this.beforeUnload);
+    window.addEventListener("online", this.onOfflineStatusToggle);
+    window.addEventListener("offline", this.onOfflineStatusToggle);
     window.addEventListener(EVENT.UNLOAD, this.onUnload);
 
     const collabAPI: CollabAPI = {
@@ -165,6 +168,7 @@ class Collab extends PureComponent<Props, CollabState> {
     };
 
     jotaiStore.set(collabAPIAtom, collabAPI);
+    this.onOfflineStatusToggle();
 
     if (
       process.env.NODE_ENV === ENV.TEST ||
@@ -180,7 +184,13 @@ class Collab extends PureComponent<Props, CollabState> {
     }
   }
 
+  onOfflineStatusToggle = () => {
+    jotaiStore.set(isOfflineAtom, !window.navigator.onLine);
+  };
+
   componentWillUnmount() {
+    window.removeEventListener("online", this.onOfflineStatusToggle);
+    window.removeEventListener("offline", this.onOfflineStatusToggle);
     window.removeEventListener(EVENT.BEFORE_UNLOAD, this.beforeUnload);
     window.removeEventListener(EVENT.UNLOAD, this.onUnload);
     window.removeEventListener(EVENT.POINTER_MOVE, this.onPointerMove);
diff --git a/src/excalidraw-app/index.scss b/src/excalidraw-app/index.scss
index b9e693ec4..38c4c1a38 100644
--- a/src/excalidraw-app/index.scss
+++ b/src/excalidraw-app/index.scss
@@ -45,6 +45,23 @@
       }
     }
   }
+
+  .collab-offline-warning {
+    pointer-events: none;
+    position: absolute;
+    top: 6.5rem;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 0.5rem 1rem;
+    font-size: 0.875rem;
+    text-align: center;
+    line-height: 1.5;
+    border-radius: var(--border-radius-md);
+    background-color: var(--color-warning);
+    color: var(--color-text-warning);
+    z-index: 6;
+    white-space: pre;
+  }
 }
 
 .excalidraw-app.is-collaborating {
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 6d6c9fe7d..fe2ac1a1d 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -52,6 +52,7 @@ import Collab, {
   collabAPIAtom,
   collabDialogShownAtom,
   isCollaboratingAtom,
+  isOfflineAtom,
 } from "./collab/Collab";
 import {
   exportToBackend,
@@ -66,10 +67,7 @@ import {
 } from "./data/localStorage";
 import CustomStats from "./CustomStats";
 import { restore, restoreAppState, RestoredDataState } from "../data/restore";
-
-import "./index.scss";
 import { ExportToExcalidrawPlus } from "./components/ExportToExcalidrawPlus";
-
 import { updateStaleImageStatuses } from "./data/FileManager";
 import { newElementWith } from "../element/mutateElement";
 import { isInitializedImageElement } from "../element/typeChecks";
@@ -77,7 +75,7 @@ import { loadFilesFromFirebase } from "./data/firebase";
 import { LocalData } from "./data/LocalData";
 import { isBrowserStorageStateNewer } from "./data/tabSync";
 import clsx from "clsx";
-import { atom, Provider, useAtom } from "jotai";
+import { atom, Provider, useAtom, useAtomValue } from "jotai";
 import { jotaiStore, useAtomWithInitialValue } from "../jotai";
 import { reconcileElements } from "./collab/reconciliation";
 import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
@@ -85,6 +83,8 @@ import { AppMainMenu } from "./components/AppMainMenu";
 import { AppWelcomeScreen } from "./components/AppWelcomeScreen";
 import { AppFooter } from "./components/AppFooter";
 
+import "./index.scss";
+
 polyfill();
 
 window.EXCALIDRAW_THROTTLE_RENDER = true;
@@ -599,6 +599,8 @@ const ExcalidrawWrapper = () => {
     localStorage.setItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY, serializedItems);
   };
 
+  const isOffline = useAtomValue(isOfflineAtom);
+
   return (
     <div
       style={{ height: "100%" }}
@@ -661,6 +663,11 @@ const ExcalidrawWrapper = () => {
         />
         <AppWelcomeScreen setCollabDialogShown={setCollabDialogShown} />
         <AppFooter />
+        {isCollaborating && isOffline && (
+          <div className="collab-offline-warning">
+            {t("alerts.collabOfflineWarning")}
+          </div>
+        )}
       </Excalidraw>
       {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       {errorMessage && (
diff --git a/src/locales/en.json b/src/locales/en.json
index 1a46b20e0..31005cb4c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -193,7 +193,8 @@
     "invalidSceneUrl": "Couldn't import scene from the supplied URL. It's either malformed, or doesn't contain valid Excalidraw JSON data.",
     "resetLibrary": "This will clear your library. Are you sure?",
     "removeItemsFromsLibrary": "Delete {{count}} item(s) from library?",
-    "invalidEncryptionKey": "Encryption key must be of 22 characters. Live collaboration is disabled."
+    "invalidEncryptionKey": "Encryption key must be of 22 characters. Live collaboration is disabled.",
+    "collabOfflineWarning": "No internet connection available.\nYour changes will not be saved!"
   },
   "errors": {
     "unsupportedFileType": "Unsupported file type.",

From c3c45a8c37bac75e9f21780283dcd6a55abc0840 Mon Sep 17 00:00:00 2001
From: Dejavu Moe <jialong.vip@gmail.com>
Date: Tue, 7 Feb 2023 14:14:31 +0800
Subject: [PATCH 067/252] fix: docker build architecture:linux/amd64 error
 occur on linux/arm64 instance (#6197)

fix docker build
when in linux/arm64 use docker buildx plugin to build linux/amd64 image, a build error will occur causing the build to break
---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index f295f7f6a..d1fa424e5 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -3,7 +3,7 @@ FROM node:14-alpine AS build
 WORKDIR /opt/node_app
 
 COPY package.json yarn.lock ./
-RUN yarn --ignore-optional
+RUN yarn --ignore-optional --network-timeout 600000
 
 ARG NODE_ENV=production
 

From 8c1168ef3325dcbd74750076bc2264cbf23b8492 Mon Sep 17 00:00:00 2001
From: DanielJGeiger <1852529+DanielJGeiger@users.noreply.github.com>
Date: Tue, 7 Feb 2023 01:11:20 -0600
Subject: [PATCH 068/252] refactor: Make the example React app reusable without
 duplication (#6188)

---
 src/packages/excalidraw/example/App.tsx       |  24 ++++++++++++------
 src/packages/excalidraw/example/index.tsx     |   5 +++-
 .../example/public/{ => images}/doremon.png   | Bin
 .../example/public/{ => images}/excalibot.png | Bin
 .../example/public/{ => images}/pika.jpeg     | Bin
 .../example/public/{ => images}/rocket.jpeg   | Bin
 .../example/sidebar/ExampleSidebar.tsx        |   4 +--
 7 files changed, 22 insertions(+), 11 deletions(-)
 rename src/packages/excalidraw/example/public/{ => images}/doremon.png (100%)
 rename src/packages/excalidraw/example/public/{ => images}/excalibot.png (100%)
 rename src/packages/excalidraw/example/public/{ => images}/pika.jpeg (100%)
 rename src/packages/excalidraw/example/public/{ => images}/rocket.jpeg (100%)

diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index e394d1a12..1f4a6c7fd 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -80,7 +80,13 @@ const COMMENT_ICON_DIMENSION = 32;
 const COMMENT_INPUT_HEIGHT = 50;
 const COMMENT_INPUT_WIDTH = 150;
 
-export default function App() {
+export interface AppProps {
+  appTitle: string;
+  useCustom: (api: ExcalidrawImperativeAPI | null, customArgs?: any[]) => void;
+  customArgs?: any[];
+}
+
+export default function App({ appTitle, useCustom, customArgs }: AppProps) {
   const appRef = useRef<any>(null);
   const [viewModeEnabled, setViewModeEnabled] = useState(false);
   const [zenModeEnabled, setZenModeEnabled] = useState(false);
@@ -107,6 +113,8 @@ export default function App() {
   const [excalidrawAPI, setExcalidrawAPI] =
     useState<ExcalidrawImperativeAPI | null>(null);
 
+  useCustom(excalidrawAPI, customArgs);
+
   useHandleLibrary({ excalidrawAPI });
 
   useEffect(() => {
@@ -114,7 +122,7 @@ export default function App() {
       return;
     }
     const fetchData = async () => {
-      const res = await fetch("/rocket.jpeg");
+      const res = await fetch("/images/rocket.jpeg");
       const imageData = await res.blob();
       const reader = new FileReader();
       reader.readAsDataURL(imageData);
@@ -150,7 +158,7 @@ export default function App() {
           />
         )}
         <button
-          onClick={() => alert("This is dummy top right UI")}
+          onClick={() => alert("This is an empty top right UI")}
           style={{ height: "2.5rem" }}
         >
           {" "}
@@ -397,7 +405,7 @@ export default function App() {
           }}
         >
           <div className="comment-avatar">
-            <img src="doremon.png" alt="doremon" />
+            <img src="images/doremon.png" alt="doremon" />
           </div>
         </div>
       );
@@ -525,7 +533,7 @@ export default function App() {
   };
   return (
     <div className="App" ref={appRef}>
-      <h1> Excalidraw Example</h1>
+      <h1>{appTitle}</h1>
       <ExampleSidebar>
         <div className="button-wrapper">
           <button onClick={loadSceneOrLibrary}>Load Scene or Library</button>
@@ -611,15 +619,15 @@ export default function App() {
                   const collaborators = new Map();
                   collaborators.set("id1", {
                     username: "Doremon",
-                    avatarUrl: "doremon.png",
+                    avatarUrl: "images/doremon.png",
                   });
                   collaborators.set("id2", {
                     username: "Excalibot",
-                    avatarUrl: "excalibot.png",
+                    avatarUrl: "images/excalibot.png",
                   });
                   collaborators.set("id3", {
                     username: "Pika",
-                    avatarUrl: "pika.jpeg",
+                    avatarUrl: "images/pika.jpeg",
                   });
                   collaborators.set("id4", {
                     username: "fallback",
diff --git a/src/packages/excalidraw/example/index.tsx b/src/packages/excalidraw/example/index.tsx
index 825a1016e..0f3bad30f 100644
--- a/src/packages/excalidraw/example/index.tsx
+++ b/src/packages/excalidraw/example/index.tsx
@@ -8,6 +8,9 @@ const root = createRoot(rootElement);
 
 root.render(
   <StrictMode>
-    <App />
+    <App
+      appTitle={"Excalidraw Example"}
+      useCustom={(api: any, args?: any[]) => {}}
+    />
   </StrictMode>,
 );
diff --git a/src/packages/excalidraw/example/public/doremon.png b/src/packages/excalidraw/example/public/images/doremon.png
similarity index 100%
rename from src/packages/excalidraw/example/public/doremon.png
rename to src/packages/excalidraw/example/public/images/doremon.png
diff --git a/src/packages/excalidraw/example/public/excalibot.png b/src/packages/excalidraw/example/public/images/excalibot.png
similarity index 100%
rename from src/packages/excalidraw/example/public/excalibot.png
rename to src/packages/excalidraw/example/public/images/excalibot.png
diff --git a/src/packages/excalidraw/example/public/pika.jpeg b/src/packages/excalidraw/example/public/images/pika.jpeg
similarity index 100%
rename from src/packages/excalidraw/example/public/pika.jpeg
rename to src/packages/excalidraw/example/public/images/pika.jpeg
diff --git a/src/packages/excalidraw/example/public/rocket.jpeg b/src/packages/excalidraw/example/public/images/rocket.jpeg
similarity index 100%
rename from src/packages/excalidraw/example/public/rocket.jpeg
rename to src/packages/excalidraw/example/public/images/rocket.jpeg
diff --git a/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx b/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
index 0fa5bf4e0..793d17b05 100644
--- a/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
+++ b/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
@@ -10,8 +10,8 @@ export default function Sidebar({ children }: { children: React.ReactNode }) {
           x
         </button>
         <div className="sidebar-links">
-          <button>Dummy Home</button>
-          <button>Dummy About</button>{" "}
+          <button>Empty Home</button>
+          <button>Empty About</button>{" "}
         </div>
       </div>
       <div className={`${open ? "sidebar-open" : ""}`}>

From c9d18ecab685a8c1f52eba43a2d53314c339e6a2 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 9 Feb 2023 15:51:49 +0530
Subject: [PATCH 069/252] fix: don't allow blank space in collab name (#6211)

* don't allow blank space in collab name

* add spec

* prevent blank
---
 src/clients.ts                           | 2 +-
 src/excalidraw-app/collab/RoomDialog.tsx | 2 +-
 src/tests/clients.test.ts                | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/clients.ts b/src/clients.ts
index e31b73eb9..9e1e6e144 100644
--- a/src/clients.ts
+++ b/src/clients.ts
@@ -21,7 +21,7 @@ export const getClientColors = (clientId: string, appState: AppState) => {
 };
 
 export const getClientInitials = (userName?: string | null) => {
-  if (!userName) {
+  if (!userName?.trim()) {
     return "?";
   }
   return userName.trim()[0].toUpperCase();
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index d4adf9771..2c6949aac 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -144,7 +144,7 @@ const RoomDialog = ({
               <input
                 type="text"
                 id="username"
-                value={username || ""}
+                value={username.trim() || ""}
                 className="RoomDialog-username TextInput"
                 onChange={(event) => onUsernameChange(event.target.value)}
                 onKeyPress={(event) => event.key === "Enter" && handleClose()}
diff --git a/src/tests/clients.test.ts b/src/tests/clients.test.ts
index f3fd174b4..a6a6901b1 100644
--- a/src/tests/clients.test.ts
+++ b/src/tests/clients.test.ts
@@ -36,4 +36,9 @@ describe("getClientInitials", () => {
     result = getClientInitials(null);
     expect(result).toBe("?");
   });
+
+  it('returns "?" when value is blank', () => {
+    const result = getClientInitials(" ");
+    expect(result).toBe("?");
+  });
 });

From 71fb60394a43070b0564fa2f0fff562a26255ef9 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 13 Feb 2023 17:39:11 +0530
Subject: [PATCH 070/252] docs: enable Algolia for search (#6230)

---
 dev-docs/docusaurus.config.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/dev-docs/docusaurus.config.js b/dev-docs/docusaurus.config.js
index e24901f2e..390c619af 100644
--- a/dev-docs/docusaurus.config.js
+++ b/dev-docs/docusaurus.config.js
@@ -132,6 +132,11 @@ const config = {
       tableOfContents: {
         maxHeadingLevel: 4,
       },
+      algolia: {
+        appId: "8FEAOD28DI",
+        apiKey: "4b07cca33ff2d2919bc95ff98f148e9e",
+        indexName: "excalidraw",
+      },
     }),
   themes: ["@docusaurus/theme-live-codeblock"],
   plugins: ["docusaurus-plugin-sass"],

From 0d7ee891e0c65c5cde078ab257fbf3894a2fda31 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 15 Feb 2023 10:41:11 +0530
Subject: [PATCH 071/252] feat: Make repair and refreshDimensions configurable
 in restoreElements (#6238)

* fix: don't repair during reconcilation

* Add opts to restoreElement and enable refreshDimensions and repair via config

* remove

* update changelog

* fix tests

* rename to repairBindings
---
 src/components/App.tsx               |  2 +-
 src/data/blob.ts                     |  1 +
 src/data/restore.ts                  | 11 +++-
 src/excalidraw-app/collab/Collab.tsx |  2 +-
 src/excalidraw-app/data/index.ts     |  5 +-
 src/excalidraw-app/index.tsx         |  2 +-
 src/packages/excalidraw/CHANGELOG.md | 18 ++++++
 src/tests/data/restore.test.ts       | 92 +++++++++++++++++++++++-----
 8 files changed, 112 insertions(+), 21 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index f01faa279..1fab2a2cf 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -836,7 +836,7 @@ class App extends React.Component<AppProps, AppState> {
         },
       };
     }
-    const scene = restore(initialData, null, null);
+    const scene = restore(initialData, null, null, { repairBindings: true });
     scene.appState = {
       ...scene.appState,
       theme: this.props.theme || scene.appState.theme,
diff --git a/src/data/blob.ts b/src/data/blob.ts
index b5ca1dcad..473042b56 100644
--- a/src/data/blob.ts
+++ b/src/data/blob.ts
@@ -156,6 +156,7 @@ export const loadSceneOrLibraryFromBlob = async (
           },
           localAppState,
           localElements,
+          { repairBindings: true },
         ),
       };
     } else if (isValidLibrary(data)) {
diff --git a/src/data/restore.ts b/src/data/restore.ts
index bb779cf0f..0af2f9dc4 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -339,7 +339,7 @@ export const restoreElements = (
   elements: ImportedDataState["elements"],
   /** NOTE doesn't serve for reconciliation */
   localElements: readonly ExcalidrawElement[] | null | undefined,
-  refreshDimensions = false,
+  opts?: { refreshDimensions?: boolean; repairBindings?: boolean } | undefined,
 ): ExcalidrawElement[] => {
   const localElementsMap = localElements ? arrayToMap(localElements) : null;
   const restoredElements = (elements || []).reduce((elements, element) => {
@@ -348,7 +348,7 @@ export const restoreElements = (
     if (element.type !== "selection" && !isInvisiblySmallElement(element)) {
       let migratedElement: ExcalidrawElement | null = restoreElement(
         element,
-        refreshDimensions,
+        opts?.refreshDimensions,
       );
       if (migratedElement) {
         const localElement = localElementsMap?.get(element.id);
@@ -361,6 +361,10 @@ export const restoreElements = (
     return elements;
   }, [] as ExcalidrawElement[]);
 
+  if (!opts?.repairBindings) {
+    return restoredElements;
+  }
+
   // repair binding. Mutates elements.
   const restoredElementsMap = arrayToMap(restoredElements);
   for (const element of restoredElements) {
@@ -497,9 +501,10 @@ export const restore = (
    */
   localAppState: Partial<AppState> | null | undefined,
   localElements: readonly ExcalidrawElement[] | null | undefined,
+  elementsConfig?: { refreshDimensions?: boolean; repairBindings?: boolean },
 ): RestoredDataState => {
   return {
-    elements: restoreElements(data?.elements, localElements),
+    elements: restoreElements(data?.elements, localElements, elementsConfig),
     appState: restoreAppState(data?.appState, localAppState || null),
     files: data?.files || {},
   };
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 1a996f032..22f748773 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -610,7 +610,7 @@ class Collab extends PureComponent<Props, CollabState> {
     const localElements = this.getSceneElementsIncludingDeleted();
     const appState = this.excalidrawAPI.getAppState();
 
-    remoteElements = restoreElements(remoteElements, null, false);
+    remoteElements = restoreElements(remoteElements, null);
 
     const reconciledElements = _reconcileElements(
       localElements,
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index a74c439f1..393c51580 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -263,9 +263,12 @@ export const loadScene = async (
       await importFromBackend(id, privateKey),
       localDataState?.appState,
       localDataState?.elements,
+      { repairBindings: true },
     );
   } else {
-    data = restore(localDataState || null, null, null);
+    data = restore(localDataState || null, null, null, {
+      repairBindings: true,
+    });
   }
 
   return {
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index fe2ac1a1d..9a778d27c 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -362,7 +362,7 @@ const ExcalidrawWrapper = () => {
           if (data.scene) {
             excalidrawAPI.updateScene({
               ...data.scene,
-              ...restore(data.scene, null, null),
+              ...restore(data.scene, null, null, { repairBindings: true }),
               commitToHistory: true,
             });
           }
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index d37020842..a809491d2 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,6 +11,24 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## Unreleased
+
+### Features
+
+- [`restoreElements`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restoreelements) API now takes an optional parameter `opts` which currently supports the below attributes
+
+```js
+{ refreshDimensions?: boolean, repair?: boolean }
+```
+
+The same `opts` param has been added to [`restore`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restore) API as well.
+
+For more details refer to the [docs](https://docs.excalidraw.com)
+
+#### BREAKING CHANGE
+
+- The optional parameter `refreshDimensions` in [`restoreElements`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restoreelements) has been removed and can be enabled via `opts`
+
 ## 0.14.2 (2023-02-01)
 
 ### Features
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index ef0f1a115..afd5ef918 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -534,7 +534,7 @@ describe("restore", () => {
 });
 
 describe("repairing bindings", () => {
-  it("should repair container boundElements", () => {
+  it("should repair container boundElements when repair is true", () => {
     const container = API.createElement({
       type: "rectangle",
       boundElements: [],
@@ -546,11 +546,28 @@ describe("repairing bindings", () => {
 
     expect(container.boundElements).toEqual([]);
 
-    const restoredElements = restore.restoreElements(
+    let restoredElements = restore.restoreElements(
       [container, boundElement],
       null,
     );
 
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: container.id,
+      }),
+    ]);
+
+    restoredElements = restore.restoreElements(
+      [container, boundElement],
+      null,
+      { repairBindings: true },
+    );
+
     expect(restoredElements).toEqual([
       expect.objectContaining({
         id: container.id,
@@ -563,7 +580,7 @@ describe("repairing bindings", () => {
     ]);
   });
 
-  it("should repair containerId of boundElements", () => {
+  it("should repair containerId of boundElements when repair is true", () => {
     const boundElement = API.createElement({
       type: "text",
       containerId: null,
@@ -573,11 +590,28 @@ describe("repairing bindings", () => {
       boundElements: [{ type: boundElement.type, id: boundElement.id }],
     });
 
-    const restoredElements = restore.restoreElements(
+    let restoredElements = restore.restoreElements(
       [container, boundElement],
       null,
     );
 
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [{ type: boundElement.type, id: boundElement.id }],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: null,
+      }),
+    ]);
+
+    restoredElements = restore.restoreElements(
+      [container, boundElement],
+      null,
+      { repairBindings: true },
+    );
+
     expect(restoredElements).toEqual([
       expect.objectContaining({
         id: container.id,
@@ -620,7 +654,7 @@ describe("repairing bindings", () => {
     ]);
   });
 
-  it("should remove bindings of deleted elements from boundElements", () => {
+  it("should remove bindings of deleted elements from boundElements when repair is true", () => {
     const container = API.createElement({
       type: "rectangle",
       boundElements: [],
@@ -642,6 +676,8 @@ describe("repairing bindings", () => {
       type: invisibleBoundElement.type,
       id: invisibleBoundElement.id,
     };
+    expect(container.boundElements).toEqual([]);
+
     const nonExistentBinding = { type: "text", id: "non-existent" };
     // @ts-ignore
     container.boundElements = [
@@ -650,17 +686,28 @@ describe("repairing bindings", () => {
       nonExistentBinding,
     ];
 
-    expect(container.boundElements).toEqual([
-      obsoleteBinding,
-      invisibleBinding,
-      nonExistentBinding,
-    ]);
-
-    const restoredElements = restore.restoreElements(
+    let restoredElements = restore.restoreElements(
       [container, invisibleBoundElement, boundElement],
       null,
     );
 
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: container.id,
+        boundElements: [obsoleteBinding, invisibleBinding, nonExistentBinding],
+      }),
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: container.id,
+      }),
+    ]);
+
+    restoredElements = restore.restoreElements(
+      [container, invisibleBoundElement, boundElement],
+      null,
+      { repairBindings: true },
+    );
+
     expect(restoredElements).toEqual([
       expect.objectContaining({
         id: container.id,
@@ -673,7 +720,7 @@ describe("repairing bindings", () => {
     ]);
   });
 
-  it("should remove containerId if container not exists", () => {
+  it("should remove containerId if container not exists when repair is true", () => {
     const boundElement = API.createElement({
       type: "text",
       containerId: "non-existent",
@@ -684,11 +731,28 @@ describe("repairing bindings", () => {
       isDeleted: true,
     });
 
-    const restoredElements = restore.restoreElements(
+    let restoredElements = restore.restoreElements(
       [boundElement, boundElementDeleted],
       null,
     );
 
+    expect(restoredElements).toEqual([
+      expect.objectContaining({
+        id: boundElement.id,
+        containerId: "non-existent",
+      }),
+      expect.objectContaining({
+        id: boundElementDeleted.id,
+        containerId: "non-existent",
+      }),
+    ]);
+
+    restoredElements = restore.restoreElements(
+      [boundElement, boundElementDeleted],
+      null,
+      { repairBindings: true },
+    );
+
     expect(restoredElements).toEqual([
       expect.objectContaining({
         id: boundElement.id,

From 9686141113be14eb646313e09de347917268787d Mon Sep 17 00:00:00 2001
From: Luka Hietala <95122845+LukaHietala@users.noreply.github.com>
Date: Wed, 15 Feb 2023 07:31:07 +0200
Subject: [PATCH 072/252] docs: Fixed broken codesandbox link in the dev-docs
 (#6229)

fixed broken link
---
 dev-docs/docs/introduction/contributing.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dev-docs/docs/introduction/contributing.mdx b/dev-docs/docs/introduction/contributing.mdx
index 5e133ac8f..d384c97a1 100644
--- a/dev-docs/docs/introduction/contributing.mdx
+++ b/dev-docs/docs/introduction/contributing.mdx
@@ -20,7 +20,7 @@ Pull requests are welcome. For major changes, please [open an issue](https://git
 
 ### Option 2 - CodeSandbox
 
-1. Go to https://codesandbox.io/s/github/excalidraw/excalidraw
+1. Go to https://codesandbox.io/p/github/excalidraw/excalidraw
 1. Connect your GitHub account
 1. Go to Git tab on left side
 1. Tap on `Fork Sandbox`

From c587b85b4ee6f361fad6f8d7f82db4e93a7473a3 Mon Sep 17 00:00:00 2001
From: Milos Vetesnik <maielo.mv@gmail.com>
Date: Wed, 15 Feb 2023 14:45:06 +0100
Subject: [PATCH 073/252] docs: new readme (#6240)

Co-authored-by: David Luzar <luzar.david@gmail.com>
---
 README.md | 140 +++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 111 insertions(+), 29 deletions(-)

diff --git a/README.md b/README.md
index 21e2716d0..c5f7f5cd4 100644
--- a/README.md
+++ b/README.md
@@ -1,29 +1,121 @@
-<div align="center" style="display:flex;flex-direction:column;"}>
-  <a href="https://excalidraw.com">
-    <img width="540" src="./public/og-image-sm.png" alt="Excalidraw logo: Sketch handrawn like diagrams."/>
-  </a>
-  <h3>Virtual whiteboard for sketching hand-drawn like diagrams.<br/>Collaborative and end-to-end encrypted.</h3>
-  <p>
-    <a href="https://twitter.com/excalidraw">
-      <img alt="Follow Excalidraw on Twitter" src="https://img.shields.io/twitter/follow/excalidraw.svg?label=follow+@excalidraw&style=social&logo=twitter"/>
-    </a>
-    <a href="https://discord.gg/UexuTaE">
-      <img alt="Chat with us on Discord" src="https://img.shields.io/discord/723672430744174682?color=738ad6&label=Chat%20on%20Discord&logo=discord&logoColor=ffffff&widge=false"/>
-    </a>
-  </p>
+<a href="https://excalidraw.com/" target="_blank" rel="noopener">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" alt="Excalidraw" srcset="https://excalidraw.nyc3.cdn.digitaloceanspaces.com/github%2FExcalidraw_Github_cover_dark.png" />
+    <img alt="Excalidraw" src="https://excalidraw.nyc3.cdn.digitaloceanspaces.com/github%2FExcalidraw_Github_cover.png" />
+  </picture>
+</a>
+
+<h4 align="center">
+  <a href="https://excalidraw.com">Excalidraw Editor</a> |
+  <a href="https://blog.excalidraw.com">Blog</a> |
+  <a href="https://docs.excalidraw.com">Documentation</a> |
+  <a href="https://plus.excalidraw.com">Excalidraw+</a>
+</h4>
+
+<div align="center">
+  <h2>
+    An open source virtual hand-drawn style whiteboard. </br>
+    Collaborative and end-to-end encrypted. </br>
+  <br />
+  </h3>
 </div>
 
-## Try now
+<br />
+<p align="center">
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/LICENSE">
+    <img alt="Excalidraw is released under the MIT license." src="https://img.shields.io/badge/license-MIT-blue.svg"  />
+  </a>
+  <a href="https://docs.excalidraw.com/docs/introduction/contributing">
+    <img alt="PRs welcome!" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat"  />
+  </a>
+  <a href="https://discord.gg/UexuTaE">
+    <img alt="Chat on Discord" src="https://img.shields.io/discord/723672430744174682?color=738ad6&label=Chat%20on%20Discord&logo=discord&logoColor=ffffff&widge=false"/>
+  </a>
+  <a href="https://twitter.com/excalidraw">
+    <img alt="Follow Excalidraw on Twitter" src="https://img.shields.io/twitter/follow/excalidraw.svg?label=follow+@excalidraw&style=social&logo=twitter"/>
+  </a>
+</p>
 
-Visit [excalidraw.com](https://excalidraw.com) to start sketching.
+<div align="center">
+  <figure>
+    <a href="https://excalidraw.com" target="_blank" rel="noopener">
+      <img src="https://excalidraw.nyc3.cdn.digitaloceanspaces.com/github%2Fproduct_showcase.png" alt="Product showcase" />
+    </a>
+    <figcaption>
+      <p align="center">
+        Create beautiful hand-drawn like diagrams, wireframes, or whatever you like.
+      </p>
+    </figcaption>
+  </figure>
+</div>
 
-## Community
+## Features
 
-For latest updates, follow us on [twitter](https://twitter.com/excalidraw). If you need help or want to chat, join us on [Discord](https://discord.gg/UexuTaE). For releases and deep dives, check out our [blog](https://blog.excalidraw.com). Report bugs on [GitHub](https://github.com/excalidraw/excalidraw/issues).
+The Excalidraw editor (npm package) supports:
 
-## Supporting Excalidraw
+- 💯&nbsp;Free & open-source.
+- 🎨&nbsp;Infinite, canvas-based whiteboard.
+- ✍️&nbsp;Hand-drawn like style.
+- 🌓&nbsp;Dark mode.
+- 🏗️&nbsp;Customizable.
+- 📷&nbsp;Image support.
+- 😀&nbsp;Shape libraries support.
+- 👅&nbsp;Localization (i18n) support.
+- 🖼️&nbsp;Export to PNG, SVG & clipboard.
+- 💾&nbsp;Open format - export drawings as an `.excalidraw` json file.
+- ⚒️&nbsp;Wide range of tools - rectangle, circle, diamond, arrow, line, free-draw, eraser...
+- ➡️&nbsp;Arrow-binding & labeled arrows.
+- 🔙&nbsp;Undo / Redo.
+- 🔍&nbsp;Zoom and panning support.
 
-If you like the project, you can become a sponsor at [Open Collective](https://opencollective.com/excalidraw).
+## Excalidraw.com
+
+The app hosted at [excalidraw.com](https://excalidraw.com) is a minimal showcase of what you can build with Excalidraw. Its [source code](https://github.com/excalidraw/excalidraw/tree/maielo/new-readme/src/excalidraw-app) is part of this repository as well, and the app features:
+
+- 📡&nbsp;PWA support (works offline).
+- 🤼&nbsp;Real-time collaboration.
+- 🔒&nbsp;End-to-end encryption.
+- 💾&nbsp;Local-first support (autosaves to the browser).
+- 🔗&nbsp;Shareable links (export to a readonly link you can share with others).
+
+We'll be adding these features as drop-in plugins for the npm package in the future.
+
+## Quick start
+
+Install the [Excalidraw npm package](https://www.npmjs.com/package/@excalidraw/excalidraw):
+
+```
+npm install react react-dom @excalidraw/excalidraw
+```
+
+or via yarn
+
+```
+yarn add react react-dom @excalidraw/excalidraw
+```
+
+Don't forget to check out our [Documentation](https://docs.excalidraw.com)!
+
+## Contributing
+
+- Missing something or found a bug? [Report here](https://github.com/excalidraw/excalidraw/issues).
+- Want to contribute? Check out our [contribution guide](https://docs.excalidraw.com/docs/introduction/contributing) or let us know on [Discord](https://discord.gg/UexuTaE).
+- Want to help with translations? See the [translation guide](https://docs.excalidraw.com/docs/introduction/contributing#translating).
+
+## Integrations
+
+- [VScode extension](https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor)
+- [npm package](https://www.npmjs.com/package/@excalidraw/excalidraw)
+
+## Who's integrating Excalidraw
+
+[Google Cloud](https://googlecloudcheatsheet.withgoogle.com/architecture) • [Meta](https://meta.com/) • [CodeSandbox](https://codesandbox.io/) • [Obsidian Excalidraw](https://github.com/zsviczian/obsidian-excalidraw-plugin) • [Replit](https://replit.com/) • [Slite](https://slite.com/) • [Notion](https://notion.so/) • [HackerRank](https://www.hackerrank.com/) • and many others
+
+## Sponsors & support
+
+If you like the project, you can become a sponsor at [Open Collective](https://opencollective.com/excalidraw) or use [Excalidraw+](https://plus.excalidraw.com/).
+
+## Thank you for supporting Excalidraw
 
 [<img src="https://opencollective.com/excalidraw/tiers/sponsors/0/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/0/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/1/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/1/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/2/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/2/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/3/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/3/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/4/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/4/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/5/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/5/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/6/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/6/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/7/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/7/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/8/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/8/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/9/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/9/website) [<img src="https://opencollective.com/excalidraw/tiers/sponsors/10/avatar.svg?avatarHeight=120"/>](https://opencollective.com/excalidraw/tiers/sponsors/10/website)
 
@@ -32,13 +124,3 @@ If you like the project, you can become a sponsor at [Open Collective](https://o
 Last but not least, we're thankful to these companies for offering their services for free:
 
 [![Vercel](./.github/assets/vercel.svg)](https://vercel.com) [![Sentry](./.github/assets/sentry.svg)](https://sentry.io) [![Crowdin](./.github/assets/crowdin.svg)](https://crowdin.com)
-
-## Developers
-
-You can integrate Excalidraw into your app by installing our [npm component](https://npmjs.com/package/@excalidraw/excalidraw).
-
-Visit our documentation on [https://docs.excalidraw.com](https://docs.excalidraw.com).
-
-## Who's integrating Excalidraw
-
-[Google Cloud](https://googlecloudcheatsheet.withgoogle.com/architecture) • [Meta](https://meta.com/) • [CodeSandbox](https://codesandbox.io/) • [Obsidian Excalidraw](https://github.com/zsviczian/obsidian-excalidraw-plugin) • [Replit](https://replit.com/) • [Slite](https://slite.com/) • [Notion](https://notion.so/) • [HackerRank](https://www.hackerrank.com/)

From b107c9af2a89866e0db856cf0371b3af07b50977 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 15 Feb 2023 15:14:15 +0100
Subject: [PATCH 074/252] docs: fix next.js example (#6241)

---
 dev-docs/docs/@excalidraw/excalidraw/integration.mdx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/dev-docs/docs/@excalidraw/excalidraw/integration.mdx b/dev-docs/docs/@excalidraw/excalidraw/integration.mdx
index 1fdcb8d8a..7080c32e9 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/integration.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/integration.mdx
@@ -34,14 +34,16 @@ function App() {
 
 Since _Excalidraw_ doesn't support server side rendering, you should render the component once the host is `mounted`.
 
+The following worfklow shows one way how to render Excalidraw on Next.js. We'll add more detailed and alternative Next.js examples, soon.
+
 ```jsx showLineNumbers
 import { useState, useEffect } from "react";
 export default function App() {
-  const [Comp, setComp] = useState(null);
+  const [Excalidraw, setExcalidraw] = useState(null);
   useEffect(() => {
-    import("@excalidraw/excalidraw").then((comp) => setComp(comp.default));
+    import("@excalidraw/excalidraw").then((comp) => setExcalidraw(comp.Excalidraw));
   }, []);
-  return <>{Comp && <Comp />}</>;
+  return <>{Excalidraw && <Excalidraw />}</>;
 }
 ```
 

From 5acb99777a0f9dd283f66667f13da1048bbb3d4f Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 16 Feb 2023 19:45:41 +0530
Subject: [PATCH 075/252] docs: fix typo (#6252)

---
 dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx | 2 +-
 src/packages/excalidraw/CHANGELOG.md                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
index 809c15a1b..198626eec 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
@@ -53,7 +53,7 @@ Parameter `refreshDimensions` indicates whether we should also `recalculate` tex
 **_Signature_**
 
 <pre>
-restoreElements(
+restore(
   data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L34">ImportedDataState</a>,<br/>&nbsp;
   localAppState: Partial&lt;<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>> | null | undefined,<br/>&nbsp;
   localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null | undefined<br/>): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L4">DataState</a>
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index a809491d2..fc1c8e0f3 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -18,7 +18,7 @@ Please add the latest change on the top under the correct section.
 - [`restoreElements`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restoreelements) API now takes an optional parameter `opts` which currently supports the below attributes
 
 ```js
-{ refreshDimensions?: boolean, repair?: boolean }
+{ refreshDimensions?: boolean, repairBindings?: boolean }
 ```
 
 The same `opts` param has been added to [`restore`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restore) API as well.

From b9ba407f96fc4305443a4a3c0816b692a053378c Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 16 Feb 2023 20:46:51 +0530
Subject: [PATCH 076/252] feat: Bind text to container if double clicked on
 filled shape or stroke (#6250)

* feat: bind text to container when clicked on filled shape or element stroke

* Bind if double clicked on stroke as well

* remove

* specs

* remove

* shuffle

* fix

* back to normal
---
 src/components/App.tsx           | 11 ++++-
 src/element/textWysiwyg.test.tsx | 75 ++++++++++++++++++++++++++++----
 src/element/typeChecks.ts        |  2 +-
 3 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 1fab2a2cf..a48510bf9 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -226,6 +226,7 @@ import {
   setEraserCursor,
   updateActiveTool,
   getShortcutKey,
+  isTransparent,
 } from "../utils";
 import {
   ContextMenu,
@@ -2762,7 +2763,15 @@ class App extends React.Component<AppProps, AppState> {
         sceneY,
       );
       if (container) {
-        if (isArrowElement(container) || hasBoundTextElement(container)) {
+        if (
+          isArrowElement(container) ||
+          hasBoundTextElement(container) ||
+          !isTransparent(container.backgroundColor) ||
+          isHittingElementNotConsideringBoundingBox(container, this.state, [
+            sceneX,
+            sceneY,
+          ])
+        ) {
           const midPoint = getContainerCenter(container, this.state);
 
           sceneX = midPoint.x;
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 83b3251d4..c61d4e68b 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -463,14 +463,21 @@ describe("textWysiwyg", () => {
       });
     });
 
-    it("should bind text to container when double clicked on center of filled container", async () => {
+    it("should bind text to container when double clicked inside filled container", async () => {
+      const rectangle = API.createElement({
+        type: "rectangle",
+        x: 10,
+        y: 20,
+        width: 90,
+        height: 75,
+        backgroundColor: "red",
+      });
+      h.elements = [rectangle];
+
       expect(h.elements.length).toBe(1);
       expect(h.elements[0].id).toBe(rectangle.id);
 
-      mouse.doubleClickAt(
-        rectangle.x + rectangle.width / 2,
-        rectangle.y + rectangle.height / 2,
-      );
+      mouse.doubleClickAt(rectangle.x + 10, rectangle.y + 10);
       expect(h.elements.length).toBe(2);
 
       const text = h.elements[1] as ExcalidrawTextElementWithContainer;
@@ -504,24 +511,37 @@ describe("textWysiwyg", () => {
       });
       h.elements = [rectangle];
 
+      mouse.doubleClickAt(rectangle.x + 10, rectangle.y + 10);
+      expect(h.elements.length).toBe(2);
+      let text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      expect(text.type).toBe("text");
+      expect(text.containerId).toBe(null);
+      mouse.down();
+      let editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+      await new Promise((r) => setTimeout(r, 0));
+      editor.blur();
+
       mouse.doubleClickAt(
         rectangle.x + rectangle.width / 2,
         rectangle.y + rectangle.height / 2,
       );
-      expect(h.elements.length).toBe(2);
+      expect(h.elements.length).toBe(3);
 
-      const text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.type).toBe("text");
       expect(text.containerId).toBe(rectangle.id);
+
       mouse.down();
-      const editor = document.querySelector(
+      editor = document.querySelector(
         ".excalidraw-textEditorContainer > textarea",
       ) as HTMLTextAreaElement;
 
       fireEvent.change(editor, { target: { value: "Hello World!" } });
-
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
+
       expect(rectangle.boundElements).toStrictEqual([
         { id: text.id, type: "text" },
       ]);
@@ -551,6 +571,43 @@ describe("textWysiwyg", () => {
       ]);
     });
 
+    it("should bind text to container when double clicked on container stroke", async () => {
+      const rectangle = API.createElement({
+        type: "rectangle",
+        x: 10,
+        y: 20,
+        width: 90,
+        height: 75,
+        strokeWidth: 4,
+      });
+      h.elements = [rectangle];
+
+      expect(h.elements.length).toBe(1);
+      expect(h.elements[0].id).toBe(rectangle.id);
+
+      mouse.doubleClickAt(rectangle.x + 2, rectangle.y + 2);
+      expect(h.elements.length).toBe(2);
+
+      const text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      expect(text.type).toBe("text");
+      expect(text.containerId).toBe(rectangle.id);
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: text.id, type: "text" },
+      ]);
+      mouse.down();
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      fireEvent.change(editor, { target: { value: "Hello World!" } });
+
+      await new Promise((r) => setTimeout(r, 0));
+      editor.blur();
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: text.id, type: "text" },
+      ]);
+    });
+
     it("shouldn't bind to non-text-bindable containers", async () => {
       const freedraw = API.createElement({
         type: "freedraw",
diff --git a/src/element/typeChecks.ts b/src/element/typeChecks.ts
index 72088e727..a6b6cb2db 100644
--- a/src/element/typeChecks.ts
+++ b/src/element/typeChecks.ts
@@ -137,7 +137,7 @@ export const isExcalidrawElement = (element: any): boolean => {
 
 export const hasBoundTextElement = (
   element: ExcalidrawElement | null,
-): element is ExcalidrawBindableElement => {
+): element is MarkNonNullable<ExcalidrawBindableElement, "boundElements"> => {
   return (
     isBindableElement(element) &&
     !!element.boundElements?.some(({ type }) => type === "text")

From 0fcbddda8ebdbf6ec381eeed60e245e03e1739f5 Mon Sep 17 00:00:00 2001
From: Jan Klass <kissaki@posteo.de>
Date: Mon, 20 Feb 2023 10:44:25 +0100
Subject: [PATCH 077/252] docs: Fix outdated link in README.md (#6263)

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c5f7f5cd4..31ee567de 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ The Excalidraw editor (npm package) supports:
 
 ## Excalidraw.com
 
-The app hosted at [excalidraw.com](https://excalidraw.com) is a minimal showcase of what you can build with Excalidraw. Its [source code](https://github.com/excalidraw/excalidraw/tree/maielo/new-readme/src/excalidraw-app) is part of this repository as well, and the app features:
+The app hosted at [excalidraw.com](https://excalidraw.com) is a minimal showcase of what you can build with Excalidraw. Its [source code](https://github.com/excalidraw/excalidraw/tree/master/src/excalidraw-app) is part of this repository as well, and the app features:
 
 - 📡&nbsp;PWA support (works offline).
 - 🤼&nbsp;Real-time collaboration.

From 88ff32e9b389b15577f0a6fa73df92a6eda7f914 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 21 Feb 2023 12:36:43 +0530
Subject: [PATCH 078/252] fix: improve text wrapping in ellipse and alignment
 (#6172)

* fix: improve text wrapping in ellipse

* compute height when font properties updated

* fix alignment

* fix alignment when resizing

* fix

* ad padding

* always compute height when redrawing bounding box and refactor

* lint

* fix specs

* fix

* redraw text bounding box when pasted or refreshed

* fix

* Add specs

* fix

* restore on font load

* add comments
---
 src/components/App.tsx           |  10 ++
 src/element/newElement.ts        |  10 ++
 src/element/textElement.test.ts  |  53 ++++++++-
 src/element/textElement.ts       | 194 +++++++++++++++++++------------
 src/element/textWysiwyg.test.tsx |  52 ++++-----
 src/element/textWysiwyg.tsx      |  14 ++-
 6 files changed, 225 insertions(+), 108 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index a48510bf9..effa604bf 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -108,6 +108,7 @@ import {
   textWysiwyg,
   transformElements,
   updateTextElement,
+  redrawTextBoundingBox,
 } from "../element";
 import {
   bindOrUnbindLinearElement,
@@ -264,6 +265,7 @@ import {
   getBoundTextElement,
   getContainerCenter,
   getContainerDims,
+  getContainerElement,
   getTextBindableContainerAtPosition,
   isValidTextContainer,
 } from "../element/textElement";
@@ -1637,6 +1639,14 @@ class App extends React.Component<AppProps, AppState> {
     }
 
     this.scene.replaceAllElements(nextElements);
+
+    nextElements.forEach((nextElement) => {
+      if (isTextElement(nextElement) && isBoundToContainer(nextElement)) {
+        const container = getContainerElement(nextElement);
+        redrawTextBoundingBox(nextElement, container);
+      }
+    });
+
     this.history.resumeRecording();
 
     this.setState(
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 8e7b8ee8a..c7f33a462 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -290,6 +290,11 @@ export const getMaxContainerWidth = (container: ExcalidrawElement) => {
       return BOUND_TEXT_PADDING * 8 * 2;
     }
     return containerWidth;
+  } else if (container.type === "ellipse") {
+    // The width of the largest rectangle inscribed inside an ellipse is
+    // Math.round((ellipse.width / 2) * Math.sqrt(2)) which is derived from
+    // equation of an ellipse -https://github.com/excalidraw/excalidraw/pull/6172
+    return Math.round((width / 2) * Math.sqrt(2)) - BOUND_TEXT_PADDING * 2;
   }
   return width - BOUND_TEXT_PADDING * 2;
 };
@@ -306,6 +311,11 @@ export const getMaxContainerHeight = (container: ExcalidrawElement) => {
       return BOUND_TEXT_PADDING * 8 * 2;
     }
     return height;
+  } else if (container.type === "ellipse") {
+    // The height of the largest rectangle inscribed inside an ellipse is
+    // Math.round((ellipse.height / 2) * Math.sqrt(2)) which is derived from
+    // equation of an ellipse - https://github.com/excalidraw/excalidraw/pull/6172
+    return Math.round((height / 2) * Math.sqrt(2)) - BOUND_TEXT_PADDING * 2;
   }
   return height - BOUND_TEXT_PADDING * 2;
 };
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index e1b9ff6f0..91974aca2 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -1,5 +1,11 @@
 import { BOUND_TEXT_PADDING } from "../constants";
-import { measureText, wrapText } from "./textElement";
+import { API } from "../tests/helpers/api";
+import {
+  computeContainerHeightForBoundText,
+  getContainerCoords,
+  measureText,
+  wrapText,
+} from "./textElement";
 import { FontString } from "./types";
 
 describe("Test wrapText", () => {
@@ -193,4 +199,49 @@ describe("Test measureText", () => {
       </div>
     `);
   });
+
+  describe("Test getContainerCoords", () => {
+    const params = { width: 200, height: 100, x: 10, y: 20 };
+    it("should compute coords correctly when ellipse", () => {
+      const ellipse = API.createElement({
+        type: "ellipse",
+        ...params,
+      });
+      expect(getContainerCoords(ellipse)).toEqual({
+        x: 44.2893218813452455,
+        y: 39.64466094067262,
+      });
+    });
+    it("should compute coords correctly when rectangle", () => {
+      const rectangle = API.createElement({
+        type: "rectangle",
+        ...params,
+      });
+      expect(getContainerCoords(rectangle)).toEqual({
+        x: 10,
+        y: 20,
+      });
+    });
+  });
+
+  describe("Test computeContainerHeightForBoundText", () => {
+    const params = {
+      width: 178,
+      height: 194,
+    };
+    it("should compute container height correctly for rectangle", () => {
+      const element = API.createElement({
+        type: "rectangle",
+        ...params,
+      });
+      expect(computeContainerHeightForBoundText(element, 150)).toEqual(160);
+    });
+    it("should compute container height correctly for ellipse", () => {
+      const element = API.createElement({
+        type: "ellipse",
+        ...params,
+      });
+      expect(computeContainerHeightForBoundText(element, 150)).toEqual(212);
+    });
+  });
 });
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index c726c1c3f..ed4d27629 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -44,68 +44,69 @@ export const redrawTextBoundingBox = (
   container: ExcalidrawElement | null,
 ) => {
   let maxWidth = undefined;
-  let text = textElement.text;
+
+  const boundTextUpdates = {
+    x: textElement.x,
+    y: textElement.y,
+    text: textElement.text,
+    width: textElement.width,
+    height: textElement.height,
+    baseline: textElement.baseline,
+  };
+
+  boundTextUpdates.text = textElement.text;
+
   if (container) {
     maxWidth = getMaxContainerWidth(container);
-    text = wrapText(
+    boundTextUpdates.text = wrapText(
       textElement.originalText,
       getFontString(textElement),
       maxWidth,
     );
   }
-  const metrics = measureText(text, getFontString(textElement), maxWidth);
-  let coordY = textElement.y;
-  let coordX = textElement.x;
-  // Resize container and vertically center align the text
+  const metrics = measureText(
+    boundTextUpdates.text,
+    getFontString(textElement),
+    maxWidth,
+  );
+
+  boundTextUpdates.width = metrics.width;
+  boundTextUpdates.height = metrics.height;
+  boundTextUpdates.baseline = metrics.baseline;
+
   if (container) {
-    if (!isArrowElement(container)) {
-      const containerDims = getContainerDims(container);
-      let nextHeight = containerDims.height;
-      if (textElement.verticalAlign === VERTICAL_ALIGN.TOP) {
-        coordY = container.y;
-      } else if (textElement.verticalAlign === VERTICAL_ALIGN.BOTTOM) {
-        coordY =
-          container.y +
-          containerDims.height -
-          metrics.height -
-          BOUND_TEXT_PADDING;
-      } else {
-        coordY = container.y + containerDims.height / 2 - metrics.height / 2;
-        if (metrics.height > getMaxContainerHeight(container)) {
-          nextHeight = metrics.height + BOUND_TEXT_PADDING * 2;
-          coordY = container.y + nextHeight / 2 - metrics.height / 2;
-        }
-      }
-      if (textElement.textAlign === TEXT_ALIGN.LEFT) {
-        coordX = container.x + BOUND_TEXT_PADDING;
-      } else if (textElement.textAlign === TEXT_ALIGN.RIGHT) {
-        coordX =
-          container.x +
-          containerDims.width -
-          metrics.width -
-          BOUND_TEXT_PADDING;
-      } else {
-        coordX = container.x + containerDims.width / 2 - metrics.width / 2;
-      }
-      updateOriginalContainerCache(container.id, nextHeight);
-      mutateElement(container, { height: nextHeight });
-    } else {
+    if (isArrowElement(container)) {
       const centerX = textElement.x + textElement.width / 2;
       const centerY = textElement.y + textElement.height / 2;
       const diffWidth = metrics.width - textElement.width;
       const diffHeight = metrics.height - textElement.height;
-      coordY = centerY - (textElement.height + diffHeight) / 2;
-      coordX = centerX - (textElement.width + diffWidth) / 2;
+      boundTextUpdates.x = centerY - (textElement.height + diffHeight) / 2;
+      boundTextUpdates.y = centerX - (textElement.width + diffWidth) / 2;
+    } else {
+      const containerDims = getContainerDims(container);
+      let maxContainerHeight = getMaxContainerHeight(container);
+
+      let nextHeight = containerDims.height;
+      if (metrics.height > maxContainerHeight) {
+        nextHeight = computeContainerHeightForBoundText(
+          container,
+          metrics.height,
+        );
+        mutateElement(container, { height: nextHeight });
+        maxContainerHeight = getMaxContainerHeight(container);
+        updateOriginalContainerCache(container.id, nextHeight);
+      }
+      const updatedTextElement = {
+        ...textElement,
+        ...boundTextUpdates,
+      } as ExcalidrawTextElementWithContainer;
+      const { x, y } = computeBoundTextPosition(container, updatedTextElement);
+      boundTextUpdates.x = x;
+      boundTextUpdates.y = y;
     }
   }
-  mutateElement(textElement, {
-    width: metrics.width,
-    height: metrics.height,
-    baseline: metrics.baseline,
-    y: coordY,
-    x: coordX,
-    text,
-  });
+
+  mutateElement(textElement, boundTextUpdates);
 };
 
 export const bindTextToShapeAfterDuplication = (
@@ -197,7 +198,11 @@ export const handleBindTextResize = (
     }
     // increase height in case text element height exceeds
     if (nextHeight > maxHeight) {
-      containerHeight = nextHeight + getBoundTextElementOffset(textElement) * 2;
+      containerHeight = computeContainerHeightForBoundText(
+        container,
+        nextHeight,
+      );
+
       const diff = containerHeight - containerDims.height;
       // fix the y coord when resizing from ne/nw/n
       const updatedY =
@@ -217,48 +222,57 @@ export const handleBindTextResize = (
       text,
       width: nextWidth,
       height: nextHeight,
-
       baseline: nextBaseLine,
     });
+
     if (!isArrowElement(container)) {
-      updateBoundTextPosition(
-        container,
-        textElement as ExcalidrawTextElementWithContainer,
+      mutateElement(
+        textElement,
+        computeBoundTextPosition(
+          container,
+          textElement as ExcalidrawTextElementWithContainer,
+        ),
       );
     }
   }
 };
 
-const updateBoundTextPosition = (
+const computeBoundTextPosition = (
   container: ExcalidrawElement,
   boundTextElement: ExcalidrawTextElementWithContainer,
 ) => {
-  const containerDims = getContainerDims(container);
-  const boundTextElementPadding = getBoundTextElementOffset(boundTextElement);
+  const containerCoords = getContainerCoords(container);
+  const maxContainerHeight = getMaxContainerHeight(container);
+  const maxContainerWidth = getMaxContainerWidth(container);
+  const padding = container.type === "ellipse" ? 0 : BOUND_TEXT_PADDING;
+
+  let x;
   let y;
   if (boundTextElement.verticalAlign === VERTICAL_ALIGN.TOP) {
-    y = container.y + boundTextElementPadding;
+    y = containerCoords.y + padding;
   } else if (boundTextElement.verticalAlign === VERTICAL_ALIGN.BOTTOM) {
     y =
-      container.y +
-      containerDims.height -
-      boundTextElement.height -
-      boundTextElementPadding;
+      containerCoords.y +
+      (maxContainerHeight - boundTextElement.height + padding);
   } else {
-    y = container.y + containerDims.height / 2 - boundTextElement.height / 2;
+    y =
+      containerCoords.y +
+      (maxContainerHeight / 2 - boundTextElement.height / 2 + padding);
   }
-  const x =
-    boundTextElement.textAlign === TEXT_ALIGN.LEFT
-      ? container.x + boundTextElementPadding
-      : boundTextElement.textAlign === TEXT_ALIGN.RIGHT
-      ? container.x +
-        containerDims.width -
-        boundTextElement.width -
-        boundTextElementPadding
-      : container.x + containerDims.width / 2 - boundTextElement.width / 2;
-
-  mutateElement(boundTextElement, { x, y });
+  if (boundTextElement.textAlign === TEXT_ALIGN.LEFT) {
+    x = containerCoords.x + padding;
+  } else if (boundTextElement.textAlign === TEXT_ALIGN.RIGHT) {
+    x =
+      containerCoords.x +
+      (maxContainerWidth - boundTextElement.width + padding);
+  } else {
+    x =
+      containerCoords.x +
+      (maxContainerWidth / 2 - boundTextElement.width / 2 + padding);
+  }
+  return { x, y };
 };
+
 // https://github.com/grassator/canvas-text-editor/blob/master/lib/FontMetrics.js
 export const measureText = (
   text: string,
@@ -621,6 +635,24 @@ export const getContainerCenter = (
   return { x: midSegmentMidpoint[0], y: midSegmentMidpoint[1] };
 };
 
+export const getContainerCoords = (container: NonDeletedExcalidrawElement) => {
+  if (container.type === "ellipse") {
+    // The derivation of coordinates is explained in https://github.com/excalidraw/excalidraw/pull/6172
+    const offsetX =
+      (container.width / 2) * (1 - Math.sqrt(2) / 2) + BOUND_TEXT_PADDING;
+    const offsetY =
+      (container.height / 2) * (1 - Math.sqrt(2) / 2) + BOUND_TEXT_PADDING;
+    return {
+      x: container.x + offsetX,
+      y: container.y + offsetY,
+    };
+  }
+  return {
+    x: container.x,
+    y: container.y,
+  };
+};
+
 export const getTextElementAngle = (textElement: ExcalidrawTextElement) => {
   const container = getContainerElement(textElement);
   if (!container || isArrowElement(container)) {
@@ -633,12 +665,13 @@ export const getBoundTextElementOffset = (
   boundTextElement: ExcalidrawTextElement | null,
 ) => {
   const container = getContainerElement(boundTextElement);
-  if (!container) {
+  if (!container || !boundTextElement) {
     return 0;
   }
   if (isArrowElement(container)) {
     return BOUND_TEXT_PADDING * 8;
   }
+
   return BOUND_TEXT_PADDING;
 };
 
@@ -723,3 +756,16 @@ export const isValidTextContainer = (element: ExcalidrawElement) => {
     isArrowElement(element)
   );
 };
+
+export const computeContainerHeightForBoundText = (
+  container: NonDeletedExcalidrawElement,
+  boundTextElementHeight: number,
+) => {
+  if (container.type === "ellipse") {
+    return Math.round((boundTextElementHeight / Math.sqrt(2)) * 2);
+  }
+  if (isArrowElement(container)) {
+    return boundTextElementHeight + BOUND_TEXT_PADDING * 8 * 2;
+  }
+  return boundTextElementHeight + BOUND_TEXT_PADDING * 2;
+};
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index c61d4e68b..87a6e0bf5 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -791,9 +791,7 @@ describe("textWysiwyg", () => {
       text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.text).toBe("Hello \nWorld!");
       expect(text.originalText).toBe("Hello World!");
-      expect(text.y).toBe(
-        rectangle.y + rectangle.height / 2 - (APPROX_LINE_HEIGHT * 2) / 2,
-      );
+      expect(text.y).toBe(27.5);
       expect(text.x).toBe(rectangle.x + BOUND_TEXT_PADDING);
       expect(text.height).toBe(APPROX_LINE_HEIGHT * 2);
       expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
@@ -827,9 +825,7 @@ describe("textWysiwyg", () => {
 
       expect(text.text).toBe("Hello");
       expect(text.originalText).toBe("Hello");
-      expect(text.y).toBe(
-        rectangle.y + rectangle.height / 2 - APPROX_LINE_HEIGHT / 2,
-      );
+      expect(text.y).toBe(40);
       expect(text.x).toBe(rectangle.x + BOUND_TEXT_PADDING);
       expect(text.height).toBe(APPROX_LINE_HEIGHT);
       expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
@@ -1248,7 +1244,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             15,
-            20,
+            25,
           ]
         `);
       });
@@ -1259,7 +1255,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             94.5,
-            20,
+            25,
           ]
         `);
       });
@@ -1269,22 +1265,22 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align top"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              174,
-              20,
-            ]
-          `);
+          Array [
+            174,
+            25,
+          ]
+        `);
       });
 
       it("when center left", async () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
         fireEvent.click(screen.getByTitle("Left"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              15,
-              25,
-            ]
-          `);
+          Array [
+            15,
+            20,
+          ]
+        `);
       });
 
       it("when center center", async () => {
@@ -1292,11 +1288,11 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              -25,
-              25,
-            ]
-          `);
+          Array [
+            -25,
+            20,
+          ]
+        `);
       });
 
       it("when center right", async () => {
@@ -1304,11 +1300,11 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              174,
-              25,
-            ]
-          `);
+          Array [
+            174,
+            20,
+          ]
+        `);
       });
 
       it("when bottom left", async () => {
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 7b0098ce0..5536632b4 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -25,6 +25,7 @@ import {
   getApproxLineHeight,
   getBoundTextElementId,
   getBoundTextElementOffset,
+  getContainerCoords,
   getContainerDims,
   getContainerElement,
   getTextElementAngle,
@@ -230,19 +231,22 @@ export const textWysiwyg = ({
         // Start pushing text upward until a diff of 30px (padding)
         // is reached
         else {
+          const padding =
+            container.type === "ellipse"
+              ? 0
+              : getBoundTextElementOffset(updatedTextElement);
+          const containerCoords = getContainerCoords(container);
+
           // vertically center align the text
           if (verticalAlign === VERTICAL_ALIGN.MIDDLE) {
             if (!isArrowElement(container)) {
               coordY =
-                container.y + containerDims.height / 2 - textElementHeight / 2;
+                containerCoords.y + maxHeight / 2 - textElementHeight / 2;
             }
           }
           if (verticalAlign === VERTICAL_ALIGN.BOTTOM) {
             coordY =
-              container.y +
-              containerDims.height -
-              textElementHeight -
-              getBoundTextElementOffset(updatedTextElement);
+              containerCoords.y + (maxHeight - textElementHeight + padding);
           }
         }
       }

From 5368ddef74570abd3889e7db3133038b04b99cc7 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 22 Feb 2023 16:28:12 +0530
Subject: [PATCH 079/252] fix: improve text wrapping inside rhombus and more
 fixes (#6265)

* fix: improve text wrapping inside rhombus

* Add comments

* specs

* fix: shift resize and multiple element regression for ellipse and rhombus

* use container width for scaling font size

* fix

* fix multiple resize

* lint

* redraw on submit

* redraw only newly pasted elements

* no padding when center

* fix tests

* fix

* dont add padding in rhombus when aligning

* refactor

* fix

* move getMaxContainerHeight and getMaxContainerWidth to textElement.ts

* Add specs
---
 src/components/App.tsx                 |  9 +--
 src/element/newElement.ts              | 46 +-----------
 src/element/resizeElements.ts          | 26 ++++---
 src/element/textElement.test.ts        | 81 +++++++++++++++++++--
 src/element/textElement.ts             | 99 ++++++++++++++++++++------
 src/element/textWysiwyg.test.tsx       | 12 ++--
 src/element/textWysiwyg.tsx            | 13 ++--
 src/tests/linearElementEditor.test.tsx |  7 +-
 8 files changed, 192 insertions(+), 101 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index effa604bf..3c0ac9dc4 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1627,6 +1627,7 @@ class App extends React.Component<AppProps, AppState> {
       oldIdToDuplicatedId.set(element.id, newElement.id);
       return newElement;
     });
+
     bindTextToShapeAfterDuplication(newElements, elements, oldIdToDuplicatedId);
     const nextElements = [
       ...this.scene.getElementsIncludingDeleted(),
@@ -1640,10 +1641,10 @@ class App extends React.Component<AppProps, AppState> {
 
     this.scene.replaceAllElements(nextElements);
 
-    nextElements.forEach((nextElement) => {
-      if (isTextElement(nextElement) && isBoundToContainer(nextElement)) {
-        const container = getContainerElement(nextElement);
-        redrawTextBoundingBox(nextElement, container);
+    newElements.forEach((newElement) => {
+      if (isTextElement(newElement) && isBoundToContainer(newElement)) {
+        const container = getContainerElement(newElement);
+        redrawTextBoundingBox(newElement, container);
       }
     });
 
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index c7f33a462..6024765ec 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -22,15 +22,15 @@ import { getElementAbsoluteCoords } from ".";
 import { adjustXYWithRotation } from "../math";
 import { getResizedElementAbsoluteCoords } from "./bounds";
 import {
-  getBoundTextElement,
   getBoundTextElementOffset,
   getContainerDims,
   getContainerElement,
   measureText,
   normalizeText,
   wrapText,
+  getMaxContainerWidth,
 } from "./textElement";
-import { BOUND_TEXT_PADDING, VERTICAL_ALIGN } from "../constants";
+import { VERTICAL_ALIGN } from "../constants";
 import { isArrowElement } from "./typeChecks";
 
 type ElementConstructorOpts = MarkOptional<
@@ -278,48 +278,6 @@ export const refreshTextDimensions = (
   return { text, ...dimensions };
 };
 
-export const getMaxContainerWidth = (container: ExcalidrawElement) => {
-  const width = getContainerDims(container).width;
-  if (isArrowElement(container)) {
-    const containerWidth = width - BOUND_TEXT_PADDING * 8 * 2;
-    if (containerWidth <= 0) {
-      const boundText = getBoundTextElement(container);
-      if (boundText) {
-        return boundText.width;
-      }
-      return BOUND_TEXT_PADDING * 8 * 2;
-    }
-    return containerWidth;
-  } else if (container.type === "ellipse") {
-    // The width of the largest rectangle inscribed inside an ellipse is
-    // Math.round((ellipse.width / 2) * Math.sqrt(2)) which is derived from
-    // equation of an ellipse -https://github.com/excalidraw/excalidraw/pull/6172
-    return Math.round((width / 2) * Math.sqrt(2)) - BOUND_TEXT_PADDING * 2;
-  }
-  return width - BOUND_TEXT_PADDING * 2;
-};
-
-export const getMaxContainerHeight = (container: ExcalidrawElement) => {
-  const height = getContainerDims(container).height;
-  if (isArrowElement(container)) {
-    const containerHeight = height - BOUND_TEXT_PADDING * 8 * 2;
-    if (containerHeight <= 0) {
-      const boundText = getBoundTextElement(container);
-      if (boundText) {
-        return boundText.height;
-      }
-      return BOUND_TEXT_PADDING * 8 * 2;
-    }
-    return height;
-  } else if (container.type === "ellipse") {
-    // The height of the largest rectangle inscribed inside an ellipse is
-    // Math.round((ellipse.height / 2) * Math.sqrt(2)) which is derived from
-    // equation of an ellipse - https://github.com/excalidraw/excalidraw/pull/6172
-    return Math.round((height / 2) * Math.sqrt(2)) - BOUND_TEXT_PADDING * 2;
-  }
-  return height - BOUND_TEXT_PADDING * 2;
-};
-
 export const updateTextElement = (
   textElement: ExcalidrawTextElement,
   {
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 605ab0c2b..fe4f8e484 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -43,12 +43,12 @@ import {
   getApproxMinLineWidth,
   getBoundTextElement,
   getBoundTextElementId,
-  getBoundTextElementOffset,
   getContainerElement,
   handleBindTextResize,
   measureText,
+  getMaxContainerHeight,
+  getMaxContainerWidth,
 } from "./textElement";
-import { getMaxContainerWidth } from "./newElement";
 
 export const normalizeAngle = (angle: number): number => {
   if (angle >= 2 * Math.PI) {
@@ -427,12 +427,16 @@ export const resizeSingleElement = (
       };
     }
     if (shouldMaintainAspectRatio) {
-      const boundTextElementPadding =
-        getBoundTextElementOffset(boundTextElement);
+      const updatedElement = {
+        ...element,
+        width: eleNewWidth,
+        height: eleNewHeight,
+      };
+
       const nextFont = measureFontSizeFromWH(
         boundTextElement,
-        eleNewWidth - boundTextElementPadding * 2,
-        eleNewHeight - boundTextElementPadding * 2,
+        getMaxContainerWidth(updatedElement),
+        getMaxContainerHeight(updatedElement),
       );
       if (nextFont === null) {
         return;
@@ -697,11 +701,15 @@ const resizeMultipleElements = (
     const boundTextElement = getBoundTextElement(element.latest);
 
     if (boundTextElement || isTextElement(element.orig)) {
-      const optionalPadding = getBoundTextElementOffset(boundTextElement) * 2;
+      const updatedElement = {
+        ...element.latest,
+        width,
+        height,
+      };
       const textMeasurements = measureFontSizeFromWH(
         boundTextElement ?? (element.orig as ExcalidrawTextElement),
-        width - optionalPadding,
-        height - optionalPadding,
+        getMaxContainerWidth(updatedElement),
+        getMaxContainerHeight(updatedElement),
       );
 
       if (!textMeasurements) {
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 91974aca2..22086095f 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -3,6 +3,8 @@ import { API } from "../tests/helpers/api";
 import {
   computeContainerHeightForBoundText,
   getContainerCoords,
+  getMaxContainerWidth,
+  getMaxContainerHeight,
   measureText,
   wrapText,
 } from "./textElement";
@@ -202,24 +204,37 @@ describe("Test measureText", () => {
 
   describe("Test getContainerCoords", () => {
     const params = { width: 200, height: 100, x: 10, y: 20 };
+
     it("should compute coords correctly when ellipse", () => {
-      const ellipse = API.createElement({
+      const element = API.createElement({
         type: "ellipse",
         ...params,
       });
-      expect(getContainerCoords(ellipse)).toEqual({
+      expect(getContainerCoords(element)).toEqual({
         x: 44.2893218813452455,
         y: 39.64466094067262,
       });
     });
+
     it("should compute coords correctly when rectangle", () => {
-      const rectangle = API.createElement({
+      const element = API.createElement({
         type: "rectangle",
         ...params,
       });
-      expect(getContainerCoords(rectangle)).toEqual({
-        x: 10,
-        y: 20,
+      expect(getContainerCoords(element)).toEqual({
+        x: 15,
+        y: 25,
+      });
+    });
+
+    it("should compute coords correctly when diamond", () => {
+      const element = API.createElement({
+        type: "diamond",
+        ...params,
+      });
+      expect(getContainerCoords(element)).toEqual({
+        x: 65,
+        y: 50,
       });
     });
   });
@@ -229,6 +244,7 @@ describe("Test measureText", () => {
       width: 178,
       height: 194,
     };
+
     it("should compute container height correctly for rectangle", () => {
       const element = API.createElement({
         type: "rectangle",
@@ -236,6 +252,7 @@ describe("Test measureText", () => {
       });
       expect(computeContainerHeightForBoundText(element, 150)).toEqual(160);
     });
+
     it("should compute container height correctly for ellipse", () => {
       const element = API.createElement({
         type: "ellipse",
@@ -243,5 +260,57 @@ describe("Test measureText", () => {
       });
       expect(computeContainerHeightForBoundText(element, 150)).toEqual(212);
     });
+
+    it("should compute container height correctly for diamond", () => {
+      const element = API.createElement({
+        type: "diamond",
+        ...params,
+      });
+      expect(computeContainerHeightForBoundText(element, 150)).toEqual(300);
+    });
+  });
+
+  describe("Test getMaxContainerWidth", () => {
+    const params = {
+      width: 178,
+      height: 194,
+    };
+
+    it("should return max width when container is rectangle", () => {
+      const container = API.createElement({ type: "rectangle", ...params });
+      expect(getMaxContainerWidth(container)).toBe(168);
+    });
+
+    it("should return max width when container is ellipse", () => {
+      const container = API.createElement({ type: "ellipse", ...params });
+      expect(getMaxContainerWidth(container)).toBe(116);
+    });
+
+    it("should return max width when container is diamond", () => {
+      const container = API.createElement({ type: "diamond", ...params });
+      expect(getMaxContainerWidth(container)).toBe(79);
+    });
+  });
+
+  describe("Test getMaxContainerHeight", () => {
+    const params = {
+      width: 178,
+      height: 194,
+    };
+
+    it("should return max height when container is rectangle", () => {
+      const container = API.createElement({ type: "rectangle", ...params });
+      expect(getMaxContainerHeight(container)).toBe(184);
+    });
+
+    it("should return max height when container is ellipse", () => {
+      const container = API.createElement({ type: "ellipse", ...params });
+      expect(getMaxContainerHeight(container)).toBe(127);
+    });
+
+    it("should return max height when container is diamond", () => {
+      const container = API.createElement({ type: "diamond", ...params });
+      expect(getMaxContainerHeight(container)).toBe(87);
+    });
   });
 });
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index ed4d27629..b91e9f2f6 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -12,7 +12,6 @@ import { BOUND_TEXT_PADDING, TEXT_ALIGN, VERTICAL_ALIGN } from "../constants";
 import { MaybeTransformHandleType } from "./transformHandles";
 import Scene from "../scene/Scene";
 import { isTextElement } from ".";
-import { getMaxContainerHeight, getMaxContainerWidth } from "./newElement";
 import {
   isBoundToContainer,
   isImageElement,
@@ -244,31 +243,25 @@ const computeBoundTextPosition = (
   const containerCoords = getContainerCoords(container);
   const maxContainerHeight = getMaxContainerHeight(container);
   const maxContainerWidth = getMaxContainerWidth(container);
-  const padding = container.type === "ellipse" ? 0 : BOUND_TEXT_PADDING;
 
   let x;
   let y;
   if (boundTextElement.verticalAlign === VERTICAL_ALIGN.TOP) {
-    y = containerCoords.y + padding;
+    y = containerCoords.y;
   } else if (boundTextElement.verticalAlign === VERTICAL_ALIGN.BOTTOM) {
-    y =
-      containerCoords.y +
-      (maxContainerHeight - boundTextElement.height + padding);
+    y = containerCoords.y + (maxContainerHeight - boundTextElement.height);
   } else {
     y =
       containerCoords.y +
-      (maxContainerHeight / 2 - boundTextElement.height / 2 + padding);
+      (maxContainerHeight / 2 - boundTextElement.height / 2);
   }
   if (boundTextElement.textAlign === TEXT_ALIGN.LEFT) {
-    x = containerCoords.x + padding;
+    x = containerCoords.x;
   } else if (boundTextElement.textAlign === TEXT_ALIGN.RIGHT) {
-    x =
-      containerCoords.x +
-      (maxContainerWidth - boundTextElement.width + padding);
+    x = containerCoords.x + (maxContainerWidth - boundTextElement.width);
   } else {
     x =
-      containerCoords.x +
-      (maxContainerWidth / 2 - boundTextElement.width / 2 + padding);
+      containerCoords.x + (maxContainerWidth / 2 - boundTextElement.width / 2);
   }
   return { x, y };
 };
@@ -636,20 +629,22 @@ export const getContainerCenter = (
 };
 
 export const getContainerCoords = (container: NonDeletedExcalidrawElement) => {
+  let offsetX = BOUND_TEXT_PADDING;
+  let offsetY = BOUND_TEXT_PADDING;
+
   if (container.type === "ellipse") {
     // The derivation of coordinates is explained in https://github.com/excalidraw/excalidraw/pull/6172
-    const offsetX =
-      (container.width / 2) * (1 - Math.sqrt(2) / 2) + BOUND_TEXT_PADDING;
-    const offsetY =
-      (container.height / 2) * (1 - Math.sqrt(2) / 2) + BOUND_TEXT_PADDING;
-    return {
-      x: container.x + offsetX,
-      y: container.y + offsetY,
-    };
+    offsetX += (container.width / 2) * (1 - Math.sqrt(2) / 2);
+    offsetY += (container.height / 2) * (1 - Math.sqrt(2) / 2);
+  }
+  // The derivation of coordinates is explained in https://github.com/excalidraw/excalidraw/pull/6265
+  if (container.type === "diamond") {
+    offsetX += container.width / 4;
+    offsetY += container.height / 4;
   }
   return {
-    x: container.x,
-    y: container.y,
+    x: container.x + offsetX,
+    y: container.y + offsetY,
   };
 };
 
@@ -767,5 +762,63 @@ export const computeContainerHeightForBoundText = (
   if (isArrowElement(container)) {
     return boundTextElementHeight + BOUND_TEXT_PADDING * 8 * 2;
   }
+  if (container.type === "diamond") {
+    return 2 * boundTextElementHeight;
+  }
   return boundTextElementHeight + BOUND_TEXT_PADDING * 2;
 };
+
+export const getMaxContainerWidth = (container: ExcalidrawElement) => {
+  const width = getContainerDims(container).width;
+  if (isArrowElement(container)) {
+    const containerWidth = width - BOUND_TEXT_PADDING * 8 * 2;
+    if (containerWidth <= 0) {
+      const boundText = getBoundTextElement(container);
+      if (boundText) {
+        return boundText.width;
+      }
+      return BOUND_TEXT_PADDING * 8 * 2;
+    }
+    return containerWidth;
+  }
+
+  if (container.type === "ellipse") {
+    // The width of the largest rectangle inscribed inside an ellipse is
+    // Math.round((ellipse.width / 2) * Math.sqrt(2)) which is derived from
+    // equation of an ellipse -https://github.com/excalidraw/excalidraw/pull/6172
+    return Math.round((width / 2) * Math.sqrt(2)) - BOUND_TEXT_PADDING * 2;
+  }
+  if (container.type === "diamond") {
+    // The width of the largest rectangle inscribed inside a rhombus is
+    // Math.round(width / 2) - https://github.com/excalidraw/excalidraw/pull/6265
+    return Math.round(width / 2) - BOUND_TEXT_PADDING * 2;
+  }
+  return width - BOUND_TEXT_PADDING * 2;
+};
+
+export const getMaxContainerHeight = (container: ExcalidrawElement) => {
+  const height = getContainerDims(container).height;
+  if (isArrowElement(container)) {
+    const containerHeight = height - BOUND_TEXT_PADDING * 8 * 2;
+    if (containerHeight <= 0) {
+      const boundText = getBoundTextElement(container);
+      if (boundText) {
+        return boundText.height;
+      }
+      return BOUND_TEXT_PADDING * 8 * 2;
+    }
+    return height;
+  }
+  if (container.type === "ellipse") {
+    // The height of the largest rectangle inscribed inside an ellipse is
+    // Math.round((ellipse.height / 2) * Math.sqrt(2)) which is derived from
+    // equation of an ellipse - https://github.com/excalidraw/excalidraw/pull/6172
+    return Math.round((height / 2) * Math.sqrt(2)) - BOUND_TEXT_PADDING * 2;
+  }
+  if (container.type === "diamond") {
+    // The height of the largest rectangle inscribed inside a rhombus is
+    // Math.round(height / 2) - https://github.com/excalidraw/excalidraw/pull/6265
+    return Math.round(height / 2) - BOUND_TEXT_PADDING * 2;
+  }
+  return height - BOUND_TEXT_PADDING * 2;
+};
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 87a6e0bf5..fb41a3813 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -791,7 +791,7 @@ describe("textWysiwyg", () => {
       text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.text).toBe("Hello \nWorld!");
       expect(text.originalText).toBe("Hello World!");
-      expect(text.y).toBe(27.5);
+      expect(text.y).toBe(57.5);
       expect(text.x).toBe(rectangle.x + BOUND_TEXT_PADDING);
       expect(text.height).toBe(APPROX_LINE_HEIGHT * 2);
       expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
@@ -825,7 +825,7 @@ describe("textWysiwyg", () => {
 
       expect(text.text).toBe("Hello");
       expect(text.originalText).toBe("Hello");
-      expect(text.y).toBe(40);
+      expect(text.y).toBe(57.5);
       expect(text.x).toBe(rectangle.x + BOUND_TEXT_PADDING);
       expect(text.height).toBe(APPROX_LINE_HEIGHT);
       expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
@@ -930,6 +930,8 @@ describe("textWysiwyg", () => {
       editor.select();
 
       fireEvent.click(screen.getByTitle("Left"));
+      await new Promise((r) => setTimeout(r, 0));
+
       fireEvent.click(screen.getByTitle("Align bottom"));
       await new Promise((r) => setTimeout(r, 0));
 
@@ -1278,7 +1280,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             15,
-            20,
+            25,
           ]
         `);
       });
@@ -1290,7 +1292,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             -25,
-            20,
+            25,
           ]
         `);
       });
@@ -1302,7 +1304,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             174,
-            20,
+            25,
           ]
         `);
       });
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 5536632b4..d04dfb8df 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -24,14 +24,16 @@ import { mutateElement } from "./mutateElement";
 import {
   getApproxLineHeight,
   getBoundTextElementId,
-  getBoundTextElementOffset,
   getContainerCoords,
   getContainerDims,
   getContainerElement,
   getTextElementAngle,
   getTextWidth,
   normalizeText,
+  redrawTextBoundingBox,
   wrapText,
+  getMaxContainerHeight,
+  getMaxContainerWidth,
 } from "./textElement";
 import {
   actionDecreaseFontSize,
@@ -39,7 +41,6 @@ import {
 } from "../actions/actionProperties";
 import { actionZoomIn, actionZoomOut } from "../actions/actionCanvas";
 import App from "../components/App";
-import { getMaxContainerHeight, getMaxContainerWidth } from "./newElement";
 import { LinearElementEditor } from "./linearElementEditor";
 import { parseClipboard } from "../clipboard";
 
@@ -231,10 +232,6 @@ export const textWysiwyg = ({
         // Start pushing text upward until a diff of 30px (padding)
         // is reached
         else {
-          const padding =
-            container.type === "ellipse"
-              ? 0
-              : getBoundTextElementOffset(updatedTextElement);
           const containerCoords = getContainerCoords(container);
 
           // vertically center align the text
@@ -245,8 +242,7 @@ export const textWysiwyg = ({
             }
           }
           if (verticalAlign === VERTICAL_ALIGN.BOTTOM) {
-            coordY =
-              containerCoords.y + (maxHeight - textElementHeight + padding);
+            coordY = containerCoords.y + (maxHeight - textElementHeight);
           }
         }
       }
@@ -616,6 +612,7 @@ export const textWysiwyg = ({
           ),
         });
       }
+      redrawTextBoundingBox(updateElement, container);
     }
 
     onSubmit({
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index d4b1d9038..3e5ebb8cc 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -17,8 +17,11 @@ import { KEYS } from "../keys";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { queryByTestId, queryByText } from "@testing-library/react";
 import { resize, rotate } from "./utils";
-import { getBoundTextElementPosition, wrapText } from "../element/textElement";
-import { getMaxContainerWidth } from "../element/newElement";
+import {
+  getBoundTextElementPosition,
+  wrapText,
+  getMaxContainerWidth,
+} from "../element/textElement";
 import * as textElementUtils from "../element/textElement";
 import { ROUNDNESS } from "../constants";
 

From 1e816e87bf6229632d6d90f3468f03e166bb12b2 Mon Sep 17 00:00:00 2001
From: Hikaru Yoshino <57059705+osushicrusher@users.noreply.github.com>
Date: Wed, 22 Feb 2023 20:10:29 +0900
Subject: [PATCH 080/252] fix: indenting via `tab` clashing with IME compositor
 (#6258)

---
 src/element/textWysiwyg.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index d04dfb8df..1ce43b4d1 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -463,7 +463,9 @@ export const textWysiwyg = ({
           event.code === CODES.BRACKET_RIGHT))
     ) {
       event.preventDefault();
-      if (event.shiftKey || event.code === CODES.BRACKET_LEFT) {
+      if (event.isComposing) {
+        return;
+      } else if (event.shiftKey || event.code === CODES.BRACKET_LEFT) {
         outdent();
       } else {
         indent();

From e4506be3e8ef07190c8fd28ebd2750ec211d04de Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Wed, 22 Feb 2023 12:23:10 +0100
Subject: [PATCH 081/252] chore: Update translations from Crowdin (#6191)

---
 src/locales/ar-SA.json       |  3 +-
 src/locales/bg-BG.json       |  3 +-
 src/locales/bn-BD.json       |  3 +-
 src/locales/ca-ES.json       | 53 +++++++++++++++---------------
 src/locales/cs-CZ.json       |  3 +-
 src/locales/da-DK.json       |  3 +-
 src/locales/de-DE.json       |  3 +-
 src/locales/el-GR.json       |  3 +-
 src/locales/es-ES.json       | 17 +++++-----
 src/locales/eu-ES.json       |  9 +++---
 src/locales/fa-IR.json       |  3 +-
 src/locales/fi-FI.json       | 63 ++++++++++++++++++------------------
 src/locales/fr-FR.json       |  3 +-
 src/locales/gl-ES.json       |  3 +-
 src/locales/he-IL.json       |  3 +-
 src/locales/hi-IN.json       |  3 +-
 src/locales/hu-HU.json       |  3 +-
 src/locales/id-ID.json       |  3 +-
 src/locales/it-IT.json       |  3 +-
 src/locales/ja-JP.json       |  7 ++--
 src/locales/kab-KAB.json     |  3 +-
 src/locales/kk-KZ.json       |  3 +-
 src/locales/ko-KR.json       |  3 +-
 src/locales/ku-TR.json       |  3 +-
 src/locales/lt-LT.json       |  3 +-
 src/locales/lv-LV.json       |  3 +-
 src/locales/mr-IN.json       |  3 +-
 src/locales/my-MM.json       |  3 +-
 src/locales/nb-NO.json       |  3 +-
 src/locales/nl-NL.json       |  3 +-
 src/locales/nn-NO.json       |  3 +-
 src/locales/oc-FR.json       | 11 ++++---
 src/locales/pa-IN.json       |  3 +-
 src/locales/percentages.json | 34 +++++++++----------
 src/locales/pl-PL.json       |  3 +-
 src/locales/pt-BR.json       | 23 ++++++-------
 src/locales/pt-PT.json       |  9 +++---
 src/locales/ro-RO.json       |  9 +++---
 src/locales/ru-RU.json       |  3 +-
 src/locales/si-LK.json       |  3 +-
 src/locales/sk-SK.json       |  3 +-
 src/locales/sl-SI.json       |  3 +-
 src/locales/sv-SE.json       |  3 +-
 src/locales/ta-IN.json       | 21 ++++++------
 src/locales/tr-TR.json       |  3 +-
 src/locales/uk-UA.json       |  9 +++---
 src/locales/vi-VN.json       |  3 +-
 src/locales/zh-CN.json       |  5 +--
 src/locales/zh-HK.json       |  3 +-
 src/locales/zh-TW.json       |  3 +-
 50 files changed, 215 insertions(+), 166 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 2a682ad70..6c6c0cf39 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "تعذر استيراد المشهد من عنوان URL المتوفر. إما أنها مشوهة، أو لا تحتوي على بيانات Excalidraw JSON صالحة.",
     "resetLibrary": "هذا سوف يمسح مكتبتك. هل أنت متأكد؟",
     "removeItemsFromsLibrary": "حذف {{count}} عنصر (عناصر) من المكتبة؟",
-    "invalidEncryptionKey": "مفتاح التشفير يجب أن يكون من 22 حرفاً. التعاون المباشر معطل."
+    "invalidEncryptionKey": "مفتاح التشفير يجب أن يكون من 22 حرفاً. التعاون المباشر معطل.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "نوع الملف غير مدعوم.",
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index 7f59678c0..ba052783d 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Този файлов формат не се поддържа.",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 29c35eb63..47c6f02b2 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "সরবরাহ করা লিঙ্ক থেকে দৃশ্য লোড করা যায়নি৷ এটি হয় বিকৃত, অথবা বৈধ এক্সক্যালিড্র জেসন তথ্য নেই৷",
     "resetLibrary": "এটি আপনার সংগ্রহ পরিষ্কার করবে। আপনি কি নিশ্চিত?",
     "removeItemsFromsLibrary": "সংগ্রহ থেকে {{count}} বস্তু বিয়োগ করা হবে। আপনি কি নিশ্চিত?",
-    "invalidEncryptionKey": "অবৈধ এনক্রীপশন কী।"
+    "invalidEncryptionKey": "অবৈধ এনক্রীপশন কী।",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "অসমর্থিত ফাইল।",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 82415ff97..e94523b29 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Enganxa",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Enganxar com a text pla",
     "pasteCharts": "Enganxa els diagrames",
     "selectAll": "Selecciona-ho tot",
     "multiSelect": "Afegeix un element a la selecció",
@@ -72,7 +72,7 @@
     "layers": "Capes",
     "actions": "Accions",
     "language": "Llengua",
-    "liveCollaboration": "",
+    "liveCollaboration": "Col·laboració en directe...",
     "duplicateSelection": "Duplica",
     "untitled": "Sense títol",
     "name": "Nom",
@@ -116,8 +116,8 @@
       "label": "Enllaç"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Editar línia",
+      "exit": "Sortir de l'editor de línia"
     },
     "elementLock": {
       "lock": "Bloca",
@@ -136,8 +136,8 @@
   "buttons": {
     "clearReset": "Neteja el llenç",
     "exportJSON": "Exporta a un fitxer",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "Exporta la imatge...",
+    "export": "Guardar a...",
     "exportToPng": "Exporta a PNG",
     "exportToSvg": "Exporta a SNG",
     "copyToClipboard": "Copia al porta-retalls",
@@ -145,7 +145,7 @@
     "scale": "Escala",
     "save": "Desa al fitxer actual",
     "saveAs": "Anomena i desa",
-    "load": "",
+    "load": "Obrir",
     "getShareableLink": "Obté l'enllaç per a compartir",
     "close": "Tanca",
     "selectLanguage": "Trieu la llengua",
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "No s'ha pogut importar l'escena des de l'adreça URL proporcionada. Està malformada o no conté dades Excalidraw JSON vàlides.",
     "resetLibrary": "Això buidarà la biblioteca. N'esteu segur?",
     "removeItemsFromsLibrary": "Suprimir {{count}} element(s) de la biblioteca?",
-    "invalidEncryptionKey": "La clau d'encriptació ha de tenir 22 caràcters. La col·laboració en directe està desactivada."
+    "invalidEncryptionKey": "La clau d'encriptació ha de tenir 22 caràcters. La col·laboració en directe està desactivada.",
+    "collabOfflineWarning": "Sense connexió a internet disponible.\nEls vostres canvis no seran guardats!"
   },
   "errors": {
     "unsupportedFileType": "Tipus de fitxer no suportat.",
@@ -202,8 +203,8 @@
     "invalidSVGString": "SVG no vàlid.",
     "cannotResolveCollabServer": "No ha estat possible connectar amb el servidor collab. Si us plau recarregueu la pàgina i torneu a provar.",
     "importLibraryError": "No s'ha pogut carregar la biblioteca",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "No s'ha pogut desar a la base de dades de fons. Si els problemes persisteixen, hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.",
+    "collabSaveFailed_sizeExceeded": "No s'ha pogut desar a la base de dades de fons, sembla que el llenç és massa gran. Hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball."
   },
   "toolBar": {
     "selection": "Selecció",
@@ -217,10 +218,10 @@
     "text": "Text",
     "library": "Biblioteca",
     "lock": "Mantenir activa l'eina seleccionada desprès de dibuixar",
-    "penMode": "",
+    "penMode": "Mode de llapis - evita tocar",
     "link": "Afegeix / actualitza l'enllaç per a la forma seleccionada",
     "eraser": "Esborrador",
-    "hand": ""
+    "hand": "Mà (eina de desplaçament)"
   },
   "headings": {
     "canvasActions": "Accions del llenç",
@@ -228,7 +229,7 @@
     "shapes": "Formes"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Per moure el llenç, manteniu premuda la roda del ratolí o la barra espaiadora mentre arrossegueu o utilitzeu l'eina manual",
     "linearElement": "Feu clic per a dibuixar múltiples punts; arrossegueu per a una sola línia",
     "freeDraw": "Feu clic i arrossegueu, deixeu anar per a finalitzar",
     "text": "Consell: també podeu afegir text fent doble clic en qualsevol lloc amb l'eina de selecció",
@@ -239,7 +240,7 @@
     "resize": "Per restringir les proporcions mentres es canvia la mida, mantenir premut el majúscul (SHIFT); per canviar la mida des del centre, mantenir premut ALT",
     "resizeImage": "Podeu redimensionar lliurement prement MAJÚSCULA;\nper a redimensionar des del centre, premeu ALT",
     "rotate": "Per restringir els angles mentre gira, mantenir premut el majúscul (SHIFT)",
-    "lineEditor_info": "",
+    "lineEditor_info": "Mantingueu premut Ctrl o Cmd i feu doble clic o premeu Ctrl o Cmd + Retorn per editar els punts",
     "lineEditor_pointSelected": "Premeu Suprimir per a eliminar el(s) punt(s), CtrlOrCmd+D per a duplicar-lo, o arrossegueu-lo per a moure'l",
     "lineEditor_nothingSelected": "Seleccioneu un punt per a editar-lo (premeu SHIFT si voleu\nselecció múltiple), o manteniu Alt i feu clic per a afegir més punts",
     "placeImage": "Feu clic per a col·locar la imatge o clic i arrossegar per a establir-ne la mida manualment",
@@ -247,7 +248,7 @@
     "bindTextToElement": "Premeu enter per a afegir-hi text",
     "deepBoxSelect": "Manteniu CtrlOrCmd per a selecció profunda, i per a evitar l'arrossegament",
     "eraserRevert": "Mantingueu premuda Alt per a revertir els elements seleccionats per a esborrar",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "És probable que aquesta funció es pugui activar posant la marca \"dom.events.asyncClipboard.clipboardItem\" a \"true\". Per canviar les marques del navegador al Firefox, visiteu la pàgina \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "No es pot mostrar la previsualització",
@@ -295,7 +296,7 @@
     "blog": "Llegiu el nostre blog",
     "click": "clic",
     "deepSelect": "Selecció profunda",
-    "deepBoxSelect": "",
+    "deepBoxSelect": "Seleccioneu profundament dins del quadre i eviteu arrossegar",
     "curvedArrow": "Fletxa corba",
     "curvedLine": "Línia corba",
     "documentation": "Documentació",
@@ -316,8 +317,8 @@
     "zoomToFit": "Zoom per veure tots els elements",
     "zoomToSelection": "Zoom per veure la selecció",
     "toggleElementLock": "Blocar/desblocar la selecció",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Mou la pàgina cap amunt/a baix",
+    "movePageLeftRight": "Mou la pàgina cap a l'esquerra/dreta"
   },
   "clearCanvasDialog": {
     "title": "Neteja el llenç"
@@ -399,7 +400,7 @@
     "fileSavedToFilename": "S'ha desat a {filename}",
     "canvas": "el llenç",
     "selection": "la selecció",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Fer servir {{shortcut}} per enganxar com un sol element,\no enganxeu-lo en un editor de text existent"
   },
   "colors": {
     "ffffff": "Blanc",
@@ -450,15 +451,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Totes les vostres dades es guarden localment al vostre navegador.",
+      "center_heading_plus": "Vols anar a Excalidraw+ en comptes?",
+      "menuHint": "Exportar, preferències, llenguatges..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Exportar, preferències i més...",
+      "center_heading": "Diagrames. Fer. Simple.",
+      "toolbarHint": "Selecciona una eina i comença a dibuixar!",
+      "helpHint": "Dreceres i ajuda"
     }
   }
 }
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index fa225d2a1..718d974b2 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 5b41ddb1e..8e541f90d 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index a14f52859..b389fe5a4 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Die Szene konnte nicht von der angegebenen URL importiert werden. Sie ist entweder fehlerhaft oder enthält keine gültigen Excalidraw JSON-Daten.",
     "resetLibrary": "Dieses löscht deine Bibliothek. Bist du sicher?",
     "removeItemsFromsLibrary": "{{count}} Element(e) aus der Bibliothek löschen?",
-    "invalidEncryptionKey": "Verschlüsselungsschlüssel muss 22 Zeichen lang sein. Die Live-Zusammenarbeit ist deaktiviert."
+    "invalidEncryptionKey": "Verschlüsselungsschlüssel muss 22 Zeichen lang sein. Die Live-Zusammenarbeit ist deaktiviert.",
+    "collabOfflineWarning": "Keine Internetverbindung verfügbar.\nDeine Änderungen werden nicht gespeichert!"
   },
   "errors": {
     "unsupportedFileType": "Nicht unterstützter Dateityp.",
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index 02534c326..d478be3e7 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Δεν ήταν δυνατή η εισαγωγή σκηνής από το URL που δώσατε. Είτε έχει λάθος μορφή, είτε δεν περιέχει έγκυρα δεδομένα JSON Excalidraw.",
     "resetLibrary": "Αυτό θα καθαρίσει τη βιβλιοθήκη σας. Είστε σίγουροι;",
     "removeItemsFromsLibrary": "Διαγραφή {{count}} αντικειμένου(ων) από τη βιβλιοθήκη;",
-    "invalidEncryptionKey": "Το κλειδί κρυπτογράφησης πρέπει να είναι 22 χαρακτήρες. Η ζωντανή συνεργασία είναι απενεργοποιημένη."
+    "invalidEncryptionKey": "Το κλειδί κρυπτογράφησης πρέπει να είναι 22 χαρακτήρες. Η ζωντανή συνεργασία είναι απενεργοποιημένη.",
+    "collabOfflineWarning": "Δεν υπάρχει διαθέσιμη σύνδεση στο internet.\nΟι αλλαγές σας δεν θα αποθηκευτούν!"
   },
   "errors": {
     "unsupportedFileType": "Μη υποστηριζόμενος τύπος αρχείου.",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index e70ad64e5..eceb38ae3 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -103,7 +103,7 @@
     "share": "Compartir",
     "showStroke": "Mostrar selector de color de trazo",
     "showBackground": "Mostrar el selector de color de fondo",
-    "toggleTheme": "Alternar tema",
+    "toggleTheme": "Cambiar tema",
     "personalLib": "Biblioteca personal",
     "excalidrawLib": "Biblioteca Excalidraw",
     "decreaseFontSize": "Disminuir tamaño de letra",
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "No se ha podido importar la escena desde la URL proporcionada. Está mal formada, o no contiene datos de Excalidraw JSON válidos.",
     "resetLibrary": "Esto borrará tu biblioteca. ¿Estás seguro?",
     "removeItemsFromsLibrary": "¿Eliminar {{count}} elemento(s) de la biblioteca?",
-    "invalidEncryptionKey": "La clave de cifrado debe tener 22 caracteres. La colaboración en vivo está deshabilitada."
+    "invalidEncryptionKey": "La clave de cifrado debe tener 22 caracteres. La colaboración en vivo está deshabilitada.",
+    "collabOfflineWarning": "No hay conexión a internet disponible.\n¡No se guardarán los cambios!"
   },
   "errors": {
     "unsupportedFileType": "Tipo de archivo no admitido.",
@@ -233,7 +234,7 @@
     "freeDraw": "Haz clic y arrastra, suelta al terminar",
     "text": "Consejo: también puedes añadir texto haciendo doble clic en cualquier lugar con la herramienta de selección",
     "text_selected": "Doble clic o pulse ENTER para editar el texto",
-    "text_editing": "Pulse Escape o CtrlOrCmd+ENTER para terminar de editar",
+    "text_editing": "Pulse Escape o Ctrl/Cmd + ENTER para terminar de editar",
     "linearElementMulti": "Haz clic en el último punto o presiona Escape o Enter para finalizar",
     "lockAngle": "Puedes restringir el ángulo manteniendo presionado el botón SHIFT",
     "resize": "Para mantener las proporciones mantén SHIFT presionado mientras modificas el tamaño, \nmantén presionado ALT para modificar el tamaño desde el centro",
@@ -314,7 +315,7 @@
     "title": "Ayuda",
     "view": "Vista",
     "zoomToFit": "Ajustar la vista para mostrar todos los elementos",
-    "zoomToSelection": "Zoom a la selección",
+    "zoomToSelection": "Ampliar selección",
     "toggleElementLock": "Bloquear/desbloquear selección",
     "movePageUpDown": "Mover página hacia arriba/abajo",
     "movePageLeftRight": "Mover página hacia la izquierda/derecha"
@@ -326,9 +327,9 @@
     "title": "Publicar biblioteca",
     "itemName": "Nombre del artículo",
     "authorName": "Nombre del autor",
-    "githubUsername": "Nombre de usuario de Github",
+    "githubUsername": "Nombre de usuario de GitHub",
     "twitterUsername": "Nombre de usuario de Twitter",
-    "libraryName": "Nombre de la librería",
+    "libraryName": "Nombre de la biblioteca",
     "libraryDesc": "Descripción de la biblioteca",
     "website": "Sitio Web",
     "placeholder": {
@@ -336,7 +337,7 @@
       "libraryName": "Nombre de tu biblioteca",
       "libraryDesc": "Descripción de su biblioteca para ayudar a la gente a entender su uso",
       "githubHandle": "Nombre de usuario de GitHub (opcional), así podrá editar la biblioteca una vez enviada para su revisión",
-      "twitterHandle": "Nombre de usuario de Twitter (opcional), así que sabemos a quién acreditar cuando se promociona en Twitter",
+      "twitterHandle": "Nombre de usuario de Twitter (opcional), así sabemos a quién acreditar cuando se promociona en Twitter",
       "website": "Enlace a su sitio web personal o en cualquier otro lugar (opcional)"
     },
     "errors": {
@@ -458,7 +459,7 @@
       "menuHint": "Exportar, preferencias y más...",
       "center_heading": "Diagramas. Hecho. Simplemente.",
       "toolbarHint": "¡Elige una herramienta y empieza a dibujar!",
-      "helpHint": "Atajos & ayuda"
+      "helpHint": "Atajos y ayuda"
     }
   }
 }
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index e35e8c40c..d35baf4e4 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Ezin izan da eszena inportatu emandako URLtik. Gaizki eratuta dago edo ez du baliozko Excalidraw JSON daturik.",
     "resetLibrary": "Honek zure liburutegia garbituko du. Ziur zaude?",
     "removeItemsFromsLibrary": "Liburutegitik {{count}} elementu ezabatu?",
-    "invalidEncryptionKey": "Enkriptazio-gakoak 22 karaktere izan behar ditu. Zuzeneko lankidetza desgaituta dago."
+    "invalidEncryptionKey": "Enkriptazio-gakoak 22 karaktere izan behar ditu. Zuzeneko lankidetza desgaituta dago.",
+    "collabOfflineWarning": "Ez dago Interneteko konexiorik.\nZure aldaketak ez dira gordeko!"
   },
   "errors": {
     "unsupportedFileType": "Onartu gabeko fitxategi mota.",
@@ -220,7 +221,7 @@
     "penMode": "Luma modua - ukipena saihestu",
     "link": "Gehitu / Eguneratu esteka hautatutako forma baterako",
     "eraser": "Borragoma",
-    "hand": ""
+    "hand": "Eskua (panoratze tresna)"
   },
   "headings": {
     "canvasActions": "Canvas ekintzak",
@@ -228,7 +229,7 @@
     "shapes": "Formak"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Oihala mugitzeko, eutsi saguaren gurpila edo zuriune-barra arrastatzean, edo erabili esku tresna",
     "linearElement": "Egin klik hainbat puntu hasteko, arrastatu lerro bakarrerako",
     "freeDraw": "Egin klik eta arrastatu, askatu amaitutakoan",
     "text": "Aholkua: testua gehitu dezakezu edozein lekutan klik bikoitza eginez hautapen tresnarekin",
@@ -247,7 +248,7 @@
     "bindTextToElement": "Sakatu Sartu testua gehitzeko",
     "deepBoxSelect": "Eutsi Ctrl edo Cmd sakatuta aukeraketa sakona egiteko eta arrastatzea saihesteko",
     "eraserRevert": "Eduki Alt sakatuta ezabatzeko markatutako elementuak leheneratzeko",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Ezaugarri hau \"dom.events.asyncClipboard.clipboardItem\" marka \"true\" gisa ezarrita gaitu daiteke. Firefox-en arakatzailearen banderak aldatzeko, bisitatu \"about:config\" orrialdera."
   },
   "canvasError": {
     "cannotShowPreview": "Ezin da oihala aurreikusi",
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 817ed51dd..cc7de0dee 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "بوم نقاشی از آدرس ارائه شده وارد نشد. این یا نادرست است، یا حاوی داده Excalidraw JSON معتبر نیست.",
     "resetLibrary": "ین کار کل صفحه را پاک میکند. آیا مطمئنید?",
     "removeItemsFromsLibrary": "حذف {{count}} آیتم(ها) از کتابخانه?",
-    "invalidEncryptionKey": "کلید رمزگذاری باید 22 کاراکتر باشد. همکاری زنده غیرفعال است."
+    "invalidEncryptionKey": "کلید رمزگذاری باید 22 کاراکتر باشد. همکاری زنده غیرفعال است.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "نوع فایل پشتیبانی نشده.",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 2346a018c..6c357b167 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Liitä",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Liitä pelkkänä tekstinä",
     "pasteCharts": "Liitä kaaviot",
     "selectAll": "Valitse kaikki",
     "multiSelect": "Lisää kohde valintaan",
@@ -72,7 +72,7 @@
     "layers": "Tasot",
     "actions": "Toiminnot",
     "language": "Kieli",
-    "liveCollaboration": "",
+    "liveCollaboration": "Live Yhteistyö...",
     "duplicateSelection": "Monista",
     "untitled": "Nimetön",
     "name": "Nimi",
@@ -116,14 +116,14 @@
       "label": "Linkki"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Muokkaa riviä",
+      "exit": "Poistu rivieditorista"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "Lukitse",
+      "unlock": "Poista lukitus",
+      "lockAll": "Lukitse kaikki",
+      "unlockAll": "Poista lukitus kaikista"
     },
     "statusPublished": "Julkaistu",
     "sidebarLock": "Pidä sivupalkki avoinna"
@@ -136,8 +136,8 @@
   "buttons": {
     "clearReset": "Tyhjennä piirtoalue",
     "exportJSON": "Vie tiedostoon",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "Vie kuva...",
+    "export": "Tallenna nimellä...",
     "exportToPng": "Vie PNG-tiedostona",
     "exportToSvg": "Vie SVG-tiedostona",
     "copyToClipboard": "Kopioi leikepöydälle",
@@ -145,7 +145,7 @@
     "scale": "Koko",
     "save": "Tallenna nykyiseen tiedostoon",
     "saveAs": "Tallenna nimellä",
-    "load": "",
+    "load": "Avaa",
     "getShareableLink": "Hae jaettava linkki",
     "close": "Sulje",
     "selectLanguage": "Valitse kieli",
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Teosta ei voitu tuoda annetusta URL-osoitteesta. Tallenne on vioittunut, tai osoitteessa ei ole Excalidraw JSON-dataa.",
     "resetLibrary": "Tämä tyhjentää kirjastosi. Jatketaanko?",
     "removeItemsFromsLibrary": "Poista {{count}} kohdetta kirjastosta?",
-    "invalidEncryptionKey": "Salausavaimen on oltava 22 merkkiä pitkä. Live-yhteistyö ei ole käytössä."
+    "invalidEncryptionKey": "Salausavaimen on oltava 22 merkkiä pitkä. Live-yhteistyö ei ole käytössä.",
+    "collabOfflineWarning": "Internet-yhteyttä ei ole saatavilla.\nMuutoksiasi ei tallenneta!"
   },
   "errors": {
     "unsupportedFileType": "Tiedostotyyppiä ei tueta.",
@@ -201,9 +202,9 @@
     "svgImageInsertError": "SVG- kuvaa ei voitu lisätä. Tiedoston SVG-sisältö näyttää virheelliseltä.",
     "invalidSVGString": "Virheellinen SVG.",
     "cannotResolveCollabServer": "Yhteyden muodostaminen collab-palvelimeen epäonnistui. Virkistä sivu ja yritä uudelleen.",
-    "importLibraryError": "",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "importLibraryError": "Kokoelman lataaminen epäonnistui",
+    "collabSaveFailed": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.",
+    "collabSaveFailed_sizeExceeded": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi."
   },
   "toolBar": {
     "selection": "Valinta",
@@ -217,10 +218,10 @@
     "text": "Teksti",
     "library": "Kirjasto",
     "lock": "Pidä valittu työkalu aktiivisena piirron jälkeen",
-    "penMode": "",
+    "penMode": "Kynätila - estä kosketus",
     "link": "Lisää/päivitä linkki valitulle muodolle",
     "eraser": "Poistotyökalu",
-    "hand": ""
+    "hand": "Käsi (panning-työkalu)"
   },
   "headings": {
     "canvasActions": "Piirtoalueen toiminnot",
@@ -228,7 +229,7 @@
     "shapes": "Muodot"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Piirtoalueen liikuttamiseksi pidä hiiren pyörää tai välilyöntiä pohjassa tai käytä käsityökalua",
     "linearElement": "Klikkaa piirtääksesi useampi piste, raahaa piirtääksesi yksittäinen viiva",
     "freeDraw": "Paina ja raahaa, päästä irti kun olet valmis",
     "text": "Vinkki: voit myös lisätä tekstiä kaksoisnapsauttamalla mihin tahansa valintatyökalulla",
@@ -239,7 +240,7 @@
     "resize": "Voit rajoittaa mittasuhteet pitämällä SHIFT-näppäintä alaspainettuna kun muutat kokoa, pidä ALT-näppäintä alaspainettuna muuttaaksesi kokoa keskipisteen suhteen",
     "resizeImage": "Voit muuttaa kokoa vapaasti pitämällä SHIFTiä pohjassa, pidä ALT pohjassa muuttaaksesi kokoa keskipisteen ympäri",
     "rotate": "Voit rajoittaa kulman pitämällä SHIFT pohjassa pyörittäessäsi",
-    "lineEditor_info": "",
+    "lineEditor_info": "Pidä CtrlOrCmd pohjassa ja kaksoisnapsauta tai paina CtrlOrCmd + Enter muokataksesi pisteitä",
     "lineEditor_pointSelected": "Poista piste(et) painamalla delete, monista painamalla CtrlOrCmd+D, tai liikuta raahaamalla",
     "lineEditor_nothingSelected": "Valitse muokattava piste (monivalinta pitämällä SHIFT pohjassa), tai paina Alt ja klikkaa lisätäksesi uusia pisteitä",
     "placeImage": "Klikkaa asettaaksesi kuvan, tai klikkaa ja raahaa asettaaksesi sen koon manuaalisesti",
@@ -247,7 +248,7 @@
     "bindTextToElement": "Lisää tekstiä painamalla enter",
     "deepBoxSelect": "Käytä syvävalintaa ja estä raahaus painamalla CtrlOrCmd",
     "eraserRevert": "Pidä Alt alaspainettuna, kumotaksesi merkittyjen elementtien poistamisen",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Tämä ominaisuus voidaan todennäköisesti ottaa käyttöön asettamalla \"dom.events.asyncClipboard.clipboardItem\" kohta \"true\":ksi. Vaihtaaksesi selaimen kohdan Firefoxissa, käy \"about:config\" sivulla."
   },
   "canvasError": {
     "cannotShowPreview": "Esikatselua ei voitu näyttää",
@@ -315,9 +316,9 @@
     "view": "Näkymä",
     "zoomToFit": "Näytä kaikki elementit",
     "zoomToSelection": "Näytä valinta",
-    "toggleElementLock": "",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "toggleElementLock": "Lukitse / poista lukitus valinta",
+    "movePageUpDown": "Siirrä sivua ylös/alas",
+    "movePageLeftRight": "Siirrä sivua vasemmalle/oikealle"
   },
   "clearCanvasDialog": {
     "title": "Pyyhi piirtoalue"
@@ -399,7 +400,7 @@
     "fileSavedToFilename": "Tallennettiin kohteeseen {filename}",
     "canvas": "piirtoalue",
     "selection": "valinta",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Käytä {{shortcut}} liittääksesi yhtenä elementtinä,\ntai liittääksesi olemassa olevaan tekstieditoriin"
   },
   "colors": {
     "ffffff": "Valkoinen",
@@ -450,15 +451,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Kaikki tietosi on tallennettu paikallisesti selaimellesi.",
+      "center_heading_plus": "Haluatko sen sijaan mennä Excalidraw+:aan?",
+      "menuHint": "Vie, asetukset, kielet, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Vie, asetukset ja lisää...",
+      "center_heading": "Kaaviot. Tehty. Yksinkertaiseksi.",
+      "toolbarHint": "Valitse työkalu ja aloita piirtäminen!",
+      "helpHint": "Pikanäppäimet & ohje"
     }
   }
 }
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 57afcf9b3..573e3fd1a 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Impossible d'importer la scène depuis l'URL fournie. Elle est soit incorrecte, soit ne contient pas de données JSON Excalidraw valides.",
     "resetLibrary": "Cela va effacer votre bibliothèque. Êtes-vous sûr·e ?",
     "removeItemsFromsLibrary": "Supprimer {{count}} élément(s) de la bibliothèque ?",
-    "invalidEncryptionKey": "La clé de chiffrement doit comporter 22 caractères. La collaboration en direct est désactivée."
+    "invalidEncryptionKey": "La clé de chiffrement doit comporter 22 caractères. La collaboration en direct est désactivée.",
+    "collabOfflineWarning": "Aucune connexion internet disponible.\nVos modifications ne seront pas enregistrées !"
   },
   "errors": {
     "unsupportedFileType": "Type de fichier non supporté.",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index d7053c961..373fe4032 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Non se puido importar a escena dende a URL proporcionada. Ou ben está malformada ou non contén un JSON con información válida para Excalidraw.",
     "resetLibrary": "Isto limpará a súa biblioteca. Está seguro?",
     "removeItemsFromsLibrary": "Eliminar {{count}} elemento(s) da biblioteca?",
-    "invalidEncryptionKey": "A clave de cifrado debe ter 22 caracteres. A colaboración en directo está desactivada."
+    "invalidEncryptionKey": "A clave de cifrado debe ter 22 caracteres. A colaboración en directo está desactivada.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Tipo de ficheiro non soportado.",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index faa0013b6..9414da375 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "ייבוא המידע מן סצינה מכתובת האינטרנט נכשלה. המידע בנוי באופן משובש או שהוא אינו קובץ JSON תקין של Excalidraw.",
     "resetLibrary": "פעולה זו תנקה את כל הלוח. אתה בטוח?",
     "removeItemsFromsLibrary": "מחיקת {{count}} פריטים(ים) מתוך הספריה?",
-    "invalidEncryptionKey": "מפתח ההצפנה חייב להיות בן 22 תוים. השיתוף החי מבוטל."
+    "invalidEncryptionKey": "מפתח ההצפנה חייב להיות בן 22 תוים. השיתוף החי מבוטל.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "סוג הקובץ אינו נתמך.",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index c0aca8982..9e3a14d64 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "दिये गये युआरेल से दृश्य आयात नहीं किया जा सका. यह या तो अनुचित है, या इसमें उचित Excalidraw JSON डेटा नहीं है।",
     "resetLibrary": "यह पूरा संग्रह रिक्त करेगा. क्या आपको यक़ीन हैं?",
     "removeItemsFromsLibrary": "{{count}} वस्तु(यें) संग्रह से हटायें?",
-    "invalidEncryptionKey": "कूटलेखन कुंजी 22 अक्षरों की होनी चाहिये, इसलिये जीवंत सहयोग अक्षम हैं"
+    "invalidEncryptionKey": "कूटलेखन कुंजी 22 अक्षरों की होनी चाहिये, इसलिये जीवंत सहयोग अक्षम हैं",
+    "collabOfflineWarning": "कोई इंटरनेट कनेक्शन उपलब्ध नहीं है।\nआपके बदलाव सहेजे नहीं जाएंगे!"
   },
   "errors": {
     "unsupportedFileType": "असमर्थित फाइल प्रकार",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index faaafed90..a3cbd852c 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Nem sikerült importálni a jelenetet a megadott URL-ről. Rossz formátumú, vagy nem tartalmaz érvényes Excalidraw JSON-adatokat.",
     "resetLibrary": "Ezzel törlöd a könyvtárát. biztos vagy ebben?",
     "removeItemsFromsLibrary": "{{count}} elemet törölsz a könyvtárból?",
-    "invalidEncryptionKey": "A titkosítási kulcsnak 22 karakterből kell állnia. Az élő együttműködés le van tiltva."
+    "invalidEncryptionKey": "A titkosítási kulcsnak 22 karakterből kell állnia. Az élő együttműködés le van tiltva.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Nem támogatott fájltípus.",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 0632a87eb..cd722c6a3 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Tidak dapat impor pemandangan dari URL. Kemungkinan URL itu rusak atau tidak berisi data JSON Excalidraw yang valid.",
     "resetLibrary": "Ini akan menghapus pustaka Anda. Anda yakin?",
     "removeItemsFromsLibrary": "Hapus {{count}} item dari pustaka?",
-    "invalidEncryptionKey": "Sandi enkripsi harus 22 karakter. Kolaborasi langsung dinonaktifkan."
+    "invalidEncryptionKey": "Sandi enkripsi harus 22 karakter. Kolaborasi langsung dinonaktifkan.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Tipe file tidak didukung.",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 790c63fe6..3c6cf93a8 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Impossibile importare la scena dall'URL fornito. Potrebbe essere malformato o non contenere dati JSON Excalidraw validi.",
     "resetLibrary": "Questa azione cancellerà l'intera libreria. Sei sicuro?",
     "removeItemsFromsLibrary": "Eliminare {{count}} elementi dalla libreria?",
-    "invalidEncryptionKey": "La chiave di cifratura deve essere composta da 22 caratteri. La collaborazione live è disabilitata."
+    "invalidEncryptionKey": "La chiave di cifratura deve essere composta da 22 caratteri. La collaborazione live è disabilitata.",
+    "collabOfflineWarning": "Nessuna connessione internet disponibile.\nLe tue modifiche non verranno salvate!"
   },
   "errors": {
     "unsupportedFileType": "Tipo di file non supportato.",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index fad9b6f10..4f7a76afe 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "指定された URL からシーンをインポートできませんでした。不正な形式であるか、有効な Excalidraw JSON データが含まれていません。",
     "resetLibrary": "ライブラリを消去します。本当によろしいですか？",
     "removeItemsFromsLibrary": "{{count}} 個のアイテムをライブラリから削除しますか？",
-    "invalidEncryptionKey": "暗号化キーは22文字でなければなりません。ライブコラボレーションは無効化されています。"
+    "invalidEncryptionKey": "暗号化キーは22文字でなければなりません。ライブコラボレーションは無効化されています。",
+    "collabOfflineWarning": "インターネットに接続されていません。\n変更は保存されません！"
   },
   "errors": {
     "unsupportedFileType": "サポートされていないファイル形式です。",
@@ -220,7 +221,7 @@
     "penMode": "ペンモード - タッチ防止",
     "link": "選択した図形のリンクを追加/更新",
     "eraser": "消しゴム",
-    "hand": ""
+    "hand": "手 (パンニングツール)"
   },
   "headings": {
     "canvasActions": "キャンバス操作",
@@ -228,7 +229,7 @@
     "shapes": "図形"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "キャンバスを移動するには、マウスホイールまたはスペースバーを押しながらドラッグするか、手ツールを使用します",
     "linearElement": "クリックすると複数の頂点からなる曲線を開始、ドラッグすると直線",
     "freeDraw": "クリックしてドラッグします。離すと終了します",
     "text": "ヒント: 選択ツールを使用して任意の場所をダブルクリックしてテキストを追加することもできます",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index fdf94fa94..3603e88c7 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Ulamek taktert n usayes seg URL i d-ittunefken. Ahat mačči d tameɣtut neɣ ur tegbir ara isefka JSON n Excalidraw.",
     "resetLibrary": "Ayagi ad isfeḍ tamkarḍit-inek•m. Tetḥeqqeḍ?",
     "removeItemsFromsLibrary": "Ad tekkseḍ {{count}} n uferdis (en) si temkarḍit?",
-    "invalidEncryptionKey": "Tasarut n uwgelhen isefk ad tesɛu 22 n yiekkilen. Amɛiwen srid yensa."
+    "invalidEncryptionKey": "Tasarut n uwgelhen isefk ad tesɛu 22 n yiekkilen. Amɛiwen srid yensa.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Anaw n ufaylu ur yettwasefrak ara.",
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 25071aa5e..ee1e44083 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index a0368663c..9c02b3ea1 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "제공된 URL에서 화면을 가져오는데 실패했습니다. 주소가 잘못되거나, 유효한 Excalidraw JSON 데이터를 포함하고 있지 않은 것일 수 있습니다.",
     "resetLibrary": "당신의 라이브러리를 초기화 합니다. 계속하시겠습니까?",
     "removeItemsFromsLibrary": "{{count}}개의 아이템을 라이브러리에서 삭제하시겠습니까?",
-    "invalidEncryptionKey": "암호화 키는 반드시 22글자여야 합니다. 실시간 협업이 비활성화됩니다."
+    "invalidEncryptionKey": "암호화 키는 반드시 22글자여야 합니다. 실시간 협업이 비활성화됩니다.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "지원하지 않는 파일 형식 입니다.",
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 636a832af..4a8ebc95c 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "ناتوانێت دیمەنەکە هاوردە بکات لە URL ی دابینکراو. یان نادروستە، یان داتای \"ئێکسکالیدراو\" JSON ی دروستی تێدا نییە.",
     "resetLibrary": "ئەمە کتێبخانەکەت خاوێن دەکاتەوە. ئایا دڵنیایت?",
     "removeItemsFromsLibrary": "سڕینەوەی {{count}} ئایتم(ەکان) لە کتێبخانە؟",
-    "invalidEncryptionKey": "کلیلی رەمزاندن دەبێت لە 22 پیت بێت. هاوکاری ڕاستەوخۆ لە کارخراوە."
+    "invalidEncryptionKey": "کلیلی رەمزاندن دەبێت لە 22 پیت بێت. هاوکاری ڕاستەوخۆ لە کارخراوە.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "جۆری فایلی پشتگیری نەکراو.",
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 6eb83b7ac..a8a8d6639 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Nepavyko suimportuoti scenos iš pateiktos nuorodos (URL). Ji arba blogai suformatuota, arba savyje neturi teisingų Excalidraw JSON duomenų.",
     "resetLibrary": "Tai išvalys tavo biblioteką. Ar tikrai to nori?",
     "removeItemsFromsLibrary": "Ištrinti {{count}} elementą/-us iš bibliotekos?",
-    "invalidEncryptionKey": "Šifravimo raktas turi būti iš 22 simbolių. Redagavimas gyvai yra išjungtas."
+    "invalidEncryptionKey": "Šifravimo raktas turi būti iš 22 simbolių. Redagavimas gyvai yra išjungtas.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Nepalaikomas failo tipas.",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 7341fd3fd..ea3180149 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Nevarēja importēt ainu no norādītā URL. Vai nu tas ir nederīgs, vai nesatur derīgus Excalidraw JSON datus.",
     "resetLibrary": "Šī funkcija iztukšos bibliotēku. Vai turpināt?",
     "removeItemsFromsLibrary": "Vai izņemt {{count}} vienumu(s) no bibliotēkas?",
-    "invalidEncryptionKey": "Šifrēšanas atslēgai jābūt 22 simbolus garai. Tiešsaistes sadarbība ir izslēgta."
+    "invalidEncryptionKey": "Šifrēšanas atslēgai jābūt 22 simbolus garai. Tiešsaistes sadarbība ir izslēgta.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Neatbalstīts datnes veids.",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 6e198493d..e67fc3159 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "दिलेल्या यू-आर-एल पासून दृश्य आणू शकलो नाही. तो एकतर बरोबार नाही आहे किंवा त्यात वैध एक्सकेलीड्रॉ जेसन डेटा नाही.",
     "resetLibrary": "पटल स्वच्छ होणार, तुम्हाला खात्री आहे का?",
     "removeItemsFromsLibrary": "संग्रहातून {{count}} तत्व (एक किव्हा अनेक) काढू?",
-    "invalidEncryptionKey": "कूटबद्धन कुंजी 22 अक्षरांची असणे आवश्यक आहे. थेट सहयोग अक्षम केले आहे."
+    "invalidEncryptionKey": "कूटबद्धन कुंजी 22 अक्षरांची असणे आवश्यक आहे. थेट सहयोग अक्षम केले आहे.",
+    "collabOfflineWarning": "इंटरनेट कनेक्शन उपलब्ध नाही.\nतुमचे बदल जतन केले जाणार नाहीत!"
   },
   "errors": {
     "unsupportedFileType": "असमर्थित फाइल प्रकार.",
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 8b5e6859f..e479d3702 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index f8ac1e307..653779a56 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Kunne ikke importere scene fra den oppgitte URL-en. Den er enten ødelagt, eller inneholder ikke gyldig Excalidraw JSON-data.",
     "resetLibrary": "Dette vil tømme biblioteket ditt. Er du sikker?",
     "removeItemsFromsLibrary": "Slett {{count}} element(er) fra biblioteket?",
-    "invalidEncryptionKey": "Krypteringsnøkkel må ha 22 tegn. Live-samarbeid er deaktivert."
+    "invalidEncryptionKey": "Krypteringsnøkkel må ha 22 tegn. Live-samarbeid er deaktivert.",
+    "collabOfflineWarning": "Ingen Internett-tilkobling tilgjengelig.\nEndringer dine vil ikke bli lagret!"
   },
   "errors": {
     "unsupportedFileType": "Filtypen støttes ikke.",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 9152d3bbb..313c8dc47 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Kan scène niet importeren vanuit de opgegeven URL. Het is onjuist of bevat geen geldige Excalidraw JSON-gegevens.",
     "resetLibrary": "Dit zal je bibliotheek wissen. Weet je het zeker?",
     "removeItemsFromsLibrary": "Verwijder {{count}} item(s) uit bibliotheek?",
-    "invalidEncryptionKey": "Encryptiesleutel moet 22 tekens zijn. Live samenwerking is uitgeschakeld."
+    "invalidEncryptionKey": "Encryptiesleutel moet 22 tekens zijn. Live samenwerking is uitgeschakeld.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Niet-ondersteund bestandstype.",
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index fa740d258..0311cc2fe 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Kunne ikkje hente noko scene frå den URL-en. Ho er anten øydelagd eller inneheld ikkje gyldig Excalidraw JSON-data.",
     "resetLibrary": "Dette vil fjerne alt innhald frå biblioteket. Er du sikker?",
     "removeItemsFromsLibrary": "Slette {{count}} element frå biblioteket?",
-    "invalidEncryptionKey": "Krypteringsnøkkelen må ha 22 teikn. Sanntidssamarbeid er deaktivert."
+    "invalidEncryptionKey": "Krypteringsnøkkelen må ha 22 teikn. Sanntidssamarbeid er deaktivert.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Filtypen er ikkje støtta.",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index c1d3ab341..51a5b9018 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Importacion impossibla de la scèna a partir de l’URL provesida. Es siá mal formatada o siá conten pas cap de donada JSON Excalidraw valida.",
     "resetLibrary": "Aquò suprimirà vòstra bibliotèca. O volètz vertadièrament ?",
     "removeItemsFromsLibrary": "Suprimir {{count}} element(s) de la bibliotèca ?",
-    "invalidEncryptionKey": "La clau de chiframent deu conténer 22 caractèrs. La collaboracion en dirèct es desactivada."
+    "invalidEncryptionKey": "La clau de chiframent deu conténer 22 caractèrs. La collaboracion en dirèct es desactivada.",
+    "collabOfflineWarning": "Cap de connexion pas disponibla.\nVòstras modificacions seràn pas salvadas !"
   },
   "errors": {
     "unsupportedFileType": "Tipe de fichièr pas pres en carga.",
@@ -220,7 +221,7 @@
     "penMode": "Mòde estilo - empachar lo contact",
     "link": "Apondre/Actualizar lo ligam per una fòrma seleccionada",
     "eraser": "Goma",
-    "hand": ""
+    "hand": "Man (aisina de desplaçament de la vista)"
   },
   "headings": {
     "canvasActions": "Accions del canabàs",
@@ -239,7 +240,7 @@
     "resize": "Podètz servar las proporcions en mantenent la tòca MAJ pendent lo redimensionament,\nmantenètz la tòca ALT per redimensionar a partir del centre",
     "resizeImage": "Podètz retalhar liurament en quichant CTRL,\nquichatz ALT per retalhar a partir del centre",
     "rotate": "Podètz restrénger los angles en mantenent MAJ pendent la rotacion",
-    "lineEditor_info": "",
+    "lineEditor_info": "Tenètz quichat Ctrl o Cmd e doble clic o quichatz Ctrl o Cmd + Entrada per modificar los ponches",
     "lineEditor_pointSelected": "Quichar Suprimir per tirar lo(s) punt(s),\nCtrlOCmd+D per duplicar, o lisatz per desplaçar",
     "lineEditor_nothingSelected": "Seleccionar un punt d’editar (manténer Maj. per ne seleccionar mantun),\no manténer Alt e clicar per n’apondre de novèls",
     "placeImage": "Clicatz per plaçar l’imatge, o clicatz e lisatz per definir sa talha manualament",
@@ -316,8 +317,8 @@
     "zoomToFit": "Zoomar per veire totes los elements",
     "zoomToSelection": "Zoomar la seleccion",
     "toggleElementLock": "Verrolhar/Desverrolhar la seleccion",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Desplaçar la pagina ennaut/enbàs",
+    "movePageLeftRight": "Desplaçar la pagina a esquèrra/drecha"
   },
   "clearCanvasDialog": {
     "title": "Escafar canabàs"
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index d5055a917..3bf61d83a 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "ਦਿੱਤੀ ਗਈ URL 'ਚੋਂ ਦ੍ਰਿਸ਼ ਨੂੰ ਆਯਾਤ ਨਹੀਂ ਕਰ ਸਕੇ। ਇਹ ਜਾਂ ਤਾਂ ਖਰਾਬ ਹੈ, ਜਾਂ ਇਸ ਵਿੱਚ ਜਾਇਜ਼ Excalidraw JSON ਡਾਟਾ ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ।",
     "resetLibrary": "ਇਹ ਤੁਹਾਡੀ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਸਾਫ ਕਰ ਦੇਵੇਗਾ। ਕੀ ਤੁਸੀਂ ਪੱਕਾ ਇੰਝ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?",
     "removeItemsFromsLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚੋਂ {{count}} ਚੀਜ਼(-ਜ਼ਾਂ) ਮਿਟਾਉਣੀਆਂ ਹਨ?",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 997a62077..29a0c1f2b 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,26 +1,26 @@
 {
   "ar-SA": 92,
   "bg-BG": 54,
-  "bn-BD": 60,
-  "ca-ES": 93,
-  "cs-CZ": 75,
-  "da-DK": 33,
+  "bn-BD": 59,
+  "ca-ES": 100,
+  "cs-CZ": 74,
+  "da-DK": 32,
   "de-DE": 100,
   "el-GR": 99,
   "en": 100,
   "es-ES": 100,
-  "eu-ES": 99,
+  "eu-ES": 100,
   "fa-IR": 95,
-  "fi-FI": 92,
+  "fi-FI": 100,
   "fr-FR": 100,
-  "gl-ES": 100,
+  "gl-ES": 99,
   "he-IL": 89,
   "hi-IN": 71,
-  "hu-HU": 89,
+  "hu-HU": 88,
   "id-ID": 99,
   "it-IT": 100,
-  "ja-JP": 99,
-  "kab-KAB": 94,
+  "ja-JP": 100,
+  "kab-KAB": 93,
   "kk-KZ": 20,
   "ko-KR": 98,
   "ku-TR": 95,
@@ -31,22 +31,22 @@
   "nb-NO": 100,
   "nl-NL": 90,
   "nn-NO": 89,
-  "oc-FR": 97,
-  "pa-IN": 83,
+  "oc-FR": 98,
+  "pa-IN": 82,
   "pl-PL": 84,
-  "pt-BR": 97,
-  "pt-PT": 99,
-  "ro-RO": 99,
+  "pt-BR": 100,
+  "pt-PT": 100,
+  "ro-RO": 100,
   "ru-RU": 100,
   "si-LK": 8,
   "sk-SK": 100,
   "sl-SI": 100,
   "sv-SE": 100,
-  "ta-IN": 92,
+  "ta-IN": 94,
   "tr-TR": 97,
   "uk-UA": 96,
   "vi-VN": 20,
   "zh-CN": 100,
-  "zh-HK": 26,
+  "zh-HK": 25,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index 04cc86898..89a52b493 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Nie udało się zaimportować sceny z podanego adresu URL. Jest ona wadliwa lub nie zawiera poprawnych danych Excalidraw w formacie JSON.",
     "resetLibrary": "To wyczyści twoją bibliotekę. Jesteś pewien?",
     "removeItemsFromsLibrary": "Usunąć {{count}} element(ów) z biblioteki?",
-    "invalidEncryptionKey": "Klucz szyfrowania musi składać się z 22 znaków. Współpraca na żywo jest wyłączona."
+    "invalidEncryptionKey": "Klucz szyfrowania musi składać się z 22 znaków. Współpraca na żywo jest wyłączona.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Nieobsługiwany typ pliku.",
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index dd3362137..cb7f045de 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Não foi possível importar a cena da URL fornecida. Ela está incompleta ou não contém dados JSON válidos do Excalidraw.",
     "resetLibrary": "Isto limpará a sua biblioteca. Você tem certeza?",
     "removeItemsFromsLibrary": "Excluir {{count}} item(ns) da biblioteca?",
-    "invalidEncryptionKey": "A chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desabilitada."
+    "invalidEncryptionKey": "A chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desabilitada.",
+    "collabOfflineWarning": "Sem conexão com a internet disponível.\nSuas alterações não serão salvas!"
   },
   "errors": {
     "unsupportedFileType": "Tipo de arquivo não suportado.",
@@ -220,7 +221,7 @@
     "penMode": "Modo caneta — impede o toque",
     "link": "Adicionar/Atualizar link para uma forma selecionada",
     "eraser": "Borracha",
-    "hand": ""
+    "hand": "Mão (ferramenta de rolagem)"
   },
   "headings": {
     "canvasActions": "Ações da tela",
@@ -228,7 +229,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Para mover a tela, segure a roda do mouse ou a barra de espaço enquanto arrasta ou use a ferramenta de mão",
     "linearElement": "Clique para iniciar vários pontos, arraste para uma única linha",
     "freeDraw": "Toque e arraste, solte quando terminar",
     "text": "Dica: você também pode adicionar texto clicando duas vezes em qualquer lugar com a ferramenta de seleção",
@@ -247,7 +248,7 @@
     "bindTextToElement": "Pressione Enter para adicionar o texto",
     "deepBoxSelect": "Segure Ctrl/Cmd para seleção profunda e para evitar arrastar",
     "eraserRevert": "Segure a tecla Alt para inverter os elementos marcados para exclusão",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Esse recurso pode ser ativado configurando a opção \"dom.events.asyncClipboard.clipboardItem\" como \"true\". Para alterar os sinalizadores do navegador no Firefox, visite a página \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Não é possível mostrar pré-visualização",
@@ -450,15 +451,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Todos os dados são salvos localmente no seu navegador.",
+      "center_heading_plus": "Você queria ir para o Excalidraw+ em vez disso?",
+      "menuHint": "Exportar, preferências, idiomas..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Exportar, preferências e mais...",
+      "center_heading": "Diagramas, Feito. Simples.",
+      "toolbarHint": "Escolha uma ferramenta e comece a desenhar!",
+      "helpHint": "Atalhos e ajuda"
     }
   }
 }
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index d72c7b98f..f713b22d3 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Não foi possível importar a cena a partir do URL fornecido. Ou está mal formado ou não contém dados JSON do Excalidraw válidos.",
     "resetLibrary": "Isto irá limpar a sua biblioteca. Tem a certeza?",
     "removeItemsFromsLibrary": "Apagar {{count}} item(ns) da biblioteca?",
-    "invalidEncryptionKey": "Chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desativada."
+    "invalidEncryptionKey": "Chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desativada.",
+    "collabOfflineWarning": "Sem ligação à internet disponível.\nAs suas alterações não serão salvas!"
   },
   "errors": {
     "unsupportedFileType": "Tipo de ficheiro não suportado.",
@@ -220,7 +221,7 @@
     "penMode": "Modo caneta - impedir toque",
     "link": "Acrescentar/ Adicionar ligação para uma forma seleccionada",
     "eraser": "Borracha",
-    "hand": ""
+    "hand": "Mão (ferramenta de movimento da tela)"
   },
   "headings": {
     "canvasActions": "Ações da área de desenho",
@@ -228,7 +229,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Para mover a tela, carregue na roda do rato ou na barra de espaço enquanto arrasta, ou use a ferramenta da mão",
     "linearElement": "Clique para iniciar vários pontos, arraste para uma única linha",
     "freeDraw": "Clique e arraste, large quando terminar",
     "text": "Dica: também pode adicionar texto clicando duas vezes em qualquer lugar com a ferramenta de seleção",
@@ -247,7 +248,7 @@
     "bindTextToElement": "Carregue Enter para acrescentar texto",
     "deepBoxSelect": "Mantenha a tecla CtrlOrCmd carregada para selecção profunda, impedindo o arrastamento",
     "eraserRevert": "Carregue também em Alt para reverter os elementos marcados para serem apagados",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Esta função pode provavelmente ser ativada definindo a opção \"dom.events.asyncClipboard.clipboardItem\" como \"true\". Para alterar os sinalizadores do navegador no Firefox, visite a página \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Não é possível mostrar uma pré-visualização",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index ff76eea60..8eda2385b 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Scena nu a putut fi importată din URL-ul furnizat. Este fie incorect formată, fie nu conține date JSON Excalidraw valide.",
     "resetLibrary": "Această opțiune va elimina conținutul din bibliotecă. Confirmi?",
     "removeItemsFromsLibrary": "Ștergi {{count}} element(e) din bibliotecă?",
-    "invalidEncryptionKey": "Cheia de criptare trebuie să aibă 22 de caractere. Colaborarea în direct este dezactivată."
+    "invalidEncryptionKey": "Cheia de criptare trebuie să aibă 22 de caractere. Colaborarea în direct este dezactivată.",
+    "collabOfflineWarning": "Nu este disponibilă nicio conexiune la internet.\nModificările nu vor fi salvate!"
   },
   "errors": {
     "unsupportedFileType": "Tip de fișier neacceptat.",
@@ -220,7 +221,7 @@
     "penMode": "Mod stilou – împiedică atingerea",
     "link": "Adăugare/actualizare URL pentru forma selectată",
     "eraser": "Radieră",
-    "hand": ""
+    "hand": "Mână (instrument de panoramare)"
   },
   "headings": {
     "canvasActions": "Acțiuni pentru pânză",
@@ -228,7 +229,7 @@
     "shapes": "Forme"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Pentru a muta pânză, ține apăsată rotița mausului sau bara de spațiu sau folosește instrumentul în formă de mână",
     "linearElement": "Dă clic pentru a crea mai multe puncte, glisează pentru a forma o singură linie",
     "freeDraw": "Dă clic pe pânză și glisează cursorul, apoi eliberează-l când ai terminat",
     "text": "Sfat: poți adăuga text și dând dublu clic oriunde cu instrumentul de selecție",
@@ -247,7 +248,7 @@
     "bindTextToElement": "Apasă tasta Enter pentru a adăuga text",
     "deepBoxSelect": "Ține apăsată tasta Ctrl sau Cmd pentru a efectua selectarea de adâncime și pentru a preveni glisarea",
     "eraserRevert": "Ține apăsată tasta Alt pentru a anula elementele marcate pentru ștergere",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Această caracteristică poate fi probabil activată prin setarea preferinței „dom.events.asyncClipboard.clipboardItem” ca „true”. Pentru a schimba preferințele navigatorului în Firefox, accesează pagina „about:config”."
   },
   "canvasError": {
     "cannotShowPreview": "Nu se poate afișa previzualizarea",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index ce785dc83..cd0609505 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Невозможно импортировать сцену с предоставленного URL. Неверный формат, или не содержит верных Excalidraw JSON данных.",
     "resetLibrary": "Это очистит вашу библиотеку. Вы уверены?",
     "removeItemsFromsLibrary": "Удалить {{count}} объект(ов) из библиотеки?",
-    "invalidEncryptionKey": "Ключ шифрования должен состоять из 22 символов. Одновременное редактирование отключено."
+    "invalidEncryptionKey": "Ключ шифрования должен состоять из 22 символов. Одновременное редактирование отключено.",
+    "collabOfflineWarning": "Отсутствует интернет-соединение.\nВаши изменения не будут сохранены!"
   },
   "errors": {
     "unsupportedFileType": "Неподдерживаемый тип файла.",
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index dd458b31a..ee6ad46f7 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 783de30af..2b78b4539 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Nepodarilo sa načítať scénu z poskytnutej URL. Je nevalidná alebo neobsahuje žiadne validné Excalidraw JSON dáta.",
     "resetLibrary": "Týmto vyprázdnite vašu knižnicu. Ste si istý?",
     "removeItemsFromsLibrary": "Odstrániť {{count}} položiek z knižnice?",
-    "invalidEncryptionKey": "Šifrovací kľúč musí mať 22 znakov. Živá spolupráca je vypnutá."
+    "invalidEncryptionKey": "Šifrovací kľúč musí mať 22 znakov. Živá spolupráca je vypnutá.",
+    "collabOfflineWarning": "Internetové pripojenie nie je dostupné.\nVaše zmeny nebudú uložené!"
   },
   "errors": {
     "unsupportedFileType": "Nepodporovaný typ súboru.",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 54274932f..01c8ba4ca 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "S priloženega URL-ja ni bilo mogoče uvoziti scene. Je napačno oblikovana ali pa ne vsebuje veljavnih podatkov Excalidraw JSON.",
     "resetLibrary": "To bo počistilo vašo knjižnico. Ali ste prepričani?",
     "removeItemsFromsLibrary": "Izbriši elemente ({{count}}) iz knjižnice?",
-    "invalidEncryptionKey": "Ključ za šifriranje mora vsebovati 22 znakov. Sodelovanje v živo je onemogočeno."
+    "invalidEncryptionKey": "Ključ za šifriranje mora vsebovati 22 znakov. Sodelovanje v živo je onemogočeno.",
+    "collabOfflineWarning": "Internetna povezava ni na voljo.\nVaše spremembe ne bodo shranjene!"
   },
   "errors": {
     "unsupportedFileType": "Nepodprt tip datoteke.",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index 30638b9e4..3cf3b0cbd 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Det gick inte att importera skiss från den angivna webbadressen. Antingen har den fel format, eller så innehåller den ingen giltig Excalidraw JSON data.",
     "resetLibrary": "Detta kommer att rensa ditt bibliotek. Är du säker?",
     "removeItemsFromsLibrary": "Ta bort {{count}} objekt från biblioteket?",
-    "invalidEncryptionKey": "Krypteringsnyckeln måste vara 22 tecken. Livesamarbetet är inaktiverat."
+    "invalidEncryptionKey": "Krypteringsnyckeln måste vara 22 tecken. Livesamarbetet är inaktiverat.",
+    "collabOfflineWarning": "Ingen internetanslutning tillgänglig.\nDina ändringar kommer inte att sparas!"
   },
   "errors": {
     "unsupportedFileType": "Filtypen stöds inte.",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 2ff76b058..493dfa560 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "ஒட்டு",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "அலங்காரமின்றி ஒட்டு",
     "pasteCharts": "விளக்கப்படங்களை ஒட்டு",
     "selectAll": "எல்லாம் தேர்ந்தெடு",
     "multiSelect": "உறுப்பைத் தெரிவில் சேர்",
@@ -54,7 +54,7 @@
     "veryLarge": "மிகப் பெரிய",
     "solid": "திடமான",
     "hachure": "மலைக்குறிக்கோடு",
-    "crossHatch": "",
+    "crossHatch": "குறுக்குகதவு",
     "thin": "மெல்லிய",
     "bold": "பட்டை",
     "left": "இடது",
@@ -72,7 +72,7 @@
     "layers": "அடுக்குகள்",
     "actions": "செயல்கள்",
     "language": "மொழி",
-    "liveCollaboration": "",
+    "liveCollaboration": "நேரடி கூட்டுப்பணி...",
     "duplicateSelection": "நகலாக்கு",
     "untitled": "தலைப்பற்றது",
     "name": "பெயர்",
@@ -116,7 +116,7 @@
       "label": "தொடுப்பு"
     },
     "lineEditor": {
-      "edit": "",
+      "edit": "தொடுப்பைத் திருத்து",
       "exit": ""
     },
     "elementLock": {
@@ -137,7 +137,7 @@
     "clearReset": "கித்தானை அகரமாக்கு",
     "exportJSON": "கோப்புக்கு ஏற்றுமதிசெய்",
     "exportImage": "",
-    "export": "",
+    "export": "இதில் சேமி...",
     "exportToPng": "PNGக்கு ஏற்றுமதிசெய்",
     "exportToSvg": "SVGக்கு ஏற்றுமதிசெய்",
     "copyToClipboard": "நகலகத்திற்கு நகலெடு",
@@ -145,7 +145,7 @@
     "scale": "அளவு",
     "save": "தற்போதைய கோப்புக்குச் சேமி",
     "saveAs": "இப்படி சேமி",
-    "load": "",
+    "load": "திற",
     "getShareableLink": "பகிரக்கூடிய தொடுப்பைப் பெறு",
     "close": "மூடு",
     "selectLanguage": "மொழியைத் தேர்ந்தெடு",
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "வழங்கப்பட்ட உரலியிலிருந்து காட்சியை இறக்கவியலா. இது தவறான வடிவத்தில் உள்ளது, அ செல்லத்தக்க எக்ஸ்கேலிட்ரா JSON தரவைக் கொண்டில்லை.",
     "resetLibrary": "இது உங்கள் நுலகத்தைத் துடைக்கும். நீங்கள் உறுதியா?",
     "removeItemsFromsLibrary": "{{count}} உருப்படி(கள்)-ஐ உம் நூலகத்திலிருந்து அழிக்கவா?",
-    "invalidEncryptionKey": "மறையாக்க விசை 22 வரியுருக்கள் கொண்டிருக்கவேண்டும். நேரடி கூட்டுப்பணி முடக்கப்பட்டது."
+    "invalidEncryptionKey": "மறையாக்க விசை 22 வரியுருக்கள் கொண்டிருக்கவேண்டும். நேரடி கூட்டுப்பணி முடக்கப்பட்டது.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "ஆதரிக்கப்படா கோப்பு வகை.",
@@ -456,9 +457,9 @@
     },
     "defaults": {
       "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "center_heading": "எளிமையாக வரைபடங்கள் உருவாக்க!",
+      "toolbarHint": "கருவியைத் தேர்ந்தெடு & வரை!",
+      "helpHint": "குறுக்குவழிகள் & உதவி"
     }
   }
 }
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 00260919c..a05de9a54 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Verilen bağlantıdan çalışma alanı yüklenemedi. Dosya bozuk olabilir veya geçerli bir Excalidraw JSON verisi bulundurmuyor olabilir.",
     "resetLibrary": "Bu işlem kütüphanenizi sıfırlayacak. Emin misiniz?",
     "removeItemsFromsLibrary": "{{count}} öğe(ler) kitaplıktan kaldırılsın mı?",
-    "invalidEncryptionKey": "Şifreleme anahtarı 22 karakter olmalı. Canlı işbirliği devre dışı bırakıldı."
+    "invalidEncryptionKey": "Şifreleme anahtarı 22 karakter olmalı. Canlı işbirliği devre dışı bırakıldı.",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "Desteklenmeyen dosya türü.",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index 73597ce9d..ac0bfcfee 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -72,7 +72,7 @@
     "layers": "Шари",
     "actions": "Дії",
     "language": "Мова",
-    "liveCollaboration": "",
+    "liveCollaboration": "Спільна робота у режимі реального часу...",
     "duplicateSelection": "Дублювати",
     "untitled": "Без назви",
     "name": "Ім’я",
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "Не вдалося імпортувати сцену з наданого URL. Він або недоформований, або не містить дійсних даних Excalidraw JSON.",
     "resetLibrary": "Це призведе до очищення бібліотеки. Ви впевнені?",
     "removeItemsFromsLibrary": "Видалити {{count}} елемент(ів) з бібліотеки?",
-    "invalidEncryptionKey": "Ключ шифрування повинен бути довжиною до 22 символів. Спільну роботу вимкнено."
+    "invalidEncryptionKey": "Ключ шифрування повинен бути довжиною до 22 символів. Спільну роботу вимкнено.",
+    "collabOfflineWarning": "Немає підключення до Інтернету.\nВаші зміни не будуть збережені!"
   },
   "errors": {
     "unsupportedFileType": "Непідтримуваний тип файлу.",
@@ -457,8 +458,8 @@
     "defaults": {
       "menuHint": "",
       "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "toolbarHint": "Оберіть інструмент і почніть малювати!",
+      "helpHint": "Гарячі клавіші і допомога"
     }
   }
 }
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index be5edd61d..1921035bc 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 6020688a2..2e5debd16 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "无法从提供的 URL 导入场景。它或者格式不正确，或者不包含有效的 Excalidraw JSON 数据。",
     "resetLibrary": "这将会清除你的素材库。你确定要这么做吗？",
     "removeItemsFromsLibrary": "确定要从素材库中删除 {{count}} 个项目吗？",
-    "invalidEncryptionKey": "密钥必须包含22个字符。实时协作已被禁用。"
+    "invalidEncryptionKey": "密钥必须包含22个字符。实时协作已被禁用。",
+    "collabOfflineWarning": "无网络连接。\n您的改动将不会被保存！"
   },
   "errors": {
     "unsupportedFileType": "不支持的文件格式。",
@@ -239,7 +240,7 @@
     "resize": "您可以按住SHIFT来限制比例大小，\n按住ALT来调整中心大小",
     "resizeImage": "按住SHIFT可以自由缩放，\n按住ALT可以从中间缩放",
     "rotate": "旋转时可以按住 Shift 来约束角度",
-    "lineEditor_info": "按住 CtrlOrCmd 并双击或按 CtrlOrmd + Enter 来编辑点",
+    "lineEditor_info": "按住 CtrlOrCmd 并双击或按 CtrlOrCmd + Enter 来编辑点",
     "lineEditor_pointSelected": "按下 Delete 移除点，Ctrl 或 Cmd+D 以复制，拖动以移动",
     "lineEditor_nothingSelected": "选择要编辑的点 (按住 SHIFT 选择多个)，\n或按住 Alt 并点击以添加新点",
     "placeImage": "点击放置图像，或者点击并拖动以手动设置图像大小",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index 4ff1176be..e87a0d3e1 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "",
     "resetLibrary": "",
     "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
   },
   "errors": {
     "unsupportedFileType": "",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 28ac95a26..3293fad4a 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -192,7 +192,8 @@
     "invalidSceneUrl": "無法由提供的 URL 匯入場景。可能是發生異常，或未包含有效的 Excalidraw JSON 資料。",
     "resetLibrary": "這會清除您的資料庫，是否確定？",
     "removeItemsFromsLibrary": "從資料庫刪除 {{count}} 項？",
-    "invalidEncryptionKey": "加密鍵必須為22字元。即時協作已停用。"
+    "invalidEncryptionKey": "加密鍵必須為22字元。即時協作已停用。",
+    "collabOfflineWarning": "沒有可用的網路連線。\n變更無法儲存！"
   },
   "errors": {
     "unsupportedFileType": "不支援的檔案類型。",

From 04a8c22f3908614243273f4614a983fc04f59e24 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 22 Feb 2023 15:01:23 +0100
Subject: [PATCH 082/252] fix: rerender i18n in host components on lang change
 (#6224)

---
 src/components/main-menu/DefaultItems.tsx     | 33 +++++++------------
 .../welcome-screen/WelcomeScreen.Center.tsx   |  7 ++--
 src/excalidraw-app/app-jotai.ts               |  3 ++
 src/excalidraw-app/collab/Collab.tsx          | 12 +++----
 src/excalidraw-app/collab/RoomDialog.tsx      |  3 +-
 .../components/AppWelcomeScreen.tsx           |  3 +-
 .../components/EncryptedIcon.tsx              | 32 ++++++++++--------
 .../components/ExportToExcalidrawPlus.tsx     |  3 +-
 .../components/LanguageList.tsx               | 15 +++++----
 src/excalidraw-app/index.tsx                  | 17 +++++-----
 src/i18n.ts                                   | 16 +++++++++
 src/jotai.ts                                  |  4 +--
 src/packages/excalidraw/CHANGELOG.md          |  2 ++
 src/packages/excalidraw/index.tsx             | 10 +++---
 14 files changed, 88 insertions(+), 72 deletions(-)
 create mode 100644 src/excalidraw-app/app-jotai.ts

diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index 6e89b598c..b3cc23b90 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -1,5 +1,5 @@
 import { getShortcutFromShortcutName } from "../../actions/shortcuts";
-import { t } from "../../i18n";
+import { useI18n } from "../../i18n";
 import {
   useExcalidrawAppState,
   useExcalidrawSetAppState,
@@ -33,9 +33,7 @@ import { useSetAtom } from "jotai";
 import { activeConfirmDialogAtom } from "../ActiveConfirmDialog";
 
 export const LoadScene = () => {
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
   const actionManager = useExcalidrawActionManager();
 
   if (!actionManager.isActionEnabled(actionLoadScene)) {
@@ -57,9 +55,7 @@ export const LoadScene = () => {
 LoadScene.displayName = "LoadScene";
 
 export const SaveToActiveFile = () => {
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
   const actionManager = useExcalidrawActionManager();
 
   if (!actionManager.isActionEnabled(actionSaveToActiveFile)) {
@@ -80,9 +76,7 @@ SaveToActiveFile.displayName = "SaveToActiveFile";
 
 export const SaveAsImage = () => {
   const setAppState = useExcalidrawSetAppState();
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
   return (
     <DropdownMenuItem
       icon={ExportImageIcon}
@@ -98,9 +92,7 @@ export const SaveAsImage = () => {
 SaveAsImage.displayName = "SaveAsImage";
 
 export const Help = () => {
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
 
   const actionManager = useExcalidrawActionManager();
 
@@ -119,9 +111,8 @@ export const Help = () => {
 Help.displayName = "Help";
 
 export const ClearCanvas = () => {
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
+
   const setActiveConfirmDialog = useSetAtom(activeConfirmDialogAtom);
   const actionManager = useExcalidrawActionManager();
 
@@ -143,6 +134,7 @@ export const ClearCanvas = () => {
 ClearCanvas.displayName = "ClearCanvas";
 
 export const ToggleTheme = () => {
+  const { t } = useI18n();
   const appState = useExcalidrawAppState();
   const actionManager = useExcalidrawActionManager();
 
@@ -175,6 +167,7 @@ export const ToggleTheme = () => {
 ToggleTheme.displayName = "ToggleTheme";
 
 export const ChangeCanvasBackground = () => {
+  const { t } = useI18n();
   const appState = useExcalidrawAppState();
   const actionManager = useExcalidrawActionManager();
 
@@ -195,9 +188,7 @@ export const ChangeCanvasBackground = () => {
 ChangeCanvasBackground.displayName = "ChangeCanvasBackground";
 
 export const Export = () => {
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
   const setAppState = useExcalidrawSetAppState();
   return (
     <DropdownMenuItem
@@ -248,9 +239,7 @@ export const LiveCollaborationTrigger = ({
   onSelect: () => void;
   isCollaborating: boolean;
 }) => {
-  // FIXME Hack until we tie "t" to lang state
-  // eslint-disable-next-line
-  const appState = useExcalidrawAppState();
+  const { t } = useI18n();
   return (
     <DropdownMenuItem
       data-testid="collab-button"
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
index d05018c3e..8ab010057 100644
--- a/src/components/welcome-screen/WelcomeScreen.Center.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -1,6 +1,6 @@
 import { actionLoadScene, actionShortcuts } from "../../actions";
 import { getShortcutFromShortcutName } from "../../actions/shortcuts";
-import { t } from "../../i18n";
+import { t, useI18n } from "../../i18n";
 import {
   useDevice,
   useExcalidrawActionManager,
@@ -172,10 +172,7 @@ const MenuItemLiveCollaborationTrigger = ({
 }: {
   onSelect: () => any;
 }) => {
-  // FIXME when we tie t() to lang state
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const appState = useExcalidrawAppState();
-
+  const { t } = useI18n();
   return (
     <WelcomeScreenMenuItem shortcut={null} onSelect={onSelect} icon={usersIcon}>
       {t("labels.liveCollaboration")}
diff --git a/src/excalidraw-app/app-jotai.ts b/src/excalidraw-app/app-jotai.ts
new file mode 100644
index 000000000..8c6c796f6
--- /dev/null
+++ b/src/excalidraw-app/app-jotai.ts
@@ -0,0 +1,3 @@
+import { unstable_createStore } from "jotai";
+
+export const appJotaiStore = unstable_createStore();
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 22f748773..30c9846c8 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -70,7 +70,7 @@ import { decryptData } from "../../data/encryption";
 import { resetBrowserStateVersions } from "../data/tabSync";
 import { LocalData } from "../data/LocalData";
 import { atom, useAtom } from "jotai";
-import { jotaiStore } from "../../jotai";
+import { appJotaiStore } from "../app-jotai";
 
 export const collabAPIAtom = atom<CollabAPI | null>(null);
 export const collabDialogShownAtom = atom(false);
@@ -167,7 +167,7 @@ class Collab extends PureComponent<Props, CollabState> {
       setUsername: this.setUsername,
     };
 
-    jotaiStore.set(collabAPIAtom, collabAPI);
+    appJotaiStore.set(collabAPIAtom, collabAPI);
     this.onOfflineStatusToggle();
 
     if (
@@ -185,7 +185,7 @@ class Collab extends PureComponent<Props, CollabState> {
   }
 
   onOfflineStatusToggle = () => {
-    jotaiStore.set(isOfflineAtom, !window.navigator.onLine);
+    appJotaiStore.set(isOfflineAtom, !window.navigator.onLine);
   };
 
   componentWillUnmount() {
@@ -208,10 +208,10 @@ class Collab extends PureComponent<Props, CollabState> {
     }
   }
 
-  isCollaborating = () => jotaiStore.get(isCollaboratingAtom)!;
+  isCollaborating = () => appJotaiStore.get(isCollaboratingAtom)!;
 
   private setIsCollaborating = (isCollaborating: boolean) => {
-    jotaiStore.set(isCollaboratingAtom, isCollaborating);
+    appJotaiStore.set(isCollaboratingAtom, isCollaborating);
   };
 
   private onUnload = () => {
@@ -804,7 +804,7 @@ class Collab extends PureComponent<Props, CollabState> {
   );
 
   handleClose = () => {
-    jotaiStore.set(collabDialogShownAtom, false);
+    appJotaiStore.set(collabDialogShownAtom, false);
   };
 
   setUsername = (username: string) => {
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index 2c6949aac..50f586efc 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -10,13 +10,13 @@ import {
   shareWindows,
 } from "../../components/icons";
 import { ToolButton } from "../../components/ToolButton";
-import { t } from "../../i18n";
 import "./RoomDialog.scss";
 import Stack from "../../components/Stack";
 import { AppState } from "../../types";
 import { trackEvent } from "../../analytics";
 import { getFrame } from "../../utils";
 import DialogActionButton from "../../components/DialogActionButton";
+import { useI18n } from "../../i18n";
 
 const getShareIcon = () => {
   const navigator = window.navigator as any;
@@ -51,6 +51,7 @@ const RoomDialog = ({
   setErrorMessage: (message: string) => void;
   theme: AppState["theme"];
 }) => {
+  const { t } = useI18n();
   const roomLinkInput = useRef<HTMLInputElement>(null);
 
   const copyRoomLink = async () => {
diff --git a/src/excalidraw-app/components/AppWelcomeScreen.tsx b/src/excalidraw-app/components/AppWelcomeScreen.tsx
index 9e760f734..1e34fa819 100644
--- a/src/excalidraw-app/components/AppWelcomeScreen.tsx
+++ b/src/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -1,12 +1,13 @@
 import React from "react";
 import { PlusPromoIcon } from "../../components/icons";
-import { t } from "../../i18n";
+import { useI18n } from "../../i18n";
 import { WelcomeScreen } from "../../packages/excalidraw/index";
 import { isExcalidrawPlusSignedUser } from "../app_constants";
 
 export const AppWelcomeScreen: React.FC<{
   setCollabDialogShown: (toggle: boolean) => any;
 }> = React.memo((props) => {
+  const { t } = useI18n();
   let headingContent;
 
   if (isExcalidrawPlusSignedUser) {
diff --git a/src/excalidraw-app/components/EncryptedIcon.tsx b/src/excalidraw-app/components/EncryptedIcon.tsx
index a3e6ff0ba..a91768917 100644
--- a/src/excalidraw-app/components/EncryptedIcon.tsx
+++ b/src/excalidraw-app/components/EncryptedIcon.tsx
@@ -1,17 +1,21 @@
 import { shield } from "../../components/icons";
 import { Tooltip } from "../../components/Tooltip";
-import { t } from "../../i18n";
+import { useI18n } from "../../i18n";
 
-export const EncryptedIcon = () => (
-  <a
-    className="encrypted-icon tooltip"
-    href="https://blog.excalidraw.com/end-to-end-encryption/"
-    target="_blank"
-    rel="noopener noreferrer"
-    aria-label={t("encrypted.link")}
-  >
-    <Tooltip label={t("encrypted.tooltip")} long={true}>
-      {shield}
-    </Tooltip>
-  </a>
-);
+export const EncryptedIcon = () => {
+  const { t } = useI18n();
+
+  return (
+    <a
+      className="encrypted-icon tooltip"
+      href="https://blog.excalidraw.com/end-to-end-encryption/"
+      target="_blank"
+      rel="noopener noreferrer"
+      aria-label={t("encrypted.link")}
+    >
+      <Tooltip label={t("encrypted.tooltip")} long={true}>
+        {shield}
+      </Tooltip>
+    </a>
+  );
+};
diff --git a/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx b/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
index 049a4ddf7..daf4b95c3 100644
--- a/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
+++ b/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
@@ -6,7 +6,7 @@ import { loadFirebaseStorage, saveFilesToFirebase } from "../data/firebase";
 import { FileId, NonDeletedExcalidrawElement } from "../../element/types";
 import { AppState, BinaryFileData, BinaryFiles } from "../../types";
 import { nanoid } from "nanoid";
-import { t } from "../../i18n";
+import { useI18n } from "../../i18n";
 import { excalidrawPlusIcon } from "./icons";
 import { encryptData, generateEncryptionKey } from "../../data/encryption";
 import { isInitializedImageElement } from "../../element/typeChecks";
@@ -79,6 +79,7 @@ export const ExportToExcalidrawPlus: React.FC<{
   files: BinaryFiles;
   onError: (error: Error) => void;
 }> = ({ elements, appState, files, onError }) => {
+  const { t } = useI18n();
   return (
     <Card color="primary">
       <div className="Card-icon">{excalidrawPlusIcon}</div>
diff --git a/src/excalidraw-app/components/LanguageList.tsx b/src/excalidraw-app/components/LanguageList.tsx
index 1b3606b57..aaa5f2137 100644
--- a/src/excalidraw-app/components/LanguageList.tsx
+++ b/src/excalidraw-app/components/LanguageList.tsx
@@ -1,22 +1,23 @@
-import { useAtom } from "jotai";
+import { useSetAtom } from "jotai";
 import React from "react";
-import { langCodeAtom } from "..";
-import * as i18n from "../../i18n";
+import { appLangCodeAtom } from "..";
+import { defaultLang, useI18n } from "../../i18n";
 import { languages } from "../../i18n";
 
 export const LanguageList = ({ style }: { style?: React.CSSProperties }) => {
-  const [langCode, setLangCode] = useAtom(langCodeAtom);
+  const { t, langCode } = useI18n();
+  const setLangCode = useSetAtom(appLangCodeAtom);
 
   return (
     <select
       className="dropdown-select dropdown-select__language"
       onChange={({ target }) => setLangCode(target.value)}
       value={langCode}
-      aria-label={i18n.t("buttons.selectLanguage")}
+      aria-label={t("buttons.selectLanguage")}
       style={style}
     >
-      <option key={i18n.defaultLang.code} value={i18n.defaultLang.code}>
-        {i18n.defaultLang.label}
+      <option key={defaultLang.code} value={defaultLang.code}>
+        {defaultLang.label}
       </option>
       {languages.map((lang) => (
         <option key={lang.code} value={lang.code}>
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 9a778d27c..2b9101ad1 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -75,13 +75,14 @@ import { loadFilesFromFirebase } from "./data/firebase";
 import { LocalData } from "./data/LocalData";
 import { isBrowserStorageStateNewer } from "./data/tabSync";
 import clsx from "clsx";
-import { atom, Provider, useAtom, useAtomValue } from "jotai";
-import { jotaiStore, useAtomWithInitialValue } from "../jotai";
 import { reconcileElements } from "./collab/reconciliation";
 import { parseLibraryTokensFromUrl, useHandleLibrary } from "../data/library";
 import { AppMainMenu } from "./components/AppMainMenu";
 import { AppWelcomeScreen } from "./components/AppWelcomeScreen";
 import { AppFooter } from "./components/AppFooter";
+import { atom, Provider, useAtom, useAtomValue } from "jotai";
+import { useAtomWithInitialValue } from "../jotai";
+import { appJotaiStore } from "./app-jotai";
 
 import "./index.scss";
 
@@ -226,15 +227,15 @@ const initializeScene = async (opts: {
   return { scene: null, isExternalScene: false };
 };
 
-const currentLangCode = languageDetector.detect() || defaultLang.code;
-
-export const langCodeAtom = atom(
-  Array.isArray(currentLangCode) ? currentLangCode[0] : currentLangCode,
+const detectedLangCode = languageDetector.detect() || defaultLang.code;
+export const appLangCodeAtom = atom(
+  Array.isArray(detectedLangCode) ? detectedLangCode[0] : detectedLangCode,
 );
 
 const ExcalidrawWrapper = () => {
   const [errorMessage, setErrorMessage] = useState("");
-  const [langCode, setLangCode] = useAtom(langCodeAtom);
+  const [langCode, setLangCode] = useAtom(appLangCodeAtom);
+
   // initial state
   // ---------------------------------------------------------------------------
 
@@ -683,7 +684,7 @@ const ExcalidrawWrapper = () => {
 const ExcalidrawApp = () => {
   return (
     <TopErrorBoundary>
-      <Provider unstable_createStore={() => jotaiStore}>
+      <Provider unstable_createStore={() => appJotaiStore}>
         <ExcalidrawWrapper />
       </Provider>
     </TopErrorBoundary>
diff --git a/src/i18n.ts b/src/i18n.ts
index 2d4e52f13..7a6300860 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,6 +1,8 @@
 import fallbackLangData from "./locales/en.json";
 import percentages from "./locales/percentages.json";
 import { ENV } from "./constants";
+import { jotaiScope, jotaiStore } from "./jotai";
+import { atom, useAtomValue } from "jotai";
 
 const COMPLETION_THRESHOLD = 85;
 
@@ -99,6 +101,8 @@ export const setLanguage = async (lang: Language) => {
       currentLangData = fallbackLangData;
     }
   }
+
+  jotaiStore.set(editorLangCodeAtom, lang.code);
 };
 
 export const getLanguage = () => currentLang;
@@ -143,3 +147,15 @@ export const t = (
   }
   return translation;
 };
+
+/** @private atom used solely to rerender components using `useI18n` hook */
+const editorLangCodeAtom = atom(defaultLang.code);
+
+// Should be used in components that fall under these cases:
+// - component is rendered as an <Excalidraw> child
+// - component is rendered internally by <Excalidraw>, but the component
+//   is memoized w/o being updated on `langCode`, `AppState`, or `UIAppState`
+export const useI18n = () => {
+  const langCode = useAtomValue(editorLangCodeAtom, jotaiScope);
+  return { t, langCode };
+};
diff --git a/src/jotai.ts b/src/jotai.ts
index c730cbbc1..85ab66b33 100644
--- a/src/jotai.ts
+++ b/src/jotai.ts
@@ -1,4 +1,4 @@
-import { unstable_createStore, useAtom, WritableAtom } from "jotai";
+import { PrimitiveAtom, unstable_createStore, useAtom } from "jotai";
 import { useLayoutEffect } from "react";
 
 export const jotaiScope = Symbol();
@@ -6,7 +6,7 @@ export const jotaiStore = unstable_createStore();
 
 export const useAtomWithInitialValue = <
   T extends unknown,
-  A extends WritableAtom<T, T>,
+  A extends PrimitiveAtom<T>,
 >(
   atom: A,
   initialValue: T | (() => T),
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index fc1c8e0f3..c2ba8451c 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,6 +15,8 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Expose `useI18n()` hook return an object containing `t()` i18n helper and current `langCode`. You can use this in components you render as `<Excalidraw>` children to render any of our i18n locale strings. [#6224](https://github.com/excalidraw/excalidraw/pull/6224)
+
 - [`restoreElements`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restoreelements) API now takes an optional parameter `opts` which currently supports the below attributes
 
 ```js
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 1305f91f3..4f768c6d5 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -87,8 +87,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
   }, []);
 
   return (
-    <InitializeApp langCode={langCode} theme={theme}>
-      <Provider unstable_createStore={() => jotaiStore} scope={jotaiScope}>
+    <Provider unstable_createStore={() => jotaiStore} scope={jotaiScope}>
+      <InitializeApp langCode={langCode} theme={theme}>
         <App
           onChange={onChange}
           initialData={initialData}
@@ -118,8 +118,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
         >
           {children}
         </App>
-      </Provider>
-    </InitializeApp>
+      </InitializeApp>
+    </Provider>
   );
 };
 
@@ -198,7 +198,7 @@ export {
   isInvisiblySmallElement,
   getNonDeletedElements,
 } from "../../element";
-export { defaultLang, languages } from "../../i18n";
+export { defaultLang, useI18n, languages } from "../../i18n";
 export {
   restore,
   restoreAppState,

From 39b96cb0119676ab1d07c6961a22d0f0a22b3f3f Mon Sep 17 00:00:00 2001
From: Tengku Farhan <109069184+tfarhan00@users.noreply.github.com>
Date: Thu, 23 Feb 2023 17:24:04 +0700
Subject: [PATCH 083/252] fix: fit mobile toolbar and make scrollable (#6270)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/css/styles.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/css/styles.scss b/src/css/styles.scss
index 28a42d069..c663e55be 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -530,6 +530,7 @@
   // (doesn't work in Firefox)
   ::-webkit-scrollbar {
     width: 3px;
+    height: 3px;
   }
 
   ::-webkit-scrollbar-thumb {
@@ -567,8 +568,8 @@
   }
 
   .App-toolbar--mobile {
-    overflow-x: hidden;
-    max-width: 100vw;
+    overflow-x: auto;
+    max-width: 90vw;
 
     .ToolIcon__keybinding {
       display: none;

From 9659254fd66138d65f60281323fc2fd7deae2e0a Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 23 Feb 2023 16:33:10 +0530
Subject: [PATCH 084/252] feat: improve text measurements in bound containers
 (#6187)

* feat: move to canvas measureText

* calcualte height with better heuristic

* improve heuristic more

* remove vertical offset as its not needed

* lint

* calculate width of individual char and ceil to calculate width and remove adjustment factor

* push the word if equal to max width

* update height when text overflows for vertical alignment top/bottom

* remove the hack of updating height when line mismatch as its not needed

* remove scroll height and calculate the height instead

* remove unused code

* fix

* remove

* use math.ceil for whole width instead of individual chars

* fix tests

* fix

* fix

* redraw text bounding box instead when font loaded to fix alignment as well

* fix

* fix

* fix

* Add a 0.05px extra only for firefox

* Add spec

* stop taking ceil and increase firefox editor width by 0.05px

* Ad 0.05px in safari too

* lint

* lint

* remove baseline from measureFontSizeFromWH

* don't redraw on font load

* lint

* refactor name and signature
---
 src/actions/actionBoundText.tsx               |   3 +-
 src/components/App.tsx                        |   8 -
 src/constants.ts                              |   3 +
 src/data/restore.ts                           |   1 -
 src/element/newElement.ts                     |  23 +--
 src/element/resizeElements.ts                 |  50 ++---
 src/element/textElement.test.ts               |  41 +----
 src/element/textElement.ts                    |  88 +++------
 src/element/textWysiwyg.test.tsx              | 173 +++++-------------
 src/element/textWysiwyg.tsx                   |  59 ++----
 src/element/types.ts                          |   1 -
 src/renderer/renderElement.ts                 |  13 +-
 .../linearElementEditor.test.tsx.snap         |   2 +-
 .../data/__snapshots__/restore.test.ts.snap   |   6 +-
 src/tests/linearElementEditor.test.tsx        |  20 +-
 15 files changed, 142 insertions(+), 349 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index ed6efe971..7849730d8 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -38,7 +38,7 @@ export const actionUnbindText = register({
     selectedElements.forEach((element) => {
       const boundTextElement = getBoundTextElement(element);
       if (boundTextElement) {
-        const { width, height, baseline } = measureText(
+        const { width, height } = measureText(
           boundTextElement.originalText,
           getFontString(boundTextElement),
         );
@@ -51,7 +51,6 @@ export const actionUnbindText = register({
           containerId: null,
           width,
           height,
-          baseline,
           text: boundTextElement.originalText,
         });
         mutateElement(element, {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 3c0ac9dc4..5b9311f8d 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2674,14 +2674,6 @@ class App extends React.Component<AppProps, AppState> {
           element,
         ]);
       }
-
-      // case: creating new text not centered to parent element → offset Y
-      // so that the text is centered to cursor position
-      if (!parentCenterPosition) {
-        mutateElement(element, {
-          y: element.y - element.baseline / 2,
-        });
-      }
     }
 
     this.setState({
diff --git a/src/constants.ts b/src/constants.ts
index c3952b92c..aa25667a2 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -9,6 +9,9 @@ export const isFirefox =
   "netscape" in window &&
   navigator.userAgent.indexOf("rv:") > 1 &&
   navigator.userAgent.indexOf("Gecko") > 1;
+export const isChrome = navigator.userAgent.indexOf("Chrome") !== -1;
+export const isSafari =
+  !isChrome && navigator.userAgent.indexOf("Safari") !== -1;
 
 export const APP_NAME = "Excalidraw";
 
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 0af2f9dc4..4434b7bc3 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -171,7 +171,6 @@ const restoreElement = (
         fontSize,
         fontFamily,
         text: element.text ?? "",
-        baseline: element.baseline,
         textAlign: element.textAlign || DEFAULT_TEXT_ALIGN,
         verticalAlign: element.verticalAlign || DEFAULT_VERTICAL_ALIGN,
         containerId: element.containerId ?? null,
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 6024765ec..0c7c90d2b 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -153,7 +153,6 @@ export const newTextElement = (
       y: opts.y - offsets.y,
       width: metrics.width,
       height: metrics.height,
-      baseline: metrics.baseline,
       containerId: opts.containerId || null,
       originalText: text,
     },
@@ -170,18 +169,13 @@ const getAdjustedDimensions = (
   y: number;
   width: number;
   height: number;
-  baseline: number;
 } => {
-  let maxWidth = null;
   const container = getContainerElement(element);
-  if (container) {
-    maxWidth = getMaxContainerWidth(container);
-  }
-  const {
-    width: nextWidth,
-    height: nextHeight,
-    baseline: nextBaseline,
-  } = measureText(nextText, getFontString(element), maxWidth);
+
+  const { width: nextWidth, height: nextHeight } = measureText(
+    nextText,
+    getFontString(element),
+  );
   const { textAlign, verticalAlign } = element;
   let x: number;
   let y: number;
@@ -190,11 +184,7 @@ const getAdjustedDimensions = (
     verticalAlign === VERTICAL_ALIGN.MIDDLE &&
     !element.containerId
   ) {
-    const prevMetrics = measureText(
-      element.text,
-      getFontString(element),
-      maxWidth,
-    );
+    const prevMetrics = measureText(element.text, getFontString(element));
     const offsets = getTextElementPositionOffsets(element, {
       width: nextWidth - prevMetrics.width,
       height: nextHeight - prevMetrics.height,
@@ -258,7 +248,6 @@ const getAdjustedDimensions = (
     height: nextHeight,
     x: Number.isFinite(x) ? x : element.x,
     y: Number.isFinite(y) ? y : element.y,
-    baseline: nextBaseline,
   };
 };
 
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index fe4f8e484..0c0337ed7 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -45,8 +45,6 @@ import {
   getBoundTextElementId,
   getContainerElement,
   handleBindTextResize,
-  measureText,
-  getMaxContainerHeight,
   getMaxContainerWidth,
 } from "./textElement";
 
@@ -192,11 +190,10 @@ const rescalePointsInElement = (
 
 const MIN_FONT_SIZE = 1;
 
-const measureFontSizeFromWH = (
+const measureFontSizeFromWidth = (
   element: NonDeleted<ExcalidrawTextElement>,
   nextWidth: number,
-  nextHeight: number,
-): { size: number; baseline: number } | null => {
+): number | null => {
   // We only use width to scale font on resize
   let width = element.width;
 
@@ -211,15 +208,8 @@ const measureFontSizeFromWH = (
   if (nextFontSize < MIN_FONT_SIZE) {
     return null;
   }
-  const metrics = measureText(
-    element.text,
-    getFontString({ fontSize: nextFontSize, fontFamily: element.fontFamily }),
-    element.containerId ? width : null,
-  );
-  return {
-    size: nextFontSize,
-    baseline: metrics.baseline + (nextHeight - metrics.height),
-  };
+
+  return nextFontSize;
 };
 
 const getSidesForTransformHandle = (
@@ -290,8 +280,8 @@ const resizeSingleTextElement = (
   if (scale > 0) {
     const nextWidth = element.width * scale;
     const nextHeight = element.height * scale;
-    const nextFont = measureFontSizeFromWH(element, nextWidth, nextHeight);
-    if (nextFont === null) {
+    const nextFontSize = measureFontSizeFromWidth(element, nextWidth);
+    if (nextFontSize === null) {
       return;
     }
     const [nextX1, nextY1, nextX2, nextY2] = getResizedElementAbsoluteCoords(
@@ -315,10 +305,9 @@ const resizeSingleTextElement = (
       deltaY2,
     );
     mutateElement(element, {
-      fontSize: nextFont.size,
+      fontSize: nextFontSize,
       width: nextWidth,
       height: nextHeight,
-      baseline: nextFont.baseline,
       x: nextElementX,
       y: nextElementY,
     });
@@ -371,7 +360,7 @@ export const resizeSingleElement = (
   let scaleX = atStartBoundsWidth / boundsCurrentWidth;
   let scaleY = atStartBoundsHeight / boundsCurrentHeight;
 
-  let boundTextFont: { fontSize?: number; baseline?: number } = {};
+  let boundTextFont: { fontSize?: number } = {};
   const boundTextElement = getBoundTextElement(element);
 
   if (transformHandleDirection.includes("e")) {
@@ -423,7 +412,6 @@ export const resizeSingleElement = (
     if (stateOfBoundTextElementAtResize) {
       boundTextFont = {
         fontSize: stateOfBoundTextElementAtResize.fontSize,
-        baseline: stateOfBoundTextElementAtResize.baseline,
       };
     }
     if (shouldMaintainAspectRatio) {
@@ -433,17 +421,15 @@ export const resizeSingleElement = (
         height: eleNewHeight,
       };
 
-      const nextFont = measureFontSizeFromWH(
+      const nextFontSize = measureFontSizeFromWidth(
         boundTextElement,
         getMaxContainerWidth(updatedElement),
-        getMaxContainerHeight(updatedElement),
       );
-      if (nextFont === null) {
+      if (nextFontSize === null) {
         return;
       }
       boundTextFont = {
-        fontSize: nextFont.size,
-        baseline: nextFont.baseline,
+        fontSize: nextFontSize,
       };
     } else {
       const minWidth = getApproxMinLineWidth(getFontString(boundTextElement));
@@ -687,7 +673,6 @@ const resizeMultipleElements = (
       y: number;
       points?: Point[];
       fontSize?: number;
-      baseline?: number;
     } = {
       width,
       height,
@@ -696,7 +681,7 @@ const resizeMultipleElements = (
       ...rescaledPoints,
     };
 
-    let boundTextUpdates: { fontSize: number; baseline: number } | null = null;
+    let boundTextUpdates: { fontSize: number } | null = null;
 
     const boundTextElement = getBoundTextElement(element.latest);
 
@@ -706,25 +691,22 @@ const resizeMultipleElements = (
         width,
         height,
       };
-      const textMeasurements = measureFontSizeFromWH(
+      const fontSize = measureFontSizeFromWidth(
         boundTextElement ?? (element.orig as ExcalidrawTextElement),
         getMaxContainerWidth(updatedElement),
-        getMaxContainerHeight(updatedElement),
       );
 
-      if (!textMeasurements) {
+      if (!fontSize) {
         return;
       }
 
       if (isTextElement(element.orig)) {
-        update.fontSize = textMeasurements.size;
-        update.baseline = textMeasurements.baseline;
+        update.fontSize = fontSize;
       }
 
       if (boundTextElement) {
         boundTextUpdates = {
-          fontSize: textMeasurements.size,
-          baseline: textMeasurements.baseline,
+          fontSize,
         };
       }
     }
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 22086095f..6ea7f2bae 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -5,7 +5,6 @@ import {
   getContainerCoords,
   getMaxContainerWidth,
   getMaxContainerHeight,
-  measureText,
   wrapText,
 } from "./textElement";
 import { FontString } from "./types";
@@ -73,6 +72,13 @@ up`,
         width: 250,
         res: "Hello whats up",
       },
+      {
+        desc: "should push the word if its equal to max width",
+        width: 60,
+        res: `Hello
+whats
+up`,
+      },
     ].forEach((data) => {
       it(`should ${data.desc}`, () => {
         const res = wrapText(text, font, data.width - BOUND_TEXT_PADDING * 2);
@@ -80,6 +86,7 @@ up`,
       });
     });
   });
+
   describe("When text contain new lines", () => {
     const text = `Hello
 whats up`;
@@ -170,38 +177,6 @@ break it now`,
 });
 
 describe("Test measureText", () => {
-  const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
-  const text = "Hello World";
-
-  it("should add correct attributes when maxWidth is passed", () => {
-    const maxWidth = 200 - BOUND_TEXT_PADDING * 2;
-    const res = measureText(text, font, maxWidth);
-
-    expect(res.container).toMatchInlineSnapshot(`
-      <div
-        style="position: absolute; white-space: pre-wrap; font: Emoji 20px 20px; min-height: 1em; max-width: 191px; overflow: hidden; word-break: break-word; line-height: 0px;"
-      >
-        <span
-          style="display: inline-block; overflow: hidden; width: 1px; height: 1px;"
-        />
-      </div>
-    `);
-  });
-
-  it("should add correct attributes when maxWidth is not passed", () => {
-    const res = measureText(text, font);
-
-    expect(res.container).toMatchInlineSnapshot(`
-      <div
-        style="position: absolute; white-space: pre; font: Emoji 20px 20px; min-height: 1em;"
-      >
-        <span
-          style="display: inline-block; overflow: hidden; width: 1px; height: 1px;"
-        />
-      </div>
-    `);
-  });
-
   describe("Test getContainerCoords", () => {
     const params = { width: 200, height: 100, x: 10, y: 20 };
 
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index b91e9f2f6..e5451bc42 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -50,7 +50,6 @@ export const redrawTextBoundingBox = (
     text: textElement.text,
     width: textElement.width,
     height: textElement.height,
-    baseline: textElement.baseline,
   };
 
   boundTextUpdates.text = textElement.text;
@@ -66,12 +65,10 @@ export const redrawTextBoundingBox = (
   const metrics = measureText(
     boundTextUpdates.text,
     getFontString(textElement),
-    maxWidth,
   );
 
   boundTextUpdates.width = metrics.width;
   boundTextUpdates.height = metrics.height;
-  boundTextUpdates.baseline = metrics.baseline;
 
   if (container) {
     if (isArrowElement(container)) {
@@ -177,7 +174,6 @@ export const handleBindTextResize = (
     const maxWidth = getMaxContainerWidth(container);
     const maxHeight = getMaxContainerHeight(container);
     let containerHeight = containerDims.height;
-    let nextBaseLine = textElement.baseline;
     if (transformHandleType !== "n" && transformHandleType !== "s") {
       if (text) {
         text = wrapText(
@@ -186,14 +182,9 @@ export const handleBindTextResize = (
           maxWidth,
         );
       }
-      const dimensions = measureText(
-        text,
-        getFontString(textElement),
-        maxWidth,
-      );
+      const dimensions = measureText(text, getFontString(textElement));
       nextHeight = dimensions.height;
       nextWidth = dimensions.width;
-      nextBaseLine = dimensions.baseline;
     }
     // increase height in case text element height exceeds
     if (nextHeight > maxHeight) {
@@ -221,7 +212,6 @@ export const handleBindTextResize = (
       text,
       width: nextWidth,
       height: nextHeight,
-      baseline: nextBaseLine,
     });
 
     if (!isArrowElement(container)) {
@@ -267,51 +257,19 @@ const computeBoundTextPosition = (
 };
 
 // https://github.com/grassator/canvas-text-editor/blob/master/lib/FontMetrics.js
-export const measureText = (
-  text: string,
-  font: FontString,
-  maxWidth?: number | null,
-) => {
+
+export const measureText = (text: string, font: FontString) => {
   text = text
     .split("\n")
     // replace empty lines with single space because leading/trailing empty
     // lines would be stripped from computation
     .map((x) => x || " ")
     .join("\n");
-  const container = document.createElement("div");
-  container.style.position = "absolute";
-  container.style.whiteSpace = "pre";
-  container.style.font = font;
-  container.style.minHeight = "1em";
 
-  if (maxWidth) {
-    const lineHeight = getApproxLineHeight(font);
-    // since we are adding a span of width 1px later
-    container.style.maxWidth = `${maxWidth + 1}px`;
-    container.style.overflow = "hidden";
-    container.style.wordBreak = "break-word";
-    container.style.lineHeight = `${String(lineHeight)}px`;
-    container.style.whiteSpace = "pre-wrap";
-  }
-  document.body.appendChild(container);
-  container.innerText = text;
+  const height = getTextHeight(text, font);
+  const width = getTextWidth(text, font);
 
-  const span = document.createElement("span");
-  span.style.display = "inline-block";
-  span.style.overflow = "hidden";
-  span.style.width = "1px";
-  span.style.height = "1px";
-  container.appendChild(span);
-  // Baseline is important for positioning text on canvas
-  const baseline = span.offsetTop + span.offsetHeight;
-  // since we are adding a span of width 1px
-  const width = container.offsetWidth + 1;
-  const height = container.offsetHeight;
-  document.body.removeChild(container);
-  if (isTestEnv()) {
-    return { width, height, baseline, container };
-  }
-  return { width, height, baseline };
+  return { width, height };
 };
 
 const DUMMY_TEXT = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toLocaleUpperCase();
@@ -321,40 +279,45 @@ export const getApproxLineHeight = (font: FontString) => {
   if (cacheApproxLineHeight[font]) {
     return cacheApproxLineHeight[font];
   }
-  cacheApproxLineHeight[font] = measureText(DUMMY_TEXT, font, null).height;
+  const fontSize = parseInt(font);
+  cacheApproxLineHeight[font] = fontSize * 1.2;
   return cacheApproxLineHeight[font];
 };
 
 let canvas: HTMLCanvasElement | undefined;
+
 const getLineWidth = (text: string, font: FontString) => {
   if (!canvas) {
     canvas = document.createElement("canvas");
   }
   const canvas2dContext = canvas.getContext("2d")!;
   canvas2dContext.font = font;
+  const width = canvas2dContext.measureText(text).width;
 
-  const metrics = canvas2dContext.measureText(text);
   // since in test env the canvas measureText algo
   // doesn't measure text and instead just returns number of
   // characters hence we assume that each letteris 10px
   if (isTestEnv()) {
-    return metrics.width * 10;
+    return width * 10;
   }
-  // Since measureText behaves differently in different browsers
-  // OS so considering a adjustment factor of 0.2
-  const adjustmentFactor = 0.2;
-
-  return metrics.width + adjustmentFactor;
+  return width;
 };
 
 export const getTextWidth = (text: string, font: FontString) => {
-  const lines = text.split("\n");
+  const lines = text.replace(/\r\n?/g, "\n").split("\n");
   let width = 0;
   lines.forEach((line) => {
     width = Math.max(width, getLineWidth(line, font));
   });
   return width;
 };
+
+export const getTextHeight = (text: string, font: FontString) => {
+  const lines = text.replace(/\r\n?/g, "\n").split("\n");
+  const lineHeight = getApproxLineHeight(font);
+  return lineHeight * lines.length;
+};
+
 export const wrapText = (text: string, font: FontString, maxWidth: number) => {
   const lines: Array<string> = [];
   const originalLines = text.split("\n");
@@ -376,16 +339,23 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
     let currentLineWidthTillNow = 0;
 
     let index = 0;
+
     while (index < words.length) {
       const currentWordWidth = getLineWidth(words[index], font);
+      // This will only happen when single word takes entire width
+      if (currentWordWidth === maxWidth) {
+        push(words[index]);
+        index++;
+      }
 
       // Start breaking longer words exceeding max width
-      if (currentWordWidth >= maxWidth) {
+      else if (currentWordWidth > maxWidth) {
         // push current line since the current word exceeds the max width
         // so will be appended in next line
         push(currentLine);
         currentLine = "";
         currentLineWidthTillNow = 0;
+
         while (words[index].length > 0) {
           const currentChar = String.fromCodePoint(
             words[index].codePointAt(0)!,
@@ -486,9 +456,9 @@ export const charWidth = (() => {
     getCache,
   };
 })();
+
 export const getApproxMinLineWidth = (font: FontString) => {
   const maxCharWidth = getMaxCharWidth(font);
-
   if (maxCharWidth === 0) {
     return (
       measureText(DUMMY_TEXT.split("").join("\n"), font).width +
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index fb41a3813..f234991da 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -6,12 +6,11 @@ import { CODES, KEYS } from "../keys";
 import { fireEvent } from "../tests/test-utils";
 import { queryByText } from "@testing-library/react";
 
-import { BOUND_TEXT_PADDING, FONT_FAMILY } from "../constants";
+import { FONT_FAMILY } from "../constants";
 import {
   ExcalidrawTextElement,
   ExcalidrawTextElementWithContainer,
 } from "./types";
-import * as textElementUtils from "./textElement";
 import { API } from "../tests/helpers/api";
 import { mutateElement } from "./mutateElement";
 import { resize } from "../tests/utils";
@@ -440,17 +439,6 @@ describe("textWysiwyg", () => {
     let rectangle: any;
     const { h } = window;
 
-    const DUMMY_HEIGHT = 240;
-    const DUMMY_WIDTH = 160;
-    const APPROX_LINE_HEIGHT = 25;
-    const INITIAL_WIDTH = 10;
-
-    beforeAll(() => {
-      jest
-        .spyOn(textElementUtils, "getApproxLineHeight")
-        .mockReturnValue(APPROX_LINE_HEIGHT);
-    });
-
     beforeEach(async () => {
       await render(<ExcalidrawApp />);
       h.elements = [];
@@ -732,39 +720,6 @@ describe("textWysiwyg", () => {
     });
 
     it("should wrap text and vertcially center align once text submitted", async () => {
-      jest
-        .spyOn(textElementUtils, "measureText")
-        .mockImplementation((text, font, maxWidth) => {
-          let width = INITIAL_WIDTH;
-          let height = APPROX_LINE_HEIGHT;
-          let baseline = 10;
-          if (!text) {
-            return {
-              width,
-              height,
-              baseline,
-            };
-          }
-          baseline = 30;
-          width = DUMMY_WIDTH;
-          if (text === "Hello \nWorld!") {
-            height = APPROX_LINE_HEIGHT * 2;
-          }
-          if (maxWidth) {
-            width = maxWidth;
-            // To capture cases where maxWidth passed is initial width
-            // due to which the text is not wrapped correctly
-            if (maxWidth === INITIAL_WIDTH) {
-              height = DUMMY_HEIGHT;
-            }
-          }
-          return {
-            width,
-            height,
-            baseline,
-          };
-        });
-
       expect(h.elements.length).toBe(1);
 
       Keyboard.keyDown(KEYS.ENTER);
@@ -773,11 +728,6 @@ describe("textWysiwyg", () => {
         ".excalidraw-textEditorContainer > textarea",
       ) as HTMLTextAreaElement;
 
-      // mock scroll height
-      jest
-        .spyOn(editor, "scrollHeight", "get")
-        .mockImplementation(() => APPROX_LINE_HEIGHT * 2);
-
       fireEvent.change(editor, {
         target: {
           value: "Hello World!",
@@ -791,10 +741,12 @@ describe("textWysiwyg", () => {
       text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.text).toBe("Hello \nWorld!");
       expect(text.originalText).toBe("Hello World!");
-      expect(text.y).toBe(57.5);
-      expect(text.x).toBe(rectangle.x + BOUND_TEXT_PADDING);
-      expect(text.height).toBe(APPROX_LINE_HEIGHT * 2);
-      expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
+      expect(text.y).toBe(
+        rectangle.y + h.elements[0].height / 2 - text.height / 2,
+      );
+      expect(text.x).toBe(25);
+      expect(text.height).toBe(48);
+      expect(text.width).toBe(60);
 
       // Edit and text by removing second line and it should
       // still vertically align correctly
@@ -811,11 +763,6 @@ describe("textWysiwyg", () => {
         },
       });
 
-      // mock scroll height
-      jest
-        .spyOn(editor, "scrollHeight", "get")
-        .mockImplementation(() => APPROX_LINE_HEIGHT);
-      editor.style.height = "25px";
       editor.dispatchEvent(new Event("input"));
 
       await new Promise((r) => setTimeout(r, 0));
@@ -825,10 +772,12 @@ describe("textWysiwyg", () => {
 
       expect(text.text).toBe("Hello");
       expect(text.originalText).toBe("Hello");
-      expect(text.y).toBe(57.5);
-      expect(text.x).toBe(rectangle.x + BOUND_TEXT_PADDING);
-      expect(text.height).toBe(APPROX_LINE_HEIGHT);
-      expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
+      expect(text.height).toBe(24);
+      expect(text.width).toBe(50);
+      expect(text.y).toBe(
+        rectangle.y + h.elements[0].height / 2 - text.height / 2,
+      );
+      expect(text.x).toBe(30);
     });
 
     it("should unbind bound text when unbind action from context menu is triggered", async () => {
@@ -915,8 +864,8 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          109.5,
-          17,
+          85,
+          5,
         ]
       `);
 
@@ -942,7 +891,7 @@ describe("textWysiwyg", () => {
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
           15,
-          90,
+          66,
         ]
       `);
 
@@ -965,7 +914,7 @@ describe("textWysiwyg", () => {
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
-          424,
+          375,
           -539,
         ]
       `);
@@ -1080,9 +1029,9 @@ describe("textWysiwyg", () => {
       mouse.moveTo(rectangle.x + 100, rectangle.y + 50);
       mouse.up(rectangle.x + 100, rectangle.y + 50);
       expect(rectangle.x).toBe(80);
-      expect(rectangle.y).toBe(85);
-      expect(text.x).toBe(89.5);
-      expect(text.y).toBe(90);
+      expect(rectangle.y).toBe(-35);
+      expect(text.x).toBe(85);
+      expect(text.y).toBe(-30);
 
       Keyboard.withModifierKeys({ ctrl: true }, () => {
         Keyboard.keyPress(KEYS.Z);
@@ -1112,29 +1061,6 @@ describe("textWysiwyg", () => {
     });
 
     it("should restore original container height and clear cache once text is unbind", async () => {
-      jest
-        .spyOn(textElementUtils, "measureText")
-        .mockImplementation((text, font, maxWidth) => {
-          let width = INITIAL_WIDTH;
-          let height = APPROX_LINE_HEIGHT;
-          let baseline = 10;
-          if (!text) {
-            return {
-              width,
-              height,
-              baseline,
-            };
-          }
-          baseline = 30;
-          width = DUMMY_WIDTH;
-          height = APPROX_LINE_HEIGHT * 5;
-
-          return {
-            width,
-            height,
-            baseline,
-          };
-        });
       const originalRectHeight = rectangle.height;
       expect(rectangle.height).toBe(originalRectHeight);
 
@@ -1148,7 +1074,7 @@ describe("textWysiwyg", () => {
         target: { value: "Online whiteboard collaboration made easy" },
       });
       editor.blur();
-      expect(rectangle.height).toBe(135);
+      expect(rectangle.height).toBe(178);
       mouse.select(rectangle);
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
@@ -1174,7 +1100,7 @@ describe("textWysiwyg", () => {
       editor.blur();
 
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
-      expect(rectangle.height).toBe(215);
+      expect(rectangle.height).toBe(156);
       expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(null);
 
       mouse.select(rectangle);
@@ -1186,13 +1112,12 @@ describe("textWysiwyg", () => {
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
-      expect(rectangle.height).toBe(215);
+      expect(rectangle.height).toBe(156);
       // cache updated again
-      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(215);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(156);
     });
 
-    //@todo fix this test later once measureText is mocked correctly
-    it.skip("should reset the container height cache when font properties updated", async () => {
+    it("should reset the container height cache when font properties updated", async () => {
       Keyboard.keyPress(KEYS.ENTER);
       expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
 
@@ -1218,7 +1143,9 @@ describe("textWysiwyg", () => {
       expect(
         (h.elements[1] as ExcalidrawTextElementWithContainer).fontSize,
       ).toEqual(36);
-      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(
+        96.39999999999999,
+      );
     });
 
     describe("should align correctly", () => {
@@ -1256,7 +1183,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
-            94.5,
+            30,
             25,
           ]
         `);
@@ -1268,7 +1195,7 @@ describe("textWysiwyg", () => {
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
-            174,
+            45,
             25,
           ]
         `);
@@ -1280,7 +1207,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             15,
-            25,
+            45.5,
           ]
         `);
       });
@@ -1291,8 +1218,8 @@ describe("textWysiwyg", () => {
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
-            -25,
-            25,
+            30,
+            45.5,
           ]
         `);
       });
@@ -1303,8 +1230,8 @@ describe("textWysiwyg", () => {
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
-            174,
-            25,
+            45,
+            45.5,
           ]
         `);
       });
@@ -1314,33 +1241,33 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align bottom"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              15,
-              25,
-            ]
-          `);
+          Array [
+            15,
+            66,
+          ]
+        `);
       });
 
       it("when bottom center", async () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              94.5,
-              25,
-            ]
-          `);
+          Array [
+            30,
+            66,
+          ]
+        `);
       });
 
       it("when bottom right", async () => {
         fireEvent.click(screen.getByTitle("Right"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-            Array [
-              174,
-              25,
-            ]
-          `);
+          Array [
+            45,
+            66,
+          ]
+        `);
       });
     });
   });
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 1ce43b4d1..f44bab891 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -11,7 +11,7 @@ import {
   isBoundToContainer,
   isTextElement,
 } from "./typeChecks";
-import { CLASSES, VERTICAL_ALIGN } from "../constants";
+import { CLASSES, isFirefox, isSafari, VERTICAL_ALIGN } from "../constants";
 import {
   ExcalidrawElement,
   ExcalidrawLinearElement,
@@ -29,6 +29,7 @@ import {
   getContainerElement,
   getTextElementAngle,
   getTextWidth,
+  measureText,
   normalizeText,
   redrawTextBoundingBox,
   wrapText,
@@ -159,7 +160,7 @@ export const textWysiwyg = ({
       let maxWidth = updatedTextElement.width;
 
       let maxHeight = updatedTextElement.height;
-      const width = updatedTextElement.width;
+      let textElementWidth = updatedTextElement.width;
       // Set to element height by default since that's
       // what is going to be used for unbounded text
       let textElementHeight = updatedTextElement.height;
@@ -272,7 +273,10 @@ export const textWysiwyg = ({
       if (!container) {
         maxWidth = (appState.width - 8 - viewportX) / appState.zoom.value;
       }
-
+      // As firefox, Safari needs little higher dimensions on DOM
+      if (isFirefox || isSafari) {
+        textElementWidth += 0.5;
+      }
       // Make sure text editor height doesn't go beyond viewport
       const editorMaxHeight =
         (appState.height - viewportY) / appState.zoom.value;
@@ -280,12 +284,12 @@ export const textWysiwyg = ({
         font: getFontString(updatedTextElement),
         // must be defined *after* font ¯\_(ツ)_/¯
         lineHeight: `${lineHeight}px`,
-        width: `${Math.min(width, maxWidth)}px`,
+        width: `${textElementWidth}px`,
         height: `${textElementHeight}px`,
         left: `${viewportX}px`,
         top: `${viewportY}px`,
         transform: getTransform(
-          width,
+          textElementWidth,
           textElementHeight,
           getTextElementAngle(updatedTextElement),
           appState,
@@ -378,55 +382,16 @@ export const textWysiwyg = ({
         id,
       ) as ExcalidrawTextElement;
       const font = getFontString(updatedTextElement);
-      // using scrollHeight here since we need to calculate
-      // number of lines so cannot use editable.style.height
-      // as that gets updated below
-      // Rounding here so that the lines calculated is more accurate in all browsers.
-      // The scrollHeight and approxLineHeight differs in diff browsers
-      // eg it gives 1.05 in firefox for handewritten small font due to which
-      // height gets updated as lines > 1 and leads to jumping text for first line in bound container
-      // hence rounding here to avoid that
-      const lines = Math.round(
-        editable.scrollHeight / getApproxLineHeight(font),
-      );
-      // auto increase height only when lines  > 1 so its
-      // measured correctly and vertically aligns for
-      // first line as well as setting height to "auto"
-      // doubles the height as soon as user starts typing
-      if (isBoundToContainer(element) && lines > 1) {
+      if (isBoundToContainer(element)) {
         const container = getContainerElement(element);
-
-        let height = "auto";
-        editable.style.height = "0px";
-        let heightSet = false;
-        if (lines === 2) {
-          const actualLineCount = wrapText(
-            editable.value,
-            font,
-            getMaxContainerWidth(container!),
-          ).split("\n").length;
-          // This is browser behaviour when setting height to "auto"
-          // It sets the height needed for 2 lines even if actual
-          // line count is 1 as mentioned above as well
-          // hence reducing the height by half if actual line count is 1
-          // so single line aligns vertically when deleting
-          if (actualLineCount === 1) {
-            height = `${editable.scrollHeight / 2}px`;
-            editable.style.height = height;
-            heightSet = true;
-          }
-        }
         const wrappedText = wrapText(
           normalizeText(editable.value),
           font,
           getMaxContainerWidth(container!),
         );
-        const width = getTextWidth(wrappedText, font);
+        const { width, height } = measureText(wrappedText, font);
         editable.style.width = `${width}px`;
-
-        if (!heightSet) {
-          editable.style.height = `${editable.scrollHeight}px`;
-        }
+        editable.style.height = `${height}px`;
       }
       onChange(normalizeText(editable.value));
     };
diff --git a/src/element/types.ts b/src/element/types.ts
index 01dee1fe1..af78f771e 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -130,7 +130,6 @@ export type ExcalidrawTextElement = _ExcalidrawElementBase &
     fontSize: number;
     fontFamily: FontFamilyValues;
     text: string;
-    baseline: number;
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
     containerId: ExcalidrawGenericElement["id"] | null;
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 39173d7b5..919fb99a0 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -36,13 +36,11 @@ import {
   MAX_DECIMALS_FOR_SVG_EXPORT,
   MIME_TYPES,
   SVG_NS,
-  VERTICAL_ALIGN,
 } from "../constants";
 import { getStroke, StrokeOptions } from "perfect-freehand";
 import {
   getApproxLineHeight,
   getBoundTextElement,
-  getBoundTextElementOffset,
   getContainerElement,
 } from "../element/textElement";
 import { LinearElementEditor } from "../element/linearElementEditor";
@@ -280,22 +278,19 @@ const drawElementOnCanvas = (
         const lineHeight = element.containerId
           ? getApproxLineHeight(getFontString(element))
           : element.height / lines.length;
-        let verticalOffset = element.height - element.baseline;
-        if (element.verticalAlign === VERTICAL_ALIGN.BOTTOM) {
-          verticalOffset = getBoundTextElementOffset(element);
-        }
-
         const horizontalOffset =
           element.textAlign === "center"
             ? element.width / 2
             : element.textAlign === "right"
             ? element.width
             : 0;
+        context.textBaseline = "bottom";
+
         for (let index = 0; index < lines.length; index++) {
           context.fillText(
             lines[index],
             horizontalOffset,
-            (index + 1) * lineHeight - verticalOffset,
+            (index + 1) * lineHeight,
           );
         }
         context.restore();
@@ -1300,7 +1295,7 @@ export const renderElementToSvg = (
         );
         const lines = element.text.replace(/\r\n?/g, "\n").split("\n");
         const lineHeight = element.height / lines.length;
-        const verticalOffset = element.height - element.baseline;
+        const verticalOffset = element.height;
         const horizontalOffset =
           element.textAlign === "center"
             ? element.width / 2
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index bebfda9da..5ea0ab4b1 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Test Linear Elements Test bound text element should match styles for te
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 1px; height: 0px; left: 39.5px; top: 20px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -20px; font: Emoji 20px 20px; line-height: 0px; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10px; height: 24px; left: 35px; top: 8px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -8px; font: Emoji 20px 20px; line-height: 24px; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index 8af4f83c9..b88803cd4 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -282,7 +282,6 @@ exports[`restoreElements should restore text element correctly passing value for
 Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "baseline": 0,
   "boundElements": Array [],
   "containerId": null,
   "fillStyle": "hachure",
@@ -312,8 +311,8 @@ Object {
   "versionNonce": 0,
   "verticalAlign": "middle",
   "width": 100,
-  "x": -0.5,
-  "y": 0,
+  "x": -20,
+  "y": -8.4,
 }
 `;
 
@@ -321,7 +320,6 @@ exports[`restoreElements should restore text element correctly with unknown font
 Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "baseline": 0,
   "boundElements": Array [],
   "containerId": null,
   "fillStyle": "hachure",
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index 3e5ebb8cc..a606fb384 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -1031,7 +1031,7 @@ describe("Test Linear Elements", () => {
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
         Object {
-          "height": 10,
+          "height": 128,
           "width": 367,
         }
       `);
@@ -1039,8 +1039,8 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 386.5,
-          "y": 70,
+          "x": 272,
+          "y": 46,
         }
       `);
       expect((h.elements[1] as ExcalidrawTextElementWithContainer).text)
@@ -1052,11 +1052,11 @@ describe("Test Linear Elements", () => {
         .toMatchInlineSnapshot(`
         Array [
           20,
-          60,
-          391.8122896842806,
-          70,
+          36,
+          502,
+          94,
           205.9061448421403,
-          65,
+          53,
         ]
       `);
     });
@@ -1090,7 +1090,7 @@ describe("Test Linear Elements", () => {
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
         Object {
-          "height": 0,
+          "height": 128,
           "width": 340,
         }
       `);
@@ -1098,8 +1098,8 @@ describe("Test Linear Elements", () => {
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
         Object {
-          "x": 189.5,
-          "y": 20,
+          "x": 75,
+          "y": -4,
         }
       `);
       expect(textElement.text).toMatchInlineSnapshot(`

From 0e95e2b3867c63a90f8878c74e86653e07520ed5 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 23 Feb 2023 17:39:02 +0530
Subject: [PATCH 085/252] fix: compute container height from bound text
 correctly (#6273)

* fix: compute container height from bound text correctly

* fix specs

* Add tests
---
 src/element/textElement.test.ts |  4 +-
 src/element/textElement.ts      |  8 +++-
 src/tests/clipboard.test.tsx    | 70 +++++++++++++++++++++++++++++++++
 3 files changed, 78 insertions(+), 4 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 6ea7f2bae..87219b298 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -233,7 +233,7 @@ describe("Test measureText", () => {
         type: "ellipse",
         ...params,
       });
-      expect(computeContainerHeightForBoundText(element, 150)).toEqual(212);
+      expect(computeContainerHeightForBoundText(element, 150)).toEqual(226);
     });
 
     it("should compute container height correctly for diamond", () => {
@@ -241,7 +241,7 @@ describe("Test measureText", () => {
         type: "diamond",
         ...params,
       });
-      expect(computeContainerHeightForBoundText(element, 150)).toEqual(300);
+      expect(computeContainerHeightForBoundText(element, 150)).toEqual(320);
     });
   });
 
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index e5451bc42..4d9fa5eb5 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -280,6 +280,8 @@ export const getApproxLineHeight = (font: FontString) => {
     return cacheApproxLineHeight[font];
   }
   const fontSize = parseInt(font);
+
+  // Calculate line height relative to font size
   cacheApproxLineHeight[font] = fontSize * 1.2;
   return cacheApproxLineHeight[font];
 };
@@ -727,13 +729,15 @@ export const computeContainerHeightForBoundText = (
   boundTextElementHeight: number,
 ) => {
   if (container.type === "ellipse") {
-    return Math.round((boundTextElementHeight / Math.sqrt(2)) * 2);
+    return Math.round(
+      ((boundTextElementHeight + BOUND_TEXT_PADDING * 2) / Math.sqrt(2)) * 2,
+    );
   }
   if (isArrowElement(container)) {
     return boundTextElementHeight + BOUND_TEXT_PADDING * 8 * 2;
   }
   if (container.type === "diamond") {
-    return 2 * boundTextElementHeight;
+    return 2 * (boundTextElementHeight + BOUND_TEXT_PADDING * 2);
   }
   return boundTextElementHeight + BOUND_TEXT_PADDING * 2;
 };
diff --git a/src/tests/clipboard.test.tsx b/src/tests/clipboard.test.tsx
index 66e5ce744..26fcf4f0b 100644
--- a/src/tests/clipboard.test.tsx
+++ b/src/tests/clipboard.test.tsx
@@ -182,3 +182,73 @@ describe("paste text as a single element", () => {
     });
   });
 });
+
+describe("Paste bound text container", () => {
+  const container = {
+    type: "ellipse",
+    id: "container-id",
+    x: 554.984375,
+    y: 196.0234375,
+    width: 166,
+    height: 187.01953125,
+    roundness: { type: 2 },
+    boundElements: [{ type: "text", id: "text-id" }],
+  };
+  const textElement = {
+    type: "text",
+    id: "text-id",
+    x: 560.51171875,
+    y: 202.033203125,
+    width: 154,
+    height: 175,
+    fontSize: 20,
+    fontFamily: 1,
+    text: "Excalidraw is a\nvirtual \nopensource \nwhiteboard for \nsketching \nhand-drawn like\ndiagrams",
+    baseline: 168,
+    textAlign: "center",
+    verticalAlign: "middle",
+    containerId: container.id,
+    originalText:
+      "Excalidraw is a virtual opensource whiteboard for sketching hand-drawn like diagrams",
+  };
+
+  it("should fix ellipse bounding box", async () => {
+    const data = JSON.stringify({
+      type: "excalidraw/clipboard",
+      elements: [container, textElement],
+    });
+    setClipboardText(data);
+    pasteWithCtrlCmdShiftV();
+
+    await waitFor(async () => {
+      await sleep(1);
+      expect(h.elements.length).toEqual(2);
+      const container = h.elements[0];
+      expect(container.height).toBe(354);
+      expect(container.width).toBe(166);
+    });
+  });
+
+  it("should fix diamond bounding box", async () => {
+    const data = JSON.stringify({
+      type: "excalidraw/clipboard",
+      elements: [
+        {
+          ...container,
+          type: "diamond",
+        },
+        textElement,
+      ],
+    });
+    setClipboardText(data);
+    pasteWithCtrlCmdShiftV();
+
+    await waitFor(async () => {
+      await sleep(1);
+      expect(h.elements.length).toEqual(2);
+      const container = h.elements[0];
+      expect(container.height).toBe(740);
+      expect(container.width).toBe(166);
+    });
+  });
+});

From e1dc748aef63199cc19c110b2c898ff2086456b3 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 26 Feb 2023 12:51:44 +0100
Subject: [PATCH 086/252] fix: svg text baseline (#6285

* fix: svg text baseline

* fix for multiline
---
 src/renderer/renderElement.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 919fb99a0..d39b9fbb6 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -1295,7 +1295,6 @@ export const renderElementToSvg = (
         );
         const lines = element.text.replace(/\r\n?/g, "\n").split("\n");
         const lineHeight = element.height / lines.length;
-        const verticalOffset = element.height;
         const horizontalOffset =
           element.textAlign === "center"
             ? element.width / 2
@@ -1313,13 +1312,14 @@ export const renderElementToSvg = (
           const text = svgRoot.ownerDocument!.createElementNS(SVG_NS, "text");
           text.textContent = lines[i];
           text.setAttribute("x", `${horizontalOffset}`);
-          text.setAttribute("y", `${(i + 1) * lineHeight - verticalOffset}`);
+          text.setAttribute("y", `${i * lineHeight}`);
           text.setAttribute("font-family", getFontFamilyString(element));
           text.setAttribute("font-size", `${element.fontSize}px`);
           text.setAttribute("fill", element.strokeColor);
           text.setAttribute("text-anchor", textAnchor);
           text.setAttribute("style", "white-space: pre;");
           text.setAttribute("direction", direction);
+          text.setAttribute("dominant-baseline", "text-before-edge");
           node.appendChild(text);
         }
         root.appendChild(node);

From 38fc51b4e3602b21ac1f2b36bdbf7ffe361e4548 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 27 Feb 2023 16:54:29 +0530
Subject: [PATCH 087/252] fix: text never goes beyond max width for unbound
 text elements (#6288)

---
 src/element/textWysiwyg.test.tsx | 43 +++++++++++++++++++++++++++++---
 src/element/textWysiwyg.tsx      |  6 ++---
 2 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index f234991da..7de71198b 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -3,7 +3,11 @@ import ExcalidrawApp from "../excalidraw-app";
 import { GlobalTestState, render, screen } from "../tests/test-utils";
 import { Keyboard, Pointer, UI } from "../tests/helpers/ui";
 import { CODES, KEYS } from "../keys";
-import { fireEvent } from "../tests/test-utils";
+import {
+  fireEvent,
+  mockBoundingClientRect,
+  restoreOriginalGetBoundingClientRect,
+} from "../tests/test-utils";
 import { queryByText } from "@testing-library/react";
 
 import { FONT_FAMILY } from "../constants";
@@ -221,11 +225,19 @@ describe("textWysiwyg", () => {
 
   describe("Test container-unbound text", () => {
     const { h } = window;
+    const dimensions = { height: 400, width: 800 };
 
     let textarea: HTMLTextAreaElement;
     let textElement: ExcalidrawTextElement;
+
+    beforeAll(() => {
+      mockBoundingClientRect(dimensions);
+    });
+
     beforeEach(async () => {
       await render(<ExcalidrawApp />);
+      //@ts-ignore
+      h.app.refreshDeviceState(h.app.excalidrawContainerRef.current!);
 
       textElement = UI.createElement("text");
 
@@ -235,6 +247,10 @@ describe("textWysiwyg", () => {
       )!;
     });
 
+    afterAll(() => {
+      restoreOriginalGetBoundingClientRect();
+    });
+
     it("should add a tab at the start of the first line", () => {
       const event = new KeyboardEvent("keydown", { key: KEYS.TAB });
       textarea.value = "Line#1\nLine#2";
@@ -433,6 +449,27 @@ describe("textWysiwyg", () => {
       );
       expect(h.state.zoom.value).toBe(1);
     });
+
+    it("text should never go beyond max width", async () => {
+      UI.clickTool("text");
+      mouse.clickAt(750, 300);
+
+      textarea = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      )!;
+      fireEvent.change(textarea, {
+        target: {
+          value:
+            "Excalidraw is an opensource virtual collaborative whiteboard for sketching hand-drawn like diagrams!",
+        },
+      });
+
+      textarea.dispatchEvent(new Event("input"));
+      await new Promise((cb) => setTimeout(cb, 0));
+      textarea.blur();
+      expect(textarea.style.width).toBe("792px");
+      expect(h.elements[0].width).toBe(1000);
+    });
   });
 
   describe("Test container-bound text", () => {
@@ -631,11 +668,11 @@ describe("textWysiwyg", () => {
     ["freedraw", "line"].forEach((type: any) => {
       it(`shouldn't create text element when pressing 'Enter' key on ${type} `, async () => {
         h.elements = [];
-        const elemnet = UI.createElement(type, {
+        const element = UI.createElement(type, {
           width: 100,
           height: 50,
         });
-        API.setSelectedElements([elemnet]);
+        API.setSelectedElements([element]);
         Keyboard.keyPress(KEYS.ENTER);
         expect(h.elements.length).toBe(1);
       });
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index f44bab891..bbe87ed23 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -272,9 +272,9 @@ export const textWysiwyg = ({
         : updatedTextElement.height / lines.length;
       if (!container) {
         maxWidth = (appState.width - 8 - viewportX) / appState.zoom.value;
-      }
-      // As firefox, Safari needs little higher dimensions on DOM
-      if (isFirefox || isSafari) {
+        textElementWidth = Math.min(textElementWidth, maxWidth);
+      } else if (isFirefox || isSafari) {
+        // As firefox, Safari needs little higher dimensions on DOM
         textElementWidth += 0.5;
       }
       // Make sure text editor height doesn't go beyond viewport

From bd4424bbe3e853798b7aac84cb7fef804af1ee62 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 28 Feb 2023 19:53:30 +0530
Subject: [PATCH 088/252] fix: consider arrow for bound text element (#6297)

* fix: consider arrow for bound text element

* add spec
---
 src/components/App.tsx         |  1 -
 src/element/typeChecks.test.ts | 66 ++++++++++++++++++++++++++++++++++
 src/element/typeChecks.ts      |  2 +-
 3 files changed, 67 insertions(+), 2 deletions(-)
 create mode 100644 src/element/typeChecks.test.ts

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 5b9311f8d..24da7d85a 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2767,7 +2767,6 @@ class App extends React.Component<AppProps, AppState> {
       );
       if (container) {
         if (
-          isArrowElement(container) ||
           hasBoundTextElement(container) ||
           !isTransparent(container.backgroundColor) ||
           isHittingElementNotConsideringBoundingBox(container, this.state, [
diff --git a/src/element/typeChecks.test.ts b/src/element/typeChecks.test.ts
new file mode 100644
index 000000000..ab04c29b7
--- /dev/null
+++ b/src/element/typeChecks.test.ts
@@ -0,0 +1,66 @@
+import { API } from "../tests/helpers/api";
+import { hasBoundTextElement } from "./typeChecks";
+
+describe("Test TypeChecks", () => {
+  describe("Test hasBoundTextElement", () => {
+    it("should return true for text bindable containers with bound text", () => {
+      expect(
+        hasBoundTextElement(
+          API.createElement({
+            type: "rectangle",
+            boundElements: [{ type: "text", id: "text-id" }],
+          }),
+        ),
+      ).toBeTruthy();
+
+      expect(
+        hasBoundTextElement(
+          API.createElement({
+            type: "ellipse",
+            boundElements: [{ type: "text", id: "text-id" }],
+          }),
+        ),
+      ).toBeTruthy();
+
+      expect(
+        hasBoundTextElement(
+          API.createElement({
+            type: "arrow",
+            boundElements: [{ type: "text", id: "text-id" }],
+          }),
+        ),
+      ).toBeTruthy();
+
+      expect(
+        hasBoundTextElement(
+          API.createElement({
+            type: "image",
+            boundElements: [{ type: "text", id: "text-id" }],
+          }),
+        ),
+      ).toBeTruthy();
+    });
+
+    it("should return false for text bindable containers without bound text", () => {
+      expect(
+        hasBoundTextElement(
+          API.createElement({
+            type: "freedraw",
+            boundElements: [{ type: "arrow", id: "arrow-id" }],
+          }),
+        ),
+      ).toBeFalsy();
+    });
+
+    it("should return false for non text bindable containers", () => {
+      expect(
+        hasBoundTextElement(
+          API.createElement({
+            type: "freedraw",
+            boundElements: [{ type: "text", id: "text-id" }],
+          }),
+        ),
+      ).toBeFalsy();
+    });
+  });
+});
diff --git a/src/element/typeChecks.ts b/src/element/typeChecks.ts
index a6b6cb2db..0f13648f9 100644
--- a/src/element/typeChecks.ts
+++ b/src/element/typeChecks.ts
@@ -139,7 +139,7 @@ export const hasBoundTextElement = (
   element: ExcalidrawElement | null,
 ): element is MarkNonNullable<ExcalidrawBindableElement, "boundElements"> => {
   return (
-    isBindableElement(element) &&
+    isTextBindableContainer(element) &&
     !!element.boundElements?.some(({ type }) => type === "text")
   );
 };

From d5b264c2d266dab14189c3acb5479e8a2797f6cc Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Mar 2023 14:51:36 +0530
Subject: [PATCH 089/252] build(deps): bump http-cache-semantics from 4.1.0 to
 4.1.1 in /dev-docs (#6192)

Bumps [http-cache-semantics](https://github.com/kornelski/http-cache-semantics) from 4.1.0 to 4.1.1.
- [Release notes](https://github.com/kornelski/http-cache-semantics/releases)
- [Commits](https://github.com/kornelski/http-cache-semantics/compare/v4.1.0...v4.1.1)

---
updated-dependencies:
- dependency-name: http-cache-semantics
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 dev-docs/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index 5aaa9689f..6b1bb178d 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -4376,9 +4376,9 @@ htmlparser2@^8.0.1:
     entities "^4.3.0"
 
 http-cache-semantics@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
-  integrity sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
+  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
 
 http-deceiver@^1.2.7:
   version "1.2.7"

From 15655acb5ab6902d096035f0bad4178fe0893c83 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 3 Mar 2023 12:58:36 +0100
Subject: [PATCH 090/252] fix: use jotai scope for editor-specific atoms
 (#6308)

---
 src/components/ActiveConfirmDialog.tsx      |  2 ++
 src/components/LibraryMenuHeaderContent.tsx |  1 +
 src/tests/shortcuts.test.tsx                | 30 +++++++++++++++++++++
 3 files changed, 33 insertions(+)
 create mode 100644 src/tests/shortcuts.test.tsx

diff --git a/src/components/ActiveConfirmDialog.tsx b/src/components/ActiveConfirmDialog.tsx
index 3c79a5190..44a26e9a6 100644
--- a/src/components/ActiveConfirmDialog.tsx
+++ b/src/components/ActiveConfirmDialog.tsx
@@ -1,6 +1,7 @@
 import { atom, useAtom } from "jotai";
 import { actionClearCanvas } from "../actions";
 import { t } from "../i18n";
+import { jotaiScope } from "../jotai";
 import { useExcalidrawActionManager } from "./App";
 import ConfirmDialog from "./ConfirmDialog";
 
@@ -9,6 +10,7 @@ export const activeConfirmDialogAtom = atom<"clearCanvas" | null>(null);
 export const ActiveConfirmDialog = () => {
   const [activeConfirmDialog, setActiveConfirmDialog] = useAtom(
     activeConfirmDialogAtom,
+    jotaiScope,
   );
   const actionManager = useExcalidrawActionManager();
 
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 43ea96899..8e6b93523 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -48,6 +48,7 @@ export const LibraryMenuHeader: React.FC<{
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
   const [isLibraryMenuOpen, setIsLibraryMenuOpen] = useAtom(
     isLibraryMenuOpenAtom,
+    jotaiScope,
   );
   const renderRemoveLibAlert = useCallback(() => {
     const content = selectedItems.length
diff --git a/src/tests/shortcuts.test.tsx b/src/tests/shortcuts.test.tsx
new file mode 100644
index 000000000..e0b4fcc58
--- /dev/null
+++ b/src/tests/shortcuts.test.tsx
@@ -0,0 +1,30 @@
+import { KEYS } from "../keys";
+import { Excalidraw } from "../packages/excalidraw/entry";
+import { API } from "./helpers/api";
+import { Keyboard } from "./helpers/ui";
+import { fireEvent, render, waitFor } from "./test-utils";
+
+describe("shortcuts", () => {
+  it("Clear canvas shortcut should display confirm dialog", async () => {
+    await render(
+      <Excalidraw
+        initialData={{ elements: [API.createElement({ type: "rectangle" })] }}
+        handleKeyboardGlobally
+      />,
+    );
+
+    expect(window.h.elements.length).toBe(1);
+
+    Keyboard.withModifierKeys({ ctrl: true }, () => {
+      Keyboard.keyDown(KEYS.DELETE);
+    });
+    const confirmDialog = document.querySelector(".confirm-dialog")!;
+    expect(confirmDialog).not.toBe(null);
+
+    fireEvent.click(confirmDialog.querySelector('[aria-label="Confirm"]')!);
+
+    await waitFor(() => {
+      expect(window.h.elements[0].isDeleted).toBe(true);
+    });
+  });
+});

From 1ce933d2f59c1c459b16646a5961fa5d8fd88525 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 3 Mar 2023 17:34:11 +0530
Subject: [PATCH 091/252] fix: compute bounding box correctly for text element
 when multiple element resizing (#6307)

---
 src/element/resizeElements.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 0c0337ed7..05eb630ed 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -693,7 +693,9 @@ const resizeMultipleElements = (
       };
       const fontSize = measureFontSizeFromWidth(
         boundTextElement ?? (element.orig as ExcalidrawTextElement),
-        getMaxContainerWidth(updatedElement),
+        boundTextElement
+          ? getMaxContainerWidth(updatedElement)
+          : updatedElement.width,
       );
 
       if (!fontSize) {

From 0f06fa3851c87f6e2206bcf0a184fabe379f2671 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 3 Mar 2023 17:40:42 +0530
Subject: [PATCH 092/252] feat: create bound container from text (#6301)

* feat: create container from text

* fix lint and spec

* fix

* round off dims

* ceil

* review fixes

* fix

* Add specs

* fix

* fix z-index and type

* consider group

* consider linear bindings

* lint
---
 src/actions/actionBoundText.tsx               | 166 ++++++++++++++++--
 src/actions/types.ts                          |   3 +-
 src/components/App.tsx                        |   2 +
 src/element/textElement.test.ts               |  23 ++-
 src/element/textElement.ts                    |  61 +++----
 src/element/textWysiwyg.test.tsx              |  74 ++++++++
 src/global.d.ts                               |   2 +
 src/locales/en.json                           |   1 +
 .../__snapshots__/contextmenu.test.tsx.snap   |  45 +++++
 9 files changed, 324 insertions(+), 53 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 7849730d8..c3ebc920b 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -1,7 +1,13 @@
-import { VERTICAL_ALIGN } from "../constants";
-import { getNonDeletedElements, isTextElement } from "../element";
+import {
+  BOUND_TEXT_PADDING,
+  ROUNDNESS,
+  TEXT_ALIGN,
+  VERTICAL_ALIGN,
+} from "../constants";
+import { getNonDeletedElements, isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import {
+  computeContainerDimensionForBoundText,
   getBoundTextElement,
   measureText,
   redrawTextBoundingBox,
@@ -13,8 +19,11 @@ import {
 import {
   hasBoundTextElement,
   isTextBindableContainer,
+  isUsingAdaptiveRadius,
 } from "../element/typeChecks";
 import {
+  ExcalidrawElement,
+  ExcalidrawLinearElement,
   ExcalidrawTextContainer,
   ExcalidrawTextElement,
 } from "../element/types";
@@ -129,19 +138,152 @@ export const actionBindText = register({
       }),
     });
     redrawTextBoundingBox(textElement, container);
-    const updatedElements = elements.slice();
-    const textElementIndex = updatedElements.findIndex(
-      (ele) => ele.id === textElement.id,
-    );
-    updatedElements.splice(textElementIndex, 1);
-    const containerIndex = updatedElements.findIndex(
-      (ele) => ele.id === container.id,
-    );
-    updatedElements.splice(containerIndex + 1, 0, textElement);
+
     return {
-      elements: updatedElements,
+      elements: pushTextAboveContainer(elements, container, textElement),
       appState: { ...appState, selectedElementIds: { [container.id]: true } },
       commitToHistory: true,
     };
   },
 });
+
+const pushTextAboveContainer = (
+  elements: readonly ExcalidrawElement[],
+  container: ExcalidrawElement,
+  textElement: ExcalidrawTextElement,
+) => {
+  const updatedElements = elements.slice();
+  const textElementIndex = updatedElements.findIndex(
+    (ele) => ele.id === textElement.id,
+  );
+  updatedElements.splice(textElementIndex, 1);
+
+  const containerIndex = updatedElements.findIndex(
+    (ele) => ele.id === container.id,
+  );
+  updatedElements.splice(containerIndex + 1, 0, textElement);
+  return updatedElements;
+};
+
+const pushContainerBelowText = (
+  elements: readonly ExcalidrawElement[],
+  container: ExcalidrawElement,
+  textElement: ExcalidrawTextElement,
+) => {
+  const updatedElements = elements.slice();
+  const containerIndex = updatedElements.findIndex(
+    (ele) => ele.id === container.id,
+  );
+  updatedElements.splice(containerIndex, 1);
+
+  const textElementIndex = updatedElements.findIndex(
+    (ele) => ele.id === textElement.id,
+  );
+  updatedElements.splice(textElementIndex, 0, container);
+  return updatedElements;
+};
+
+export const actionCreateContainerFromText = register({
+  name: "createContainerFromText",
+  contextItemLabel: "labels.createContainerFromText",
+  trackEvent: { category: "element" },
+  predicate: (elements, appState) => {
+    const selectedElements = getSelectedElements(elements, appState);
+    return selectedElements.length === 1 && isTextElement(selectedElements[0]);
+  },
+  perform: (elements, appState) => {
+    const selectedElements = getSelectedElements(
+      getNonDeletedElements(elements),
+      appState,
+    );
+    const updatedElements = elements.slice();
+    if (selectedElements.length === 1 && isTextElement(selectedElements[0])) {
+      const textElement = selectedElements[0];
+      const container = newElement({
+        type: "rectangle",
+        backgroundColor: appState.currentItemBackgroundColor,
+        boundElements: [
+          ...(textElement.boundElements || []),
+          { id: textElement.id, type: "text" },
+        ],
+        angle: textElement.angle,
+        fillStyle: appState.currentItemFillStyle,
+        strokeColor: appState.currentItemStrokeColor,
+        roughness: appState.currentItemRoughness,
+        strokeWidth: appState.currentItemStrokeWidth,
+        strokeStyle: appState.currentItemStrokeStyle,
+        roundness:
+          appState.currentItemRoundness === "round"
+            ? {
+                type: isUsingAdaptiveRadius("rectangle")
+                  ? ROUNDNESS.ADAPTIVE_RADIUS
+                  : ROUNDNESS.PROPORTIONAL_RADIUS,
+              }
+            : null,
+        opacity: 100,
+        locked: false,
+        x: textElement.x - BOUND_TEXT_PADDING,
+        y: textElement.y - BOUND_TEXT_PADDING,
+        width: computeContainerDimensionForBoundText(
+          textElement.width,
+          "rectangle",
+        ),
+        height: computeContainerDimensionForBoundText(
+          textElement.height,
+          "rectangle",
+        ),
+        groupIds: textElement.groupIds,
+      });
+
+      // update bindings
+      if (textElement.boundElements?.length) {
+        const linearElementIds = textElement.boundElements
+          .filter((ele) => ele.type === "arrow")
+          .map((el) => el.id);
+        const linearElements = updatedElements.filter((ele) =>
+          linearElementIds.includes(ele.id),
+        ) as ExcalidrawLinearElement[];
+        linearElements.forEach((ele) => {
+          let startBinding = null;
+          let endBinding = null;
+          if (ele.startBinding) {
+            startBinding = { ...ele.startBinding, elementId: container.id };
+          }
+          if (ele.endBinding) {
+            endBinding = { ...ele.endBinding, elementId: container.id };
+          }
+          mutateElement(ele, { startBinding, endBinding });
+        });
+      }
+
+      mutateElement(textElement, {
+        containerId: container.id,
+        verticalAlign: VERTICAL_ALIGN.MIDDLE,
+        textAlign: TEXT_ALIGN.CENTER,
+        boundElements: null,
+      });
+      redrawTextBoundingBox(textElement, container);
+
+      return {
+        elements: pushContainerBelowText(
+          [...elements, container],
+          container,
+          textElement,
+        ),
+        appState: {
+          ...appState,
+          selectedElementIds: {
+            [container.id]: true,
+            [textElement.id]: false,
+          },
+        },
+        commitToHistory: true,
+      };
+    }
+    return {
+      elements: updatedElements,
+      appState,
+      commitToHistory: true,
+    };
+  },
+});
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 54bd5a26f..baa37eaad 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -113,7 +113,8 @@ export type ActionName =
   | "toggleLock"
   | "toggleLinearEditor"
   | "toggleEraserTool"
-  | "toggleHandTool";
+  | "toggleHandTool"
+  | "createContainerFromText";
 
 export type PanelComponentProps = {
   elements: readonly ExcalidrawElement[];
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 24da7d85a..a8240f127 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -284,6 +284,7 @@ import { actionPaste } from "../actions/actionClipboard";
 import { actionToggleHandTool } from "../actions/actionCanvas";
 import { jotaiStore } from "../jotai";
 import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
+import { actionCreateContainerFromText } from "../actions/actionBoundText";
 
 const deviceContextInitialValue = {
   isSmScreen: false,
@@ -6237,6 +6238,7 @@ class App extends React.Component<AppProps, AppState> {
       actionGroup,
       actionUnbindText,
       actionBindText,
+      actionCreateContainerFromText,
       actionUngroup,
       CONTEXT_MENU_SEPARATOR,
       actionAddToLibrary,
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 87219b298..7bc361b4d 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -1,7 +1,7 @@
 import { BOUND_TEXT_PADDING } from "../constants";
 import { API } from "../tests/helpers/api";
 import {
-  computeContainerHeightForBoundText,
+  computeContainerDimensionForBoundText,
   getContainerCoords,
   getMaxContainerWidth,
   getMaxContainerHeight,
@@ -35,10 +35,11 @@ describe("Test wrapText", () => {
 
   describe("When text doesn't contain new lines", () => {
     const text = "Hello whats up";
+
     [
       {
         desc: "break all words when width of each word is less than container width",
-        width: 90,
+        width: 80,
         res: `Hello 
 whats 
 up`,
@@ -62,7 +63,7 @@ p`,
       {
         desc: "break words as per the width",
 
-        width: 150,
+        width: 140,
         res: `Hello whats 
 up`,
       },
@@ -93,7 +94,7 @@ whats up`;
     [
       {
         desc: "break all words when width of each word is less than container width",
-        width: 90,
+        width: 80,
         res: `Hello
 whats 
 up`,
@@ -214,7 +215,7 @@ describe("Test measureText", () => {
     });
   });
 
-  describe("Test computeContainerHeightForBoundText", () => {
+  describe("Test computeContainerDimensionForBoundText", () => {
     const params = {
       width: 178,
       height: 194,
@@ -225,7 +226,9 @@ describe("Test measureText", () => {
         type: "rectangle",
         ...params,
       });
-      expect(computeContainerHeightForBoundText(element, 150)).toEqual(160);
+      expect(computeContainerDimensionForBoundText(150, element.type)).toEqual(
+        160,
+      );
     });
 
     it("should compute container height correctly for ellipse", () => {
@@ -233,7 +236,9 @@ describe("Test measureText", () => {
         type: "ellipse",
         ...params,
       });
-      expect(computeContainerHeightForBoundText(element, 150)).toEqual(226);
+      expect(computeContainerDimensionForBoundText(150, element.type)).toEqual(
+        226,
+      );
     });
 
     it("should compute container height correctly for diamond", () => {
@@ -241,7 +246,9 @@ describe("Test measureText", () => {
         type: "diamond",
         ...params,
       });
-      expect(computeContainerHeightForBoundText(element, 150)).toEqual(320);
+      expect(computeContainerDimensionForBoundText(150, element.type)).toEqual(
+        320,
+      );
     });
   });
 
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 4d9fa5eb5..a4c494792 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -12,11 +12,7 @@ import { BOUND_TEXT_PADDING, TEXT_ALIGN, VERTICAL_ALIGN } from "../constants";
 import { MaybeTransformHandleType } from "./transformHandles";
 import Scene from "../scene/Scene";
 import { isTextElement } from ".";
-import {
-  isBoundToContainer,
-  isImageElement,
-  isArrowElement,
-} from "./typeChecks";
+import { isBoundToContainer, isArrowElement } from "./typeChecks";
 import { LinearElementEditor } from "./linearElementEditor";
 import { AppState } from "../types";
 import { isTextBindableContainer } from "./typeChecks";
@@ -84,9 +80,9 @@ export const redrawTextBoundingBox = (
 
       let nextHeight = containerDims.height;
       if (metrics.height > maxContainerHeight) {
-        nextHeight = computeContainerHeightForBoundText(
-          container,
+        nextHeight = computeContainerDimensionForBoundText(
           metrics.height,
+          container.type,
         );
         mutateElement(container, { height: nextHeight });
         maxContainerHeight = getMaxContainerHeight(container);
@@ -188,9 +184,9 @@ export const handleBindTextResize = (
     }
     // increase height in case text element height exceeds
     if (nextHeight > maxHeight) {
-      containerHeight = computeContainerHeightForBoundText(
-        container,
+      containerHeight = computeContainerDimensionForBoundText(
         nextHeight,
+        container.type,
       );
 
       const diff = containerHeight - containerDims.height;
@@ -324,7 +320,6 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
   const lines: Array<string> = [];
   const originalLines = text.split("\n");
   const spaceWidth = getLineWidth(" ", font);
-
   const push = (str: string) => {
     if (str.trim()) {
       lines.push(str);
@@ -398,7 +393,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
           const word = words[index];
           currentLineWidthTillNow = getLineWidth(currentLine + word, font);
 
-          if (currentLineWidthTillNow >= maxWidth) {
+          if (currentLineWidthTillNow > maxWidth) {
             push(currentLine);
             currentLineWidthTillNow = 0;
             currentLine = "";
@@ -714,32 +709,34 @@ export const getTextBindableContainerAtPosition = (
   return isTextBindableContainer(hitElement, false) ? hitElement : null;
 };
 
-export const isValidTextContainer = (element: ExcalidrawElement) => {
-  return (
-    element.type === "rectangle" ||
-    element.type === "ellipse" ||
-    element.type === "diamond" ||
-    isImageElement(element) ||
-    isArrowElement(element)
-  );
-};
+const VALID_CONTAINER_TYPES = new Set([
+  "rectangle",
+  "ellipse",
+  "diamond",
+  "image",
+  "arrow",
+]);
 
-export const computeContainerHeightForBoundText = (
-  container: NonDeletedExcalidrawElement,
-  boundTextElementHeight: number,
+export const isValidTextContainer = (element: ExcalidrawElement) =>
+  VALID_CONTAINER_TYPES.has(element.type);
+
+export const computeContainerDimensionForBoundText = (
+  dimension: number,
+  containerType: ExtractSetType<typeof VALID_CONTAINER_TYPES>,
 ) => {
-  if (container.type === "ellipse") {
-    return Math.round(
-      ((boundTextElementHeight + BOUND_TEXT_PADDING * 2) / Math.sqrt(2)) * 2,
-    );
+  dimension = Math.ceil(dimension);
+  const padding = BOUND_TEXT_PADDING * 2;
+
+  if (containerType === "ellipse") {
+    return Math.round(((dimension + padding) / Math.sqrt(2)) * 2);
   }
-  if (isArrowElement(container)) {
-    return boundTextElementHeight + BOUND_TEXT_PADDING * 8 * 2;
+  if (containerType === "arrow") {
+    return dimension + padding * 8;
   }
-  if (container.type === "diamond") {
-    return 2 * (boundTextElementHeight + BOUND_TEXT_PADDING * 2);
+  if (containerType === "diamond") {
+    return 2 * (dimension + padding);
   }
-  return boundTextElementHeight + BOUND_TEXT_PADDING * 2;
+  return dimension + padding;
 };
 
 export const getMaxContainerWidth = (container: ExcalidrawElement) => {
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 7de71198b..48138ea02 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -19,6 +19,7 @@ import { API } from "../tests/helpers/api";
 import { mutateElement } from "./mutateElement";
 import { resize } from "../tests/utils";
 import { getOriginalContainerHeightFromCache } from "./textWysiwyg";
+
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
@@ -1307,5 +1308,78 @@ describe("textWysiwyg", () => {
         `);
       });
     });
+
+    it("should wrap text in a container when wrap text in container triggered from context menu", async () => {
+      UI.clickTool("text");
+      mouse.clickAt(20, 30);
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      fireEvent.change(editor, {
+        target: {
+          value: "Excalidraw is an opensource virtual collaborative whiteboard",
+        },
+      });
+
+      editor.dispatchEvent(new Event("input"));
+      await new Promise((cb) => setTimeout(cb, 0));
+      editor.blur();
+      expect(h.elements[1].width).toBe(600);
+      expect(h.elements[1].height).toBe(24);
+      expect((h.elements[1] as ExcalidrawTextElement).text).toBe(
+        "Excalidraw is an opensource virtual collaborative whiteboard",
+      );
+
+      API.setSelectedElements([h.elements[1]]);
+
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+
+      const contextMenu = document.querySelector(".context-menu");
+      fireEvent.click(
+        queryByText(contextMenu as HTMLElement, "Wrap text in a container")!,
+      );
+      expect(h.elements.length).toBe(3);
+
+      expect(h.elements[1]).toEqual(
+        expect.objectContaining({
+          angle: 0,
+          backgroundColor: "transparent",
+          boundElements: [
+            {
+              id: h.elements[2].id,
+              type: "text",
+            },
+          ],
+          fillStyle: "hachure",
+          groupIds: [],
+          height: 34,
+          isDeleted: false,
+          link: null,
+          locked: false,
+          opacity: 100,
+          roughness: 1,
+          roundness: {
+            type: 3,
+          },
+          strokeColor: "#000000",
+          strokeStyle: "solid",
+          strokeWidth: 1,
+          type: "rectangle",
+          updated: 1,
+          version: 1,
+          width: 610,
+          x: 15,
+          y: 25,
+        }),
+      );
+      expect((h.elements[2] as ExcalidrawTextElement).text).toBe(
+        "Excalidraw is an opensource virtual collaborative whiteboard",
+      );
+    });
   });
 });
diff --git a/src/global.d.ts b/src/global.d.ts
index df7eeb37e..4ccd8f3fe 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -165,3 +165,5 @@ declare module "image-blob-reduce" {
   const reduce: ImageBlobReduce.ImageBlobReduceStatic;
   export = reduce;
 }
+
+type ExtractSetType<T extends Set<any>> = T extends Set<infer U> ? U : never;
diff --git a/src/locales/en.json b/src/locales/en.json
index 31005cb4c..f5ae003f3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Increase font size",
     "unbindText": "Unbind text",
     "bindText": "Bind text to the container",
+    "createContainerFromText": "Wrap text in a container",
     "link": {
       "edit": "Edit link",
       "create": "Create link",
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 326cde0ed..18656edd1 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -119,6 +119,15 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.createContainerFromText",
+        "name": "createContainerFromText",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
@@ -4507,6 +4516,15 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.createContainerFromText",
+        "name": "createContainerFromText",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
@@ -5048,6 +5066,15 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.createContainerFromText",
+        "name": "createContainerFromText",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
@@ -5888,6 +5915,15 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.createContainerFromText",
+        "name": "createContainerFromText",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
@@ -6225,6 +6261,15 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.createContainerFromText",
+        "name": "createContainerFromText",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "element",
+        },
+      },
       Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",

From 05ffce62ef16c0cff9d10d8180b282bd5fdd121d Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 3 Mar 2023 13:20:53 +0100
Subject: [PATCH 093/252] build(deps): bump dns-packet from 5.3.1 to 5.4.0 in
 /src/packages/excalidraw (#6305)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 src/packages/excalidraw/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 09838174b..320b26a54 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -2032,9 +2032,9 @@ dns-equal@^1.0.0:
   integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
 
 dns-packet@^5.2.2:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.3.1.tgz#eb94413789daec0f0ebe2fcc230bdc9d7c91b43d"
-  integrity sha512-spBwIj0TK0Ey3666GwIdWVfUpLyubpU53BTCu8iPn4r4oXd9O14Hjg3EHw3ts2oed77/SeckunUYCyRlSngqHw==
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.4.0.tgz#1f88477cf9f27e78a213fb6d118ae38e759a879b"
+  integrity sha512-EgqGeaBB8hLiHLZtp/IbaDQTL8pZ0+IvwzSHA6d7VyMDM+B9hgddEMa9xjK5oYnw0ci0JQ6g2XCD7/f6cafU6g==
   dependencies:
     "@leichtgewicht/ip-codec" "^2.0.1"
 

From 9f9666110e04122237ee842ae603b5283244d5e9 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 3 Mar 2023 18:01:55 +0530
Subject: [PATCH 094/252] chore: Add debug flag to enable text container
 bounding box (#6296)

* debug: Add debug flag to enable text container bounding box

* newline

* fix
---
 .env.development              |  5 +++++
 src/renderer/renderElement.ts | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/.env.development b/.env.development
index 72b67ecea..397a56565 100644
--- a/.env.development
+++ b/.env.development
@@ -22,3 +22,8 @@ REACT_APP_DEV_ENABLE_SW=
 REACT_APP_DEV_DISABLE_LIVE_RELOAD=
 
 FAST_REFRESH=false
+
+#Debug flags
+
+# To enable bounding box for text containers
+REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index d39b9fbb6..e49a1f465 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -14,6 +14,7 @@ import {
   isFreeDrawElement,
   isInitializedImageElement,
   isArrowElement,
+  hasBoundTextElement,
 } from "../element/typeChecks";
 import {
   getDiamondPoints,
@@ -41,7 +42,10 @@ import { getStroke, StrokeOptions } from "perfect-freehand";
 import {
   getApproxLineHeight,
   getBoundTextElement,
+  getContainerCoords,
   getContainerElement,
+  getMaxContainerHeight,
+  getMaxContainerWidth,
 } from "../element/textElement";
 import { LinearElementEditor } from "../element/linearElementEditor";
 
@@ -811,6 +815,21 @@ const drawElementFromCanvas = (
       elementWithCanvas.canvas!.width / elementWithCanvas.canvasZoom,
       elementWithCanvas.canvas!.height / elementWithCanvas.canvasZoom,
     );
+
+    if (
+      process.env.REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX &&
+      hasBoundTextElement(element)
+    ) {
+      const coords = getContainerCoords(element);
+      context.strokeStyle = "#c92a2a";
+      context.lineWidth = 3;
+      context.strokeRect(
+        (coords.x + renderConfig.scrollX) * window.devicePixelRatio,
+        (coords.y + renderConfig.scrollY) * window.devicePixelRatio,
+        getMaxContainerWidth(element) * window.devicePixelRatio,
+        getMaxContainerHeight(element) * window.devicePixelRatio,
+      );
+    }
   }
   context.restore();
 

From 5c0b15ce2b7f4f3ad80892bff55246a55995778f Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 3 Mar 2023 18:07:26 +0530
Subject: [PATCH 095/252] fix: respect text align when wrapping in a container
 (#6310)

* fix: respect text align when wrapping in a container

* fix
---
 src/actions/actionBoundText.tsx  |  8 +-------
 src/element/textWysiwyg.test.tsx | 27 ++++++++++++++++++++-------
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index c3ebc920b..94384134d 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -1,9 +1,4 @@
-import {
-  BOUND_TEXT_PADDING,
-  ROUNDNESS,
-  TEXT_ALIGN,
-  VERTICAL_ALIGN,
-} from "../constants";
+import { BOUND_TEXT_PADDING, ROUNDNESS, VERTICAL_ALIGN } from "../constants";
 import { getNonDeletedElements, isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import {
@@ -259,7 +254,6 @@ export const actionCreateContainerFromText = register({
       mutateElement(textElement, {
         containerId: container.id,
         verticalAlign: VERTICAL_ALIGN.MIDDLE,
-        textAlign: TEXT_ALIGN.CENTER,
         boundElements: null,
       });
       redrawTextBoundingBox(textElement, container);
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 48138ea02..25d266306 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -10,7 +10,7 @@ import {
 } from "../tests/test-utils";
 import { queryByText } from "@testing-library/react";
 
-import { FONT_FAMILY } from "../constants";
+import { FONT_FAMILY, TEXT_ALIGN, VERTICAL_ALIGN } from "../constants";
 import {
   ExcalidrawTextElement,
   ExcalidrawTextElementWithContainer,
@@ -1324,14 +1324,22 @@ describe("textWysiwyg", () => {
 
       editor.dispatchEvent(new Event("input"));
       await new Promise((cb) => setTimeout(cb, 0));
+
+      editor.select();
+      fireEvent.click(screen.getByTitle("Left"));
+      await new Promise((r) => setTimeout(r, 0));
+
       editor.blur();
-      expect(h.elements[1].width).toBe(600);
-      expect(h.elements[1].height).toBe(24);
-      expect((h.elements[1] as ExcalidrawTextElement).text).toBe(
+
+      const textElement = h.elements[1] as ExcalidrawTextElement;
+      expect(textElement.width).toBe(600);
+      expect(textElement.height).toBe(24);
+      expect(textElement.textAlign).toBe(TEXT_ALIGN.LEFT);
+      expect((textElement as ExcalidrawTextElement).text).toBe(
         "Excalidraw is an opensource virtual collaborative whiteboard",
       );
 
-      API.setSelectedElements([h.elements[1]]);
+      API.setSelectedElements([textElement]);
 
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
@@ -1377,8 +1385,13 @@ describe("textWysiwyg", () => {
           y: 25,
         }),
       );
-      expect((h.elements[2] as ExcalidrawTextElement).text).toBe(
-        "Excalidraw is an opensource virtual collaborative whiteboard",
+      expect(h.elements[2] as ExcalidrawTextElement).toEqual(
+        expect.objectContaining({
+          text: "Excalidraw is an opensource virtual collaborative whiteboard",
+          verticalAlign: VERTICAL_ALIGN.MIDDLE,
+          textAlign: TEXT_ALIGN.LEFT,
+          boundElements: null,
+        }),
       );
     });
   });

From 34a7d48b95ed87fce59cf0ab061e27f3575ac996 Mon Sep 17 00:00:00 2001
From: Omar Brikaa <brikaaomar@gmail.com>
Date: Fri, 3 Mar 2023 14:50:18 +0200
Subject: [PATCH 096/252] fix: provide HelpButton title prop (#6209)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/HelpButton.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/HelpButton.tsx b/src/components/HelpButton.tsx
index 40c130271..ce387244c 100644
--- a/src/components/HelpButton.tsx
+++ b/src/components/HelpButton.tsx
@@ -1,7 +1,7 @@
+import { t } from "../i18n";
 import { HelpIcon } from "./icons";
 
 type HelpButtonProps = {
-  title?: string;
   name?: string;
   id?: string;
   onClick?(): void;
@@ -12,8 +12,8 @@ export const HelpButton = (props: HelpButtonProps) => (
     className="help-icon"
     onClick={props.onClick}
     type="button"
-    title={`${props.title} — ?`}
-    aria-label={props.title}
+    title={`${t("helpDialog.title")} — ?`}
+    aria-label={t("helpDialog.title")}
   >
     {HelpIcon}
   </button>

From 3322f0fa6f4d65b84cbb3162accd039705e170ec Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 3 Mar 2023 14:45:29 +0100
Subject: [PATCH 097/252] build(deps): bump @sideway/formula from 3.0.0 to
 3.0.1 in /dev-docs (#6309)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 dev-docs/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index 6b1bb178d..f6d61d9b6 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -1785,9 +1785,9 @@
     "@hapi/hoek" "^9.0.0"
 
 "@sideway/formula@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.0.tgz#fe158aee32e6bd5de85044be615bc08478a0a13c"
-  integrity sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f"
+  integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
 
 "@sideway/pinpoint@^2.0.0":
   version "2.0.0"

From cef6094d4c597c0a0f592f0abe46ac3bfae9ba1a Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 3 Mar 2023 16:19:02 +0100
Subject: [PATCH 098/252] fix: more jotai scopes missing (#6313)

---
 src/components/ConfirmDialog.tsx          | 3 ++-
 src/components/Dialog.tsx                 | 3 ++-
 src/components/main-menu/DefaultItems.tsx | 6 +++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/ConfirmDialog.tsx b/src/components/ConfirmDialog.tsx
index 9a1a91039..aebb42de7 100644
--- a/src/components/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog.tsx
@@ -6,6 +6,7 @@ import DialogActionButton from "./DialogActionButton";
 import { useSetAtom } from "jotai";
 import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
 import { useExcalidrawSetAppState } from "./App";
+import { jotaiScope } from "../jotai";
 
 interface Props extends Omit<DialogProps, "onCloseRequest"> {
   onConfirm: () => void;
@@ -24,7 +25,7 @@ const ConfirmDialog = (props: Props) => {
     ...rest
   } = props;
   const setAppState = useExcalidrawSetAppState();
-  const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom);
+  const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom, jotaiScope);
 
   return (
     <Dialog
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index 35013f839..24a078dd5 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -16,6 +16,7 @@ import { AppState } from "../types";
 import { queryFocusableElements } from "../utils";
 import { useSetAtom } from "jotai";
 import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
+import { jotaiScope } from "../jotai";
 
 export interface DialogProps {
   children: React.ReactNode;
@@ -72,7 +73,7 @@ export const Dialog = (props: DialogProps) => {
   }, [islandNode, props.autofocus]);
 
   const setAppState = useExcalidrawSetAppState();
-  const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom);
+  const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom, jotaiScope);
 
   const onClose = () => {
     setAppState({ openMenu: null });
diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index b3cc23b90..d02719a2c 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -31,6 +31,7 @@ import "./DefaultItems.scss";
 import clsx from "clsx";
 import { useSetAtom } from "jotai";
 import { activeConfirmDialogAtom } from "../ActiveConfirmDialog";
+import { jotaiScope } from "../../jotai";
 
 export const LoadScene = () => {
   const { t } = useI18n();
@@ -113,7 +114,10 @@ Help.displayName = "Help";
 export const ClearCanvas = () => {
   const { t } = useI18n();
 
-  const setActiveConfirmDialog = useSetAtom(activeConfirmDialogAtom);
+  const setActiveConfirmDialog = useSetAtom(
+    activeConfirmDialogAtom,
+    jotaiScope,
+  );
   const actionManager = useExcalidrawActionManager();
 
   if (!actionManager.isActionEnabled(actionClearCanvas)) {

From 8542c95a7a2b30d88b9a4f71867651fe60a4c7da Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 4 Mar 2023 19:21:57 +0100
Subject: [PATCH 099/252] fix: move utility types out of `.d.ts` file to fix
 exported declaration files (#6315)

---
 src/actions/shortcuts.ts            |  1 +
 src/actions/types.ts                |  1 +
 src/data/blob.ts                    |  1 +
 src/data/restore.ts                 |  1 +
 src/element/bounds.ts               |  1 +
 src/element/collision.ts            |  1 +
 src/element/linearElementEditor.ts  |  1 +
 src/element/mutateElement.ts        |  1 +
 src/element/newElement.ts           |  1 +
 src/element/textElement.ts          |  1 +
 src/element/typeChecks.ts           |  1 +
 src/element/types.ts                |  1 +
 src/excalidraw-app/data/firebase.ts |  1 +
 src/excalidraw-app/index.tsx        |  1 +
 src/global.d.ts                     | 49 -----------------------------
 src/history.ts                      |  1 +
 src/math.ts                         |  1 +
 src/tests/helpers/api.ts            |  1 +
 src/types.ts                        |  1 +
 src/utility-types.ts                | 49 +++++++++++++++++++++++++++++
 src/utils.ts                        |  1 +
 21 files changed, 68 insertions(+), 49 deletions(-)
 create mode 100644 src/utility-types.ts

diff --git a/src/actions/shortcuts.ts b/src/actions/shortcuts.ts
index ba66c5a75..be48c6470 100644
--- a/src/actions/shortcuts.ts
+++ b/src/actions/shortcuts.ts
@@ -1,5 +1,6 @@
 import { isDarwin } from "../constants";
 import { t } from "../i18n";
+import { SubtypeOf } from "../utility-types";
 import { getShortcutKey } from "../utils";
 import { ActionName } from "./types";
 
diff --git a/src/actions/types.ts b/src/actions/types.ts
index baa37eaad..e46cd2ab8 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -6,6 +6,7 @@ import {
   ExcalidrawProps,
   BinaryFiles,
 } from "../types";
+import { MarkOptional } from "../utility-types";
 
 export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api";
 
diff --git a/src/data/blob.ts b/src/data/blob.ts
index 473042b56..35c040ef3 100644
--- a/src/data/blob.ts
+++ b/src/data/blob.ts
@@ -7,6 +7,7 @@ import { CanvasError } from "../errors";
 import { t } from "../i18n";
 import { calculateScrollCenter } from "../scene";
 import { AppState, DataURL, LibraryItem } from "../types";
+import { ValueOf } from "../utility-types";
 import { bytesToHexString } from "../utils";
 import { FileSystemHandle, nativeFileSystemSupported } from "./filesystem";
 import { isValidExcalidrawData, isValidLibrary } from "./json";
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 4434b7bc3..98df4547b 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -34,6 +34,7 @@ import { bumpVersion } from "../element/mutateElement";
 import { getUpdatedTimestamp, updateActiveTool } from "../utils";
 import { arrayToMap } from "../utils";
 import oc from "open-color";
+import { MarkOptional, Mutable } from "../utility-types";
 
 type RestoredAppState = Omit<
   AppState,
diff --git a/src/element/bounds.ts b/src/element/bounds.ts
index 2eab1d93d..3245ca3fc 100644
--- a/src/element/bounds.ts
+++ b/src/element/bounds.ts
@@ -23,6 +23,7 @@ import {
 import { rescalePoints } from "../points";
 import { getBoundTextElement, getContainerElement } from "./textElement";
 import { LinearElementEditor } from "./linearElementEditor";
+import { Mutable } from "../utility-types";
 
 // x and y position of top left corner, x and y position of bottom right corner
 export type Bounds = readonly [number, number, number, number];
diff --git a/src/element/collision.ts b/src/element/collision.ts
index 54540ae5e..097b76d34 100644
--- a/src/element/collision.ts
+++ b/src/element/collision.ts
@@ -38,6 +38,7 @@ import { isTextElement } from ".";
 import { isTransparent } from "../utils";
 import { shouldShowBoundingBox } from "./transformHandles";
 import { getBoundTextElement } from "./textElement";
+import { Mutable } from "../utility-types";
 
 const isElementDraggableFromInside = (
   element: NonDeletedExcalidrawElement,
diff --git a/src/element/linearElementEditor.ts b/src/element/linearElementEditor.ts
index 5c478515d..aedc25974 100644
--- a/src/element/linearElementEditor.ts
+++ b/src/element/linearElementEditor.ts
@@ -41,6 +41,7 @@ import { shouldRotateWithDiscreteAngle } from "../keys";
 import { getBoundTextElement, handleBindTextResize } from "./textElement";
 import { getShapeForElement } from "../renderer/renderElement";
 import { DRAGGING_THRESHOLD } from "../constants";
+import { Mutable } from "../utility-types";
 
 const editorMidPointsCache: {
   version: number | null;
diff --git a/src/element/mutateElement.ts b/src/element/mutateElement.ts
index 52038c163..1c3d66121 100644
--- a/src/element/mutateElement.ts
+++ b/src/element/mutateElement.ts
@@ -5,6 +5,7 @@ import { getSizeFromPoints } from "../points";
 import { randomInteger } from "../random";
 import { Point } from "../types";
 import { getUpdatedTimestamp } from "../utils";
+import { Mutable } from "../utility-types";
 
 type ElementUpdate<TElement extends ExcalidrawElement> = Omit<
   Partial<TElement>,
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 0c7c90d2b..0fe16b553 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -32,6 +32,7 @@ import {
 } from "./textElement";
 import { VERTICAL_ALIGN } from "../constants";
 import { isArrowElement } from "./typeChecks";
+import { MarkOptional, Merge, Mutable } from "../utility-types";
 
 type ElementConstructorOpts = MarkOptional<
   Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">,
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index a4c494792..18b96790b 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -23,6 +23,7 @@ import {
   resetOriginalContainerCache,
   updateOriginalContainerCache,
 } from "./textWysiwyg";
+import { ExtractSetType } from "../utility-types";
 
 export const normalizeText = (text: string) => {
   return (
diff --git a/src/element/typeChecks.ts b/src/element/typeChecks.ts
index 0f13648f9..164fafe68 100644
--- a/src/element/typeChecks.ts
+++ b/src/element/typeChecks.ts
@@ -1,5 +1,6 @@
 import { ROUNDNESS } from "../constants";
 import { AppState } from "../types";
+import { MarkNonNullable } from "../utility-types";
 import {
   ExcalidrawElement,
   ExcalidrawTextElement,
diff --git a/src/element/types.ts b/src/element/types.ts
index af78f771e..e99b7e897 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -6,6 +6,7 @@ import {
   THEME,
   VERTICAL_ALIGN,
 } from "../constants";
+import { MarkNonNullable, ValueOf } from "../utility-types";
 
 export type ChartType = "bar" | "line";
 export type FillStyle = "hachure" | "cross-hatch" | "solid";
diff --git a/src/excalidraw-app/data/firebase.ts b/src/excalidraw-app/data/firebase.ts
index b6b262497..02e14466f 100644
--- a/src/excalidraw-app/data/firebase.ts
+++ b/src/excalidraw-app/data/firebase.ts
@@ -14,6 +14,7 @@ import { encryptData, decryptData } from "../../data/encryption";
 import { MIME_TYPES } from "../../constants";
 import { reconcileElements } from "../collab/reconciliation";
 import { getSyncableElements, SyncableExcalidrawElement } from ".";
+import { ResolutionType } from "../../utility-types";
 
 // private
 // -----------------------------------------------------------------------------
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 2b9101ad1..1c51637e0 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -85,6 +85,7 @@ import { useAtomWithInitialValue } from "../jotai";
 import { appJotaiStore } from "./app-jotai";
 
 import "./index.scss";
+import { ResolutionType } from "../utility-types";
 
 polyfill();
 
diff --git a/src/global.d.ts b/src/global.d.ts
index 4ccd8f3fe..4a70443d4 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -50,36 +50,6 @@ interface Clipboard extends EventTarget {
   write(data: any[]): Promise<void>;
 }
 
-type Mutable<T> = {
-  -readonly [P in keyof T]: T[P];
-};
-
-type ValueOf<T> = T[keyof T];
-
-type Merge<M, N> = Omit<M, keyof N> & N;
-
-/** utility type to assert that the second type is a subtype of the first type.
- * Returns the subtype. */
-type SubtypeOf<Supertype, Subtype extends Supertype> = Subtype;
-
-type ResolutionType<T extends (...args: any) => any> = T extends (
-  ...args: any
-) => Promise<infer R>
-  ? R
-  : any;
-
-// https://github.com/krzkaczor/ts-essentials
-type MarkOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-type MarkRequired<T, RK extends keyof T> = Exclude<T, RK> &
-  Required<Pick<T, RK>>;
-
-type MarkNonNullable<T, K extends keyof T> = {
-  [P in K]-?: P extends K ? NonNullable<T[P]> : T[P];
-} & { [P in keyof T]: T[P] };
-
-type NonOptional<T> = Exclude<T, undefined>;
-
 // PNG encoding/decoding
 // -----------------------------------------------------------------------------
 type TEXtChunk = { name: "tEXt"; data: Uint8Array };
@@ -101,23 +71,6 @@ declare module "png-chunks-extract" {
 }
 // -----------------------------------------------------------------------------
 
-// -----------------------------------------------------------------------------
-// type getter for interface's callable type
-// src: https://stackoverflow.com/a/58658851/927631
-// -----------------------------------------------------------------------------
-type SignatureType<T> = T extends (...args: infer R) => any ? R : never;
-type CallableType<T extends (...args: any[]) => any> = (
-  ...args: SignatureType<T>
-) => ReturnType<T>;
-// --------------------------------------------------------------------------—
-
-// Type for React.forwardRef --- supply only the first generic argument T
-type ForwardRef<T, P = any> = Parameters<
-  CallableType<React.ForwardRefRenderFunction<T, P>>
->[1];
-
-// --------------------------------------------------------------------------—
-
 interface Blob {
   handle?: import("browser-fs-acces").FileSystemHandle;
   name?: string;
@@ -165,5 +118,3 @@ declare module "image-blob-reduce" {
   const reduce: ImageBlobReduce.ImageBlobReduceStatic;
   export = reduce;
 }
-
-type ExtractSetType<T extends Set<any>> = T extends Set<infer U> ? U : never;
diff --git a/src/history.ts b/src/history.ts
index cc620cae1..d102a7ecc 100644
--- a/src/history.ts
+++ b/src/history.ts
@@ -2,6 +2,7 @@ import { AppState } from "./types";
 import { ExcalidrawElement } from "./element/types";
 import { isLinearElement } from "./element/typeChecks";
 import { deepCopyElement } from "./element/newElement";
+import { Mutable } from "./utility-types";
 
 export interface HistoryEntry {
   appState: ReturnType<typeof clearAppStatePropertiesForHistory>;
diff --git a/src/math.ts b/src/math.ts
index cfa28e230..602fe976c 100644
--- a/src/math.ts
+++ b/src/math.ts
@@ -12,6 +12,7 @@ import {
 } from "./element/types";
 import { getShapeForElement } from "./renderer/renderElement";
 import { getCurvePathOps } from "./element/bounds";
+import { Mutable } from "./utility-types";
 
 export const rotate = (
   x1: number,
diff --git a/src/tests/helpers/api.ts b/src/tests/helpers/api.ts
index 7f3e958ca..a0feab2f2 100644
--- a/src/tests/helpers/api.ts
+++ b/src/tests/helpers/api.ts
@@ -19,6 +19,7 @@ import { newFreeDrawElement, newImageElement } from "../../element/newElement";
 import { Point } from "../../types";
 import { getSelectedElements } from "../../scene/selection";
 import { isLinearElementType } from "../../element/typeChecks";
+import { Mutable } from "../../utility-types";
 
 const readFile = util.promisify(fs.readFile);
 
diff --git a/src/types.ts b/src/types.ts
index 486ec7146..e40476ead 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -31,6 +31,7 @@ import Library from "./data/library";
 import type { FileSystemHandle } from "./data/filesystem";
 import type { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
+import { Merge, ForwardRef } from "./utility-types";
 
 export type Point = Readonly<RoughPoint>;
 
diff --git a/src/utility-types.ts b/src/utility-types.ts
new file mode 100644
index 000000000..b84eb1994
--- /dev/null
+++ b/src/utility-types.ts
@@ -0,0 +1,49 @@
+export type Mutable<T> = {
+  -readonly [P in keyof T]: T[P];
+};
+
+export type ValueOf<T> = T[keyof T];
+
+export type Merge<M, N> = Omit<M, keyof N> & N;
+
+/** utility type to assert that the second type is a subtype of the first type.
+ * Returns the subtype. */
+export type SubtypeOf<Supertype, Subtype extends Supertype> = Subtype;
+
+export type ResolutionType<T extends (...args: any) => any> = T extends (
+  ...args: any
+) => Promise<infer R>
+  ? R
+  : any;
+
+// https://github.com/krzkaczor/ts-essentials
+export type MarkOptional<T, K extends keyof T> = Omit<T, K> &
+  Partial<Pick<T, K>>;
+
+export type MarkRequired<T, RK extends keyof T> = Exclude<T, RK> &
+  Required<Pick<T, RK>>;
+
+export type MarkNonNullable<T, K extends keyof T> = {
+  [P in K]-?: P extends K ? NonNullable<T[P]> : T[P];
+} & { [P in keyof T]: T[P] };
+
+export type NonOptional<T> = Exclude<T, undefined>;
+
+// -----------------------------------------------------------------------------
+// type getter for interface's callable type
+// src: https://stackoverflow.com/a/58658851/927631
+// -----------------------------------------------------------------------------
+export type SignatureType<T> = T extends (...args: infer R) => any ? R : never;
+export type CallableType<T extends (...args: any[]) => any> = (
+  ...args: SignatureType<T>
+) => ReturnType<T>;
+// --------------------------------------------------------------------------—
+
+// Type for React.forwardRef --- supply only the first generic argument T
+export type ForwardRef<T, P = any> = Parameters<
+  CallableType<React.ForwardRefRenderFunction<T, P>>
+>[1];
+
+export type ExtractSetType<T extends Set<any>> = T extends Set<infer U>
+  ? U
+  : never;
diff --git a/src/utils.ts b/src/utils.ts
index b2d85d4d3..61925a606 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -16,6 +16,7 @@ import { AppState, DataURL, LastActiveTool, Zoom } from "./types";
 import { unstable_batchedUpdates } from "react-dom";
 import { SHAPES } from "./shapes";
 import { isEraserActive, isHandToolActive } from "./appState";
+import { ResolutionType } from "./utility-types";
 
 let mockDateTime: string | null = null;
 

From dd4c333925c48009cc1677d9688462141df0aceb Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 9 Mar 2023 13:07:36 +0530
Subject: [PATCH 100/252] fix: add an offset of 0.5px for text editor in
 containers (#6328)

* fix: add an offset of 0.5px for text editor in containers

* fix specs and lint
---
 src/element/textWysiwyg.tsx                               | 5 ++---
 src/tests/__snapshots__/linearElementEditor.test.tsx.snap | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index bbe87ed23..e2810e81d 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -11,7 +11,7 @@ import {
   isBoundToContainer,
   isTextElement,
 } from "./typeChecks";
-import { CLASSES, isFirefox, isSafari, VERTICAL_ALIGN } from "../constants";
+import { CLASSES, VERTICAL_ALIGN } from "../constants";
 import {
   ExcalidrawElement,
   ExcalidrawLinearElement,
@@ -273,8 +273,7 @@ export const textWysiwyg = ({
       if (!container) {
         maxWidth = (appState.width - 8 - viewportX) / appState.zoom.value;
         textElementWidth = Math.min(textElementWidth, maxWidth);
-      } else if (isFirefox || isSafari) {
-        // As firefox, Safari needs little higher dimensions on DOM
+      } else {
         textElementWidth += 0.5;
       }
       // Make sure text editor height doesn't go beyond viewport
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index 5ea0ab4b1..f84eab3a2 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Test Linear Elements Test bound text element should match styles for te
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10px; height: 24px; left: 35px; top: 8px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -8px; font: Emoji 20px 20px; line-height: 24px; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 24px; left: 35px; top: 8px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -8px; font: Emoji 20px 20px; line-height: 24px; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />

From 1eee488dab741ba6d389d25370a264278904938c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 11 Mar 2023 22:15:52 +0100
Subject: [PATCH 101/252] feat: add thai lang support (#6314)

---
 scripts/locales-coverage-description.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/scripts/locales-coverage-description.js b/scripts/locales-coverage-description.js
index 08db5b841..0f9bacfaa 100644
--- a/scripts/locales-coverage-description.js
+++ b/scripts/locales-coverage-description.js
@@ -2,6 +2,9 @@ const fs = require("fs");
 
 const THRESSHOLD = 85;
 
+// we're using BCP 47 language tags as keys
+// e.g. https://gist.github.com/typpo/b2b828a35e683b9bf8db91b5404f1bd1
+
 const crowdinMap = {
   "ar-SA": "en-ar",
   "bg-BG": "en-bg",
@@ -52,6 +55,7 @@ const crowdinMap = {
   "kk-KZ": "en-kk",
   "vi-VN": "en-vi",
   "mr-IN": "en-mr",
+  "th-TH": "en-th",
 };
 
 const flags = {
@@ -104,6 +108,7 @@ const flags = {
   "eu-ES": "🇪🇦",
   "vi-VN": "🇻🇳",
   "mr-IN": "🇮🇳",
+  "th-TH": "🇹🇭",
 };
 
 const languages = {
@@ -156,6 +161,7 @@ const languages = {
   "zh-TW": "繁體中文",
   "vi-VN": "Tiếng Việt",
   "mr-IN": "मराठी",
+  "th-TH": "ภาษาไทย",
 };
 
 const percentages = fs.readFileSync(

From 023313e92f7a0173c06780d4468bc314dcd816ac Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 13 Mar 2023 19:46:09 +0530
Subject: [PATCH 102/252] fix: show error message when measureText API breaks
 in brave (#6336)

* fix: show error message when measureText API breaks in brave

* Add docs

* Add assets

* tweak message

* fix

* tweak message

* add translations

* lint

* fix

* fix

* lint

* lint

* lint please work now

* tweak doc

* fix

* split error component to new file

* add specs

* tweaks

Co-authored-by: David Luzar <luzar.david@gmail.com>

* wrap in div with a width of 30rem

* fix spec

* fix

* Fix typo

---------

Co-authored-by: David Luzar <luzar.david@gmail.com>
Co-authored-by: Daniel J. Geiger <1852529+DanielJGeiger@users.noreply.github.com>
---
 .gitignore                                    |   1 +
 dev-docs/docs/@excalidraw/excalidraw/faq.mdx  |  28 ++++++++
 .../assets/aggressive-block-fingerprint.png   | Bin 0 -> 219629 bytes
 dev-docs/docs/assets/block-fingerprint.png    | Bin 0 -> 272735 bytes
 dev-docs/docs/assets/brave-shield.png         | Bin 0 -> 44781 bytes
 src/components/App.test.tsx                   |  45 +++++++++++++
 src/components/App.tsx                        |  16 ++++-
 src/components/BraveMeasureTextError.tsx      |  42 ++++++++++++
 src/components/ErrorDialog.tsx                |   8 +--
 src/components/LayerUI.tsx                    |   7 +-
 .../__snapshots__/App.test.tsx.snap           |  63 ++++++++++++++++++
 src/constants.ts                              |   3 +
 src/element/textElement.ts                    |  19 +++++-
 src/excalidraw-app/collab/Collab.tsx          |   7 +-
 src/excalidraw-app/index.tsx                  |   7 +-
 src/locales/en.json                           |  18 ++++-
 src/types.ts                                  |   3 +-
 17 files changed, 244 insertions(+), 23 deletions(-)
 create mode 100644 dev-docs/docs/assets/aggressive-block-fingerprint.png
 create mode 100644 dev-docs/docs/assets/block-fingerprint.png
 create mode 100644 dev-docs/docs/assets/brave-shield.png
 create mode 100644 src/components/App.test.tsx
 create mode 100644 src/components/BraveMeasureTextError.tsx
 create mode 100644 src/components/__snapshots__/App.test.tsx.snap

diff --git a/.gitignore b/.gitignore
index 4a3f6f367..e637a8c0f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,4 @@ src/packages/excalidraw/types
 src/packages/excalidraw/example/public/bundle.js
 src/packages/excalidraw/example/public/excalidraw-assets-dev
 src/packages/excalidraw/example/public/excalidraw.development.js
+coverage
diff --git a/dev-docs/docs/@excalidraw/excalidraw/faq.mdx b/dev-docs/docs/@excalidraw/excalidraw/faq.mdx
index 6f0fd30a7..4684d6c79 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/faq.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/faq.mdx
@@ -4,6 +4,34 @@
 
 No, Excalidraw package doesn't come with collaboration built in, since the implementation is specific to each host app. We expose APIs which you can use to communicate with Excalidraw which you can use to implement it. You can check our own implementation [here](https://github.com/excalidraw/excalidraw/blob/master/src/excalidraw-app/index.tsx). Here is a [detailed answer](https://github.com/excalidraw/excalidraw/discussions/3879#discussioncomment-1110524) on how you can achieve the same.
 
+### Turning off Aggressive Anti-Fingerprinting in Brave browser
+
+When *Aggressive Anti-Fingerprinting* is turned on, the `measureText` API breaks which in turn breaks the Text Elements in your drawings. Here is more [info](https://github.com/excalidraw/excalidraw/pull/6336) on the same.
+
+We strongly recommend turning it off. You can follow the steps below on how to do so.
+
+
+1. Open [excalidraw.com](https://excalidraw.com) in Brave and click on the **Shield** button
+![Shield button](../../assets/brave-shield.png)
+
+<div style={{width:'30rem'}}>
+
+2. Once opened, look for **Aggressively Block Fingerprinting**
+
+![Aggresive block fingerprinting](../../assets/aggressive-block-fingerprint.png)
+
+3. Switch to **Block Fingerprinting**
+
+![Block filtering](../../assets/block-fingerprint.png)
+
+4. Thats all. All text elements should be fixed now 🎉
+
+</div>
+
+If disabling this setting doesn't fix the display of text elements, please consider opening an [issue](https://github.com/excalidraw/excalidraw/issues/new) on our GitHub, or message us on [Discord](https://discord.gg/UexuTaE).
+
+
+
 ## Need help?
 
 Check out the existing [Q&A](https://github.com/excalidraw/excalidraw/discussions?discussions_q=label%3Apackage%3Aexcalidraw). If you have any queries or need help, ask us [here](https://github.com/excalidraw/excalidraw/discussions?discussions_q=label%3Apackage%3Aexcalidraw).
diff --git a/dev-docs/docs/assets/aggressive-block-fingerprint.png b/dev-docs/docs/assets/aggressive-block-fingerprint.png
new file mode 100644
index 0000000000000000000000000000000000000000..236a12dbebf029d7b62d57db31f8c15ecff6b4a3
GIT binary patch
literal 219629
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

literal 0
HcmV?d00001

diff --git a/dev-docs/docs/assets/block-fingerprint.png b/dev-docs/docs/assets/block-fingerprint.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbbf4d26d07764d909d888159a3220b9c3a7007e
GIT binary patch
literal 272735
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%0Aky
zJH~uHp#O)|%%^X~Uh6F^0&y0_P~)()wk97iGmA@f+i>gd`lian)WY)Mfj$PN*y?QQ
zw!+3B22KI5TJLHfgQ>(b{;u;2@4mdC{KI`r(g#hY{PQ3V@!uiK>rc+REON2#K4W>#
zwEHpDpJvMy{)$hewQ6TdB@22haAEOVIXhW$Be8a(1GS@}XV~2}-pY-4%~F|giETKX
zi@e?UDB(O}CcRJ5in6oBvbg}LEXB;YaYYOal|<;zujgM=^DEo{9KLQ>z6WOC$&Nf|
z@)_yJt6LN1Lc6X(SyBDkMp8rjr*7#!9xW`weO=eA1JwOF{<BHxW<_wOPO)NBaVLuB
zw<dG@`MW;e(!<MDa91t6KNUL$vUV9J_J(5Z-pXzaa!%7!|1q6qPq#8F?!^;a+M}|_
zid>fur|;fwyB$TdaC4iD^Q#C-iHXk_$rGx-W45eF%+P^3PL%=)@K-*-@dj6`@n5A`
zLgU}RBl-GE!i@?(cw+MEoW7i5jioR=LTN=_;(>oS^S8SvTCIpk8JK2ZThqkb<@{QY
z9gEA0pE2vF&(qb=?{7_M92|T~Xqd%h82MLlmgjJ5a5N)+_;|>`sK77L(D0z6qZpgf
z*1J*hC!aXY>(Av8p{VaRZy;2*<#^wJ{sfM8KkFZpV*I}Q{EjF&-_x%5<-5|Ph44)g
z0xdZA0{N@)>Y%z`o7C_i^anm}^F^8*mh*6gsoEa~ZB7Qbh^N7cx0=e%hF(g=H_+d~
zVix}K^%d?1o2hxYxQCE@h>yhmllV*s{gc<^7=Y`mZDF@e`8eI1+uPqjz?xX)&2QFV
zr9-G1RTCja+C~4i9XM|1RylwOhaPzOmni{blqY@47UvQv*3f&W%3taY{X#%^kkaZO
zTx2Vxjhp_Oj-2m#n)#%uI%x=#{N%2%MBE?JZ2t^A#Mzy|^%}lpfR$y6V&|k(RJ}Jb
z5s5Uv5EieExEDP3`wL&geJiz^q9XE?49J${$LDKop7E883)B5oz5Zk44;bGg+>QwF
zqic^MtE!qNK*uSWg5oJ{wV6;;`sc13+-9z>sunP*AbPE)H2qh{IAcUq7FQx7CDRdD
zz7E4UgCEnIn=KX9IL0Imd-DuXgI`pGgT>)uL)rwoB}J55{u%_>oBY3htx$JhjDOVv
zI3b*)VsH~I4~{(2_niThBbP6Z5HbSz!%~I4&CN~LprHCG<zS4eY{Niysv)}5k)gZf
zML=-BRr=d84qM&iqE_@%9=*(q7m08d3I#*?eDmyXxr~U&+}wx-X5l`Q4Uc!|FESoE
zWNy+!t6l8MN<$}qP59soaao$Tu&2Z{Jh7p|V|uCK2su4D6`JiB9ldI#bKq?&T9sB*
z<r)*$(qaF;Y@y^W4ab@?p1Kxud!SxZqvBy293swge_nh4F%pU7A=xv>1T!!Q-7}=2
zUe^6?nsGGy!8_@-K0GG9gp(h<Q<w7%WAX%A>-Z`<$C9`}!FhMB1<c5Mzf&8ZK<@j!
zoY}W;s-`BZKYFM=f4?B9`b?`xQ<FZ2sdZu3Fn8ThP<Q~S9QR!zUf0twxBRia!kwQ_
z4<X(4FnKuBwL!7*N1zxli`IsD@D0C>*|<1TL=OCDE<cM4PgnxIl!9+5FGn<+t8{d=
zue;vw-3)LRSGvH{A8g0lJ`Y>hp1Wc@XTA72l7!vHx}CkG5`p785N4n~<CiVE;QIAl
z{&=40?As+!!H?zTLJ>n*iV>PnOk&T(JQ#6Q<;uNxhUae(fdx6m1invfDEk}ZHeJtE
zDkVNh`7=;YNX|HDYJzYdC2ZKOf`HSsJ%#KSr_{}ed+8*5slr#-+}3{g)81RpOtg0e
zG0L|qKAS^5$`m?IRX#YYd1BHi>Oo@Ya|}xP^zO=?$jH-rV5`=iHKI1H&VBbsRlz_|
z$gC?XtA4iIJlO~jP&^&yU+keQ85RBOBWEi@K-g2lEIxN2F#`}p2IzAMG+Q~<TOqP^
zx0f}}zvwxg(^b<rCed+sjJNA|oyx5Eer<G|PSUBJpKGj)jPzPObB_!Kj#6<5n{~@L
z#FyF&1G#3hgkM#>2x-szbn2$>E9CgS;?&>+x9W?XN&^e^NWqMi{=sckMZqY=88U-A
zS%>n3ejhdLvJDpo-v4TEggxK%SKCl}`gFl22;4~=?U;$G#5q=V3;(UvIJU0-C3$s6
z<V&l=Y^S>Dr_*Uc2GOi{zRVAM;g(of^~yR$>2uXKZe|p47%yV=m57ic1cL9*uzZAq
zlJLe7!DMhF6keyj<P7vXHVJOU<(>O<kWO!cIq@WIG)sWd7+Hz^8FL$Dtd`C9j_jm=
zh*M`7^E6~8XoS~`So$)MSIh86V_Ia8$VyAp>F_IlFG+HR=kzDBc1`v(w0pR3?-W3A
z|A<)HhslK9;YKHPedCK#GC1K|dsO-)_t`DyFBg{SfH%s3dOL?4*w4F{>hzTx1b|Zn
z^Alb|Hox&3(9<w%9%@oYK0ru~7WUS351SOZV4B%a_n1-gC~I!ekC-G>1_3YZ>d9|d
zy)<fP;i}ZGzq~$)T2ILjXXcF8G~^bQQ1%7M%$`FEAL7kV#~IzX{ub_j<(u`EIj-0@
zz2b|(lKb<yOhzvK(yb394P&LAdB1*A6it6G@*X@<nf)N7ovr4G8E;WR`I3gT+Se&<
zb&aYbk}uB*>HhPn536jdS$gqSTcHd=XvXhQ437uz7QPIsW?K(6sl7`wv4=ruMKYOR
z*V+6yw&4r5iry7bSd_wwEe4^FIEM;7SJQv=vAy#Zw>U%A?_WFg?C*?zo3e!Gm2~wC
zQ@gGj#ET>q|2p>K7S7WijY<{~n$N~c6uuy`9$bG%z21lII8<#4(ql*B9rV<^#(_%R
z4bE_X*YLeHho0$~;f15MZ1$WfOMyn~Z&A}QK`@Aw1a1En(xrhwebc)mYVRAfhL1ae
z&H)-JY*AHN!(!Rc>i3w&=EAHQbHc*S@1$s+67gNG+QMd=3$>j`+OnV?X5z4lNKDe*
znFHEyUr2aKI&`K26{c&o14jruU)ijFu9XExvK>*CmhC^;5%<HP(Pa0cFNnqYMW7d6
zxzBQu*|SP~yAD`l1ucD`T#P9hRYC$H{pHs3>@^y-7)+<}1>P7)*p?oMr)L|D@8Hca
z+{T9_hd15&E;TRwqjSclsx}JSRPv&kv*?(5kU@+NgqPyuoX(9-F+m&4*7eUnUdj8y
zlF*30{hC$W8Y@4VV?oT-9i)dTYY7Bn$Fr(6?6rO<5%oyJBqCL-O|Mc*?s}xs8QRb2
zDpU;r-RNi_Hm<PL&IrL!Gu5i$fG?8p!DL~b77GQ|ad*+0)P7#os#<RfpbIZ^=@oA_
z^JNMgCR)fy3;3W<cW#EESrlcqA9TI(ajuS#7l&api??XZ&(90AVEJNMP6NDoi%T0F
z9nAui5IKZqs%?H5j}f@n5oz5%w}f`ONnN%*;je3O7ngXWZ|->0^}yAgU_Dd-Bx?q1
z!SE%r=ONMNg-QR~CWF5-{9P^+)fUFw>gtgxUlI6lH=ztNgpKJIxDs2tyb-DK<6D<I
z@rpa0CN|e}QU8KJ>oSfEv#@kx&-Y3WoZpAoxQo4CO{Qah5zbdN-_u)$7T)8Mz4sOm
z(=jj-`=J%zZ{MMA=b1YX_B9j1i8%6bY*ejTdTDv2WiwGWq8+SxCvvM@A~>6{m$q|s
z>AHhP(?XWhAR6i=u|xPCet%rKki^_~9@k!@$BjhXefp=M&ab`!?zFXvae>B-oij1F
zOi)I!<Ozv<9XGn+4w=|JIq(kGj=v0V;C`SZJq=YQ22mr%@MGlN_vwd2avtyXNo!Ys
zu5mw}Epg8>p4qNx{oJ4(2);x9_DE>zG2nXygU}a*mO@XZ3&SO77*i8X%cN63yI@QA
z)L(QKE6OmGq|JO!N86JEvM#Pz`w!iLqN3Sm7LyT_@!1tNNh0aO{ih0Lx8buUDT}sw
zHXgYg*tUjsS{mcz51*6;y4g&HMkNda7{h+69WJC>KVF_%Wr<P_zdjqR2zXaIf~nTm
zcEz{b$X2-~$U>`Iq@j`n)m>07zx0UIX~(M;dB!vVRGbj&Mo?I`*QAyx0AQ{%xY&;D
zMQec}O>UlP^3Q<wX<E)K_qyksT&gq|<;mEkq)!D?uAWv-Iq`-wT83hIm+{+jgfFG|
z{6>-x77F3)d~^y(yK9_OzI@`0L&_I8-JvNTjT)!0U$?_6x+m~<uW*Eg)<`(WSx-G@
z<g+`O@MTXuz^ZA)lKmV?f36O|Bbr<A!KY`)<?$u9cFaUOp~1mo5MJ$RUWQc~Cv#sA
zKY2rjw?XBGF=$wJu^j&^9%J@{r1A##25sRp#{l5<tgsO$-ejqonX}%-K?weZOdIwq
zmht^!+)h_3N<=@BX5xEa@Em=#lXi>=sJ6wae54AIkq!PZ|M7jo94FI|wxbn_h1|{>
z4F#DQfvy2@#*e}mSOx67)wr302cOwf_np;iZ^B~EYTVRIvL5EzQW7BtLhNXYP~?;p
zgNLb`HU75Yk72<-0^JGU;+>){gw~BKcfRJn+wSn`K;I6_Gnai2=wt@5!^@9OE2W9t
zBy;$OF)ZuGIru!bBdeL+bg~f$h2WMXEtTLw9)7aP<=!&0=|?yx#Cm*am>vrIDnlJw
zsP@r)&oUA8@RzO6zpt!Rx}j=6Y!vr(bUl8Oh)F8>a}L;~o?GBNFD{}eyGO!jT?8cN
znjBRK?WgBPX+5;kBGJ(g0&-2qMLD5M;AP5S>=T-W^dm~v*CK`Q4qL1oP3uaOQUeSQ
zf^OHC<{N-=J{vr7e_Suze|g0uI`^piC$Ov>&OHjj2~}z{k`{;?rDk3P)}LqcYrhoQ
z`$58`k%^}4JlD%9*Z1w``_$<J1eCe}fc}kU6x*s|$a(8wkK~;n_B-#%L=I=u->+Yu
zy{_eX$>*_24sY{r9T{FIAFq@Q;8S0}tB^=Qb(li11)F!XRgHUzMl5UB?$X)sSxSV?
z>1+^Qy|NlGJ0KvnP}-k(gxod3EY?p*T23-dUscJ;QOk;INQ$@Mutbo|eqz>^1IeP<
zWhzu5HotyNVGTzAY}2*w9_P>=Xf@O3gp_{<`)0ZQ3H-Q*N!Jl?NtR(->K#~?#ehio
zjKpaPN;C2e@RP#%_cG7=^UymWCQYj?NXy`JTHn*xviQP1UM9USuFn-FZV<mPWpP#{
zoL_3Dce}z;&AZnW2rk8$1ecJ7;avx04K<dk<>95l0TC~*$8XXq9K%;v$p_C>H)}k6
z!zoGRmU}Ehqy?_fYI!N|DJEv8I~tdvO|T#e<*Q!|qJOsk8Sd`k99NJF=w&rf&Z{!o
z>(k_pufd0Ad>7a7T>4`$Nho^I%E)KIVhexmxe=fguF=$nbSr;5?921VAJ987P@j(P
zd=ad{WEPz>>WQz+4@M6!jtn|ml5k!noz%>f%<>ky(=}mQA71hdS_t@H<rwJk*15uI
zCHi=ILzVm(^fMXBZtDd{hnS}rfu`KO%=0u7Qj%`;13cfwYTN>jo<*`JYE+!cD8#{d
zf<%)wB?rm3P#QXU6v4?|{Cd;K;q(GaZPKrJD_z5+tSqnt$$zce-$DWd`2t*$p3Y@G
zxi<Y=UfhPLMv!lp+}o^q)|<+%S(F}2O}C!n0R(3Isz5FZNcd%Gp%9T*xVfl-Pe1L;
zUwH12lqF&e>cJgtLxQekYz|QhYv2v@uOr~uI>|4r^UGlO%~<I~R@<os9NKow2v_U%
zd0CHhm&Q0ze9VhivY1)IJda&iRIwOuK<^(J2J&e@UDvbVij%*<+T@)->n4#jjQXAd
zL4DP>W`KjsvXuDwiJZ?_T^8-`Z$Y_27H7$cb*T9L3BU4qj09zUW0AE-0$q_7`E#}C
zOy~{{dAnFRS?e$Bu<QxZ9WjXxqbJ|cBnG+MBgOQ^j`zAT3RVJ|(TUVxS;|E|tLqdM
z$#E$-!UH5udT)b%B$ZUj_$NwT1?&EJPafjTu=YVnnTVlZ(-u<tlbtnMuz(0B%K(H~
z-@D(zINo3tIEf5+iz_WX^!Q7o#tNE;sKz4J|3lqd2gS9m?Sr_xyEGo0KyY{0;6W2K
zxVr>t+#xu@2^!oXctUV@4X(i<!0gVs=YIFx`KG4kpI_Bf?ds~J*-PKG)+^8Ru6<(J
zxb#U!$IUn-0vd$^ZklP<pxa<q>gZo!qIpfMPAWAMs!8)7r6eTCnypxLs}7{EEUma@
zIA;$}ih1M@q<w~~g!O8j?J|nhO<WI2s9^1pwM|Pd13x@p{GhGOgg!^@LC-p)k5L+{
z$K#BbxL$uW)fa2H^fjSGLRm*_qt1rC;q1c_Y65`}L_AI?G=W`~sElENWY*z({LEpM
z?}oH;WM>C#<&NTqIR@i_bWKqziS{$s<k`5djEa3wNtmK>X^Lq|`?PXpl9j|#w_;>H
z{>t)f)1W39eT=@Y$%m;`kuE+;h|9Ky5C$CFM?ErYS3GvHPNiCAye4}>L26G>be?Uq
z5Q(?Y&iZC^>le>vjq)K>%Z2+cE+AC%!=u|ma@{;gd_`dB5)_r=Bd-V?Tyy7Dj?3iE
zmab@WTzc}w#gZYlg(VDzdN~?#B4LD{xl^Lok_R%GDmCi1CWso+sl}y0f*91t`)=qi
z5DFE{R>?j+HrxbhwxF16srt?|wq1>hQ>65Sq-e`lqnfw?vW&BHP{m3-wSmXS5G1}u
zNdyGjA-bF(tq5sFb;oH}Gqef#GEzsmjrTO59>=^5zTSl<R|!^zRIe5qlmkl>Lq*^m
zK)6OtWy`KO#pheW!caSe_Cd9#g1tv5--B}M#nO&P;q(*(7whPff(ymAQ9GASl(AT9
zR0^*umf}AJ#Nok7(RLfnA{<3d;}_J>=D%7eqam>d5-M;bBILis`e`;j&FIHoNS#Mi
zi2Y8J0vooayKa{*^Dw0w0Sw1Pj%+T3YTHjJA{AlMfhCOPjw)!s>Rp7j^KpWQ`yNiT
z?iH3_ou6zm|KfUQ+gZ^#-iQg4*>ucx!k4D-42`IYXfISvAiX0CzAu%Ck{4}0+-@Y8
zh!N%C?AGykK*RgTo50<783oMrB6!p>q=sdv8uwRWVsEEUJU1ug{NltMo3%|<rDjZW
zKk$aR3zqHD00zO220ac{B;GljQ-g(E`F7DiK1v+u-=mTT+dmc}^t*Axv9UN1(9u$I
zRzB2^YVN!5md_S`%Wx}mzHDZS!ID5g@!xF2*FeuU1sqQZ%+Bbv>wJ){2Fm}p#zHNR
z<PN)nmhE~7>D|?B5%k~?e)z<l=|C23&=l$*DaP)K$28+P>dkhUVLB(T9@k6MtJ4Jb
zfZaWk9Ws?Hk>6)^5zJ%-6f0-L^ID8Ei(;%H@5-yBV3Prw3i9oV-$Lz~j;1AE77ooN
zIsb1t!a$m^SVAH!xU-wm{Xq5Bbq0`$3>xYeZ|}Idf=&bwV>AZs91iDtHw`QNVbd$B
zEU~_BdDKZ~Dl@T5F;}D~3MMk5(lY3YpE3py`95eG^hyteD}2ipjZXbz)UIM@oS(%S
z9S+$a9}pDH%z|XJ4V$fSIH_tcPpl8RP3^h~>UQXCzoW}|Nud>*<?%6Jqa)b32f`lM
zEf49|bHAQ)jNYtZ435|ftR;KzTA)`aqKrCZCKlc6Lu##-3PQMED&3&gDQYBgkxa&%
z)TF9d7e2o&z}9!^Bf`h#JnQW7K`7HM8dU9~{kCDgu+vHf_=tyX3{1BK<}n|jutkZm
zWXEUVT{=?12|4P8B>{4ZT#J;XH+}y7yQT&At0b(GrO<u3q+bY(6(OF?Dp@g9&nlIa
z5rZkZo%gXQI9T6(Tv2E9w`DqLZQnYM2lh5drX5lf!;1p{JxTI5mI7H8yZ34p(~uKc
z3vhhmb3);F8ODDP4060!Z0IP`CNB9hV;%C@+a2&;g&nc$W>v(6h+)4$48>K96kvP-
zu7~O6mnun_pph6M*Kt&M-eQk<fkb5n#Y13EuF(i~x;D&-MA(D*pswH7y_U^yt3WKy
zDT!7u(f@J_cLL>=w3+$EjJ4zlG8j)L1`dhV@mKT^bfM|80Jm0;jnT2tX6N20bT}3W
zb^uU2q=d!##7Z!2VWS->r9=Vk@iy^8m#nxl+B9b%I4Hkp7Qs*xeZOlt6h=kxiA68x
zGYp1*m|2lrOO1Q2!*Px$YacF{@FVIZFNgg;Ic?J=%48MoECL*y>xfvn7UT$Etl{@C
zjU*E_jr5jSnxcjcrsL{q)rr2+ZOr7UZqj<&{|K(I`dM=N#@2jg0Bxa$X~odc?dX`N
z@Qs1yHlRR2V;{_ZqTa!ap1hIpBb>$+C&{RkLc<Ft=V8%;sdRjLr=3V(&LfZ}bfufz
z2xe8R2x_jg^9kc8x19_D58LTilSc%(fhyt3xa3|cC^IKc*Tdj1BqpI=SrY9<eh^>*
z<JBIgSxJp2uL#VxzP@Yvqn75vo%!JPoNdy5OH8#;@CgZYS{lk&#Q#z2uBpe&$oh8O
z4Hhv(Apr09dv~|{PkxCtBFupE`Yr2d3LIH(pk@?NtOLbT6%;w+xcKJY7iK&4;R`rC
zN$!~uq}jBBGnxbJ?v2nXL|NRDQ7cnD?`}O|S6bO9r2IO#Fdl4JYYN8J7MnL2_riQB
zdsEDEzb+!Rpu~qYre(xl!0ni!O;6}{h$y=szlwP6xT<b~TgEsW*6DATanwp?twsz&
zI3UV9L9n4T$x}g;LbJsdTmQf=gJn*IVme*DTdBf&K%cjYsIsn}1ZT}<XJ8PA666@%
zK%EE=%Y%DnSU(xU_f`r>ni<UT;lY4(kE`~r-seX5e#SU(&}PL;3x>>4+QNk8S0Jsn
zFUb_TTM?T4i66DBPIN!8+m|}PJQxrhl5tT<wR)h|knq6R*X_^`cYe?j@TGEwbq}X8
zvIfa$8pqs<y@{CYt*v2rFYK%fc28y!Hi;Wq;u>ir@$pdxJf34V4c-+O!w#FTw_i$y
z@8(8MZZ={GSIwB=TPuWxV6C6h-@)f&69dyX$|4(^(R#Q}97B5lJp{2wcfL-D66}i(
z1UQDVIZ!<9SF<csOy943H@2;~+9T0rgYFGPpzhUDq*?jx({0F5kdoW$kD=M;*wO?~
zs01^k&|M~t#;3F=7o;i2*G-XQuT5TV(;$W~OolQ31-FIEPdl-3JOno6cK|#4A;YhJ
z>3;8DQ9{0&9_Yp`wo1yZjS)jA)5>DJsJ#>Y^7i}V0erG@2Al$xA5oEBvFqW&-gJ*S
z3dB6*$HJ;ik#e6+Ob0%u6~L&8;V~SfUa>iP$4VqP-fn!^pe;1mg<`d_u3zHDqQQZ`
z>G56vVX74d4r*8@E}zZl%%j?bXX1VIMl^Qgiep5OQpg)dzAmqhYeOS{{{kkG5ro8s
z#bCl*QRZ<|-o>&ZP~X1tMNpCop{4Cpkwv`g!8-dwi*&80d?bG@%s%>FV!kzDkrabr
z+dH2y_oyI74I^w=#QO_EI@@H-d{hpd={~U_4cDJFWTmFTpek@PCrD|W7_l+bF<9lr
z-fB=#er;(?FgIC2d6*OX(O0i1;J(=ng^;t@t~srC+}>2sK#As7gAaDj6qNMRz;q4C
zj5<(3K1Kc;F1Ds!X+*Lk+vyTU@|Yk{YiWdO{V(aDO$K_|3>xe2IGk!^Zo4@wF5eY)
zRiHCg&6g?N^;;*W)e)GaJi9tB-&fj(N$5<-;!{dOc4~KND42oZVRE^%Y#P3K%>cq>
z9{Tp430xf%e+xOoEcwE)`17F<xiUh#!_wx@U*)k2Z1^sifEVduRG7`y6$N_kZYaMe
z!y?wvz39>OeOzt;)i>apS*~GOX-0Aky|z{2AsGK&4|tZ#^rr43eEt0s*0m_IB{|ga
zoaWcDI_Oy|)n2{l%+4_HmY0oEl9HRQ+@k61wAZi4f|(5JU8ps;EJk4%s3C|5%I)tr
zwl;`-4hsw##rP<Q0(L*dVeCafw6#Mr@BR`36^Mk}J0V#m+6v_5KC-Qf`4rkby0dR+
zHkzJ~#_>Y3uiFp1CytvC@3}|pEwVsV-We?%&$QLoEccUd)BMzZl(5Fp@sShF32}{&
zQlEQ+B#Rkw@m!=#Rpz@(t%DfR`7ZZDf?+<(wCV8m%T<02FsI0DeEZQZus&6V9Poo<
z@u-O+xB#h?bsA59s7>?{{fy}Aw!JwT!@*;Fsh<J@72BqXS<lYPlAHIzQH4TJ5IkI4
zTAyo1r;a>M7tb4G`C5$e;^Xu5y`1I~Z`1w(`+zb5Z#CBHq!=dSN>nL(PU0HK38H<^
zWR~ZH3@66-po^-HQQ$}lM{?vx17FY%La=f0y)X}s48+Q-Aspu~G)D}G$q`TBoh}g1
zz>%tO*;U3r=Dfc~o>h?ugK}fV-byNSdSPRlXMmm`6rcJQZ5mpfoTR{HFKTRha<^`%
zgc$od6cYBUm%HIzdy^Q_=ZnuVE`kp)gw3PZ`Y;`{IT@ULsQGhGT{CDroHBB<)tGPG
zu^tFHPOuEzB?g+~0%3L7QG^40-}`qJFO~<ok)4{V#GQBdID~(?6$QD5E?fW;1r2*R
zh}_(8opQ@hmiZW7+i(c?MBb(5R2w^6Y!!pd;J1;8$4V9fEz2hKLotK*9RC^0Lz$-q
zE0cY9Y}Z;Uyd?Z1DsC#BSvR$`scbzQ4;gc>j5=fO0{gs;06dvxJ!qwacgoNfdXyh7
zs8miBy(~P>`NS}X>ettm5#^=yo}daAY}gVWMwv)<(J-0_O;<3k<NR0D3lV>=!DS7+
z9=J}TPx|~Co@%AILgVjX$ko;jd(s_Nr^mD|dX;Hu3gnied#Dj!O0iJkz&Ef1Iv|$A
z_^0jZcL}gcrsW7%9W&OUemFS4UT<>>=&frZ!N_?@N7tj_2`VP}J=DSP(-Fyei9vs_
zA)zOw>e-x+Aaj9(c^?v7W4Cl0Q5`4$QGyi%%mz;Wdhx|#9vcSZKr!&0l2TRiHzFRo
zo?fAM+cj!_sp{CP5Dkx}HIGPwY%wK26>SlBD_t%(s74#uGY*$qg*7!}sm4vkhOB0%
zb-c_e#ij-P1Z3Iz2|rHBoz=CSl$KR<h9uQWq18yPWYEaEXh8)bf%O?{JmkRP&LLo@
z18)6k2@cn^H4)>(&wF$__tD$>e{eb^(9=8j*WrBli<!JvbFk#DGqp1u2XEJJbk;<u
zCp#4L{4E3*0fdYd!IrOl_ZMWqoC``C9qWorawFB?uJ6zs6g$6hOPe{=xEj7c`@{o(
zcR}QsHPQ2uZf1LV?da^<ISq)U!N<mSpz$>!V*VV8ZYgdo<?BBl7ZE!l!uK9w0^z_O
zGsKJ%ICiT)z+4fm`v#GcxzR*+FOE?8Q*ptxP{?GC0Ua~Mbb>q90xsz?!{n<4BJ{RD
zPuKIxRT<VpHd<fXYBqF+s2k*8`Z`h~Apw#ww=rD+yd*?ghHKFH&W1J=+e?kW@dt8)
zwD%1XO9I;mBxEVP4NQTCk7P!gFR&2a+g1?Xh@q(D<^+-0z2$4I;RlJR!QrYCq)PL!
z?tYk)<mfh}wps54+(eGKFFCzPsG&dgl#Zy+dQZqSDh`S%*L}g8G{HS$Dy$c4W*SZ%
z@aygED70*XvP*wY{LVxXd+TyRD7}eFuWdZpg4fj%>^=$oK#I*t)m@>RRD4Q}gz|2o
zPuH?i-)OR0HNM_@Unf6lyrDHID^^_mjpkz7S8N#MzM}1En3z(o5RepqOe;^JRB}>>
zufNkD*oxW;92WK7=_$3Fjh9}fv1{GMhj?t9&9WQzY!R=zo2t);On)PI#2!DHk(Dnw
zZtpC}pf#s6QCF_V1qc_!61|Xpek!t3R=!=y9R&b5LEN@G?9ZM>IsRW{o1YC%v(uVy
znXyTEFW!fIl$6iqVmh#}H=nYdcn6n&QtA;1J%}j{N?3HPghnJ$VTx1)QiyDKcZz2a
z1VNXOl#v0k4mm@^&O0~?QOTy*coWRy_@Hs0X+be9Xao(UfoP1G<kU$Tx=OWKhad6E
z21;Xnfm<_emhotNq*^<!*vgYy7W98(0RlHutZXA2%fmic7zW-0@p2z)RwTX{q>Vlv
zthbKFg)}C4q~HmE{E}zDoVrA}h2;@a8-p=}?{v-Uf1&@81oo7r5RR%93Y!oa8J>=4
z!;Q}_0(_P@fbLi5M;ahJ!%jXL*9y7~{-AjU#F!URrak8*JOkB2rrcb`_ou%mdk3`=
zrP2tN=wgulz^M-nWek<Wz7Sj+NjB1Iifxh!IueYh^SOR!dk?qs(%G|g^wb;nM)Ip%
zVN~}j*q<|>&XIK%9vl0@c5+A-2;(;C8^EXwJz!W2Z_w~NQ@>IzP>#+A1PH4?XpanR
zFh5vym<w1aj9~)4atkZ+snuLFVNkePA;Ka|665Iuld)LZCJso%dJ9;wN|c$B2%)85
z4ZuWNltF7)&F*Vv&p~uTfiZmlo+;CC2cP7C2{7v6R#fzPWJ#wJ!y527Tir3nwFrlC
z+ds(GHejF$z!sIHZG*kU`Xr?=deW4wRp#or0{#NGh{5PU0D^CT01L!lsM#mSo}BjN
zsc&GyW3$JcL@!nLlH1QBc!&Fy%{ue5e`Sz>HG|5}@6!(K3(@>p3-mE(Kjbo3E-V~E
zB+?y?a1)ivD0w7=fMZVcdrt#`%GsFlkC#nlGiI4r?M3gRn8~@EU7}udi+z$2LS)!S
ziV4>w#NH@#V~T$PC42m1VVIm9q^y$OU{C*oC3|G%jszCtRjW$!jC!wUw)zl$1J33a
zDz_gzyh2C&%Cw#&D-sehA=|cfB}N4%405ExY?~n#PAJ~St!a0e?ZotrGwrvTLV%)?
z0&9lZ2iH!Jue=|Ght45!iD-m6xQeH|Q8hMLmtcTu@eW-IjanEnpHzye0{sTcpk6VQ
zBlMxWh27Sqi>3&+0dVsK`t(>{UAq$&zNO-Uc@}czlO4?(ex1P1JugWk6(6Ry8srx^
zjR&R!!fW2b%PZ3u^DZ%@>F*;Rfhem?pcNV4njCa+jk+2m2~*%<&8iG~yIW@wxz950
zCaDx&^xoopoenDbKwTWgu=+&5oKLU`0`#bJAUq0OIr_`U%Q{$C7{YubEaE!vl@#~t
zQsl|cMY%J=Mw^{!ZBy%yu<BUYEc0p2l(WPDcuSeY8?_J3_E<HoQVAcgqQ6^6zu~gu
zMFvcQ#-3DSycVOEm$Z!s$JB$Y_dd@oT>r1d%<8`&pN@DiDRcK3ps<1?=+Pv&tPc=)
zn4@QBZYq^xDxLL2k#;4_Wg+eaf#bYd^8Q4)G6=SFd@FfL8+KIuSbufVx;q6yWg}q`
zYIhNgQM2Rv8XuQ0+Yw3m?g=nJRz7D${d7rIuaXb!ZhwLE3WY&uipLSt!Q;GC%!Vz?
z5${`jx>s^IB^+ACT<;Y3T;vh*5o-k@tHeypjeFaR$wDEQFE?{0*|$eM0$+HkxaI}8
zV6MgNFnuvd+~kh3QFs3WPntYKP<~x8e3CehfI7@%*6q~)?SR49aC*~oAP{!CPPPW^
zh!S+H{~(w|-a-IzhyMF1C4j)N-~}laV6J7MpnG1&=Nu)25Go>Y9j0aHo7S|b#z$6^
zU53NaP-fiI$RH;6e>}XZ5IFA3?SDZctfkRlq4T-a(6CL9)bZHAcfGt-_@AnPIvEiG
zVBpWdzBB*_HXj{06-D%lrl0g508c1nLumjG%?tm33=VA-s9|UrEyMVVw8iW0RU4rL
zfIa??KGK@3L58=<k53TC@f8F+JCbjR`3EKPHwIUW8t4{&NKC=oCKRLLVY%*52tdtr
z%Vqx`1v%CM1ue6P8v$r>M;gd?B-YN<|AP9$0Yxoi0q?z*2Y}<RCwJ=piiP~^69}UL
zMRR>{=7&V!fOfS6@d^K9jB6}`HXbbqWRW8CQ38dHT548-|53?j0015RLUIHV82Fn0
z7dL-*<1c((eD??dQ+IlK>B$Npl4EcnoE)63Lx`gFAI}e<ZpW9v8~<Oh;OqBr%Tk56
z_v~BD|5H{T4g}i>SK3Yo%y>GaSeJh_<nMNAeFWNzQm_>Yj0!#gm@R-A_eB231OT8&
z08V@Y;lPx`VX?&KIgw&U61_tBzVr{-3S@@hq!ng&^yTyJAqZuEQpbP7oY!lB2Jltv
z^Eu%-$^qj@Hu*k_`yW-!Lqz!66mc{d&M*|HRObu#+&}pTDF8i2hED7!D==i=AvA={
z{~{RtzhLdV?UA)Kcs$$Qurp{M1I^KDL*|3VabyCTWB7g9kmaAvNd?-l^lN(s7|<$Z
z2#)~iAHT<oL1eL%L%;}N@~A-rWxRljfh@oOd_Dp*u&x5E&wqh3U*$^wV+p80kn2gr
z$-~spf(!s)c@({G|DOXZ48i-4&2B8qb>Be*R3y_``X92d_72h$VjB@a6vd=~NhbZz
z1_0mxmq|W)!nqD_^1*cq{-2`OSs)V>Mc0CX;|QUKkoBr$0fO@%{h5c56Wpx{R3hQB
zQUgb%fxA^eB|rv@e>4~hIhl5SV?%`&QZmrC_iScb3qSsV%Kx#L{_K-!0Ia>Y=*LL^
z|3+!r0^s`_&5c_>{%e6i1iZTlG8RlOE?@qq1OMJx)|(+csXFF!`M=lr|1{fw^^=bc
z=wYm_;OKwR1pX{f!$?3N(ztjD|2V+^tKL{eU?R5`V_*IkW#a#IH-lbKtFeIWU;m;N
z`HKs)z6cD4WB7m0<G;W2LAFE;Q+k!ef9ybi?;s$A|K7m<5{5uYU>n=Ove=~kUuGr{
zQXS^MtN70^|NpEG4W=KoDf5r>nGHBV!W1*Iqv-$Ry#F)PfWQqx*cIpR2Z#Y$!+-W3
z@;y)yBGZW$yZQgi$aSAXWLhZGY2d$P3-ZtPL||N-3m00f{x_NaAF|AU*9Z_cAT$d$
zYj?Jc|7DWN;sBW*tRuEm`p35PR|EcZGbyv9xmg!LtHD3_KL3sS2iC)S25{mmpNV?#
zI(fLz{7tK>VFq@NzU?K!rRu#+vxNM75Yr1boZo_dXc+&~ZbnRKUS8fH|BaI!wv&@v
z56g#QEeaHfgBmhK!VuO@oOa7Me(@T{kiZ}$v`9i;`6LKS<j?PiIDwwf*uA|g*%D!g
z_OMldmg*5?ZMJa@j;Idc1*w;U5U!#!cfSe#YcvAOamT@E9v&#fRh`(){*ac`K!Es1
zeOQed2>I+ND5%6irp$Tm|5iQ%WlTLiKZg9f)uk%HpMOs3jLEIErVW)Q3H=HfIe%|B
zjkJMQXsVdSDf5X;r+@A5j$6QVE%Uu>>wp2t_(K<P9L<XT#oz#%#K!?GW$x+iX%+K7
z<+DM`kMgAxYC-~D5T{#CZ~6~TA2z!xm`I6f!{{#|D}@k^KF4*8<SJqJ?#Ovb{(Edu
zfghS7IwSCW&IAtkgT_GgTvhDeFb*%~zyB(z9C9iZ|Enx}NLfoTuY5(M(MWr?EB{{o
z|FMqe$srrRWn!c%7$nobaQ?UI=|~I1SgB`-j%z_H!y~p!Bi}s>cee5MzP+*d`@?I9
z>INk3s-=|1E~rJmc>33P{n?P38y{P||I7m-Q2o(Ylvf$BK=nb}cK@!v0+55RF@Fs+
z;J*OQxF-1bx4wY#5%SI8-$%~BRa!tg#N2?hQhkM>X5)g%Y#xi=;m=&)Q>ndiLwUjR
z8sJpn1LsYF#JuNU1g$`H-~g|o{&CQW4;d(^+&^4HpqZn<aUbTglve)7l97cliLfiQ
zM)@`R7#SElqyJt<c@mITA(68GMb@i<bof<>-bzzGq!sHI|61eSEfAg6{=wM|G6L&J
zz)O6=Dc|{J0fil|KMm-L78CSrM5)HIFA=iV3!spc$TZ%+&XIqq_1lc>pTHZ8shdK7
zm&pk!Q>o2q_D`7*{vclh4-@dg*@E}4d9IO!4DC2$77k?LG!p>@tGsoDd?>N~@%sWp
zeH0JKh%G6dXqT?W6bjrk8roTWAQYyPN0X$avjVN!3|yo%++7hFtqCkp*n6l6BYVLA
zYsB)^>+hxI0!))r!<(ro)OR<XN`Tvzfqy|dG0A{dTDpJp=TG`oqZ1sWJ!<kr1i26Q
zBAfg2?4$f^#D@6)V}vl@=>fVEF^2;%{3gb5o}bN)uh-uj0u<C}W{WU2r#-pGqva%O
zOEYIW;Q}=j)bp=e&YnIk@>+#W-1gfHKzKEE91GK_Aaw)hl#mTL%JQ56`7R}^nsL_g
z!R3sMiYlt9Q8OPD5?b!B%m^?i#NT*ZD7U+DV)S@Xma6Q0_en>$x!jKLD7-u6CI(zm
zQu3%2{qhf$4Eqz<=^g3&#SAtBkHTR9=C5HQ-Okuy`uq2CkxRH3u}E{+?Zbr!`<fbL
z8r0N*F?yjeicwvTh7Ajnval$AViKl8xV^nsa0GI0d3qXNT|7Qu4&8`86^eFU&6-ZO
zXqMO%HF{kTqzhYCNl8n80|WZd>*3THf!qV%+vS#vcPsbklkL(kiM<XhHJa>Q-Be06
za?!s6^aAz7M4bMyF;x%<beTKD`Z=Y+s@=i=);gne_vvzQO|i0+u`S!Sh$I#wN;Qf=
z)08auJ*ZVJMwR0)2!C<A^%3P5+2fFHGXW7hl5}-7H7+jL&Hnj`jmhGauHsC`zh-zD
zLT~0B{b65SiiS<Y&##xtX27PH%G#yhhczYdWMx(AYBi^Fe{;$_F`<*S@w$9&DA)L@
zJR~&qo2IH#LIRDf7IT|koyBm#s;>bFw-uGD=vBz&>0Fb<MT_fx;`_BPnrw#ADQww-
z^1CYJ%&xfy?R%9?Ybm+Kk1Q*#?kSeJUJ8r#)^D<>%IYm0R$7$_*q&aG=8Cc}Ebs&J
z#k65+%4M^Sv_DbMcKh(4vslOMZQkx+^mMoeciPcXXCXILtjz5U{$nT{LAdt`0J{i4
zi-=!S{+JHnML003w?1YU4+7_Z0ISnxHWteNXj#UwrXR_;{nqRQqUGB=fTi-O;rxpr
za}A-jb{Om-?C1bNWwL9B&PSEb`yIjaU%wLby2ac|9b2=rvsoAT=?6JLLK4zJ$e6-Z
z=%lZv^$a43R7E(Y$p;U}!occX{(fHf-v-}x2R`9vj0Sx`{8?VznNYdpG1P~Q`K?fv
zqH5gl^94w<Z*Q`wPUz;x)MTSw=0TQ9k&w^utlh7l)75X6uE`UVk_vnXAMkgLVn}!s
z*PeEy_g5=3Z#{i<zF#nVYbs)!kNz+&1O^`vOO&KJV5gafkVAnRmz{r>5T7T0Om^5=
zDt;Y^c0vi7aBJ`H?Zq<<x+elypWjrcwrKf_x_|3aQhIppr&}SHe@hn6bWmH3|C_xF
zda2V0o~W`T_4@tg+vedR^U%`R@E9SOtbDE_rQvW^aU_H1?XusEbuz5PRrc$?`8tnk
z-`fd>jM($-EzRu~%Ut*7H`^$n0ifsf7r??@kH>29IU=&2$Pev%6Pe`D^(;Qx*EjUW
z{8Wn*bzl0L8?ed$N-7XE3G8=Z0LeuUz}n?x=nwoOJiVL0g`6i$wwJBFUXhKAlqwzp
zr}-hiY&d>_pb#Q_BSl_DdfW?>>l+0*I{v2F`g9c5N=N(qIV5<j`A?ArV^YI1EG;$J
zrHysoYPg>)vce)>rp+1qyq1uV_)cf`_T9U0=`T5*ReB%m`j?grY@w(!Xt=qzGfJIW
zDO|2A`m!P>Z2ca68&<_TTCZqXDt2DarQ!on3&VCI<`UK1S&2gRhWtYH-Y^m`Gk&hR
z+DkoyM!O_<R04p96wckc9XrvqKWsBw!GumSt&@Og+v>OxEF~oa?3`CuM(5|q&cC+h
zmAkBGE6S>7h$12)fLj=uBBG*nf=Xp#NG1#A%_E}0@ypAG*`x;o+*b2q2QsoiFg!Oc
ztt9qtq0W--<x9l^)c66|SgbUKxc~s^*IlQYBSiP*%NG*6sTy_3GR-#khztg6>wV{g
zX{L9nNtp##bO$r#%;==tH5oZhN4HKubxGsnB$G9!u;&+7DYv(teky8?@!a;)L%u6_
zK%Utj=`R7nqRpY8z|nrGq!+XhGhHJ$HWXiy>!sp;G|zOi>e3`6V4YtqV4CZDwlT<M
zJ4%L(j*)Ql{1D6Su=+b}b#k6&5V$M1&T`Cp1tmaKG@^=>RXLMeJu^o%K>VgCt)xVz
z*+f(qgJYnfL?t&dIa#ZNo{LLDzsaVErJBJkOUO-sbf8a8!RGVr{q0_k!_4O*qhUai
zSoef;KV4xbWHU;>wp)^0*%NrB*WF0oM$5@5FPeEcSI#UBa5h`m?Io~#X%&uy9qCdE
zwUg77e5n+AdKLT~IP$7>lU|h170CfS!3B&YhUr8LWxo-1(pN9B{&H=x{mI`!-0~T4
z*O8O0R(IZMcRrpV?yr=WwBO%!$-BB{+X7BdI7~7DS}X$K%4>S!ePRtYHL4Se6P$I*
zJhSez4as+6UH&?5R)M&lmwTM)FFkUOR+@|_CnqoUF;y|$!p@8A&bq~&6?0c{$jII{
zI_iN2B5)agrV+n<yVQ6LoDpwY9;&{0+wBX$VNn%7a=n?Yc*B52PDLQbf{ckeXL-4|
zs(jM*Yy^l(vbE?l=z@@CT7bI4=SsuUd+GZ4px*4w)=8UAD8&z-$NQLClMM-eKYE$k
z+PcDK-M+aw*@NlNmDQn0!Qf!v-oT*`n9)f~vTNEBQ2b7tAwRNtje(2US@*5?6LWK`
z^FII|QgdZA9}v)!JDV=mP5X%6MG&>QpQc(*`6m<%#wiXHux@`n-<lRjKy@_k^8dhc
z?-misNt~Xpp{rJUjf{elxHFRZP1qxDCb%p$)JXLHR#UIez0&nyUOfzx^hM??hlK1l
zcX<tsS~L=Fv6GfVwlZ}ZEdo}3mSOFR<S0V+&wM*4J5@bekF9P$uLbSXPF7kK#Q1G>
z#ctENy&_R;RYmVYggBo3FYa|J^;w_&w^;o~J=T2b$OY=zZ%Uv-N*%f$RRFOm2f^r)
z9y-hw#|YhadoI*l*DW&B(&`%B4G-hs<6CzI*xTp)KHG|`b=tCsP*qY3`rf-z??B3H
z!-yG8$&j|Wx$W?LgIO72nyvyfaS~4HpLj*etDxarYlQk~aBR#tgWH~VYhZ=lZmGUe
z|83JU>NYB%>wQj!5|Op|k;4F_p-r|>CLJ!t?k#j1Ccw{;)Nqch(63XOwVN-@Kh6t!
ze7lzitueKE(bdD-<x36h^3Q%KUj%dljLluG2&p`xQJCun`hUGHtF-_wXWmL@ax3%~
zrZoLlkhzl3o&#*^_z;Z}RIZZ-b~;)1y4xHs`*m?itWUVLR^3(1u=}nkNvwOmEud?b
zdA{ANe3m)zL(G&F-yPWG?EE~T(Gi7`j9n4|og0-nEb#o;V{JGxrJR<BRhfJp;p)KJ
zdw9WRmzJH~_+YM_!DG#>1O-RtT*ekO5Q<9p+VLa5Z6gY-$C|MANymeI1egOEHx)Jk
zcFJ-zai)CEiUghPcxXt@ML?pdD*I<n+i7A=2G3PJr8O#`AWS^VP>+Z7Np-A9V#cO1
z6f3D?n?Hud{JP>@8>(9I;YOhq5>o1VPtQ<Nifd4=&5AD@o6E-}=zfw+nB${OFY-J7
z*Vpc>&gTtTz4o_dg@uJy)6yM#R!l4}5<k}M(lQ7d988xLsQfNXph>}pAkik^jeYM@
zoco37m9rRo!_gDg*G=#_;zeK)DSDv#J{2oxDwv1`_8GO(Vg*MQ>3UxsF~tcB$fJgm
zNDQn!J$?R>*(Fwh(``1k>UU7Ol_Mvb@q3RZSb%086A_a<)dF}ubG8x=n-aKWHDP*M
z%Ww8#Oq6D&&7GBcJ^AXozvKD*zU%GN@6gG1J<Yqr;Q;Lfcr!FUasgi{EcodLMau?B
zFBuz~4B)68taY3Kh}7~ENYUPIhX<{yxgs>HBCC@n9uD~WsjSAI;H5+#w`p8<(}IH~
zR&Yg?GwJ6&jB<={-ZaIoA|?o8No6!yvH3k*CY<`;s`v8)Vd`Du;=_j@jEqr8ICw0f
zVqvyR4Ymvc&r8PKps-M}VRQA)Fu2dTP<=ypQK>_}L%S60jdG@=s%SnSqQ|caw^>_O
zlM*wi<Rt!No*PO%7QFO8@=uFyJ7wGVP;@wF!`JhqxnX_Ok0b(;8Ca%(KO<q@Bm(>-
zouWjdBmY}|qif36M3v2x6Z$Sc5q(f^rL6sOv>(Kq4%jy^f9#u|p9wgzq@gS+N_N+L
zA36jywobcrC~|*&6sQ4qo(D{_<T%kstyjSH@|*po*iAMi;J`qrZzCfKfL{K&06gW-
z*NID+LnVoTsiBxH;HFRhRXQqQCOP7hB*JhY^dl`dt(G)YAsdTsvs@H^qs@ZEF4y}#
ztd7Qd@I<GdU^>4~tnYKLs=y7W$1)pcY?pDizb$Nuei~c<w`+32xA)QMB=B6<qnyrb
z9XET!8}qW#GV<c$oqBypC@6Ri><-H4K_8-!@cH&*NO<t-Cx4qA%+)$g(MKR*CK-fd
z0-INxyopKP_V(LD{oPSxDogWG1##0)0u2B>WRjrs;R!Ll$s|a|HJZ$+T&9Xj0L}+G
z_9{BPPK&DSO<QXFWzWTT)CAZfX|%!|-@BQ)?-<x*jJg8%jZ0d1U*}ux+LW^I8{V%p
zD(`}=;s;_#tuvIgEmE!E2FIpej}r+w1`0jhnr9dVnSzP1B1{TqD-CS>FhCaF@WE4}
zPj~EkzYlQ$?X5-0`_>e=*&)UM(;&&}^EwT`|L^8V4NZ#7iV3=(#1Ge$@y`!~qHdHc
z{5$SmM-#F@BrtNOOUz~jk<t$|RWdfNl?MIzu;0mZjgqhM>isg~uuj!veOh55Z4A{H
zfCb8Wv2ST?wWzu@TltzpvK8~1Q^g#({k9O^oSGzv=KYVdr{lk|05)JE-P6Y{%IUew
zqX|hhMnY>5V&Zh?%Xz1}hw|rf%{hi*q2heCeZ16PXPdSVrwNcP*Ejh6a=o;6g%L9_
z#_>a7N8tPpN23_8Uf!p};vitr2Q9guOfrf~SyICk_%yL;YzdU5^S0UmQTTae8=cm~
zb(gLRaAf_Z#NF>h-H484%h+Xb<YnR@{cPem7QuD<#N*)HA9ohS;g|2Hwg3t%wnif<
zT#<`JiMr$_Nx&pzr}`~wU{A`gF%Z|LI{paTn*oNF_1&r9|J8*lI_c;mr9kCP4H8;5
zynvd(XV$4otnRu~As3m>4up-J>;2}xRq1hw_uQyX^K&DdVq70lrUP!8QS6g?)&Y$I
z^o{>hi=`G(4IU>&&RJezQOV(9d@wY$$z~sNMypfDBI+FTQF=~}JppGoGzg`&k=uG%
z3I-NdORD?##1*^>YYw7)=?WGFg}sRMAfY-EnX$^F{+SXQU~inXdwC1nXhsvegv)rE
zJjuYpfef+s&lh%$k;v|mF-552gnre`k^!?w;e7_J>=yI}FwY?hz-tb%O86h>451Dk
z7gawpgmn%zh0f>S?l08IBFhr1qtxyGNTKxqEw3@9@$)L6{j)U-7>PqFI&0bR9rOeu
z69blKH_Yh$)R;(hzv*emE?YX6S8b#)5muVW^QK}tr%NMTINY%4)2YK`mEDqUr>#1s
z`CQcs$tMnnuM+r+Sj2Fq2>WcQ);vG`9tH=D5-oEA#4*SPDiS#5)UD^LD*0a&mX_+8
znX`Ycq<SH4XtiAPNv|)kgEHWk^+G$4LzW*<0|F*5iKf4BT$8G(0N36#=lb5am|&U`
zfe`v~KQ+Z_VIMD)<R;3}t8mP9iwP$``&{MLzVAoDPZfFIrcplK0NinoWH4YMgD&ej
z7Nc6jP&Dvn)8z>hO*lGd07Ys8i7m{)UP5n??XC(AmdV4bNg##Cdt+APY!HwpB^A6(
z#91G9xsT7%De^wo&z$?t2I2<dfQ03w1V7aR2;Qt)3AmE-=2BhN?;DKf>(k_K<Q*p+
z_$Fon!U2o#?{AhQ@)PAcs&^NZ{_M(`87fDthzIyekN2c8iF?2i*nYcQr~ekGXJERz
zlRyf9q)aDGmZ+YVOCc7%V9~498aJ!+Yio2KJZ?HfZl^W_%oc^HossSNFI)OZxat&1
zl-Y$C-d;Ut4pMzqlg(d*&Tq|~56?{LY<%9neLEEJd=vEhc4{mm7`B9niKqxMGQ$7v
zr`Fv@iFJk%u-|yDw4HXai$4C2D#px{M9GI`u~lE^@x;jIY;;&-sx)XyR4<Sz9S8oB
zRlhO5bVzQY%_FziPRxYJ<Js@NXu+{cz3-wS;8FIK{c_=ou38$bw31?6Z#d?#=<^k&
za`xSdgOL_A@@PG^8P(*@Ptj-fe)QqSV#l*J-$U}4Nb$>_<UxwpZ6wxW^Qdw$;@nb)
z+N{;-Pte$?>f+_v)w2>_SUOZtCR8Lp(@S!+sNwTxW6-8sJb#{6+dwZiJzY2u3wh?v
zSRo#rmgM-W^b0Fu(@;~3Q)KYT14*Q5R8`XRnZ&`(jKWlCA~(OIYJJ95%R!tuekam;
zO{O1QPv+H)d^h-GG`Nmp!1zDVPt^;D)^i~-iCAeMfoDwSyYoqA37NH3;dgyJA<@Tz
z9>dj&X~P=@gFmo|QkYBv8Kt9totC2#Uc6oW;Th8-mWC7EEr#iJw4o2=PvR9!N~WYU
z{u68clb9<XU3~#So1!cStaa$ei5pbx?AS0M6p~~K_~{>tuJ7)d1)C}Z9GbgKhc0HH
zo8u|DNS)`W$QcquzM$uK_ex&JR{_@Fp~*z~Ho!t31p_)!Fav%+I`E(rTml((ym3ma
zgOcnEb*S1`u{eLBqHv26!JugfQRH&9NTG)x+C>1!H?2I+gNX8cL@KoQ=Pt~jb4A13
z3E>QTWZyrJKz-faQWZ_w8dUu#9esI;=5<lo#4`!SlH>i$DaM{r*o1*^9BePnfLa(6
z7(s33Nd>H3x$f;zK=}u}F{RS4S^Kj9ff*J&?I>wrq3||omoZHyP&_k~TF7fYe1b*X
z4syB~27EBHuBeiIVxNa{pDz)u*Q!=tUo5w}W&YxG-3GfGi!*YgM4Bl#W8_CPSf+Mj
z!;uzt<UPp&KCB|!rm7eI6>r*%4(;;>kl+Xk>z3ud!`syOUf-pW2nk(9sTO(FS!mO^
z*W6G9Y+5U~iFcsUWWzl_K8QZ)(J*!1UgGYrb{xK5afohczq=OHFQH>*Zj(}u{yD5O
z)V1cR>9Ruo`_l)EgMmQR;Z#<wk1a-c6Ia)-ATTVo4!8<rVmpI|#3dPwG(bjOHMmeb
ztKM{}V=;wgsI9cRCT{d1C=OeUyr6^WrIN%h@bv*eu4)#eioj(`wX|L93J2fDgFa23
zred96yu*{Zll%228Kff*M8B$MeqqojHW<tM^w^pczct56*7ze@X=LizdU5Q9Mfazt
zk*KlqIxFSA`Pz5o?N7P9TECl5bJ~7-borGjq2{p-Ja^n@gv=t%m?b#+i{5W*>b1Ua
zS$2A`f@rdn0wh1l0X#o94qC{SDA&0uvFM5a`88XBQzak~YP=i!B{|b1M5*RCC&C#T
zbxu<jUOW2?@4j!#4!hb+jBI^~6G_b$^hlRRL&A0Fc+C0T>RML3z3yH3knBMOlF@c=
zG@8uw7rq-&WVeZ0o&-|=%vPk_h~ADHy5g3J&LZ@|6x!$6BEx+~q#!D}Vg`J;n}{GJ
zDyU=%#@YxHYG&<9f+OsDeQ9RxLjOD>rk&7a%EG1OpQT%OV;yIS#YM})*D5Vru@fXk
z!5xuup>d*5QjPDIs<3$h;Xf^ud~p96tLwQH)AV-WXdxr=;wfNl<{_2G$m{26t>bz1
zy}o4MM_z}{V)0Ko0~N%giootU9DV=QXTRh5Np&il1=R=i8KJ>QjT^6w>m2!99~GgD
z%f$6zPo2wmzJ?UX@_U={tpJb<@iPq+^;Y+%-dg`Df=cYr(!o|Yo8kDcjJFE_4-@y@
z!uQvU6L1p-jO+YXV#fPEiVkIf{W=B8nblUt-n#dpX0O&IV3SWIZ{wn6xKS{eu~7c~
z_J^G*4)I1mWAvf<_8)}FpTv1tRxVnN;2@-^Ki;z)hdfE~uL~|a-vDK>H7BR*^0$lg
zFsolhB+*{Y`9S7r=^5wF^~A3xohP%I1gY$hg}PmvaO5nj0u$52SKz)|!yR_r!b*YX
z%kZ^y!4J9_*b|73R@Ajr`A`hEj=t#Fusm?lsh|8FRzYzp8CE<3c@>pTG@yaKB^hg4
z1PwkGL=8PEG#2A88t^2AYRM^^HLm+ycY8@d#-fP=3vAc~e7Ub;G4TfB=qU`jo`!7>
zx}@uB8KKl>fvCDZUOvNnOKRqD2}E?{mm`@?Lv7D~#;EBkIo#?714it}2-y}`p+TkO
z0LdW7^J&4dq8QV3^`oq>L@>lxIj{HyaLrlUF-MhVcjt+<*dAps@*~_dzS;!ren9z|
zoC~;p@|mnQHojQx@&70cSP8f1CC*GDDuRK(cZvw%_C@9lP;){TnKZlZWo{<sG`kpG
z(C2;Pgr5qjYWuiwU>oECmo_sFAtC#k|6@^OCM)yLt*+C6Ja~fyg||#*CKO<`Rw7d7
zbEorrRjJ)>5i1?CHzkcqSsdagWP-&~t+BX%eNIfY>s)YZQH<1_@{M+DOv5_WuQw>+
zMb&Faf_G9b6T-M$&&2juXRhIehJyiFSX|;@D3MF8l1nA`;i6+MA2<B*lA~Mlq)SjD
z<JCF7Dkg8*!muGD#QM@g0CtBI@rH~Oy*GegyvaC?B_+-O!Kci)D@RD=PMuirTBRKL
z!Kt1y^kTIuK-B9ed%!FkY7t_qAQjKX)L7T}J>i(>L%l$jvEO5*@5Rc^WTmZ+*T$VC
z&%3-!IVGiO6++wDs<c@0MO#GdX-Po$I|Do7v#Q-*Oz&%w2*d1FvtZ|4J|<`fX=hsT
zM|u;E317HI>_H9p<N$^r7PaGIY<&=RZ@8@hxM7jXv9s&<FXl?jU<?8oWi*cGxq#JV
z<KnS+ce^D<R4~vi4GaH_>!|mOfRT+k{<_e#7h%U0r=kT=G5~F6pUPv!tz<diRG3bn
zo=nhP$>{kev(^jnWz~2;``zdQbcWgH;nd1;Z>$dQtI6buyzcJ9NFuD1@d)_k{6iVr
z1Rb>Byjf3rE<2^VxPX`R>2C2kMQ{G)&XL~Th{JQ<K8t48t&;cko>31Q*#B;rIUo&}
zLDi-n1|*o{|LdHqZ9=!!u+BZZ{eDrDhkX0-W))kC?$eUOevmgy61{3dQi+QE7J?3n
zPyW(SNH_yi=Gx;9UCZfeTcr%P_>kA{h?2L5*W`3IW`PqMG_plhqQ)e=)+{^{lCQ@D
zM>tB#j00GQbt)3IS@nl@bNznw<jh<W{}@aRtVAZ-r;AEuNdo-!8I$}`k=%ZT@>^kC
z-rJQa+TBT@ff$3AFU#dpSyWSnAGm0l+lE+7Zf~21OE-9m6bGTccCDR>$x*w-kq!)?
z0>)NW8W4?OsI_y8Ad>&~EkgyyDPM1jeo@$TZ=70NIyyNS@6Ks)46t}a5*Hh6taUK(
z66=*vgSLP{B@yP4{nYnK5^>o0={Ey1I`RYt5m@Z(`aHGmq+RonP1ij$aH`9+S0=_;
zjCt;h`ANL!(}u^vw4OVIcoSBZt2mxGSaeb(+8b+b2`3zra>6~6S-WbQ4I7J-<&Zg9
zwy#@g!foq<y(BU&u39NwNdBbd!T$W_=A|fw1U!mDzCr)!o3_H5(jgYJ?jVE<_F{iJ
z>oRNSHNP8(OH`*g)%;?%Qr{K^)ZhGYnj*^}oX<o-*P0~6VMP9%TQZiMpD#fi@cigJ
zH_y444F_9BQT==<$`!By!k57MI$mZTjspWd`=POJtw2y-;q&h&kFE*fK$x7lsJ_4t
zz_GfP2)X>H##B<vRpN6TClytmN*}PDZm%@0GGd#WwrCd)0PMGXs;9HIH5-H1!))Xi
zJM80TpLrx~fwdIf+|oAO{BVNpYAIeBZ;OsM;=B3HQVWWh+c9vJa$hjDjFpePzcYu&
zvMMK8pWr%#kMn$D5KclNTcF`*Ht*VaDc!IDr3q4I{u%44W=$7%L_%5``<T#8dtM6j
zDtm!!+$0IZz(>G!-F|)FRaBEFwle}a91l~omaeY3A!>?A7n}kr@ki@9w(PfkHD4$5
z6Az7b3wq?x4t*d&UjH|#EI>LM1$UK%7TEH%w9IHSea%)^6g<%Y4;$?32kosNfcTJs
z0r5fPn!PI42h`O_>dvRda(yBk3<4BO3K4JM>|LO@ovWO3oTFH28(uT=(u=~-F9(Q5
zhP{uXzjc?CXRCEoWzZ;#)rqmOHxe^a*_ImZ(g24fBp6dDpF~e`Y~m^`e*2pt*PlMh
z|4qId@AwsL0G0x#tixa|IhW<CZzVC5rPFuwB%b?ju536~6DOFpPCp;O3)BdBf#Njc
zjj7BBmaC4Xu^XI}!>^aUDo3Eji_F6@4$caW89+kgP9O%srDd~*3OTf8$}%1-|8D3q
zM9<^ypvRdY*=cx?2-b!(V3gY}M2wQA0tuSH1@qgRbc(bb9CD!_zkWcJ??t%c@q@#7
zNp=9-b+tEU?E9og>~!cDLj~COR6QY~;nv^bKolm%c%<ZhOLqFU(6HI^t3J;G&PTV%
z`%`UcjUS}((E1qg)I-NPj??xRgX;~_*nUk$joDIbJ9g!OgF4_o{oLJu**7?7K(Fd8
zb&PHbJt}&1aeO0+0$20=NT`nG_gxA4ZjRL9dltV7-3u;-r9}`t${`SKsz#C7yFdSx
z`;=$RJmsHLWlXQGg>NgZ*jtN`PZ7TZ{R!c{58xa%AB;^%WmO8jR>_S>NGaF;mPj|O
zMJ7&*El^3s!+DmWSGPN~blP451K+wM#NnSc`x6NXX&MO~@3}AM`^ZQVBmxynZMN=>
zhafGChV+_IWwFvg2j99L{-o{nTQqT<D_a*^R*AJX%P+4ERV5$;Fj;sY^;<H2cSF%M
z^*-Ei1V)WFGao<$Gkv%?7w`7J1J^b&mP?_diHdp<b5Uu*M?(b^HflFC+zLS~YDWkX
zC~K%Hh1D!CkSY@7-P~pird1i&)X;>)k$M-^j~ss$#Ff6pkX-<LHp>hA{Q8Bz4jnr2
z@hZ{K(I-IQ&QAZtv|I*c<cNblYCpIH0>%TYtWwERu{7jDoeJGA8r7AWZL!*B>?|yk
zDrAgo5iR*|7<;Z`<j{xZ(7;5n2$yrOvP6I1CMo5LX!g2J5L^bG-xy!K6=C4jnGyrG
z0t%!_%Cn+cpBsDqCh7`{5$6b^W&$QAWB;p$M!wJ~qqf<17+zinNFQj(Ry9k;kZha)
z0*Rw@9GP(OX7A_M<^5x8s@XSrd17CU<do#_3OVzvm?G1H5f{tMk_kA+SMiy!DE)qy
zH8M!^V&S2N?m=G*%%PM1Oi~q@di80K3TC5scuF(dYT8mvUvlYH<-5tgh{<vtOqb*2
z!w4V|Q|nUu<4M4~$9wb_7UFrq-Jy-uvaw_{Zh2FvlX@h)_F6k_*Lz>g7rhCjEqZ%<
zXt`c!2nh?h#(`D}Wq~eD<Jt!E{Thx=$5}tE&PN4^YiEqMRBsT}Iptn|A7hViy~=N>
zp_lQN3F{j$N~T!x0R!Pr0>T(HOm=EB6ILvn&aC@}PGdEOB8w4{&Heo%nAe8B?NZV*
za&Z(ZuUW(qNrp3sN@*^B89x_S29ff-&y!Xmef6GkcPw`<zkHsZ(ds^Y?fE(kWmRB8
zmMTpGMnxG)0>S2|*pW1P(E%0*)JKraH#>I#weo&Bk)A>29V&`9Nr8QR9FVb%g*EdI
zpi`g_sXSh9Z$jLS5CHZI1f%r0^7q)ii^~&baBdun_4btwbnzA@^(fLhQEAV=B12|N
zsUheAnHVzDPIwKO>*F<cR05VnbW&bxUKH~^Ce67j{W>T&iuGgz3@}4D24w=Uk9|96
zu;m%)CZeYPN`f5NlZ%B9Vi!EV<yUE0^SrP_Z{U?e3pwizk}&|xx=<=k)1D823D?4E
zyPj_47r97bl@`gKie)fvUFhF&zo@(o82g&ygZiebTb+B`K|Rr6iuq2LlEUKR{kZrS
zf%;TnP*C0dmg>|rCy=P;tQ7{IEB1SJRNBz56y_B8K6ErGg1kW5d=e~SXaX7RVUN|v
z>eV`zU6l-ssYW|e)-aUJ_UEs%i_~!NBDsD$^2GC9T_{3UcM+{bQ3R~1z;)YJa0p>Q
zJP`;dFu!Sa2h#0@Tg6}uUsAb#6gM!euVXE*VF0<t7k_w_&-j+a<s^%sQwk1l78)9M
z|COD7(_~9BPmMd@L!HG~3adfW=MR`0sEtQ!)ww8Iy3Bpl;5WGeoUf<eQhEMfTQi;@
zdGQW^x$or|5YXStrc+F{@o)V~G9f65h&da}IGk1)PYJ+NHh64Pu{a%tL&91v2#4}R
zqqG7gYz?Bj1EG{P#ksMrp$;7KQa%HWNXz5p76bn`wNf-(<1z&MvNehTxG=i;O1n}A
z#;H)KUxE3e4txWENga(KFrCIwlP^w+tw)QQ)IjFD!kV+lKp@jy-sK(+?bYEu(xf~e
zAUVME9)dZx^U^+C0l3eBCQ!0iWuV!x@RAZZ1O%&k*hwmuC~{E1^ZdEF_oQK$(HoZ-
z_$`rU4`1KlzJUQ7DOnYjDuH-#RbX#SX%OUsjrH=XC*G%uHrZHv7PKP_4s2LBDG6~b
zmLruu89ZclaV@1IF+BCYTjIPtZcw)Q%A=2PuGj9Xli)ASZ8!YS&&zSg55j9MtGml>
z4_>1TjEQ`<-1h0+NjZ4F7#)IpPFTbgreoHt?F%9|T>BtgIRpfRc_z^g^m(G%Zq4h;
zrN*VMefaLgf)wI9?ptDl8lO3PMX_%p^OW%9IXe!kweW(Cr(!_1?(Q@ERMg5+&Rsa-
zqs5Lv33?(UaaHKiTxw1<RFeSt2zh#zzWxRl^TJ;XKMudR462ags$R8VpxJ%Wf$hZ{
z`r_&dtr&Z<+%i>Vz0{~I{|?W&NESg@zkU53!y^D%Vg0rub{;`NSU~|m3(WY5dU|@_
zk1#f>p)uy3C2nxE-Sio7DTtKk^U!H}D><?fsYp7&S20O{X-;)|g<<)Pd)TGuOPB4O
zeI{(LO!FA1r+4D>Ycl<ME4|_@wwvq5W5M{e%qSp|lPRnG4hCv2i~^U;+)N@rC8@|n
za*WcuB%T+Zzp5iQmvV1IL%<ki@H@|r%hnD3#}eclb5C8q%}u_}oyOeR%IBp-Pl|Jg
zp;+_SEYiD+yUQmzWo2<kj$FzhATqOLs|F+Up%eXZ1GIh(M{5R!9C3H+?!={CJuIQG
zFM{%1ng6{oyCerM=>MYbt%K@nx_80g?(QzZHMm;{p5Ty!2MfX7-95MlNFcZbcXxMp
z3j}waP3(KW-+iZQ=8t=8rs~wG?Yn#R>ebzAJ<r<2fdQm1x^M)S&{-B9pgzHcc)@bO
zf(7Fu`80kY*2E!~Tnw{Y28H%}VYkiC7rZ`hnRR-VfLbK$lvh$aamK?D_55Wi>#BiV
zn3D0PvN>;h-@&^2H3K|~At<&?bxP=#Ds+s>#+(i1qP5H>tTK(l=hXOdzuwMg=zB!0
zZH`HYt9iL4(dG2n^(0YlF$NeKDgf`{f7|g=o~eaKhf?>)4a3I9T><D0p{KhWfid}3
zjs8*M^qmLy`p1`$Fw>cu!Bsi1L0+&<+(4N>d;`O;2wIiw&-@A;`uUqjKe9tJ*sCHO
zaHb)K3wFjTwzfaf;Rrr&&!bPFU~8MUxD27D1}7&4x0etmmwX#-;pIW4&+*Jo;5DSU
z@Y9b!$SXG#H>GN0rKr}GA!kEaQ#psZ3$zG+SN!un@={Mg!22Z32~C;+E}S_Mn&#<o
zz%M-g>CXA8?X||p_2`doy5y3v>Yj*rGni<rg5e$tCO@wO@`X|APjDUcx}}SU@%j}M
zOZ<H8)0>+*%;e?KF7^i{JRUqJUz(LO-rYBh7ABFnxqrN?puV$<1S)Ba5d~Cvj~T5!
z9Q(~1G(dt+KOD-H-E>^08cO__pW-3>DV_~<)&&z*POM+opjnB4qqAyTDREFf9XMhE
z_7+T9sq||`_08yh)q#A)2Pj_6N|wpXrvoc`PkW<2G96agofFExBqZJf1^2SUs#Rh%
z>ghmBJ1nr54V3^CEA;E%mOwxU%IOoDMHc+jG=XSOrAA=-pQR>6Ylp&-5JP{e0}2JO
z7mlq>9zekO<qP?5sWQD3CJ#Vh3JIWmIzTK5>=7{5h$C`o%F0RnZZqvDFL6X1ZA>KT
zpDh>$>~U#YJt;_Ha>y^mfUO|~M8Z@<`&&S`KLxb%|4cv}@ttSjiWBP41=c`+c~UfC
zIN<&{MDmd+$gAt<42ntdmWn5#WS{^4QVf`^C#MLC$~k>FAHEg-M`Vy-%*@OHtg2;R
zYZ6UcUxWkpr{XC7RGii4AjOW%#81C^#m^p4Dcv&Pk0972xZ=q9Tjxw@fs64&+=%!S
z#w0{U$l&4Ozh^qyKmXmj<SV_9Zf*^$>pvh&anl<RI2@nuGjV#l$pgvE9`d9sPbKxc
z?C*vaf5vi%K;j=`!VEM52MZYSTpv!MH%==QG0-2Nus>A=Dypjo-T8=acI8==epmQ?
z8-J9rH4~zxldG%i%08#jucE0vsoSJ#PJGuJb#*_VHt?hR<lnjiJbc3MS*+8IlT1q<
z9N!|vub#{G)N_&45_aM~QOTZ24<l~fC{Lm%sAD6E{!zr_X9CQLmu>x_YyJu7&UI&I
zrdB`ukuz|sQ%kZ;!;zQ76z1<PpIHT`IFR>4a5CffdkLR(6b4qYI`p?W`=h(GU`9T6
zqyD3%;+b1dg-A_1!2I3wf6Mu&6+p|A0tELRt%{iHk9>c&%kRFeXbT=L*%3vfK8T~?
z_*;?x>qUI1CIGa9uVsqxcTfLgnttt?$pa>HaCTSzzux)l&8Xfkl%#0c#Cm&5zu)%H
zH<N;M(g0_-_U&^2BjTS1`{%B(0AMVXB1_L{|MkhqfXP#`b*OvuM+^R0tW08{-{nco
zxO{|F3Befpg9Z4{!~fP$c<|{;9=^rD%J<JADn>pDmg2p@tABmV|4XqeB0z>bbD9(t
z`u;~X#4|?$8#uZXFAIVFFHJWLNUxoJ`fbI(ob;BIYAMLeD}5=L6#ik6L-${Vbi@sQ
z(s5KnHSPCzI5CqH?&UV?l5_lNfB}>B19-oZE5l^$zcvBUQxgPQO`dz8kAO{kfRAtf
z&vsnVcv9ji7xOCe6*9=2Am<)Y^W^_rr05QQ6Qu60%H;MLFvcK4B)NYR<cbiWq2CDp
zRlo3|0QC>oPvUs_Up34#0=FqDG0OZd4=J802n;rPD19!#*Eat)?B9(RFhEnRTVN-F
zgeSia3LB6sDno8;Vv%!I!#ZF4_Y5<OihwC9t3y8M7+8Xid=jd0+}xk(=m2KUg@QEm
zsy;!@AS11d`Dg!G*?p?<4f4nxfuC0c7Xf5FG4RRal~zc?HVIW#uyWfFe}sp^phvLg
zdJ@7w-PO%aqctd~@RnzmkTAC|N35DRr^0>?kp@7ij}kvmiT`e$mQz^8)Slkw;x3X+
z?zz<xp9tWwCp9#9^_-j`Fga=8`32mxE$b}dP3q;E{}PpUATX#+YaoP+|B-4YHXM-4
zl#G#)WOf#c)-W$9Fa&2PYK*;oejY(YL=YC?+&?2@P1ekM?<@UJd3y6c^-$#1eDgoz
z^}eAIZuQZlFx|cG>5p|%nuS*cJ_eJm77z)CkNINacO$jLJ&kOelcO_#TkRtBneE$=
zTXKqunOo5!7f4!=U%-`m5S*=X-fwO5DtH?I^Xap#fdd@Rz&>kRJlk=}ft|nyb9sx2
zfO`#3^c76S#mLX^ikx3oR1)cE7yDN!UC4n_rVH<}{#7k|sZ8~j9(EK&g+X_KxnQ_N
zBPa;sL`H~?QgU=v7Wic>Cy)W<scctj{Hqrns9;jCaP(15AzsnZ8bLq!Y)XyHk%8}4
zh}|t|=X}A+ByH}Av6Ga%B7ZSO!l-$b{dVu!H<N=vuV;s5MX3IW0dXv=xuP=p{<1i~
zDm6g?yy6^IEAr=b<*BrJZ^6&_U&=5Go0+9c!Q#TfU8`3JVic$v1IdmF4c}pT5#vHZ
z2`edCqrZ{bM6<MPneOh7aj3Gy@$;>N%9hzC^$WaKu7%wPQjiXx7}Cxf$JK<ngNQMD
zx3u82goNOQo2szQe#xOy1~9%qPLwVGisk&Jm&(hSHz$Sg!F<&Ng`$O88U7ibGM!%r
zXM2X2IF7S;(`h(zc9mMcQ@pK*T(8M)A1Rh21qY|AF1_C!McWN*X~~yBNifn0{2Bot
z8iGoa;q&pM-Nxp2c94<VBa{f4FC$9}N*OB}EDB0A?nZfvI0P_ZH+c{A363hPai_nQ
zChVDi=*J0u!*|#<oY7Z}&gwT(ydFC75dy9@(K?FktpV>UOEPdYJE7JRv)e}2M^OC&
z)tD5y(cRg^C4LBj@8W69l(B=&&ep~U`laIz;ddey+@a(9O%)}#4OgQfh|WEGs`Cmt
z@Zy>tQ4`$15}2eBPGJ=gSZ-j+Uk_KjPk+1Dx9ECuG(P<G%D|Zy5RLig_l1$w37h?y
zQeC4`{^V?9)os$_pGfJ(hV$cTIkIryI5;4`uw3*lEL?!^3_THk{?0EDD%;*14zKte
ze%u65c>JeE54WD=*pd|UqG7+j9{8vOOF}|&`}!0S9Pl`|XGw%Ut@-4Iekeo2z_@mG
zaLS<Nv4b0}gWK35M90KL7QVkcZ_9*%h6<x<e$$fowk%)?tc=xz`?$u6&|O*mGcg{b
z81M-!|7Oo~bl<62Y^&%9uJ;Sx-@X-^A>c;nz3B-u#|ur|VR2&D3;s1j5e|Q{f@m);
z8=ngakpR(@mojo<>gu$~9Hwh_<s3uf<GWM%kpR{aSo)K)u#C93PFTGoc({gPZsJD>
zZPE%W2tewLYY%K&UTzL(+^y;o^(u)(%kI+MJ@oWKo?#wNjA%y@8i;B5IvMsX>C2bT
zdX{&f+oNTGmI5FCtj>Xknwp%73JS~{EXaHoJt-+^rqbN8l2~5MH|vduh@efmZN5E9
z>{aFa*|D%>z*i0Qv_ic>)<A!MGHU9%m<N>!C!y{-Af&&))JU+py87bb3HQD89BQzE
zh3zCdRl7dGy%M`Vok<@#OeY~n?>O>#P~>*7=MSMoQOSauXQ}osn8<>(xL^-Mm(<no
z?LLzD_-=+rCnbf;X*p2P(3A}L0FGh`ZrW$9WZtw4D|_4oNg6!2uteV84?8oTsP691
zE;BD2zqtUDs3S~ZK;k$0T);DIF<)h{RXBTPx5S@nGbZf>;0;ojk`fXEnVU7eV7e7r
z$Y6;4Qo0wt+L8IbB`X}K_B-J}?r%K5Iw>e&y+~H7`LNH4?z&)jo#C;iu|HD=VVvd+
zEzfuU(Vd_11EC{5wp#_N7tWINx;>$rm18xlD3|4INbj(Mgq|MRhuUk&Zy})trz)RY
zZh#>2N_01|l)4G6;PsCC?Lnauq|>`GL${M_e!IgdBzB$DfXDko;|05UqDg!j|5*x`
zGhqjZ7xDMk#+3)AqYY5hg4ej<zTm7jXX+SAeOv(8)Gxq)ZD3rXJ&GPWTW(L4DuKHr
z^6NOLrOmQg3>Yqec{yXeAU7?n6tOj=q&5$sfXj}1{752#@8nCi1#X<K@0A*f&7?ri
zC!^_Cu+kC)Nv``NzG7A%4o$v=6sQ{-$Hg332}Ls3)){H>$Ha{7-w%(1gWru*$+1I1
zUupFqol|3g-msS$bb~hH&;jzI!vSvK%8Ic6w({Ph%1;B^(gbvH6Sa?IrAGbO{6gnY
z4FFD?`!sC)XbfST4wF^zdf#@zp?i_Lp<A!!vY5|mBU&ox9S_ia3yv~pjX6S7#afZ{
zfgo=swMcPgWy7RiYAPzd$?u#db2-7zNHwuALm8e$Et#!iN{Z@1)msfA6v&54+X#c@
z{v>W!Xa{wd9)5v=ddJl|6#NVWySD6XY%Csa>lcC!J!CKj2U@mAdzLa*!;L5(wG|)?
zE%nLE%ga~x)(w`BAMq%`xc5uNqGDr1g&yw;Hns}|OAWT=omi!HUeab!JZhc38%$n}
z4m=DjDIsC1zk}ajOwnC6ILpao6%+B(;n1axu{)SRLs{}HDO*2$yf&sF#uox>W_)Wl
zjD!Ry0tBFrhP&jp&bPMrLO(3lt)<r=w2TTw=G!h6KRhdV8Iu~=aK~$<VCCIg5%xU+
z0fRBjPmkSx5gek?ddpOad-ux9PesvVa(Eg+Nh!SHbuXAtPQr9ub2S<Lo)8M7i^gaL
zc}Fm9>-0tOqIA%5%KNOGYzYbfPb&TDS9HDGV8uZnaDbko{M1wIH|Z0r#lz+nQPEk=
z5_0L!9Y7hOrSE?5hT#e#8gzw;+9^*6wr5{H6I!X$+CM!JdK7I2OUTa5d}h1s0U<T%
z>*Y*J-W6!O4Bgm0HqQQPDrgD6r11e7lzblIZ|3%J97xqn&m^^LesHTTCN*DfPtSC~
z)dE>SP)rbtz+98L;i$bnGJ^Vkv2IWtamjJBlnj^OB=fCUD-A0v-08MwFdp-8xmBz|
zqyYYSu6&ij{IFm~;4QHmE?H}9&Bj_&joFo=pPwH&4-ekymM5IcgCZu+MPl~xNth||
zkI~JSJ4qk4r_z?=mPnB87(9yxI&gHT^!umwA%5h~T{<4(`ydR3OU}Ol!&+*OLRXMK
zO8S@@@PiM%<&r`Q0R=&1Z%U315k(Kg08jF{U4a&4_hSM7;Q{{n*9+)L|EGaVF$9>%
zSp>2{A}e>ilzr8f;aM#F>J{5uwPj>GvH+y%?yh>H3zBNd+t9FYc0f!Iz#JEIZ>;#z
z-IJ!Lq?lW;dft@{XjdfJW&@!`?u`*&Gz=n(;yaEnZf<VYikBbag`)%dZkivv`r-;k
zvm|T@U3yx#wwevP<?CNiQbN)YdNTO<_`KR0Y#`>hSgbLPrCNPI$AKM4<dT=>^Ula<
ze&)J<D2;D5$`@s6d&AHA!t>!A=Y{2xzT{hgTse~6t!J`aoEH8$-wHi_Xbcxr>B5PQ
zj@~+R^P)&g%L!Q_kUlh{#N_tGE(!DufLuwuG7A~xDmF?z&TLiH$S^fEy)y57RjAdx
z6ed_#UTr=-mB<~stspPoT5i;j*6di4hFWbpK4$~YpmD<YaJ@}(b$vTO9C0v<!I;`{
z&a836SM^~w<lSJ(>{n;6W}&N!IC{0&nG_C-kalDqT!11{#KA)y-UXnf^#<oEXBu5m
zz#+g#vYc(t_MIu6UV$`TPo9M#GQ7RvdvP+sM*#r@gH0Cmu_E}_tojWUlc%dgvB}8D
z;9}EViTNCVv`NztMzYHb4PL0~>OKQZxpF^Eg?{I&yT(-#zW~T}Ka2=RUWbD{00C2W
zZM?lf4uG^TW>*DVNNG)$3EBG}@5bf#Yjg41*0#3;bv)mKyGZWK1;L2n*8$&4Fo@up
zlRrqS1b80+m*}z7eouA2#IW6c^y`~$x=!qa0_H8xV7Zhk-MKKF!8DhFyaEf)($V#e
z#BA4t(-{HRi<R!j`>?lsj%3Z5Es!KGSXSv_6eaR}ifGw)fbC*C9_z1QasJNn?fopc
z5QF}X!luRemqG6A%i5rbh_<xq<q(eq?S^5bh5&L&JrS}lZFYEyVnS6LBxfp0%9SF=
zt+`w9Wr}p?8|(Sp*z^=1$E_ygL%vuVIq~Y^x9^vaDHGayDq=Ibr83;!HG8_XUAdq|
z<gbk?HV+Tyrg$`Mc35@CCuszgG|RPJ3VkM}FF0sqAw(1tbGK^c8I9jyCvCajV`G@W
z(bH=pCV0Jel)qvOC1pNd_dJVSjNbiGyV`>fU`@)L7#vkDHfj+-UftHNV^5_%EkZJf
zo|f{q9pQUmFm(Ebnw4{5^(y95D>0$WZArOlAz#Oh6GQE+<08m!b%)*ztw#tzb4At@
zzvXpYf<X^oQPWBBtv&P%y1U~Kh1uGrg+i#)V}Fqf-HM^0z~OjrUQ8TZF~keOA-mOZ
zjQvH{6D&8)hK*_8RuG%<fmmnY5&qiQnfq|T)~a8QD@!_79fLoyK)*|dz14X<Guwbo
zLD^ImG_%d0YPS}Abrq|?YWbjs%jOi7*2IgRc=DhiloFU!GSD?;G5^Ek#S#e~p0^Cs
z_t11HVsEZx=jygpT+jQ;w)Dq!g~y86`8IM7-SeAiBmqP*Xq^avDxu*yY0>;xhB$8A
z;I|wf<?I1xOJZpW%=FgAWSH7M<6LsCSK6)5F<iNjfzmk%_NI!s3@V%&dlq5jk~umn
zr^DK28;9u(q8`iM*QTM5M-e}c+`nsRytyH?^`*h6U!I3y)cV%4qeL;XSICa0Nte*-
zj>7N9+;rDxQ;JwqNV3&%U3CnsUFCx$(-)Yx(`;Wz>Ik$!MxT%)BHc=5IKg`|XhDbQ
z5JHd)@Qjaa+umN*V=8@KcqFoY+)9y1<Zy;}>igijvMkWYGhWkplTSZdf2pyxG(6?G
zqKlDcGGdET?&)DIi-v}l$nN?D?|l5ra0`KDqk*f%+{f+r4-s9)R-VHi7Ra=BScgRA
z7gZwxszsWsqsJ&~E50an6iu=&4&`_)nENx^S5hS1!$OZ{dhind{zn(9_f6cJ8yMEz
z7S-xmy<>$<perO|Hzyye9)?Dp-fGK?Q|sFzE;TyLBArJrCIUMsn^POP6@&G?Rx;GL
z6Wicno;B}#x@==}^@p@9$(Xr@8_)<(DJuZxfbI#q0(mh$59fkN2Pv~n?n|zn5It(z
zCFfg4?(aPmtR8I!S7xoE7=}6-0vJjFt=kC&iaDeV%-h>!u`bT}y^~pg@AKkUF=^}R
zD$-T&2V1vKG0M#3B-1EQ3r&`f8gH%)fYu0m$q{V-K^q3@hLpU`w&3IYMNleAww=k#
zYNjGIOy#mmcxQkz4-?$GYjk2lI8nryC?odE2c!E4be9>=cOTrly+d&M-96U62CJ8u
zVId3dkh1G~UfT!bd8P3>ut2zvZw=0*MCk^QoPJoazqPpdv@p7ZcRZKM#c~>_HW;<p
z_+!3O!s;dL3(Hwxiru)?D*_Q7;Bxv-&icO6z-nl=u~q#_?Ok(#ak}eL2U>dKSYEDP
zzk|}UV9nlz78(%|624t*Mn*v8-gF9D*Z4?HP5c&8E31pE^J-pp1WWcs?&H1w!D96S
zKeC9o_q(8hTm2?D4t@(q+y-k#O<jdM5POiR8;Pr(0=t9f+j6^%j`TB*L^gNmrfY|2
z=T~Rk`-&JQG3c>Jdt;y9m9lJkcBr&lcWy$U?RGq4ZpKSse8h;&l?B!|4~F29z=vjk
z7zzrNJOeoFtiDN0;O&9Pts`W<qlKn#_IzwpA2-1pSk|d9GP#9Ze7}9b3Vd6Csk>KY
z(bGRH7CS>-W3+(8{n%jpD(o%3VPuk5>4G1zOEG2cmrvcFVCLtFa&U%{Ip3X?&mo1M
zzL6LF+Hur)KU9CbyRDNb1;I7Yr&92~1i<>k^*(=o_0XMB>Uaq1f6n^82dfHsFc~W{
zCEVP8*d1jK#A3alm_3-{O|vBPs2%{&aA!dEt8=W>F(0>j@>v!5&%>Mt6r*-Vngr_X
z4uU#53=7q3(E%XJ7Mk_pTgNq@(_v1_&|DgMHnjDG<@gy7^Vx>lU~CVMhoB(X_B6+Z
zfGuEZI=lTv_hQd>fPFhI;oZ!VP3gN6?GTAG5Sc4=#``(SDVz8E!I9N_CNl~iThCAB
zt%D#H_<7Ju8jrug@z4-?@-MkRLJ-=Equ3pYtA154Jt8RR5kcNgUqpx$JhAHKwV16#
zf?y&6cagA4-%cM#@D^#kx=4|@GPt%meO9-2B0_B#l~B>;et&c&Rc0{F1mNk1x|Y^Q
z#2&F`8?4sgx(zmhR;f<iZg!=eHqUveYDq&%!aGiyAHZz`tUzZBi980HaiRhBLAVRX
zXH0uSJMi-aT+3FC!G<Nn&f^^%E>Vjf{c=05dKqjo!c)ks)BW@F`Abe_2GT11fzjLP
z*DUdmaeAL9=d098*yJq^e3{aGMz`-wzFF=y%q3=!oa$dul!7aS&k=^wUsPJ3GUa@E
z_mNU_bK9@@t)?%Q6rDMrBh^7HPPT1sjpwO}(@DWBmYRkE;3qOcd~%lrsN{FEPQ?cu
z1K3wgf(ypvY|mzy0eW9(QiAY4u4NY(+vUfW;@X`yK?i*4YWKR6=F<b$MDAT4_BI9X
z1NAT>_C8TKr>xYtwD3dEt5LeV_gBW*Z^f$3jme>Jx1JxfN|E^Y-@FYeep^RMO$`lT
zK;9hz)Dq>pD#KvBy+TZ@1D-}kJD=Q6trwQ91G6Q`Ffc+OmQOmSXzPI_o*f&{$K^<O
zN1BKNkcfOh#_4*{%nByB9w%%4>}5wO5-*G+D(vjhU65syF2DsJ^_x^2Yh60xxDT!j
z7(e<*BDa%)Qm^3!ug}=omn<81B@qcnn#a)75FayF8;(*e!-1sY6o52O8RRoqH!!`@
zGkA%XnQn$|YA+A?Mjppx26R71vDwcd-qq?u%~e_$s3^<x9s|QYOlE0mi>UR^!_Xln
z`9ag^i&Ox_7GCr%sMXK^o~gDcOwR?wYS6~k_NY~g!~n?tZ*UutRz=d|voK3Y4lMvT
zS7~l+?tEw6P0B*s(||zxnnjwTKW@x-z1BFL%^+z{#(MqWmbhc>&{H_j;Rnk>*PgZA
zFonfpZ}cZt1))>ICheojd)GVP%k|U>*Cf5+2V!8ESO}_^YH%j5c_cnfg@c6^S5o=}
zhlRp_7UVx!+N@^W=+};N=)I6ih~b=wp}%<3ELVf)JQ)`h7Q(R_>VpYY7$P3Vwd6L>
z?@v3WRO7O;R6kl}p#>z3QBU{lT=tBF=@v56hs0~*H^}!_DpLpy5>bi(aiT1_R&T11
zUbbbC(+jyA-lME0EPGUx4Y--|M(|yz8=OzgAL`y^D<ozfjouz+z3E;%LUU2!=W>Pz
zd9E|oAA~9hm6xI#lSvu&XrrIi;W<pcoZl-Ma+!^}J@Ict#SY9xzZ{>y0hLn5b(6Rv
z5__JZ$=LM1f+ZAcv^;QK(L<owo%o8e<n|+uZ3$*``C>t$<E4yD^<|S3vHJoDLV^Dx
z$e;24s9gb<)g`P5&OZ!LMxW3dkcpn0nGqb|81%Ykfrnps({c5XtL%1d9|OmEzL@;t
zT&g)#-&&DtJ6#a)=mtfcNGU3wx3zqCy|ce>KziI4)^t&oR)^IodCOOw|GFb6QlSbm
z<IKwLTUAjCIUC!+62{~&m-I!Xmw4Fy`sRh&bbL_jl_P$DFEfb=>ng`Sp(Gj-Syy;7
zhxv;oXUAfyd;>QgB;Ej0Syw%1!K)(!1g_d2@hJ=?lDlru9BoZkHr~Oggv^a>slm9~
zg$P4JD2@vb70!gEC{kfOi+8&M!Upkc9dYde<SnnVu{;x3aHk&|TSdVI@7>bx2gvkU
zrok0P@v?{Dp)e7cNC3b00~pojn90V8a#|Lc%xHNWHY@GKk)s4{+qpq^V$Zq`-HRz)
zi>3Ga$l;Bjd|}p;M=5^zHD^gidwqI7Akt?1R?y08(}7li#-)#+#~R(^W_cKwBU7jt
zk8`X|oY={!fz=opIllkL;@$w;^()%8I{<v><T7R(FXTt|+(0Ul4aIMa9C~rBH$_ro
z*D!vd$of$XC55)*+-0T7^?f7o0lKrgT7a{|FyY@-oE_ciQ_|e^1|x&rdgl|&0ed9A
zi}Mq;-09-_>sDGjKUm{XR@9kJ6Gl3Sopmj7uUoG-<}<F7hLARwLs;$c^5cq=+gWe!
zi=l2B{;)R+JhcOj+F~KrmrIwK&RGi{dvaX>Tr3~ml^25*_rR{#2;%s1nLswt^?R_?
z;F|z4%7`u&s;xBL>op+D2SV-I!v@Gc2>0v&Xd!Ft56Zk8fv0b4%{Ys39k3E_eWtZJ
z-4cTd&lFw0CrQI1BDPf{G?k9vNUh&7?Fx-F81+Q^fQ)#=^Iz>JB_{{0%kxe`#!{dN
z5sv2yM9w7cu(iQ@UM}5|tUUyFrQkX|Hag-hhiICjwfjXz5HT)?RCEc5DNu)~pBd`u
z51$k@+3H)#o;4(KmCX2tf+XE6U5&Ovv702{k$B!DH8LMpws5WwYcy`$oep*O(xfSF
z*{@!BhS4SIN=kyE$DX`Gly)=_VGe^@rks{hi8<L<|7<v7BxgObI@FJIdMGXX4RB#T
zx(?fLJ;V(f-v<CG5P<AvZde$0W7$5RRp`xKF<zJ1s`>a&@@j@|DVd-XsQhRUPVdmL
z#R5aKvIciUd9Qn~LLLx$7=1$wvIxQLCUFGVZYv=67kykFncKVE>!+qBryGxL2t(C|
zQ3JMR*6WgpjruIbM6Tg)49tLJBJWC@kEiCbLU1|IO9=Szx6^GM@YaL77DJhv_4Ru-
zfKdU2%t4tJ9xaJ&>$bmCkt^Pj>CI~N9U+nPRwdQ*fCtyH-F^%GaNmQ^KI6g%j~N-w
zmuVGPIEJZ#+=&{8c`>GSxTdxgn?{2?&W>q*)Q!sv;BkRG-v+N94v?lC&0xgiM)jgw
z*6u<_d0vm(g`f?rAK#W6natN!Zszv%4Yg%Q3K@~nVxlI7MXf?_5`^#7AG)_7GP-0a
z2CcBa3dK#O5ED#<$#To?X?umr-<WZ=vCe($x4w@aNCS9{<DK@S1Fa{Nqz>3WP>(d|
zEii5gv^KUWCe9?{E&x+4>=4n>jV9NFZ>1q8;Q<0XHjKNoM+0vnwYd9^(6R?A{NUIQ
zo41)x1!<ReSXpeR3RG2N&BYC3ZsUrm$-9`F??SAr7e3tXZV{Alp%7DpF)r^kT8S*n
z0G_+>_?Bb;ud$4f`QL)dj{2Rc$>VeknyOqf96vP%?3~*G%9j#|7Ml+8=wvZ8e5XIr
zQ?MWUiKwA@#++(VoD-y_!ZVXEj_7g`Mkp|KlYVprforAVnVU|8i5DSsZHK`pFK{gm
z3<i?^md*g*AEd0(i6bQ#7l6)+8!vfS0c5F2mO|Tp$&BsNWN5sdsLQQ)=eu>hfvWag
zo)z=Z7e%n^t^_*~R*W@xPh{0%2P+|EL`;EB;e+f>Qlk1J2>!e^b%`p&E#1qqNyZd4
zIsgRb3-hA0Odu_Rnc6oI*VE4_FQ}D{0uS#|CG2Z)P;^vc2oYa@DDEhrr_a%{1wraR
z<F)foARq@B7hQ~eIW%7$y7aUwLx1Sen9nlDSFspH;Ju|l$jOwt5qSrhga|9xyaX>i
zl&NlH*UtpC;h`(VX+JoZ9+Oqwe<R+SYb}TZnRy%rNvy8U^XixeJIi|8qFULhtrs#D
zF+1~kALaoy=nod)s3X&h?fUvFHawf#4pz->*B+x=yN1@;;-%BU^%@IeU{GsL$S^-2
z-r<n@GU5cgg3utMvT=Cu3!KLz3SI}3NG(fZV-=Rv%D457DX6V%;h4U~MC@}XqTJ?~
z6oj9J@LsJQmFlJnHnKR?9kNXHF9R%ecGkVgX@=+DF(L)^$rXWlmiO&J6)Khs(nrgT
z;S@`T$JuXa>|f+tfqwNNfm=K*U5Y5!^`K!fU-hG<YO&3RiOiKWm@k}QQoG?!9K{dg
zK*EVdn=BUX9t{Inq!I(}v3kp<h`b$>u*L_;f+e<_@6ou<lcn&7pG_nvmQ%Vmn&J4b
z!;*t=F};YBj=0g$F<4JKci*+Be)L?c;ydUvK5Z&>!ysuEnm(c77Do&aAH3b5=;-3j
zIP5Vm?p*6!UZ03nXsa0JH|pZRV{`NUB!Kx0_o6kG5%3?T1}kB%<)cFrzAr#$O{`vT
z4J2k=cUz(%$ugg2lArcBz~?aw+Z6ajDyH`(OI5RD<xVH@hTq3GRBWP;3*NS*;Uu5x
z+=3R(;BX0&K-Dz5SH8?Z-)agkR|A&7w)rCtB`wHi*gBHMbk8`$)BDi#Zd7~7Aj@E+
z+LEMSMoa-o!D4s!dMkJ}BAmRdJA-OvzO(l{d1AaZ#`O$71Xl{cs#P^VJQ%}_$@s^P
z&=<<&=C?~<bmZz@9(1s+Qd-P$NGSWYNiQ7R7xDmc-3b98zGpvNqa>gQBt%l3T?6vb
zb?yQ_B%E9Y>+f)_810urcens?v^34<R5{%UpD0+sQ|pG0scA=)PopI7zEU5GT0S}K
z5n!ut7CK$E-X1-`kgP`3A99LabnO*amO>kc=N1kWSTFmcsL|?=tQf-zUw@||q=?n=
zxF4*h7G1FK{t-VhqLE!D*}67=h@B9GYd&3AsThCQ^awT`RyQXe7IKh#)#?Tzba&Q_
zj^;}Pd<K*@OYu&(wl`#9jmSrAJA%mSyr*Db#%>DW!Gv^YxXsC1!l2-rOmb_gWUoQo
zW_b_$`D~o5KwRqUK6+rmE7&gIJ_8&`CcT2Ya;>Glz#L)yHfg;hN$+9Or^KQ$Nj&y8
z1ROR+tb_Z0;!UAV7<&mesGAUR`SA!NK-;?3zm-MYq~{2&%F|?`tE)q`C%TKR8T|hK
zct0nXQKzFu>qA8<w&Suj0n?u6u1Ed%Y4MJgbfX}}*EVc|54udqf_bj~ZD90Gr9N<r
z=hy>}3!=eKGxk?Y$?WqN5fu*YH7UoNKK|U-9T-OoIk_??qeu4rjd#1b83wD>o!6Qs
z;_L}fwq5)uM-bE=Dk@XebZ7?O5!hLdleXV~kny-ii~cOC_9`-=coJwh)FqEg0rmsW
z+vQ8FCY_JH!D!e463cEz!Io*9)Y|SFqcpOmrnG3jOB^_tjU)L@R%k$0H^yz4?tx2$
z5Y)I}Nw>)Lbfa`q4EziaYyvKv1ef%q5s0m_jjxOX+0Udu5X!gpQ8JXxp$5y`-#1!c
zdwtn)1{5r{v8j*dV#AfHAeOc)H@AtvbP4ePBR#=R#iAWYx693XQn{AC<;3xS+I-Hm
zc+t<LimjUmS>VOeOTNCN;ob_&CTXC>sM1~5SaT0f_74+uJlMHB12kDIp$n`=knTSn
zW32r6VGux9AkA$aM&fy1IX!q)OiKezpRwT4KX~gzITEW6_>PY+_-qHwy*|@wbarSM
zT+0nvPkx`IB8M*E;}<fj!+WWQNNh+RP%)OaZ~2g*v&y3?tWjMI4DK@5;_-cMw{Pj&
zUsXR~f9|v7C4f<I-FXd)Cg8!)mUr5hMmV?f%Nr4Pm`cp~Mk=(7NE?ELNtT|>-P;t2
z=gwJ7_@X05lGmK0rS{+f4D4z6mEEDE*OzUPzyT?i1s(4jmdfV7L0kX!h7mD9njx+7
z1keH2E^Wu`A9yZ$VMOkgDurJQSvTQq-|f#;5@dIS0)dQ^>iR?G-P#7}$U~a)ABz1U
zMv5}-h@d^>#1Xe3omV~`tEL6Qy>h+eEoj5A4-5pq>{_VaQV){f{Z47waPf+Yyo(XL
zSOo-FB@^83tt~Pdn)#UIhr9lg_z89afyEiO^UhpqR26DNWh(uV{+%J$g9^c=^i#SB
z!Mfbj#>9j`nH!{UA>5cuLXTIz@ChYlR2POb6N#e~j5NX7(NZel(d^HXG&EEnuD)n}
zsMZ!c6R)$mQpCBZe|_1mudm>u&%!ZGH18;svsO@o5gn7Pb2uIvelGPGYG7^UxE(AI
zD&WJ<Rkl54;Trw%<BetQ&f4bgR3(y6ex7`}{X8)x_16xwMoSX`MF4qg@dV77|6DZN
z;pB6@DwUyLE)ehDuos~<xY_7->)H-o(8L0?sYBMoT?NJ<E<K|@i?R<EiwmK{jNm2v
zbPHf8%v5mI1>>BlW>CVjjj08I;M=3#5?-O^+JJ>idw^%l_)?_cgI%)(Vn7zl*PR?=
z8ZE3aYp&9)PNmzh=nsnwt}oGiq0=c+{REo^Y(*mD08iJbjS9;(=(_7xC;2*r>X<@J
ziW@FmPj$e_bc;cT+Ijta8e7egcA9&L$FeCLNQamOaF@0it$^5-JWjmiZhItu2-mU)
z43Gt@^GEgKd-nuOLYQ`WTzD~vge)kT>4=P@L}$a1inRdqZeIIGW7;kv$3=($f0jdN
z`j1xO1g|@E(Z%rxfYfST29bhm9M!ORR*fF_n_S`&QW`yorwE9I{D?qg2BVvB5hGI0
z2^Vl_&IjV0=7!;NcEvP|wfpg?5`ssHb!6^{q2)B7ZZVY6oW2etwk1kjU;kbZpf!{*
zCM`<@v9f#XjH3<dBAMpgwd-_p3`hNuC@4r|IQJ<c!%q&5xVS2~LHs$d^`rpj?bvdg
z1+~DvA5}*Y@VJ6lZI@Zn`ixZ`f&NC18XCaa?2ot4fYY~84WM6A*A;jt`LS@JIgh_~
z)4Q#ky(gC>0}}U2CJAe)WE&&fR=M4ubH%6lU%%}O%sXzho>5WLGQkkwPqgfLlTx3c
ze(&zgyX6_@N5r?+++o&@EVAS3fyn!<B&WkHM=0^x1O@?pSjV9pQ*361Tmf}Zh`##E
zPT8rF<%qDt{TO~4H_QE{A|&uvRA(3B>B$vOP`Zha!1_8l#&-Pn3M`3A*0S#0!SLO?
zB(U?HE0}&|woJ0SR;i4{)&7&T1e6-Y>Lr_4wC9Zaif)-K*3&<#vw(O$RmTo><9nXY
z5Mz-@Bo~_n$IG;MZQH#mi}=#mE^e7zwqS$nj#M}}xWxN8!iK98hW^3Q=5$;_*mm-C
zCo}Tbuiq5ucQSH?S1dq8bg_Dz{&0*R_L(HUIvk@?eg1)El_p$n>r}ThbPR~{-6!ZU
zwVaNB(fTU?P;X}+<E%4K9fhrGp!c$Gr=Wz+`r0wf8%sPrg$=2h`F>IUt@Dkh(h$s2
z`*(6#)jHEtY;Big3Dv=z20i&<RKWy;EErfMhKuWo@mL0FGY9zy=N6W)X1i_(8v`TI
z)Oer4hGMdSxET<WOy&fp!KoCoCVj7%5G7VM*))uHC7F}w59@Hur;95p@$JuH`3BSZ
zjp#tG_j2<Pm>+gjFtAiEK-3gz7j2<iJgxB590x?#g3usVM45z#54~>>n@%s>`FQ|u
z1jkLFjy<Qxy#-uDLnG^PZ}&duYt1|ZLBBxabgxLk`+*n{w#%0p2t!i3x-Gzz=BzaN
zYylH+Ea@-hl4w+-O05T9@Zg+v1|ShIXb09x)AdcZy5ct3ZOv{c1+i|{N>h8pU9hZp
z@Z2s4&U`Zpb#@#`zg`m*CDY;KTDGb8w?EckmQ4y9SI7mtdbJfnB8P>;TZ7#KmrIr)
zjY7J1PDc)E@Ozh4(FK5RwuRRnGe9Awz5B(}KR;bnUY_jr>yxOoH|pn|;YT6iDYi$~
zIB@C}OchH~p0dMMsqU(nK$1V(oBbAH5^>2ZA3d7%83065>TV2v<*{M1sz(L{O5pD3
zVP!t6P0gKaMaQ1%5aYP0u_1o8Q(;rs_{#GH0u+{eiV8mG;cALpMdwg`PCZhi|9k-K
zo>@X$n=mH!&47D`9s);|I&_@%S%ew(XIuS|nQYp&(f}Z;mNe563%|vpYdXofH<c24
zr_vsve^pAhl|TGO@8WS|d^nMHsZNDH^tn*IBQtxz4j9{GKU93A&oo<ChBR|poO%&$
zs-H|Xklgt+$_ZFf4SMlz=ESmGoq)w_N7>%329hxL?i>glKMRRUOjMTaxZ2JLr-pVr
znca@xKMrG;=YpuSNO=L!wV&LPrMDR9v5M+FS3fq`$f1$8lPcb&<OU{GC-}#eeiu%u
zvKX-1JT)HlKmtN-5mQBLvW7f|3*{=ReU>8WTjiAd^|nI74)QNt(wqaFQS5~B_~1`Y
zO94l&lkvfASJZk=0@7)Km0aTf$ARYyN6YR*Leq5CQ9|wR>eLqnPzbG%S%4F;Fz%lJ
z?ufXP2POXDgAp0e6b*5~vK6|^nH3Q({>SJf?|v90jtKt2cRh%)&SQH(>gsdsh;}*>
z#Mm{^d<6~h<-(=cCjF-#an@qB5_TY_O_M`Oqjjy49%1_c<9HZhOf9JQi3!=@{=oIH
zn<isW4D^Aim{1TgH^U($n4(Ctb2i<ETHk6=J?rAj{6Q&OyPJDBzBQIS?=B=qaCoN>
z!DH(!iCfqqwx^|v_zlPk4B+e|cid^Ep9%A`))+H?=W1#28RFZ1k72tr+s>Jz`@(F%
z{=%gW@HxwM=uh2;;MbBYtkYt!*4gjslM~n~Sfv`aT=bVT>v!apsYd$-OK3pt^iV{W
zmVcsGD+2FFJgr59eM*ZrSi!d1kp_GwM=0RM=pFz?T>@orfrPMg(``bi&Ngm)_iUHi
zEM*erTp5>bub1||G72^Kh%&OVeHU8D5=_kfjI&Zu68i*F?CC8M`b16JL$IAj6uuq-
zC#49Lj{S+O2}p$KUt$R{Jyj6tZ*_tQ-?TSnDWU4{q1W;n-zaHvg>-v~p3i|s-_osI
zWy|K<PM%^%<@?vWx9=h3lp+Ct5URJN2r$dcR{wHCL@A_LqESB;CKP}>Qk2>S6-!nQ
zY2X18OjP?Mvn?Nw;$y^1^x-2i+ImS`K_P>QtQ`j^<@C$qa4gIV>eF>;MukQgBwR0Z
z$#B{?gFce{?aGOs-n9r$B@{SdP+<7%XG@u2U4CAJDV&RzXufOk3R}+&k2E6K0#XAh
zK7oJ;ThSeLzxkLK^N--x+ucvccN4o;E~{Lfy=c986Zf)(((Uo!tpMgC0gd$vaSO}Y
zbnE>o?`o<u`5QM+>m_iuELO2$Sa{qaI**S_c>A$fNVvSMkY6#A5{09#B|>U(E_*p^
zO&5@;k(F@u*WFB%Q=-at_--|h-5LOlx8dI4ZKO~Y_uW<yh08}j0*;)ZR_n2sU!sl=
zTuBnW<s(`}T6+fjA;K+eGOOWY8`2jG5}Z-WqNf4;i}mn5N>XW;r!7&f!gX`)a8D>m
zeBejh2p)Bd9S60RArxAG+fh=JU{jT(W%G4iTxQYB4pQ?b`44sH$fu;wmzD*OPEM-q
zttf4OxVB!`oJPzKw6~L`5(WjeHUWN8G5(_?NG;%F=lqkGr<d(RY4u?gwjm9tTjnOS
zSrT!z1nEvErVZSuSoOtDhc_!efLC!nGJ;DSlRKV4BLpow)E^Q4g<IOO%R|H|r7=9N
z<Dzqlip<wSz%aKu+h)ABbKNMTku{`ZmO@UAnf@UA%~=sER5o4fUEE=`sp<7gdFx?#
zs?_CjA@-wAAMyPeB~LP{G+yZJVdv2ubrD*)OH<_>5>c@vf;<nQgqpGOs`rb&IUD8I
zjJViipWH*;(cO4Y7gn_E>^>M}1=85sede50e*(*rJb`5`2frJ2a5!CbbkD=x%^x;J
z%B8%R4SbJJHkiWI&C@tkev$(~Eg5ZNR!~`03pM?{6V9tKGy_zC^jG!q3o+p&P0zhb
zKhi9Yq-{d3JU;_M_&y27gH;1}5t8fQV?voaJ|}>}jQSrs+A)afDf9svkk~Wz*-vZ=
zh=HpQmjRwEmyMT<!w`*#GbXa5>Lf4D;MuS6s!n#dPy2#!BW|aQv@B`*&gw{+U%*3P
zY6PI*g^iRd_NN_hs_6iFNGQqSALftH+?jGXP`UAmW8Xx(%5)LGn|K@p=VI5l-IY*t
z7tVecNhF(v^*P$<w(a7U{*SuzcctalOvY)}yiE0lB*@>Fh`_)ej4sd*jkt$%GX~p%
zgm#et={4>yU7ADVd4T!SSA%Z0YjnVCsUUQW3t&r{-aweIaxKr*jkLd;I~~@1tyoom
z(74R+D$nOXDV;CB&*Qd(%D#~}-8O1MX&bJ7?|U1@BRa$T&D@yE0Y*n~gx|YwTaA?r
zh@K9l-GVLM9*MDU)n3kOzOamF!nqK6^hii_^sjiGct)AYH8>^|Pew)6dGom8TdS&P
z)Hku4c->cEGWHD)<ZK#1)nv~h=<6B?j%^E&82IqJ-FiFSS#^ayWfnAeWqt47HDB;*
zR(}ZZLw8*QGUml!Zk)YQ=<3K#r-f5l17()BOk*irB0Qwg^H?paPu0|YR(*~;%C}O%
z+|&YO9I&`@zt#4V#>ikuLg)->RxSKCP1zVvSj3&}i35ZVQSNWgD-@IRH8s#E2!$9Q
zzKH5Y8W0GrTK|ND-j%kqT&8hd><Us)U@$lGBLLZN*gt&_lt3uJ_knXaJ`<ci$yji{
zE!uJH?Yv!RzjwcmTJ0I^{pui(C`IFT&))HVh`@4|x9Dy2k_Q$xc1WxO|0w!Q`r>V&
zSu=?;&nHPY5mi-d|Cl@QOWA{3R|VpxD>^h!1_hY@;wk&n)6+In8mYC3SPBO14vp+f
z2>^SH`+BXHk)9r=@bzn6em{O%$%<FfR#wjvF=*IB$z49+p&){~&3UUV;XFNuvB(9S
zA59JbM?j_66Q1A7t{-GF!!0j+9hi7<!yk-{gj69k#V^8?VcPsHh}ERUs0Ij66{4gE
zjhkfF^CHEMl(HbS=k0Tpow>^v_HIjvOOm!MFNc|gz+4I*p(690DTV>)fEe+34#=y9
zu_Y`lM$~X=e1`!j5sHr>aywv!$=is_E!5r1ouT0U$&S8Ohz|xpAkZ?<mM-9mG%P2$
z=@Nq>T39)Fns#v*j*pMYiNm4L7}V{L#p*xmN6K9GHb4L%K3I4}HnE=J;YXcA#BF!p
z2F0Gp0q5pL0^)ZIY2mp}Y3k22GY599owp*+bNHApy(p|HJ6UZmkI%~llt$fli`oQx
zMrW67Q&rg$5H9IDDP0V?FU%zF;|F+{ht;i@0PqhiGCbX?ijoAJtNX_Gd|d?zbsi!-
z{5Kw}<)hF`8@c|=)fqm+!N!E>B%@wF4W_DZmrAA)4e?$40*0yQyERpbrh;y6>V4zQ
z0~OcW#W>yZQHi>7YCB&=!2)hwJ@bvZK?KOFfw$QWiW^5vt21~f9rj_t!If`bcJmk9
zLih1le{j?DhvX|sZ)vK*b|Wsy4TPP}aa*^+Dp4vPtff<+SsJcA5-6Ox?QpIn1-0{(
z^IVwOZyOH-Gsp&h0=`SOON#042KRwCJrzhVVfq{Rw>o>I-l?`etXObN+ju_Il0%&0
zQ0nbft=%gp6qzTWYFo*3%vB=gjqs6D&cLj$x;@&1afPi_&qJGgTF!W%g%!q#r%^#1
zua$<tsNQkuEl<^{V2G<l!+vX}{sQxJ{!2jyP-mhUKGGwOAH&qLQRFrRJwcih@LW{f
zk05Tx0Fc3<Cqso|$QyZ{UhSp+Whvjs%IW3Ou}tH1kK|3q9Yqn-q3`7dX75$bZ8I+u
z9!4sJ0t}7T%Oe#ZJ)-881!X*+%`dwa=&MXOZ_k*sZOy5-ClCA(nqp|xh$S|2P;eiv
zZpu(&rz^Hsle;W8AI!RtG9aVc1;!hP;V5);gAZXD9`fxdk20(!v2|vH$=BJ_yGlFO
z>M#9kS+3r@==u3MInV|hAkjiv&eUMcezq}CHg+ec5FMpsnnK3t^WZj9SNg(hFwOad
zq}7GQR~L6E^btq=(XC0P7#E~8+3v*F*GGmTaFVw<pxXmyEBaB$J*VKj18`g9!O4`B
zFJxA{E>savXa?ZSPdw99NcGQt&a799L<IiHZ|iN27bBmjBlv7=X3Kk&Y;7prBm@EL
zkw{W@%AKo7-e5~XVL4oD56;ka>vh~)ACuyIi{>v#>FKLQOG3v^BSR3ywEGj?p%5Jd
za%!JAL&8K)oI5F9fy#LZEY_YMm&*yOyVAqS!mVbgg*T%G(;5JQqD_#NL91$^4^%EH
zt=%6_ZG(vKl$1+8-9S&dLjJl;^(BCJl!vWx^-&OAC#*i~X<Z|EQ+8K!risNyt4lZ^
z3oePPuOHG*LT~nJXEznGodP5Fb#!9lJ1iN(PxcW7ctDmU^q_ZgxOD1-W_iEZx>hRy
zDus|+>|8NK*a8T#cIonr(9p=Y0W=Io<Wvy0tZXmJvqEejt$*Omj5;C-8)SO`a&dXN
zH}+44wRp=t?8ep@0R=!kt33R?Lidf<aDO2#RL4W6{jh&5S{Z?i1Cfm9B9Dd8-Z0Tw
zSD9KD66zX2t>HX)u(hQ9fFmxxOL)kF#e6Z7Sl`2D$f6+W-UV0J*EPxg6WxjYw2l+2
zNuRL?3b)a<;SRWK5K0<u@Ua<hh<R#xs7SzZHAPXv$$Vi}*FtZ}^FqeL(rb`^`6`^?
zy$1%s`@>g@<6hN7bn*zpm)h7<d))9~X;ra}9zUot>b)KsO7pQ^vqsxlU_})XS&D<l
zEqp1;j0lhSn`}kCLia>A>U&kw%dI{aWyG80RACxR4J<-c!i^=XWkc|Qgzc?cgIcAI
zmf)gdVk1BjA`bJZ0lLq$Z#=_~ze_%8mlXmy$JY4RNp!NRw)|WgK>_*UQfw$z0o(C(
zAL9Gvbl=p4d|MyILX+tiuz^H`KE8D@6m&6hCHd4?Xa}LCEFi5&yubqD_~Ks-+as$d
z_`Ms%MCTb%aa`r5sK$cMG0s~yA{~2Hhx1>Y){!e%fa^%c$%%rObU>iGrjF%ebabev
zsR{PNa<H>YZWbU~;nc6&Mkgmn-rbSY`@TX6`672en*Ujd_Zy0M0k<b4%=I0?lHxgj
z1v;DrqKm;_J|F#4@a|Q?r?S8Nx{07?rv@WI!vi*+WZ4awN(}EYAHUhXGU(P5J-+;I
zfP{R(3f8XR%#x2Hr}m3&JV5|V56=TMQT{`qlL1esHJo^%0Eb&Cr+ojLXZHfQ>_5A}
z3psGX6yO=ZTJ#{2!J%Zsba~WROk9vo{NYV21IwL&s-QolPcJPr-SXkEFt?msoErPd
zm^n?3tww+k3DwBr=0>SIfvtA_-;C~afYten3p~;Ssa{J#MFl8!dMu5BXLN-d-Koyi
zty;Er?}J0}-fzxZCh`*j3nK6PpR5t$Eu65J*w|z=xg)PiPwF*Uy#W#^eFi@24up#0
z<nI<Vk$u8~eVH6n|4W@S6ZbNbwzUmymo2YA5MUed)1wgaUV=qtx@efm2%+NiDNcEs
zRug%TVMX9Cu5ju`0w%uQAYK#WX`T1;M+)X*%mPL$z<zQ9ADy7%=i{@M@n+v-f3UwF
zVQC3;bPRUq)>x=)rkh#qo?taPqo%h0%lbtHeG>Rp>;LgTLJQQ+1hYR!<lji*z_}6P
zU$6cj|0bAE^$Rf?BmG;yU+|n?{{XoM<*)MmbAtmO&}{rpHq)rzt?=LF0r<i&|9sBh
z?f)CT@Sjov2^t{&^?~6&fHzaJOcwuVDv^Jd<mWapp8S#RpGW-^^`BKWHPYW!2a<O9
z3Zp#(2y^-Ge)T{_2%s)z&*ZBAm&g9}qY6EBfMIQge`oK50cSbAzG(fe;XgONX8@(X
zF)pV0*G8G}0?y(Kk2C(Q@guq-wxk8rZ!P)%0zdy>MDo9llOIW`2-#8q_6~$VE{RXe
zxBdqUAcoWkX0jXoS4#ifK$6VF77v3as3&IlV-NnRi7O(2dOMBio9F+&X=DbrXSt%R
zD6xzF_x1KqB;CammBW8N_V0G3IB=HHTbb+ck$-OdpT8GLOgJtKKcGIH4jk#pVI-zF
z%`TDo1@a81?#qVVALII`)d*050RTEQ@A;ntf6XnhLGyGHuAq?TuX27QQ&d*=%OcN&
zy~v0;{NUS*aO88}-Q;@A_n7@BWk`7HQ%7v_!f*QXEa7ulOavSWfTl05Dv!*@ZWEQ3
z7Mi-izp=RqP{>9+mS+e$;dMwXudc5F@+yjm$O9}gvbb($^L=V_LMC9`G=3SkVJg5(
z+D?Pmf0;T|ut-ux25n4Ic6Nf^=Xfs_hDASsnxqCA&nWNj-O;e|{d$5FA)%n!rmNLQ
z6ra)(0YC4qr}i??WDHmN%ekL}BwUlwbiuwjkQ0%7=TLcQe~BO_=7WlX;a#d2f+vX1
zzTn=<DfD!|6$M}kfb=^k@9F4Vt#$A0s()3I9*vfPK~z!_+u=|eTmq4E8?vq42f&<v
z^iOee?WY&J{l)NaIe!Z7-E)q?{xzog(q2nAh*;9EUWti{=1T>HD`Tki8X>X=hX)HQ
z8`9q0-7&!B{mEfcLkAd>;yO0`gg>%v@j%P;ijGS&Si<S;#k;jHVS)w{la3Zjf24Y*
zQjGZHXL1)*FtsPqsi;Y=|7VbX0S1pd;4A`0!O2-Mce&eE4oOZf8qzM~15RmZV*5)U
zfG^Ji`E_a;@IShuDyE}ds!I(5sV`b4;S^hRH>2O)KG)@b6^`xM-TYY!OjV=ub-~4>
zgsumYBW<JRqJ2)(XoD%H52c|pPSVe;Pyn_5e@SJccneuxZc}QmpkFEaGNcp!NeR@G
zMpssz0Sr^JmgQj&Ns)G?NlF?T6pg#SzOs^q1-IKY8d!WpM$;vZIZ>I3e5uU+CR*&S
z-<b`}o-FE|aX#^134ae327v?}x@jl`1#A0g%5NkAj#*o~FB%##5QMX*vl+pl;NydN
z{x#{P+#uj$FLpMraWzl}(uYPLot~T8y(wbW>GAPt^AxZL#$q+Eg#~^mXV=!{;o(=n
zn$OwQRn0tuleY)I^r=mN`~*PWElAK$m+eoL<7NTpzm|U`-#wHD7pF@0$q@>vue6j@
zT*{w}k`i`_lbf3Pj_bXDoWkpIwm}nn;}S$w#$bRP9(07d*-cxmLZo7KvHyRO^_Edp
zMQgaQC<qAB-MQ&Ty1S8XHYwc=0)ljRhje$hgdp7^ozmTG;#+vmx%V66{(^z-vF2WL
z&NrXud8LIdEqSO5x#Ju5c6x`H5GR#(lHYlC9NPXnl)ydB>G(fZZGsven8#qedjg$b
zV5-LD^8p76$_J!h9Z=lWwFWhwNU0kiKV1=FrS4j(gMfRbZ81rY*WK+0J2I-r1DvI}
zG(Uj)IC7cG6KN=Gqy0(TfCRlzeHTd&2(Q+Ypbv)SM;JDqIB5VSrp}+&{QLu<31tai
zoEpw&`aLl)Fi3cLms&r-!F{W$va@k66L|G@Ka@~^;J;+unH()<YL<NK&Ol<B+z5$4
zteC9^=vr^tOm0E>+MS4QH^0sQkoC921L8sWvqU9j-GxPFMwfH^N#v%!c!3eFHfia_
zh5xZLfb0z#3$5v{hcd32uIA@&Jv}|%gYF)w5C&u3%utL}fTOmCj|@=y0a-{g3X1%{
zymeS7a*B$QB1X9_b`s*O!>wK!WEEO%NPr5X7{HbGygdm7CW{S?Heua_w*pt)To-z3
zs*XM)z*LRS(s?I3G?bYMF(`h<HLrNYKB>b?WrVy}Psdyeh1w(_pm|_z@|_k{nA#zy
zH4{K!-IPpu={dhI&JE)jO&8Czh?jyFfvtsW)c|hK7GML;?ifB}2`Shz0<$loj+b1I
zM1w+0MMV5j@zKL4CO!uQVGX$PEOLf-_5#SI(3Cx#WuWMG)w16Hz5w!yZ+#__LtKyT
zfxi1@y^5m6#QDrzZ+0dh4AXd8WO+G#MB6iuuFDRyPV%Dp{yy&S!9ii6Z-M|vR4zvO
zpC!~F7s}xm5P;!zrBvl&55qzvHZ+n^2i|$Vy?;k&3DC1@AizCYOu;AT04*c2^0lzk
z9L^n|o3=9(kji!o`@zA(3keH541#@jcIt9Refu6CzXB46x|t`^iu%N(dcgN&1A@x4
z2$#wmdbiWn?^<=>URgG?KNkMIhdoNlQN#qjBBBnP@Kgq8JMZkB$Me=t!MZ-jf~e$p
z^Lo7RfokIC<K4Mmfk>zTvz?>){GsNRHGa6sa=l8md%bvQNAii`qp<`yQkL;VM?#J#
z25QvZ0))l%OhlFC&d1n#CIV0-H-%cKJ6`?qXDVn`EoB#t+(0KTt49bX9-es%K}ug;
zCH_F27w16yexo5}EGnt_WCo?iy92x;+1oCF5K{J8rIqI+zuID>#e0wl!wQZofY#72
z`=Zk7V!ig((6IX=*Lgp2ZXGz|x~TvISVKSaJ&ukADmfn?0U@vJx9lonU@&z|Y?dD&
zgbfVo`JRIZ>v9^jWY>XPl<_rAEW%Tl?t?V1+exjX4KTs60c2qRp=rf~^L6BsuKg-^
z^YdcO-g1iy|CroAc@n<^R0HMFW8NEe&Dek}?5m$4IlDsqCQ2r=Xi*loSrjI17Mk!M
zujU-&QHWNnb8=^wNL`#TFMlv6<X_>jF{$k;FreZ94SbbO7PFx-J^1yGC@dnZ2o9UH
zS<9%T*3=r$e+kI^t8CGy`GRf<HSNA1Tr9`;W~c<Z1f@b-9`luY?uVJcRFv6yhNJam
zCtyk=6*24zdD&KIw*Wxe092&Sp0xh(3JL;L4-MSbpNAgAr@JqO$#8;v%=y2x9EXSa
zSO}gbdIN5!)AMUh^4p_sx3{^nj!kdx?;Vyg+vc#64IpkKFfU{C^8;DC)+6`#_Z)()
zS*-cr=b1h9^z|8WypD0GstoB?qQBF%ob4jQ<ltM`Dkz)>Q!#1!LOsj9*XEE5uo}Fu
zzvVwe5qQ30%UC(2*JZQJ57qo-TWg9Q!gE&xUW648=%n1TsU9tRt+Kg8Lv>R1pUU@-
z>0we`<;O}@`8|{ucW-C4xl)mGfAY@Og+HlfMx@DM-rmX~rG&?zaHUFs#}E5g8^VDQ
zY?n_O8y~k;n6|UrxwU%D&owC14Cvh?{Uv>kAt69jxc_<L;+qv6It#({TD=7T67_`w
zNIxvEoEX0QJ7{*hxpHOH@BMsqmcaBbLVzp!_VDEyf20cq1?O9%&Ek)NoZuhc!8cf?
zn{skLVmrJCkN}<G53eLQ#h93NgL=!^4=ZhMqD27AT~czN00}b`2cV1HIo)S#K0t_X
z%0-d+q4}eErVw4sBHu%@?%eTjf$@GZX=#={3c)wW4tu1qd3tS)NrC{<y13d)kx#u`
z(+?QkN5W0{D{B&<S`&Od6W&`cA>TVz)*jJ(xqbimaA?<maJLmLs;et&y;3{-HzO%2
z3O!12tS=qxtMm2)5h4Wmz=F=^F4*T6Km?yG*J2}Zl2Z(T4mJS5Y8)qoyly>9!}tta
z+Up^`$dbv7nZwo3u9IZtx-EE@fI0_&3tL!-;{S`&*WZ`I<?uJP2;aEU*wPYDy;3(6
zXfZs_llS3|rg8ShN)p%_!y_YK-lbR|yO&L1i2vw@oA~5=dqP10D&Qu3C$9b1)_jqo
zR6m|dSyx(0t~=`v13hr1re;XC?u!yp`nX?@*5fJ$ud02$>v0-68DG9~baof#k&vf^
zx^ywBpcf#}(QnM%x@9Hm1Vm89V8HntBsUEUR`39={D)WS@jjbAYu>{-JaT%<=UA%u
zAHiWrV1_$9m7=bYQJuz=g`X<n{*P}jRRQ#L_;a$pKV2}gu(Pu>E-5)39sU}Fegr^o
zHrOehb!Fn`B+y5iR8o57Au^k<zi~dA=<NIE3Nrc}b9X-QVhCU&&vwCdfXyUl`Eo^_
z;oftu0BDdB4=25ZzKVZr68qF^8hCP_y|Z*xZ-mDoufnq(XVQxdeEVJ;hV@}*e$9F$
zYMJzrP&{U}W2|R_?tP9|lP#r4|07dZ&!tKsISV(u#z*3yzCN*bfUySp#{6}6E`5NM
zocx_iVduAmD|UcITCwNk<M4LYEGyIcUM`BO9ri)bk;Ui58244s1Aq}}zFejKI1{ch
z19&wo_Cmf}W5_DEg6u?qD2GGMyo9ju`NQ2q55U-qYmV~W^SKf@lmp~5zG3To;u8B@
zu{1N5--$?+%ZZYjO?-Q9{yOmn&{0t-uNv-J{3P^R;+<lvt)PXE6ft9<o**7g6W385
zf3PhnNp)4uPEA!=i>^%G4Ges*lZck|;kvK!Kk_9*s`iHf>aKa0)@rG7fSk1E$oqAy
zvhcZB<A17*N60|%1`!>8S6Ly~_rqL>JcUxAsN;+b%jc3|Y<~sel@f(p4O}e@=FXHC
zN`UjW!iR2@n>TuAH(iRkiH<fhOv26mi;wO>&yz(Ws(Gr?FmJxkZH=Kn!D70`b!E+U
zXx#F35+n>=3BYg1OK-HUnMk@E<A-fp;TvnmUKk3;0T2ftl3wnMBA+0qzRY$ZRuX!V
zz&4dntVgZ2VXG94{<Lyh6#@oKI?SaO<>@q4F0{JfV|h2>9L~K&-W)G(K3EN`0}?!P
zLOGvB6hkeh&DH^iXiAefz=j)v`1wQaLV#|nTm;wdkv^bpgX4U-_{(P(g$0<E90-iA
zB;zOVZD$2W#U10-{%LcwD<G2?xH(n|Agf0974$`S)owKRTRA^psNNvHq}}jjq1iKi
zViY$q3E)pQ8U{esA-){8B8Safm!CII-H(5HGxZ6>x(t;6sWSRot`VCN2cTkjF#+dS
z3$MBc@b0^qbZm2&0UAHly9aO>Kwd?5|79Kq*vxDBZ-abIr&85t0%i>K>~IX4NbJqe
z!+xy!CRFHO3%L}zwAaclAs+0lI=?;%Yih1g$yOW#2g?_q^O!!qJ@H<>)zu>MC#_h7
zUK@H1mB61KQNjw9;3T+@ALG`+_y~Egfhk`U;IyN4E{3RdwfneE7L1tz4#lq=G;twy
zS1e%6SO5Sr`v+r59?P`94xyX8?GczOVMG01^n$2{Be=nW&Wv>Gkb*lt(j@#nyXW^}
z!{J#^IMY^H6*d_=1+-`|V&hlDtM@-}&aU!z>E&{D<|}XbJo(Su+LMjmb|C-ld=UUb
zG8Usd<_MxsJr9fwM!K9gc=a~Zi+tn)*|&i^o;cpuaJmb-{xVJu69~o^mn!Egw}R_K
z8=|8^$j_Y4+f9_REFMFukEgp}7LzlQW&5Xwkgy1LyVzZjVt0=nc8*J#I?ksHTHUXc
zfs~|FUN?Qlb7fVj!7%6raRUng`j9GEv`@3cwIVQ!z)MaM9nX`<1tT{vZzRuut7-(D
zoQ-XokDu{i2^OGH3j=;40(J#VxJpXED=H2QdR0JICLrZYq`cXF;#_m35_mdt%5dr5
zZw9~{d#e>?75woXt8Oo%SW!LIXr4eWuJjsu`YnQD5)zQItf#F;w8A40VVpScG-C38
zG!Ce=3VQA<^%<N%yICX7T1=PH0MZ+5EoS%CC_Y&GQvjJBAeiW;FcmmEjsrSkBs?-3
z$tQO_ldtL#2U$Sc*J`$0ob_3|&%oyc-t+3J05$b*Al^rFJzllBv{-3f;41PPg-!<U
z@2{thu;eeDMp@8Xm0d_3UfB)E@tAb#MpJ<9lk21#*L6a?!`g})paS+c<#KMx{ph@C
zqE(HclE?w`{l|7|;z_^UZUm;z0KkRA1Jq~yrd4(%7M4i>e;pX`D*N#9<?(yds`q$1
zBA~j2_>S>V18q}jl8oi_op=QC%Pkv#qMqpsT3_Fcj~^+gZ+{xo1?Ff=VyX8sfB1Xr
zzBSqeY%05KskB6I5F(>=)Peh0qs<b1{a=8#)uUyW5d?@K2?1wvI0T0(+nLO^{aG6w
zMyBZ?1c%<v>v&-@X(0Ej4#3w=M{kLpjRAyrG&O6MT-3<=^=_A=0q8IEZniHYAn-8d
zXuyS*{z_PIcRPXnO%<*Q_K^6OM*}LR6cmMk;N9H^*;H0L(X!@+_k*Lxvw5zV*{yBH
zTWbPIXf`3A2{qPRo=<Il{~l@FUb4n;;Zf-;{sEvqN0#e&U6U$40~2mlJ9cdxV1n?z
zzh=iX?*RkbAUqlQKn=i_1N@BMtWe(HwiZ`6Pf18f@T75C*=8Y{-3ko%P|^Z46gXf^
zC@A&k#Ni0r*+M`tDkf$Fa!q|bdpp2sbHCV^P9opzKOE5R8N+27?MnybB)I8L+Mlop
zzD@{3mSxAk3nno&En_+`=xjC{M+sm49hCuQ4gtM(n}ueJx}EPoikSgsJ_HV7EQy7N
z2A*l`D@@gh&qqRD=bt<8nAp1goxTXbdCDdzfQC#8#`y&?*}$nbEi}|3Trv|$C)xTG
zh-*Ojvl9{($`Kt7%pFPsI39CVy$oBn^=GIrzT#v9Pimn!h-Mz^oo%mOe}xs*!NX_R
zfvw(XK^D?reI~@j5}CgBQ<}wBY;1mh;b!e~@@Bi!SYtJI?Yd7+k(8;L{_<Wy?yLSX
zP*_MRUv9Ng3{<p3!?yqmd!NE^5Q**Q=c33YR8!g%s-`?DAYQzzGCM}xD5&3C#Ep!}
z`5LFfC2dLMwSgRb?zOw|DdA*N>E1q0k{A&B<a2LLNX)d^pg_b;5qzOThYI@G@fPs>
zma8~pJ<>RhXTS5Jb%-KmnL2;>sAS-_upbCM?x8O`+;;rkVfiv6Md0I(%qMsZ^Y!Kr
z-z!(p{mjox*3ncoxDkMk&$2I=n;^HBcfli|qW<cUb-@#5ew8i((2YS6SBQOmed~K!
zl7Fzv;_EG@@eB<OL0_0v1IYSyPTQ?aWpIr);aZBv>IgO{beil2GMiS6Rta}>)W}{r
zf6ZHsI`$71Me29IC5e4MIIVs~7`WmaY6l_l9(`_W1Rz7tS(rxDMqe*S$tXaSsZ_(=
zur8cc;pF8!(vq@R2WMj?V;L@yuLlzF_(7J|C8~WP)$JcY&H|kdjQdvKlb}f6n4}wU
zB5IJO>+y2wkbT@sog1dTE5=~k+?FlMJ0lbditc+S0(-9DHUfJBM!$DRT)IpICyd=I
z$Vj}pqV~urZnb~*Y~vDNPRmZxO6KiWPnJf%)G7Be9i4cwsjPr+ubjR0uCI^&P_jGS
zw9n|tKiuX6ld+U+ZO4X~nzfjr5urqXq>>s?NU&K=U{)w_w8fJYK*z#Mq555VPTud<
z?ir(n`k8+ZXX?l(RLE3-C8}o1bec=Wm5xY$fzW2Ub^n^F5%r3?z!CV$wc>nPk>OY~
zaMCtuiVaSweHT(mCxyZtK!J+(ZvUegHvx-%9~jBhNa&Oz?&BBx)ioc8-ou)X-83Nc
zV^AZ%jNSM9r0sZ!1{Z}cliLX^9tRMpU_Zrk92%suhn56d!+*`);_fN0qNf#&g+~|T
za8NGzF0ZEDAxm-tYV-Pv$O2bzAN9Q8G94Z)lnx~2Dc+w1OGP0IKBTO=Uot%0Ku+N&
zX-V9$n6!G7s0N;otJtj<m{-$gkwkx@Fhd{U`)zIpvYReuBoLC-M>0xLX?0jNcuHRD
zfm(<I@WuNaO#f&m-Ud#ucG)5OpGe8_ffTaDFL#-8hh#W+e||MSrVrqcmAQcET94u(
zcp(wZ1OxLq#JT$o>-#EATsWW+0pR#gsR&Hy>K47MkD*Yz_+vMrMH&4_4>VMSioUBh
z^I~XQ!2FjSx~kSBfrmTvMT-H#y#u-`DY-471XyKEk~cgiX9hg?`CHsB+c&%?xc~<v
z?D;OZVlR95kz8pDY9HNc7psnKrP7-hM2A93LLs4`z-T3afjz$EjJ~I8K!u(!G~;Z*
ziIqP=0@e8AN6aO-W^@lAOvqMsKELm{zG-XMffEx{1Q?-N3(NM?qs}kykS7b%tw)rI
zQKUX18-(bIR0q<MX}7u^j%njx3mX|g{y2?uhyN0b&(*K~{<~!tET$+3Aqe-)a(}Er
zog|}pPX<;H*oVflOMGYA&&Z52EgFW9%TV1rbO)4l2u+?Li}>t@n_`QOm!l~--AUE1
zIB$c#k$zr-OGw}{9N*a)?8!pOJnGQqq@{KAl>g`f=mQy!w?O9>a1$+fw%M(n0LO0_
z<0gaW*o`);i6k&Wh(aPA&$TC&-2*F;`r@6p@!sN-hBUEF)YH^~2^`K_24pC57H$1>
z4V^7(Da7I`@`8<1v#ej*9|njaoID0EPiWE+((zPYWSbUv+(ulPPtk0ebZ^VJ9ZA$o
zH~XZWclmE?nJF?}>Yg2VDkiIl`OnsSowpd8CS$t4@AaWa<q<yD6CN^(MSVhjx;eCK
zx1nVxa$R^<Y-f{rd45uMrTSyKOSm_`26AkPy?8?yV$*a_Zl$g2CYQ+*35*~{SoJnu
zc#m&?5P<S79GfXe$FA$U3vc7f7b`rM3u$`&Fv8EaE!VCGs~x<AzRQyt67Q77iAnS-
zTTb449)(ivBh#;YpnW73DA$)l6q6xvnu&Fu0Z0D;g#QXqa7oBIpC9laZa>Yl)C5!*
zqGpouP)hAW-IJFv7e^C>2zb1FM~1g)U7g6OU-djJ6szZZ>5*;6WP~=T!t;hPHhRF}
z_zCQfkT-d?!3J8IfHz}e5`%oZ%Ti;7`L({D2V^KnfaHP8=?hCv#OOJIcnEnYU$sdz
zSi(6I)Bat~UD6g&-6%dE75m#oncMflgO-7YA-uDv%^|Y^qNHTli*6GMB}w<4)BxBg
zIzV|Bhc3*3txZ23XMu355Wlhjs8Cd+ak^5|FfbH^#)B@A2s8)5b}KpMU2ir<^MSE@
z%UxI58hcZ866j>0#wAyLp8Y%H5}+)o`Z;F&KF8_rqXIB{jPFoERZVTm2XZuO0t@&4
z$Q?>P5|{0ZW9i#Q8A5h*64J#t+pt%R`kwcgty^Pl9&J-VRU>7ZS;%>hL7fz1u|O6Z
zguMz`7hN=Xy1vs-w`;U$;7u@qMYhfh3kerR5{Sves*a?+V)~p7>F1LIBwBbS=}8XW
zrg#Ivm-94mRGP;Hi{v@~^cD15hg^M-O!;QwetgZjmj&ssUZ4(;h`wJ^nyJv4_atTc
z#@(nGs6J@hb|L}{nK$7>QS;wJHrH;yn;O=|g8K&G*0b}f4~HdR(uur}9I!t+ZJw7y
z{6Y|Pk=w^R*2z3i?y+047D`}_nI5o<Z`I~?B~hF@F2aW0A&VmEKR(r=_LLgKm3u-b
z(bH@Z3bCTXg#6t5lgH+=zns%8dW}ly?;JM;3}_`PPW=2<%%FU(48d>2JaoVxCY(DF
z9+lJa8+&gQLn>Tofo$?LQ<r>^>2Q+dJO<X^=^s$uaDvDG{L4?2V*a-hMl(cpU%UfB
zEI}WazKIj-U^f`Sx}LNfJzNY|X(B_7@n<-eFMxq+q#O!GEY2INhX~xOiQecb@@W3<
zC_yqj*Hs5Eh2s<rWsy_gGbk_ul~;O2Q(?RUU(_5CYk)%*XH`Jf*9VK%r!g<h?{Bwz
zv%HQJtSTq7Rq$7RUqt6dzWt_vgGZsjw_%T~`Y4Skrr!=!xXZQtDpXL<{Zw(x?MTEp
z_BEUBQCD7mes`W<xm7M2%QSD&bNvg4bhPMC9SKY1nF1e`>AH}W`AjPMo^A4-^4~14
zfr)Jz74wCM!$}3+<KJtf*Vpli{Zqp)PfYTuJdxzQ_Jk*)iK!1#RQt;<=#s6f>Z(&9
ze7nB3l5ZrbY-UIuciG7nM`qcVw^E$k2O+&$!=gw>C{DY2w^IovD*MPfHquMa=g~7o
zZgx?vdy{#*=*ms24pdK%m+l~`AFxwhzTm73{);_h;M_kC2Mi=?=qmUwd(wsXna||~
zs*Ry&eu6V-PyOUYWSAV6|87aZZGSl{6ftJ!qf0`v#ze;2?xi5g)#&-&Y6rO;g7(6<
zW)2Vm>L?cxZvwq^WT|GJuj0W(r%jp^6+3g`Xol=%7<Qp~^VQyJtmk!rtt>&}V#<Mq
zDa*ewqJ|s@BaH2G-ZN%{SmNY*?_oUr_7IOG93E>Vr-OPq)>YO#A%r|z<xa)2yJOB%
zp##%IzN-waFl01DK35J{?Yh+lP{PT=NL(Gqiw$`%OGZvS8+XQJZ$&$UlVB>_d`G^w
zH&FdX0K(46PCZ^MEOD{k8{b97hm#Vstb*an<~S97lu$ovlo)Chl#czsOPXC!+W19L
zJgHUVDm09(CtP+TfIAzmY9G2WM1R0EHI?<qT`W?xi}IYXAP;GDe@NZk>kcL^u$V4X
z`ZHBPA(GWhbVs@aqm4JQ8)Ksi_A8Wh{vQ^=``V@TJV~ddnWC<GcbMrV836Bdq;=Vo
z7L5rBVGIDsNU7V^mp73(ouqbbyeHvIdvy-kb+#~4)CAR$D__1%uRVK0e<b3gE=Z+P
zND~8OedwAfr%XQ!=Jx;%6->GHH(p{fBrawTSNjpd<5~Q0I>SkcNlL*;#~z2XqR8AK
z>R_9O_a_}+#(>a8`|aBaB7Z5eKC}j*+Dcya0gb~yfq*LLv_Xu);V5q1-^rdYX)<qf
z3EMiI_ouR&^zBL{<D|@d^ogzy=fAtrY&icZr7bNlB@_Eg0t2J1?D%GY^!tPI;T*_k
zMHvz^y97K#odEEg>IA)CT!LGicBk0JJA_Ey#33CW04c{CJZ?uWn*mgKy}aq_%!Aqa
zm7n=NfZ%aV<1Z>P`ZbSRe$VR$&b=mhbWLdV%OAj$#cATE=Xb}|z1hXST|S|%vVX^m
zkOd!8J~8+_?_j$QIXO9U+q|^^wH?(OFE-e<-wU>GReF_}jh{I0b;F9kO}9UYMLXX^
zSG<6B-_3N*?*$BWlk}*w(8%R+)7nOH^q@+S#7*pC?Ww-k#FuoNG?3;8GUKBKhpR_f
zrgN-1k~hpA`%@)sHm&>p^-Gn!(?9&)say%8?D(q^&S3Y!g(RN|Z4Uu#(lH)F60&c4
zQbrjZ2Na;7&x+Ql2p2FaV+xr()9NoxFsC<h@K*I7L*f(%d?cL0!)Z7<qsQ(b)Qb<u
zIyHnSpYM=vpU;c3-4FF<$|Rd?>$jqorWtvU#egEZmHK#~T0ih+@vz?l&A}WCHlLze
zL<@Yt0xveab2*)hT{oyadKYlI3`C`73h)d%L`8Vz)@>g>Ugj!30AB56#s||plHG*g
zsy6T{W(_nZbqI(9k|n}#Lz9sX4<$K);X*mg8_FlE%)U#&&#F>ER)MD>`V|HNo>ji$
zSDLVgX>vGaK|w}8l#v*Mx4MS7E`pyl3N!)gRHM!JLi(QqQ{rdHOJzo8vDSTbsG(37
z&=05~0lynN8!T)IL!r=&?}G3zcBH1E^bI0_ST~a_LOUHomD$$bo<VMvPl&p27!3Gw
zb~EVehV4>tAd^mO1i*BZ{B_BC`gW>N9<?YzXn-``p|!Fi=(eXvynx-xm4!hYqX>8A
z+9&e5wNj7g^LSRKd_-IbNIrE`2@7o}#U`E9JKrvwXqn2%N#n^W!KUSy?_c<ihY$D|
z_C~Cl3!JwuVkGFHN&`!OOo3PuSb#RP5Wz@h+qc5el=R71XszWMQG6hRLT|9pt5*&|
z4ACdAupK+4RAu#b7@A9u#A@fkK-9cBUWw#!v+Yv0FBgqf-=~}qgo>>(pG1qI9sT>p
zk5ufls2HrN3W#^$KQHw)T#;|sDPIl}`Ud<uNBNpr380!2uwbWJ)#p3Y*qQP8c5g;d
zkyhk86}cYqk<D}okh2Qq8zg@a`;LLlWZq~&@uo>-z;y<pEv}xG5O&{MHkqLamo3cV
zJWly-No?rI8>ocr?13kgSYgm#t?aynm0{r7+O)tIub)Y3^5o=&j_5OYmAAxX1-97|
z<=Zq@lRMOC3U|{Y9NbYpz@zgzm?|J_prtLxChIK_XDsrd3^!kG4}=bGY$395^{P6_
zW!A3!VODs<klGdUcN{EdDx0jLW=bio`#w%w$e`X<MGRml8&pI*P)w#-`PO;jzDDaY
zAAuE^e2>dChGU0%UBcT)6LEH637+C_da@R5F-=4YGi3}=P;sRg{K!{ZU6lG)ifd^I
zoKa+klP25a0@=Gv9O|Ne8n7HN9+#Niju8wRNshu9XrM9U7J4YLsgFKK^b?KE9pV3^
zUC2OXM$6-Fs+_G5C$&F)GTtjG$}VsTMk)aGnIf7Z8+!k3$KR+ojqHIO5*8NiPp-<D
zs7h~aA`~(g&*#cu?mZgNwBCF8)%%Hu4|6>joyXOFDf1(}6DDZ5wOoPYwOlX+!q5L4
z9IV%GL(gEi1K2+lDC>8;cB_1=p9+9-_)KeqJdXy7a@#WSytFrOF)<Ubyw1O_RzP>n
zJD=Ig9BV5D-`Et}q^l>uvXTSk&!?JWP9GUnSY`F<T74yb;fZz4YI}GFebvSCJSJ$t
z5JeGKV5q}Q;nruBqT17sP{5(qgn_HyHXsJfu5d70{J$0bCp+?m13=#ye;)<1Ke5)5
zvKrvV;)+*%&?>JjuKxBS{EdZ*Gq{wtthhbbKae-a<y$@GBQOG{xJ!g{lNT!8c7;dz
zwvvz=bKpOD@9Q~bd945#TYjVq{}+4zd(;fP9}v||9<9j&M?_o;9oL0*W`yaj9~5E4
z$qElkjq&T<{<ofq1r%UUY8pZk|J{Yxr32}7z?%?6F%yHOX=`%U1C!!Z{Q#*1#>^!p
zPIBfn3k018;JH6h%!%M|LMQnaCoK)(>dm3G9Tg11ZQaY-Nn^gfQI_?|Zu=IB2<M>Q
zWEBdvhw=>xE<gd*Z*o*ws$A!PTjcn<McW@uezCm<A+JwH^jjqTMjdgFfTiMa{uXPy
zzBpp!u0>BrTWP+MQ1b}Gcj^Cb@R!$5k5m|&{{KGBL;i+kY;AXJS5G{Nsfxrp-ZEH}
zgo!ix0^y?AIJl9(TS?XA0eg<~zmH3M|7v(5U2B!`{&Q-8l?f4|{NyN+l^HH>b|+=f
z*Ol49Oe9F1M4Oh2;qaG2u+Cnr)U!HRZs7+kkXTC#w~Npm<G&#4b^YqE*Qp$Dd9?I@
zFBmXkByUL=P*VMhBgDgHE&fb7mKK+9AFI-pm8Q&?EA+jGLwFqi)wN78^ed@05N4*)
zhE4(BVzxA<tLfi;`1h(UUtjf%_Q;Uc|IRm%Wd*#+WlLhzktiq_Hs7DxskheRPE7Vv
z&ikO;Ee}}_LC6o^-c>O)6ab9I5A}-hl)mcX@WPcwb<h92YA7;tmU8U>?#2J}LnvMd
zD0qM-<<zDA```cHA85S~uQnRztrpq0ulH)HqP90W9M4*=D!ikwd-=aD{SpZn)zNAX
z@f3RJMzMN1fdNGZqrw-YF7#cR>5iSpGoGJigjEL_)&17sR_Vfr;allz#RDVhT{R6~
zn=T$I9+kF0(_&=ErxkK*FTJ3&%F%$l6G6jlbX{k`<jb<d!`9>Kr`(VYX&tkJu7(Dt
z+n^4)>jCbTmKNQ7>!aa&L)`02+UpV~2zB;ySIGi0WHW5N>X3Mo-j&rm%i?Hu+^zAL
zIEuRg*Q*S_$ofdpo2fFarVCd=wp`|a7gwl*47g<-JuL^eSUk3OI*LIJy#<-YpF{bb
zW8w*V<;E;Px#SiiOgn@9K5=Zx0ridO`?YG_xXv%MWwbQG%)%~6WH04cf=_E3w*i+q
z`s4GWM-0Jspxf<Q8vL)|<#^#C(#QT}i}VA#kYVxpOQz-^eobFJh4Qp$r<TVDJaF<J
zFBw<T3Ft((TV$TMfzQD^<CZ?f!wX8HChzZ9@4YUvhIRk&AN8naCba6%F@#^2XsQ=E
z>BQ1U8(%ZX1zo5<XN&g*qCh?1dE3|=4YynyWJ5Z?tsnlB($ILptS06z=scQTL}rdU
z8=n(+NUuTwAChY{kI(gY4p9E;TvyS9&_SjqE!AEO3`&q8G~ViGaEsZa?~j?hB*eT6
zqOOs%Q|mbrdFBn)VhvBWGjt;oY`L7D8p8zRE%P(*b;)<nKf&K_FAaL1t31559_qOB
z3f9s^0(1D<9NZew2?+WxugMOPjpv|uiFGAHcp#OCo%D`2&TI<~DQDjKk3$m6GbgDr
zJfRC;RFM{<A9z-G{i|w^mxNZYmF^d8EpZD*P&+$G95VBliF}_rn$Y=(Zi@bQ1*?Z%
zZCut5CLLvAbYE?;qj;mX#xPnVFj|)e4;9n3+ifa@Z{Mv&eQh9f{1#~ZT<%%7K&tC1
zp8t+tn@ygU${lze$83q*a5u1(5-cAOcpSqGdz6g%9u*gH&EKUE>hEY4#k^l-QJ@ZX
z9XTw~I_CJ_x%oy)!lxq-E$y5|<*odiku-Z*u`q#5gqB2q#wD%YF?mL8qVHCoa;aU9
zbf~tT$wXBwVh6>hLq~D(E97L33AjQ(D&g*2x?A;a=W$<6ivjW7dHDU+vbT!)SOjYt
zuhssC)lo+9HC%rAQ`N(!Cj9?y9q`FXQv0Eu!-<fJR`ym$Ex&*NVh#^jk{bVtufu_Y
zlM78g;O@4Co&USq*UKyq@AoOFJ}>+PZ!RIs+Vs=E1W}8`fTI5c`xfPZw|tj(mp#mh
zK{DRkPvq4DvECL7g_#zkE{g^E#H7cCxw%tCYf_${dlcvPrQ|I(XF$^47Z!?`m<m?k
zrxR#t^PH)rVK><e_VC;k8^^QnRY8eFl=~_ZqEa#yL!-kvQF<Rr)YAFhLuuo2`xR3P
z>=HOsMCOnfKYbh&bSqgdC(XU4tc|QF8T4@n)6^}P5vCCo8P>8MA3juT7AY>eJ)pNJ
zp#LKOt9+1iNXEmUZ``-LSSJyRefR6MMm-Xn%i-fXL_Dzx!>Ynu9>0_F{-JCbmuk{s
zLr@nt<4cg0+zGjV`c$;x<%GuhlPL5DGWm31n3(uWZjdD15%!c1jVEPp%a3cd?arKM
z301197p2QQ!tB@|JKf-ePGU>HJFAJ^t5^zLWfdh|-u?$f?YA)5yE~{2$0>@(JQ(?V
z@T7Vy@@65^FK>^tB6vhf7R4%=+#?Cs6qi#lie!0Ka=2ioEiOVhVu*JWR%7#356(lX
zlD$f6K3f-k1&hyg8Vii3)+GFuW6Jx5Fl^;N-DzhCm*L&(S$}gD#ZW${uJ_MOt24a)
zC}zao)kl>d8$on^Tx!E#x4Mb4&S%7Aj}8BOM<%NZZu~y`(Su%Mpo=Oq{U)^wDc$7m
zt0|XE95P~-u-M_%Y0ZyJCPf+U(7=7N8eU50rmtF*3=Cx<1imfEJMJu<%mdot&lZNl
z-4fis%Fh@z{7fRnFi<MPly5z2&h)8Ose6L_OUO|^59rQ0IYbq-5#d;DjG0r#e%4g=
zti%3^A*^zoD?wf&D4C&4#e;w9nd_E<Vx|{<b#bcQH*H)fC|grCv~3?=g}q5V*qK0h
z`xYc8;a)2l?j6><`uPU^5KQ<yJF~{U3iX`jJgoYny>x4OsVYjJMwk1m+&e)yWIp@5
z4%YzxeY;d!2t2u4m*(wnbooTJdUqdj_NX&9hAl~3q^26k(v$NzpHKf*5-(M!!dSQ2
zqz66GL1nj@BX}~cwA>!L6rzRs#OV3?F2Z;B)F_ksp6?-|EBR7vSVq8UzF?IOOUBlL
ziMY&O0(z{?<sDwLzL)6l|2V%NP^g;R6cU$P^iyelQW5Wu3cdh_=>NJ!iI6u_(lP2r
z|Bc0jdP%Dtr6PjpUTEtQLi-lBLOM(6cy~Mt1}ccu5{fF(0_lV&*SM;tz^AA2o{UQ3
zrj%+)ZL`$ncz^y+O!Uu-PcXyjy1v*S)TyTjv3ybguR*{8N&p87sI0L#hMGADgC8BY
zV>zRBU9*RQ45>xwYZQ;q{Mx?NHXluA#z4L#caOE<_q*E*$D(wUz+dWUiA+`YI$i3j
zN-Z(8`uN>{qCa6!$fb(T<uPbvns)G8V)%?~3<)%GH%pN1DUI!U5`JJHos7FZI?t;o
zI5dGU3N8Y@B0V~fY0F`)lDyTw>Q{uD3=SPxq5+caHnyd6-^ZpEM#rO^YOUr9VwO)d
zMMd_ta3s|Rie?%AMRz}ZQ0y&SN|wIMgsDAdT2rQZq)+bY3L@Ln*v+o-u3D<v$RE_T
z<tA`-V3wM<?qReiR48|x$e1kA9f|Gx)G*4{cN8mLPg)2uno3RKuoa*b6yZu+nrt@2
zrS)0J&_=QzpK`6h;Yfw$<$t1lt{6HvsTjg46oc{Yy8Eg6;G-)oV}|#126r&q<nrXq
z-1gs4TSy%+rm>iE`&6c6EYA*4p6t$I^k@0-5oc~Kbo%Y7Qjsz1znukJ^w;Pp6yuH%
zV$l}e@ZRWW$oFBQ58)y}c|Q3A`6dL8G(NOh8WT>gOG8_ri^~0=x3jTg7<W#v1Zh#=
z3Wfcg!rhFv4MpkCf>{L&)^7|-F;c4u36u>CCCTJBOnuT64<TROnR<d7lXTtY*v@jJ
zM~GRp-uaKhbN_C+(}Clbyy|P&h%-BV$ijwAZ1+NONBMHK`86WCiv!I?H8;L;xsp*A
zIXijWKbG|T7w5ET1PndpsbC;={H3^w@(;PXQ%Yhn`iXGaFO9_Li7bBaO%ba?)(<PM
zQFG0}@JT#5vIP}Cf(ZA`Hu#k*&%G&(U>m3lursev#N47Pv7rW`A)7xO+V1EY^d(gP
zS|632`$4+UM&uwXOQjkRKOt-Hg<VhgqTl?}mFuzZKYF#Z77n`A=zqM$n9Mkz?=C@?
z$8<%}Ql#KQ=D4RX>h@=Cw#tZ<@)AiL;9k=&3+(t(rPL#uOlS6$$&F5f)6I^?tQ^uK
zOWIkfFWc`TRAh$g@%Q9ZYV8+q2NE^d<hho1ZcJ&cWj@JeO*+#lv;PAaeHOf}z3lBS
z=Ng$YB@uxPCO$lA?g{mNv*~P`|6IP)gTp(5XLO|Ki5&buSE+m6Ch5y`O7tnAZ`|jM
zKFBH3JR%M$(>WgN?vIO^w<6e^ovGljhF}e<%c0uL+sSHL{MXc?`rtJNiCQotV^L^x
zq_(NnD(Y(sijTJUC&TV`z$p4efosyUNwCP3CaTD_?RhVE^re<5o;6GHy_k61Qw$dz
z74JsA%)IP8cgb_=(IHQHvA5o8OfeihjJyzqJkd3U(jtAy^M*Ifq4klOWminTzjqT`
zAbQHoF<w$f<&7v`&%=C^w_Z_90AMR)xDX(2T!Ztz!Q&W58me5AlLtrP@)_Y)><WJt
z6>BN8_p_U`*Xdm?YpbNk<gTm2z4;Y#5T&n^$K$iSBjxpu<{O@+y~U#WFAxuF4;@^@
z&&TIF>l;pdML-8;iqX^3PfXS?X-C6%pLHM{H$`Y4T73_th3`(LPyO<5OFB71t$({7
zA)gYiavrH{cxm{82TD}pyN(JkeexYn$K*=}uE%ZVGF!1Y?pw8B{u8#y05?r(U~Wjv
zD8v061+T>g+ts8e)V2^_bV^K^ppYV$Y+oRUJgLH)pA;+IQv{PIY(q@06O0OBHLL{w
zIEh3k=OA^({b@s8Pmj$7{kS|RK+NTs>2_Ew&18w;aH-Q(CO!n4A6}tH7aSj8#-%m?
zMCI(*yGy3BhAt`0`yd^abrqOjoL7Ash-Aa%p-A=#FWuXrHU7a=xeNXrJEPP}(wlgu
z3#gu5TwZz{Sy4l#6h$6IS=~$<d_j=Z{&=}@dC+5gzkkfkgv+q&QSz?D+Hn6f&T-l*
z?DeM`OR`E(Eg8YP_{GlxW&11GH*|VYY5mXEYl@@i?MqDesRBO63No{{J`O6D^DJH5
z>hu2^qCrA=;y{+h!yyks+giAUoh)2(xioA#Kd>p37LG$tr};#Yp*k3#vPM4G@_~@~
zxH>d1b9+4)J>OngHQw6+nvzz?+I*J`KKUSHD?c&!;2@hlR<<_Vq^|Yh5WXB_UoT4N
z!??C_DOW<Z_{9ZXyQXSMk(We7BH$W(SKk+`!b_D{(%Lw1?@~j|15RBOJD_ku&0ys=
z&gl(4ytud^i&JV!jiQhy;}y|KeaHd{_jS(LsVycKqY+;JIIQXd<6hg9+*~gNKTk~D
z1>cCWvP>@!pcynAzepQ*fvkGw?No3e@%`B`BeHl92R)lrZ~sUi@ZmWh0i?Gv)<JVk
zGFi_!yCjpXBRX!i%ut78zU%aP-re&h@ej>x+f!G%QW=NGXv2^?)4!kyj}nNWXKJ(n
zA1Im0AJe#8;)S6=q#$;+4T={n38z5EX;C0BC{kO`U}=eVwQi_mnhzo^TJ%9njb*2q
zx-pHzP*~{Mi;ZE2r>aQ>%}C#vUgT$vQpoi_gpbM@UQ3(EOa<sEs>dH>Gtk6uZ-ZQZ
z#n8iRyz~s3dH+Ese6eT6udEGj4nTjhk7GiAkVBI9Ucy!uN0*xA#z;LH_O`F^x#`oI
z_6DQ#yVNl4AY^+#W||P+1W^3G%9v60)jLfz1;gc2u-b_q9SS6>zSxhTK%~dzT!7rQ
zV=)I|Ns!{#RZ30m@h}@5$6?)bq{9*N5;$5bwSUQaji0ndIosHmLnVg7QSx?D?t0>M
z)q1rzbtw1vutqSwmb1y}r0YS$6B3w8GusLoWuWdNQT}RStJe7NpO}LBwR9IX8W-Bf
z^%wzFe{IW8h9=6(nv+*V^*#rX9@vqi<C7k12Jvn4q_$h=DDO=8Oa<t~LwV+6C`4Ta
zDEU&M%kocFjdg<Xd#q|}m~N9GGbZ3AI4X||Jr|eR<H9y&<EARYrhEY`G*KQ$G2diW
z-<8_{YJ?@$k}At0Mtq22>Q%melb(Ckgz!iBpz4vFI)>ZnNs#pQWGuEJcxspG4>Eib
z#iK@$Hz|$?B&}L2^*Wdkg@yEQWOrvoG+o`ZbO{ORpV$g-T;ND?;X{m}Rw!!oY9gML
zqtaHr8@z7=PNkpPgPjnb7!lU+J*_LYR7(f-ZYDl<P2ww#OVQjuo!b7{J}`s<&>%o^
zRr1;~Bh+C=4|Uip{$$bCp&{E=CMOa{24{jsDcGy}T`tO<%kMWp_~mil$k)W?a3*5k
z_(3JmI<g2qmoEv5138<E;!9tTZ#z@TPh3Aad&CV9%;|xw7qdDQj8g+73m<}A5Qix_
z4u*XS2McWDs{yjvr_@F87I~D0=54;~T>MT@Z583SR-m9E(tMz$@`Ru6O$r@%R<-|U
z`U!lHSn^DoO1Y)!RKuhRrxi205ZqZ$c0F%wqj$8G#+)c8xb>;QH_n^il`^t}bTZZA
zD84pu%f<;0!WMbzucN$VQtB(kNU@<k4Wa((7A$68c-wyB#Sr=1{c$ezYRGsxcLN<2
zC#0|XzeTDahW}28`^(kN+lP6YwR}DAiBPMlDA;nM0{1=XE);0P6xTg!P%L_?y4AIq
zL_Cgk*&wSl;$T#DL=Ib-G_t&-xrhWof_)r54?pV$GL@BQZrL#c$Aed7U>1fYEWgDs
zsj&+Ar-r9|`=hiYD?V0k<cExW_%Z{W${15o9uq6@QP6h4Gj9oaMyxg9rmR;WgE@FC
zr;*7fwnV<yOe#Y%(-!rHVI?^JL<fAscKsxG6aUaw>04YCGkE^(5^-a6A{0p)tHkTB
z{DApF?uL!K-2WwPQSuKA)v**MYV$?MdQI-NA|B*m>P0>O$z?GvV)s*I#|94Ibh;T-
zXjL0;dUp#8qMrQC(EgCDnR?#t*MJ4rW*bboZb0%bB5|UEDxQcHwnxar>H{=t@hwOD
zZJ^0;WQE9~rBWB7mFI&m@`aD;pZ}SvG=zVqigLiW?Hi*YX=dNTZHiC*A*uIWWsY$r
z)ejzP&9Inl_x(gvdAWew`P-P#P%cu|!H*h$P(IUXW!z;_(Vp~IK0e=u5EMI-Hb1N@
zKJISNDyaJUDzM|;+>Q+i*q+v4@P^(vIX1Va{a*J}RXaE1Ds70qRL#tL2xsxFlDkIM
zsE6+TEdbEAI5L%VEFKRn!N#W!e`|{`3b|0H`VDzOf974rR9}7^7l17XxO5;&vH35v
zzdBE0agQN3p)PA%yP{j0$9WyO<Gl~C-gLFe2E?~NJIItloXMsB$FUj<on2ImgyX_e
za@&7*&UZz`0u+3&nyPpOnLOKe(hk7iz2yZc#BEir*6gq|E*^*LD4v*pvKKsu_?+Dq
zt31`!5L<WaWIko&-y}c(=+{4C+Do1Sc|LwT1V=uF1oYp*@m5zoc;yj7Trx|&ZrSr{
z1TC#RRv(*VuTHi$Rt1YLh@zx++(lwQtXVfmD#p!OynFW{Al|tCxw}t)9$iSYh}i<O
zI?NoQjhB$_orh)93r8c5-u<Tx>X#S}6g6FbVl&;Y`DjWd6D2Dc9eJ357lE{GQm;4h
znz>3l!)n*JpF((QC|6G6T#udQBgoCs*8xOF=Mjb{AMgp4Y;KC+><7K)6xvgibhX?`
z;P1~0p6scm<<6RSq3(r=PX{1%y!42hr;j3J)M<~iMcy;gpk#QHZwBLFX^4qMS8L)?
zai$2Q8g*GvJ4Xlp<_{`HE=A69fua)-^()IiU0WJ)Tr0}LpI^^=%g%$Pn4dbXXfm*G
zPS0@ToM2ukAe;6wZp9Ve9cih6EiNxFCW%3_jM*?#0%N1Xgh7{AK7Z+Ab-XFH^2HSl
zM2X5e52%S|sd(?puRtMw|NC|$tT_s<r0mK57dXCagO{#8+N`xE`sq=wD#C4Ch6vK@
zrpJDB=T;n(?eDu_Tg(~16E?ByFdW_c;PPwNQ-tmyJZvIl7bTIV%|d!@e(THKGhi6+
z^i*CTiIPQ=TTSv2rIR&Qq$_7f{qh~!>OTLu83g}s#vmvXEQU>Vt+qJZMz|P!!`%uV
ziXzQ124RcS)%pBV$q<xR-mA7rt^O^>lOgu|$)30+I0oL+h^S(!j9-H#?|)c;MD?sQ
zj{!c@sWii>!eO#_LjC<~y056hWbsU?1iun*FYP3&X9hdnP)Zw!xyC1XVjuVheJ}!*
z^`72AJbO~bP#m~jo-m;><t4t)4x9<ZPH&!)uMPKo$|$$=mpQU3($AnjPT8B)UeU-K
zs~kQSM9jQ7Yn?z1%O#izb7W`HDEo!_g;s<_S3GG~A|6C@GYhSsl^Sv5y^R$Argc2%
z=H0-z!_!O<VHL$BXDcB&Yi%x>HfHqMz!-TqRy7X~?SV1;O~W+(H8Oc;?!)fi+HW8-
zjOHw#C2#^mEm&!zANmDxn7`Ky9IewTxUpD%<h2a#w44niQCB}6OO@3ZdQ|3v8;53b
z2YZ7XzPK>2#9=9Cp!=0Q@FdzA+^<jAog0F3FAz#EPvEuV<0*H6$~_g`drs9F9r;9a
z+WDRkGV9JX{zZyM%7aXVo&chj{}}^!Kb!waVRP8oBslD>`x0H8wG`5F3!D3UbB{4q
zCBU19fH;jV7D`Dm#A|4>!3<UJa$90@?dE?ebuUn8lwh!*i(0q}mEFtsy(c?9AiM=<
zBJnvyQakH*?QO8{Ve++Pm-|~f_Kb2mrbJ8#UW*A=Dw1(BpBI;xuTS6e`Bv3qdV=_b
zDE6dKI4wd!LSJn#cmDphH}HE_m{-h3hN!7k9<`2)31sh|p86<KnoJ$HwLY+8H&rKW
zGMbz5Q&DkNx)DIf;dGGQ!fR~l={aA5mazGjua&VEB=N%ARue~`j+rCuG8%_)Gf&5c
zml?;@<DR&J`5T#T9dQbm=Cg<U)E1c-?JV2iBs~4YAyR||X?MI)^fI+o@oCUi%`X9T
zy-L|PHVGzc;v_BPIuL&)%O|~n@AZaKA6l#^(%vaaRz9Dz?EuMHUs-DF%9Ru5VzdhJ
zax*Hb9<4HMeU-HAe*Bog3F#!hLl;m9)z2d5t*tp7Dx3Q9$VPgTi6v>-CEvv4J#w9D
zebmPC>4eF%J;5vrKHc&d0kpC3{idq&xzhW30Xu5`4*xj1HDF8qVBz?|=V9USLBSC+
zZw;=7AJEtPa(gmpB6zvLbho&WZE@sg{P|+xbhTjrH0!Dc91maOE!D4MCa8cLIUuml
zS#nD4f&A-9epStLd1C%U>IT>nm9%Q@T>4b$3CjkltLt);zV);eoLhQzG#ys?)x^Z9
zIBmB3wIb#R3IvR4gEgar`4@SHygKB2zT*R%+avMd2yOB?@MrGPwDK5fa0)S_Sdbib
z55Y;k*Kfd&h*ezu5`zUPGd76AL21SI?Xq@{)?4mZx<rXcf%4H%km9ZeBg|Fud1^|~
z3sa;fE!F{4Q0;twCogBmSBH#{e4>G<E{H+_MG<vyfJs=D%?Fl^AtK{M6EMO1eWCpu
zQ?hiKxBE!gm!c(oQnZ5@bAq5~lZ$=O)R^=K>BN`-Gzh5x%j9~7=Wa3YCRM}p3ETXw
zk@CnN$+UzML5HpgNX6Gvg6}w17Aj_If97rq*32O_#?(<}x`Gb58}0*QMxJZQjjjRl
zPD5-<^9p6W$hWQ(Ql7Lp1Z#X%#v241&7;bYU=)&SWHVer7-LCu9{=uGI)C3U5Rvxn
zUE^Vuc_eKNwG-5M9{<?r+z{o}Wf|L6?`4&Pq?TtoBSD3{GViAX{@Pwa5dE*%i0Qk4
z&xz-3eQW%%{;?;%wz{rQik<W0)_g(c5YMATGZrFFV<YxCI5ac~bYDZ_ni_Cdmk}Ab
zpOv5S3)_us`W6o^EL&v9;Hd`ZNx<nl`PvUTxX~q!k@?9(x!+n9qr!>8e$!O!P<ZkR
zSdxdfOVxshY1H!spL*y2PGlxO5hT{#;@Rw7zy@(XIO;(C>yew=zLw8S!^18~^LsM(
z3!MM@?Njs<yB<qRX0)iM0bsMmUP81!j|Ayp1(;9`KRw}3p``KYzwgg2a4$GPK!;mh
z*#g%`{j(aTqiI<N`4+#+GxX$kNRR=-CW@Dt;uSjuN_RYK?7KmZ4f)!((%g5C2l-u0
z+0lcZ+ti1cl6Kit(z6TEU&6)&XVD8yAPVL2(b`KIDb)j&JYl<r%2d{Pyr)vX#fjR?
zS@F1UJI$4#gUk11Vkbd9{<!^vu&6{iY~zg>HxbeGiB&Q<O7Z?wi+)weM`eyb_&qiW
z8v|oBpFJHi)_0u1N;i3DyTt+}6zNyE$Lx~vKz!*9j(~r6`Y7pfL7N*42}03m(KYKF
zyX`$VVxx&s_sveCoUapI5BVUpudJYa%<GjUg$5y_vjIbkY{4aK!ivVjD{13M#*pYi
z<AKIHWx3&xAX4-o-!tOp_l*J%Lw{Tv1Kb@@sTgI1Lug?OWMnTbgcC`GFEZG&E!VDD
z8iP45w-wF7x$?CQr_~|SM3sWMpGsp+l1iSltPvK$xnatXY_A`bJp%>Hzw7A4RIIa?
z1nbAWXI%I_#`=ODN3U;;zi7WiXYDq3!8;U_PcFM?EmT<?T?e|{UMhSIssSs<T-{CQ
z4)|OpnU{x!su3aQ)<_1FTrZqX3%;%OUt>pm+LD$Iu0kw7F=G$Pu?f`tm}kQ`IlT2<
z5f)RKj)^n)1A<er%ORhoT0-x3aXLq{nIO@?N?qQ|+_kdZ*q8Ieg(lx39mYGFQrQ<_
zoBd5M4r?rzI+_2Zs|i50jXZpAisE~Q{sn}U$0mDxs&e&6ab+*%^8NYl`9XbliaV@+
z*O}h$dY#yrfWS_U!OpLR@W>;EF_KZI0CpfhF787bcU#8ak%}KM2y{T-UPde3b?5RW
zTBCdRgFL%RqFU$AoNLaIzw!d6B9P<B{Qeg*h_Bcs;qHq>o9kIV=S4XsvY0rmd2nmg
zjYnxpS_jH0S>7?k!hk@Dgd*}**!!2tLDjUF>UhYg2jUa#rb(WheWi&%4wyDS#;q0|
zF7lz8xQf8jND8hjBthBc^aC#U^Via7K2%nrOa8B|mOy^|i(9^16OMdVIzaVv-M02p
zG{n==1cCQ!c`7P8E)BQJP>FmaF&~>B$bUvK-kS^gk-n@rmL0OHR5B>QTP7z^K*VyI
zpT(p|Z65}c%YoMe49e|vw>=s*Gb$23f*o%PSM^JhW;h^@AUsdm8T7Y4zugYB_2uNa
zH<Jy_Er<<mz=3Q&Q$6XtCzj00U%1^?Tz;`Wiq1GsWWQ<M{bZZY)hcHpGMs|nr{8DX
z75+7Rt*Q1K3i{I|SNY-sD(U&&|3}qZ$3+=+U7(b74iX|Uzz6~gA|cI?Gjz9zgoJc=
z=g=vLbO<OdD4jzq-JQ}Q%~1Ez_kHiZ-~asJJe+g(K6~x8*CHj?j8$cO`m^xd7SZ57
zP&DC1p*qERrK!2D{$rgla+5WdII>4u6l0rPoH{*yJ=@4nS8*!)R!Z}{Htc&5f!$J$
z++-KN?O#p=R6`a(!t`sh6fKXO+ne6G?7Ue6w%l^J+~r0lc(eu#5z$McOd$U%+2=^l
z#OIOq<;N7k@$!>driKb>0ZlD6Jv|`JXh^L2>nV3V0rMfFT$0W_R?~OhHXveEf>k*<
zyz<sQBrW&~I6=~DdXk>*XY`Oi*I}T;cz!;gA>uavj_(z=PB<fEhGd=};iF0%dP4NR
znv2}$N5jXN7S`ZAl&~>U;G-cE_c)!;7m4+wuc+=b72F@o1|ete=bquDAF*^yjlLun
zD3Hkv!RJ^T+7_*k-zC&Q4q)X)PPc}qFxn^ibMy?t*VREqvj#tWgM3vsq~Cs)<s8rV
zt*zek^@@`(<sdI}gCzihnGjC4uc-3gl1m*8|0fQQXE$*%<i`FafY^qzmbfKnb(0>g
zQbl!#u)sAkp9-8R|NQ24ZTHS-j!H7e>w37b*L{ShrByaTCvj90c0GTOb)W3W_WObQ
z7?00fh;ji{y<$ZxYrxAGU%k0h&3vqDj+f_?mPVsdCf8#077uzB>+YQkQW$VXuZ@&U
z?G2Yie;MzoOeiIiErlz{+M~UiB$%OtNy1fDPuXHe(YSY)9^L6VtiimHA%tJNXd{@r
z)^Fd)WD5NrSq=;x_pbF}f1ffyz~v-PB}3WDHRdLwW<UD-XxBYEWmwDqp7TrpGLg`*
zxc!?}LCs$~|7cCnBuU^b(4=#uCtu^GD^5~zJu4!2zlH4Y5dGLvWHl0l=r54ubL1ss
z$f$3<_Q(RUA4?WxZAB0w+8mUb)uq`>Fz(sESk9ilJH1uesBvJ#C1hBn^-O*#b8LLl
zuI;kQ+1PdFF-2;qW{9(~FHQW3ltOu}jT^t@D|dAwkn%05aOo0vh>p*MT%^<~kOtZs
zO?BppR0n$s9-i{1CD$yWEwTjVE2C*c1hE+xZGOCLr_<Xhv$Hc794>luaUHCAZt=7i
z$dt;b&z~yS%i-aDz;mX3pCGSUNwHAkgD)F7MqhgO9u4D~yPjFYN!*xZ-<yueUE4-n
zUrXn9LFPw@FV~JPI|fW9>9V3ePGJW&|HwzTP7~5CGSL!sP(0Hzg+4O!jBoZr`RN70
z_8+^S@pS4L<m9ud)hO0^g2ZE<o&BDWAXZ}mEo5PCZ(TAIVa8i=<*T;KyrVd0(udoj
znpAQyMCZ~II_wg5!TuIfikqfMRsUDo=BDDY0g-(#weBNaoY!m~eqcZzgzsmYi|<_1
z+!s_0#ih!H$nu?M-oZ*8)!nZnr-^&sDEEzdaXH?fR76D-*v*@^ikOvb(~eAM{#js7
zwih@rjNbEm?T8ZFHm&f!C@eUZ5e}0k@h@O2kXssm+C}R9s6aaSDPOfpo=-?=#Ax=o
zNk~)w(a-HIQoTCMInKB+VzvT5U;N_Ar>Q-UVFkjz6jL}R#zt4d9enSM!4%&<pH9UY
z{VW>EZ;6Q%vAiXAId~2*!V39ossTnA^yDuG>iw)*681|(DwUg_)dRX8Yduyv6^&}F
zLi<ax$aw3#*B1MAPYOP?Wlc84@48||kkTK#rXpixgMeQ|D)es;R49~~`88omkZsof
zR+R{x%00^c`I0Enibv)3IFf>I`MJi~x>QA7BaK&Hn~I6%8<8bWCOQ+k*r$n7ChA>L
z#|Fl-)<TIx`<<m4z1V;H#`}vQKGF%aGqV@peh9b-*iAl7Hqd^w@blSkyMmvq!`xPD
z2&#>>qRZEbfF0Qvlsxa+NlVt2x~8dkmJfTNO0(A2J(CUrAysvC_dFlJ5gCMrEFcKb
z%3a=C@S^VXYqje<owh}F$RHaV)Nx7?Ku|trEA?P$k5_<pD&UF5ob!H*j4sxnq7CpF
ze_v<M#ZIQcPI2b1<O!I6wWwqrxkmTk%i;VXwyNQfS30M&TFKC5kR#il%++4ZPp+`p
zWBygZ#DX@qbBL;2j7@dr`EtWo+PanpTNMK(r7C(Bo~bc*1fi~-gl}%~UGRaXYSMmD
ztY`wh4EFUKXwL-E_it5)*&2F(y5;LcOhJMVi;S;|*q^vUCQT41`<Qc?R%9VLT%RVj
zKCEge!8^})cl&Y019EZkJI~XN<SLO^bvcIXHPnx`s-@;ijl4@<?%%9fb|I-{QTgt1
zmVLbjf^U8fM`1t1*i#uHz_KHBBzZtikfj(g#yaNCD97k==Dl>0y|JNHV<t!O+%QZq
z?5j?Z@>Nayu%t3q-@wT%wV+^=mh;2VwI%D4C_1?i<*^Lua7dVy3GXkr8g-x*2pxm{
zjZN_A-l9`3bH+#gsXC)0{_?Ecr23a}yHhIzr-RHOLB?zX2_|WoOP(A0snpceF+dwd
zV4<L?sRL%DDV;!FSh&IK`ToHzuir<NSK#*(LgA>=H_&FUb+tyfK}R^Vu1A+(mTn(=
zbU|(}-)k1Ws!8K*nj#Ntt><=B;kTd5l)J)iY<)7MYNlz0MP?a`7yX)kz3+#p!f_W4
z&fXibWUt!P%UeDxEL%(Ai&G+X1d%he?|i6`QrzjC*UKPtEDjC8|KUxfo>E=vpWIRN
za__5_FD&|slkN5;ynb{j>ZIzl{AqRB`{z5^g}w+?{QaT>dC>F)B<!oaqORO}$c3r;
zgcN9J$RJZzx%Q3BWMf`0f5n>!4W?cn{|c^a)QnWZeEHMibH@aV>Q8tXj}h>amOHgN
zf>hp;TUX#jL=Bfj#7YkH#=7awoNLIa+<qUQn7OcJHm$JE^VnNE{&Htzc<XxlNuX#|
z^Rr2ceEHWvHrqXlCMHk|ea~G4X{q_1+_%FA4o_@lNLHNeAbDSzXf%4aU(kRDs<`xr
zal6F~!^R!qxG|?y;)V0o@Ob0BP4^0wq(sZdw_<CV(l^AcU;%Ld$7~}gAU<>xm;b~k
zS=tpv@sbm{hB>m@rN!&3EvS^$lp+5+_1g;puc0>dP+l`t^jiDPgSd0FKsM>f*#6-Y
zYS9baxpKB!x<u-)XVyyhUY61tUxHF5{?)|hfj~|CC|#`rwYyYH*_B}6pXPR!Zv7+Q
z+1_w!NFkFv+okzVk@tle2H7EJ&}lqA3+D$;!~XjZTn4{Gj=p@k6s{*JXM0|jv(3}5
zhfJbFG|}#ik0emrl_zwvvF`227hBhuO45S*N2p#F#*Ff3q@^;Gt;TC*O~NDmBcXXA
zW(x9w1x0YCFw6G>I1y8gGLD7=3gc!=!mgZXk_5cw7E2GZFBiy|a5VZ1Le6hvi88WF
z-7|6bqGrA2Pa`JzMuI-i`qc#OEIg{>`ubJO77VoCG!L{wl)l_*;uvY~sWXSDT9DO8
z2P>)P@r!8hmC6WFXFWSsXk{9vwvF0l)<_#(<3)2E=jGneZd#CU*>fS!-qEgE<Hc_d
zwW=YP%DbJ;nsyI-Dt6urQ;3jCu@UEckM67Z{l&YYjzb|vkITh_A4-IK*M2Rl=b5CH
z-?FJLt|Okc_ggkO;}0h7E4sQ+yhy#S3}(joCiJd<Y0Mb&If1&_gDgE8^qsso6N{O-
zIJZ1UESR7ho7#vWa4p2IM+O-sGa58M;fpl7R#)^ire&B{gJ;hqVnlB|ca%j&&c9b4
z=CiD#ghvNfDp0Nd+N;GBRF75;_BGxm?s@0wA7Vky7sjY|AJs3InC(%F&Wy1EEd>7a
z9<16O|83LO{QSJl&ckPGVX70K-<NJ)R1h+#VQJmOexS3Ed`@r*6S1!M^wiYVh0Dmu
zjDOMMh)s^j;{j2=G*hI=WAuAPdMjis2m}ST=Wq7huD0jd!ufS8;=RtEni+t!n5K3z
z6_~2~hge4`U!*Vd3PHFVPM_vkXU`VnO(G+0{yn0{{yw7L!wKo=+3FXC7BCa2DK;EK
z(CsEH%J^OSnme1Emyv|;QgFpLynGp|@-<|R9`#0zj;ga8R)^pbmNq<G-%#7tF1xf4
zW8qMXt<GM)tW+KOxZGF1v@1$1pk>8mj32(70D4bXF%L^1ZTGy?VBs3fzA%#s@`dqV
zYHg#c<Aj8At`=>Ka3LX$_!8|&otoDl=~t3p_RD`{^6=>tGMH@<NMe5n*Zz5#?o~as
z&-S(c%t{=WVTz+c?MqyNeKCcK9-sND^3JvnjjQ;?naZw83(*Fxo?M(diKgivi|Xe&
zAr`wS_U%iXc2Up$&Tn?sBWEqx1Al<e^nNe4#6QT(54h6_JTW6YYM_W!#v=~(*Yt0t
z`MPm4jYpY?4hiu(ul4OS#0l)XNJ8nH>{;E^&(~HR>g>^3ZIp*De131FzSGgdbO|%f
zUOwy*c@%8+AmhiEGNtQli-yVbuaCSn)UkH0_iC%e{Vq!Ls*EW4K0N0t8ZCUM85W_m
zcc-BWwblQTt6gTmQ^M%W9o-a91}7(dY0jnpTE@snOP0r+)1taQC%|%zOlJItdoFYK
z$#EJ)juk4R_xXWQCp?Wsz@Jzy+KrB2>o?Uat02BArhojC;ToVl$DDgxGsc1ya;NAg
z?iL>BIj8P>x;Gce$-wjT`U@y@nHHy+eJD0dk-s^gb#r<1cw@k7r6aV)?2n0?G9Yj#
zwXgppRtMC4^03^6cmKe$@YVlEW}5})Y*I=daOyQAQ$EvI9Oxe?DF#Flr&>f|?<|?5
zk_I@7xj)OfzVDlMe8+3me_Raz6#cA#4<)D$X~|Zwz#Eh8sGj)zCg#t4JTjnnJF~)m
zkvi)AJ75?F=(Xzo?X^mtybtxg5&{~~j;SgoE{Hi|t=MwWsI7k3D@8``(^@Z95FTr6
zXQg2Qb{-eybA2S1?AIWSozbd%1<&}K1@na`WlmvGXDFDvJ5Nya=f6rp2@U;?WM5zI
zgD9%8o35ymoXQBH8he$pxtepeB;~!a!l#7<&hix8Dp%{@)YAp5^rTg7UgpK4&VuWT
zqB@`r>C6(ZUw>3q!OMNW!}f#`5r|s2Klq@O1Jfk~5Uw16G&?p>{3r$q-x^8RbT~m{
z2r3Jib{J&y_K}UEN-mnumD<E;INv5yl<kdreUQqQBAxeAx(Vp35>P$M`Cg{4R&>6f
z84yZF{mW#p>OauN-vWo@G5VX!BP(Zu56^NFL!$(k@_oaJH8pj6m#jt^6}d<JgOO>x
zg0aYH4=g5bT14O$(H2&p4=j&IeU$W*n!Fqc;dp3ZP>KDK?!U}mqHrMB;P1Xzz%<&X
za)irgG+bEJ<Oujxt=&x8o^1V2<&Uj-vF;^DF=7(w<bQ>DnD`{kCOKKv*pAb6cO3CU
z#de2-ifAhHSK|LT*KctP!0|~^PogNvdI9yoIY((g&`UxdD{N6qI!fI1?hhLiw+I4V
z$2Xts!FYvzU|dIUVbhHd%(9p+ZPg|D?I$-^WeuA`2xzVR6@O8XWSQ>xLu>PQ|LMJ3
z{T+FMniL#NlOE=PrGqDP1bkZ^dF=<QlPP<m_CBP-%%c~9zfPty|D&`t`u9+_ih_cI
zRW0CK>04kWs-Ug^pC%r#MUG7IpA^1DMOo>|JaOF{N1Sn25^=<;_AsRkgHh|>p744)
zdDhrcF>#|Vepwt#hIo_Bv}5#$6+)UUaOE`&Gvt`K4?J9X*xzSP3Cu0Xzxx+OdH#}e
z0+7p@*yFJb$9WSS8F}OWlM+V5hdimDU1J&-UF0Y9>ok-T_cb@XpZ~_Ai}vj58n5^D
zR(?|TFwq<}uJ?Ds=IsXK+p9bd5`#wPBx&exrow>_YJWOpG$U#f&-Y6z(dH_O>{=u7
z8=j}$@=sxb@{?Iq*errDE<hkmeQM7uPsKOOG>cAr5#8}FuW#$0Ve`o_F(Z(5XB$c-
zO2RPQ|FK2^x+p-cB0}WWa(4{FecT6gjfP80-r+&IKWpl3k3u_KK!SQMFOD?am_NR<
zr+=<j6M;J4c_*1gG<N?h@_+k1{F1b{FZZK!6rR&MD25DX2xabUZ&Q1Cx$VkBia=K)
zd_~fq8xyvvu_SiY^vnBAR#bQIP#j*gL*oR*;S*C}pcgPXK5ar_P&WHtHtVnhu&$LV
zWzfmEbg<t_fBh!I6@^l^Zu+GDkJbjfjrE2yoz6^H$n-E%b~Q5|oKO+7!F|U}jhg6!
zFzw0zyTLMG)g}jEj;A5|$LqiDQ{-fCxjIfsV3u{b1ePX>>3eRhxf!o%>W#(D4t3hL
zpXLaI_xjYRBYJU1<y`Q~?+kkrKVy3VH>T71lWGqqP#o5NuQ~o(9RAIfgcE*3w^Ey~
zVRL!?o>a7F6iT<Qa{457+l6Ey&7Hsjl%pF#Vvi~u31W#xMMafp%zYmxE`j_<DdQhj
z0SIOo;jXU_Csr5oy59j<$5@z<+g>l(!)aq_;u%BfJ4)jrIgJlI#(_4^alOyuLPSq)
zL_OlPD6hvu;B^Xk2OQ2|1V%~44j<At5gu)wy_nYE!exVdV*bDBAs~2$;YczupAt~E
zvdX;etxu)BCQ?FqItn5Ftisu!I(Zi6V#`u51Rnl*ge9u*`&a%%gIgg+w$A(J@&7+x
z83jedlJ<P}<QK}9bAyUP4VbZiD!#O9@<KFlngAxdRi-XZr}KMEZvG+yxx64JfWe$C
zM>q*$b|QP^r*QeAA-`VM<n=95cDzhS&6hV};lJwxD*$s`xbWzsCmaRAlRx6MLIzZB
zKKNbxsnLv2i3(@v|8V_ErcbI#4w1B5ezUQ$QS-JPg9W&cJ6-j~|Mwr6jT>N@#&1Eq
zu}-DBIheVi{Z%Xz5*^*PnW+5Iv)?Jzts|Y<FG_0?+4}_7=l6O;^23=j$iu^AK~3G%
z&!1xw9wHn!@|jC4?4xqZhWy@N{3rXc{97L(BTWY`VY33FDH@i2Oc!%+ZcNjyBQ6*{
z>-sZJS~T>OR1$N_8id*E43Tx@E}JPL(fS}v;UN5vzW86(cQF^%iyvu1-uwxy+&R{{
zKQuQo<&w)E+})Y&fq+}PF>Tq2v9nYW@8p~tzJe4DMZRTXRx|Cy%N)q13fuW=N933d
z1Vkf}n4Aezt=<3KVp(tt8zgMeoFY3gApVqe#^h{g%s+>rRX2X}W4Vuw@6Px{DCG{E
zP>v3dnU@#AonvqGr8K~;?tdxZUnUr5#sG7h|N8u;Nd%ZSC7{4XtRQf7J7^!Qhe&Jq
z2$cgN=G>rEogxMc(Y_5C?sV9O<gj{t(vk`4^^s>14M7e^@haK2vjAbn<|n{FH~-{i
z18Ge8Pmq8r{k_nLFvYJJdH%UwCF@;2YvTTS72=$7ogSymk5xAhLKWX`?LOg?NqQ`l
zY4*mEn`mz?^$YvLAj|*VXZybwCRy)WG5f332AA#rZ3wL(V^BtH*IQ>$N;?D_pw%lT
zVk!~BOd=?;nYiO|2-Kxa;2X2?b-1BopD+=Qea(;6TLW!(%Mc4T4RrtG0_@5DHy!f*
zeQ$)p2{Xl*)E?ztZrW1C6geJJ7UlYMN$qN+(kqwHs8OzPK1q}h8p;h1Y|Z^UPp#VO
zM~P5#Zms3{|F%5m1F+JKk@an!JV4S#y^^{}oK%j?u3pIP^&_P${Xq*{#7IS4qcT!7
zL76Fm+UX5Qg6zF1FAiueuQ6<dMrwAV`pKTle;Fqf5<phL0!d+h(IJ8)N{-4Ow5;l&
z)_>JoT^f1aH;nt9Y12j`{Dlgo2}1kNzg%X?Mb|r9L0kQLCG-;bYpwtF-2QtK;V|&4
zR2HS|z)HNG*;;}_Wu~AE0lic18h+sa^;z-Es$5H}W+Xy#X9_kdm%)N9`9gYJqbLqi
z7;A}s_8V%F;eU<I`_|HX*Y<xehzQ^X!Jdg#x3<BaPKA=;$hI~y`N>DVb(^|bz&F)(
zQLZ5BMJ01pkf_ac(X%8FG7shL?g%9i1mvY4)uMWs=a@YIlIMR03V+cBX3(aKIJ0Q|
zUjH0V9Z~F{2I8ERgcHtWnvEuJaB4w%4wXlNwY}!W9#soLk}^RQpY%QaIFbxj8AS?Q
zd^ocjM$x6K^OctVTOh9|mc9rgccMDfES{?DPI*@k{#D$k6U%G&YQ`#aIj?c5Fv~Y8
ztsq`1i6QX=lhqTisEI&I#K<}W``7=h2>3O_Psw_JZMY=LPa?Mxzju9+R_j$6H-2Vq
zlFXxq{=szJ!P4ZRmr}Gys_ZI)kdzKZ??wF3ZiRh`uh23YxVL+cC-ZB=-EES8*@pfn
zveW}Zg<(s_3Y%6yUw%eTdRM=f;Ns65%c!-=PsQEGRP%z#UT4k;)RG}vyr6i>IvCsp
z3^F~Uu~tplR~~(x{pxG#|MD-uF9-6k9FMuGmNKX7HoozYPk&$E#!~_ohVcU?TD^o%
zQrUjm{pkQcH9T0Hm(Y3a8KuR#w=EZaBjWB0HQ9PPxzii@S<(!c4%=xc*ZcR-f-(>1
z$q_1Pqb2WX)||Z$D)=bkefZF8yWPr4bZ35UGI!DX`zlpKL3G6POnrbF`a+4&8*UvO
za9T3oB%=NCNB%n|)j->v34R0=J%o)o;$lY48|%enl)yJi@zUGO>Q)o2>7OkwZstj_
zwj}Bl06G)K>&7Ofs0Y6!waRsS;%M~*%-uhK0P*u_KY%Dt^Q7|eU3xY7`^Y2w2;PnM
z3_G(|%{;8+1Ld>TB&LjzS_<O6_1^s;bYlMpg5BUbiVuZ5EQ>T7vitdOjC?%Z6V({a
zN_Mt;^9e<4^DCPGK^Ex~w*7?k{Fwx#JKdVU5l%SndUd=}<IxA|Zt!h%V|%~#+@iST
zKAn^8c_D+}O@jH)bQ#Pk{isQOQzG_fF2ZZP$UwK-m7?seizWY}Kuql6ov&rz)oIPA
zuYNZk78ewRgb~s!HhZ1_Y#>oe7y0;EF;m`lwkEe0hvawm*VRkc4y<$`TN>BB;lN2f
zZ(H^+;cgh5;&BWrfE<O@%4*j*U_CthKI*xEbd%Yg59)GEWd?7_CQ0e92n)h=;Y(W{
z+ca`o)cV|p=Aw&gyusCa)+|59V^9Ah%v0vUuQcx97S!*@@0VIcV`#-PW@~H99_z6D
zetxhhD9G!Ga;ZR&!At@Ql0s?A!qI&yh5M4NHk5guv8KurhgVvN!Azjz8gRmq(P6U&
z<sl`|)x(?Tp!}{g>93XljvYq`G>U~=(nJ!MsF?sUSvw5x<n~zG);mSoCXLZ7mp%?x
zy>GV#G+>xsCc3dD(8(`n{K|e67Z!lDG;d658@W3OXV^O7YAqn%pBuZkZ4o@%AF~J*
zDmUCCy|lXVXt+IS+#ahkwTctJ|41yn1=cUqslX1lxC?r~i`x0R9ULeAdF}4})vRx-
zVex{z!|9PvhW~cq-h8Im`-irz``^bu*D~W<3(@=SaeJ-KSd<tYF1mD=6sh}f4VDJ2
z4PGDQTNrr+PCgPz8@%liF9y82IW+O3H4gob&_(aYHF)o)j6B2h0r{;F=8J_M=|17Z
zW>{)0y;9-3cP=a9_i}S~&1dqAY1+l0m`ju8^VI>av9ni8iVMK&iC|DLoS%l<Bvd|{
z-{8BC;B$lT(Z@igPCL>Q6iTo?vzc8ae9)YVI@^}o%<yC(GVs5psJ5bdj6s7=`jGsy
zQa*k`k_&L=!HgMCS&126kdANWJ$16$+kD3>V_PL;k`{%8vg4Qc2uhkkd6-*pLL{q{
zsktcoKAfquAZ+-6!R(U%CS6-n%MnOelZfkhDCNnx7qt++)G7C(mmj65PbZSMX{gB#
zw~Vjmc@lLxmW1VxJ)b;g-pcey;Q0nJjp5V20+yhynx*&6-0{l$YzOGdxqdleKd>if
z8D6+pQmME<^xu2S;595!bHC_4^*MXC{t@XVAlA2i7fzp7(Rvm3ea`%`kjMS)<79BU
zj(SJzu{VPcl$Fk%cE9=hpeg9}QqR2S$=2S<P!U%vDsoWh)@9Z+oUYjR0~y7I=p|V6
zd_5_8pxz==#`^rwXsK&p$M4mWBaZ0V-Zx&CUebp3o0E?Yx(TKL=IV08Rx~`+dL!Aa
zW0X0m@2sTXtivUAx0OF5=yw+LYU{(CeNlCx!uI-FToIrI6^Q?=3}W4z`b<x9sObnp
z^ysKl<Ss^N1?#Vz-M1F8ZRwf^Opz`3D>yqN`8fMcx94m{j9%Ej>xiQ4-;Ngrrg0m%
zq{4tsh7{U1WXysT^b2YNU(b?OgU=?%<EMRlf#5F87?X2|o_~@3L-zrKF@YK`vr<$0
z<%?xGI3$!3k3y39p)$!($q&@zNzAj%f-Lmfxqp%zsxT~lUIaRhA^bt+54Modcxn`F
zUtBlAW$^uA?sY|aJoc@X4pBk-W0&O@cAje1lFZ|MXox_q@dqcHW6O89I#v+ueghGE
z`sRy8@6+Fp?H#gq%NzG34eaWl)Rsx<^1QfQ&X3#rvRhFE7>qlnU7yd{!Yra`YDcBM
z?OrPKmJGz_1wSP$U?*I1kka?x8pc*)<pwcdAE+-ux-Z1<;6)jZ*uS#Hvz0}+AuMh}
z9MxpDC#(K<ogDYxd*2_!$azyH2KUqqJuOT!viN<4no+3T@p519S=XXWZI7RlpQ1f4
zjlE70td_T~Q-zK8&3uIz;D&^|)5*re>friLw>dqbzJBXfN^c7mZe8+D0J6R#hrL0g
zj(_x$Yjr^myodN{UE9SznBWh10v@CjHYQnCcGiHJGks0%A2M^(coXPd{e_JR!9e<o
zc6b7<AnjG)n-9{8AQ9L!U1I;-$a&9~iM+f3)71IRS-OMfrC?6D^^8^=X>}cBdaCM@
z))lpsTIC%Ja`7l`w>@1N9&<w9(-Byce$&0*^~l}zp^B*YdFh#RJ4e)zh}4D15nAp0
ziAYuf+)eR6b!(RSE1lL&*#&d!jO(=@@=~122;9pu_lRZ{+!E0LfaooSufz;SkPWYc
zX*~<5CJOKPf($zGf&vxQla!4nAlS3i)QlbAv2)*A1akSs{riIyyqBa2xaqQjFVAXG
zEZmDe*R~Be{Tx=?qlKr_!6fS06FL>H;;ATy^v>#c2~tT)OX%m9I#fiIc0Z1t*xA|p
zyER>iU%b)R?zYuja1L*Y;_u^nnj^x%k{!diTsdCkWp@4Anh@wSeQQ=^%Hd0(o=H~A
z*4XaJ-LVO~NZzEG9(PkLv%T88k&S@baVkj*;cfh_uRM(<zQbjH;}iu2M5t~*NmO2i
z6XwN)QL!1TNSg|DU`ElWBjYpWAYNL(b!jLRSgk^Qk&%CO9K)dG(44L$>f=NTNydk{
zi9@b$ihRzmuDe|3LR%q;)R>dbtAQw#>N@!nBA*D9Z?-6+Z&6mOtp^<Jm&P4fUZ+((
zTYwp~30arlEo#JwSUCE8+LUBxI9IBykyn~^r77lqgG%2$({*}9a=h*CdQS>Q@1~o#
zhG(&J0lbO3e}3fk9;C&n!kF{*zW7{j*x(?I6GE846HDslyF4q{dQWd?psn3Kwfb6d
z+F{7^<TrOhb(jiAK#Y<9bquQs?w_zEEJir#3jzD!v&pE8vd}2Xk@dbLtJ&yB8BUlu
z<*<tbAHyMfQIIQ*Lw29WX9vUh6XNiEjh@&HjA1|zj>Y{HeUsoKo8OiO*7f!Y-Kw9i
z9PDE)l=&!x9^=KM%HQb#CT8T;;dgbW^L?t--pH;~RT`8gNeU9E0CX#jSO=fdmH{e?
zRmCfS0JQ){5unchT6|nfI7<$K%~CCXcS^n@j2n{|o14!OR3Lz}aS-DS>SbzwqR2Yq
zk{?s&Q|xYK#a5&O-6LPkv$WsOn2<I>3!eFA!9xkmVWCZKSwHn=fj#ym5>Uz%%iP7s
zY19ZOrX}KjTUM)kFGJ2Tkw9HMpdx<%(>5kKUIG)R+Bv~RF-s`L?|T0g3JB)gSNAvJ
znc-t9f}wMG{4kq3M&V095%Y6Zw*R16yZK}LpG#}=6|J`)vJ)1+mUZ7!ZoeTlm*J(Z
z#B>yN*{>ykpvrB|sE#(3|8qEIYrcy4Vt{YzbrRrtf*Hiz3P@be)32bHz9lhL(6eH5
zJsb(XrX2kl@Ph>_fX&4vhpuY7`|-Csg1yy`(AHUxbvV6vD+*;D#7{69s>*O`z1?U#
z`@Jx0q0zau&6ydedvz%)N|5NQmKvFDT|4#-?aEypm9$f?47!1l-z^`(XGs!FU-YTL
zyIXhEdE?=wC&Tx4Y!SOvPYzDD6~E|)91>h?kI$@1A0?N3??sz$7rkjS!z_q}URrYC
zt`gG=#8-Cy%n)?OwK5?kqZ6~C78eHZ#4qBI8E$1l=P7+j__<q_udrjON&ZBK;h@mE
ze{S=bAKh{jGwu_({UOPgprzh0wCIi3k2`Ub7?VI-M^<Qj2Dz~Ya>g;2<XQ#pYtSKb
zd!FCi&1}8{u#L}8Et&U}N2d~~s^Q?qq!%A^-Q++RQoprP_6RqMMkRC^Kwc2P%<SD?
zji(O*e;;s(Zs2wWEp^!rVlavlr1xjRf?%uL*-v?wwdjptJhtt!=3Z@DQR!=WuSlD!
z$n38|AWYXF(?7G;6(dq4;)>$8r{uz-1~x5%be`)8yiV)A`W43}tFaR%1&M9O;+Czq
z9;-19J7wSJ69+~1d3VURFxt?AcrN;_E2^AdzMJKBQ)i^aE5aBg!%eVnx&3gy=&T~N
zbJWRvV@$$$e(!th>Za`Q9Dw&GR|wxa5vxBSJ`cR!@0q0)00($X`Cj}9vDp&Zt&}1_
zms30?3-j;b?x{45Y+btFV)okJNSz_hkQU%`X#1-)`Tcs0LD1ijKzT4jFiEQO56L>w
z@!m+!vP}n21zzua;$YmwU@9{@{WkJE(?Z=uaZR%YeItYsC=Y4hU-;Loxy}7KtQ*Rx
zci#Rkd{}Vbe9M1(#^s;ud$IV5kMyAK+HMj&V?1ZO9gj((IMxTfI&8Xl<A!ut0F;rt
zrSUTOUtcUuy~#K7yN>yTDS>7|ANyRLau|Dcnl*tMtX5wCM;5g{rm{T*<Z7J#R{wM<
z0@nS{b9SbWhex5AU*`Cvlc-^|UQeg!Yy<B?++cI<R`af#nOARS8OvjlXn4oj_jjo+
zm&Xcr4C6Q#lA4|A)}<1Sdv(mh1G#9-8Il5dT+PS$G1tcmEZ#?ixpXTJ?;Ll_tgdap
zulR9&J^lzM6v$H%J0VQPoXWS)GYVP%;NoJ*GJoBMxo4AazYNXBWC_M0%Cm;W{oZ`n
zfke0fzS4uYr&+)X6VV5|JgJNn8GMiNY?~*vUr+v6^bAMf)jVdBQ?-vk9#rj?TVWC7
z#usII$94nt4LPfdc@Wn3R|{t32i{bMZjYYpHKo<Uz%5@$1pbhSqMk;zby#(eRGGqH
z)HapqyX){q<9V!di!5j2)RjZlY{fY7TV8VTQ&x51LE+tJECTnQ?GK*OHmzmfAxBK8
zg&pX-wMfIjOu0DKLs{OkLyu5DVcCB2RIi=zk}&**kKtaZ`b}z{nze(*1NnSqAp|1N
zc~CqXugRdiHLLIWwEtlz$#%8>Z4@H7mEI9c^nNu;F(gPeKq(oMhR^%<YUpM!w~XF<
zhs|rfswb@&<O_*srnXRPNs1GWm0NTdzlrB$5KX^6(b9R{zD}@n)qQ^ln_Bc>PD(5u
z@PFg?(eIN$!r^mi+)<UIpSgw`XvCIFR7Rem*MhU?w-ozfhEDvC1QQW;fc|yFK(ymb
zta&t4nV7&k2)Q*sgXi5{!rV*Q=c+~#(R*YT5>HK>LOV;{nB)P%T*m<lEqFA*9U^-q
zG|R;1TJSv~@oTkfG*UNZ>yzz2B+2A26v7yS(VFhtALzG&KN4{0T7&I(zdi84<!oD=
zC6PKfyw(Cks+?+7>L8!*r8K$e%FR{HdAjxIh(LZ#i>~!6V0QQObx(AzJFv?GFFXKY
z>-FVeE7tX(DTz|Duel`RcLKteb2iO<6_lo0C%~Z}sITjx^@R9y;@Fs|$1XtLc%LY_
zeOXa$uL?Gey>Uq<PvR8#gtPaJgq%>o;kmXtgU_j&+ty0jTUY9@AHmq96KFwL`!N(2
zq|}lDO;?i!E(3J#l{{$Sa<mw@FuU*DpZDt4gam#$bS#s$^@SeM&r)1ui8-^7gTon|
zaEtoho;`f$d(cI-9SEa0E_%1z7Pv>qIEr~DU4x^o87FoOmo!61F=SMEcSjp<;t{`~
zeN-yVEQvNkQO62L+@8-y(Lvw(06uG@fW)_453TD%0`CrPudS*cYM6i_E1kcHZA%{u
zn;~B8R&bn1M{a9TrW5|H@xXID$pml!I0(;&ta-HA+nohZ)k0v-z~=j-+l_cBk8mQZ
zaMfvY<r!P|g)U*ofMvmxaSf~Bx8b2MdjE`TY=@vuVW&=_uTT1bazJr7%;8`d+tNE;
zrtO<lPwaffa&+HhGH`1F3mhof22yl+j|m^0+O&&iE|-|*ML?|R&Qq53kh=EzY~Mc*
zqRb^V$;l+YR<sDgl)?Qt#JscKaSQH6t@Lix<ZlHM;e>A^zqj!O`L!Hod5^yF-cu_h
z?g(e_SF~?Bqa+v5{n+!z-@v9_x5M)RTc}vT=1N+UvPt;a%JqS1HQMdv>9-+sCiD$#
z?r;mjA?DE!(Dmh(t?Q|1`d?)D)$9bLt2?{p`6@jzYkr}-q-r6X*teM3jQSY28+pz{
z@A4#wr3L2whD1+06u2A<(3r4~Z1S>KXx{oEjl;P|5N?>=*?#AbGJR0nHVogP=0IMr
z>5VY%6i6pXe^Hd_$>Mvv;7&UdY>6TADWVt6ICvA&HUvfMemc_RP3$1~NJ2Wpb<uM^
zj;t!=Wey$VYW<%Gve$m3bZrD=_~0N_w+tNh;~NFe72F7POzamQu^JzQhAIZ#U7ifl
zCR9xwG>-l0p_Ll=!1>PG@)hZmh@TzQwSC=>c_i>eKP|Y;BIG*no3A+yJ+=#JW1QC}
zba={(StGhere1fNF`(E-iFHm4XqY<)*EuUOIl-vqG^Pctq3(PYF}Wd;dyxy{Q_N_(
zHngcgC~T>d8XJVwSUEl7L)PYv4Z#i(l`w$|AxNo?o7NWMKjAQ8c4QUuzI!jjD{JbW
zc;`!yH!jS=?SqA5bl4^8dKxOrn_<0urDF<PghzKTN@|M%_uY~W5a$C)?Ha-(OfNq!
z8bTBWuQnP11ZACJ6xCl0C?PX(Bl|vh;|1pOamS~F4N6TghU0Pid0cliy>_;Xwm({A
zt!SwWR5b2?e@y4mhF*j1rdYBO*brD*ckua>fc|oh@5Q@Ko$pv(?z)9YWqc4nN%+oH
z>YLR}#Y*`Iyt6^!gWg#2qpPDNl}m4dleAu-NfP@|ySOR|O*^+LvAGin*~&OA*ULb}
zeNg&ZIjxQS76QWjngAB7M77MYe5y<$6m|%Ja^}2_h@}=Z!KzTN5O#SgjJGCspV5ae
z{i@9~Yz?0kGZsIO4%+)xi$<9y<CU~&8(G%@nM1)!UC`4&p3wc5Rdcv|^j^z>&w}t_
zc*H{eBnEK%8H<W$fdVlE66#477FVXTvYzF!R~20=u;LH_^|{$h(eap55@>b+1s-Nz
z%uA88DCLRU)l#gzup9=v(UZ9z%@c5usy`y0b~oy#pEe&ww#kb}Fbe#z$aVy3^f}x7
zWXe)@BgY9XTJ(Sk=V@30%r%^adpW~6HA4KbiKnb}(MwVJ7BC3eD`xD#Y>azLpdsC}
zTt6sn(sY!4?{J;t-)1c1FExvv;U`TSV2MtKrjG9#fEj~%`w02VVy)Xz`X?h$i!z6i
zZ1PL_l4S;JIV<i|G~76`U<`i;*a$6{7?|nY4jE*Czk0w9llohuQ^>G?dGj`l+ayE%
zy<ZDX9@@I+7X-4+ndC--7A&8SG4ces^HU2xJQP$^-!O?W<ZBr3d>344%K|nxD}zbQ
zSF!f7J2ux;#5XKRZXW?(^MW$qbrZ139|HvT+Asz4aBp#LY39;auO#ZZ8kaHb43tcA
zh$LR-EHRp3DvL779%T?9{&Y<leH$aLQY<K8WP0FlN);cT?GZGGzwh4FMdd90frZ<F
zK1+c#*yB5NE9aTV!Fwj|fM4+v!COaCB=7Qw*C=iBh5|#-SKP*Gr__IN8rCfgyF){Q
zY9zfD%3jU4`6hP)SX(s{H?$)sE1cE=t?b7^gJK5wJ&_rk+abDaK36>?a`|#e_;8pH
z_;Isgegj(>@4Ks^jF!+%uX!q?;jtm{p?BTBG05VLsB*R}Vvy+<X6|@prnOM%H{e>V
z5z4%%_Qs@WOoST!wpsLiWdQ2j&7iaa9_<rUY4NaqWlS9_>%}M&<W)_YmudL;|GkYK
zASnW6xqNFT%xpQcu-MOSn@QbVc>}T6VhPBA%A&!Gag!`36*)eH8!H=It}8ZS@hf8$
zr3Ou^a=ak45vqs|C@*$KvC^xB<XC|lhgq{ErI(T8S{LzP6gnH3Lv{SFZ$BPuB~Oo8
zr}NN=;l<*BF)Ct^)E2)~703@s2W9t%_X5A5w6N)pS}^y4|B=KX-4q0ymOq|wdWSp&
zU3<tCUTb3*v4uqo6qDrm-iN=G<4ac+42)~(M;_>wgpUzz8jWIAzKn8WRKkvhFrkxv
ziK`(UKS>%ATdNL2#xF1jkZ3n2Y!bt$soN0kSElryA>6@q(m}o7(;^7l*ab6)1Yo$$
zL((PzqzzZ+b2GWv5<w|?A+>90GeMff0ynJm&V)rj!LBRXHt48%XCM1`1$cXcmY{$L
z+&JJHUN}kap+gQJ;?Z{9Z(Y7}<8RZ5-$a%Yi0KA6VR)5`XPA-lMbP$sK%%`VilgbG
zd7ux&w88@0Eo&Nit%TP6Vz_IIwFI0|EY>mzI14VsZUX2!c$7s`<QPl1T5#CHfcbLw
z0oN%<A@bRqTN3dCj*8|FyRp1Dq~_@!XbFKW0e2w{!K9dh1#*Noo~Xg=!!hz9k<LLD
zT9;B}xE05QaZt(?M@3`oz|A;dSxCm<qy)H`XfGYM?DNO=4zG27+{{uq1bn^LoaTsL
zRVD>LjA$kn2*`JYKD#^l$s-s9CAQ?B_t-6K+LeWyEH`432uI^pF1XEv4vO8LCc9x8
zJI&5mIMY1pZFe3N;R!_s+?w8@bYh+Gd$^TMmS-B*n@%iGlwK*ZQK>&2Y`!#!4M6R#
zgrE5G0-t=l)q0oGN9*e^Cs@J>l2TVAo_AmBW$DH|^)A?dOW1Ie7bWn30H)NDH6v{T
z?qA<xj(z)5k~ntU<JOhN_iTc;J<u}pZ};L4dco7~3ZihL{BL)67s=1VB#N1Y*1LgP
z0HX^YP5I(%pwHNNXhRF2baZ5evXwB`E6O5EAhAf@RX*;Ft<4A`GK3nnjLF;AE^3bj
z6$|8PB4sspZ6LoI)8*w63DnP*A62pcWmzQsLyA@lR*RaXrOF7Eu;IK91~d7MxeYzW
ze^?O_DG}m&<0EqO1xd|grJ{UxToQ9Jv8CCba*PJ+(mKuZqBc^ErYW_@uTQs=SSTY-
zDkE>(FiD01caL`C5!^VjOW@&}n(6+#a;<?jLNZ`%Kn-`!wr7w%9HFCCMIMn163EeQ
z4<V0Pi>hcb*`!f^>Vm%P5#BTHxHc^avutGHuG~SS_=l8r8q4a-cmQ|sYdc&4U<G|~
za!M0u!*3OPQ6H`miF&)iz_=}m+v^$O(-!$M!&g8$q8#mRI_1G29~0fOrYQxr8fR}|
z&llbZ0^a~g03B`wldI{#FMd;4L?}z6o09W6PXcw_CJ$E=)Rf*ULZ?(hsO@8S;Dk%*
zEK>%<I><$2`6pPDZcfgwzKe1%Ek7Cs#l5u#K2lgL!x^>RWb$U=0HW&~u0c@!0D=xj
zqm2{!gH_b<w(GHSih#$&84n#I@GeLb%qX)i^cFjuTusa}`1X80Ne-Z3VM2zAc?Oqp
zACuyHAAC2^?|+CIWh=@aY@mzSgPM_O&yqO?G_1@7++o2}j?(xnh=qSSI3+}e;xz%C
zTPRvCPIKA@AQs)nnxSfqfqAZ-j6{=jT}aXSY-JB+!1g7*6yrB1Ofm<9iEjpsrmtGB
zX07XoLX>gxGKfWP99Vo^A=tec3+FT8eKUYibcROJDSA+9en!hpA|Flnyr%^|0zGIy
z3xN0AF|i9)o<X{G09PEqSufZ7u#UOx^%fQQVSL_Mk?r@~s3BplP$cv|WbwhM+Gzq2
zB9J%9`tFP?_9i}9gNTvHj^lq^fS$Ob&N#93Y{vMP9<h$&IEX-(_yNwQ_&!-dfv)Y7
zA;DX0wYMINIj({H^{BANx;R@yKqXm}>7q^(2LDn28@0RL$l%Wl%5RV;{^-NH4H@A0
zTKtWbJ0zY;O@)yWLKDo#{rQ;+0;!vC#JI6hZ<wn~J$|UlG*^oM`cgRBVIra8qq;H;
z$2>qdn*31Z1at<V3Q_<8AgAk$6O#TjekpXg?cKMc)Y1BI-=s+k<?9QuzV*W7jb|M*
zf|MpNC9qY(226v|m=u77+My!pbr*o=bJ2EH55p#&u*>uFId>zLr)Dx(Asu^q-?pxR
zhExxbgEQ@<Y4(~<23>|Fa0(R@tu^S!@r<W?v%^pD!eLQ2fy)8kM4ZoUVnG6D1xW($
zFxRoAq1@Z(fq}!QqktEibU?NV0UiZ8!H&1TUTLU()y^0UoLD`AMxu@4R7ydCs5{|;
zd&8I_$w2BKq7go!C~ybZ5lh`A;E+h7zr!I5qA(J$)lKM%6r+7WDh-cmkG$8nF6;6l
z82%97<Tf2L7C7(v`jz{^YZmY_Bp9n5pF?tr43AMV2S6k%@j7snMb+h(i<yHqx()1%
z6U0lsn4hB!vLo-nG`M*<vHo=gc>UeN-;<M%cIK`uvXzAGT1BljLei=8vN3|tE~Eva
z+5tZ$Tkof|bR27lMp?nAk2Rkpr`^(#&}1SwQ!<apo#Wq1BAz91!h8HV0vTYA?t+t}
z^b$3yV8v0vmU|dpP4C{%mZ9%-gpM<8L@bt;Pp4`WksX93uo=w*a$kXay$L}E41c!#
z1J%IT#*S#}tC6w!Y+)}WM_53R>5AI65}pb$!}u8C=6ReOo`!_B3fyKmdz5;e{{fnP
z?DI9$4SfFdjxak@B@?Ll`lW{Q%6q7@WK{VoPqcf)V0)n7?XmNa<7tAW30P?3iZy%P
zP_;t}9&PV`87O1JC3M(S;~d`-@|1lm8yfsO5ID1p+)!STm*#|r&+_8{SEYindH3sm
zD_=6Tcj181qjebg7)!ESU?&(E&~^|56g5~M#p2bSI!cOOb^}eLF5!l^O(OTB3VQPt
z+pJ9Hr4^mdM9m;vS_6oz?V^j)>3jw)%C=uKTN%T6DCnt^WG|tdqa=~1dm<OqBpHUa
zBKuf!dd&70dq<8Z)4_Ia7ZVeNl{M15>-MG0Yh8#e`M!#_%|F;en+y>C@K|>B$X8|<
zX;pZPm&<KGs4jF8z%`am3^dnR$vUJ)RZo?l=u=6-34zbgED(beM$|7jA2y$^C#g84
zy>QC8m~~c}waE6Jw(3U5SzZG=$k&Ih+1;^p1B{1{?VGsi{4Q5&uFOBl)F0LEf70Cu
zV~*{`rH$Ypp3}^0QN8R5ys?$Ww5dF3$k2&1d=3u6+4Nd!K9}bq3J0-aI>hrK0*~Cc
zM9_3d!Jvg)d$150Y1>yI$`~rgYoih2#gj&K;QnYeJ0`eya`LF9f&l8W%TQxhigBV?
zBJB&Z#JCCL0y3y7x$%l_-vmY^ga0w!6j_IN9ro9mt$bXvaBcKc+~p%Jm<hO)ZV+!a
zh)<AMG&z)3!scz^<v6*@dIZ7vgAyEY;IhE^{#>fp*;c~jT|;a{a(krEP6BXRH3-!4
zM;=deuT%yTuX=&S84B?79;@Cf8X$JQj{)_jyhLw^GVNebq%bbHfLY>{V$cn^vI`cR
zjmPrJL-ptV9D?#Pqi(0pu?wQZ_UDVHB(Zk^n8Xr2KbCw`HGBtY`6A`YY>0s;KM6WP
z4OwM~G8U7@d!7U%H4vt45N?UXwSi?6_%Dz-oFQO5{*;9q48q6Ye8wTI<UZqVF9ri#
zy{^Gs1Y|D-j9i!{n>>CF^sQ8b)iKDp(vco3B}Jof>_?s8Jv<O5nP!9+E{Qa3<x1w1
zthcR)!2=wF^f(Q~DK-Va$#{<7{$1Y4q^@QorSrQoKXz42{}9qGwCli2h^ytBqr!uz
znte}(2z;2SARG7lxy!|zw>@f(3|6obY=LIl(PP>}gGl%lJU>2!j^K7>Ptg%nB8(@^
z3(s|j82b|Jz36~+t5YEYTiJSwk{&u>Vdrr}K+Fv)VVQDY9xuJ;IWOyHsf0&sAzEhs
z5oy4(IWkGq0gMlKkroaie_l?iQGs%E#SNM&GnD6cqiXIT+Yl!u76}y}E+${yk?sS?
zE+H*ki-Lk<9_H8z7|bNmdu=hIR>B$T#Ncd!s++MuQO$VJdVBs@^yaAZ^q8aKNS+RP
zODuE*opqfuEOFi(bmhc^W0d+xJ_W5z3XSXAMN;^NY%^=pmN4i(k?!Te#aHYm3k_Vr
zI&~{_V6O~{OD47Cv;+{uZn}&4P7K#+KT_hNNvgJ5Qc0vBsa+`%g4=&Z(k-M)lu27N
z_m1JS{+3_Jgx5$*JgP&lYY-3oGJxbe|Lw|V_Q$tD0jx|QNP{HmiMDM5KM&BcTiiz*
zVU748q2FEQfBhJSp$Rit7VC8n#|#&FSD*xKdbmyMaFFYbzJN&!#*1GKj`$$zzLY5=
zDwPQB<x}KO00p0dYou5}m=~cQER~)04rx`Zu_<?Vx7TCE<jTvqA%71YR2)N%%oq!Y
z$xs=<go(ex{5v=~!E^w&Rp6cBI4C&3xol<<r67&DjfwT^PrhuGHfCNZX?;*H^(kZN
z4s$=I8m(Mj!Ir(p!MhaD1qBFb`?%ga-gtQJ?*EvP6SynRx12I`D{<3FBrOVqaLZFZ
z%Mra;%I?7{fCPBpF~j18+zw=@9JyT~-B<;FSGJB^A{Vb&Ry#1&6!v&GHmV|6V`t;3
zr!%o=*c=WzF&htVc9-sd)5$;wnQo=5O_ufS$|2Z!&+M9aIlTZkH{Bu}j9UFeoI{2P
z@6{QYS%!>>84nHLzVp%iozOdc#>|2!s`K%68MrjG^5ol4>SzJm0G`()>H3<Hum=F^
z-%u{^xpp%pc0`<IIJt~D?t4k?UJSKMPgB^`|0zf{rA*!uJtw5LdsAsCDaphw+0N!U
z!m_VkZDaK$vu3xBR}~5bQ)$WW&WE5(d8Ta$nC^FK^02Ca>sh>V&@~gyS}4_<9M){F
zNOuMaUgXhA=k{_iah_`!aiROtmH+u5rbz6n&)U+LhPg!V!-ejJ?zA^VpF<XfL*9Un
zSwqkm8AC|DNSYr=;x(JTpo``>=wA5H*#3Q;bD-h=<Ws%iuQKJ)Oqaw1mv4A+rDF$s
zKZU>jxNg4oJG@9~x;Y-G2H09>l+;dZKY4~Utq4*UJP4wUSAe>g<BeCtOMYp=<t2}6
z7((d_P!22y_7^9B$CJ&T47YOy|F|u%J9;$=!lh3*KIxuh;XWE!R^rG4c|23a3(Wzb
zxCxxVr}k+j5rGJ^XAo>%r)O9M>UQ#Z>P};R&RE<*9YKDeWpWYnWepk%1ZNiI?_X@P
z;iotZXzC2`k`*GW-N~|v#~QQ!eZNwE3kouxsQ!FXVi}PA;IYJuKzA8P_ZL2E&G%>m
zrn-^a5F~a1o_R>I#59~of-z8HyCoks5W1PEvtui~CPC4GvR(RK#?;Y&g3K{g4}Z~)
zTz?1(WhaX_IDO!X>2z(${|VWqf}xJ?PbM6nC20NO254+dc(wdN?P|&6oiHGfZ<|{0
z*BG>N6qnt$WvJLXer0K}SF0ujyD&9z!J{MrYiX(4pnhy-IkW5U>4EhqRO6wUf<$1$
z;?WD}hB2HF0LEE%ms@ZcG`lN)p7H6tDS61BmLU6W0)mk6=WIGv|H$WFF5d?h#l`4P
z<_OJTcD3A5(f??kME%+ymhBLvjxLcQ0i8MNc7H~lgi$0PU}9&Jq8l1r3P=1IE7g-1
zJw5Wh2=z=JCYD}4^S}Gnp#9=dI#**3f}LW2bnkJz65ctf%-fxn>=dhwK-W_|BlA%P
z&kc%i(iW-*^)5Hk$UIzPE9n0tx&e>2EN@z03_q;v;?Q{yV%A0UoOe`eJ&GPzW?gZQ
zeYFkgAJ!;Le!Ew4n|Vn%nz1`8g84C3lBFx;)+Xiat!G~TE<9Q~n{i4!JU|MpMGCii
z61MN(9x_Ky{To}M&74q3>J6x?OClw#_er=CXRY=TvTb^-+}vao_S4g*B08S6yE`Tl
z837Z*+ss{fH}HWCwAOsFsDb{{J`ol}%XW)H7{5JM^wkAKFBC>h_vK5%9*?=A?nZzv
z7go@@&fSIh+4pQHgHsTAu$2t0<)R&@pMoJST!E`eHH_pj%hLT(u-7unQI0f=c^WB3
z6FLht4_P87Qzb{JP6cQ4{C%|<dP+in>Z!~6|4{W8eoepM|2Qr%x<^RI7>&S4>BemW
zqZ@?*A|*-*BAtVQq;z+OgoNazM3j=0k`|<q<~N_O_vd@N{r-VRT-V9_xu0{Ok+f;@
zt{DPqg8}l^pH-3HU(enC6-RuzJY`-R?4vN)769M_UI9poVyLoc)(Vh$M<m0<i#o?V
zKDl~@$$Gp_q(AU`@Yc0BX`#G5kMJ5IqJ@2kl)<bWcen7{(fPOffs4NT3gHiaQ>orN
zDg^;Utyw(~&@_s@xpFu&y#D2sk^6TXLcZ3zSy5d3MO_lz7l{pJfU_+2qmV3LeL>yl
z@jGhlf*?pT;XvWLiq`%pss@z!?Zvx5!=AuKMJg$jN?r^T-ce*DS<U_N7aaA_V~(v)
zd+#j_B?&g#s(_X8(Av(!h_=phY)5Ukg|EOX<x7Q&1rMhuJ<Fr>FARPslY_Q?%)6Pa
zJExn3xEt!kQ!dA3te0=*nmE(1_uNv^bnbuy+b^E2EA=tquqR9Tzd1{Gu5E*-EK1mG
ze`&vU%D|jsV??!$R>ONLQ{O?nkEGT&1;wJ8deSale1MS!45S7(f=0y6{4D1g=JkKj
zsUBDVT}<lekk?SYJ?ka4<$*w7bNV|kBs{8U<ko+iX7Ym>=TgweNy5402kR|wlLoR*
zQ5STm@cHjRwe(`yAX%sMmRkpmY?!i8-|xJBV3MitgvR|{<HJr;y)c!c2KKavK&~Hh
zPk?{iQcTxx%f1wrq-5)_B6ttw^D$1P6mv9cDTJegRP!`_2;-Th;{Yziorh@w*UtZ+
zK)(b>oN9J!wJCkZ7`vR4E7m@Aub@q^baI`({?LB1P^nio9HobxDZ*AEQz9Rs6%H|5
zOCKB-;8o+?xZ~LUal?U6eKiz$^A_8T@C^Y}@}e}J*v)hrItuHwG8<{OhH)-NQf$%t
zfos&o84S|iRV1dnVrky<07V~bYipP;nkm@&=2)aNetPN6V<T!DX10SK3fv%$DCxGf
zEUdoo70`0nhvkLaa=sd=@3`sL_4rkyty(^A3L`V5Z;a6o?j&QCH^t99WtPz8XX9fn
zTMmj22F3v#eaz#BgZV-Hk^qEH5|!t#q{BT*r83EoonS-!!gJ-=Ud<q_VIn8o(Rb5$
z9}~wzy6`&zbO{WNc%x-dXjA@v{C(@M%x->aZ$?{{GDTIGq+H6N#fu7W%ACL*j=VD~
zt`~Z?0~Ma+A$8GEGPQdNPt-4|m~UAC6;`rd(QnFU!30J0YyVcsri}4_%y;S0YL3#+
z8(=NfPu3bnV5v(t!J@W*%$uI)L+Ri@RqGPYRJmF7wV;1xE(f{PrXHt>!^e)KvVDWI
zKo1B*UVhDx6j&#=$ARZ5-7Vemhm%wO@kSY`A@ALrau&_vUXEzwimkx1a_E5alGu2g
zCBFl*C|dOErN7E^>a<YFqWjZCY_w9So(wJxbVFO!(@8CBO<9WKh`<bp8h;U!v}3`r
zfWZx~F*m_p;gbT;NDm=f8Id?{sYcBGFX!KsO!in`ov*l`+NYN9C(MB$-2~j<l>W3m
z_NUxeK!$<j%?1n=qoq+jmjy@PU(@gkBvKX-jifx%<H#Go;NUWwsPcV;RKH0{Zj@6s
z6&m`I)Vmt=Mx|Rpzg%Q|d@{|&D1wu#Oee90#1`@CogOl;Thxh6EsT$yTrd`+^Pt`U
zYAFjF7v`LPg|)%mobgmdMe?YXKvL_+EH_0FoZ@Kp#HCu97j3%>Y=3O9-YL)?cqYwl
ztZmUxg9j|MK7MAuTTTZ0_3@BO&hg03_o6rz&<ABpp7r^j*W0%e$;#u9?e+fT&(C(a
z!#erhxk#t(#S}oYj8vC9xk-gbw~ZDV)P3DnS!-P4Nk!g~&x0S_O#zB9BwI8Eo>L`L
z`Q*5d!`v@E-;b1h2eiYIzAA8u-8N<3=i%EE1n&&|8W8*zrVs9?LGW<{dOmf@qGWJX
zZspkD=AlWXU1st^aEOSX#Ymf1T<?5*C4e76s1{;#X8)GKQH&BmJ|aSb-`{Z8c{Tiz
zD^9mZd>+deHYzs`p}@6aqv8zqF@Q6XVTgxgsrw=;mxv44eXweFp65j92nui`TueUZ
zd2gLgsC6v?Jq|8Aa638v+OlNqdsHT(%gwM#K}iCoBjVk_?K7V1+>4W&e5e;0FS{nq
zg6TerYu`5p6AcsTt8l1Z-w3%K*7Lmhc=4=Bn1hxm%Z$CqhB1+f{eFlo5!+k35$3K<
z-GYv@47hl=)}-~<3!ledmvoKlyiNODsu+`jRKi7{4(OK_)BK=hMC^u=meU(O*@u7k
zrxC@%L8&mwo-KO!n!sGe;f}<!S)wu{nYrnwCU!gmG~=!uM8o3kwhxjj@JedCPV~za
zRmUygex{55_;$N>v*^)ujezn+AG!2k3k`2Y6Pzxl0j=O`aW@wu5^>`{AIEyMeSX;B
zv#sytuLq((dRB{rmz=)mrlVk#{qAsfT5;)hS^CFCqn*JLZKnqfHLb=R4E%eKnN0gG
zPy3)`(2mzjK84ALJTtRXFx_#!Ub_t~jhgiRhvPXM$sADGW;gcU>&*SGRHa4FB=}uH
za@8Kpb_4&z<MBA%U%DG9`&69<2h-ilDGgJ@GZPLCj?8}gJrSMt^~SK*ZTl;c_J6J~
zqSbkt@RFvMp87Xkz9`wVc+sw1{9FFzH-&Lr?zywQiXvhAcq7>%|GzNXrBl)bkI(x7
zrJW{PUce8}(rIc~v2M`kLU{G^5%+*^_i7(P@fBDz<xkMiD^a_?0y-Zg?c?K(*2I+b
z;;#0$PGp&Hzk?%;i``?%*%OPC893=Q+jvy8e2uzzBW|+jhG_caUvr1HmKq?z1G29_
zc@jMY>?q>$Bar8xL|uS=#@1<s$S&!AFJA4`2bnRw#w6QdtE(x4-1JQ80Y(ur#p6^{
zZiZ0IR_O1*EEw6P%2gUs=gH9*F^4l3x`))dlx*^*qY9fWvu<5CaD4H4;XqtD@Olxe
zHH+_{3Sl{IM1xca&e>*u_D#8AFfgnorGvjH@FbJ)phP>f;x3^7`gpr^D)aU56JT9K
zFfR^{e_3jFHN1LbbF(rs(2xNT2KbaFRv^G(y6URHyb)K#X=m?HX<aD)0fsAWNSnL?
zX5bp+9R!K?iwB=jwh!a0KuC!6)o0j|p?R@+Y0~3-vIk%4q&u{Dw6iM~&BY0RPy~Y%
zY2)wn@r}rc=Bl@<Dg!vh+-K^dj-mHpaB>{%4YE~?TKynUJn<bmT92;6vA|_}$tZ&i
z+ll1=Jm3Qr@2)yo#-q^XXIXZ0JIQURV2@?5-C*R>e)|CFYt6j{YGDTr85*ka2X7KI
z_~0JaWXpXCzS^(V*Wxf8Ay^4#3cubjq)_Teo{PHJR3hWk!ylu!V}d8FU{!rtM*pcE
zAmLWR_RK}2g0G2++sC5CxLk|Htu#EZC|%Yy!znW_MMjc&AZf1m0v5^1jf<?3N9$fH
z+wmcHdPyIr+=Pd%?#WFvuCZW1dwNIr!*NrBIUKLc1(z=`QlC~h6WrZDem%%H$W*-M
zv|yURU|DJTp~~UM>ddb=1NHAWuYYpeo-N9`um({AK+g6T!zsgfL{+Udk>qSu;|m-c
zBY$}ud8p*#eM~I9(<lE{3!aIC`?D^NQ&xl>pS=C{K<!nXe|s<RGZm(2@3b$20PhEF
z(ZuKbmby+q8z}7nit^UMkKP?72JMDs*)5!FolnajpO3_dRP2k6=j<lSj<4|f!!H?!
zc@9_`rk_;UL5e8Ud0f>%HhCnoge833X>L%G&a3N1{`lUaiUa>gGPX5@H3~JXFIVLX
zZ3;Dau4oepC7-<b@GN>#nLk{bl<o<K!GdulwKA$6gowtSqrofA7Mqd;YaZY~f|{ww
z4mGkiAi2NEnA<~KbW1#U<2lpQ4SB|<w8g~4L#7^|kOF^I+tAP^Ox|xkl6>!{>iRXF
z3*toT`})a$9*ZhY8J@(jVKdvs2cl-Y{Wby#l=qKtnaf*R%=pUSchsH@M_xHI07G-H
z9iV8RH^>?Pf;%7N+v_3Tqm4|rVeIIIDGPOYjXqsZ2VKoqQUGp9OSqC&R+(K5Kr)R8
zSQJbh%!VW9R;{P48yv=gj<wFXmtdV@9cxQ$K2k3*Wp{o4U9D5!a<?n6IMRZJsH{7$
ztWNjzvoNQHaUozHKnr-mVtb{hE~`l`KHpM#0y_KK1*!GiER?5eBEq3`j#L)N&@W5K
zh<MK78nt|0v~;a$M9!&Pxue;2z|0BdJ?FNL{b9>B-r8zxW(&vx6ptzDR(jTP=l~*a
z^{b6o9ST_Pu-!ew*bYA<j<?s4fv}BuUk*N=*o{%YKYHh%4v)SRR}9Sjn)&4L&SkL?
z_LUi6)@XWFUk4+@y{#1fWLRy|`S@I?*flD0xcTYNnWO?d2tdyurOCoriBn0JF`q#-
z0e1|ZZqeyyx?g4S_9@f>$*M+DDDQ6ZQ{$dH5&}naps3-z^-+X{0)qVYZQ`a#$p`94
z&p*j@Lf<NgV>~+~waknKi^G18A)c$NO6%3?1wLg(>AkKcmlpe%__bmaKVaV-LASB?
zj7&Dq1B_O+OkA#XuC&FE+VO41XYH4{KZ^%~2sqVr<-EcIuTZfW9FQ&M&6T~~WPSs?
zu>y_p8Y?;b(P@b3cwKX94g68MsEW~q@=7<}-?XtpBP!K{cbCD+3^G#dxPe&mLH^{u
z#TNnRhXcb`!LR-(xEJjzI3<&G5__f!SqUVSYUxGfN3waw!@W2^b-PZ5-UCyv;j>X2
zUMzoAr2LX>_L)|U>DTbicDi#@15wA>MyC6c8fE!@Z4%<4O1ZDDoibH{>GGV0M%dpk
z3U}8I_6VAZS6HH88dKRXIkot_ZtU)Lxs+6@=y#!%ve2*0YwSyrY23f;!v;pCQlHjb
z%ly+7UF-(9V$AcLc}srCHMjAeSmmm(nEj>B5Gg-IJ%aqlHW;f$k`X$*dQKEiQAW(L
zW6O0DySjJS#Zw0v9%>#~|H6Vh6{I|z#2^K+c~Q{pTN>M{t#}|Kz1nr-9am-E#^vI4
zfXS03-kT-JiRi9FkriS%T!RwPa8y0-f^8wwhJsBdhUIwg^^%dBS3>2ncQ)aRWGwEo
zgWUn0@)x(K&Xozy@wvXJ)Y=F22B-XCFvSzR!N0yy1LtGs#$X{T*dhd4?C``#<${C5
zWHVNdjf@W>+U99-#HlPxT=J=-wG>1-O%p(V-tf}D;0fo??FI2s-EslRdKq9LGFfj~
z@6F|}Z;A%nre*z5nH8p=jgCnf((*5$pE>bG=YU;wxwCr-QAE$V`$=Y5<LiKx0jJ^F
zKqOj0ayFhvjZiNetd=lVAqIPsAy7XIDH6)~8qay=VQd!7^#}=Gb$aDrVFq|<Dp<~7
z@?q24!Gj3QjvI#|8coj@E^wQ?jKLK7&q&*-Ssxsqec2p7!k_Pbw#WxL7foy}J;aFG
z5x9NffHc$7LYLSS9`aon>u0?o<DsJJ_%z^2?W^?cb;oC35mrR_7}p~K8tq?StiO?C
z2#u5m*&|PuO;cVk6`_V>BhT~DwqDSdUjUWt=Mj^P0v`?{?u(VX)jk=H36*&{!@Ezb
zX1W|4QqPOYJFM;DV3>Fe&q9uy88AEH4vK{w`wyV?a(G{mJ__15gz}DrKz7&V=<Jz$
zc()O0@8cL`4f&U@m&z%=v_;<gCKYpxt=aUD%@!q{S0;+OADa=Qs828qS^U{@i8_hG
zj*exJ5N`8OIN9+v?a=ZBkD!Z21Xh$5%{{o>|0hbQf1=cE(2O&OJ%-Hc&gBTQ6>AgT
z*59v>?Z<Yji=pToJZ6F7h?`vP=QAYaYRHG&n#AbgcQ*4<_MTB9c)n*oR(Zo^TPn;h
zGVh&e()<fHL<idLwaIqr^lrL+j;15I<H5!v_e_kQy|NhR$_rV&eyfs>lMuWQVB@6<
zm;5w#Um!bAK-p`(7Hu$b16w=hPx{6xH~AL?aC>I_zL6}W!T2OQWAK-|e+)T}HnNJ=
zMV1bgkU(vy_dF$>Q`iM)d(_C9m}-Kd*ukfSqlL2@XnlL;#x`==da)#_vcZ|88!Zx%
zO*lQ!wr2$QVj$&1uX5K)FwVFGbYh05cW;mC<$ot(q}rXp(8<jI{8C$9+nh++-geZ{
zkd|_xPIp6Fkcb!ZXN%_(fu!*s!)i$GhLX3`-7|J5nE|rt>9-vIY#sgLsa*>1{~knv
zgSCBmE&zGN`?YE^CO=iA9h@nLK8J@xiwU)tlwX;&1*~*2<n5W6NH*0-$cMi3OlF+B
z-$zBW;X52p-@KIebI6VpLjQFZ6xiib!Ub87G{y&5&OzzAJtAcRs{iG2ybpF;@FF_u
zl*HXAM!r3AGvib8?~-wWS$RE@-c~4k#XsI#Cg!3V`t4=-BUk02p4&Lg%hXbA9=QB}
zzdIFtkK6e8sOTl)RT{76;D~rxiEfel_bQK_lk8%6mG@3med$@BGHRvRH+oXnF3cza
z6VG_-Ab4f3XNJ-ABI~Mf6;5w4y7eByjtDTMgTC(g@8M-2Tz+k2P&SOU{?&ZeT+;vJ
z0yIv*bf3&@b3Id1gUb64=%-7pOxHPnJUV+Z?)Q@GH2rY0PB1I4Lv#(6R__qdi4`(B
zlSa9P|L=1tf}@C%1?ru~VG{Ekj1f_F6=-GTT6OPB`7Km%y~Dsr9#E|`Nf{aTRx)Ip
zGhq<bKzo0v0AqS~Y}|T^e1!b?<;#E1nw0wYeKXv~H#9ba!q<xon)x`8!y`Q3qpy+7
zy%b&7%{Ak%%XD}l{M`K(ePyCr%<&9wHRIfSu)wt2uG#$kFuAV(?-X~0a1D9QY93c@
zNVy58r!)4@0;>x+=rB}3EE4JoR6_=RIpA!=RAlQE5Rqc7`PZ1|t6ci#sMuEx@eG3W
zu1Wt!FT40YM4)B;nmz{0U`;zQ`ky`~48}l*Nuvl9TTsNeH<w)|!<%k3q|O@+UEV1H
zeUhl2XHg`#t^!GE-(q<qKoDJ|=YCC5+Kc~rhyUcSo0G}}5YnI19^)koGdAYAB!PVk
z!hB!XixnYI;uI*;X+W<3iN|iRU)I{53HAgUGF&R9!~ww&v|g3AW%47_<ff;VSm34K
zSoo)~bhg~j1cq0=6OzCFlOBPXATG$;LB`dd4w*VS#%A|EKA}Zl@20mWOOiI#mT#O*
zwv|-<kPNH6QWxNC3?BrZz`*|m+0=j?TD$pw@+TP_Bwk!eoLsrb!Ur*~qS8i6m~anr
zrTfmQM@XFsB}zak5O!GR;`Rc>p!^|UJxOq|bVP*?@MOHs045-IDuIDD#mdBy*FNb~
zdm-<a!39~3Dt8|K?~)A(aInaU^4I+&n*eF`Fg?4xy7R3r=k;s{lkldad5gBeZar<)
z6xey;VgK?{1V(g`fx%Bd8yq;n<GRZTRw~H;UVubM?P(=x%S{wpo3!l;9od=GdlSC%
zjxoEUKE@e4!|eU<M=GL}U7iN!Cm9{p33yArqClJ;@{Ve$|A9SggWjAV9g~fOzBc@Y
z>U>g2%%=YJ)s!D{M2i};EKahE5J;NY$T?9?qS+Sn-SIZc#w7EVVg$hd{+<(3rc)3{
zik;eU6ylGbD-c2_acA4PE>g6vXkp#lWz*{Azt>Ot1N1X62T63^U)}w7Zk)(&pDAAL
z#x@<z+4|ZDt`}ss4d#t$PdfB}pGbbT{#xz%!Gtj~Z3hhG#>N61`gP*k?>8KVs>o*>
zURXqc#G3!;B(Z9YDa9QT(f+cHXLBp2fTLpsQ0+Mk_u8I-S#ie#xxhca_sUrg1-qMa
zQ^pe4rHxWgj6%G)R!1e@wvGD}z2B(1gswJ#SAWI|w4`RU#Yd#$IKH<6S2NMVY8O<u
z(?2|R|9$_lrg`$~CMpzllxa4`*qWhmbjSy}M#ujPajWR^@)_11F_q*Lr2s0^XTri9
zzXfzQ+`Ukg2EbBODmDmy)GqQ*=SoTL3XRefW~jXWDu-1YieRFDW)X)cVe#I~4ryrS
zO?tWc(O1IX>z}XQN2>U(#Ae$cq?K^qk;$cC82siUa^Jqs&8<Z%T>ahQ4p#UWl-i|Y
zechm7RZ>$fV({ZfDxHOxfNar1mmH`Ne$X1qic1`$TuoRa8LP!jU`Yee9Qhf25i}Fr
zOrz$s>`C|fJ9fyQt=-;OMGqU}f_o&H+XuBdY5wTw!DU~E6%w=pcNvC*8?0R%p0>#u
z*lHvX5j|UL4e#Oy;&E%fX|uD-TMNSE#Wsr4X%;yM9;e^AVQtsB*Pd|epJe_xOq64B
zTQ(~$R<V_@sj(q7-oqQa@V)RJ@>xE<YXS1Yk~9gMLabFytV@@<ix?I2>?*OzVTkAu
z-ITaxYE&~vfgnf6_R7iIU<=ZTwf2<L^)Gbf_I(sL2YORqsTqwlzO(LAL0JGm5MQ<9
zLjlN^A-Cvmc{#x4Fn87oBx-2QcDKl*6{Gzj#@;Y<ui@!{>v)CDXAxzenqbU~6$=cd
zLV~K%N8Z}r@h6*F!5n>VE_91AgYhG1G7V%NrkhfY@eKirVx9)CPK&7~w+hN*fatGx
zRLj5qgBgm$K+^=fy)anKg&O^nXHjW{Ts20-S0bA9c*5<6%uT!Y(Z0p~$m-nVntgB|
z<%k|2Dmxn2%qEK3B3sYYv`ijSP^}X}*k7P+b~M+)V`OYS!-~)Vh8{lR@712#CzAdH
zR?EY7&8+Kaa1%ViUS4s?793sN@THLeVH9v5o3YID8<un1w!binMw2Lr{pYxodsh{D
zcEGbXVd3RM$Z<JZR4@<^$OU~t#+sEs4m+3_gi^kLu8lBYV~l5z!a)kOUl?fZI#m16
zFitrtWZpUFTY9{Gh&n8dB!KU$$cE3j{-0ge6(=f^K-r{f8&PKTm~TXsiH3#pw>k+#
zA52iOdz7wyxsetk%B=oS`<t(jV#w$!tr;yH!C#LZC`o~tNdi_{kdPRnrlQdbEwm*=
zn_rlQuVR=#`=>kvas7#JBVfgq3{ma{U|WvNmtX=ApGVf<c-4F+Vl+Gf+EgD==`;Fi
z{zYnGn`_FCSY55;t_RqNF+YW2){r;90{W7I1M*QymD^xq-0sNGDm%=IuTS<Z^u0c^
zsMOgOVU!-`Ud70`V`?#ElT*FRmXi8RUvJ6zYTrU?|9xd#HtmntOt$&QZ%*7S=dC<8
zU;h^k@rVD*;%}vK&c6PjVrk|q&7E96|LoB`+*Om!-u!&@QUR=~Gf2}H&lqtnTFw_S
z6NKT&wtFm^jiF+<ug09ti>;;jYTIo@>^hlMl|$_wN@_L<aZf*&<kCgWe9G`M?E7kh
z6V%AG<uvj$<|1gAvH*LjuXwSS3elw79jkWCXPNehIdSZ)Tu|T?q7TP{&dC{|Y_akZ
z>`2=0e4L<hy9yXDu>b@PMSBhng0t2AY#8Vwv*D}KXIf{TiLUq>?w`k$B5bZxc?n?C
ziid&ahU*$DO#cfSy%>U%d9gk-<*-at+Ek7_?BZ`}R@%)my<2M6Q(0*jRMsnP!r7}j
zmecgvZ&D|X1~3i@bUp7Btl$tcC^(qR8!((8IluZVeC6p<3J+v5DCw^gY_*10WUFQ~
zMU^8T_d7f`FPhMZIw(We#;_tLMV8N7$aza*?Da?j!<em6e@^RZ^m@_ag;>?sI1(5-
z{7Wiftb#{q4*gv61Qi8OO4t%9sYXDC8K3hHM+BLeW(4`@dy2h-zQON1q(o$uVkrNP
zZM5r_W9hpzhe|uh*+RW5cBAncMihN_c4ECf`N1Y-^Sk8#3mV6`;>W=eT^ND7S$?jF
zu)42`<gGTeOutR`5;MPL(nXv*ns~)SY(1tNZY6*oI%-equ!RYi2Ym6j3V!fc_*1a=
zFGiF7c%|Q!qn%D3tL|?{p-rhhuH*m}_k+Vo<ttx*Ot5%|M-<mx7K;+x%!=!d`Vyua
zaGI=$-{2PMy58~#HAUyEPfG;Vc~N7G1Q;<yqdBs{cDw03mD99C*ZAQL_LU_U%+g18
z-@9ELC*bUaHrPx9*q3bAL`-_jVh;tXS<hr^(c^|H?$6af5|#mFVa~6P)r!=n30|c?
znvVJ}w1c_;Dki-6niJ%JTw9?wOX_=V>uIm%cCh?f<RI#6*Pr)FIZ|9?rv|mpMXq9<
z^NGlkWRZT>Y2Uv3ik@L;)DjpJ-h{oC7|wueDcs4_`?`o*p*|TT48C+i!-Z&HLz_TU
zksm*qUzu>l4iJZhfkjs(nxAjv6CmicU!N#WDI>va4+|d^jr-;NkbX+BW2lJgIUZT<
zkmnZ?HqK#4PdDSFBM4Npq9%%>r6(w|ju{+ZZ@2G@P|#=jo&u9?e4MJNAYSZfP>s<A
zM~MARrourIEdTAVQ<7eb$UP`KS$5v){u%z+{V-oCEPF5Rjx41)duLjga={VnNB`w6
z$_k2r>n1e=qWgi|z@$qXH7fpU41@ns%bvyG!Tq>gwurf*)TY#%cQ0!6VJ^0ayDoBS
zTs>7U;5bb5%n(7f?gCRmmhmR9S!%)N_SOLNr)^pQeMu@(Ja8O`p>(ibd5!T--tbci
zY|IcXXHE`?cvDw?KH}y6?m3ifCW2o)bx7nwW4y|-#?I~;zYu&J#+M|};E_7GaUG;@
zy{i`vlXuir(!M+yjgQ+a*Gd%LX53E9M=QWwHBfr`8B<gYJoeKB3kXZF0emQ@Ajs0^
z;IGZ^&8K&)Jk@j4l}XOS<o}Bk!2<t~`ZU7?C?-6*&p#{##svZ3OE(I}Wzb7?@mh`R
zoGF#Gwrw*P^d?(0P3Vz10>#dR_;hm^=!%oT<S0F25SO@Bk<EK(25*CH%WZAHG@?kQ
z1R5%okln7)OczZ%fSR?oMAyD*hQ7%d+{gx5c%vr2Q8|w3+98zJrd>hp0#a$UuS|hA
zVau}>2~h90!AsXSdxqVF#=g+358Ac~BN7Qs78>5KMg>|j+Eh%5+MJ?PD<=j&=>M#q
zR7rVii9NzCS!`{3>t(ciE%x|w9xG<msnZM3^OG}6CY^XDGsuR6)t?dFGPD7SHS=7|
z(sMkwvp9dsIzam(w&y6hSh*u~xW=xW+{or<COm(-ooxp;!`~+Z|L||JA6U(x7mhDq
zIxe=oLH{Vsdef5mKLwHb&rgHHThlW#%a$-nH`i0}^ARehRCXC74)GE1)z5otLBAwW
zdi1_FCVUWXW10uqn3q)b0DJj!iAs_2_G0J@HP(2ySu=O5J%0Mxe&(EP&^%W>Ubee>
zzvppLK*?a$6e!6A<9>E-*+u?ABf{&XD3CdUyDM7DT)5$t-_#Y3@Xh?2@ejq&i8mld
zN6^v(n)FV6JE&iRe_IqSUCi57sNGqH@<LS7d0ygq^@-E=P_Tl!J5$v4N6T7PqOzTZ
z%jUDS<s48|x?5_L))&&jQ2{DlV#epjyg|3kmBc|ihFE+1B}KOEh(@okG^VC-O5OV9
zQ5cJxXPKd6?G_CEx#8uku;WZ!dXdAHCs0?sKPLwSv4%(_=yi4S?#&fFZV^r&|Ck_L
zUI8Q9L*b0&2Sn@eL%tc8DER3%tM;7@K<R;@^;s=}4^gj{GP%H|;l_<0zy4ps>qHQo
z%mV@0kI#ff!0trt!myHQV0#;|=T<@*H}y<zrNG;L*{#tb+;w+b`hu)n=4^Lt8=NV{
zZ~IO8)vMMIPYvK?r`S1X#zgRFPF8st=QL<#Kj?RJ)SAV!Z4JN1qvcdrP)y)h&zoQk
zcd~u3``B|thF#2C36r(Y{6@T#$WO`U($q5cQ4~77wNw}ThJ)yeQ!Y6*yRH{GEYi9~
zg~FDFL@_2MsJETEYm+^oM<-)GT~bzSduBMrxUVcuh_dQZc?T#a!E+dU&^H9hU`EK+
zyLXKaFYv14RbJJ<EgbY-%F2R_Bo$twB!=lP-XsiuNWyJ!^xNIkn#vOlGnB+#CPL3l
z+cvT5#R3TYYx~y?_r4ph1IFSRph8#?H>H0t&mGIO4mE%COjpJxib(sJom~;^lM8}L
zQYY#CgYjakOfttw(dTQ7*qoNS4C~^OsIgFDMyA+?Vmb^>xWve>?Jia+=Jm()ziPuW
zRTTBVtnuDR2Wy>zm`iWp^?W=~I!n<&^ju>8)&0g4HG~V}QJ<(?c<%S8wSS-kcG_S)
zkdcp%Vtaik+|OAe{z--*S&kL7)cV&4qf8CObdjU4t3VJJH54tSt*#R%jvA{$@s^U)
z%yzZ&jT7KH%xY>U3N3-fYH|njKY7Xy$$e1g5h8-x5R1_Nvd_+FXP@ayvL%R8md}e0
zB2pzbOd(%&)RNX4&fDaLVAG29zAGPh&%kUp37cR=Ua*yrMFoK+Nud+lTUBa?Dfu5z
z=Nft)v%~S%0L{+~M(*#*py)=4i-2K}S-VZDL=TOc5j|v^<C2#jl+KtlS)0rAHKXKl
zQa@v2Ix4u-*rpDlsi_;DUy*pQ|5Axe$%dN$GluP%SQ5j#x1w++snN2vs@A^$a~XMJ
zL|9tQmY>a%vi44t>y9H4xl(%1eoK~;1z(d>v+Xx$!N{CR5CbMv>hFo5nCMxN?9lt`
zx7$mVsQ>}Kdh;YWnT9$hufGn4u5MS~sGZ<vbSabYsr=bl4s9<1&8CB5q@u8#ptVvX
z^KD%d82Z*#UdF#{FvuHiv{s!CI{txQB%1c-yNpSgC(*d;c}E3F$naZ6@D-#ef$aHj
ze$`;F)D{_z_DU!qTNVt}pQO3?Jy7%zKRKk|<tuaa?vzfc($^<k4FXDe8=`X$I73IC
z%RNoGak5^<#v;Q2qrUnnttVx9txRp%TH2aw$h?fScAt8erKZR3?(V8s*2GSvp3#hw
z(Hykyx<ZF@%q{}P3Mt8Ju8n}4oFvg~ybfe?!=BvTt&dyzv~ua#|DU4sLUx(UtGh)H
zGQYW~A#R`P!_KdkM6v}1Q<K-USp0REWv-Lo+w|w`y2U{h88^h$khCs~RoF44d7i+2
zb2DJ5@^zpRO3Sp2m}G>~gV|^NQ|n-Wg1V*`^=yaL+NW8-=~xnjJgM~HN%CJD*VS6R
zx(}<%)O6577eq0$a+!5bt1saq%Zl5ypguC5X`JIrk|(02-c?%NXpQv!@pqHKbX&qG
zW#fbX+fW%$rnfZ{ldfx;lwQqu_QKw>$e!mVrL;_MDd1mse8-D&p72}@Gf2qSo&60{
zT$}uBIE=TK_@~bQwK8Msk8cObk$7EK13?atCYD>fS*p5cDOSI>LR+3Euk%~#fp&#|
zbh68wHtjt7`94T&ZY}FnOn!>McJpJ_n>IJ}r+Zz=ti|7Y0%AWXtaJ4$QsHa=4#lq0
za#c|#iP6Xa{LQBf*I*L4GCf#bpkn2dGNn0x=CZ)qFn`o!qsa8k*S+@%i12j$Srz45
zZZWs&!8lMtbyZ8yi*}g8C;I1p((KXL^&_JPw6M<)d%~NR_#QLIHHhS<I>?)gs1@0B
zA*#tQp(ONsAO1`zAe!ls;EI7X2@7(K^eLD%hDB)ld)l6)E@`QdAF=FFLBH@ftTP@A
zxp@43aI~NR3w3~ml1bDAA*#9gouWDS*)SRzMfjgY8&e6E3ZF!MkFr~KJTsWqd8sh-
z&4R96!ilV#53%+a<Ac0@J~UjT^Lv?3Zo~V3_#S`QKZq~@Kf?8oqo4K64w*$tPuHE-
z-di)V7WEdzKUGp<XD7xL4JfNv3`2w}a;87$nwgs*hoM3i#>x$u^rHJ7@t*MPWGxW_
z^09j>`*dxVU62Rzu*S*&aoI@k_%rPu0xZZnp}qI1{=_6fqYIF1Qx+Kdu{*5(wR6II
za!HiR!Dzj2rus(JRIsRpFPLDhC;qIB6?X>zw-=nK$G@oB*#n{J3EZC6Eb=2|m7hRN
z^7}loR+jPbQYL6RwtN04#4rK%1rMIz8_~m8k_)J+Bt1Dy%gtEMz7?6tqr<(PUnJ`A
zYd)FuotNUA`B6l=M}=;2E15SxtCZ>iL#3F{DO@VwanCq}dIqPNe|%DEG;>Qe@?}f-
z&6ADli6SyrX}3JQgTK!R?Y1=&@ZR_gpQJQHOL2aW%48e_p@ZU)y9P%b7I4wM?;}b6
z?c1Fr=3L_+bD#sy+WgVBOKC9C{UMy6q1)icdbZDtAD6QD3podQXG&3R&luKXL4R7c
z6IZ94!OI63WXubTNt~>@W>KEcOQuN)s)|aLH#(Gf^8&_eL*Ecg!02~Q2Qm~(x=IhM
z+QYqy>z_}nCt(rgMseGe!G)&ci3pAWg64?<4>EOne}Kp&TM_t>F*=7|u%bq)y#C6H
zT>Zxe?G$$L-CUgG=J|;FgDf%k0ajn?T;kaLl;<!s{+IV(Y7{gQGnut`VUJ0T=pZSY
z*Z`#9V_gc<@Ss6)0sw}l8p=1x)rQYRqoJBP0UDZQebr4?H{kw>r@LI+qO<=GG!AA`
z<5-80#W%ZEZM?n`S90tjpF6ia*uScI%5hwp`jCjt_nEWI4*CbD7zkS|<Aj`}fOxiu
zWCpx9r|>jj<(UB5IM${#={$v@;#1Js{ch=B3wmv;#1&!FC8-D`m5cZ26i;+KE@16U
zTr8}+;HkP|dMTcJyE=dH-BwKw%Pb<(=`vR`U{>I$Pb}fved|RAA}&Zt6_u~d^Ig>J
z)|PM^D=l5+k=Ig}8BkZ{S&?gQO-`1SAz}S3dGG4yA<+IP#o!^Hf{bHbz?Zw#wV=06
z(0%_oT}0f{V?jRMYKih%ynqjfJb_-FgY6&GJFU$1W4Q#??Dj`<(0i3bG*J8x!Q|>B
zZYP|qCF_v>px$@n1@~$R(b~i(u35z0_p4}pUsKqr!emF5y>qe@^m9q|i4t*&0q?w+
zo1^4Uw3VOL(6_z`M4bJuLB*b0oLn#_-JG}BR1W%isCQbLuBM0;6h0B5A^{v1y;3H6
zxzL82(B4JFw~o;$JXI9YieQ;I#--Sd9S<A&_FG-_1-_b}<#}?@g~bPTsTZV!u+T;r
z-|vyG`X?`L9&!juC*7_M72A4dO#WK>tr$9{)bCh8+7O`_uZmBNlp<m#s=LpF5?atL
zkk4=2AH$P?gg|Nz<5wQmq{uj{6Exko2}n8Iv-9r^TXI^y=xm$1Z_P3xiky>C6gS0M
zu%E9UJ;6AL368-H!J6h7Lgt;8-gJ&YE^%=KK|xP#qv|%I+nS;1m-Z1L@sL1ia0KUr
z-P{evVPl&z=fP5pXrI=GXX0ijn*nOpJ@Q|@`X6wKC4u{5xd8NeRms5lkqJHtG;(#U
zODHj2X)SVNrA&N&Fu@_24??!mgJ@r?xcG^kPJX(T?{&KFBDsfBF%eKh9yBxl8YLz@
z?Nfr25QV?M4)?sjJs)vTXDy|i&JURf=J;3`#?!N$@%H8{t1(<ER<d0A9yI>4pDba!
zveA$oc3Y<-`ykJP)QTUU4!}=Wgk8om6)dq$NCo60AnJ^*$I5iTEK~fa_UFKGk98Zk
zEMl#__%imbnZ+gxg5dRcIC`<Vk?Gz#07u9U*X_=i`6)FDhgfBqRHg1=*{U+CJ5AT}
z!1%7q08cFN(;wpDxTMHD#j#DZdObV)PN-&^u_7NLk)z%wiNV?(ia_+APOB&Zh{Fii
z;F+2rtIU|mZ{wJO$_WVHRQW?J>GYx}$)jcoo1q@A7X&$diD%%+dsKXnUnQ>=e%w3`
zAOcYTM#6I_#$AD-XPm5M^s4jMe`iC28r{qxsGfR09n;rU2t!J|Ij4pYMWutL!4V^z
z?Wy6U;62Z6i+=QKWHc{x^R}c!K!9>_n4vl{?}y4P<aIS04YNncaLDhK3184%x;~QN
zjj0<#hqVF)zU-6D@3NFuuyAa^P%*>QkcPH)uF_VqrFzHo23L?h%M=Trq57tm!v}HG
z_k5|3<uQbFMULF`z`~b^dI`507@7SBECZ@*6FeObIhP2yzfsC53!=U+Ri3{wJn<|S
zTf_$g|FP*v6IM)+^2eVQ6E~6>U>?~Y<7BZi<c0SSX}jhzkV4s%hNdw$?1kG5qDuEo
z1q?bDXw9jAjXDWF$}&do4zY8H?Ame)&zz5(VagtZ33h_%G9?_l@uY6)0JeaaCD%Jw
zAH0H`^_4-4en&3og5YRgDzX^qsJHTn(x8_Viydk&bTvZm?SIJCc#=_|K<I-PFm8>Y
z*vb#>Wq<F4Ai<r9m<9F8MYD`s5S{`yk_~>E|1(twyU(YfYh||?-PT%JcUQ$L>o#2e
z+-1>1jydQpKKCQ*YC|87lEF-IPua(>>UnSqutlEdy}mGKj=KFhRazPGvTQbHewi|2
z4x&+(KSK%rl59ood1Aq6j<P>fa61=vRxLHB88AW5)oh=a^}9rZf(Tl&QNn~UlJLg+
z8^ET%P12JEEP*-<V-lmmBRo}3Ta>*kH15bGg$gcMQJZ^;oqI~hG1ByecS-06hHP5|
z+Z%96Wbeo;GVQ2daq|<$zRoNGh<Ak7K(bB_Al>Fm{>1$gfJ>M(`)&i@?lC7gv=qK1
z_RNs|j-l4T460|d$Z>}KhwfZSz^x@=sBBc0xGD{>Oz*{|a_Nz>z)vZi(u2J5{M;px
zsVn7%-Ki(vqy=by80p6|OwpQ6tItLGD-1}W)4b!pg<}0$gE0}dj-1@}q<|YjUptso
zpv+N*8Prt|1&N|@)e<P@?o?@*%!_Rd8Lu-X?}MZc*x(`w85at|E@FN19<$$`4Cx@{
zFJ_+)jkxD999~FyRR3pqg17#e9WJ0&LKNAZ1B=6=aL3Div5P;2dGt@!b+N3HPsL7i
zRGj^oB<7Yql+7)+oGNy<J1f2duVO+M=-Hk>u6o}><|}@aPcjLgBujvj&B-_9@;Z=D
z2LRYdr*Z&A@paT?zc`iW2m%<(n4e^+Z|mb)uzsicNOP_BB9Bd!8E0j1H0Q*r91pqJ
zO!E>OhZzZTP!gSUiuzpLjme+IR3~p7#9fm6eR~h8y(=O|yf)KJ#4_rsXsFne4<yP3
zi@0(>rt0|JD=ZD5y6_25HkUeCyVlDfQzk!La+Lkt&)_~z?-cXvY#bA&jbxeol0-wW
z{cS0yIEBA?x<6_(CktX&NyG7QF^f_6BUU;bxr&CCDOc{(&4T-{JWhPDXiWrsZPj1C
z*fJlmulAHM+5IyQWNZI8i8HBpeqf*g+md3Nn-kSrgrV|)5+a0W9|<B9a|Dm(5Ztyk
zWwJ00FoED++~M3`KrNY6&gq?JS?RcHU03Ud_TE5<)8>0F$#ikQra^Y&gr@(;1>jnW
zs+u<!(}c!(Jo1V5d>rkW=oDS$406R#GmI%Hmwj@A2CopIqc_3W)*}(bnKBY<J|<vf
zD4UK4<Kwh2o6<Ojf<7u>|M`SG;f2BDlkx8YWNO~$2Cw^SJ}_B6qT@2VWeec$|CPJ@
zVD{9?E3smAC+>gMh<c9rBd}&sW(8zfLfYCRsX1^?k+D`Wk@sl_&E%m4m|)=QOL+z@
zQ0-+{0>j0HSl**|Vd7_1LMRm`JjeS*q-D!rCwin*%;!sF$wO%ICh?yNO}d?MVMlp#
z=rF7eQTsQQgW2dxz?Iv~ZcXo&z8E+WqdA{uml#k(Eo9u1h1+4@ug8<ejkL-ndNa>{
z8fNohC)50lz$|}Nz~>bmSO3&Ae|ShbeAdnPd$m#k6}-CE3IpZdvE(>;KF8W&rXsup
zUS3ra{316&#3+mKcvrQt__B1b{ES7*MoyNT{*~YixPM#COMuwp_(lwimxVb<uM`IJ
z5^sjmg6MD)2Y4X5tQ~kVHjLpJ9?ZZ{y@jjr!J_q*6q}j-M2M_w)ZSAX^#F6m_!U;T
zJcJ_%U0<S5g3V-zivBwMHl+H{<hVMNOECqWx=(tVmgd}Ck;veKTsXn$WL-HvoA+<r
z$0x`(xuxvo;kbG|4JO-`5JAxU2EK6Yipgh{Z$0CvHiSLr)|8}TAg=DzrM3`iSv=ph
zAT1@^_aVp6X;K_L*D`5p0X{(0gGCVEL!_j!{UG7`=34?>-b02;zBYF?@BKyXF~+9n
zQ}i2V0*Ro$phTf^@X0g+DSx@b=lFe4ET`fu-JAD+)ftL^E@K3E!0da}%K2bK(OWj^
zLhh>L^hDrdZK^4M$}X8f)60h40ZKkUlN7kQx%uUN2yQiIhUTrkMgL_LIf6`baXE0^
zN~#%~V^f77RlgSjfrTm&@B1j9^NN*JO2uJBf~5Z{)l#Zs7r|{rXUR?)aGM<lbd$Xr
zs$EgZhp5Z@r|E?HaGB0|xjaP(&sf+!${(CBdIfmg`d*r#T^99;eUWs3WSpP2K7-#l
z1*05%)QgQ=TfiNggl7ka86^C&2<<RC;=wu!^OW(z;xo%UcS0v(KdzUAsR`L|C|QS;
zF!Qe=&QG3m#E!xN-1rsuX<Fjh4ks}|VwsIFv`GoIbtDb`#zF*!!+-5oq-nM^F!Uiu
zINm$7Ul$mkFK<q|Kj+&`nS$u`vkEM<R%XO8B1$jGT#Rs2RIPlxitPtp{&``heBnJa
z-^wM)KX8hRs(<65+<*Fat<fe!`OUROf(U&$^Q8ORzw|i^V#cMZU?CLsX4Hq0A<~y|
zzC;jq-P6c-<`3<CN}Yqc%T6K2{uxe<;n>urSkQz7!6?((nn)*cCb7*a6>OugzWZ&L
z7T6_15Gol>W)W<oghj}(ae)aIIic*5hBHZefi+`=y<h)FE?uX73D$f`d`_<Lm3%6m
z{7gG7aJ~Zl_lfC){Vr2rY^=hkCKj(}f?iS8n7S$E00fyDk`I9f2-Y((`Jus@W>c`|
zwXOyTorT9&db(C2hA2c}oE9=3c@G6?6Kr^!EudNv@`?JKRb08$CGXGql4pX*eZsYa
zMOo7U+n|%EyBot!M*-JM7}@x}htb_R<3$XS6(>QfTU|;OaHO?52`cze$S2nCR?I%D
zq(~@QQH7hJlYU8<$Df<y%VQyn$rV5!9|YP0fs=JS##+@<L2FqQtSt9hm$JOaOWB%&
zQ#pk~33a%#Fc`q;?Ui`dNyeu?+?B1UWnz@iL<S}(mpcSOa`Hl=)_ZzeJ$9Utd9qNl
zWTCqZsvNOCnQx3MLo)#@;QmhRdjX#X4a)8rWC+=^T6yH1Z9(yYg(U`$M$FMNK5-X8
zTU~O)b04r!;dqJ@kEoNEi&1WdxihB#u<zJzyTT|MLuABDT#}GROMQIZx8G0G$0Otd
z3hkL=V+hcQxM_cSVQvCN6E3pxYkP=0yDt7j{g0|30K(eZh^3hcD$3gyT%OMW{l2H!
zYuTH|Uml6n5?AM{A)NRJvX`XRB5ejq+r?0vkDjLnx-E8?@k0nscGKgzjTtSg;OHYL
zTGMQ9a}~YPrccCA<n|S<h0I$x|Ei3LW6PUhhSH@sg0j$gszazy1)0W{8r=|;P4pBF
z<4=vSmc<85+i-pn9TGk@?GO1v&wq3q5WMS{y|cIQktKFYG^=dd{<VB|$%hu^w4yI0
z7`v-|SqTH;+2dfy;rA=jbv4!o)^Rk}>Q<^>nu;Le7){$SJN#<$GHqP}6L+h$uA?YW
z-(ojecz=z8A@SH=KO9Mgr*KZkFUb9bIt#C0>&Rchz7f{`+P{XF>mVi)SSSGQcg@WM
zknq+D9ATouF<bG!hN@K%WRtLW{*|BP$ZpGGN13;Wa1>}}Xt;F799+vpSc3IdrqdSx
z)$kua$mJu{|LYy|9%I`4ris=sXKihb4?$+}%7%tfp72oG!pMe(CI5<#K)Z7i7`PLa
zt&cownySH)Nr-4;vI3W1+r(^kN^3%OzErif<Sj(~FEzvE`p+r0)?-tD?O;xkbH^9`
zn)Zih;+1{lFbetR@GMWqD^a=#$eBbrw^Y832`?76HOYqY^2cD785wB$k_diBgWxiU
zNdcAYLo|3aeO#A5?u&d0uI--1<Yb)uUPGD}k3(SN0&Nll4k~LG>>9@R0m&+0w=+F%
z<rf`dR)hsS+94I-E3fJPoG$@%Mn4PdK4Q)A`oQmrCf_YosMi!lhujS1J909{Spkrk
zQz9ma=%H;I@1xVH6u78tao0IglmfoMwrG*MYxi`X=2v&loGqUHK&g_Nkltvso#%P_
ziR&KmBE!gj$m!g&gfTEQV2oE@z}TjNQT}sKvpMH@VR+5P;Z_Td*~#ON^$tekFeEpG
z!z*sP)?Yw$?)n)Fl`nM6hMn^F^6czY&dG~vSj+PihN|N(wsrnv6M<Iitjk|w39)jG
zNLy<QJ)WAPS+Jc~;zNzRrs7WBV52JO-)WRlr-0(Wwc!TuJqt33(B`ZLQ>9=V^C+zM
z|6)7)PtT%?Fm<tVv3KE|tS-ko7O_2DT*dEZFzRM^Qp?<=sQOYqj{9ua{xexi$8*@C
z9FLsMkKo_`SF^?ku%M{5$m^GY48T4g^R%vVYe@#z^xSx$n|!N&e^;k)<C8Omiq<S|
zdqNE)!+0+h+wNMe4%VLAf1w{*>M$di<ir-rCAdweC{;3Ea@>m`WB8%hb(s4}Gpswg
zf)gA1#<BhwN;-bzv`<)J{C(rwZ;fKl#ursagrRb}hiX?ZsaOoWX}-nU627VM<Tdy^
zA&^jeA5{?*Tn<`S{rj6IaYC06&G(SxZ&<47x;XBhUbccvfQWYTOL-%>=v<>V=nF_3
zd$HD8hR(t0ttCz7q>$OU2N{^4ynEtNfPc;T2T1~=3<31Jz>7DK{tQrNi?if#JO!vw
zHfBv~ve*SO1FkL-!;ZJVFVB}oBd=*nO8B>EA9O0Fu9%J3(NRuOZK_O~1fyOp+_S0<
zAMdQ9Bx<C~Ob@IcJV;`A`e2fuBZU)UDo6PDXl;^nPB6k-RQod}J}`8=GNRjh5h#!i
z*3m2D5*-fQjiMPz@oO$8z%4W$Fp!}IUY21)B#{T&rAYu>EKVPhELuS}-#vjaohj#z
z=(xuaNC#AVF;hXN7B$1);VlbS#S;Rxlg6yCss$4L-spP5h^<Rw`(bL@Z~sw1DS~DH
z<IIc{!D#9orfPJMrSHz^n0U0;P6IcGHr?JE@?se!mNLh46csQz*P^OM;AkXogh0J{
zBzDFC;+|$YLJb)|tgH-;CeqCH5mqL6d**@d#(Vhwh7wz;qV|X0ecxLxR^doDcv@s+
zOD!Zo^bvBP&Z(>$)uPrVmGKsvEm&2(oBybt#9#>H6t(Qq@O$>1vR!s4nJ#0d8)`^6
z+lEV`!t<+lD=C@C;LlVQmr}YOcJvM4bCgbwv1Q{VAPl9Vn`pf{+mL^DhiymMa9DcL
z=HguXtiX`o`ABlHQ3apUkk~pZcoVb!W*2+v-O*>$^vUrI$==13q(6S2In)vprI<Oz
zVD9zB{H4xUrTADq18(r-+F`MZNa=birWv;L5WcR5<#^SzPc0?kwZ-HCu``xU^W`(z
zb?i(d0gri62H+iRN@+b=URr6+pfw5ZA5MXzRJ;<=Xf)Nu@?R{z?rSqh)Wsg*y1<Ca
z62(NY=h*2XcjwH6Qd!t^kk`k>`Qs(FH|A-tUc>*Z5XQItN8EyjL!}WGuX>iq>uvmO
z58Pf1*2*`icKWo3VHmuX#bx#{bvUO8)FY|~>kQyp<}ekN;5D~7@XebuEhk&VV&1XT
z#p+msh``ZRIayDpKM{J{SC)#0!%i*x)yi{($<sXW&LmJaD4L1z<U5@t#{<!0u;?Ry
z9R7Oi(7~{9&<B&q)IG2$%cPD;sPgK!S1yem&Mkbla5C{Oi-M)giL)V<KyrNp4#<1g
z$(!fcuAjn7h$ic#T1JPIm5DK`F&)7l3;Rr^|8R!g<9lyGqOH#_#G9|!TF9Li1s^_O
zo*(N)1LE11VhnJ_UYVVno&DYz;#aXnz_BaqFh$R{TK?w1*@LUP$r|dQNdyf31v>eb
z723$}vR8V4Xq2c8nMd#)d0nXJ4HvpaX^;9x=AXDK$V5uSzfZ2$ATONIy3T~08LAJ9
zFgafm%wi%a`;TJhxa{3?c$#M-n*Xj{f6|cMh?2j-J7#%e6Xs9Qe7e?hwdL>9L;xUS
z<D@b^*LwTu;ezM~M}Nevdl<BZp3j+Yg*pCd=x^#NDi6_y55`o%5A1rMDvn2#sLlDg
zUj!7$n`q5jpR^RprwpsZmi;>UtX`aHjr(6Ze;zV&+t~p>3k8F!OZ*LDwY}RqpK<6y
zi7)$l-smW1RZhdJQruVHw0i(FEmwpp>mT-5wsy+mYp%bn3@^lDAG@AF1Egf)PH&mO
z^}4aIRKr(A#*(L4XG}-uYs-+97>=1~^?zq6>y4b*UA*n3a$G7_c`))(&fXQ&ZPjkv
zmFetp@MnP{7@+(QdcR{~a4gEc?NN-VJ1C8O`OE*JXZ>i(k6Bfle6F<I@?>)qYoOC!
zXLxJP^ZW#W@UYxbEFpTe)_ME49SGY-I<uGfn_mnxuDL>oYp}TM_W$GREu*6RzW!lK
zItP*Np{2VU29R!1kP-oD>Fyd}C_y@<JEdc!43L&ahLrB+x$t}c*7~pKm2Z%kz0Wy2
zJ~7KsU!DinvJMPs1|R@uLIJ-bf>Z_Byocyvr$xSQ+4!<r!&eYB85LPr3!n4?>o}E~
z%(CcAvT2pVp*!8Xh}+qEU5tpVZ$;rU8mIPqWqBV3a3_)SQ;0N+bmLi2=eFMD%J}bR
zj8945T9$MJXbjbLUYn|+4)@?%1_3YEQ-?J+Yb>RYWUlpR4xHm9O(iH(#ucc*inU`s
z{zv0@Sf0mq`J1VaL6DhOniaYzK7LRVTsmF|v8*-nwv2m{QwYh6p3(P>gCg3fgn4ey
z(d2tI_NY-zO{(~cS#{ByX3)znqhJ(aA${HCfSUqFM4<%ohY=#%mzo#uCmM-Nl)xGp
z$BFjVh;%n{aPU~2NvU{)id79FZjrmqq5WdZpU0ni?pN}_ZvbaftI_vE)Yu*-RLLUo
ze4`SN1)a{d^fGB45{63!HD`G~Hf8uy7)1W-w{F-ohs`JROWopVaV%v0I<LQK3cxld
zDpE@(A+!(A>)mZ+Byof3@64&SsL}g4`PHp%91}yR#qPFuP*3N4t=U!coD1hDI!oZ&
z+ni-j$&jc@T$IHP0Tj=nqbLgFoULlq9WVg{;O>#t61??%siUNDg^aY%)56kCy*7s@
zjRH*xFYj|mbsR7KxuDqnTn!Y_@WW7R9krz3q1mn`2$%HEU@iT^`R<$T*-mr0O5_==
z|1K|fU_sw6JmE2d8CXw39<UyvLgKw0ybfTbyTe}YNEbu{u>CYxU5V`=jMT$he-4-2
zcVp8Y#2BqsspP+^hX^y4mG=_2`s^D6m-$8L@J080^yk>%9#=u1QnV}mP8UmWyycCL
z99^6-xCkW%gsXQ14knbb=B40<q0hCRhKeSt74YfJA=&ew+e;5V`=&Ps9w=OXVs$UJ
zSQ25JqlzKtq7@dcOwzK0dF$1sNvg@_b$+SVtXJ2~EYxKot=WdKOC=1T|4wa}_V!Ex
z(j==McA=)!Hnc2F^l7`|BPh~QVMZYfNrN4QQNuDG|4pYMFjOq^b$M)Pp4SECz;Be)
zES~@Tmc01&Yf|R?D}9zaeSmk$u*lw-k(gM0uKSk{Vs%ME*4&aV{iBGXfPowncc4qK
z8&WO7oCP@kmdTD68y131MXUe*1If`{5d!^ZnCQuk)oeFq0<Pmw1l;RrY5jO{kO{1G
z&>OctGT$Dd1KIT#&8Fvl!LDNDo|GfWv;u)5+LJ()gT9`>Y?)tY{yoKD_Xl)zfF_55
zI&|q-(MJhsEE3sPKJdp?xSXg01Fwasp}-BZTkVHGbPnK{`p^#*ij)dMdt<7p&2fri
z!ZT9jegT6v44KWg2Wb?Gf6!`y5+%3k@v15YhG-+JK)a=%3g<zD0qf%X?8KZ$qDt{o
z@`%a98?)K&c`IdOLZG(PuC;A><-br=Yrb%NNw+;clStOoal5z;v~s~u<>`u5aHWmS
zm!8(5-!kWHG(e_Qa=Pt5-SXVejE!$k*8o87>iwO!PPaVoHSy$4XGd_?9|1B+z7`7p
zcavTS68F&^czk-Q#aOf_1`W}GTOV#bD96jh?+c+cP@u++;7WZg69A)^!v;fCp(9xh
z9hP>2mlc2BXbn^G_aytbMHn*h{wRp})bujVEW5e>gQ_}-rrFV|3yQEUCR8M@#o|r>
zMQQQGjs`rjr*z5%j_pG|D=h?KBz#_19w#|5K0d{-1`fo%BgY;%%_AyZ8YLv#D0%%A
z-eWu0kXv>e7XEq_{Hw(Lq$b>T?<l#y&3mHIS0w>Cj=1x0b>M&Twk3)}$R-0Ftv_+I
z%`^=EJZ|Rxd-coX-E6h>!O>7A5rrc8i|gY-3}1Ezcr`@sW&orAAeKnYJ*ha8e?4dT
zhqaCN4=INFAPX#`Z=E`SrnSaR6Q-72{5TJPZ~c<H33|gYtTZw(Kz;3SKl+z}(s^L~
zi_z!fAR3_CDAon@%)-BcmrQ<`k{s=KR{MoMV62DH7d}NMImJP4`CZX;fu*1q=jeha
zw6&HoyO^-%Wl8>yGuyzER|8F{DxUsX?ccF3<85ToCe7g8d2^F5g$3}Pg7t6Ko-!d*
zDiGpdWehL6Nl*I^ea+JKK$B#pe7LJb(cgJS^%Eya?(fuXk`<%>53%nITGJ%JOIZrd
zn9QF-MEv<j=mF6_0@l)Ly6gK8A2NhdVI&*;zGCX^ST~Yq2~2$J-#~`&Y3lm*&x5{^
z#ei#7h|q3evZ|a(418!b4OzP=89`z-vNqvnwde63-QE!}0RCZ4UBiE*1%NLo11-pg
zBkI^Uay;Bqys~QwJa{mx(zeTVTEwyK=?QB}L$QuMCCm=7fRzNVo_@;fIY@IW#jOZC
zl?PSf_?(tGeBln8;7z2_Ry#J)G?m<kcKuOP7djrhriZCe)$zs*lNuw9oow#@xn0(l
zQ5adQVI{23B85yeDKU}F%k1zA?`0zvb|8RnRpaCD)2FoCL)WL;K-@2XQ)Md~;$Zy6
zyfWk7j%Z6R33LA&fq@RmrB^4es;HL!mpFME|3K4UyytA00)`pUP=y_a&>j0ei$zz}
zdmSIBS?$aK7ly{S7hm?S0%EdiRX}qq1N(-SyGxxW&F_B~K%fDO?S@9#R(H*~R|gBs
ze1Fq+Da^8582SD@+?uT!wGxY=>7WFQD1CMh?J3PMPGJ0A=UE#AMEzXy{MYm_W1A3X
z%JS&~gMWr{se?np?1`0%Y0gvhILU_kdI4nFvdPmAXC3{Yhj50X>AskkWB^8{Pg6jJ
zn(?bfC*Lhos6N+c-ti4_^^Uj<D_FfZ>eRhIXe^6|mnIt~Ql<cSP}qxqb+KdheGE9F
zbVbR&B#tZrM_wU4I$(EN@p!^BQ~qSBR;6v>Y9vU@9W*Dr%{YLV;93PHWGn;!KwyQ+
zQLJqC^bWsMnR7YqS!th_c{8#BJg15Ez3Ux9fKuoZuVF712j18p^phbu!lN-&E19wZ
zU~PWPbstU0r##xJrW`67ZT0j5H01!b4htCzEgk)0H#D^>iem<lcCU@`r%y>aG^QSc
z3VvQW3{1Ga`DsR%*xcMdiawfG9-jU+*iVtpS%pBcgI&e{TO8Rb0hb;WvXQ;9VTXwi
z7<D{2J|$O*JKExmwc3E+j_FyyEg9}~!q*aZoxcg829^`?>j$g?FT{p>awIvxyfHD7
z#<jd^rkOJe299_en0hC2ygvrx;974cwMrHrq1M48^n`<3ZJ+hYcs(UIP}woc9!g(|
zRWb7X;rGY-r5bzfix{dlvGSUy*5NL^rK~uH8`a5q%x{CYnFez1Pl;|k=Sk&@^B(`m
zf<9)J_Xn|%+{hd@lwh4QRxD&Y@@%69i^$vUN?Y?l_ib>rgk`nU<0AgG;$yLSGSCCV
zPQ2y*zPy`Rovm?vs2*!|4otU0?`Zs-@>HFhFG6d1Oes86u^u7-Ho1yG4q0P&F^_uJ
z4|_VZbwQY!hlmrj%_q3cMHJ1B1jxQw!Q#GBy)+JYttp$&A2t4BLd!K@_ce|QR2V5W
zE^^&?E^t**8szn1evW+ps_RuuN}Y{k?Oc=w9`ENIkBq2C##^5}-YCTQQ(J)w*iCaD
zr|`K>zXomHgeC}m(p9Y9?zhL)iRc7%bRur@`t{Z${mu3t{VmN%(1{p&9kP69hj-Gx
z7k9K0hhx2;5>gxPdXS0A#BTz8!C<;;1vBSYt~%`Kx~4ptR3px%hLS$T78bgCbCb3g
zrn+XItE<ckV{l6bN}YWc@bQBY%5?EW9_nR0>{IKi)Ou&zRmBrxD1|$^X*`^HJ!F%v
zB@Db`0$fSoPgxOhIV`aNm9|ub4lq+pD$|koA}aV+s>I&3!@^u&&nHi!x;se}_^3RU
z?*Cn_;N7?y2;Is|*?{XeK&{*agvGLHXSjhfjm{mYDI&NHCzv@~>63TNotUfO=Z&og
z*H8EYeE=@e=)-v$dR$XU1id_z9bn9Cc>W|hhHovsj$u<I{ED7f=WWyW{C5gdgOJs?
z>%HxITbs7`9I6%5#}xpF%))hn3qROOnNCC7L!FQ;b;qt4KW4OO`cGLlhLYdsT7#GQ
zP`iF;kid^6M$R2ll>>mTm)fqDF|$le9ZYmu0<cE`wn@^bvN%aR<itenq=IsP?#76b
z^Ff(t<RhS!ww$z`;~CWsSkpv($>(cPY1F9h_+_P}_R4b`+~g|Sn*6xNXZt7Wp)~&P
z;WX3lI+ZK{6xzLf6Zxe6&Bn*t;?o(M8%%vws0E`=w7v<@tpk*Tf-;RiW({6e?-vre
zy7wVzA$<bByTsK!_R5w95nJy*KJ9K>ID9NqDA*`pmN~VnQX`lr>9u?@t%_qOHMu_y
z82f@-mS~2{x=Z8;pgNs+?7WBYchwN+3&r>3Nqq*oGJ1JGS2|;^eaCJmijv8a7?Pq(
zw4E;X$xa8)zwvN;?~d9Ntj3IX>~2=M{{6~N1u%>B90~qa)ml}Luveqw$*y1}zFUEY
zH#+L?Cw>BuDOQ}fVaa5H0hMWu+j`tqySBdOmldf`pFOi<Qj!e@M!(G2MK2A*?f+kb
zvsfe&THl{kj$!~Wf!IJm0QS3qKH42$Uz~)yPqfGCIU2tvCV^^Y!7L9pZe|LrroZ`t
z%?*qRCs<ZG?fX1?U^_gK%zeMl8TFCcp9Czwn0dcbB6ZiL?4_Cm^pvEE4W;){(Y_B(
zvVff8!~Ow1weKVWN7cv`R5?Q34#04Y5HrSrDpXoVUPb;J;Xmqztq_*Fqdf&ii!8&#
z!&6KKRjQ2E`Yict8&03d$&-LI(6FHNo0B5*I0Kz@SkLjW>vyvkP9vA+p~h~$Pn_q<
zByUbrV^KLZcDs9oFYf%~ho_{8^~Ftf4a<q8kCzW*jojYl{0-nr)o}fhy;$V?5Md6E
zP@%2+R+$mQ#GY+6!EC)t&dOCCYyTr|`2PU%kN4-C0usnlF=v;H>*EIJOIF2jddj{b
z=$oCWy>KG-Itnl^nGzVK|9%0tNus__2%}2<U4iIDpYapd8<GZKSc+%lNc&$D;~t}k
z(wZp2$55P}qHOUhz{GG{vNhjsu_$2{9C0Nq4UE2X$XI!S*vD}!3I0zq04R+Wd(_mD
z6*&x|j^Xc?BvPLJVd0xR$YI%a8mWkYK)*wQ2TwZDJfJ1;<Jl+4CyC#sh+Sd=a<u6@
zUjZVUcAqG-n-D_(ehEU7M=r`NBJ4}_wOUQag8In>oqc><5xn(qG}~%y>oYw{s3r7E
ziCH3%L3WWLH<p67g<$z_ckzEC!$;cAW2`V4kcjG>zhdu2Cz^POMKkb(fFrp680hqZ
z`5_hxe5Y2LflWyetMG^49L5l+_r&q~PkWolDwZ^jKU|MDP!GM<$s>{0T;B01ncrK-
z+6{ioE!+FIdStf&qwXixz2B?M8$9=E#YPT8UFEjH9`2yESaYd0PpG86m`aUlEwx}b
zXo39y&7KKNnP<-#vcZG^8;N)8)R2YOpwV0Ce^>xphK-Xk9M{q0%E}kk$F}FZ@bCh$
z5Jcovi?lvm(;(fZ5|Bc8tGV>t(@b~}NbhTQm(a&NN<x0z?e0>Ru;to~OG7cxiEYyi
z1QnFLRiP6#cHD&tL;6-x*&2OUbesU+E|6ap7lI2=tP{zGo%dR$9&e)ms`@fQ;8x?1
z2OK}M#jL^Vaq{}?yzIE6ICqZ3Pg9HpZ+_?A_;W)8(~stA&7S^7&-)x_h2**cS9d))
zbNl~2MLF<8L*_ax>>FnLs3-H>{e+aB4>U|lUeQy@T(&GX)Y%o!5>#kcmz%NsVU&RU
z1M#EC9{E^B8b{sB5^hmpk^hS!@UY>d3=oHY06k6s_~rGLS#z;h^RTe>NM1VhJ}ZC8
zP>@RY?6<j+MVg`DsH(?Ew7S7;m=a*-GSR)rO0Xa@3iNIbev8Kcq9B9$_(9>?n!AcP
zB=zN4`I^th;I3u607DY%eC}+-?8)3vK1&mzWHGC+@;*F5-QslbmwX4(zS94Yq5tI;
zp)%U|xRuM;BfZV|)1Ra6JPK59s6cF9Z8VnryV-4U;yn#pF`SU(9#pwO{#}YWzA(;L
zSGVh0pQg*Z3t;ERSK5#LJG}4+Ks_KtG^-gy34GkQ5aghUo_loD8JGvRYh@WoENMw%
z9DPr%idQGeduxTh4Zga%QjPvqqfCG+YLThf((*6S|F_`BCJd?ssMBIt05Q(km<hO_
z1VARK<{6WAP=Vp^FAQ_YnnzHqBRa35ag$&E(G-m?icm+WWC^U2dY?|`0udZaMqF<Y
z))F}bv%p=S$Ca|(54?|Ncj&py)bQ?v-vmqpA>^yu;K<xL)p)6PcQ#;=><7StEOr6n
ztZJngsPLz$a|Bug?R`uL4IBCPwrauO=2;?{A8_~NU;#1K!1&J8*?884P7|W|PoF-~
z54*qTZ0-CnG<b|i(REayLL=8yfLUyTrmON|4ig-~)^6u(b?5|;#L=20zrJ_vyKmt=
zKLtp%+AOhkn*?jZLu)OZz;BAjZQ?2R-=W><B7&?&{Vw`&>6F7f)+pVgtNOiL4JxT-
z$U>irXg!$+$hGg?G$*>WZOAM~LvH;Xc8v#BEBVf;#XUy=t++{f&5DnlQ>a=+c+cOC
zW^*j7XR*F+|B!e$2u)PNqr{fo*%fs|+^8fM`OZ|=A4uJljwYMWzt#gwa~sj|+l+q1
z>%J{$``#LXO98%m^5hsWHviV~1ZVP~Pzef)z@q^7*MdGLytzICqy+=|(M3;JLW==K
zoSohdu@?8gGv9n^14=iX7G~?l3r$-1W<I!|_c#4_%Ua0xcmW*pcQkqytbZ6vRn^s$
z&GUaqlF+{|<7WUm$%6jV-kP2jx6B^a*h+{IsQ=>GMSH@`x8w(-EeO=;S@!(QzpT?k
zMbU^RLYu1TTCvPrj#jWpr*ta<Rbb?f$;EfqX7e34>T11z5<xEnRPX=_WP7=x1Z{^b
zIv?eXHUI|L>>9jmd`GWL6VQ5kFfaVaHDcH6X3=wfb&xjgZUCCN{Mx&?(Q!)EV|SL`
zspBMG0`OdS?FqOU7BqZCUuDu<8KK6|rOr2~`&m7CX30<Y?T;MJCnn91JD)Secr5qF
z<OFHcjqjN(no>8Fw<5MlR31b0uJ^xfIF1J#elZ>bBCJF536jhl$H#~T{?Qa&4GC>m
zH`f9uy1txtY#i&q2H6bLjkdb7OqNc>UDvAnftTirs;@nMDZ2K#45}0=#g%{1@T~ps
zId=q}^I)KAu^?gk)XfmBZ8;l2y0Luwy+}-@7GB;-;4j>rX~Q0P9rdsddpMYqyf1Hl
zIK%jh_#{pWNH~?tw5|P@y(EtS3{fz;uwi?B)YYP<vw|v%=wa(K*S@c-s<<Y-=7wy5
zpz?aOHjrpP&1z*536?dpN*Bg70n2mIhsp*9uEjkViBmTxfz);BZuddgao~(8hr`R3
zXHt=vUWny~kD>S?G68{8`a35I%Uc(24_65tw>uR(RWn1Y{l$i(IeZ_+=(d-tGM}4t
zy)q5h6Z|A#9Yf`}5*#!8ZvL}+0Rcz;wXpq9D(~Y@HdbFpQeCHQONNOeY1rc^g{yUF
zZN6tP<@%j}+Fkgf8{pgfq<DI+k(?j!BBf2k>%M0v%?<3L^6Np?=?=JK&z_*({Ws?*
zr$o-Nd{#B23$*MS@j6wq60`7d`e(bNdnq8Oq=UtbM#5=H>ZPt)5@3#gyx4TSuow$)
z(HC*1nhySb1NMKjemD6hebUc6QE}N<xW~bi%?^{^2ei)sft$7mUQR@j+FUvF_pS&+
zUTj=>I~j}j04PGsVzLRK`<#C@G#h?>vCN$*<YeIFhrbXQc-1dB1Bu=Ep~gAdresn1
zs!5e5aD)8nazb;xw9az9qv2;#JhfOD4U+d-x79GnxWS|9!_K6NnCA}olXcNtt5d@e
zX5RQGe$Q&1FQ<R!4PQ3DFIxf`Sl_(6^-@gFXYjeM8!RG46g1Uo*nH0_dn)IPM^&0a
zd#@9sFWN0W{om=rKmjURR=Ny$kMa<E*$xZ;?Ub_D+mY`Og5uGu3FX^+@{QjkdO;`2
z6mOwenHqmG!$y~1GIB4q08jE%oyhCV|DI!XG@Tqc5=UUCYaj)du%W!^;Y3klx<DcX
zJP@#!@eQCIb6D>_zVt;(L&T_-qo$oZdSb&7c$6vQD^tQtFlO}(%zP#SjkH%E5|6_V
zosQ^udq`e*8&x>St!#$ltVi4AB+>@lYIBJlNQiEJ=T|FcR`Bht_wd-8D-KzICrR6b
zf~vZdk-9FgGks<JH#|Iiq?K>l5^G<DsX8tD^;_prFD<b{q#vOlo)gqn5}%LacPT=j
z$)C@Eu}>R$5Q^|fjIWA<N3Hwqs%4~Pw2%#a@xSrV7tL#)ajvv<2Z-*E3O_-c!+$zD
zfXYx2pj&}n5b)BFMnHLhhe-oi-QRx~I)o~`m|Z?d?D}hYbzh_YLE7IRn8l9iC|gW!
zfLq=E>75|oe$-i<onYq0{bZhYTd#uCP~(p)`$uvHs0us8hSTeQtWR>xho>3|?os68
z77q0^x_<k}*#<Cx7<pmq%NJwvBjRu1wdNx>NNo2<gESmzul-!gg1YL#=wt;x=@%!X
zNiD9$?-v?XcBU#=sOMYKawL5qE!D4!UB(*Te4DP~bHDyz{ZuS3Fz~m{L8rd6ZS$vw
zx5F3G_oX^!kO#nU+;YpQVy05NjJEssx&lfi^rAC7p|R>^=gYmp%fJj#-RWwR5~%nQ
zN<J-_*ZKCMNwdQ;7cq-^lK06bpqeCawFRSRZyn%3<;L@S##3%3;kNlB*-Xe$k07gP
zJjiBre^HHyqOxM$+neuUGuL{%-dYt|KC=`{<ZW+(qUx8Pt4KU@2K7t<EJ_rAjNGqk
zY2{Z11f|L%G`dp}AM@EA0?&R3W8a`&%xf0kjd>2lreT#)@69(Q59^k&Tk1+t&USYn
z*Q5i2{O=c9d9BXH-fw9M8i;d-x&+>TB@Id3SdFAAaJGrJ?UuheA2DMR7dMf*+vRT>
zodrbUa~N0y0v21f2LkWEh;3{!Cg@4`TCML)#iUp*e8+ka#LOt;devcc)xzU65pb=N
zsH9Bo5~lOA(SF_lUvi61alql{XxfGJt=65y{#M}>*(cKJE9G3j0zG;bn!t|dW?ir7
z>U&bWZKoT{aB0Q#&<QAtFv%VUj=tl~7XA#DC~&}(o(sbbB@?>}BQBTr|C-9=Mt}vt
z3L*ieP8*=N6fy+6`?PUoV}Gg8C%;v@F}ZxarvXhh38e#@11HmCGCuhEz>4?q!Kc-W
zpO6nd(gD_~9miXIkJ>{DU;d#K+-d#|d|$ii#-(UjaPaKv5xOOF)rbu*MXryK&omNL
zXjlLOvsw|Dvb-|$Kn*A7p44WwJ51>`&bsfvMXv~c<@HmPJt*L|ti%ctMdZ3TWvIpy
zONW#^0^k5x!@a!zE_yzBzzdmjm~SqN<PXvO8Em^@jzL?=9{7H-S>4q8&fR;pI4y<X
zD-)?H*>V1gNDAYF_d3ZL`8F-uz}tR><845t-WH8C%fFc_U@M=f8%)PFOTgCyGbj(U
zQ;I168Ipj4EaI<NcC^ZpJM_CGm&+zQplxSO{GgkgyX&@|fpAM&_Asefjbyv`+J3yX
zj^T}l^p%yO!fdfIz4+4A3hE~*%ZN&|Zd3D-WpV;3MncLWIjH2VvwIgH-yc4JgnYWu
ze!y;lQh?-&iGn6g00~{D@~wpa_C3&gLNb)(OY5f<myBeV$a%8Kp@U!l$J6k2aa87`
zwBnM_CiV8hmxf0B2_-rlG6L);)i_bvOPxN$qBdFd@)!gLaJ2a(>u-o$&*iE)Do;4k
z$c063U$`AUJ?-I(;c7$8d!L)Vn1#!~>cYbTH@k(`9q)!gS2x+7BL!b$*Hef!w7TV4
zovV0RV91MY?z&RoA`$JqjT7$f6y;nmIl2m{Q=E=wQ88QJ&gZ{1hF0inU8|on!A?``
zUoLVV^!y{7^X@VM!$d_Ho@Y^nm{_W;ZrPSQbA`$Tf=*;J;}{LHn86d8{BKK7<eTgA
zUr|Un=Vf#gNZlJHa%)N*M_n)cCx%1!3=QZZzar~fkjTjq;q<bD7fMq47~((`Vw|Hj
zKMyH=ucL7$XvL@CFcM%Cw!8@dH2e<7RlV<y)`5wZ^{+4f|CJ(wbdS0u^d#Togg}Yr
zjvW9-@qB>ic(^@KGkVIIX<#VS4N<x5simvLW5po`%xXhS0w|c2mc@XC1We4#{IpZM
z5pfd8oV_PN<ysTs4GD5lrXg>xv}EFqK}9C%038NC^b?d{W64T7-6pP`C}roRtz3Pd
z&`1uwST;+fJP15ZlsLXz8;Sgrgu|ufG^jt;@u5uOY{88$pbw4YO^)~Vwrj8GCTlVJ
z$z6BLQqo{<z{@8KWK#I-^3k$iG*d8cg^vbl^=rj_CRwM1A=oH?9ACGU3ST5hT^0FM
z1nwK#u#Jbkx&Gm~q&-ViIYIE05EUI47IF5sqK76GgULRDTv+3$)EbnKD7bI6*w8F>
zl=+2L@U1B-IwWC#F`Tcaln}F8n>DXiWTUiDj)odaE%)SP@<QrTMzRrq$)0<AuBk%x
zDm{YFau`Gs6p9gppMpk~eE+xWCS@EY6}gBgqIhq<#gIL{Q#oF*=m)W;H0Oiwjl&d|
z|MqxU@+lxoPK|0%s(mSHap@e+5rZ2=`qO(p+mqd0PNU&%xj!av6xt+x>ARk-jqW>j
zHhstLGXwq3h%U}ojgWiSo4p+t|96XRO$>UM(I{vI=&qQ8-+lyMC--52Y_2t>*>unq
z(ZM)MjhrTpTBejYP>SLWo9*Lu*F`+x(mUFYO&W6E52XyeMzO*Rehm!tTHk8%=`%$>
zPO?KlQN;oN*F(z>$E1SzJi&*)_tFoEkFE(s&V|bHDLIn9<?e%`TR5Aq8yvHble__c
ztnydE#T5H2)ha-1MfZ!Sc3ee^QV#Mii2-7YrdA>6LB@nGUoRP0-=JzJP)9-{qz!;C
zBM6U54l_oHsl~1@mT)-M<4UN2IknsW&8Zz8tC~a28hYjz<&jtI^xU|=%u~o0DgoX=
zKf!zE&0E<LdNNDRiO)ylJWf8^mSGU+{vz)-<XV5w2&?g+?Ldm8v4Brx`*JN68!2h!
z??G3xi{;=*li{oUajEamIHG$^+*ND34v)XFmx`~>TI!#HLM(NV-~Rkm7=^JEb<jR4
zbv%DEYS_zOM)44^!=}ifHGL{PNLAQ&xCb<9mYR~qA#P#yjf$d^=MMAbq9H~yWiGp|
zF0R|*q^gdNj_@xQx4tp4`WcvO;b^UwAvlwiUNk!|RN4U(2OaR1u(dpvpEhfyNsET*
z?LnYE_7hvaqIKALUqnpEoAj2;Qz8;9Z0u=@9c1=y!VY5A6HiNlkvf<<Gy#cL0<!#W
zzPW0b>v_s=w@r4}u-xyICo1g#|LuU~enXfYX>*kf^n@?Cjsk?*guIbyljT>BOAdHf
zY!q4f9i7b_&rv$DGK62{S+SkiCX=P-<oNuFj&VluMDaVMlPm(*D^H0BfFDM`5_-K}
zY-p;zEd--od6D_%$uqsl-r1ArNLm9041zPeC4~YYfoxbE>DnN&`Bk3Ffo5fXTE`O3
z7mMYpc!<GW?-RsFAa{$`gTzl3i`{J8yUYTv6wl749_}>RT<Da5fS;NrIwApcNm)8h
z^^XA9++uk6*K*-bP6{%hu|?{Etpe7BK3A=LY0Co4=0um6+20o{fxjy96{mFE?P7c1
z{O+jz(!TniH0j(YO;3Y=%{{E(5xSA#6_^oqm8|`Kb_DPK?NgFOsAS~+%!{9$U7<d{
zPQ>K5CZ9CWf5=_=Mm=s+ft8_J9)5}u69oK5evikw2kFaxhJ8v2iY!?fK7r(QsSegF
zx2tvb(yHgt!LBG+QnH7MfTcs4>4!ue%k;Q6iAaarq^4SYx3NDZ4e>>{=+4lWN)_my
z1^BLpCvAAEa?1E%un|af9OXsuAt@pwp8>|j6?zz(+5XL0E+cH_wp58-@?QL!zA)y~
zz3;l3c=J^ZAXFWUV$7lthmGi@uzPu)SN>l~*i%C%6EJA}^_Ki@9D2<{kSIuy)^zL%
zEda}jVsJ1N01r;D0tUjBI<AN7D@G9F6Tl6b1%ao4s)|0u65^H#7dhW5T<-vEtFW;i
z-a>FU9!Au-^=U{33d8(W<i9*5DkHwtbm^2S8Qz|^jLi2j^J4DOYu*;StMHaZ!A16p
zl2gjqW3U_YKVJ6739}cYv(u-rebyu)_f;x{2MOeN6Oz3REo$AJv$x)xYdYSPzSkb0
z@hN3E(&~{Zr{C*3IS4d7d7H+g@bzfZ#7Vy>OV^@kYjF;5o}Q2ZP=HM)3l3rk<>zk*
zQN_)c0!8<%G)DMsng;vy7v;~Qh2>WATqFR8Xd*x&!f??cuTLh<+zD8%I!?a6`EPkF
z@K2#AlVj{sR~h$}$FP3#vx1O5y5EGuvu<Nj>g#=!;^F1VWPPD)x4?My{QKZ+gK~nH
zti_77OzrJjkxF^vRuf<}HO|m;Imo7q$ibk|aw^2y0lddk#zp{hJ>a!SWXXZ)+fM@(
zQ1)jXrCZ7}<PLr1kAeH2Y(~gSa@bRZ)_(}~3fjeT0FvTQ;zsW_rTJFBai`89F>HLR
z={DFVMjL}%lM|n4z%=LN6ixJ1a9;>;1BmQ(YjY<u3AuQgfgsL}<WeCz6bKXjS48E6
z21lxE&`z*xOR30v5Nc{q_kO2g@h_MX-`mqIoxuQMmx5an?|Rk2Udj+DfTng(-Ssk_
zQkV;oW_~dPBg5O7Ny~I>rBCUyJP4IrT{kq-w<1Qq4+^;J10c%s#X&V;or>}nx9bCx
zB;MAv-`u^n^$po9kP5J!pr6&x<{Q0WWS+|b?a%>%X}&{5R!OdB4&QCZ#t27hFK7Dg
zT6H_3P*eIY@VpD{XLb2dyN@PIw*N9@Xn>{<zrG?Wub>dKFmFvHo`Jm}KAt~7OiYYR
zWNVYpv2aZ!fGdh}D~N6cBxEdyLQjtsyeqCEW>Ru-a8cv?cgg4Mr~iTb#b3_X2g+M5
zS-v}2526<f<qu`${qSF;_h)9I`3z<^2@h|Q@Ge_fl<LGs13l5Gg6U93h*7~x?(TkK
zSdl4oy*3E8s5F0WdZwgV-4Qk8J?nfdT;C46($}F(ECbwK4e|Sz+Z$P2BGIcC8H_8K
zA}Ia|Juqfo0nvOFTyO582ru2OZm|xqf<@Mcb5@_xl6Z|Iv7IamF_s7~3p(ZAB}w0{
zOGY{t^lMMRKW{wEvFp<bNe>CF3fX%20tV(m&?;{Kali0_jHTsTT?Kfc^I}=k>~2F?
zv=T{Fh^zf{yrUg+SfTr&pLYCDB<+SXz88v2nOp#hSIiqvnqkTObpL}$X@o+0Db5uW
zEQ=URga|t%nTycQb*@116-_?XS5rwQUf4He8mb}Le6vGz<otTae)Q|Ho8{3WoTx&l
zfKBli%^equ2h3iyJu=hWWWUU=M+`+=N`FQpCt$2#CZULmuSmX0&{s^yl3>eQ3HW14
zYgsAmFqeXWBOM{}DdwIs)C2y-5X=smH<j}<i-Fg~7g(m`X4ktmq6$jB7Co&PE>;Ot
zoZ;}+t5`FH-?L`TgR35l%hUAko6K(W0&H{0Is-4vk9b(!eO!O??ql~ArN+5;|JjV&
zC9#H*Y(ShcjW6_Zz;Hd7;0LDH6;Pt{=1EB0ol=2Xc;-Cp10j(``;$fHkgc#b5LcYB
z!|GCpPeA0#@KhD0Ubas~tNUkaz6xF<r;4om&pJYLULy!J*Z)MZ?JucG7W{Dj8<8`R
z76D3cAjxDP8jEBtm3?eKCrNI&8|v~mcY4rT7{AiE@4dB04ok$(gkEprx%n@+xf&sU
z$S0e+Hhw-T(xY*Xv5|GY-)aKBn$r{@-t`lIVR-Xm?TO_x^o!p%S-rXKsupzJs2v35
z>>S%p%l95a8+$k`AA2tQ>&g!MTJIMRHVAPL6*69!AnU$)lq*VSzOTbLq^=^ULkS1B
zD;NUae-yg#l{PqAmQ)R2doy+Zr9K#9#FPs<OM%PWhh7B1qlgn?po3}8qao0<zr-Na
zl4v9xDwUXI-j!%`%~~XvFnGD=qMIguG%~L9Q!dbZhVK}|{HrecW|d(c9`${($)+$c
z@e*g!EO8Eq&JR103{w!<Hr##>$D4KKbx5*=j8RbQFg>r-jd9yy$4Q%_h2Q$;%&jc`
zpF@ni)$Ob3QeTUOA<%=soB3V!kS}Fshk!{i;O(xfw|~7x`{lOVe}i9E6Iv7a*Cgw5
zLXx+wQ{XB*z6YjECz>6mf*Y2sP?Ahn$6_icw$+^xC1adT-0x%jjsPlW6@KSX3nP0t
zu;(6=?4H{J55T&UsgRU=h_;;2A_St556||4&N^TnB$xJ`Lf|@<oz^Qxk!-LSzP9OL
zwop>_&FS;|cf>v;Hh`tD6<E2F26+`cTK!6er`4HnkoRPB;tRL0@sh-Hn>z>Pcg$k%
z6UybGBBYf3>LfCecu<LN<#KIsoJW}UENRCxnA4kY%??x=C<ISBU}Hzh(pOk4?O`U;
z5`=HS4Bp@*HH%1E715dM*J`9@ABesgb@_?jEs8HCf>Ag<P%oIGgF8sFh}W9u(~*K&
zqL^@kp2*qfc%T2ya!&HUxtJhz>iQ(FeZO;7Q_}6T`1css_KTsjG?Yp-NuK|Mhzc7R
zUE;0OndU>vrZEbY3u157u`@Nn?XDytAZ1=k4}wc|g~Lq;^FO2z-A}i4l@Q@Els=Ev
zJZ$yW0FFuazhh#I83Z@_7A=`bZ22Cf0m5dgQ$Uwm%ayVqp`pr$XX!la4wn!p@(*Pz
zW0|`x%$ynTY;kY{^*iwbpSLsGHF+>SAVnV4)31LYV-o?5hLL$eVwEEhy<@{t^3jqB
z#*;ELfkMY{7%8sD5n_ynJc-!S%#x8>*yd-RR5n_~DeXaL+WlRHSuwBWfO9-HRgIk)
zr2MkM>^9^CDJyXQ%jqhCUr<8kE<n_Ej-kCDeQ@T&0JkV?J=sYl?W1)BJjd4gFn=H!
zyZ(AYdN@ipv3!4jak_WlpOCE0(8~}{t4NM8?IEfXd4e|l+-5ZAM@jaI03M>hN4u=J
z<2ng0<2z=MH5tMvPQ-P5J=673lc-k$jXp?%?$9)GLJjc&1in-F8NR&WLCIqAb(jOf
zRpvS9EWrW6`98B2FZr?GxeYkR9hjHF0!d?djg<6CW>?oUS0Bi-Kp`&hZK^v(iyjWN
zd{Gh3^?9=!3Krfe$BAO_`ECpg`cQP>{bb3z!Rpspg->#1F%3gVG3Jm)nZfVBwq9+6
zix<322Y^pF1k>4KRDE*px9r-0VhMzI6^R=vQi(QW9iGGkY|1B8#=&_E%9y|a4@KdW
zWAWKvci!|UDDBdz#Nxxvo`%Kc-a2p@#>+@Eu7H)St?_>a9gUU1-WBxwyd4U?{ze-R
zKP}NIZNs{mJ1IkZ+4oE3^_-i$93+e|SR0e{`c5R<YDr>;4898H`CxvzW~7_7b#w$=
zxsiH=Fd2`ap34#8uHF*$AQ71;IYSj(GWYJg#e>Ttd_-VR8R^hB9@}v+GyTe5uvOG(
z)yuDlCmPo>rs&?Qo?f;qTZXI-u^LjJmTsy&f1!k(eeiIlJQDBYIkYH19Nfn<Yh)RX
zSIy6W(T}}?fVTw8l{1f)|Fe2w^SKB99g;WD!m8-IYv6uB7iEK?qOq6<!DZzP5d39j
zRqF~VB1BKF7`2w0oV;<U8{WvKso;7&U6~|8Fv}imA(ncG3cA}*G_Dt^JrDhZz?l%j
z7;q*Ks};;Q;M^ysbg!#hZ(V8JhMlw>L8xvdqTDjOtB^msq?{HOc*i1<K(XzzM4I(>
zEr*P0(Z_TM2$LLejAk37=fuQpcU$Z9Oms7SRN=#tE}sxXgnhD*g%MQ*yyw?%?er`>
z!C$Lj2Ghvh5y58LP^K)zO|F?d!M%ATpf}|yilWSlGV2rn^Ymm!M)~pe5n_qhMaN7u
zSHU@&gB^m{E{X}Ni%1Qq1i%BB*FB^gwP}&(b7T2n?^Uo!Hrl`m9dL57#Jg{&YU)?R
zEoBoA<Y=i!42b@R1t2MtmE%GQ%ci46l|Wy*$hoNXMC%hjl+@_H+=>(C8%B0T9n`uX
z^z7;vpE_LVx#%H9XM#$DmlV=bk45R6kUEG6QBc<IW-a4awUQb%q$M{Sqs}OW#{=)S
zl>KlylB7(pB7|#6ku;w4;?VOBP0(R+Yh%b6ybl?wr0lE#qM%1NgCVEt9D<c(b-Zt+
zjIlZBbrnv^XDU+n#3}*ULf+8{JHy!_0OFC3^0Q{PYAR2W=WZTQJM)mco~0VP%Bhk~
zygq}MR+r^}+;}U6eo^{~zpSe(=lo!K6ihsKeH_d6N9ad3DtB0U03+{MP2l}$$@W!~
zz3p|Q?Td{S))nE7^QK*MJs_}`YdKfLoGoL2B55p+6<B6`fB&|b2y<CW-z67xEn+#R
z+R`*|%4Ot{AzE=x!gGb&J=H)-;I2GTxrDsXfQi*91jx615Q&z|S7^&lrL^SnHP3Te
zzT36)K_rN0!^!ea<})A9o;(IJ3-2E<^*#UmWgKmDH=C`oWbTeYrYaK>W?tt`uU9=X
zX$us`rhTd~;?M*mYIw9{U3(x#2S?YvyO365@@fIfAS~t=I?A6){+}y_awY1Y<htAT
zgzz1DRGvN@_7X6I2dcX71=}w};g>^r!nG!nrai7_8G<hqdPE|Tqj*5z&k94R$2dLT
zPzPVnO^9XS)4oMP!;%_|qgFfcnx9V}B2>hQknA9)^WFcYJkfrC?)00oa54=>rpaa8
zhrk4d?T~s*Cl;cZV#4rHX}*Zc$n~^a9V3Q!uUy(xcCX+`Oj#eE(tt$vP{YDHU;-pp
z64O;C%9+jY&0Uf5`5F?$Vu+P325C!@jX<a~{mB~yp3CY4($}n%I~W8sV6ep#qLBOk
z%=IM0j*zz+xj&VJ`n;V5I9wg*SO(T>eDqD_v?e)#V&FN(7cK+fo#x2#jSrGGrHdO=
zUUB>5GRUMrtZ{U?K-vxYW>}fW9kB2AVfD-A1`&i(*y;1b$*0k=m{gAKliVv@mWQy|
z(~KtjZ8ND0(U&K;C#O@~fuE8GU&`%u(%#bLrl4x(RV-Z&AoK{SdU2c>px=PC*Q_{-
z@@T*{aqb%()Vupb>3c?EtL4iP!>v<Yja83e=+&TRK+@(4LDvcOeuet()pYlr3A3`)
zW!HtvK9Se=A)J}u$^KS{-yNUq{_e~sZx^j4loXFj$S+^-dtQA=qP^P;L{AR<D8}8H
z1@scQ+Gy$US(!b^u4sTnjfu9!DC@GKq9O$|gEyx@aPS3W*H)9~7d`#7ue=kX3Z&}i
zr{Kh`XqJKU?gwA7jsQvZwrjhL<MS5Xa23_pKNIh#yDJL@_ZQcJHL~nk8x`_nnS_oa
zp8+2m7CS>V%7uU!xWm$6kw=?L?IA)^fvgz!S2&bgsJYT&M{t<EoN|?_2$riwmWUG#
z<$CDR)cD+p_zBN~EM`wo|8gbiHJ&Bm!1IySB2XA%9zGZ&Tg;n}Ry%sp#|w!Lfod)L
zfzAvSq&9-%9{luoqc{J<V!J0dUPaAjvf^irPjVBV)h%6nx_G*Hrp=K;S5^*Vw<nS<
zU^t9qEU9^M5WScMisG(wA))c|sS44W-a4FTW3Lbr+T32TJ#HvP{UP2bUW2r%OwPs)
zZ}BduO~HpgW89M%q2!{>LHu$AhjR@!1hULKG8^7m%qZN?2*rjrk-ZO7WYckvQ(w8A
zO?kVA8vX9@=66{Bl3WMR`noR-^=u5>P3Kh!z@);%bxO_V?o=pw{%UA;dx2>DEj=$x
z4b=*dD)E={DXMr7@nFJc*Jy@dY{b+Q)9diG0bNb$A1X$Pl~0$1MU0iYWsHKsa}%>e
z3YZ&sb3s<ct|{Ddnat|xuoBkLN?A%m3b)frV^LEv5o?SkmLAmBRi8%WFdXMdPyG8o
zThm8tgKq6IN+DySvy%#>S-xDGceNu|{;{NPv$z9z`RZgGFvT8<Frp0(2;=0F(Nt|b
zJc$6vn^?5Gla25BH38ddy_QC5*=eRff!8U56~#pZDzsyD&_RKZ7fgyC6*e+NiE4#T
zO!<YLQRX=VuboI1Jc&f^MP3&8bn-wjn11=MeH%YRMNNDBIhSdc+jjcNXvwe5Tunwz
z$<zo8jlP|DsxKRq51XPs$H8f?<(HQ;8by|x(eaz-Y5zLnc$sCo6<}NvC14wj(Mt7%
zy+2=*C$T>F>Sn$1>g(q$qU0>He1*LHEHa*H;KB#_?g*X!5D=*^LNW`Jm*MS?zt!@g
zAH;Aq2^x~w!jyBBk$I!hJEUBSg1f4oDfBCj_7Z9HD<*X`_IJVzSF#*Xc6L^R?6K?z
z3{7>5j)%6t>9t6*Xb02_HgsG*I)R>ZdOLzW_zvL~%O(zJ!AEgUftka?U?TsM%q94h
zoXkv67>ao~qx0(PkO{Yy^&&|T)xFp>H=qa1k3)i>BH-`#z|6c!@Ej_!5W#9OWQc?S
zAw5lJ0t8RgLLYmMSXCkN7vM_zOl{>iwG*_2yF06sr{1(bUMxl_+g~V7Vo%`SumTk5
zX~TTGoKRC#OmOh?%cKf)pKf~wD9(Zy$M_#RmwYU&-}Gb4!}5mmm6B|Ti$L#9*STh1
z*Vwd~+hnCNJhQCKuq4QA)T=^G7G!M{P@&5xjhF{4S7W?kd&}_RY4D~&&1Wb71K(Yy
zpb5#9#SmvSm>8yh5D~Qd&{-B`BAg|AQa6$5H7x_LYMXP^Q<P7kV`-5z{wXRY6B?4K
z@*Z!f=w6}IC>_oQ{|aWb(==%;MRYuuN0U4F48$}gL`LyRCs{I?$WMwTQxz^~2NfBS
zcd-2QsV$Qj3%bINu1bAWEG#ky_DpP{D1~c_j}mBKn(t=<Q~iENC2JH!gyWPU2Lk!C
zld@^emb!5Ji{$jX**W5=JE-s}q67LbZ`KuiRG=|2VeiHW^za(ap@gH@w_GaX(r5AO
zjh1R|KZk+<v+J}CCTp+)IAx0%eIwCTOvSsTWM*0)%^7#MFhTm~uy&f{oxrARPrSdc
zi3!Lc1cpiF5<|>GXfaO8&B7Z~2(>ieb-a)|MDp#SyLb}$b$5PHJRQ?oPDdZXB>PU!
z(}Od%rB4kAOiv;dX*!M+ct)OOX@Gn!=$r^@SU$pgHp|&BwVb;Gz$Qv{J3H*m+74b(
z%<|78#NNXlDe~WIPB++8w}xa)SMN>NPK{;`7NPsvWw|J6>#ThykW}NyS@;W9Y8g9^
z{dXO+(mr0tNKi4^5(x!|YFxI+W%n*zdV%|^xsvVTJx*^hFg1Gjr#~WTr6r5eVDs}5
z<vQit8e3L+Bvdji-o)Jxf6w<CJx6Kcos>-R!19Vq1mG)$`q3^QdLp*tEV^7wji^;W
z>iZE{BzvOc-sfgtl87t+Y#AeldK|Y?RFXxExm<g<vgq;i{{`T+EYfHQsgPrVL6(uA
zBh}ROv=-A479p0)P!!_pSP{Bal(3SzyC5;SoRm?B+}{^-sQnwmV+ch}2=3$w;<t_N
z&HX~*etSr4O1KUB5H4Z@>5H~>V1S08S%<l(WJ@FOruYSX3x7Ny?%$7-lz*&p=lW3y
zwA6)$Y}DQx)!_Qw54K3C`+6FK3WFUlEk3~6O~w4sa>Ku`c-=G$$%Vir+dU_a+&1xd
z7!7=dsPA@M8G?v~U_79FY%g;gS{1g2_zupJ_a>xKB#jvDo~WV^icS`Qfu|7xtn#Tn
z%5hT9Ule-gVw%4u<y738k0lymFfb=@k+V1|g=LY-L3qsbqwwgM!orw&!=h@<!5>p#
zqxAK1$&`!KiKuF6<1zNt+xzREX7s0Lbo+-{`15)Hz=^lJ1GUw^8GQDZcg{~HvyNQk
z_<#lkIFA)Y!vc*Cd;M!I;Dk5}qB#Cl@$pxeWR<9(iiM^h+Y*f!cf_mMZaM)NF{=2+
zU@)Als3iGmwgb?%0z;_B2OH?K@sN+;?-(r-M6&#fuwtn|j8b(98euVVYEi)dvT9{!
zMu=s0@IQ40?f7X*@@j3?t8wLTaGLl~&-<qmzw`a^tFgiE*<NLi;!MCgpV)p@Str-b
zlYdvw3T6=|E+8A3gJvPggFt>>6bb{0eLm@TdZmhSA<qOc0|r3L5X=}D*)<$=8<A}Y
z?>yNCpKORmuX>g;I-@ZLEvhS|-~2Z*>r$e_V%gq(0fBZf8i-bg-SPY>G+g&j+0unT
zS+{LilF2hFYnSai*;0I8L>8W+CB$#Med+pBG_2eIt~^sH&aOngu&qqDu$%v_a{%7e
z{LG$<H*h_!U{Y;A{*v+pwLf8;2Ya?)v0Vj;=Teu~C0mF29`Y6fV{yWY(UMIwPq4QU
zIbPh4M@EY(#I;CM>LB-Dp8fkSr}QXC+h7O1-YXAhv1qE|m)b;3my-{tzslb+1vHc-
zLq1uUlDYar4%j1E(03G#hRZKHBIgLGSg|H!GAN{!IvO}V8Ow`e+qE#2JE!SMQ*X0@
z=l@66u!8beLUHUaoLX<~fAQiYA_G{AOOi<WbmExToiLKQ8<eOR(!m?E6L6D&@)vGI
zxN{OgfUTn`YxE?&D6bYxw4`X3)rBKI%l4r&sN0(Qzqmi<&jO~N-dNiY6U=!oOqR0p
z>Ub5X>c^r4oprQamwHWlx^$o!`dnUqsgRsLTPw;fz-BHfSfo}!5Iz)_^P$~(Ug%}O
zdg^2|%LVJCoIAt8*Dc^B&v02Q^`2n1Tj~(Kno0F(n{f29N5H5K|3pcOmQzr)=@y%<
zJ&p}}h=9R13vdX=2wthbjM@yB{HoBwb{N#XKR#I2$vGqIci)G8y+X<e>W@gkL=IU7
zXQ8RwQe5ojKWVTzsSfJ?zx@684=W4G7}vA|a<q10Cb7Kt8w7~_1uqzZF14yaEc#LZ
zuf{bPM9*wx2_YseKs7EX%(|24aHN*>ozkBSIDC^<o_*Lh^9#|^ovlO_=;!*{#FA0a
zX<-O4@Os%NBtzJ#KzpzKo!+1Z#qWEN{;5R}U7y};sO83s^0<E8h_7hMO}WQY#dT+W
zKqfd_(E~1cxZddz5<Cd{N)^oE0#0)VFU;<n)P&6+*z~*t=JYBO;UYu~3K}fP(Y$Uu
zdgV1$>KzjCmD?MgF8@1~RKfRhdBs)PLJrFsdisi%1JL}JVY+Y{Qn9iULQoQ=Jn>V%
z=k_mrwscjni6}n8$L?CpS=akE#zs<i6Ms#S%Dwpf%9m5U>-=STHXqaG@fcAB?G4;0
zgSR{p-)T;PPLu9pC5FUW^tefD{#P^jU;s)kaCiN;eNLbI;9qp|9v{nD5*?Pyl#A;c
zi3Rr%O{kBFy?E!vl;%b<nTtp?vkbU9f~tbul;&`tM>~Ben%8#Mh(gc;V9tb|e>{#5
zf2=+pHyEhI!J&}^6U}KJy6Uf~<0u4U$}3z(FhSlMk&!{AFk+Q4N-WM^!9UUToeHj6
zcfj8xc94$G)a$-J5^b*S^r|D>;I-%L7W6`oV=HDpnRk$-7{cg8cQ|{8Fh0<;MH*B>
z?wj|Q7OR?5T#4d?Bv(J0sIu)?|4R(A(|<S6+v$O*Ika3kh1tqE)|t6+*%`BQ1*zz|
z+F-}q@s5?Fa!>}tD!BCFaJ9eDW|W4)Kv!Ou<;5W^NjA{l8{>bO7K|JQ)G2#&4Qc1Q
z%bNX^6s7t3!3D`G;EN|oK6ZSl2ss7ktz^}ePGkl~g_m2&N*{jmvSlh7oIZ<2{xTnU
zO#JfUYIGA%!P;NaT|kh8I&XE5dQf2?Ot>SsP0k{W-SKyqB)wopPGAo3zBAo&&isWh
z-$q1m8);SVbkO`e{pinuD<3`>x=l1*6u!hcmP3BrwXH?Dc-Y1y3tE#G{;>%>GSFFF
z)x%Ek<$FiR&jSNWb`Fl8e@~R?vLrzbR*d)qMgJEVAU<QdXzcGM;;APm$K?tKq50R>
z=6c4)B*{;;7ymfW!_m9cqOihXgiO(r#T^<8W&IlOt9jL(XLC-OqmhmOKI|>OyU`5H
zz*uQD?9T9bSS4UW7QbF_+YS!hoRFv7M5K%!!&%G5TVXKrb0@={cSfzS_=n%4ZLZO2
z?vJVdW{lzSw2+Ge6O3+-r*A`CF)o_M;{wn0me6E0aDmfuMUNJJO9Db=NuevUdg$^O
zuw4+L5cF$}Ou?O-AEA6)$NWn(Tq-mf5Y;=oKU$zH2%p{QyK<Fy!zN|GAtDh*nK6c>
z5<H;-<B*3$%jGkE%)%t1luJ2fewn?u=Xbi(rA#wS?DqYlThn*HE!Jbf$6iI<=(XoF
zNy%N3#zG&VG;WOOL?)5g1;9iR>%*k7v?``%ukCY@A6Ao}Y;>lE5}D3=asGX(JhMd3
zAVwNlHH)Fmu`=+SxaD%rv+KjmK5#^q21ByKCZMK<m%Y$XTpUhuvCky&-ez^zIqUU4
zODgWU@AvtCNAK~_oYJBk?o^iMaf*A41@}jak`4fwX$cTE!W5E8-o4-Q(oc~U!HPHf
z3ILTOhp_kZiH;j<MfrRv^F9mOrw_?MBK@<kb{jq%{<g8*tZMnF@b-fa6EV5wOn27O
zMI6rdtgh09$4O@ZkW;K-Nb#nw80YkY$`Jr_=;YO#Qzm4VrEdqv*&08iFMQ4HiW6RU
z{(n?`g<q3>^tORWcXx*%NJ_`(?v6==BP0Z2zy#?W9THN4bR#uXdMG6&ASjH^jU2Ui
z&-46#@B4ZGf$ekO_xYZ4opW8+`HK5Y$6@&>2$qGswP$S$*`8$AKaNKf9giHZo5#-F
zZWsRhJ^uj|@PvB-*T1jNr*y!KpXy;n>M2ZGZEbDwmC*_gsuZESN2;_G#t+cXs@GME
z0HNDAj@gZPY1Cm^3qK!pULSVvph?5{NLTaYDR(lj57&>n0j^BdOnOeMH|8=sPDiD1
zhkm$>w|(A!rB_MvUxX_N5M97AoqPD8{2|LO1ulp4@ZrJJQzR&RgT3d)U(GJ$$6&4C
z88<B=y(GM}h{p7Xk4YxKK78!HUu7ijeYzbtf`>Rfjz9R{V8X_f63v4`YU)-j)x6ji
zL~3R}|184D!eSU-9y`MJ)YPI9a`d<T)6IZghdV2143ASN!zb$1a_+-2M?}dJ*+=0y
zl3}-d!O&#6GgFzvVMTq|5kX#rbAHC^xn%z3(DN(je-RvZV)78DU?5IKQaqj=2N(9U
zh*p&4>f+#i{&w+dww_~a4fetd)|fD1=Y#^&2OMSSV~3Yj4V7Bh4&FWf|F3}f5eWn#
zpPJGFpC6XNcV9AyIN}g9N+#jQ@qOds5K?kgtxQ!de*|{sjCcFPN|CZ2g3n8iO;he4
zgush7**WSyyyvZN>TWNGcPdtIg-D0+Eo_zjVaL%0N2EePeOd3$=)k+Hc{K;t*XO^)
zH@tkxL}=|yTWe|m2S{!!JWwebXdJ*%*o&<{|1yb)hLS8vvV1gvt?%@ZTfXHq_sK6t
zv^F|$1E6fraam5&|4^ci?J2@IddguRW7Pjjwf^n5BFV%%P@ca1dm-@uP|AyEoF7!g
zN-wZFpXXDDL+Ua!%eoR0ZQ`K=$5CIP<%IyI?Md=C?u|wFMLFjrPThJMK7IOFeHp~8
z?}$%~u6@nhE6tUAArW!E(+hktUA<Rd_HIHh<N4{&)eD9E@Y}QCRaVQc%)6VkqsdIK
z#6<lZWDan=h+ax$0Qf%zY(wLV7Ll5@B`Fc}`X>XruMaIK{JrfUxe90FWbq>D3a1-r
zIY+*l6Hj+xqCzRtIHK?`?QJ4yQ!_II80bD_H*5b(kcTREVR9LV${Rg1>aQAQDsmEy
zy^$A4WG$QAF(dD4f}Nr)8=KGsT!pFnTUb)6Va8P>XMd;P8Z&+3yBneTU4A%NwkZ^Q
z?=l6t%A~FAIigHas@`0{V*e*cn3;o27wM?2;jNqQ`Z<q3=bd~Frk5X>@<$B<XJ>U9
z$H`l!^j)RvhQnKrM8efJhTrU5CkX%e0vy}A;D(cqhuN|oJxB=s-SGx+e4~R}sk*a4
z8`Gw`F|Bal8XRU_J~z5a9G$;l*`#*$@atRa-G!vwyisWR8?pCY-g#p^XgR1I!vXw;
zcqa5r_m6zc#UP?gFm{wU5Z$c)<R*BW@NS{de5ha<WQGj-dbigk7zuIYbFJ;o^*2{w
zO!2+ewz_t?2|G{}oey7bsH^juSzZL_>BWBf)R||!XpLT}Wi&VFkDd1?NveiFu^(%T
zjV7a8e5jH^b9Ldqb6DPG&2^qMLUQYwbs>|aieVuT-XVRUvKaQ_mne_u;>E$(&-%Z~
z_Zx_=uhxjiJTU92Kk;LaDubV<($2zpfmo2#i3LgTrCZ#sg#SS+*l%tqgDtXg_vxI5
zhG2YK%*^o-oH0-(0Yv}DHoeolpe-@<NIW}N%-Od|)q9NhpD{R=DknK1NA5L6nCK`u
z{}Cqg6B39a!ppjpum9Ucp(8RqkkRh{l33D6j{tb{7E=nPE?`{!g)gn0W{`PRMb-U&
z$Tl9Q3onS`w%!CsCq52`%oyjWya;EWfX*h(m+F1@DC=Qjdh$ek344#Oprnq%6}NYb
zxdOzsnTJiWejYyGkxz0NpFoJ~XBN6h#3(>+^#zkE{5^}6T=>SgfA$)yuCA6gQBq(8
zPQTHU;v$|eqwF;prJ*nRjA_y}${jp*Me_6JC`BA`l*v614m#9&_zhJSIL359iq2a0
zR%c_s7q=)Y`)ec)FZpss^NMDj_oC!f5vEmkr}0L01pXrrd{kl&>jR)<Wpeor_T%F4
z-{fjUWphdCAKl_WmJN{OJ`)>36co7Uv7t&a3KkaT73Dq=cN)j8Kl(gx%D{50m~F|#
zA)w|~ZY;?-W({?=M&6*-bN&*&`!RVnGPfDkGRJDqo4(~b@cw#HxJIFfb9X9B4)`;c
zCe^3s!<c+bV~Xj#CX4HiJhS5IC4Rb`V_9SBb{geus<gR@jY|J+jFFd}9fbl#umxT`
z`42)pWA{`db{S_U73V)bUc@Pu$-7$SOK-|JU#efmy`8+c)pGn$*X`X`Xn$D=nNCF^
z<WWv+1~K6g18=-NI3W@(uODU5`&*+7s(#L!rZVdQTumj!aa_<j|C2E6RQ^dAjw30#
zWccw6Re`H#K5TSz4GOB5z}uGKDji1yyVy5Qe`I_=397pPv1S)LrY)ksjNL<$t}t|k
zhk75y5vj3jv_^gzh<(E|z+k%eg<N3D7U*cY6{r*Uh)>y8kSF+wR1uArUJ#11nPb|0
zEn(nK5|xKnp$4~OhIrFVv~(PiXc{ZMLno^22hw<>Qr)WB?<1Ffb*l}UyopVnE$ONG
zsVY(zYedKS!{At(_j!^<3@)RoXG*M7PcDR`OQFvt16pHdi!oDzowpl#!S^5}eHFbS
zh|jBh;S5esXOF|)P1Gt@7BSs)QzdK!1w_()M>fUnrcF(x7t_5UA04<b4s}3T@na!G
zY<6m3N06#LcRV_4T2JnpU{r(k$;pO}RPJ}3&gZ4MsH!w_X@>0L6=v&jRkde%l;GBT
zvLXPPHHoO89RY!=-lqgQI!W5>FV;mIj5!Qo6^q(wz`=vR&pux+sLw3T&5heLDWeN)
z@Nh%8+uAye%*-S*%0mvhgZjEI`fr8R6f{@pp66vC7aVRl3#KE+zZEZK`md_)(R2uW
zea^7nx)OJ$RYWPOm30$vM?KW1gF09gI8hg2M}5a16ZSedIBHYmf_$mJ6+J(n!Co`P
zg$vP^{5V0>7XBpCZu8M$cU(Z6Cea)9KP>$~Xd0VH=`w9rLKSq~bg)}gG0&~ld2_QL
zicac6+UxUvb$dT)0@r2^dFalTPPcvZ(I@m>d+3&ICxO8YK5zCP1Vyk1g$nF?YmbCX
z{te?nFXrwAGs@+5N<%D9WTyes^+Fmm_22B~gA_JN@lmJ<)LuCV1dH6OBqp@#Ub`3e
z_tt@8y&nT(8}0|h^rzG12S6{3%}4Ok>Ut$>A3r9Fo@;L}kYg%6Rt-x`(j{@zvR&PX
zqA^;)Zhs6ie({P6?lcZQ07La9y+U|bhqOayigH!sdPM_(CbvTK_lP=6UT$a_oE?tF
z{w+z#)&J(kaiWbUWOU5Y5P8EWm{UL1mnf1SvxPTBnPtrKC=Du?7w_PW$G3FR+HQ+B
zT2Nw8NaI&Dhj|rub1E_?j`Z_q`N;86ls?<&F;30REr=g;rx;FoJ6OCWJMoKeNVW^I
zK1uhQRP_LUCPRkKk9#YJkH&l25O~NPQ#L|N!5zq)c5VDhD_-i48Fktt-)VV0M{ahU
z9paB+I_W-jH|OUhl719`jHY-^TzVhmt0t7oLE=?$I@!*RUZ@goL1-&Ij_J;As><Ir
zlTW3u1@dLdJB_U|F1OTZ{9h$QKsaIz=!za?($*5$z@y3#TKhr?CVYlA-(4(T#|9Ay
zFM`*(2<jJt&b(#|{5i&sNr`GxB)EkGul<>5=)PsjLEQiddV0mab>gT?a`H6dv^}*o
zdh$Z42Wt<+B)Fvzzp~y~;#qzD8);;Pte>=}y$YZ}Gi%Ae)=xU^tUA57Ug7XOw%i#4
zcGQ$D!i;FRU$EYhS<mf!cQauYR&@+Lk4<#nTqbYbnt*KLd`Ko$psUq@MFl+`N%GCH
zw{9%JZ2wo$pviAD=w5c{QBs*V=_W@km*>}HAC$fKwoQvYj?B=QR$LDCOm8$Hu%rOM
zXqy2nr&m&QWTOt0DG3q3rWZfP(L_~`kc8|XzK^Oa?@lTOm3QxbnpY{e6k|x^pgw9%
zbZ98WuMaOX{9i4=+GJM11>a&xYQK$RG=J<H%|JpYF+N`#iy|E5)U+!3G|^hgi9x(%
z2{}nVYNOI*zwCvF=uw{czj|_R?MB(zQFZJEe6N=03^6|&Y4vh7i$5PV4KnS)q%D;c
zoa*H02I3|&%)Dr-8}ExOh^KKo5bX4frl($IFp=CxPd`RZj`GH7Ls`L?@)%`ZrGWsl
zvDE(BfoO%!%IMEYyy5LPGfpa-;l>*Dh!)!+ZE(A4ZskxJ%03+|%!8BhssZ620zr{@
zfWf8~On|o+J>CP-Y+M@ZMWNJz&~(u5%0#-bDxM$6R1HU0Ty5~AItM{Gn)?Q*D$Paa
z>b8-1k&6Jv@Au(BSQ2wbwU=xk+%;*K0wRZEs@@RpbomYG9y)B4WHDTR>d3F{8(jn;
zh1nFX+-79*J7NX~{8~MC+Z6LL!Km3q#vj7L?TGr@^lSc(mCtJOmf&mf0V&*qBp~E~
zHmIq`EfrOo$g1|_h-$Nrggl;wLiBlV6qHgm_w9(h-at(7_5|Ps;wE{xxA_Tb7m9>)
z%C2=rgxVe-$7!Z7Pm<ea)ZQXx1i0dU2TY!A@f+SAtL<SWL#*rAAyV*kje1J?Pb`7c
zN18@gj6r@9_c9Oj`+eAb^pUym^3eepkrpXWf1P0QEKg+jyV!Nfu+a2Bi7DdiKcN<{
z&wYsO<ceMio5Ohr#hZ|y)db$Xx>GsIRpZ=Id9GGO_r@~uBAN>)E2M%&YnR_Sp6~6V
zm<lh>ELRMj`6ZzN(dX<X+xq}ROEr!~?!>?<<aE4}8gd%<^S=1l>v-8nKbr~v+2>lw
z{qaNz4$ALsKl?cN(pSxzwTx)WR#A5T8~KyohE>IBi*$yQS@#9CU1~>>#ilSnY6BBi
z9E(KztYSKs&eET-_^E;rcU9bOfRP-{+7qq;<qJj85tDZs0{wyG@oQta+}$byj;brP
zX~Nw}YkC|_2*+2^h`pwqYeC~iC*gwJ88Q{cJhg~B-tG($ts#_?id4z$!h&upov!Be
z<@HRzKsxIgyX5Km1->~l_m3Emw)^#%l*{NA*ai^Hg##F+4SEH;AcUt93G^tD#MyLa
z3xkplAzX@!KS<B|0?-~QWJ{1CO>$)!9?dy1Jpkdys!AJ_*$P()x*4(8_G4Tz590^H
zyPLWIuv892+JQF|W>s|q5~~gKlG-d*G1lSYG5NJZMhalLjr!h@!$q*Ic^PNOfrUfn
zBFI1ygOI;g9zZy%3W7x0Ll`P1;>A-R0ckVnLV77gzfwFJz3{UW)QBSquID{~BZ=bG
z^#EGp<P;%|_<0WaOutEM2ys}UVV4_syv5EOW$TkAa-aHLf0RZCEh_`DtEK8}DK-Y6
z^LmQ1$vk?j*+D-JWsj0ZlCXBwg~WIZdo7dt&X`?V!R`K)F24V!ThITQZmsh=N0>bm
z&-(zO928C*kV1Z+I=!3tq2u}(zGO&s<E{cIXU<2EJu+lm>nh+Iz9f9eDPJ!UZ@3kR
zh@#+oCp#@~HVykc+X>guZ@wo~l5Aq`zD9RfYeJS@s9)i#!xCwF|EJKcN1RT+?X%v$
ztv85rtflOEjIZPVZV$eZFa;@YD4dvo<fyFoH|0aN6|;F<B@zdYA@2rwYP?id4q&sk
zm0QG~BK?CBCV8y85EBx<9ThNjao>@nh*LCUP5!W;ktw;aXnty;{4c@za{(ZjdbDR|
zzLHDN+Y&l5Kjed;{<;YO93sYOIpu%<n)lL=D=z3{{n1w-&X25r!*G?pH{C#Nr8mG;
z^cdd4rV*}77d_M$iYl{JH0m}srW0)vYATtjxt+)^eq*2c1W2S^H0GfhJ*e2(0Hsxl
ze#xy03hit0<vXHQu2$)C_ILphP=VDd27`R)Hwf?3ojnbbAJ0^bo4XTFs<@a7|2mp3
z9%}F;(p=F%+!uNhrYkjaTe~*|W<D&5f28+f<eJM?l_hZ3s$tCCs!PANB^|7?=&-S*
zP;sHzs!a85K*8er<YXL($+y2j@V?V?w``3&%tzx}pC1<$top#t0vHrKg<5_I-`-v5
zy1wNa4KX8O%;v((NK0K&66X9nbNQmAjs?sTG5{hjxT3&%+I>z^;4S@zxx%a_hUIub
zYNMy=w8-GcC_NZCghx)zp%R<+XN`{sCMrE`*1b(266x1<@Qluo1i5;Zwf}4wx6PbS
zH6r1Px0+_2sd$b&`nmf%eSzsTrj7e0f%jZGjME7h?fAX+D=T9MB&svW%ZnWiT}M0m
zK<~03I;1%GP@3J-bj$epmu{Z(!<O4shpiZoJ2G}^iprY;vRr60Z+BJ5xQAyqx8gIJ
zPE|lXW9RR)49SWZD{;kUq(QF$!an_4{bM%NSnk}Ygh@EN3X_J+t+;d@)gTJ?E9Pr>
z$Sxv9dyhyTna;-s+(J(J12-KH*I2LzE2vl{+tGlR-TJeE$S3G~f2F`?mwD<K$V?6&
zf|J_>g&6iFU`O|a54={jRFBeWHL3PzLBQvW2;{R?=T`LN$~sUcK2)R6seU}A$JC#*
zT5Kit?Z0||7kix3CTyo@eDf1cmu6*ksbhbiQJdW<w>B(3M?V3Qil}L`0MCu~X7K`}
zQx@8Q4aGY$<yxcr;MH@;tNL5O@`%47AYnkc6a*@^d+zchjx%)4#CtkRRnBkv?8$4D
zBz+pK;tA2f=5cF)vfK|uQTpnJOz7NSR+QCl3uKUx^Wa_5tJ7o>W^xo~?DvlMggi{#
zLGlNE28?}IW{X$1M~@jBgBJ5ne{KeC+?+!o{<z8XK%3UD-QL~F{;q%A=W8tvW<G^-
z34GIiQeBfcxAW+~>3%hyR6KcVk3?K;gpU@H2%ov|k^!(wM6qehs)5en=;m^2v}YO-
zdk!Ou1dI(I8QTM6MP>M_%oPsK47*=BzJ)%ZAWS)Gi!9{X(V^zFqdj69a$rpBSMSQ;
z(59i})22@Ym4<NmOJ527E}`Av`^`<OA~S!@ZdQtNYN32IK9U2XK#O=xiJ`3yjO_)3
z<G(vn@VgRmy!*0wt=X%$e`Idd>Th~g{A4tw`2CMs956{=YJ6nCmb}E!^lHmBf7Cm}
z=X2}oM=Tm%6FJ2(Oy$91rP39{K+0Gdd^f6THXNc0jbI!t?^x5OdDNf^8}~VvkGgme
zQdqQku+e~MKUZ2?^UFdKHHGRi?Yf8r!8eo(lix<=;Tp$tK1C9nzgRru(2UsnU6YVW
z9SQK8i~GtB$~a6cK<1_Mr&%a#D$McXOW=>icBrbBx;Ix=q6X^}xZO%ap8-;|F4OD{
z{FB16h5>O)k(a~6I_f9f9BW+VT;g}>ieJVddJGTWxqIoyuNQE&0;&=%jQte1Vj^8e
z=Rv7-1=b3yP5BPlwmkUC*)e%sAP5^(tus2lLkm53*W+f;S9gnM5AL+LSexZ`s+?aF
z&s0?$bGGXT>X{!~4x!Bu3JLW(_@qUU=E*_lcRZq}EvA5*0g%e#y$28dPA^bN(<Pkz
z$Sm)>k)W$Q*U{vNk5P({_2ky;R0xqI$mMr%fKUHY#wyJBI#1kBS8vqrZ3h+-zZ=VO
zvlm;tT+bWHJ-(XHv2CFJcL@7}j~y!~;t)ZURI`4|*PSGNX=HEl^tZ<IFg|P`J!;6)
zoL`m_*eZw4#AOy1@(rkF4hK|9a5J19@wsUcx2gbnwfTBjqKLlM`!h5Y>`mt}FfjYt
zhI^+(Mjgimk#N(0lw_eS?T0e?4zC^5NQspD8R#ebcr9$fw?vy9pQ?k(UsZTtnumux
z<lXs`A>}hV(vVgCSrVoTHsW&0?Cah4e2FeaL?^widYTr+ml(QRRCubmt7pILZw%ZG
zPkZw;lS@%jfnrcZ3(k<@PkK<meW{ZaIP;6^W@JT7I?-+VP`p)%k}sbM|2H_2G}TAf
z(sHeO^0nhY0&5afRn(rpDQ9z_kw7Xn0`b96T8@iI36ZE=P*zL3*M}M+o1kKsI6HLL
zgbk@DG4x6<fQ5JbzbpC55{}H{s93_@xT>jJc3!Wtq6VL};^^>S#%}5z-X!YVXm9q_
zW+9Q^nE;Nce#Cc3mW^72n7lRE46pz|o#p$)|7008$fmGjeE@>Y{2H)v_|R}WXK65J
zzb?-X0-nmn&4ugej>vxxBSCzGg01nIxzKKcrj!iiNV3NRpXBH~uAiiHrbmCE==7tA
zKU;)?>Mmlx8|ZayZvn<zEXXkr^^oeN6SGHQ!pyd54XY(}I=jMU8nGDa=hrqt1#10_
zU5648WRy3A+?3RE>cwCoJ=i7#ga6;?hr}E{ssFMIw+UD%OAy{m$bHo2_$i2H<3i9N
zNvFO5-~;n^)xW8P5|kbjD!+~G+JBqyfQ>8u)^ltv=)kI^;b%F11~anWfjbc3tID>Q
zl2)k}Vwd?rWV)SOB_v;%lbACuP@2+!AhC?kZWqjBY}%|6rxo<YCDs-(yc|1s(<v{t
z@{EJGRQyq=l~|dOnxZyQmv}^wa+U@l2*ImeIr5x*oC7ET{d6PFr1UKNcXPmD-re3+
zh9TWf-)B^UPZW_y`6(|hWch98zV@(`7D3MbmzU_yGeUf}VBJegSV7@ZD0)qT{Y0E2
zeyz1-Z6jm<-d4Ja$F&4L$NbRn18X$0Kp&5u`dxj{oJ+y!?NetHM|b$4%YJq7iUIit
z8B&c?y~9xw<SRAK5qw!JB$6{Azq%(U<rY&=!LF);k1E?kWOa3F+!~n3eMHr)uPc|S
zvn%u6xsDlZnd@VGoon?~b59jXhQEoVt|j(I;cJ?mDq1LHP_O-9Ls;r#{5QsWQ{g8Y
zmALGiAJ26tn&;s;IG@stK5YVf^taJJKt4U^0XpGsyo?E>$j@v-Yh>^1;j|MK%gEI0
zhB^CAjC0tQTk7e3e>&8<b5Y3MRzuz2w&x;4>--~omWp+^sM`JOHXx-b$~Nf;ewoVT
z!4#ZcF`+CiWIac!_xa;!{00v6()zrIOgM3yegxzqx3JGW*tf-ElF~Fcfy2X1C0#pD
zuJF;UFytFo++z9U*}_&*`1y!WNSWFY|7p^$g_jf?lLKo_LtoM2`600+mY?(a=+ZA#
za`ZclWR@gR^K(7y+4H~^KOI%qTKmFa^yPd{jJy~FjnIBI-v1Er<ndp=u#2>|{WLHn
z)N)|`>{-NB59>T?krT1MXx|AKl>N9xMwH)5R<W2)aVf}~t5na;*XkA*qtzXu!$O?q
zu+;Fo3X7lXb&06;-o|lo#00wY4&J$D(SnnovMx^jgr|5{zWA8+0UBzwTv70X_N9&m
z0<_%HIQmUkq`oaE9;#!-`+A_;EMHaU``l#*)AJDOBcXY`@W77wHEYi#i9pc?=c1Pe
z+@CsZQ7Q-8Td%2P)C#j^R&Y~G33lC&%G=vXcE9kK6@IRisp=&jdWffj$lu{Qesd{+
zPd~_)vTN48Nq_XZ)BR5MFQB=TujHXjl2)KzMZxFGhx6i0ybN|5_cBlHd7+ts00koF
z(J=C4E!BHbi1p{Uy(9DU7crr&<m$GNv59Z2UWr7XN1|$L6NtYiEUcF&cq~;B4H5N;
zF(#NWa`@57&Ku#dXmac~YOq-HS=dpgnd?S!+0&s{1S@L8L@^S|B}W~Ay~1Ae2AvQ+
z!aAR>mB}j+s`+rx%-G4oTK*XmQQcTb7;$fh=tj%=+O$1|q?{^Hc;i&eYz0)Pq!@I%
zj2E4;EjiXhv_o=*y$ocvFJP;%^_=yNy~X1~yeH!hSwd=J_S!ofT7O>AQV|_bbOW;P
zmOMd?VjU!UA$vBT!u7q!+v?#bsQ;MkKpb3>co8M&3{DK)7`uy6=5r_=R?KPvyXNaU
z-Q}15%Q~%g@VX>R$w<BJt81!#o0pb6-*hN7z|mbzyT7KPN!??Y9GWg+{%KY_-K?E+
zT`L`T2)Ra)@FB^!W@aH!Q_-u6h>@geEACWF;IK<RADjHme9_dNr{DOzeJV%zyrYqi
z3b1omiCb82@@HFTCQ8iEk#CsnZd`q=@{hib*M>GWr+G_^vV+Iug-n%{Ue!$zj1b-<
zm!K5lnFR-RqQ6zTFK;$;;&-zPkCyk=_tpxSwd|IaW=YV3&FfBT8G$<B3ZSos^T~4$
zR?6qTtb<66F@2bTz4u!|<`wL%FNSPi?3vg+)(Wq-!&IvW(g+JyIm3im{4K%Q-vX6(
znOa>-3r*bA2JSx@T=~h!hy)|+`SG`FlhY18b2IsXer4sk>Tg86BTZbAB<=|8cf$as
zqq(op+ab`m)LEU(aV$0P)W|+E12`T(eg@St#RC<9ZaVA09_Qv_z~|U=eNhKC{Hc=1
zJXB9gbEk|yDrv1RKaOT#xqg%!@+USgJq3Lj<Z&9jl~uvbtfxnw=R5W^;LYvTi$XI_
z^~v&%o@gca8T~wCnoj%pe+$VwVysW&dt7v2_uxI630yDL^|)C>{iKeSXNf}Lw}=80
zz5V)DGTf_%o{r9E15%_L10%DHe)7@*klMfX_=KN;7qfF9t^43)+eFE4Z;!U`k&_+7
z^t*2zIRf4iLnMzKwl#1SiEa`80E&SP$8|*x8V+Nnk%urAE@jukPlB-V>@CpQ1-aE<
z;eXrg|IxDu$z4*){5`(SQ_{UbUF>X+P4F`s9y})Da#lb2sP{F*mr5WmY1Ai7z$}@`
zO7fR|+JDb-ANwp1%A9-2Yu%zgTYa;fAizq;sy|fc6I9pNf2iJtZ~G9hj0GWqp|Q=E
z3U|!KMlew!8!J6i6BDh=M6&bU{3;l{dc4XTMp8fV%46vDREk{2<GN$ExWGHk2lu?s
z3ujjHVH)%Y5^quX$PeK<@TM(gTLWVsZPUgj*#Ad*OFbZ~`alx$1LiYnREMsd(z?+9
zd}jU)du3H<n}lSu1#XX+b-OpQxxDAOCy&^lLZkcKQ~!~=ME9|@J06iAAFn#qiG3bc
z#5;CuXYM$`{w$~`G3Co!rF->rMu!oXKI7ohYB*oeeN6@a$E8rkVKjmEt|q?scJSdL
z`}0$Z-BAyN^g@wgklX^o6YXLA1(CFvF7woTL#uu@(t?-|{jEZspMUMNHoh{f5$nRv
zB3K7lnrG5cV^pNf8SDrDx)@86Y^0-%L`|qgD-?CMEk8N^*}#6F53A&Kv#<>N77U|!
zdzg)@jegf{V0E!<$G(@>?_ODUG3%gxygAYbF4MCXKL-RF1iM2UCjTA4MZ{oHO9XjZ
zBjJ0xr<sZz0=z>?jP5=Yf7JhUK?;@q4d|4a52kiVjR4w~nwqBZTv_R|95N-5^1iL?
zG`x*T`jc_rd>8tw#O}W1ng=jfHoY)l+3Qr9NqAP=&Zll87xm{6SCQ&5&a?=MVwL!m
zoHu2H-1n_>jBmknw;!nnY@eb!i~=I@hj)hKsef`MOa*;r5r&f2J(W7+PTAY)Ds2+V
zMi{!P9`49Z8RbagH|R}PX7KMKx@GX~MbO4`Jd3l%8)4g*dhF)i9Evl~3&=_{@N+nT
z&eo0{mYB!+p+z}79xb8m@q}ju%_l0G##I;@BH_%1MpJYNn#=1+WhnRvPkj)fQ^k5X
zJo4}v0lMGqCee>jO*(>Wf=t1wH*Qz|B;fc~SeomVw{Gb1!{RuqpGG&5;~1!Ijo+&m
zdI@ukGt|M)P$7{LxR`3Bw7t(0Xq1Hh_#$~7*l2C_4Rf+T)8B4Mds<lv9}O<z&1a)2
zRnq<HrpC9&Pwu*dy~M(<O&A|v^bgw<zx$Fjx0O3mwd?sqbraEjSlUG|7V@Yw`(Vif
zE1QC2WJs6^GU#~=RWs_l5_n+9<lbrAhME7q;#=%je59@%o3#*1V@(g)QcER@YC4tt
zN1BqPB&A%UuS8d@#E#JLd^Y-te6T?{d-9n~qgb#NZFDVHY=m=+bP?s%C1tzhEPZn)
z@7m^gbis-Gtb}Jtb!i2>!|&jAAdmW%*w8TSG$-_37HUQ_-=-B4Aw$%jFE?Y)U<CLr
zj`m*h*>5WuLxBCt=WAA%Yx?KqH9i=SOVy*<yDq<^62Rp)VApuk0wH^|&0dUN*Tt9;
zFGaYw#y_&<JdwY|KHGJ!Z+ic&X{U_X!5$U6$f>t2pT$tU*N@YtKKtp)hjC1FZLhO#
z8e%Z&#cBTUfK7Y;0SxK|hGHvra6M1@!XoyK(%)!>g9JjXVdDSlR$myhzuGKW+ByBW
zO6z&zktzo;D^ovv*@snXeymfxydRtI+^b&XN1%t3=Q~K<yO<5D>ZzH^4V&W0`HSU4
zZr@>Ft(qp$L37=NS<cw;_0v^r4FiS7_Y6TDJP5!+W1RCJNPl&%d)22w@L4Yz`DHy#
zl&Y?N)r3SFwXW$OALjXokY7?%Y=L?6mG9%0I+^@m8i?UDyHsC)lMOqdo*5GAOIxZ{
zaN%NCyUa`#XLk>Xau49pLd3jh5n~|d-8sUGf4k@9XN(V^hq6)0rXhFO7k*^!$tVvU
zZ%GZ@cP1Q*+spi^UY^9yIGTRNaq&VLmFY6zKy~X+*k$^^8T`dD#|M>1{wPXc1&*v7
zO%x?}aMD_++Lc((S~_Q_(@|%EQ>f0R{L%Jm()v5!?~MxHmVo@)P?J?32wgN@@68v|
zorTSBMV~8$tpHiCU-v3})|*f?u)*y0xzBrbxMa{*77j^^4fSnG^scbb{;P~o^7+T<
zOCCj7Xj(e@kde?U<J~T${;@))9F^}5MX}H5V{sEoGRYaWpt8&|!?w`EhXX^kW%kV4
zCU`>pl}oNmbtj~j#+pDMmzSxzWO?OF9>cmA9=gRVZUY=m;sH6{a$P3Mr{#phfS{qK
z=@`0r+urqM3M9Dj9mmVq0n2xB365VmC-N4u<al$`3d$a+tw9QG4SREreiqPm-7N@c
zaC3Z5tFT)N*4JjlYE!kX>2jiVLaj9xT}S)B-X{9{MJ;A$j~%=})#25nlFJD3+tq8B
z@Lf$EJ3arlbB5KcDhWO44CXH#VISw_#KqqKn`WW0^>svq=genuMEpp=NO5Z@4t4rR
zB~ySC-bYD9I3}X$-w*d&EE{uSn2Km@hB^?f%X`yqUH!cZSX#eGCsZBPxhBs_o2Ys=
z`lx)D5)g5Mr<Er~oAx5QN9B@OI$BBtk5?wek8<=nE-6l5e|?!lO6}>LkQUUId4p|D
zPNS)wZ6Z`&wz=rnJ0wfU@i_D8t#Iw%kMjZTld>8ZUbEiMwJ$8jLnW_OGyI%hVHGcn
z=c^dK?jx9N%dU}I(P$C<x^Q>x@>;LLzhQGlgst7$Z>=@&^S`8A-B}%cJLdwxpAx_C
z`2NElWf^1nyBR0SuT}t+9*uIAr;4j@QhQ{Y@g8}dg3$SyO*jeWj-H*+8|bu?i-#jm
zCX>M;S-RU&*|l{Qt4yAgW_Y%ne&<y~hIBSIZ_~=NzGjZ5(nsro&lZlFH<P~0%d%J@
za-TLV%~GPX4Zm4Nyp4QaX7K*4g`t|7i!Q}ZR8^s=vgR>AzCl?ZK>O=YJS$;wBTknJ
zT~*1!3-d>EnQQ`jO6=?Gx8L9QH^QYf095NPM|;{#6_sm!=~pusYiW;k%7ix(YoVcE
z%MCH~yf=FrceK`Eg3+zLHRLFLM*^Qwxi~OsXJkYLrP<cP#8{htBPsErETd5>;wcZg
zLEge==P|{66HVQCF*mOJuG{uGcfXt~q7N}&8_!*nZ93;x96^vyL?Y8Q(JZJhDa$*<
zUTptllH#t}_rq3XxVdI<FL}mU(u|8BZiySX3c_7w`w%wb)&R!Jc^3>$3>ego(AU<B
zH%+8u-((1S^|5;tt69W8PF&4h9`_fBmH8sqbo0u_72f;1CSg~xD1dSZ{cu7a-A@(U
zrM7$=Qlamd`3!*iLP}3zEj>f}CM=ozL2Xm1Vj`9;&=&yC$AZrIpTvLTl*TxgX*KVF
z)KnNLv+1T1Of<iypL^&63|~e+snJi2HOutuZO5>ySk~`6MPI4L!O|O&6a7Z#Pq1U@
zhbzwmi<Zz-9034awd_)XlZB#hCBsG?2Ae&F*Cm}CCqjvcwDz27$ez}W9r}D_PaAW#
z_+kU}ZfLFHx|o}lH_NhFXBWRt?;MBM>)Gh*{HP|}>_Uiqn$HGx*G2at#(3@y;6G6x
zW)6E%G>d_T+PQ7t2~=Q04rcdqdkw~(t~yfZzqgvmxC=ke1RW69rCM=CaA%)>{#(?t
zUaZCv1&=QJ+f~r2l>xVkinVW0@#ho&`0lK`jxpbT*XV3Hl<ZN>%JmA9vGhzsbRR~Z
zSoUgL;Q&<xKE&3hJCOs(TD)#&8Sq?`M{LO6Ppi27NA$nK-API;9^@mJuM3EYyC(uT
zwn!0d#f>(%4%m+4BexbwJ8JdgjVU*~X(NxhxLQ#8?fn$U$Yow{=BdX1L_I*WaPd!D
zLXrfXgfgYEXB+CHZ}SlJk1#<Y$?z0`)pp!)E&qpPX%HDz2CL{Y+b~O|mHU;;Xb!S*
zi04XB9XhD}O3(}@N!1GQ%<>Qk9WbeahRRD0ddmu|ra!(~nZAh5Y8ci+tgno5*zGUp
zfO)upjK|ZM-QAZ8^)n2dk(98Gi*UR|<157(L?V*!Wa?b86&tX9+&0Z~ES+u#i<R?I
zx9{z)>q2|=U%MO#Z~<5MtWb${w}W%`z-vwezT~nnlCdje_#$xkigUuBetptfuy3c$
zV8{faDPQu;{5MT+y*6{UWjm;0P;EkE&&AyHH|zI4&Zf;S$nAWoozxxXR`I3OMrP>-
z-0ohdXnSsLoWlQV0Wb*OfJP<vvF(%b#E~S6p3?uDj^HWSLTvX|ycPVB`d+W>Q+SHp
zaotyb(h!|E_YIZIhs@fg??DZ-@C>u|Rto1mXfu16Ri?LHG0a|Ihy9zXfE<lt-M*zU
zTNFqW`Ey>Yn}FYpeO+|s`BH=N6|nlIRzxrg^a-UBM*6pQ>19)gKX1)=tu)O`ki`(p
z6dj@vwHYqGS;S2Va4JX6T6&=K#asQ`GdqFqDRB9h$%HwqTLtmGvr(Vvk}hejueGs+
z$};4)6*%l5)jY;=f~7Y+v-u-vdchu~qK^pD3)tQYZ<6LZNZV^0j^|PFeBXSUQhWC+
zoJp(rdDsD{bpyOAuvmd!z2Qmjy<Ee-DEkjB8SR*Tx7OQA#fpAmSgzG=E}_sLoDWVy
zT~+&f#{~aMVEJgV$SL5yR!x;hg_^)UY`>DYf^L)*HzWddH-`)xJ)d|&$f4*grDaps
z-SM<Wo<=nr#-nN+wdi~;>>@rzVT{^8;>+Mx6gQnNK7^CbN}Fyt)k-*g%yLNfZ$ftX
zE2v6F1%4wOB|TtUyf)~TjrDuAjY4&MzaPoD+qt97@ELoF?rMm13PQxzH(j(WD`L?j
z61Ar0NL(@*;(Fxv)i_5j4{&=Fe>2$&)W)=>nR}xFAv;Y3X&$2U`(cKj*n{mdw-|e*
zf>HrNEH-GnFJ8Y7J(&0*LCqm0*aVfhV}I~1rSf}=ps{I#e106>j)Y(8w#-53m^JuR
zq9ia#d4nNS4Tz-{J+>MkcC7~|FjQ9fnA%kMpL-efvf)=IFMl<0w$!m%^F)4^!rYYJ
zBL6c4oJ#!j;>eM;kApQkGa5-m8r61aAGK3OvXxW4++cUM-CZRl=P31z$`k;xz3d;)
zCgraQd_Md{jNL`fbciI?Y^FIbIf6}5b&-n05&jFpe8+YotV&1y(#hRBE1_?sgUfn5
zM7DUpXXZjL2(iaJ=BWC12)?2*S7+TZwu0%x3?dSze2$umMsgY-h`3kOmE4i4qC;pc
zJ9;zQ9&hLz^zkr@-^phQOVRfC&9qtU@>gJbd(Web+#(AlQxfIDA)teugF9N$?>ajW
zO^e2Ihq=X?ruj2>J3vNfyFIwqyMcMWb}MEkuL2z99BA}|;S{@E93uaZW~}sf+koR?
zGUykquvb*cwUt#S^OrpWu9S=K=XUv@oh~90d-hxy@O1=7+-kVuK10)MgZ5P;poK`m
zc_SO($h{fuSU%Z7L@d=;!|T@2r^D&;bC<0I&_CtARLvTVBk961nn4?}n(TE{fod@G
z%{F7pDon*l$9e;`$8U@=BDQg!Kw!m&V&HHg1`!*G9WfqalyX?}H8ytp&Y_Jl#dNRj
zvV<@E_%APFLqRWG>g3xoi+Doq=TV!U+pwoIn8R9mr~~q7tjz!s6m;-2_o5tg%Z<^r
zzIKssoG2m-uAT?gIYn*SoA;jQac!I~`rza1{D~@(Z`aK;tyMPDTPl)o-R;`j{)5_h
zv}7mY$My8)_feJW+CcaL@aJM1c^>klnAUUnALB~D?km-r{{{=#Jx>J#+nabJ{WidQ
zVh9KkuUt<}Wus0-S@>r1iMUL=y?|iph^2~>!ruAI4Q}UJoB3cbrEO+qP|_moS65wA
zJvG<w@TZEVu@dgB>8{kiJAHTWXCY|&jzM^{b0Rb5aD<fn1$LhLbH=eDYY~e4=&~Sf
zTpcPq?D<~Ye6cF6vtfyDx42is6K&{jZVs$nYam{$MN&`jhXHpxjjL}adk*VEv8ysy
zvu&GibI!i5Bv!zEKp>|FI*j5JsF=R1QzClSgV8B!G`mw>4GLRXFX)f35yX#j(WmKO
z9q*{G4+}Y%zg$A+NZf6tAAukY4@Al4?w}zQA&0x|yJ*h&JqZIv*3&EUCuPM!&Gl9k
z6tCS$g?qyTO?qWGgdU1C?*2adnC-QcekU$ytNFMnT&5DzqIm0(f4cdcG*00kG5u&#
z&fNusu-)wj1RQf78Zj|oCObG+$M&vYCRMS%GL|H8HakBYCc#wO<W4*>nUY}Zl!f2D
zUb;6IED4CIl#o<ONXV{XZ%)u3dDf<?6UT?2Cd9#;SUyRR<DFrC8eKajTR-=q>CBnm
zr$V1t0LU0*T_P~!_B+S}$dB?`J(X+3)$$qZ;CeeK!PO_Q;Pyk_YsB?OSWWFxFk{z6
z>wPkU{>F<29wuj&n4#7BhuNk-FN!3K4&KBd-r<bMe55>Eyyn<jA*Da6fDhw8T~l_w
z23Cj4e{3$we4;o5`P$mCk>h`G0KcIu=<YtJ$;Wgt&neCN({6ML^f7_@vVBynn&)7C
zwTf3PaO>-h>q!~s`8&WKEG*DX9-L5@#a^mR>2Qv=-nT*wsL_>#rOFSfs=I*%XsfVB
zRsFkl)}1CweN7=L^kMfW@2gWsvWuM~thjH4H*Y`ePei02Z_i(1CfDg#sL`-R1zO1{
zvM(iu)GAedE3-maDpNh@4_w$YIjm+T{_h8^$6oGxdu?eYLGsN>A!z&EmY6(AoK}?c
zD0NNa0<+r^Z_TS+n3h$qlY0<;9eJhVUZ8cffq?en8(}k8tIbs<l8`@d1KP0nBfWTb
zs~$cf8q-2VJR@vLWr9+H!&-%%GZV=LPb`6~q5*&yr7C;bi*n+?L$^`vP1D)$UH&X0
zzq;AY&3PRC7EITpWX^ukSROyvCyUx(n0cfEq$J*e3cudH+XMG?Y>efbc%uWu2$CUl
zH-vRzS9yl;n=w(%vo0W3ZrOJ3YKINhfNy$1Me-$WtMx7HXPm0K*#FrpvG;K)3Uu+B
z*sYl*KNYj6_vPTM)jjOIuwT4-$7<-NL#PKi0(*QPr2YAqn6b(i=@_Y@a<)D7m+<kI
zj_#wL40*A0VJqWC3Cf0^^wA{pgaZ0|KQ4IwiB_zg5Su0GUU(%%5wX;{$NhcrySUEy
zMV5A5<I8nfRT}5cUfM1p9e(mhYTeMq-)x=c9clvDT>v72ZGIKhAz%5+HK{WivO1up
zRm6->f$Pf_sJc>*$`>>|*8C*=A45W)-UWKLrYS-<f}-6C&iFyz+E!oHQhOzh>#kuE
z&rWact8W}HU=rUBdP(zSqEt2$LmQIuy<Ys0uYdUKZ4L=(lmF_P6EQl11DNW=f7@Y+
z6$(+^NTAtH2I2F$zuGKPu~h>!s?cq|^V)LalV5Fbeh**!`Qlkm!v?Ds2;!df2%;1B
zt8I9tEZcUn#6Ejue&U{vy7Me(BS$$4^#qsifowREkVh<ku6EShLG2MGJ)RhS_;-<q
zt-LFO*q%}<o$M7wnQj@qv1%KDLR98VBAbqnCa9X4(F+kpMW|C?`R-|XfOU{<O_lY!
zW<Q;A5l*7u=a#Dm>L<U){ooz9v_!Ap*Ev{f!cL9q@g3-m8Cv256AP1qL`2JFQ7WpM
z**Ah0PCM`E;wnyo0`M*fjSfAdSCZ>*aL88Q<V_2%t0qh`aO1)da~4*=VblL5rLX=c
zeAw+^gA8i|lz-Z+3gck{TofNbMyM6J6a^I3vqQb;V&@d-e;&f;LB+KeRW&nrV@#vg
z*8|5Ht6rEE#GbSf9>x!z({^9gOnS~<Z!^pPV0K~zi*ah&fFs>^me(p1f3c0=b|;o<
z0Yw)=tX;E1dvTZC4CYRj`xH@R+ft#q@kCL1+j6YI{?%RiSi+~KSoUJ%;Wsb>JAQhI
zi*3T;;#BPYyryk@M{|7B>YCYpo_j5D-?=TQuV)aO+Wlc*nvc8;0DFV+At61;TD_{E
z^=DU?&H5JxC5G-I_yh;8AU?GyQ3Aa{#c7`~!p$MmrNBLsy@s@1ch1WUuM98{B@qaK
zhcz{IoQ$*^f%%=uIoa237`LLcDRsgFEMVLZ;ry&<!AbpI6GrRD&P)=>7s#Bzoof?3
z`sA`35^3}BCNQw0Y~hmjec3HPupx{A<9I8)wYUX>Jc><T==_xf>LZ~PXw9a2zxO*>
z;g_2MO-WrbrHgTKPrh=L(%yI>d0vE*6)Dq*XYfX&1C}D0H52zd-&dYd@u|l02t+jh
z)Y*zOig#+6_`m*=53;Fp#C@yI;;A#WdZ5b4@OiH5&C+VyR|l=kN&TE?^)cGu(#t4B
zERp%wujhR=s7I^N(8RDRR%;lyV>6LgVqfOZgi7<9(*>JB%Ty4S$y95pL8%aQnFp%)
zOFDlaql33$18DQ3WSom_^N@lwjt=I`TN*JIuV8gaii2j`3RoNVy8wb?+~3&^5u#qN
zO&D+3IN|yklEQ|;Hy|%By>F)fr1X&-1^AnFu|@XVX;76NxLW{7`N#_8VoNxhb6q~u
zCM=HeT8LXF#cD)-v#-CT`<A$++GF9rMquZ1S*6R}UR%`y!xMi|)hcR^U*f(Wio*gA
zvV4i;!Oca(6>=>FpSQWye90`pmxHvw1e~rX!p$3L&4`J$a<zUZ(ZBmVyb^#tb9C-l
z)zg#?XL{Rvr{qgAEe9<k9esBdeE|jYk7fWb-MW#qJwQU8cLSg1-1bb&E1Ckphiw@E
zomKx6XZN$18?w<C@whe4FI}1!#MAHGk}YV?OHdVL3Rbw9b4)v4==@OpH2w`JtMT+%
zC}ndQls3I+O!VUQQXP4z%XxMvV|yuaPSFTyoqWliO@F5VN+Kq*k3??=zQ~DVX@SUb
zx&co^p03v4mVjHSZdBAO?cTS{-I2wY5U&DI2etyv0Xe9BEZDU=v6)-(lLO=KEdsSy
z&rVt<ubhip28+T5i-PX1CzbDM456B8`>yT2>T^bXips+>YN7%6P(?D>IbFj)Wv)S)
z(abYhtS;0lS|srj%JcHk48vePl#KIv`F=LX>XT<(tXA;kR-;9Spzjq8>}ag>dqZ4-
zeO-18d;eO+8c-i?PA}+klla%`I;|pU_fxIYLLCQaX@(Z{$Vo)C?f#4j`rKX#;)Utv
z0B%+lX-JlT3lWWXc<R?$Qn%&He>;)haLskp=1{w|u!<Vo;}XAc?m3Wgna5)%Jq~MX
zYrrPr`YRTKIuFrGZ9DMTQ{Y6N<84m!;)(vIS`%2Yb;a5b03qqUXj8O^Z=A?5E)FZ%
zf|?m%?Qn#n^JiL}fG39TUP7iT5XLS%afMT|40`ZUcLN)q#QHF=v-*!Hd==VfN1fQi
zbV`TKC?P}+NCE)7g@?KIL2dlwn*BWxAm+WfRBf7jGH;z_)|1sIPUiUV^wd2-w;d|X
zVk4H~h}xJ6+xgMov+7g|umU-|4^E}ySdVt7N5k|f70<z8c2yYmeJ@6pDD9w)9MN;T
zET5nrm*rMLk#X%TpHbXINE{s$Jhmn%+O`L)n;4gn?~u4#6i}XfyhKx&X#jS5jZHMt
zr#oCB@@dO#(FmOtrk%dC6zrCcW;N&d(5H|4sM8xDq(8O*mu_dPaBS~@U*?BBNM`Fa
z3=r9iZjRM@UiO}@uJc{Dyl@opP#ZAS-(cQ8FDR_(9Gk-Bj}BT^S17GQqV0UtR{5g$
z`RX49$CpHYIqW`6NO1{Ui;uLcFO<vUxjh4(^z9mz#SqA?7+?<&A1Ago%q0H~F!R_j
z5O`$0)6^}v_~K`uN2v-G>49HS8)X@B3Dm(Z;l}WHDN#%&TXMXRMM5aJjxV1*y3P{Q
z*5t7_d*;ILX<m}yo6%<;o*m(`*Ku~L3NyC{KUrnqo)(h5W5@xZyuxW@?@Br=oA`Nv
zjPJS*pk+s8*k?`SE&&^Ku+IM~e3RI>3}$zlSb5(5<CcH*e9Te6i_%zq_3>5FUgF(S
z4;eeU1l%W#JR(L9&MD}zoyCS;C!yLD0UruLeY5hX`DtqEnH;P5NeaefsY)WU5VX$X
z-AVD!k}Ltj^Lp=1-F&7DdQIHj|9D^Re|9<;r#(@THsWbTv8hL{L{oAO9ooladVy{{
zRE&?fKq})5FE~gcXZ7XTZc9avV$E|s?Lv5G>>J|gb<DR5IlY)-7NOj%t2VW#XM+e(
zMa!gVBdS6e`wFJKwIT$+)sWqV2zj9A-ZrUsdzTF^Gc;g>W*8=LEByM<!)f%Ko2ze9
zD4^*s_OMbA?f7S@Y32e3yNIHi(o!NM7Ynp~%@;cpJ&+?K_wX{41BkL%P@vj{_>2g*
zhwn(#F`?9o<gMpY9O9^2P)0)`6IA_*;uwOu;=rdTZGG?9n?MfkzZpD15Sk{anyqDO
zv+>-DXqBveG^Y~Q=-;}&rMLyr6Yeo2BWD_ZQbbRkm6cNTFQ=`Bb?uk&srFiYfck!f
z5b}@DEwm9N1(wY_M};*c`=^y<6_IIiXcw>CC!$}?H=H_icd=!3i$>U}nIzrw=nEwo
zZC%}Ir`hdG3XO|vL>bMU52pBxko`#a*_$q|Pz;>!W<s?g8-{fm)1r?B9zl|8GUqR&
zH^V=nuy(boBB<O_QT+&M8h4<ZEtq}e6GI>@a}nb>pi_mhLbY9JYr^Vvh<v?fmcXKj
z<dVJ&8H7T|irAHXHj+kAC(WlJ&3ERuk)50UVFS~8!_hlIbV*yo%(XD+fZA%q7A&ER
zz~W{ckWX#zmDPv&a=<Drhs&wY`LB%Ec1Iqv_9uqwA8sd0qQ1MY^mMXOai++oj3!~_
z`O=x}C$N7=5qxa9F?ygGW;DQ{GIwuIJ!Iqqb-z;1&je3%RzOU<5GYvz6lz7kcsx4~
zf8EZEof#zEINr`%TB_BPkwh;pWUST#7+$KBG)?Em9RGB3#BTuHk|vwE=lDE>clZm7
zhyUK`lfVtg)h+1+>V}(tCa%w5B0slJTNNM8mbj=3)g#ymX$^{L)!M3>L{!yUU5?LL
z5JB{$KGgD9Bf=~YV=_}&VBq>EVv|m{)1zsh?sLm`?aNpfpV4?*!@}Yow#7xIwF%LH
zg)+eh!s2%&TY*)-D-<ZN0Y|>{Dufa3@?fa}oFe+V?m+7O(EnjC69i&tG*@i?$rkkg
zkR~zJ7laAZRawK6DXG8ZiRjxM7c2*PRQ;lQBoSSPNnjB_)l8=vC66+V70^RnM$%HI
zn54)<_=I0gTg<0=NaHAJo87A)1Ur0g7_bUVA}*0!A@EQW(_(uycyBx(VqNro$#F<$
z`)&_AxBR_QbPD7}5Yb}^`$2>aKxKlHxvLaOi=K{!&TG#tat_4a$%DKt(SS^<be}Ed
zlD3Y8%Zv6K!Sz-Fknq(r!})Lzn-Z|tsp|M{U&Af4uDI)urImSa+el6*$0U}kJ@~vq
z!y}IMMhoEm7{PA-ETCVvzkM0|kA47`?m^)(;AmJ<I({nk4=trv(6`pV!ti`P?(^r&
zgtcStgAyQKeM;tObrHi;32XjlcD{-cQu<``BJ-|hEUdTt%>#P%@{xs;O%l~8hiL8m
zySrNC^d&8aSFLhM6CVFb1$_QsBAxYW1x`!B6_rzzI=xy?M`D-7$}xiD|EUHVs<*uz
zO#XkkI`4S4<L}?s-Xs(;W7X&)wfCk)(Q0d}RiidVh*3L;Rc(zLRc+DQd(W6vp<2|4
z6;c%vGq#(4f4_Tw_ujwqM?Rm&Cwad=@Ao<9b<X>FMwA6=UtDVMjmC$@Vv_x=y^m+D
zKbT%NgoUU5^}wn8Jf9B#xfy#f)y-S&5iMub&=fbyDJY>u61Bq@GOF%nk(^c0r`6R(
z!nT$$k~`9IJFE8aWENcEt^I6k8a3e<nm|HS@3WI9$a~)HHB!ob$B@JqzTJY$fgG+$
z;=iu9@cwhONLkNBNH@)p9BM!%0TJP0I;(V3@dLXTtl}b1mpt|_YF46t06GL3y)*Xh
zmU{9F(CBWm#F}MN8_4v@@2!y|L%z6wQgbflb-ms{FaaGc=kJlq7bmj-e#g@I_3EXc
zS-Z0C!n@joRkN}}GWz>7?lCIPv4)ow6Dg>E3`30rHYZ=1BhtO@V7~g}bHQUvkF@$v
z<3|Y?Ya7Fy%Oa9!I6<^3y4Y009qq5rvRGQ`c$Bgf>2GR;95TLX=$f%o8TtwK*#;(Q
zOy<gxoXDEnsU1g-qSAVW!FDwtF4{<&A1^5*p6D0LSS@E%`+6QgXU`<~^{R)Hc93ud
zPs?q#hnNa2?_iCs%J+P%UPulh%i60OTBOr?thvl2)%krqg8I~!L-YMJYYM}r;*#CK
z1;I~GR_Ay~z7aSVrkVj3Qriy>E%+P4pPOcRlrWE93+<q&3@{uDpX56ZZP%jw+!<_;
zQ8oAU4|>`o&Ymn<gG8b5Fcv)a$G<RFbGG!!tQ;bRU8u(4v0+D#!ix@NkE*Kk{ChL8
zOC_q&H#>{4wu;l}PK(q0QU$Ho3V3Qho6bB{=^#??8Qlp`@Wv-27lhK@=!a(={~>+l
z{QIxYsUFqljz+(2OUrqA1mmj4$J!U3F>no%xSFzra(}KnrWFnklg<EAvxI8;a#@4W
z*-O)N3QaWv6PM{4E)qUJ5m1|b=C~}#ZJnQ~abjwG%+2XldY8xGP2n^9->^Y$ZQBem
zeT;<568kGjN~XW#%Mw~omaP^pD~Gab-!^And{becFFylZ*k<_Pb<cmtUx_;*l~2pw
z6J7l>eWbOwI31z0uP0{6RNoLuTPBKrtS>+lb#9_I>^xu?JpbTo4qX+DFO!QYnS=e-
z=D%|gOG8>DyDsdZLZjoOrK9^)uDolF`0Qy#`SyN?^0f0ojdEZhmOBfq_g>i|2+KWq
zIn>jYxA|BR`!IO+*Wzy5q)XR79C$A+4u%0TOaBf)sp<;m9(|UF<UmN(^2u)x{weCd
z&LrsOKn5fg%|Kcj{|6uU@A+^odwe*t#&rPQpUgn~`XO4>Hjw?2CjwWaf0Y`|MY??G
zA3>v#{lAaL|Ide%J#Z#`+SbSg2gB7wdzF`daTIbA8bVMpP<uwUJCH6U;VVgjB3DF2
z!+$LG|J+J)d&$WEozWjgP<(sKE-L-}IV%cr60&#l{@Lwb(hodgCGFcMtX^6Fp_Km@
zit4{_SJkq|N=6PVN;6m3SXLK|w6-FpizCMJ_=oqCNm&>BrGJ05n~TBczsmRi?}xsA
zso@G!hCN$)I>{h;RaE-#CL0RjQ0JOu+QvzucSS`ZNQx0f$cuKb|NE~0U?tKMH3o~c
z>(Ad>XOnDgeVM>RQn?_h*lyv0zTy|s)lzp!ZirJlbDsR%|1-Y-Mq7xIR7jknB2B`u
zSOww4Nv}0Gdj^+Jg!HfP*~<V@NYpJrVh$iQ<?PWm|KId<18Ie?kZboE&2sZF^gdE`
zF<Qxapd9!``!7k1h@m7667{e~i1hyeSN?l;-^)<u%6mIkF^XK-a(jNA^hlnpS6rE5
zS)$#Bq@1Zn*S{F7OEc1$ZX1XDc$muk!T7_-h{2cga)nwYi}&*PNzAWVPWkav+qR8A
z#V+IJIg_B6p0npZJ|(GR#$UdC`7n}HB>grfaMa4mY9sL(YP=`re*GWhs$1_-&7<Yj
zC%e9l^^HG%tle<Kqt9RT`t7-&yxtYBw&0wboeR17<?9y%Zxa&+=D36A;^LS>MGKFw
zC%zpEjZR_}5f{4La-N`D*}*a?T(Y$#eQVSI92rUB@%kVyR+nh!_i=WzY@(#G|Bg)T
zn7>nnCJk|GGHK=(biDyK)ARFMUkf6m3TzH<-Y=BPu?w6Cxz@mKK)g7oar0SKd+zOC
zwA>dzkqs#>b3hV|R>QtE^6f7bn~ak{XKojHmM<<8U0;iA-W9KR{I$1Fa58zgdO>02
zm=`c0ArrX!QFE>#CV_cEJ2K?el+V1@;8<aw-p)`4Q%s|}cG0q7ft@jnYGbTbuC@Er
z=*E7lc~{=w=N<`K)3AAcP#=$+SJ5Kck0q-8-JK92(n(i#)k@Alule>j7tlp*8AqhA
z5`NTdqcmp{X5%Blj+^aB*tR|suew*~VpMEy_rhBuiz)XGwDDG?x9lxT(jR<xCvi++
zO(a*wPphiwa=b`1)N}Zb)$S<0C={i5epPAjXWV}i9W_D#3eEo4GPx8A8fLx*{rHG+
zo66l;O=c%9lHQ*8Y5%<FG%`GcpK1Mjq;al7L4jRO(#2V~u#C^x&6BU+B#X{zSZY3~
zMc}gAKl7^m)VX1<Zi1??`{qnJ#EAQ|V{HDIJq2WE!m!SNUyLu3k*Ny&HsJgu<=w^@
zY`bJ2d}i22qbmGYfB3{NGC>NFffarJ5)z8-lhZoieQaTPXrcJeg{`yCx8`Q9%yi+e
z<oo^A$_;<yt@ZVsgnI&Cv}aG1+v+o<smI#|t(VE%mU`NHW3lR+uKikWL%sj6y`N~b
zX4X@G;G*kcgX6)T&F8w}OuK-M{zvLJi5D=JwdbvysN^ydx@-M=&i$$`96Kq9RG3)u
zs}G!GKAAv8e&=V)6f=GwY!~n>(cG1@@8q~Qd2=JHt1Vei4)NaH4tkrf$=*BbZ@4?r
zt`*x!<9<X4RoZB#l7UT)zN$=U>fQ>zNDRVzeQePO>-u!A)V`|Zxf#a{Rx?UdKVZBS
zu}_z)7=GRMs8)KTlxs4y<5=K8lc08jeE5X~JPJT5rPu`xl-(r89q_mxkNm>5#JdX6
zdi|rlb$9D5b^rLp>r%UUIF~F}9W-(^_r<|4BR7G__<w0Hd;9<Fcc6sY267!Fi8XB~
zRgN7~OIjGgcj7gbLZ^%_nw&TMgWg0O+>jilJDxfI;r(Q6%4^;zfkmDzNNkJ2d7!%0
zDi`8)JwI@ExLjq#@Ghd`^l&n9@O#NLQ8Hxlf7b$Z{#|>vIjK=a+ZHXw&CIKEmu(=e
zcxQFsuxt}*z7ulTBD+smHFP5u=(XbBaNc=P^pu3Jb)aGu)(H)KT$#lpOz7@Qo6P+7
zmQ9Ph5;kb<_M%($yfcBn_}aI(W**i&9r*ldQ|&%@-iQ>9yeC>KA(y!hLc<x%A|??&
zKn6>PrKFs?ts~rJ9Oh?!NRElS-$R(&5bh{lWQW*(;pF#L?_857ty8}dEv3_a-D|dm
z+K!`YN$9gsQUpL=NopN%BJdY-`xi;e^!n@k9Hf?46>U!24pc7798=zWq2x7@xCYn=
z{8ytXDO8QG8Jv-JBH9MCzj-Jh9?I(SQ1<zwiQWIeS3^1fNj98|YE^vvq<&VX0#T1j
zzkdC6(yByWV`^>IXTXWzO=qcU!3c3HyT~-*KP|xiTqJ;3+nJ?aReR7rgP|wt+-9nk
zqFrhJ!h(M7m3J2v{FW}6q{8M6S58Bjp0QG#58e*dccmG0Vc8D@p~@}#i)h-2xU~@9
z-NeDQQ8SWlJZ$VB_H>PBek%~fG&Eo2PmgC$9FG9o%L>9yET4OMePTH~pF8GnkQ{UR
zF)^%+y!fj`K2&vu(c}5^QeI2@5p74$lFN(VRqjyLyNFCEw(E6PCg{`qpB;Ddd?+CY
zqNrgu6IE>%m0bmxq)^_EKBLxzs;6tT`!wV!$()mi*4{-OM6~szu!Yeal0ba$>yfO`
zrKL?h`F}V}&ooK)thQUh_j;5+)epzb#;yII(x{2g->pMjY2y!&bgO?x%{YFHa+$f4
z`p@zTMSpy4qJGNjAP=G(K<=#mi4GWBTChnMXlAzK@-1Gd4Wv=sMVj%d+nL#Zrz6}B
zKc@0*wq{+G&9WJd9n9sNni#WfE33<NJ8Op6NIGWM+4*k8`<<_}rsQQ(Od)3`iWM!_
zNe}%!N484@D<BVErfU|~NH_ZJad5L`RaAcYoMPShBY9K)K|p|X+aFZ6+8Y<+cOyun
zsjp>aiE^Ikk%OL69m}C?h!;J~+!NhOLVNxmp#+?eudbMyu?=>{Fy^WS(r3|lA0hD8
zv$KCnH_U$D4?i8V-S2Hp!L6s9NQu&7#W5Q%0c1GVV)X=;CR1B4ru&6TIjW9-Hxnk-
zz2@A%O>NCj6}uRfOmH3FI0P%)-IVwG{Mf_pJ=43!-5KGtXU~mv$e!-kRaD#}(cerM
zp-b-<{-_i9Wox76RG<Bzlsl=lJ3Yjg1oFs{h66S;dBrPFE`*g&Ho(g6ZtPDoC)R0u
zMveC*aC3FSw|PtH5PhZ1xJ{A`)3I*c76Cwh{rV*n`iLUaPk_4B;I;$q<!R@6>DQ!z
zRDRt(EdTcw2l^02f`u1)WDmS%%D-&$C&pL<PAKM_@_PT~>-3MQEoH9hIum8ZoI;S{
zKA**1uK8qaUX3^%dycG=(*689i8cM<h#F-VG%xdI6s}=YZag(#a;GC~mu_%3cqp^Z
z{acXMcIJez{vBXqh$$@?grSwzw#^fxAx^#?mI)ra$<I80`L4;k_{8Dh#YpdJKs@c{
zNZr?|aYM<iHDAspvYb8a=xz69ox<t%>H>U8eEf1f;mB#jmo%l@#i|uvTQV;Dca3Wm
z0w3naGEF<&d{SkrPcZG{mJ0a+Rr0>DDd0JYgPm`<n)`nk;xa24-*-3jkHCw3`24xA
z{^XdGR*>K5FqOAwlWr<%YD#Xl+Fe?V*l(jfa~F=hGUm1yfa=nqVdlm7<=k->`ktej
z$^H5c!nbqn#*-bZPRxdDNJoEY@P0X$O1uS@KJIhuT}A{Cq5Fi&r>%8XDfdnY`S+Z_
zt0?Jnay!Y&#k(}jd>`(y4ft_EPd(9%Dbss9PJ_F7Z#fx*%cp6}UM84ZTPw>VO0n}A
z7Htd_!0bBZpbq4;5aiZ&!!X-GfHx;*rN=6<QNU7WN=2oZJ}&dUT6yBTCePxe5d%9P
zQ}ZIuDX#fC>tGyW>bzCS&MCu?9)G|<ygtC~p*|HlN~HoTh;&e`n5)i7j>Z&1RCBev
zudMCo_01#e?9V?};Lc+>;rB+bjndcyLIus)RVssU^WXh}Q;DsDeW?!j<g+;aNe(qH
z<>A?e2`*=XR3oXI!6gR^BDt@Yg%$6vRtz!x+i9ErWgxAqndXz<msVPLCB9W{dqrAr
z19~y->3>-C{`Rt^u3_Gpez6xv?+l(=B=X9;$m9o4xxc_ghg|~)YDh$0#09=UowH1I
zp3}JRB6nU)gt$)3|E}{VQJwsj7CTtf3`osH9EB+)#a*OC>~#b<V;(avU+W#7eS6zg
zm<r7##cz+(wv73aO33a~X+ba<?yr6bK&{mJuAP6&G_)MHl?o;;_Rg3$2I3zH=`W+G
zeXfd!x!zQgK;6|mwI`?^V(yHIkr$`$MLl{{>rWeZh;+hEzTHx`<hZ&QFsAT^?h5EI
zZ2&Xoo@~70>@&lZkP$cIo=!#ErO8uZ)0)@eaD*fu_?Sx<HEFCCm8$H*-}Io%9^{z7
zLaAqHX#F!QiC&IgBP=iQL`cr)ty*1lW|a_lFb~mu{LAC1Goo>8reBZxBq8+6*AJPG
zq*Cu1D0y0VF(*cKQt+f(5Gb!mP?Iz6(dqqm7c0z$9^9Q<2EL?(-gr_Wm@Xz%^`SQU
z6t0s1cS@*DYsFA$AM|voaAl}hR2aSA8D{QwN75?cagz!+N4SgTf^i@F)6|9?RKsjx
zFKiz_zShJRJLk?|;@r}2C(yASvg9yZ?Z?39?Ok-pjCf4-__6*TKu2I;M0AW&;-!s{
zn_)nJN4vG5k<HJ3J)jo7J#v*QOser!B=us{P1b14&p0sx3_8|bip)zK`RTxx{j{6k
zi8|&8+tm@1(#BvHBnq2e>O9`MyvRtrf!Ld?ilA7yNKmf<q7kPbieq-l$|{QzR|oyw
zCjLwm@3sT%>lge`;X57k10jl1S&+d&1h;Ng*V!A~c^u^H*RMsJiy>a*5JngK=)ji&
zxFxH%miJdl2;FZ_0|j|7aduJ$ks+txneN!4;5GKFiHfF$oO&8YiFLpLb-b*<$x`R#
zBn8XFY#`6?BfY1ezOxOa7A2$96NbSd4yhM}k}gM^w0!lf+Yb_@G;en_JFuOH><Ak<
z6Kn=lU;0&4d~!Dv-3x~<#-!CcD24o>4E@IQG)v!6;3fm6hZHh}e1FxFQqwb=oDTz-
zLLK-oapqknv>3PB<`0+<b4m1~R`hXjH&zNH4SeGi9EJ$mM)wh=rZVWuy<~qGRem_X
zd*!+$hE@|K1W#0~OIv9mUL;&--A{NI5@CPQb#@letU!CEJW#;;DB?lOYbkyE*L}&z
zb#zZd8*zJ07O2BkU`r=zq><{}OTURP<WL{|h}}pw{$OUTq?U=iLU%Dwa=DK(#QuyI
zY2Q4>NgGRK7n1r0O}Uq!3KV~kmFuMrpu8hXw~PGYs<6*WDbNe6Mys67u-aiYZZ5?g
z-_oHhFmo-8FnG1;f=BCxI$F-U9{v?5XL~$vj`^VwK9Lv_@&+K3lzt~&DLp2I44`ab
zqWNkyXSRy&(@yp61O~Gjs##Kd&XX%qS=;TI!-#Vel?RWk&hr#yfCXIUwz_ZP_iu*Q
z{9~I&dH*}}&{V{e&AA;)w=9zEJ~`#pUd%wnJ^*t3GiNn7^FCfH==g>tX5o=|TGK)Z
z%MI<p(R}SJTYrZF!3r3?E*l-VsJeGa$-76zc)v^)vh?Xn47qaZOh-J~baNzFc3Zjo
zaSsFKPOnraCN4Cq%0`<-?L>jc({#3IUOOZ9742GWgascDMC!^?B3a+%tK_j&HPudx
zyIe$#heB;pR3a7hCW2o!DKSqqCB?H@vqj}%=J*BLvSin1SBo^a`}bz+18-!CNrA@I
zK_}_vmX`g>MMq3Xa>fmYF~xjU$tA96%79V|XDXY-B8zB?Zlc@bN0Os+6eUI{r5WzV
z#%Qt6uE&Tl>1d-rOK&5GYP-ixP*QMEUnP+DQN++u^B|&XoCe0fq12TF5?~7_Df=^K
zCX)lV1e%0iQO8FC#P-(59HVLC6GRSU$tZ;Z81exxBpf)OFmQg_qAs;!pSMiO28~;a
z3w5|^pZe0%F(wcP`cm=r)4;$v?i!hs6E6FKr!TqTKGQU5L7wNKsN!!(^;O<*?mLRE
zP2&rW?H<ijy9GH6#?9+S+MS7~Q3U;Put?*QPReDLt?5Pa3j_wf_&Yo}$(78(aqSK%
zAnmKi{eG<C4dTR&^kpXxfpHO2lh3N!Uj~=-o035S2N#I7HOV#P5Go(|6o)-$2DNxH
zUoccMY6u#7Y!Heob8Sv3&BCX|13fjC17{_~9zNEkx@CL8yX8L5d6S}#s(|J6aI569
zWvyv`owTOk4FYvgsK|5JSb&+W+5J5iKHaZRp&5Fqps@fdFY1tCXT4|F*uu;^mSq*&
zy4`qaDWLlIUM<EiAN-s}k5Q}A%3{*4^ib4N=*_6N<89|7ex5FX&+`s(3xk^sf5GxD
zS7G~0KN-{M35e#yk!jBPGMWPQ<9;tABS)r}4oPZcH!#98kpuyrbg09E=A!0X^j^2H
z3Rns?ZhQ!E^TBrZvSBKGLT!aO_x9)1&m>S~tDK{srtP@b_JKaBbNCZ!Cqx!N)Q$5l
z-Kftf8>s8Du!Bgb{A;jR|8y-@NC=x3P(4h|2*Tq0*S0ISb1TaVHZ1qPFA^$bJvwEj
z7rwTAReBVJZ1!~GnagGr<&qk<zXQr-f57po^PoK|pap*81(gAOal7BYp&q3OQ$Nis
z-n%&DspQ~j3+{W`ezI~)h#ECO5Tw{TDywrjV4BKjZRT(_XJD`ey`+l%v)j+0A}Eb!
zj=cCI9Z96b)1u?bB+B9eaEsG@r~6pGq^l5u-SY1>S5RmBbh90MG=jmBZkw#yZM*M6
ztw<0NvHv^t#`W7fU2IT9cN$DUQStZQpPRM{(;ef0-<>lJ(|DQ!X_aljcylmFxgCfK
zG0~ytYS#ux9d2LFF1nTj@od|l(uXFO@CFyDem*syS?<5XIhvS}AZK!3GqruU7XWLn
z#_yb0_0v4>An8SE0Z>LEA%W4oCf18~vt=D`iC4kYA2`u)o~G>=8B`NsIryTAAzVR5
zfl>$?TO(|1zhs*{-G8`nYO}wb-whLxl%HGls$RESir`iZt46))T9i>yJv!Cv7e}MQ
zVF!e+ukD#CNNK^I0R*=Ti^)42|I_C}0^}9iOMhYb5c2Wb^V4^#4zqBe0}9cshmQEp
zU(QVW{+6f!u(*FniAWa4_^R0tA64abxG!<>VE_1Yg&e6L`#TlC^6-Ys^tH9MlQCZK
zlE_u$_}E<&B43FjOWd7`#WF#0`<pvGX=J1NHUf@><q>@dwL17wSo&m|A8_EM-?u^a
zw)@Fg)Gh$1hUij^7@6{%Ss9?E7SMxGtAaCVX`n(<PjqtM>#{+b<-qYy`pm&5Oln68
zmvM$!DSR@$;!?dc`R^11Ulk@TOnS8)o`6iL^%%K4&BRjb%6aHGey?5p?RE(6!`gtf
zZUG@@+G>J59Z#hc_Pm{&2H?m|%#!?Id1vKVFv=B`z0$T!OBH70WK<WR^ujdqoswVs
z8a6@A6v%ORDapDO_U`92Olv|p5mavdIPeXhQg13+@W$<14RHbB!+ck6YBzBjgQ4Op
zJCqTY3$2P@dnmN+*lZY32wNDj%^{{}XJ&<J`>(N6KH!a1JLJmDV`tBK8qgc)P*_WF
zSKCM%P4^1b?W+QM<#uhuRN_+wI`N?Q@M|D05Iv}CQY@t@!PO|JCW!^we#JQde2SHo
z&Fi9XGTci_03@b2h2`n=CHikaR!JC0;h%6`V;&&RCK1CKX~l6vPFE@Q2J}7Tn%_s!
z46_+>whG47#PuYS_3uEF5!`afhh}Ey5mCx^_ry?nfok(}w6<_|kVpAmkMLkve&o>)
zX*Ef1YULC)jMQ?A9`0!82I_c^d!LRgyFd6UguLn<srklHt^lByCITOM*1|vreWr4W
zd|2hpTK)@c_tc%UisMLy_Ocr`P$;q8lgm9<yJe^x@fQL9rlgw$itTCd+|?#}Yg8la
zD4o83`8+_ShNhY~c^%=+8_jxrk$4pX;-p^bZDDBveLE!+)i)`qIe6D}+`Jqmco#b0
zl)P?f6?)gEEvRB1&t4Ebpy+Y(lW<xo0gP$Tqh0BsmR1?%&sBo#^UmMhZT7<QvuHAC
z;XfpT5DZbDA`8{zBF7MfbA9L){Iy-Cp1@H;(ILhu`8-0qwByBEQiaVy8BaI7AByf~
zi@HwulXzIkti#yO07wU&E?u14-0ePE<1JU!62_}e`5dM9G<q)Ea2}HbW75SUQDS1h
zyF0_%|5EG8ld~eqa_bzv8Fz6)FR-I|+?|mjk~{M&4c!4f;Z62q+83h%CV2Jz6fbn=
zx5a008WlWT8d352uoZUxAnIeQDCW(eEMCNspyJmljU7|wxhS}wuP~*X^_km|oXCWC
zEcj+AT@sI%xQJi5)o;~zt5oZU1rj9d=r+{1-aV~mr{fY^pSY^k60aiv_<7RhcVseP
zy<J)~g=a0Y7@&Kuh{f-i(`<ET6pw|C#6m96Yk0vyuepXn%N92k2L$W~VNBzX8sXqU
zWY+_OCch8sE*E*5)1>_Y0%$%voEzv$>PvXHm9O^vk;Q2B(fH@sTw1usCR;ju;>1XK
zAAzeU$pg*Mo&<?_mbRZba<xlL?Ko<6HGI0g8I$X^u=8n4`3161M#{}8#mq-#_%4v5
zm_vS!ZdEVg>kCTD1&EH{r)N#xW1}PoXY_8cKKkGn*{S28x1otia7_F{<B%_#+Ek~a
z-)y7z<qyLgM=2dP$kEYiUbB+^+b_s*hk|CVJ;*SPv=IIIae6;{dwuzQiYud0(32Qm
zG7t=uh?Dz~HN^^~aG-vWkcM*5rjFYa>Za@qpKO#ocPcyztxU1-UD@XX-&j_&@tE2l
zE|{bcP9Law_KdwTWH3ujbbUGx4lK7cWQFy<JdI`vQyYkhkE)IMCRbc9rgtL!4ICJB
z#;bk#Co%JFVHS3fdPN^oqfEp#sh-kRl-0X}pRRm@`8iy^IOkY|=pk}cB0Lq;DfL(f
z<oxz<7V3@APW(ehS|_)qj=tQw&BPwgSm*A<hQ2wtt>Ly$yE;JsgDmA2_4WhTHt0rD
z3Xkf1A2YzuZJq|2v{YFD;Pg=sT~mzoCfu~>kb7j8eM;}c%UC(o&INynuRQtLmqCa<
zTK<NL|C(N}=V;RYcpH=0Gc%kRm8EAdLlvMDdiFY;uwlh1DD?_#D>cU??@!;}xJz-V
zXm_>T57TaMm_0;OSY9`|SP-C>Aw*3&#KfW=$gCc=;Z7`|<L*UQMP9})DhnqtH)0E|
zrZ6z+he&%HxW%3;s<|H)vlrg(Qp~3wIE#uQUMb+9ebA%SY~CMdczB{*^eU9%^q>LX
zb@ciY?<Pb|B-cX2z*Q}RTFgQCm?0wlfFi%y>n7F6omWq9w89;3$9L?HuG%Szx*-x>
z^E{-e(QN9+=)Gk~z!>ZvE)m|N9Fv}YjR9-*1R2hSd8VPGJ=9%Hoss4Wd5Bz6MGyv0
z8JzND?F&>)ptqLUW5j42ucEXGXp9e#pAAkXlIntvU2=FSERvCsNaW`?uX8otag`p*
zU*`9f*YauHp5Ma1A(@7D7=XV8t3b0tC3q)An}cW3nU*D%PVl8by`RxIZJPfB%-kM-
zZ>{~9QDl=02LzDi_Wjx+M$xHn>Bk%LcQO(6dx&x&WZtng*$wo>JOdO9<R4nx@Om2Y
zY&h}Wg*Pww!2^0=#ustuSAq9qd3QG61_x%cyp0ef7aA8LXKKeUhJLFQaN%VNXF!*I
zO5+MJ8+EI!i;yIJ?MTiFu|nW36t7T3rP(`1>_C^aWoiYf?c4Xr4AB(x`}iq#*@sAh
z4595AoQj@YP~lKW)I0xluR<0@#LN40!Cc@FOr1rmo862rLWQ3!o-a&|@*OK=hD%J0
zs^Dr058cF(uPE*%pOhLk7Y#p^hrHKbnzNeovAtJbb4CqV$^U27_iax@UB)25akpol
zKAE;--xOcxq+Tg9`Zvq5w<H*etFGCL@6oGF(dedKkIQ&T)4T4~c1F>8ONTM&E+?vR
zRZC|zh(M5U3>@U=d_%D4&Wxoj-fZ*?2EIJwjb+m1{w~iHyVvN_$9dbrm!;Zc#CW9*
z9Pw96H^MIU`#agm{-*BgWs1UafI_wPXe5wYD)#Obc*ggH$km2Eh4+g)ldc_BsBb7W
z{>m?tP-7^leedEqm}2=ZlphdrwVcP1&Let|naEAe$FGCC?&P_8EozAM)(&>|{?lg7
z!GL3Pb?8Lly_1G4_)Z<TBP{s=c$AL}2fjF9=~PaIoOECd_S0Dr`mr+G6J19a3{!1l
zo<5P6wk;3sFE3`3c#5dy`|e%8@pbF+?4;>pk1QNEw`vI9iA|T;w(TvO*T(4CWq(GO
zlUA9~@ZuQ;*3<!>DI2_D|4Yo{d_l@tBNBGpGU#JXGle&~fev<HDB8uUhyRk~xsQBF
zgW_o0#F35y^_o3kBdo}3J}U`+68_^OJW9Sh79xDUFa;7^eoXtFc1+|XeC@Z`S!n$f
z00KY&w+XRs^D6FtQ_{71J3im%#cDk#-Skp-7&p+nm}usT>qt{4s?gFp!{HOJ`gZLu
z-M)vm*_r!f4yFV_sFv}Q2k%sMXeL57dP5#)s{xd0i#77x43GlyR3F%*nLKw$z1#?l
zhF!~10VQ2CP!mCJU%pqEhv#v}yEa0OKp{4R{TxqsclYgI{!K#E=m<Cyyl0QUz_0J!
z%2Znvmh3^Ihd_CAwz5MxmP2SBm?m(cx5BRVhh-IWY@f&PpY!&wmRUU!b-uUuAtOlx
zD>`m!z3E6@!1YGVSVnmULC01;eWS|aA^;^jXU?aiLFp(a02B^-LbOGhN;HQqej-vv
zq`cB|MELyP`NU(7v$&nBe&cU~_f0ky9Y!tMp-j!%E;q%_R9<Cwa6}_IG6ANj+y_E<
z$ayw=_~6LNc~=UwC5$-6U7o<hYlG@|)F)IR@T@^7KLmF;LW6s<I*Zu6_yg2lFnmdB
zHPhC)o2IwYi2a`Htxe4gS9<2}VE+?>ehUZTSe+Q1%Jn_MJ_=iW6p8QU15n6$F1RZP
z;Tya+xYWjKiWBrzIf@xqK|Y8^0E9NG=(RWC23V1HrC#Fvc%lCrKTj&a?`)roQx1-g
zhbS6+sJK?M8jD?G(s@kBT3^eCcpv*-o7TiCG#4Kl;PdK*?@W3WzYrj#Q~pWiuFBQ@
zz6u`61h=iBiA-+{fLtTm&_74!S8Be(vqGP<-agxzkbbEl)b|FmbJ(djWJUL5&EXi$
zSJfzIUlTbFeDo$@M91Q40Tb$W<WKB<3k?_?gjnvnI4fBOycr0%ELm({-#NkDKK=^s
zd?8#opnv<-wSmF8#mf~*TTl2@Ht~{(x?CQx`zS`OK6oSHiv*#Uw!a!T_ce=&Z)P!`
znG0(8aQgGq>f1b!yZa$g{qo+UB6`Tax}Ehh`RGqNr>zP7b##zH5OHTjke9w_DNFq{
zgP17lNSF`Rnn=z%L!bRld+Po}L1c7GzN%~0L4Y(%QnlEzJeSE5qh>E7X#Cbi(r(^U
zrOT2mNoFxOPbQ%7>rKp#sCH?o{lUfG2D`*qR}Ki_GyH+0a6D5jXJII=u|?Rp+~y!L
z!7pU(wYZj8<~0mr-f$i)G82AM({JbH`m1D91v^oHkL|33r(!uu7fz++V@9%a9FZna
zNr9iM9e@f-zxuts3uI<8k(sIIjT6u(WH3{TZAYkfp@Oso#}=)7LjZ9w;vfFNF>Ghs
zpXGaSaawI?5HP6T9X7PdEEwnK^2}wv)Khv~UNCo0DRB+od;)(-i!^@US^Fc7kuv3r
zv}>-a6sg_Z=5Yt!k|<W-)>x%Px<bZ8Lr8BA(dx-!(-R!tu-G}%GVKJXTNX$@S*RaE
z7KGhZ3lxUftp>yet;s?A6Ux{IT707+r^DEHDwW*kPC;wA&qczKf$usebQslUj^Qbz
z_29hZ{HG{sKLXsGOrWxW#eSCwrwpB02m<m5edW+ejaje``T@|i5^@Cid=H_kNt}WQ
zy4c|Us^7sn1j`Qeb2;%-@KdPgiubihjZBv>u7rrsY9Z~jUMmETEi`Ai0iD3Ya5az{
zNDT3AoIXhM-Ve?OSpd=ab{aL0Y8d=`zHA?pLOXA%n<f>F<J|G(GV4gkD`&O=#BTn*
zZS&Od)rH3eX>oy!Zzxj>_!qx2&zHW~J?AWJjOc*LhNQ(AsBwf=k{g^qdGt7h79b>m
z=8B<V_N~gbZ#p}8^L4&0VNVz;BOBkk8CXQm$K+xnX^mO4f;7)*BbSswxcgj6mnWz4
z<?l<83v-tzgH_G&ovN<L$;?-^b*I6Rd#lRy%$H~2NdF13hsY~ZMUKsFeXO6Ou)5-x
z245ECQ&f@Ml13llnwFDYr@zyDtd+--eGk7bb}TEO<OLs&x;Gv4wXGDR<c^d}6iIGu
z%(#%s%ai@lroxEJeo;JE<#|cdVz8h<E<DNsp~>x4iAX%<(@YOzBmGRz@YC3B6lt@+
z`#F*Go>`nQ?dpdU#?2T`zQ-oLiK>PM9pn=MCO12tZO`{fAp_`lUY=f4RBRpU59ry`
z=TUwh3p-m5)cVA$)gblbUKkhYv}^l2y4B|fNZM54BAJ30ni9(vBncz}je@?ZriMBb
z^5WMsG1HhZwt@KF8xz}le|!`9|933_X|SMSgaQ_Sgv?_-S*VHcElN+VpDJP1?Y-K+
zX_woqO#k53$1?I><34>XyP_>_x;k>d#@7@K1VpuonVLW0;E?`;iqpD*|5?i)F%#Ok
zo3wVT<Dg@9-tVM?7T#S!DdMQo9ZcC4AN#6WI<W|p^QKGUCgwBkHOqOt9b>H8k}6Qb
z5doI&T}UgI)nPPfwM!!n%oR8!?9=;kRKLErSxP&{SM|j|U8$muOUx!mR6E-#Ja$5Y
zz*S!hqyU@h+5^8|&*Z-uzSi?=Teq=`bG8=uvoR!jFIK=OcVBQ<EW7ZsLRM^%8biPL
z`;Ae=?o=N1_4{0*AS;l1^N*%DxMsUNzX&a33eWIEOL@mZ3g9XxCt!OkdMRciUQFLc
zI<W#EE_DH<cbm@w1&I**lxa*D)X)-}h88sJG_=P(rz<JJ>ifPD1`Myt<>ZNDYf2Ez
z-Mrtg$$+E4zGPciEC(nc608<FPoHeqch5>9D=A~O=z7T*6#6Z|<n{rw{JZRz=K@K9
zf{EKgdJjLG?^Z=XX@INuSs4CFW?D;@gMUuIU1z`fbP<=wX_xE#Pg8Um6(|#59-n{u
zX1+C3CVe}oW(+!Y(^h6$Z&CafcZ&5#I8Z`G=P(dh{1F*(FqaO85SKUjpG-Bkz-wG$
z62xT098K>KQQ%5Q?|AcN%y_1olMe2fsNS&_|Lot6$bkPgH~1((8+r8Mz7C_xs9o4e
zO{s$|A`Y7sCe8ksREM8q+D!@>@r=7uGTyH}MK{FprHQM0Ei}LLxl#N?ntSe+mn`bG
zSZetY3#hBUN9;YoSPYG}nNU2;rN2KUkd0MOSnA<n<F#9__nT+Mt4NbQl$rEulVbTw
z&ug7=k<E__DexY@ca2-S!A{;mjo-7CdM@K-29t@79|>@IL$^HHpq-J&EL1CaR=Rf~
zRXa`5vX9uvfNqiG(}o7Uj(XqY7``(LxS~}!rTsZ>d;ZrZJ8!HZG(ZtyPN+$;mQ+qe
z!s}qeH175BMK3iI;V&KZ*MRMm@P<xKAjJ+j3yqqmgl3C#PhP3=rAU;BAgSSunIgpM
zx+7+N9a_Mo0&chYgDCSB(f4TXuX{Hz=4qV_dc-1#q|{FGWe&Q|gGJgSKq%T9B7q)>
za58Pg)L@p%$~|Ra9>|Gi;H$SuAYI*ShsU2KRV)Q>{^k>j)LqqMW|?mWDwjevI<FvX
zBJ3<}x0HL4t!&J3zEA8d-3!YXFkoCP;{%~=K$d#sQ4XJK$gFNUXMxSS)}#8v<M;~x
zksj{Mte1qBZcM`Q<A7MP?Q0_+9m5<jOXqb#tDIvhYJ%v9l|<D&8=YAg!6P{9a)Vev
z4C9&5aszylI?HB>7oua@(7!h%N#rA}ULHzDF8#9OmfuD#oH8HRKp#=s321h$v%(%a
zHhdDI=9hi+SaUq&;8<*);@WIGf#c}>U1aAiG3t9B64-B$*whKyPi18lJH$coVg%~)
z(w^8=X6|R52m<v-5~l^LQr(tCKuIbwaKwK2^6;lAc>~bHQl$}h7`|Bc{yK8$2*wVf
zo$l30`=t9stf$RsV&0O!^Jg=amYf|>MH}=N{<a1Vip2;-q|d)5QogbOAj|6HJ=-{m
z7gnJnywzy_{E$(R9}x6bvH;vLdV8<?sN}-~(#wsf*bVd@o81hQ^Zz5jS>rg2M=tWO
z8_a+NAu8rQsw1dlSj^CBqN*$Eg<ee}XtM8D6}f1X1%F}s5>_iVZK^c30YC0=$&<iI
zEyRif(P;u70X%`emdYdbth>6so)IP%VD|e$nNoxPU8QONL>XY|t(%NuS1MY<T7I)(
zZ(Cs;^$zFfv<2R&TJY&Ck&*P?RWiG<&#5(fwVI3)YPoQ#b?p%3_?$Y_Px+7##UR*6
zDer`UIIiJ!k+cRKLIA=}KaFtP-wf{>kPi)W<SMwHo&9lzsH6SImD$lV!*3()uO$+<
zxbYYVmAd4CZC*!X(z}US5J(hf7b@-5bO}Rr4C(QzDZhqJ5;S?f!lQT;J^;ZT%{S`U
zMws2lw{?*kBJZuJrkAu&6R$DYW+%x+KwPFgMbc>2oT^}dfZ)Ffn&RW#U*wXq$>z)h
zR4K9VV!x+16haYM1>y6$)V*#}cYtqcr<aSn{5FPtQ29iWXk2w~`kmN`Sn^6z_30rD
z46C(d{Ue)NC8h>mNB-zKIm@(LXTy^ll(QOZjxk;@kx3m+kib4;d<2Ic^q2HG&D5OU
zKneFUZ>HHr4D1EU7^e^M#$0E5R3(5(%*VcOh=cpBJ&!tHKX@a*UBPQ&#a*s{WY-e(
z-OjpYWRHJbNEJd@IU-CRbRMGAYmn5;%{jbpPY+mpE`Hy(>2%E5*f<O(d9j&3E2*py
zz_@YY`4l=7??imH5+N+F<Lq5z8kk{Nu*53(vFxu%u%x3+<6_rwWrEp*5Ug=gP{tKu
zT}G8W>V5p?id3SuFc10>oDQA<Iv06`;Y!p+E-79!r@D9lp3AqkSgc^J-=dj!2o_CI
zU`S0yG4a|7_%tMVC!oL<t=+_Ly-k-&r@O-6Y!>(`$4vA@u}nZ$ffG$DvN7sDa3hJA
z?d<;YgIq|+$}L4h+Bl(~>0w;4+$*<w7vnzbFka91y?ycdRdbym^T+oqSEHpPm4Q}(
zJHm5szQ&EM{TViMz~8x;BBUPeevP^9yhoJyQJfGA4#}Wxz+gw;N$JRvta|D-Q`nk;
z0-2kare<Btuyx~TfQ$3@yx*Qr0|8_}sZ99J%S9>>2B${_eho6g=`nGSPpjVaWxsvn
z#vb3V%#zNAAG>#ga|U#ClCI*SCrB@oJtJuA^=99Yuu&Y+6{Bu1&oA#c@3IjCgT#}!
z2v`Z{Q37Mmm_Uhe#n@lz2>(&IgPfbaI+0l+;7~a@N?)e?$PrspK@u^}?;W+cE@~3>
zy8npIyB>{e7MPKmd4jHhZqTYoAs!>&N7FizIY9EVSe`Q)wX;cGB|uxOO&D$ZhmTC)
zlzLRyK^~`lxPzVM%Y1VLw@&JA()G=`l9DVJXU?mds|#srd#lnveyHd(BwnFYY<^<r
z4UVWC8#LNAcHBQb*xI@lv%}b{Os*a9v%1I*NVWRDvvaHi=BrNx?Z#7^Siu!09?dK8
z(p3oo1&O~A!>e8^M-y)|->el~gWdvm_U4}L|H7VMU_)lA1KScPeIo%Qv4TB$)v15F
zNFupp)d-$*G}nO?|1jd;`uk*NUUB#soEBCnEu>4#<8>WSh^A*5%{pU*R_$;9n%oTt
z2nz<Ky;Xi=(ZOTF$ha@yE`d@|KEdribpP0T*qX1lR}mhL$+o?9z42o#<yZHs#?j(?
zk)-TrVSruGTk|2%9q3DSr}lsd;)#L0aR@r%u-IHFAKvp4ASxc2^uUCc6|D}M>)72}
zP=>?aj9;a^$!O$XQ17BZ_snR~re&lf6DrA8tBD53O8INZ{1Vb-L~oq+Rj+l(y?^S1
zdK@EQ7$MM3AdwHF){;4!0qn`}9-9`)vN7!sb_I$m-T)E04NY2|mrJVsr-<>|wKTOA
zA>mD9Z$b2NgKWcvG}>!bFGcElOZvN&Kf}^Nhx5VwN<GSwb=Iv9))I;2pR7YFfuY(V
z=`PT0J$qb0_(cSPSB^tgIL9x7)q9ti;+ocQ?GoUq<niqo$anWi3Xu|}LE8N9eLYql
z>G-ay8jA7VoGvLb$1Hb@<n3g4x5ea{wu?3M_p+cAoQi%bL@VO8D8X7Ej$m*aa{-mT
zv*kC^&Zd!^KLL^i&<dUnyQ&bOr_0v-J;LovRog%9eGni}FLL*a!O*>cic>R_5ZO#`
zv+djZwgK2_yzcw20FpBQ_{lE+dQ?p>GXVTD%p&wdV=Seif${Ewoyn-)!`@k|OWRAe
zj*cYiVQe(tDhvn#DLIl2bjM2uwU)l@>8@16>dP!?b5i8w(SSU0Y7KAUQOgEv^jbFw
zBTKosuwB7X{Lv8-AdH@68euD$vq8S3Ys-G5-9tg8odcobXG745_Qf;r@`c$H?D_kL
ziLv{<RF<9pq`uhvYe=$p_Kr!rJHTZIcr9bK0}cYogRbBV{GVnlvGv8m5*v^J*A7T1
zK}vAP9&kP8uI3+_B3kF2!EAf<Xj6Inylsc;vL7Vy;fzAmWXWdZ%&@fUt+AD}VsJ)u
zLm#x4*0JP`sRZJtiq7^=+Qc5;YwIenO=W&xLe@Q=v0pr8tbLZep3tX65S?xID&adi
zDP6oF#Td(~Bf8GGDZw^4o0l^=UrN_*cBE=Ym&HIIo+t8m^@2q!1j-CBl{%p#+f^GL
z9z%SL!5ziFGVR2+btC)PIJyrO!-(4QPw;xkm%wEseEVf$29iB8`{(PQ0BaB59RvWh
zEkAX|smjloF{qX9v3=zuFNgWz#KeM|Z(Orox5}O|c+LOG$R~-_{JkJoW>5)Ynr%u{
z<mkM=)feTE&XM)@1olx@m(l;uQdA6$X*!9+$nKNRSzt9)4u4=_gF99syjFmcnl+;4
zt?hF6^x#(u7#=zI#)#9JC6SE6O1b*+^C=(nwpOzGjp5;lhyphBeU-ZN(}Tk>_4Ctx
z`bFaWSK3I>1w6V(SzX*`<TNE+S4)=}%oGwNd(BZmO2B0)BUa%4uHiuRG>w*?8J$;%
zIiJD{WIsJ?m_OsQY)jXHF;FIJ=2^#(dIb74yvGW{iS#|$v0Jkge6(FumZ?(C3@nhU
zSU6=-;@rN5N}>416Qan?{kNlhuYAL-<L3)gy*FJbT6w92nyiP{Lc9YTu=r(HjNnQ~
zlq<E}^ZDX$9N!rd0v7sQqnX*sfX({kBIk@q##d2t)1fMt?Fl)~h^}9T6)mg#Fd)>F
z_AU}?`lK}{#L<3-M2&}l-(qBzTs57rsrf1h(V$x3RUupSZ`Bj$Ej^PkXbG~Qr&1c6
zX6G2V-M8#ve>EfR<%~m+K+I+UpIUFs%`K#P*6X)%x{PXazZbCD`^Jh80|V_uRU*Fv
zu7K>37+sLG?U01HjQ@jb7)miFzDLmyC%#zJC*D`lBw@m+_QH?YKQ0g@-sXy%K}*z#
z?J=2)6(RpNo2JsMX#igw;x1>kB`pfy?~oaOj=Ua-Q$A|g`W-ps?{pQSp#Q+H4FBqm
zIpgEXI4skub5`&{>;2Aep(S~s*ay`NhKd?C#U&=(_yP(UwQ*E+9aQ);FEE+|REKLd
z=2xEzZWIm(7r0WLJUXaEBv-sH#R|zaduZ1FLUdWL`MrL8DXFIJFoiaOM`5qXLEr_7
z>G3U%n?2cyZ>I%!ca|(jHADJAG7x8l_(JI^NO62y`m3yWFvDxCu}K}LEG@u3Xf(u^
zarGGuR}9$c^A0F`Z=eE4TNo@H7r(Up?4{Ymv&$}0+NurDHpafMIb^L6{I+Ttj}Dto
z`FIx?1K?1}&SisKoTvG;a9%CH*rh3A{i?Z#sUc;6y`?s}Wpu_!e#ucKfh6;<Ygst~
zV*;`H(SG{P03-6ZBEQ0&4~?+DA00ob>{moXu@uU|%Rg=nEBIJSOG^SzQC%V5QwFK(
zT=c$svE|Ivwd8?%jzi>QwZwu>Y@&&*d+)92ix}I3?^=xVQUGIMT#|WBi%+*cJSK%+
zfZ3rY?HqTNJ_5%|IA=Qr;k7;SVqAVOY{3EEb5WdC=(SrhR@d@(vLUFUdL|f`bu-)J
zl!fmwSb5;&JMr!pm@xr8GCUR(h0s%UU)S!>{mcrZ#@ZW+p?1+1Blw9Sq8yqnR@Asq
z1<i)09)`s@wfJ;htj8v#EctQDAUV)A7;>%b_d<_9!h2v*!IWAOHvtd}ipu+LjCeEu
zprud90R4!9&jqlfLbcQUEp%`<-hq-`O2#4&W=9Bqe)b2r9L$6F*rqCQ_ctY^GEUJ?
zaO_;cv!Qv)*|q5DilwF7Le!7y-kw!xrn7X3v1;S#djAma_QZ(n`rOo_;&;sh_f!{k
zqWf^!oRRN#pv8YVgl-FJMZu#K*fAg7cjG4{NpkvZ%9S+>3P{YIith~tk{!;fcA>*}
z26R!ylk+<yMdrn0QckM%?+CiT{U}?@#vaSvSM<4cAh`BeoPO(U;MCj1*$C>(h2ZH0
z9Kn(4f{fR!oQP==GGmDl{@)5L@zj@6ddCKRf1DB!wl_S@)R<dR@wuNq#|O_J4>`$8
z)?0_c+)b(!9@sj`%F3$IRPr5X4B_v+9-z4c&fRy~9*qkLunp4HzGjsGMW^x~FDz6u
zY$@0U<H=HY@*8+^Fdh3Y&!1-wPc8AmMfa0OO@O<iv?+8HZz6iyA>JE?1+0{GT0Dew
z!HBk&b!=Q*mLgN)V^Ad-+Z4QE_hGhtkSI?fn=q4T5nq4$w9dyOz?VC$t<)Zt=D`b=
zwcDWFsFM4ud(@j(p;Ep~1O2k(Y7>mCRc@>q9fdUkOgfY!A#&y!BL2K&;O)pU%O_8^
zg$$&apRU65uJ+W-OZVhiN^04Fq&>OR9kuEoX2rIS7sAA)o=0Pao0-uHf@t|uDfNL~
z2vm;nbp5YKl$dTvocg!C7~8|ojEbqxI-vZe{^QW+7b^1>`ctn0;tGbxTg_70B`HY=
z))V=r^(Mk;Y|F1-Aw!Itu{H5UNx^yn*93Fe_LhzW=5NiOe-CHFe4-ur)eOcu-k!J4
zz|yBaTN%EW*woP#ec%wDLqVh@*Xst0zMfq>iB&xR^U3w>N3|<%yQc>xv*EIxWA7QI
zPlNcAP?K7skHN<fpM2~w%zkXfv_6`7xm&(74{>R~Hm_XvWrUTj>?&(0e@K%any0$5
z9Fx;;cH<}BIOU=}QoF$9*YYXA?>fOHDF{zh;LW>Pz;ZDv(oBX&`4}W+sjP)#p1sc0
zwtEnj^|(G*&1v1H9C8c#R8Br(U<>g@i%5g=;>KU_pzV8h+T}Occ1P$sVq!Q>cvwSS
zb<_q4DQDJwb;ywDV0Ap*I(^mn;taAB^?a!9+Dg9FQ>@1~g(J?_QE|en?*%cw#{Z&~
zG2QpOm|@>BL_7~_Gha^}QXEiGs5iMok{w^1ale=a5`Y}IJh>*=!fd8Sd3VLzDTQGN
zkEaZ)$-GSc{hvCmQDef>o+`mXVsv<W*LMr%?Hoet_SOM5pf|D8OBr{nBf%z(gM)6Q
zrpKnsN{9s7w%}%CY;c-gNU`kT^p5}s$`2ZT;0BCc>pK|1JGEspOaZ(q#w$8iQ>Q&*
z>~4sidsyl98%&Y+{3iU7HuYfuXE1j>H%eb5`SQTzayy>qmzX$dyNq$t4v$Gz&hMb=
z1=xwu+C#51ft6;o+m5=1PRUUDmq(NI#L*mup!!>+#82I5)8XC(lusLr?clp#=@I%X
z#;;*exvK@+(Q&a&Rj&2e(R$#<58={JgF%O`CaY{wG>IB(HBR#Vh}L)L)ccV1>>Ysx
zzTC}xl0_ar-|1$f-E|P)2H0u+>1pPnw!V_UqBoz_<hi(}H=37Y=5?rD^G3OyryKXd
zYrb`Iq07uHb77NWwY27aUGU{}!OxUxHk&Vg`Kjv?0rF1c5EeNy#`34<+e}2Qo*2xj
zq{`YGe{T6+D1rKe`ZKu_xi5G8)Xgw0C+F6YL8O4+l+^#Sc8>M=3e%FHL)&31P0uT;
zI<L{v^rd1^a#FpE5Fq6xjW*qV$|zFBi?)NPPZu8>XCfD=33bVBBT~|Y)6VApEjjXL
zFn+cUCB8FK_^Y!cbQVMB)Gi}_d#;%otgxSgwGnT5vi{6XqDbEVXzQ7qQ=8*nhZOB_
zM~&AsKPqmb7*?4KD%NKXFptn-Z<mC>(U0vp$jOF{NPS7v@Bq%Vhi7F)u0?DXWH|+Z
zbG`c#7+*{WZ$Ef-Rp^7m5F0h2DRSrB*MDe=TU)<ikgYMIrY{Juj6n-ON-1(gE|Hzv
z+(dd6>ZD;l_OMY&mV(=l>amOuNpdAApaw*}WffP4j>jQx+%O+_QHn%lOO=^%ijax`
z8E$|1{L`Pj|JtX{OoKbd^T>NvAm?2c$8yL+|JplSMH^<GD>E722X>pnt~T*UMd{=`
zX4QRo`)aX7?Q{A>5iT~rpU`-t9EHl^b{?V<2jAitrP8n{JHIAAynaBNl$M!Sb$Eot
z2C%SBrzMOVqHYqyZrTnv@D;@)bN}U5zok<Dx(DSLUenyBjAi!c#W=gpntkJd9dA@3
z-{<4QY>g>N21loRbmVX=0J2J|YV1d9JL(x_|14twlER%h4l}bB7&$3A=X%Ze>7j=6
zHNaTXgCGBky04C^YU|=vL<B`CDe0Ex(A^=RbhmUP-5}E4UDDlfXprub=1|hzoo{o!
ze&5ymz4!kc;|#_DcFa9%%{70&wKf;+WE)dA7ZR~l{WWE$9r5zl_ASL{uj)azCV>p)
z_p)|j@Rz}nnVoh|Pmw)1Q1J5z^(YUS@uy7=IHCPt)Mw>Dj!0gpee-+&Zd$$uh93t0
z6>gfB`CCOvDZQs3GYs5PocX26Gm5M)Y*336d|?4_&5!pOx_EbbSzEXzUw*)znc;8u
z;eBu)CBYAAwy@ChP~DF|Rh14GYfvA(Kd7ypo+z=G?Cb9SB<af$?P;1EKFj$6>uBdp
z=JvCUXOt6hyn%v#_USgHue{FoxEHF|b7W@4w&@*|gRY!{0_0LW_J*5^vY?c^@yLw#
z-t7kkk-GFZSPTcIpshFPEVOD(J6WK-H)AD=lG~#>v022jyKm*8d~mUTx&$-9C$mW!
z$ww-sPPXsY?Lo^O=+rtl7jahwk+8ECKyI70pv*o5vpp^mme#beJw3%e9~z|4W9RrT
zgbm7QDxPl><Bz6aq9y>f2xyK8er<%65{oqObmv5Y1GX&d1W!85T(dVI9JFiQ-B_gX
zvF7>%N_x<fGveF1rn!!w)*<e|O)IVx=fRF3^GLF;G0kMbMK=PVQ|YEm9xVHp-2v18
z{49EqNdXf$-}u)>>R2d&H#w<xAR=oOi2OvL5&jl2RFNQ{XG)JTqrZ>;&xwFsuPtUb
zw1p3SUV_xiuTdnGLeVu!3w?0|@|xNGc@0Q_D5xk7>LmFq5dgX1*Jl9ntx7c@Tf{)3
zj&^jlX}q((?obMjth+6;$DlB9I|EguV3EHB{EC9KL40b?ffTOlOURvUXT(Sc1l_X`
z-jM{R6ow342smyn<$5Dy0tKWq-|&};ZP0)siM>zE5c@wjERy797vE+W#}wj)W@qwf
zmE^VrW!S6_#&yP5d`b(%WDDg){_E}`5A@v(MczsDpW*$VpB@UNQU@a<H2P|gMviO-
zB5kP@c_3J7#`2!Py=&j#y{N1F%LYF!@z>8v5|4uY=6yDX-li*x?7nyXesGcOw)l_z
zF>qitW6}O|>7QRb&hS62&e^N?zvcOapWP=496jnfmbcxmDAryRYR>Ue{+Gdi8DP)*
z+bSw0XMg6>!H+lzA`lVj`>nAMz`ZJoOx4ByJeoa;*R|1EuO`m&#PEGvcpMT6sjcxd
zKvOf1%V_{M)Gyoo{E{5ZD_~}()St^~NtpfPL6}JPDgr=sGg!r(e~CT_0Oa|-jr0eD
zx$Lg&*+0a79{>2^_($?Num611>tJ4WM@Qi5cW00|AKIUi2Rukl_&)hxlJD6AsF1jN
zf6dVuM8WmW<^Aa2(m#D5XgyAs_?PtR!QW0>TY<77p)Xb^A?2^6Jjw<1a4ZoHY;ym!
zlZ`D@m1411dk`vR&^?ZLWE|29lG9o&;Np8e2_Z;-3jZwV(L9EtLg6RAjI*urIQ_rH
zhk6j^k+?eGVZQ~+A|KhJw(w#+0ce@88E3}z4$wGGEzR3MHGa<Hksuyx?xg?vbvq-0
zqkg-WX!0JA;(W{z{>m!<6vLyQRLc4=eZB7+M+Uf*F8lbWZwUbrE>P|L=kxh}<3jla
zS{9Cji~gW(gv_9wmdPCsD0{>0VF3I6W5@)>gicdq0Q05uG(A0TFtI|*<J93$s87A}
zZT8*P$s%%?-{E3$qdv`_@|y{NUAwsqi!0L>>IV>#21g(wmq$b(rfTemw;urH?zYkG
z4S*^CBS3)fHpWon>qEW;@oKa*Ax4GM6$bSN!t>>Npi{-1XTF~WgPs`_G0FZZ<pv$p
z_<}2XvA$JfCULf<F4sv|Am$vNJ0~FG*y%$&UYQhP2K;_2Ki(VyDc3!<+yuCfq@V!I
z_|Y8Ip;(RbJxT6qqqQ^-8~BIFY*SYRS|Pt_#p785FTQ@*qsrn+MpCqR*_=89;X8(*
zb|9<P;R5HVTYO+5`u!B3nPLGe=YDNglOQ@*WdaJWhh&P<=$|;;T>>deb`mgD#&%(r
zKH;BQJg0t)&M@x=c^a(L5fpT|%+(LgC$QUs52WrEC4&K(-+hZ0x>H+F=NA`X?*){+
z!H^Hi=ZWa(4#u^hG97^wOxh+xOE@?XPKLxe86fNVdY#eOAF)n2oCPPB%!Y!@aM153
z-Tw}csn<Iw#SgQmM?GQ4lby{U17WMzWd7l-VG=mTIAyiiq<GR_NgaXWaXWnLdql>q
z-aehyFlLvU7nl#T)+Je49d_a5J%ooi3bp<I_FsYFK`Lc?Ws}QDIsTr4LR&kW*~XBy
zpO}D%C|hSN&-#H2T{|g~@pql|51aVmFKTxNLw`L5jF{&M<K6ZixxBpnnEL^V<JM^4
zczJsit>S!~+z0+B8~zd}LcjUO(H)EPZ3m4;epU5+ttnRZ>#EECiV9@2%ksUmqhqd_
z8<o00oaLLR(ATZ8yiZ0GSG~P)q^aMV-2q!_OGv!$%9ULw1ng&BBvKH(_I*{w`F6Jt
z?530U5-URgeii+RY4_r54!82}cZZry6|y-x&fWXAypg0f70s7@Zp>esBerHK#c=?J
z=|5BMCk~I^NV2x^_ge+|+Wb-9t1SRs<T;<mg-GWN@&QBQx{|K~o{+L*vKhp3V8V>5
ze7-SaceCqQy}d?3!9dfLw(4bKpz3YHhy<&pi;wGmM+(|xr{h_E{`PMFv@t*gF?n*G
zqtx8ggNC=ziEf7e#lGpCnVDxYo2p)Hv0Am8t8AhB0<rk}ovY(L=nYj1*j|BYCn{Ug
zUycn#!RJ6szBth!ZDFetjURN8nJHX&hHmG5D<s;pw3N2!%ch2O%Xrk>cWZEj?r!Kg
zW+McC=w{SfW0Nd3TE{J0{LAj=o6*{V=xbA%hnort8Wtj<@-y+)@-b1bEr@)wXL6B@
zs1pQ4?28LbN<DokcUCsT@;UW&>t5m|Y-xA+P?LZyt^Em9Z2R7o=HLxgkVn?po`l)D
z{*v%77XeZOKvnbtf<RHRi!mhg=B6|*d^Sh&!E9X*U3}22?KmmyBDvL~RxJ+Oj0^Zj
z<q32m9Zj1L{QIh4RdLg~&M<pXF|me$)JVNPwDp<QzA6Bn*M`(L_j56<4Gfl(;q@K6
z`LU_(&s4GB-!pt)rlzD!8+H67CqEAHO?^ERLR)gliat10CbFid>ZH=(dSIDmc9%{}
zr2wj~ttj8?!OBQapRZMGp4aN>u@p8(xhnvsO2hK7-M2Xfg_&zVhqF%xP|;nXz7L}k
za3T?imR2s|6euLKG<gX2ynys=(<<Z`=4(^6SQm)IVebon#!*!{=8(w2L9F0n`*oK4
zBKMnE$@uheOCH!%wD=`flJN?Ra(&v=*^WRvT_O($Bt;Du085`uSTvEl^~WU`h0+dG
zna?37)Z5hGaU+7j`_Dnjul+DK55fCdwXRJ~Q#5LYho6u;-AhtPRpD4>WVAavCW}IS
z30J2NKAy*(i`CPF(fpkB{q*eNJUF1-AnMOd%O=e(Bh@$Xwbsvkg^e)^+8X1280`@Z
z)JcS)fMrH9vdd=kg;c6%hQ+Ck<>m9n#@p0HTm(D*!-aljdF>PP2a9o_qC~DT#{DK_
z5ELl8F1tlWc8Qu~b)Jh9Y-$3ql)?>&h_%}to)sj*&XPQ46PYDp#rY*n8A>jv9hKTZ
zW*V3|`w2>&?F--d%vYGm4}yRn1fgDd#lg{ejYVlLM~0c8?|xqW#MCcVsi;gI4}GSk
zq;KaWexg8%-p!Qd`cm_>%HxU5p3z`9p|Dy5<~-66_lOO6(F?l5%Pafk`7^%u8nQ*{
zS22DgGlI6<NE`jonJG4F<0Df)%YqpnAdEZ=gn=+}QBeVc-0b22j2Soh1_emZppSL;
z>~neTTRb<%_C*w0yav4Ya?Yo#8Y!VaG*kdS+eMeaD8sI|!BHaD>So0_*kp)_lD4F}
z$u+`kYX!b<NIc+;M7geX2+mDitAJFoMo}5%)5+T#wrT%~0)q&$M+1Ey00t$!sT7fP
zc46V*E4-o;_oq**guf5;_d^f$@wtTnX~kSz_iDG+7}8bsyhJq=SCrWiN=LjhqpN^Z
zQN&U-dBBl%H2XtHO4zZ)4`PGnm&x^CH|kDz!gYb|P<#?sO%I1JuHJdyXIP25x*Ddm
z`DD&qlx=bkeZ^r@*@P1$Z&sCZn6uU<Ch1@s>NihwE9~<7kr(42z)C?=Y#l--A+IcI
zROI|^#a<E&EWqgzIgFA1Z4B@jeD`%}W8@Q4q|Y`%;@4WV)FkZZ433*5;&^Q3wR=~t
zScn_^z?*s_3HL(*P(A2?X**!2+Pz`exLQ_0A$=e|T1S$q&qQ7_2;d3BVz_I_YcVms
zWY$Gw109)Oghk~NcD7zlgWY8P*If<sPrD_{NnTi+8he#~x=0kewlND&zNT^VS&mv^
zRi&eap!E-c?(B!@jwTB!!Q!zdLC1tAYIQOu5POYdV+z=(r6yvJ>LUHhOeEviZ+O4*
ze*VF!Ba(BSHRPtKlUhh#uG2-?>d!;8o){f(*cZDtv*M2#BbXIAKms;0@n1(Z%I7*3
zv`43ZcT#ID8DCUyxodda^MOBo#QAj4s0vG-4EY}eBcjJ!Xo{xG&PeyA<PoXKlj=_^
zX_o%}K&n0g>9kkjz}XNWW#Hs(%9sf+nsb3>RNDPWwc6)$aUh6eWlYw~ZY@cs&bk^B
ztUN-1t2Mpi*XpI*nhW%tKqC|u(rauy|LC!MnNQWA;D<K3{id+IoQBF+%5f#0>}WPn
zcR6NCDCij7xIw#jvm&j$q_lfb>_9h9e*E-@NeE`VeqZdW^1?hzqrlA0+KB&e#lRvi
zEWSRzF1}$qh5n)sjvPY|2G1RCaj}37FoPsgklC7~fqnxJvL^34Fj_?c!YgMJ)lgr)
zMw5z(=3cFSy#>aV16{u(YafayA(gHksgjCH0}hY0QED+IST;uhhC`kgFca8P=R23p
z3S>WjF7U@exRkPzR}f&?Mud4{Ad-m%i#>iUR7(a7B*aha9`)BBwzE1>tuR@wL5yiJ
z#l6FQ4Rq^1TdkQ^6=}$>5a3t(>g!_8lM};u_noO{f$iOE<>khdH8j$>=vlg8&Jb4F
zdwN7aaYq%+)fJ8P_HI-0@bsj(=hug(B1R?G_o*S0Q#~gUciOCVIX7&92z>ahuwzFD
zwvxG`48evYdvxlsgP|I_o@&1jOyx;C9K7o0UILlIUf@GlC8kH`xF}s19D>m-Y#;tU
zzuP(Sy}Y<!kg8ZAvurZ71)NxuTOD|+L?9%HB+$z2q+3-y1bOgqx^Ag-y)E+)6KrEy
z?CbEbs)jaOvZwN4ygF}4WFt@b;>1GO=^=oM%WQL}9ehgKuj`l+jEVW2A<c248=Ztk
zB}`yBZ`G06%E3^gjQH&4Ad(QB0|Qb?9)Gq$#5O_1!-(z`#4=y29rTzMHKGDIUgvTy
zG1Vk-PKmwjw>dy%7;ndqHUf}N$8!_^xbXXa1{!@`iR779%6w-kAT_u1Z*uRVAgz89
zFBe77h83c(bgW0RL^`(BrY>VQ)XL`qhKyhgG-TEpV4CcZH!)F23wC|h%c-k9a$^dN
zCn3%(jOGq_F5u$s`~s{($$ec_FzaNb0W&~9_j9oM7(zA`lm)OAEic82e4WFFBQ2Ld
zeld6_VfSU>MNnDkMO`3bUY=!4V&p~&Mx~Nq5Z86@&hcqSr|tJq6w}KHwM2SQn~coT
z?TsH%N0u#(;i6e<GlzV*zqjWDbNs&_UJ=BHIT%x9ZqHf*hTJ(>>WNfjKPCga_LTZr
z0s!i4e2<tq_6&W#GZrtlJ<c$l;>Nk)11|wWc6KYv7-Kel<%m|PNAzQTR(YB_UkO;O
z_zgdV)C>Min6Wq#$Ol~HXL)2(<q8IOholys=qAhN*i`hOq$?s_t|?^&l4BhBK{;sm
z$Ia}bAw8jmhrheDF4qxuX90MCi2LqxhMGIDBnVm3<j|54pbUD`l>@nw_Yq+j2EnUw
zz(c2}Z-bA3{T8ekU-JtHL}7AMjSGjqXNhpK+m6wau1twrFADjsnjMaZjdH)W1!zd(
zo#VHMU2_aX+iAWkR&iI%549|MBh#Lo_9@=|DhF-GG_Ki_m-*Ro^NzujtFD--GE42D
z_)+@Z%bfZJ=CQCE%h4NiN=bOJJh!XMfdJw%rx;xWvYGEfwanHtMTElU<`K?e?-P@d
z81CwkK&)&%TrB1^WjLA|6-NP5F{|(PlemFGc?39IUoL@!Y)%&w;Ih=_mL47Ec>6dA
zOnq3XJ*>lD@p(?Wg6JQu+AlRG{d+9>@hbH@tS6&+$FESUt^rfqo#`UFqi5CZIf6k7
zHLmQ-<cOeom-TY9DLGvM-^}TS+nhUQ2dMxu?Hd>MvfI0=3CgmWv70=XG8big=T&c9
z5Rq}{7BO{?zvYc?G+8%s9vJ~Kkx!1dwTNJ%oL0BJxMXR|6Imc(9HL3WTRBoWGft99
z8ag8pVQ5-fCc9cUd~f2G*%Re@C{{ie_8UzvVJF^7#gKurIw-V<(P<Hm%%vJv4_Ht&
zgk$KdANv9$yYuF>3l;-K6tw*BiKg!PW8}{oj_Ww}4OUr9V`J@{MYAG!r*x4!j>p>E
z!Z;SdbU&>=O%`dx5NY`^%Q0q}nxKDW_VUfOsae^JNB;i$fp|TKy+k83(UeswMCnZg
zgLSrn)f!yLT$+Nq5<zD`fr)gJ%7pQlh)?Mi8^xfT>aHVquEZBukf~ulwPwV6x;Owq
zXQoDJWgWfKeUY46k(ioFK~<T*1p{#}oo$QO;!|bi=>p2`BV*c!_4oh%43ERg;qu@j
zGt4`7ZBgo+I}EAU40AD9;W}m(5EzYKzH2v>ZD4m4hpWu-la_@n%CmPn@@42!q~Q{;
z!oMNFG+}w|+#@xU2{*_2(O?L-nsoJM&m~y#37Z3J6w#Lk#Fci8DV|yZ!Jv|}SV(6P
ziGq}p2~85!U}J};*Y^TEcd__!G09F*ObB@-|2zRl6V-756?S3@t_3Z3q6JFV+!ou>
z2$>MrV1cQiab63hQ*VmMy5g3d4{{@v$3RI_yLSo7b)#Ptj-QB`N7?#)I(YuXBVRUW
zr?)qnMt@Ab9_=`+V!a>KTd~G<rqtiX*^NV@&DmYB0JlD$LI^Y3HLOupH!K<!WW85N
zMGKb@@y6iLk^sR+-MM!slF3^^Mr9q9Is3!r8ZKt-G~Av)FX50ambmG4u@v$Le#W<K
zVo#AdU$eKOJh2EIHwoC8@()9PuNUE1QPDP!*aaJT+0Z@chV?ws5g4o_`NcSFGF!cI
zyfEKnX&LZfA7#GtLjX<J-6lAzzDCuwCxylF>Lw=btbGPc*gdhEWmi-<cy%TLUQgM>
zt&%e*Yk0~;{M&@Bh79QCxNY<Q)o~j3F`^2NDD=a;9O6P3KYs=e6%3-OJHd#+7~`u$
zhabl$<8y6PcGX4ebk^m~e-dHJEH9c#l4D_kq%+iHB`M+G#XAg()q=Gg?#RY$<l?jL
zfG-K{<0x<2Xiv0~DH5t%ke`2C3fIbLNQc2pJP<?GTlP_aKU$WZza4*MO(fMPKa!4l
zB1dtE7>kQy02yVe;bhBOoM}P|FM%=znaJ0dUl=yf@m_}_bk@du`683Jf-GjWwp&(3
z!C=3LqSPWpzQ)kQ0py^S@0%Q@QBdLO+gG##BMXdxPQ+bD$J&(Skcev`*Waq2uNBC-
zwGJaRB}zZiNUIb}Iyw7+){S~M@35cb%jws~ED!yxbo(d%TnjnvTbok;;|3|P(Moy-
zF5Ap%x2h%W6g^m7p}T7^_g}FbQTNbHoC7hUl1MUjN71v=un`ETTkGs4tt<k*aXco_
zIYuV|yIK3oD^4yb;Iik&@MFN?Vt9o^7ZC}<7YE1jPIW0h>*fD45nTIpS-amsI?T{!
zBIrGB%Ns^cIaoMy@<z8lOFtZhq3#pJ*AdBXH_G8i3CK~F!D{w{lF>2fDSPG_!kM*Q
zz5u1}AEO_qA++&}7rRHQ7PWC6rAQ{?IP~q_LAXO)2L81p$44Db#l>Tigu;p{1AeuY
z_Wt9KZ)JDKW1SsYI~yxo)3<S#_>`siK~tyhdwCG?LguE<Sm(YS&(IgMCfWyI<y6bx
zPWrr*C@Xkc^-#6%-sSfXvDhnsxtdNU(0PS~8eMHmXYF>I^dBZV#qdWQR0*jlgD5Sh
ztSs|zs^Hj}+WmI{m~Vu{tdgAd-eaf!;FqwQD1xIp$15xyVhP(Q?>wp}oBl4uHqSC4
z>@VN`CAnU}($>MRA7~J48Xbb2E#hBL_E#u|600^bP99rA7Xh==S8nQiX*lS#<6d3;
z`-k7~`*r)fZNx=u<+XUDSe**L3+N(}AMo-)^R;Vzh=>%p4HVx30#XK2UotCJGWVJj
zwxea+Gc)D(ir5#$y_4PG^!GVXvGCX8!hV{@L!Us*@%6zD&c>Db#x|fcv(N;>o0R7e
z16+nu+^<cQvSg}rKqy7&5S?d#f1C`FWnRT`nz<^S3<mc4T)Zq+b7M1$9nVXczwhXX
z9bt4MCR_{dobSg={`bYv<Mm;Dr%@}J6Q@DED=njB<m7|&-<Rk5{-{<37ZsqQbQ&*m
zcxvOMZP(uSJ0Mq72(U4vxX*w0c@=zFQ#>IJ7*|z#;3uT>&j$Ho6aJ?|1ouy%jH7n{
zxGt>J2;{-|aFDrLf0u1Ez~!#%6*I>DZ_fXf|IbN0#7i32fW~3dWwy}rko%ePP<%L>
zt5aY|eJY1|drhjMq|ToZ&SRtvdT7qa8@<sAZW~g8Yf%936o@%}yjHbQb6r*;7<6qp
z&Zz%ea{3G5r4fHb;7Jz=Z1|$e*p+m7%ms9)BS@&(_uRIq07OlNI{07EjNqaN!Kc&P
za{#me8w^ofo6}WrWQ`0ZfZ95O0Dx`Jsu1Yk)RK&Q{RS2MrI<Qok1yi|yS)$#)y=_V
z>I8*OFF0I%e)-6n%uF;Kh%)eW8-<h^mVaY@|A;a_UTBZ>DwEwKEDNO`uo?AI1hb2S
zQvbW|UgMFn<Rah!2f>7IfHe)j&ar`k8n~pe_W>EhKdAWNGxFQ%hH09nvxLKin93-(
z+gVCasmPTSE>$bToJ~rkj8Q6Yn18jbfm5rIYa+AN>U4b7Z<g_j9B!}BK8kP6&p9<5
ze7P6jTxb^Rva>M&n(K{Fbxr@h{eR?`ed1Bx=)Bvy?`9yB>OP-dL9DCq(-BmeCZK9#
zDq;(CQlwXG)&FG}V7-tK)T-~RY43%b&gVRrnL-A^lA>__m_s}kn>wA98&hX{R7e?(
z{@YIf_8`JxA83kDyz1loGYf@-AHLM}Vrpti{Ts|iGJPRtIr9KY16N5y^pASum+$S0
ze%;zp=D07=oE|@4usGB^PIa5%VxTwZH#{sea|AF8aAtvZ;4dZr=PCVopP@V?`i`JJ
zN`*=XV#mIiT6^KMBsOYpF!d{-Gl?c=D}iLF2bFI%*~@Fo{@e39Jc1iTL-T15Vp*v4
zsjEXn>IRCPj-Vv(7pgXDCicIYO~2t5Kl`EW&|AH|YW+1QSKA7j>T~JgOW_`I9=^gN
zjDSJ-)F=N0=YX?3UIEL#Wpx$^^luJB6%?gM(nrE5pMZ$&^Kw*dW*hBd{47hLZ5#fV
zCD)+`@2@894(*#OwzIOR6X4|Ee>o~dL!V67+0O<%us$tY=ifdr`1J*H%>iU#rUS5K
zcj`z)47YxeA_E^V0*V^-q)~4Hz9&>Oru<uB{_`?*+z**RAN}rjp=j-B73~ACTU05~
z@(qihPS?@dq(UM>6WjV<W<<b$+*^)pEMxtHKT!Xnz5lj<#T%UpXt|@|IOhxkVBX6t
z2>|_;<js;-P0btp1F##mf>K;?U!Y8oOXh;4dqz5+RW{vk@+c1}Y8Z`Jet2+N3JhE1
z-;DUvIvZEe&lO7ShJt!^x>OjaEiIbOFqb>4HsTDEfkrw5fAT-`<FD_yR8T@DlXY>@
zZX3g9D3UmwQ~469O{?ppV6zIZ!a`>sVx;91q%G(_934l3*Rlqu3Hr@9PtmWs$NJZM
zlg(ft*4iFj-LBu8Dl_O$)w*Ai-7A+UYF0Jq^{G4!112>sxsm_%+W+|RH&5}eHeIjk
z!OqoBHqHYzD=}dKc-KdP>`yrOFTXSV@PLO#W)J?tiGGu8SpT8xim8&U^gm20_>~DL
zc?>@!u*d!n7xUvyd|;>O8`^6B59K0yOgwOJn2fg6e!JnX;5B<-7bK>Q|K5Q5rDc^!
zAbKY<^Q`|za{UZji3#*w{$CHQF4AsDS5Y$|nDM_aU_%N89J29VjtT95imm|crI0Zm
zzUB3A(apqoQ!dN`su@z%0Ct21PVn#ZxW7XRA7E7Zn8W<fi`Nql&jZ~A(4KL;P1yg`
ztMdcoHs5Z`^?x}ZfY*vkH@}_{56|z3?y|9{i~q}b_;!HRwGFaT{`~~NUvS<5%74~6
zne|)!`%C$M?<BEB{y%aq;jjnbFgExu>MH-bCvg7Xw;iu_qJZeFs~`jmL(hbN#=W=m
zDiZ&vDQzeK@z}?$Z2Gmfwg>VHwu|!X=8a9T3Y(f*?!^N`S;WNxs@vOH``(3CUtF*P
zzir2PY~}y^VGtMrS3o#8(gZLZlB~(y-f<NUr-t4ToRZRG^!%cRhQWLBzV3IWO|CM9
zibJ}I%p{}b^eAQ*!*bgb)O^~VPh9p5xBk5BFw(;_LZ7~B(#O|G;+8eTb63%-w~OuM
zBoquLkEA#Iaf6M;%s4<#qTk*xf%9)A?gazx>%45gfD`=rp|?=vaBij4fG<eQL^6+z
zyi}N9M}sYf{61uXYyp-auO7+xJ2g=Ysbp_uN9f8-ob+Z)3a<M?+3;r$T8}H3imN)9
zz(9s(+VMa0^&>!uxMA0y8_-dsZSA&fq8qEX@?T)A)OHU_RHkr6m~DhHiof?ePDK&>
z@+mw_3uubDdQ1w1-sn;`+RaHM<yM;LP2So!I+H*m`;N_8W=(k%4NOw@Gf1PhpLnve
zu?@;Zs7ih!h<#`K;jKF?za#+0Y32~US<cPNtM-98it}0%m57`$ToKL7H!cPC52($~
z>QI%@-j;}}0$!X^5zy;IS&~~_Ue4YJpdGlEqRFH-aNt!`+fF5;O`|jy(C>W&e5hRk
zz%Q>q?Hv@nMpLgInn0WO84$9&bE(48X!Fg2h!34sVvg1+OOM!IFD^r=Ue4>WNL-(N
zupC)B2)AOH$(9(bygyuksqwfOZ?aOYPaA&aF8dJ`)iwoBr=<ZKX!)eXi~>xz$-+Fd
z(ye?amUK|ACyo=alxSYAeB`@{t=+-)a}LM4-gQnpxr7hcsUsBI(u$K>&kz(ZE-{z8
ze;5H%*}4~)I3urI)PI=B$c}0WJj;0iRbry!hbaVp+)dxg$E(+si0aP%;sU5`FHP+D
zmYWWLj#6M_A@f+s>SF?1+sE(DDe6!5Zr#jU8yHLj{RqfPQ(a;Uk&kN~xH~|ce_550
z2jbnpOSP2pEwKF!KQ3_*3E|v;l5Nlf^*n!YR9;cx_;1L;V+!D(`UQ`=&IQh07D2>!
z-S3yHxe<cyq=`m%<H?+BKDQJf0od7Y>isFlc`F7Z{<zyw8#nVO-hd*P{eYso!f#Gz
z@4@IPn;!w-<C2X|U$Ka$^n+?ZVa)~bw1H?VGX=EgM--$*BXp*DabF(0o<WQ`Ec1Jx
z2O1Zpr*p3eMMP_H9Y>lSe0_~I%tK=A_NueiPM~aeT5%0#^=5kdY~^Sed#_4fk!32u
zRtWr2+&}eso7?n~T3@$e@@2J+3!bZrVPf-JCVn5%kbQk|v^AyFc~NSv4`X*^lJe6c
zsi@QO74m54=mrb!wZ0$Xr`WX-(N}O)4)5eS>>B8IRzJhiS=hx4Bqr~g%wei1D>vTu
zxvPC@@je^HI{}Xn$+pd7co~Od#QONk4&nMg_uYhlkpueY$ZCTLgi>9<jBqL}%&v#P
z>e==}l08Du%8J8z{zVUhlPUn$yCG^|z#{M8T$VdC_Pen{?ylW27n^kyZ`|+pE6n3+
zSvnUG4i1o29+&~MYT6b>4J*Qi`x@kDCn%TTPke)1FEC*#<s_!<zs`bpsj9xTZht6#
zokHaKENdpox5Bi&bWD|#0H7q|5q8c5lYsS9{nhIg4B!qeV<ICBFXtjn*DB4KjRk>K
z0(L=kV;9*b673hhnyv;5DFv285kkk-JK>kpxK`=Eu-3n`+A#aW2>+@}!V%5u^Qb|=
zP8AESWAO`4x@<;dI*f~O3yPiln^Cs&){O<)akmR&3!sIWJ+xVW%yf1Ii8VW(Al#m0
z>CkYktp;#-)D&9&&a2>#hkvPU@OC>K*5U%##hyAt%cBN>*^pQrGZiwY=M%{NazC(g
zOzIUB0tm<z`CC#BaKZGYq5XYe(PakC^QRvG9tAo`sgI}8cKQ`|{y~*4PAUM(yu?hJ
z*=z*?S~%4ydh%Oh{VET5xgly$@-cA-$>eU^xcAvvuekXIiuS>z`v}X9M@udeyWI{&
z)&049@}X`DN~gip!d+qN=`PCA_ZpY1GyQj>p}NjLrV|NBS_)}3^2-poDN0Wh1Jt_X
z*tq)cAhg%MT+AwB&pvt`#8zR6wO-O5++lFijUP*d?I3-8;<38nFII1p*GW;pACHEl
z0-J%sLOOS>-%g>e^)7P%^YPfk1V?O*!?A9T!(&15h-o=iQ5BUWd4+J;$YU>PG)^@{
ztpl%G*(FIyK^67=Wkag@FcZ(?@C*8PatSFZTI4LyiOz6jKk9;F50bmLmxR8>iNa!u
zv-+p{>gJ4};!Z#*wmPsrJGMxw_gYErH(0$^<Wlov)-lfJVk8<pb`0Z<>SYV>XQl1J
z*S2h2yy1)ZP>iRIw<NKO-N2z`U$nD!vnPj(ahK$I7+H!ssFnllGkHi?ywGSj0?-Lg
zm-Pqw%Y6;>uNoY|agw?r@O!Df`RqI)Wf3OC<e>Sk0^KxfSCic4e-td=Joz6W1a+ez
z!U)d0<&weajzA_{^FvQXC+Al|-DvT{474mgDNck78V;oQG2FodVt1*{cv?|P!KSd7
z`wjNv+}90@DGeaHyLVBSEnVIUa%$V1CUyWc?8e%6tW3;I@!1MsRhZ4FXlw3KTW7@F
zjppdij7kDP0Y;#o$B0C_@DVq*!0TF>Z6DT76La%)vL0*@)qs<Y<a1{Sx^qLqP5^M%
zkY7F+k)oHrW2wc-E%kWR);x<HG!3Ct!GEt-tFpcA!#5NchtMM<@>24&G{7nF7!l9P
zi#Vs<5jSLn=(`K~o<ci5(nb~~)7feGa}L|OnKp+dlqD)!vXRc9_Z3KOqlLK_bwJv_
z2w?-UBBW1-XQ0|`nMV7PkB`S=tr9ouCe8Z#J@WuHJADX$K|IR?`?wMS0{Z&k<cZ^%
zvl4^xBKNdmUV3Z;<RA{4n$|(hLd&$r;dzoJx{|s8uojTas%&=sD#rQy^xdtj>0Vp>
zU}<LMAh)Wb?$f7f!<hgH#&(1<Ay@E=bg>5p!zbSI^;NCe5B?Yh3h2|TluUMO5DLjc
zvA$lh(!E;IraR0{xU>F9M;hHvp>4+-hZNUqO5V;mj;LQx9QuYNkJ>AqTzOkH*vMri
z(p;&GRsOT)sCxtyTk2X!86OC~zaXNfZoy3m*Bj!Vz6BQ>G!=na7HUn=-)*qbjcYiT
z#h#i)!6UcXoEmt8?H8CN4=$%7_LyzI?~39y&uHp5UylkkcM6PF?CkHiVm%>>UWp=J
z&J3rsIqQE9Am4-3Q2Z-`gRY9pJxr2G`8H21weDX7_yfcTUd&9P9hQ@Q!h+^-mf!;u
zvabw@&Pnb`>AHXplFrtOc}l<Kx#HwbZ}bdA!kdrXk)K7i5+5Q!N@%}29ZW_}e9Uc2
zx)MHILy(F8#l^bt`vXb`ojAlDzh290Xiud5NnH@7*m=+8t+L)Svz<-dOWZKyYlLV>
z?eVxYinDf&&PmCf(#{t_;8lrmvf2$R^`E;e?rnNHBC}O=ZIO}d$|X4LHD8bo1#!Om
z=x5s%sD1BYh0b|(E)G`I*!V&C%;czxg|_~J?|M7+%+8WR<!LyA0{TobKvk-Jhkf0M
z?sO3cY)yFgLvelg#(U#<O@*A?@@(PGnukY(?_*KXg|$Zs!#N%{hV$a%CuE$gXtelg
zM(JKbr2DUK`TtRpFY-N1zXFTdH6Gocrw&f%jYi|p3)t0Yx~0WpMN=E)3@JdmQc>#^
zq0PQ~!4HKZ5~Bp$(VR8XY8KlLJ%i`7Tbu6L8)w)IA%t-S%}!cS*zF^zAhPq857%L(
zVeNDhg`DgsF0rxDZS~ZS02>Hlk^mXMdl(7+M{lo`AsozcB{{*9Drb%Eur3oHoEw1p
zvAc0N?BsYMs`4e&cbPv8_hn3CqSmAd)@;F|h7kPPvvo-xTKbx2lOH6-54Mk;i~Bh1
z*GaCh5n<jalC=arB3J^@Ub`PM!M^;9LZ8o}??|gA1(v;uUhX3u<u6_yuggE(yOnX;
zb(-?@s3P?uZqH8~NQ&8P9humjH0?V>rlfu;e-EU^T$ssk$52BEonl7n#giI@ohBCQ
zmKJCfoA~e}uoiHwQh<t%ZZ!a)*>Jx>adF)009(8Gat@`DHt6|_5>?v|8*a`!Bb<pW
zzO|GfL-BcnEy{n)lZLC{Y$%Wfsuon&^#kEa(g@+|8~EnEIu&yZ5J<W+!&&g(`8npe
ziHaWX5g-+fPk6zryM=ajhBhx02t{hM+|S8BRgkfo3;qGD^8{))bEhz^S#K*?FZhn^
zH#9fc?m3^3TZQQw;D$bBurkdHkReLIK6zV^ThS&$(QrcrLmFIOA&$N}vk`7o?T>Mj
zGK=5|lQ}g7+N5#9mq}t(Ue&;jT5X@wSM%d=unSv<YCDe{3UtBlM?iw1jeuLGe}Lr?
zDtJu+-cYTtiQwMULLeDT8YPfQ>d0Uwg<fNDGY*gj4V2<?MY!N#a!isyKauvFP-<s&
zOaIP&RoUHiTRbB`_O4rWW9T3)FJ+wo_R@n7k^X2ZLQPW@I>JQH7QD60FUc<su;U=4
zAp@mjW30`gbSDVdRQAGN8pE&%@tmMG0n_g?C_6{MRPMyK7KcL_v#v83lF<kNBmRrW
z^^-KfHXLbN#0=SbGi{>`u3U~V$5sL#1@DjVla5OXX40RsxzT>w50_lakPI;0_n=3h
z<(s-FY2Mh@j{O}C@#6)k$jG3|w?zVvbT*D(cAVigbL<PFq`g2Pn@xD(Ng4j_Xx4t*
z?nKFZ-v!}Kl(FYC?;}b^a{#^o-)kA3$CXBs1lEb5a!RD;l@Cp#J2fjKc#BmrlLQIY
z56<7Nf|rIAZyh+X=uXxL>y%%5*ScQgaLiW&icJY+(|M1=&zlR)v9PnFqsCLqITYLv
zz=X5gPln()5waz={sMH{)A-uxZnf8$Xh~Exq|w>Cl1v|16I^d63Mr4I(B8msF2Sth
zXOfiTa48s>Of0~oVlvRr#ZbLEg;bQxa%)OTc&liZkVl$(C7sk5HE2if^C<0E*M0)&
z5-${xb%K*8XJ0%;@-E|H<Qhc-inBeW<Mq0FyU~*Nr(TP7KdbGyAMo54HQ(%ZX{-^T
zys*4btuzIhgKq43-hSePMGA2Cb93lN3^=-;q;-sg-}Uc0a-rfgl7TJ&-ejr`%$$_w
zPGQhhQ-C*#TWc-mA=fJ4xycx6?$VwokyZkz^cTUTfoLV6&sPigHuF!Zm71=!5wLh@
zh^XiZFB)$5P|@uS7o0&0m_mJN-`Oo*Bn$l`$MHh%(E@e*Udd^IQ6)efQqWK50y7S|
zT{J?t2<d#tQ|m0P!-KKI%^!Hjq4%K^baeNpEbF^dhtIJ%NZantO0H|W_?CUvTbu9B
zz5wIwN0d(ciqw1g1ql2V#|Q26d3xvVxq>|-KKgeQ!HbwkjDqOM@0Ykf<(wS^y&rlk
zBjv!A@5h(>_!9M?{i~3Z5+gTl{n`oSR=!(DXQ>AMf%USgOEyQS9k&1Zd-=$bH{x2U
zxolY=492dbqd)j&L=Bzl9doU@jz88p>|0>+Rm(eE^YO$DAdjHLD@=xo|CqPZZUER`
z1iD&E3}*%@JA3||8S3Ya2qkZNXawY?mw=_y0H<kg<JFN0CqTd%h?^OZu^?Uw;za*}
zuUZ}Lv?Rq(>~>--iS7!lMTdP!5c?F4*Jw0HAE0ei2YhI;1&FB-JdNhpXImSlgfPoC
zd~4fQ2BJ$N9mm#%2BDdsNYK_)Wg%L**u-9DY9l1sv7g!h*~jtYMSoaZ^n!*;c$m!O
z`L3jeS|zuu%#KLOSyM+MK^#4a*!{tk5Coi&sf^^g5^qshW13ivHYeTw)flF=8yynZ
zxS)AoS@IIgX}kC)IV=*}ro&m0s~<lB*#3&B+LZR?dcPkhIvds(oSiknpoj=|N&d@@
zkng2*WiCd=Si!+q!e@2C9eZ>9L@U~xOW50!WUFXMIw##WK$vvBgL+f6%OPc+T10uK
z?$7|wPk^et_wq~56JS}SjcWOZon*+O3oJP-1uW$`p*FtX;vs*;`!}ed8X7pdjH)6I
zF|)Qc<Puh7a&5H+H4^|=J`l{Pj2~qHUe*MQ&UW-ckF}&z^QJUs9o<Nx9seV#4vCug
z*$u-bvzd&K?~<TNv-55Q&RzERj`+d1+F|Zbe{3yf&0vvu9ma@R?MDODl0pEg97^WH
z2+ohRX+f{dCjQ4r@<|eyx6Pt74LZ^};?Fx=mlr{lHhvH^UnIIUEzi|RcOGlr?Q$TH
z84aQ=n+paJc#iJ)F4Q*`ZYSrKWk{Bbh)I<{xjpEoa&~gmn2OUmf0OowF0@<N9KlL#
zG3)aWUshh4m;CtY-jR#op&|QSILt#Y+P~<0YRu*sHy8&6ldqjFp!GO=0s$0#i<+>r
zvS)4<#j`zPWCnPH{GO=gnOfD*%MmZj;ybDpb-qN-vP9=ptubK}hxSje@_T0k{T_GO
z&o>)8G(jJe@d(K3@Ho8Hb&#DVl4)mkF78xt#m=wfBMR5k^%IFS!7(^HvcA+X%VI-X
z9*Z}=KF%-rv4zKTr6GwxLI6#wLS*{1ET^_Th38t-qS>u-i+JBvPD^u-{P>zGW{bGY
zClY%3_9{^fQkm7he=PNV;_6c|3Pn68Cs7}lO0FG>nM?BVK!)`1o(p;CvYrJ&Zl43&
z64w%FxaL(;JFT2i5CCtJOQZex#AFh^bI0G31=w9}9pkiRkUI@)h--X~o*{z_`Q@Sp
zb;I5~GDma68XIf3t4EH2tUni=5x$qs_E{L<yNt24J+{?%oxwNQCM+>teNC_MV%FGz
zmlR4g2?4v?6R!C48H!a3Hz8OVhF!OEfe=CZvs?ZxYzIevX!&hy&9ka&%Z8|uLFdKn
zC0ch5+H^UF!BSzs!h*Stkk_Eaz>U|1=;`p6G)w8MqKGtYJc4PNg2$Oj#2cm(?S?!4
zEw{Ym$VWAd=1GY+Z-6~v5sU8*I<rbK_^ZM|8Q(cajF-=@0w`00P|I?F4XTT~8V=Rc
z^9QG`<u#<ey}&C7A90D}Z|}sp8omeqYsdszn=}q&YK<z}d*=l_^;@D`ssinAfj%F#
zX4I5#LCKqsD72iAQK$2|xkZFlQD91bIQx|6+Gv5a@p*b$4q<1ES(bUOPIoww_Fy4Z
zA{*1FHH@GMh9~hJu_dW6zRyKQpcSXR5U|To{R#03F{9_U6fzouA3z$lu>K+PEp4I6
zbJguqbh*br++<qWzk0PDKaY$J^u`%Z3x0W^%u?Kczb?}A%MFs;l-4XP-3i?4cz0P3
zO5Ggz$q?tJI4t~fGrA=F+Too@S`r5A3kNsOGOD3T@ZliOWO_hPN=YxLq5#0Uy^F5C
zcNx#65D<Xn?|x^o0&MQr<v%*!gnMfHa)O#j4vv(PAq_}s5&7;;+vQl-l^l)@Qt44Q
zn0y<ex~!rA+u;_nPdih+&i|3zVII-$H8JALJ!;m`{r+i+^9Cb-zr)aG?)~+3R<FvA
z7uM#7dmc}q<Z@fzC#?(f1+_T)J!gg3M?1}jeGTZNb;s=`C$b2lxk#Ug`sajfF90w`
zed|OmLcsf-_}D~UNzREmH0tg~v*Fm{F$_4Y>ixH61fJh_x_CBr36S|RIQ3PW_-m}7
z_&cjiY^6H_7cqjyfU>(XGKa!!u+S99iD%o)BKyPP&z<kvph^<>h$K6J=G3g}7nvw8
zZLO1!Z)HF$8;4@&xxBnT>_@Y8>v%t>x#S=hI4}WkW=iwTDaGQ^(`I>SULGAq04v9r
zV4}tCc3zQW!e3FxMVf`u^w$=#!|A+XVQ<5|yob~uV^9__ge(tH(LwZJ^!a=qd-E01
z!52`LV@l~tX)~&TzRzUu;*nP6`HS9fr0()$7lF)Bn9^p1uq^${gtCk+g%E|5VU&x$
z()BNv_FEZz^f7W9TE*FeFIQV@Js7-g@|Rv2bRN29LytJFA95Vrfuf|unVk!hCio2A
zd;4v;**5RoJ3%(z-RJ7_+oWM7+YgDzWo!&D8d$z`W?63FLhQj#OkUuOjV%+uGCTDQ
z7A*N=S@q|5D{3-Hn*>4gimEtZfPp8!kH>sU1UJuOxRa-8Qaq+AFd#fW$u}g=O<G^y
z%6FV;_I4{72|FX-47++x#gIt+St_V~V{5BiNl$R>3Hrd{Qa*p89MWN_;NJ76W4dxb
zCJnF>-``5xbogR8rI5vpJ7A>W<FYV!nX9t)J10UDc!YeDw^s3H&SxKqe&=^MHhS$E
z!h|b7K3iMU?OF4++WXFw`?TMUMe)}6%WH4?L$V9bvz*4gEKsjur|l(N@_}_WkLC?G
z6fFMdM?ZgjM8j`~J>E&y-k~n)a%sLzO}**VOvBf?8bj%dg5g0k+dL^v(|1oir+<r=
zsFM|&H1#~~>C#HCpE}p>%CfR8f~(Hl@D%X&Hi1B9*9;syrzFavR%A2lVJHrzAY+Kf
zm0j-PM@#8!J^jr16j?69N<;aY^o}C5k>{9SaPf0q0A;u$lTQfEc!eQB9wNUg>dDTP
zJH$?~5sGgiVmq#HBm)N0z$Va0kd+YHiC32Io&V)2(_K`22*o%!ppj|!j+5`{=cKhk
zii2;w1LWh?0;;Mf*!i7OpXu*<ITM+gwA-H3zkgveC&2aQY`h&RNEf>--;A1afqO;%
z_48-1)pA?bqk1{}hC=1vZLq2a-+rqudz5jGRB+{<@I*fUt=h;s@5jh1w%4eyjyj|B
zi={idz`N9L@C9GuAq4@ZS5cfL{H&vP$c?@fX0N3T``-u<)3)i)OKGj@0L}kJMg+Rb
zTY(P@z)LD`nXbsV+lO73uJtx1S=2b%3p5A?=nJ=%Vi)dt3SOzItJnL=`TJndHpuKZ
zDpx)gZKOu)r#$&8mRf`#rE*q%3)V3xu*K#<6^7`1k$v~tit{#91>u14PUuCzPUp5S
zqIS}@Cg~0Ke{B2hGYWn?#wXb~&R>fl>1T-|_NoE`JCGIY#^U4@U~8UnJuWx3Kndyw
zd)I00R14EHW54X|SCq6vRd5S^RRM6duJc_b5zfi{=_p)sFOl3kTE8ff2!A4n$6#TG
z=nr&PQ+6gBYCF{-3h-Qy?=d5YkB#yTWr?3FXr(;|Hl{l<F{_pG_M%{Z&3N((^!!LC
zNA&H%FqGU&8e5U4C@on+*JI>JiChAx2xQ>potyIU>Zn{XUJrh{5We_LyF$tdaee~N
zd4Xj)y5UJN_{OdnGilY+z3{z9glA1g+;-IEsA6wzq;k`EMeo}!$VRqL3sYSt4EJ59
z770GPk#ca%3BXgY$&Vm%My`oQzm#V|SDEfsx(}{^1KCI>zslG`l5gMOvL){q8=`A&
zUK4vPtzcK@u73kNTHbPYTQ628sXl_#_?*6J8Xa<!Mv2^WFv`oQApfpgIT|zHP1J^?
z=j!DEcq!QF9v(V&FK2kQB{jxrS<YLSQURCI?3#T-&+U276lhwbEKNsu{7Jh&%dE}y
z;ddlcGPcR)h6^@mMBYb_AAWc|CjYdCNCdV`q|}9aj;Z0mHi0e>ix%A$C}}=3<yhEP
zfFUQHR`iC%vSftcwReT!EF+7kE>$B?NuK8B`qT+hN<Q(L{!RuVMAd@)sH5qM<7D+a
zzf_LFMxq%Lm#NY24wBjhAu|J*x1oU(Qe6^6vwaz)B3B^ByRc&NF`xTsH8s@^sBq4C
z=Eerm?8)$P4{^<FF~c8479;X(X}D<58EsBqfhwta1IL2LrSD1A1D6)RJFl<kI&^1z
z6@t8V(oAgjb6P-3hRz7^)=Db|8QxXy@^y_Hrxj2$_P~M|VWtZ;Acjm#X7k5{cdp~U
zx;Dx&iZvT681j*TW7r_v_SZ>bnGKKyH&F`@;kx6=_pGexUKrt5SoEK3P`9830wz1b
zbxNiXk+V!25-uze+>w#`3KJJedCb``Z1UO;xXQ`Qxgv|hM*5Jj%eTzKx5G7C0oW!S
zGkP3$l@3*sgb>l!*$o%H)!9;FKQxBB<<f@Rcxbop7}A<(uS_Wm15-_cB~xj=<=OM}
z=aZmPooW7K9l%6>a7k?KycAJTDlSDDqgq2Zjh!~gzD^o9pN#ToLzYU2MA*&7oqc!a
z&Jm_-j<By=T(j<q>Wdp@gK%$YD-Gqo9;|4dDeoTM!K%cep(7kU&HCcg+4<^T|1x{J
z&9rB(ZO9?NJN}ccCUpRdnGv)1%d(8OI^)PHHLs|<OAi&-u9jFa>~FXb@HP+3FjT8W
zsHwRIs>R+0ZMbf#9tMvOXuzfIQq91mbvR8dGGZww=tWXmhq@EF5sr+etB6$g3M%Re
zwP#C&D4D6(-}BtoXN<m&7qPQT*z8vJ#&27upj+xnv$(Ay5r8O;y&prLGAavrmF$qN
zfr+_k)YPbRK3T-g{giM9DqZ{~k9;j*h2<)+FYJjQYU)zW<otfY`m0WtN}{!bb85Uq
zvr$qJ7b-m0*+o~-Nz;~dT4&ONEnYC+t-_aHv^f!Zm@AjyX8JDAFBjqvJsZM-loFj=
zetosneTZ$-_6d?}F^icw^XUiai|h<rR7CRbh_?2_+B@er0^;I1(NXZ_m)5p6rbE1D
zUBwEj)lDs9uyQTIU!Dw{dL262oksbY<(ijoQA?L}zLn3IO7w9eQuJ114_;kNQ@W4H
ze=1}*z0tz;rZ%6&k4k<nBRlhoio9J~$PX;^G`5xE6nR>6(p&_h6HWa5mHY>KTjO?$
zuJy9umG|y^2iN}{FUiSx{Xm~{)E17K9B!hJPdjq!s=CqoX?KuxbF~FtqHC&KerqOa
z(y{cXE~dDWK&9@rZH~4Wx4*wbUAEdysrPY?Zn+x5+HFL5b*X^jI_kEL({@`KpsU_8
z0Z&a_wILVHs~;hm3ZGyI2HReOzB+||Jt7=gA8ysuk)Mi)%%Fa5p!q%1;=q>QyVYyT
zI^}kVlzkA_qxBG!W6}@2-8Q-03Vf~*wzOP5b>W;k0sO)?w>@SfcN~=*y*5tIrzb*q
zK7pO5EkNMOUw_B`R8S#*r>E~j1)t~Ot}?QtxkljMg#qx$yh=}DL9Oi82B5w9aSV3b
z<umUNu;Is#z}9y1PWKylXAT{mnf^%5E3vUDa%E}Ns`bS!Zr2;;nqkIRzD-#Q<KAzm
zD7uGPy4i(KYFDc?!Y$iuFV7AHV(n7Rt<VG{%3@0uDLY7$x`ckF!k_t&`#GZa3DSY~
zz2&L?#iYq8c<I!_l~Q=Rn@Y7#*DKWpDQdeQe33^p_n4YwhTU?1F7{#*^Dwqac@mV-
z?CcWy5{tQ;1}E9<`mE|Q5A~4GhXNr*Rl}fQ5*rMsxH>I~i(wQS%3*1`-Lcnk@hc1e
zb?e8_G#Zcjg97c%Bbdt@uV;4R4bCAmp;$L58NKDEJzPYlGD5|uuXV4^5T4?c6cwJY
z`N_Ws*j;mMbCT1^m26kN=hE%Fs~ZxI)=SFyX7K3IvtUs{J~_yeP{;iCkIUFC3201)
z=Q{~TmuH=c&vqkEUn+2ucI|1>FGYz|lI}jPMf%U+{g)AV#b6P&Gus&x%^*lsU3VA3
zEW~oOkD1sT^xV=0;@QTYzhE%ipJ#T~Rt`3U%wul{TRQtwYm8N}2$v>jX6lv#9tc)u
zLA&sO-KSYx@#L8{D(04V+A`1f)(o&(mEde~sQ1QD=C@?`FeqJ7@cNA?wuId@fF0%B
zk*cZ}*bGzMCN}td5-b(ocUMd^X!CXYn!GU`=XmA{>B;Q%<2ni)(a1wm1FDGf1)jUA
z^Fde%`dU+)7(B(=n=JMMj^X)RmDBz>4wGE2lf~RHSkU`_W>{bl3{?M&xU8L;MjR@s
zDxTuL`Ppm%X}7pnDh_1HpJKsqX}F8TBP=_PQQc2lo~V!RVCzkjY<IL3;N-kK;KW0%
zqb<~)Xusvq$Arf+rCRXHE>r<n;?z{pzBce-ev?=<d(rN{A^g`j0-!j8o%SNpsmbr1
zx)B<~a#XM|0<Rh7DC(aySy?lft_4A<I_;Cpp<>qGO=`P4gC~HB|7=v$N%J|&(F^*<
z=gS_~BE&j1vrhou!N7pRe#c0+7M}BKRChzgZ{JY7yK_Ch^27l<nR)KcqE?mIRjW8(
zgE(9=+iZ|U5sf!qM`WD`mu?s1E_up(4h^U#?0Sxin05{3T2OCpY?Kd%(Cqt5t0b(7
z6l=JfHNB)wLl?duq}vbqZ;S%p;Hdzo^<YX}KVck+(E&G~<&IC{0lN{r`OsWkWOnRK
z-Yyk6G(W(`)t_q){xJSQqi1An%t)teMF|)fC@8IljIeJIfA_pcP&t5p7LPrCyV1j>
zAq^4GTL&ZP-R}kjbO0RB@M~7_UuFM)e0&=627N`PRB&7i;b-1*Xjo7LNssFv2?LRL
zu>r_eNs1cgzZ>O2S3Su1?eAiU&-wn5-hSq|V<5yVH5_Z%eyJT1?QtEvmtHmo8Ss~|
zUMMe&JkD!Qj$i-&rB?#rim)TPAh|!aFQfb!kto_A)j;Hrd*KTL*CI%u@(K9El)Mx#
z5VgG=&o-M;*QRxL{%f(nzQF+xMGV{7hxE5U|D7KZdB3^?in!`Zw*P0&{`pYQz-WOC
zy}bIzrC{-gc>o!1|IZ$u+pPri2TX}W6Htb;>0=SPe*|900~7VX!soH*F7Qxnd?K^n
zvty!@yri5c++7fFHyS`ZC4mugnko)JEtAhKMt6fi8qgwx^K!`;A=e7@X;8+dN{qlh
zq~p*bh$YZCmP}w!bmQ_h>&FP}8K9cfrn*NK-N7P4FC>#nW=2MF+1g@g17<hD1wzUu
z!ABi1f*}{^>?`x?=gC0={|M`fJ3e=M=EKULCBUjfrFG(LP&yP3XkdN9dgR$!MB>#`
z18VQiG?U;)PhuQ%f*J&x`PnhVTbzJNOyn|fRRnsP0IENamb!pk4E2qTnhxt9HCnE>
z5d|79z@hT{eWeqRT{J8)z>N^#YTVZ@ak4Me>EJO;+a5S^f3ZEX<AU<DzX<<8SqiGa
la1JWERhfaFpbn{js85j9YZUFedyoMLJYD@<);T3K0RWt13rPR~

literal 0
HcmV?d00001

diff --git a/dev-docs/docs/assets/brave-shield.png b/dev-docs/docs/assets/brave-shield.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbb1216533e275e30f4aaf813c56088ee88cde52
GIT binary patch
literal 44781
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
RtUcgAnX8Idke7_^{~va@RMr3h

literal 0
HcmV?d00001

diff --git a/src/components/App.test.tsx b/src/components/App.test.tsx
new file mode 100644
index 000000000..baf25ab9b
--- /dev/null
+++ b/src/components/App.test.tsx
@@ -0,0 +1,45 @@
+import ReactDOM from "react-dom";
+import * as Renderer from "../renderer/renderScene";
+import { reseed } from "../random";
+import { render, queryByTestId } from "../tests/test-utils";
+
+import ExcalidrawApp from "../excalidraw-app";
+
+const renderScene = jest.spyOn(Renderer, "renderScene");
+
+describe("Test <App/>", () => {
+  beforeEach(async () => {
+    // Unmount ReactDOM from root
+    ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
+    localStorage.clear();
+    renderScene.mockClear();
+    reseed(7);
+  });
+
+  it("should show error modal when using brave and measureText API is not working", async () => {
+    (global.navigator as any).brave = {
+      isBrave: {
+        name: "isBrave",
+      },
+    };
+
+    const originalContext = global.HTMLCanvasElement.prototype.getContext("2d");
+    //@ts-ignore
+    global.HTMLCanvasElement.prototype.getContext = (contextId) => {
+      return {
+        ...originalContext,
+        measureText: () => ({
+          width: 0,
+        }),
+      };
+    };
+
+    await render(<ExcalidrawApp />);
+    expect(
+      queryByTestId(
+        document.querySelector(".excalidraw-modal-container")!,
+        "brave-measure-text-error",
+      ),
+    ).toMatchSnapshot();
+  });
+});
diff --git a/src/components/App.tsx b/src/components/App.tsx
index a8240f127..714c349c8 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -62,6 +62,7 @@ import {
   GRID_SIZE,
   IMAGE_RENDER_TIMEOUT,
   isAndroid,
+  isBrave,
   LINE_CONFIRM_THRESHOLD,
   MAX_ALLOWED_FILE_BYTES,
   MIME_TYPES,
@@ -267,6 +268,7 @@ import {
   getContainerDims,
   getContainerElement,
   getTextBindableContainerAtPosition,
+  isMeasureTextSupported,
   isValidTextContainer,
 } from "../element/textElement";
 import { isHittingElementNotConsideringBoundingBox } from "../element/collision";
@@ -285,6 +287,7 @@ import { actionToggleHandTool } from "../actions/actionCanvas";
 import { jotaiStore } from "../jotai";
 import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionCreateContainerFromText } from "../actions/actionBoundText";
+import BraveMeasureTextError from "./BraveMeasureTextError";
 
 const deviceContextInitialValue = {
   isSmScreen: false,
@@ -429,7 +432,6 @@ class App extends React.Component<AppProps, AppState> {
     };
 
     this.id = nanoid();
-
     this.library = new Library(this);
     if (excalidrawRef) {
       const readyPromise =
@@ -711,6 +713,8 @@ class App extends React.Component<AppProps, AppState> {
         const theme =
           actionResult?.appState?.theme || this.props.theme || THEME.LIGHT;
         let name = actionResult?.appState?.name ?? this.state.name;
+        const errorMessage =
+          actionResult?.appState?.errorMessage ?? this.state.errorMessage;
         if (typeof this.props.viewModeEnabled !== "undefined") {
           viewModeEnabled = this.props.viewModeEnabled;
         }
@@ -726,7 +730,6 @@ class App extends React.Component<AppProps, AppState> {
         if (typeof this.props.name !== "undefined") {
           name = this.props.name;
         }
-
         this.setState(
           (state) => {
             // using Object.assign instead of spread to fool TS 4.2.2+ into
@@ -744,6 +747,7 @@ class App extends React.Component<AppProps, AppState> {
               gridSize,
               theme,
               name,
+              errorMessage,
             });
           },
           () => {
@@ -872,7 +876,6 @@ class App extends React.Component<AppProps, AppState> {
         ),
       };
     }
-
     // FontFaceSet loadingdone event we listen on may not always fire
     // (looking at you Safari), so on init we manually load fonts for current
     // text elements on canvas, and rerender them once done. This also
@@ -1000,6 +1003,13 @@ class App extends React.Component<AppProps, AppState> {
     } else {
       this.updateDOMRect(this.initializeScene);
     }
+
+    // note that this check seems to always pass in localhost
+    if (isBrave() && !isMeasureTextSupported()) {
+      this.setState({
+        errorMessage: <BraveMeasureTextError />,
+      });
+    }
   }
 
   public componentWillUnmount() {
diff --git a/src/components/BraveMeasureTextError.tsx b/src/components/BraveMeasureTextError.tsx
new file mode 100644
index 000000000..8a4a71e4f
--- /dev/null
+++ b/src/components/BraveMeasureTextError.tsx
@@ -0,0 +1,42 @@
+import { t } from "../i18n";
+const BraveMeasureTextError = () => {
+  return (
+    <div data-testid="brave-measure-text-error">
+      <p>
+        {t("errors.brave_measure_text_error.start")} &nbsp;
+        <span style={{ fontWeight: 600 }}>
+          {t("errors.brave_measure_text_error.aggressive_block_fingerprint")}
+        </span>{" "}
+        {t("errors.brave_measure_text_error.setting_enabled")}.
+        <br />
+        <br />
+        {t("errors.brave_measure_text_error.break")}{" "}
+        <span style={{ fontWeight: 600 }}>
+          {t("errors.brave_measure_text_error.text_elements")}
+        </span>{" "}
+        {t("errors.brave_measure_text_error.in_your_drawings")}.
+      </p>
+      <p>
+        {t("errors.brave_measure_text_error.strongly_recommend")}{" "}
+        <a href="http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser">
+          {" "}
+          {t("errors.brave_measure_text_error.steps")}
+        </a>{" "}
+        {t("errors.brave_measure_text_error.how")}.
+      </p>
+      <p>
+        {t("errors.brave_measure_text_error.disable_setting")}{" "}
+        <a href="https://github.com/excalidraw/excalidraw/issues/new">
+          {t("errors.brave_measure_text_error.issue")}
+        </a>{" "}
+        {t("errors.brave_measure_text_error.write")}{" "}
+        <a href="https://discord.gg/UexuTaE">
+          {t("errors.brave_measure_text_error.discord")}
+        </a>
+        .
+      </p>
+    </div>
+  );
+};
+
+export default BraveMeasureTextError;
diff --git a/src/components/ErrorDialog.tsx b/src/components/ErrorDialog.tsx
index c1c789981..56c303c15 100644
--- a/src/components/ErrorDialog.tsx
+++ b/src/components/ErrorDialog.tsx
@@ -5,13 +5,13 @@ import { Dialog } from "./Dialog";
 import { useExcalidrawContainer } from "./App";
 
 export const ErrorDialog = ({
-  message,
+  children,
   onClose,
 }: {
-  message: string;
+  children?: React.ReactNode;
   onClose?: () => void;
 }) => {
-  const [modalIsShown, setModalIsShown] = useState(!!message);
+  const [modalIsShown, setModalIsShown] = useState(!!children);
   const { container: excalidrawContainer } = useExcalidrawContainer();
 
   const handleClose = React.useCallback(() => {
@@ -32,7 +32,7 @@ export const ErrorDialog = ({
           onCloseRequest={handleClose}
           title={t("errorDialog.title")}
         >
-          <div style={{ whiteSpace: "pre-wrap" }}>{message}</div>
+          <div style={{ whiteSpace: "pre-wrap" }}>{children}</div>
         </Dialog>
       )}
     </>
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index bea074d62..7103d3ade 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -364,10 +364,9 @@ const LayerUI = ({
 
       {appState.isLoading && <LoadingMessage delay={250} />}
       {appState.errorMessage && (
-        <ErrorDialog
-          message={appState.errorMessage}
-          onClose={() => setAppState({ errorMessage: null })}
-        />
+        <ErrorDialog onClose={() => setAppState({ errorMessage: null })}>
+          {appState.errorMessage}
+        </ErrorDialog>
       )}
       {appState.openDialog === "help" && (
         <HelpDialog
diff --git a/src/components/__snapshots__/App.test.tsx.snap b/src/components/__snapshots__/App.test.tsx.snap
new file mode 100644
index 000000000..b36d678cd
--- /dev/null
+++ b/src/components/__snapshots__/App.test.tsx.snap
@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test <App/> should show error modal when using brave and measureText API is not working 1`] = `
+<div
+  data-testid="brave-measure-text-error"
+>
+  <p>
+    Looks like you are using Brave browser with the
+      
+    <span
+      style="font-weight: 600;"
+    >
+      Aggressively Block Fingerprinting
+    </span>
+     
+    setting enabled
+    .
+    <br />
+    <br />
+    This could result in breaking the
+     
+    <span
+      style="font-weight: 600;"
+    >
+      Text Elements
+    </span>
+     
+    in your drawings
+    .
+  </p>
+  <p>
+    We strongly recommend disabling this setting. You can follow
+     
+    <a
+      href="http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser"
+    >
+       
+      these steps
+    </a>
+     
+    on how to do so
+    .
+  </p>
+  <p>
+     If disabling this setting doesn't fix the display of text elements, please open an
+     
+    <a
+      href="https://github.com/excalidraw/excalidraw/issues/new"
+    >
+      issue
+    </a>
+     
+    on our GitHub, or write us on
+     
+    <a
+      href="https://discord.gg/UexuTaE"
+    >
+      Discord
+    </a>
+    .
+  </p>
+</div>
+`;
diff --git a/src/constants.ts b/src/constants.ts
index aa25667a2..ef563e4a4 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -12,6 +12,9 @@ export const isFirefox =
 export const isChrome = navigator.userAgent.indexOf("Chrome") !== -1;
 export const isSafari =
   !isChrome && navigator.userAgent.indexOf("Safari") !== -1;
+// keeping function so it can be mocked in test
+export const isBrave = () =>
+  (navigator as any).brave?.isBrave?.name === "isBrave";
 
 export const APP_NAME = "Excalidraw";
 
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 18b96790b..bdb11c9ac 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -8,7 +8,13 @@ import {
   NonDeletedExcalidrawElement,
 } from "./types";
 import { mutateElement } from "./mutateElement";
-import { BOUND_TEXT_PADDING, TEXT_ALIGN, VERTICAL_ALIGN } from "../constants";
+import {
+  BOUND_TEXT_PADDING,
+  DEFAULT_FONT_FAMILY,
+  DEFAULT_FONT_SIZE,
+  TEXT_ALIGN,
+  VERTICAL_ALIGN,
+} from "../constants";
 import { MaybeTransformHandleType } from "./transformHandles";
 import Scene from "../scene/Scene";
 import { isTextElement } from ".";
@@ -794,3 +800,14 @@ export const getMaxContainerHeight = (container: ExcalidrawElement) => {
   }
   return height - BOUND_TEXT_PADDING * 2;
 };
+
+export const isMeasureTextSupported = () => {
+  const width = getTextWidth(
+    DUMMY_TEXT,
+    getFontString({
+      fontSize: DEFAULT_FONT_SIZE,
+      fontFamily: DEFAULT_FONT_FAMILY,
+    }),
+  );
+  return width > 0;
+};
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 30c9846c8..e48484ab6 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -838,10 +838,9 @@ class Collab extends PureComponent<Props, CollabState> {
           />
         )}
         {errorMessage && (
-          <ErrorDialog
-            message={errorMessage}
-            onClose={() => this.setState({ errorMessage: "" })}
-          />
+          <ErrorDialog onClose={() => this.setState({ errorMessage: "" })}>
+            {errorMessage}
+          </ErrorDialog>
         )}
       </>
     );
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 1c51637e0..930143f98 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -673,10 +673,9 @@ const ExcalidrawWrapper = () => {
       </Excalidraw>
       {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       {errorMessage && (
-        <ErrorDialog
-          message={errorMessage}
-          onClose={() => setErrorMessage("")}
-        />
+        <ErrorDialog onClose={() => setErrorMessage("")}>
+          {errorMessage}
+        </ErrorDialog>
       )}
     </div>
   );
diff --git a/src/locales/en.json b/src/locales/en.json
index f5ae003f3..3021014ea 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -120,7 +120,6 @@
       "edit": "Edit line",
       "exit": "Exit line editor"
     },
-
     "elementLock": {
       "lock": "Lock",
       "unlock": "Unlock",
@@ -206,7 +205,22 @@
     "cannotResolveCollabServer": "Couldn't connect to the collab server. Please reload the page and try again.",
     "importLibraryError": "Couldn't load library",
     "collabSaveFailed": "Couldn't save to the backend database. If problems persist, you should save your file locally to ensure you don't lose your work.",
-    "collabSaveFailed_sizeExceeded": "Couldn't save to the backend database, the canvas seems to be too big. You should save the file locally to ensure you don't lose your work."
+    "collabSaveFailed_sizeExceeded": "Couldn't save to the backend database, the canvas seems to be too big. You should save the file locally to ensure you don't lose your work.",
+    "brave_measure_text_error": {
+      "start": "Looks like you are using Brave browser with the",
+      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
+      "setting_enabled": "setting enabled",
+      "break": "This could result in breaking the",
+      "text_elements": "Text Elements",
+      "in_your_drawings": "in your drawings",
+      "strongly_recommend": "We strongly recommend disabling this setting. You can follow",
+      "steps": "these steps",
+      "how": "on how to do so",
+      "disable_setting": " If disabling this setting doesn't fix the display of text elements, please open an",
+      "issue": "issue",
+      "write": "on our GitHub, or write us on",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Selection",
diff --git a/src/types.ts b/src/types.ts
index e40476ead..09848df1d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -32,6 +32,7 @@ import type { FileSystemHandle } from "./data/filesystem";
 import type { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
 import { Merge, ForwardRef } from "./utility-types";
+import React from "react";
 
 export type Point = Readonly<RoughPoint>;
 
@@ -101,7 +102,7 @@ export type AppState = {
   } | null;
   showWelcomeScreen: boolean;
   isLoading: boolean;
-  errorMessage: string | null;
+  errorMessage: React.ReactNode;
   draggingElement: NonDeletedExcalidrawElement | null;
   resizingElement: NonDeletedExcalidrawElement | null;
   multiElement: NonDeleted<ExcalidrawLinearElement> | null;

From 6aeb18b784d19bdcbbc438ed604603a78c1d5899 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 14 Mar 2023 17:08:23 +0530
Subject: [PATCH 103/252] fix: refresh dimensions when elements loaded from
 shareable link and blob (#6333)

* fix: refresh dimensions when elements loaded from shareable link

* refresh text dimensions when loading from file

* remove log
---
 src/data/blob.ts                 | 2 +-
 src/excalidraw-app/data/index.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/data/blob.ts b/src/data/blob.ts
index 35c040ef3..47cff293f 100644
--- a/src/data/blob.ts
+++ b/src/data/blob.ts
@@ -157,7 +157,7 @@ export const loadSceneOrLibraryFromBlob = async (
           },
           localAppState,
           localElements,
-          { repairBindings: true },
+          { repairBindings: true, refreshDimensions: true },
         ),
       };
     } else if (isValidLibrary(data)) {
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index 393c51580..7f13bc615 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -263,7 +263,7 @@ export const loadScene = async (
       await importFromBackend(id, privateKey),
       localDataState?.appState,
       localDataState?.elements,
-      { repairBindings: true },
+      { repairBindings: true, refreshDimensions: true },
     );
   } else {
     data = restore(localDataState || null, null, null, {

From ab49cad6b1e84db512c12d9b030c0d615c402b58 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 14 Mar 2023 17:18:16 +0530
Subject: [PATCH 104/252] perf: break early if the line width <= max width of
 the container (#6347)

* fix: break early if the line width <= max width of the container

* Remove dead code

* remove dead code

* lint

* remove
---
 src/element/textElement.test.ts | 13 ++++++--
 src/element/textElement.ts      | 54 ++++++++++++++++-----------------
 2 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 7bc361b4d..3de960375 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -16,7 +16,7 @@ describe("Test wrapText", () => {
     const text = "Hello whats up     ";
     const maxWidth = 200 - BOUND_TEXT_PADDING * 2;
     const res = wrapText(text, font, maxWidth);
-    expect(res).toBe("Hello whats up    ");
+    expect(res).toBe(text);
   });
 
   it("should work with emojis", () => {
@@ -26,7 +26,7 @@ describe("Test wrapText", () => {
     expect(res).toBe("😀");
   });
 
-  it("should show the text correctly when min width reached", () => {
+  it("should show the text correctly when max width reached", () => {
     const text = "Hello😀";
     const maxWidth = 10;
     const res = wrapText(text, font, maxWidth);
@@ -136,6 +136,7 @@ whats up`,
       });
     });
   });
+
   describe("When text is long", () => {
     const text = `hellolongtextthisiswhatsupwithyouIamtypingggggandtypinggg break it now`;
     [
@@ -175,6 +176,14 @@ break it now`,
       });
     });
   });
+
+  it("should wrap the text correctly when word length is exactly equal to max width", () => {
+    const text = "Hello Excalidraw";
+    // Length of "Excalidraw" is 100 and exacty equal to max width
+    const res = wrapText(text, font, 100);
+    expect(res).toEqual(`Hello 
+Excalidraw`);
+  });
 });
 
 describe("Test measureText", () => {
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index bdb11c9ac..068d4a820 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -327,25 +327,38 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
   const lines: Array<string> = [];
   const originalLines = text.split("\n");
   const spaceWidth = getLineWidth(" ", font);
+
+  let currentLine = "";
+  let currentLineWidthTillNow = 0;
+
   const push = (str: string) => {
     if (str.trim()) {
       lines.push(str);
     }
   };
+
+  const resetParams = () => {
+    currentLine = "";
+    currentLineWidthTillNow = 0;
+  };
+
   originalLines.forEach((originalLine) => {
-    const words = originalLine.split(" ");
-    // This means its newline so push it
-    if (words.length === 1 && words[0] === "") {
-      lines.push(words[0]);
+    const currentLineWidth = getTextWidth(originalLine, font);
+
+    //Push the line if its <= maxWidth
+    if (currentLineWidth <= maxWidth) {
+      lines.push(originalLine);
       return; // continue
     }
-    let currentLine = "";
-    let currentLineWidthTillNow = 0;
+    const words = originalLine.split(" ");
+
+    resetParams();
 
     let index = 0;
 
     while (index < words.length) {
       const currentWordWidth = getLineWidth(words[index], font);
+
       // This will only happen when single word takes entire width
       if (currentWordWidth === maxWidth) {
         push(words[index]);
@@ -357,8 +370,8 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
         // push current line since the current word exceeds the max width
         // so will be appended in next line
         push(currentLine);
-        currentLine = "";
-        currentLineWidthTillNow = 0;
+
+        resetParams();
 
         while (words[index].length > 0) {
           const currentChar = String.fromCodePoint(
@@ -369,10 +382,6 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
           words[index] = words[index].slice(currentChar.length);
 
           if (currentLineWidthTillNow >= maxWidth) {
-            // only remove last trailing space which we have added when joining words
-            if (currentLine.slice(-1) === " ") {
-              currentLine = currentLine.slice(0, -1);
-            }
             push(currentLine);
             currentLine = currentChar;
             currentLineWidthTillNow = width;
@@ -380,11 +389,11 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
             currentLine += currentChar;
           }
         }
+
         // push current line if appending space exceeds max width
         if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
           push(currentLine);
-          currentLine = "";
-          currentLineWidthTillNow = 0;
+          resetParams();
         } else {
           // space needs to be appended before next word
           // as currentLine contains chars which couldn't be appended
@@ -392,7 +401,6 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
           currentLine += " ";
           currentLineWidthTillNow += spaceWidth;
         }
-
         index++;
       } else {
         // Start appending words in a line till max width reached
@@ -402,8 +410,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
 
           if (currentLineWidthTillNow > maxWidth) {
             push(currentLine);
-            currentLineWidthTillNow = 0;
-            currentLine = "";
+            resetParams();
 
             break;
           }
@@ -414,22 +421,15 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
           if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
             const word = currentLine.slice(0, -1);
             push(word);
-            currentLine = "";
-            currentLineWidthTillNow = 0;
+            resetParams();
             break;
           }
         }
-        if (currentLineWidthTillNow === maxWidth) {
-          currentLine = "";
-          currentLineWidthTillNow = 0;
-        }
       }
     }
-    if (currentLine) {
+    if (currentLine.slice(-1) === " ") {
       // only remove last trailing space which we have added when joining words
-      if (currentLine.slice(-1) === " ") {
-        currentLine = currentLine.slice(0, -1);
-      }
+      currentLine = currentLine.slice(0, -1);
       push(currentLine);
     }
   });

From f6e8be399e55f39c9858f510d67cbe7fd68f8d47 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 14 Mar 2023 17:21:46 +0530
Subject: [PATCH 105/252] fix: hide text align for labelled arrows (#6339)

* fix: hide text align for labelled arrows

* lintttt

* since we fetch seledcted Elements including the bound text hence this block can be removed

* fix
---
 src/actions/actionProperties.tsx       |  3 +++
 src/components/Actions.tsx             |  8 ++++++--
 src/element/textElement.ts             | 18 ++++++++++++++----
 src/tests/linearElementEditor.test.tsx | 12 ++++++++++++
 4 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index 4e6f0d587..309e46bdc 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -745,16 +745,19 @@ export const actionChangeTextAlign = register({
               value: "left",
               text: t("labels.left"),
               icon: TextAlignLeftIcon,
+              testId: "align-left",
             },
             {
               value: "center",
               text: t("labels.center"),
               icon: TextAlignCenterIcon,
+              testId: "align-horizontal-center",
             },
             {
               value: "right",
               text: t("labels.right"),
               icon: TextAlignRightIcon,
+              testId: "align-right",
             },
           ]}
           value={getFormValue(
diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 2ee9babfc..3bbc0ff1a 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -30,7 +30,10 @@ import clsx from "clsx";
 import { actionToggleZenMode } from "../actions";
 import "./Actions.scss";
 import { Tooltip } from "./Tooltip";
-import { shouldAllowVerticalAlign } from "../element/textElement";
+import {
+  shouldAllowVerticalAlign,
+  suppportsHorizontalAlign,
+} from "../element/textElement";
 
 export const SelectedShapeActions = ({
   appState,
@@ -122,7 +125,8 @@ export const SelectedShapeActions = ({
 
           {renderAction("changeFontFamily")}
 
-          {renderAction("changeTextAlign")}
+          {suppportsHorizontalAlign(targetElements) &&
+            renderAction("changeTextAlign")}
         </>
       )}
 
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 068d4a820..7dc11c9a7 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -668,14 +668,24 @@ export const shouldAllowVerticalAlign = (
       }
       return true;
     }
-    const boundTextElement = getBoundTextElement(element);
-    if (boundTextElement) {
-      if (isArrowElement(element)) {
+    return false;
+  });
+};
+
+export const suppportsHorizontalAlign = (
+  selectedElements: NonDeletedExcalidrawElement[],
+) => {
+  return selectedElements.some((element) => {
+    const hasBoundContainer = isBoundToContainer(element);
+    if (hasBoundContainer) {
+      const container = getContainerElement(element);
+      if (isTextElement(element) && isArrowElement(container)) {
         return false;
       }
       return true;
     }
-    return false;
+
+    return isTextElement(element);
   });
 };
 
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index a606fb384..8c1d29325 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -1179,5 +1179,17 @@ describe("Test Linear Elements", () => {
         easy"
       `);
     });
+
+    it("should not render horizontal align tool when element selected", () => {
+      createTwoPointerLinearElement("arrow");
+      const arrow = h.elements[0] as ExcalidrawLinearElement;
+
+      createBoundTextElement(DEFAULT_TEXT, arrow);
+      API.setSelectedElements([arrow]);
+
+      expect(queryByTestId(container, "align-left")).toBeNull();
+      expect(queryByTestId(container, "align-horizontal-center")).toBeNull();
+      expect(queryByTestId(container, "align-right")).toBeNull();
+    });
   });
 });

From 20edddcd4efa3d784cd2a4295e03e1fbeaf1d1d6 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 14 Mar 2023 13:03:55 +0100
Subject: [PATCH 106/252] fix: ensure export preview is centered (#6337)

---
 src/components/ExportDialog.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/ExportDialog.scss b/src/components/ExportDialog.scss
index 7bc0c808e..3cb31c484 100644
--- a/src/components/ExportDialog.scss
+++ b/src/components/ExportDialog.scss
@@ -9,6 +9,10 @@
     text-align: center;
     padding: var(--preview-padding);
     margin-bottom: calc(var(--space-factor) * 3);
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   .ExportDialog__preview canvas {

From fe83e2922ddca078bc4b63d491a846b3a824813d Mon Sep 17 00:00:00 2001
From: Salah Eddine Daci <dacidigital@gmail.com>
Date: Tue, 14 Mar 2023 13:06:57 +0100
Subject: [PATCH 107/252] build: move TS and types to devDependencies (#6346)

---
 package.json | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index a19b2fb89..5816786e3 100644
--- a/package.json
+++ b/package.json
@@ -25,11 +25,6 @@
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.5",
     "@tldraw/vec": "1.7.1",
-    "@types/jest": "27.4.0",
-    "@types/pica": "5.1.3",
-    "@types/react": "18.0.15",
-    "@types/react-dom": "18.0.6",
-    "@types/socket.io-client": "1.4.36",
     "browser-fs-access": "0.29.1",
     "clsx": "1.1.1",
     "cross-env": "7.0.3",
@@ -57,7 +52,6 @@
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
     "tunnel-rat": "0.1.0",
-    "typescript": "4.9.4",
     "workbox-background-sync": "^6.5.4",
     "workbox-broadcast-update": "^6.5.4",
     "workbox-cacheable-response": "^6.5.4",
@@ -75,9 +69,14 @@
     "@excalidraw/eslint-config": "1.0.0",
     "@excalidraw/prettier-config": "1.0.2",
     "@types/chai": "4.3.0",
+    "@types/jest": "27.4.0",
     "@types/lodash.throttle": "4.1.7",
     "@types/pako": "1.0.3",
+    "@types/pica": "5.1.3",
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
     "@types/resize-observer-browser": "0.1.7",
+    "@types/socket.io-client": "1.4.36",
     "chai": "4.3.6",
     "dotenv": "16.0.1",
     "eslint-config-prettier": "8.5.0",
@@ -88,7 +87,8 @@
     "lint-staged": "12.3.7",
     "pepjs": "0.5.3",
     "prettier": "2.6.2",
-    "rewire": "6.0.0"
+    "rewire": "6.0.0",
+    "typescript": "4.9.4"
   },
   "engines": {
     "node": ">=14.0.0"

From e718136aea750fbd31334f3217012dcbe535f077 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 15 Mar 2023 11:03:40 +0530
Subject: [PATCH 108/252] build(deps): bump webpack from 5.74.0 to 5.76.1 in
 /dev-docs (#6356)

Bumps [webpack](https://github.com/webpack/webpack) from 5.74.0 to 5.76.1.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.74.0...v5.76.1)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 dev-docs/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index f6d61d9b6..041f39b55 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -7542,9 +7542,9 @@ webpack-sources@^3.2.2, webpack-sources@^3.2.3:
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
 webpack@^5.73.0:
-  version "5.74.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.74.0.tgz#02a5dac19a17e0bb47093f2be67c695102a55980"
-  integrity sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==
+  version "5.76.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.76.1.tgz#7773de017e988bccb0f13c7d75ec245f377d295c"
+  integrity sha512-4+YIK4Abzv8172/SGqObnUjaIHjLEuUasz9EwQj/9xmPPkYJy2Mh03Q/lJfSD3YLzbxy5FeTq5Uw0323Oh6SJQ==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"

From 7d217476440c18c1a8b3305547cc16cb6eb530d6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 15 Mar 2023 11:04:01 +0530
Subject: [PATCH 109/252] build(deps-dev): bump webpack from 5.73.0 to 5.76.0
 in /src/packages/excalidraw (#6355)

build(deps-dev): bump webpack in /src/packages/excalidraw

Bumps [webpack](https://github.com/webpack/webpack) from 5.73.0 to 5.76.0.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.73.0...v5.76.0)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 src/packages/excalidraw/package.json |  2 +-
 src/packages/excalidraw/yarn.lock    | 38 ++++++++++++++--------------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index a23a3b1e8..be4e61d27 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -64,7 +64,7 @@
     "terser-webpack-plugin": "5.3.3",
     "ts-loader": "9.3.1",
     "typescript": "4.7.4",
-    "webpack": "5.73.0",
+    "webpack": "5.76.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "4.10.0",
     "webpack-dev-server": "4.9.3",
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 320b26a54..339cda939 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -1393,10 +1393,10 @@ acorn-walk@^8.0.0:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.0.2.tgz#d4632bfc63fd93d0f15fd05ea0e984ffd3f5a8c3"
   integrity sha512-+bpA9MJsHdZ4bgfDcpk0ozQyhhVct7rzOmO0s1IIr0AGGgKBljss8n2zp11rRP2wid5VGeh04CgeKzgat5/25A==
 
-acorn@^8.0.4, acorn@^8.4.1, acorn@^8.5.0:
-  version "8.7.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
-  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
+acorn@^8.0.4, acorn@^8.5.0, acorn@^8.7.1:
+  version "8.8.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
+  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
 ajv-formats@^2.1.1:
   version "2.1.1"
@@ -2068,10 +2068,10 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.9.3:
-  version "5.10.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
-  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
+  version "5.12.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
+  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -3751,10 +3751,10 @@ vary@~1.1.2:
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
 
-watchpack@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.3.1.tgz#4200d9447b401156eeca7767ee610f8809bc9d25"
-  integrity sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==
+watchpack@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -3858,21 +3858,21 @@ webpack-sources@^3.2.3:
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-webpack@5.73.0:
-  version "5.73.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.73.0.tgz#bbd17738f8a53ee5760ea2f59dce7f3431d35d38"
-  integrity sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA==
+webpack@5.76.0:
+  version "5.76.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.76.0.tgz#f9fb9fb8c4a7dbdcd0d56a98e56b8a942ee2692c"
+  integrity sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"
     "@webassemblyjs/ast" "1.11.1"
     "@webassemblyjs/wasm-edit" "1.11.1"
     "@webassemblyjs/wasm-parser" "1.11.1"
-    acorn "^8.4.1"
+    acorn "^8.7.1"
     acorn-import-assertions "^1.7.6"
     browserslist "^4.14.5"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.9.3"
+    enhanced-resolve "^5.10.0"
     es-module-lexer "^0.9.0"
     eslint-scope "5.1.1"
     events "^3.2.0"
@@ -3885,7 +3885,7 @@ webpack@5.73.0:
     schema-utils "^3.1.0"
     tapable "^2.1.1"
     terser-webpack-plugin "^5.1.3"
-    watchpack "^2.3.1"
+    watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
 websocket-driver@>=0.5.1, websocket-driver@^0.7.4:

From 7e330c8ee1915d902e72a64c10f4e4e43ab40b3c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 15 Mar 2023 11:04:13 +0530
Subject: [PATCH 110/252] build(deps-dev): bump webpack from 5.73.0 to 5.76.0
 in /src/packages/utils (#6354)

build(deps-dev): bump webpack in /src/packages/utils

Bumps [webpack](https://github.com/webpack/webpack) from 5.73.0 to 5.76.0.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.73.0...v5.76.0)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 src/packages/utils/package.json |  2 +-
 src/packages/utils/yarn.lock    | 66 ++++++++++-----------------------
 2 files changed, 21 insertions(+), 47 deletions(-)

diff --git a/src/packages/utils/package.json b/src/packages/utils/package.json
index b8aea2b6d..7375e8b58 100644
--- a/src/packages/utils/package.json
+++ b/src/packages/utils/package.json
@@ -48,7 +48,7 @@
     "file-loader": "6.2.0",
     "sass-loader": "13.0.2",
     "ts-loader": "9.3.1",
-    "webpack": "5.73.0",
+    "webpack": "5.76.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "4.10.0"
   },
diff --git a/src/packages/utils/yarn.lock b/src/packages/utils/yarn.lock
index 483399b2f..c5d00fd23 100644
--- a/src/packages/utils/yarn.lock
+++ b/src/packages/utils/yarn.lock
@@ -1187,10 +1187,10 @@ acorn-walk@^8.0.0:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.0.2.tgz#d4632bfc63fd93d0f15fd05ea0e984ffd3f5a8c3"
   integrity sha512-+bpA9MJsHdZ4bgfDcpk0ozQyhhVct7rzOmO0s1IIr0AGGgKBljss8n2zp11rRP2wid5VGeh04CgeKzgat5/25A==
 
-acorn@^8.0.4, acorn@^8.4.1, acorn@^8.5.0:
-  version "8.7.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
-  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
+acorn@^8.0.4, acorn@^8.5.0, acorn@^8.7.1:
+  version "8.8.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
+  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
 ajv-keywords@^3.5.2:
   version "3.5.2"
@@ -1383,18 +1383,7 @@ braces@^3.0.1:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.14.5:
-  version "4.19.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.19.3.tgz#29b7caad327ecf2859485f696f9604214bedd383"
-  integrity sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==
-  dependencies:
-    caniuse-lite "^1.0.30001312"
-    electron-to-chromium "^1.4.71"
-    escalade "^3.1.1"
-    node-releases "^2.0.2"
-    picocolors "^1.0.0"
-
-browserslist@^4.20.2, browserslist@^4.21.2:
+browserslist@^4.14.5, browserslist@^4.20.2, browserslist@^4.21.2:
   version "4.21.2"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.2.tgz#59a400757465535954946a400b841ed37e2b4ecf"
   integrity sha512-MonuOgAtUB46uP5CezYbRaYKBNt2LxP0yX+Pmj4LkcDFGkn9Cbpi83d9sCjwQDErXsIJSzY5oKGDbgOlF/LPAA==
@@ -1417,11 +1406,6 @@ call-bind@^1.0.0:
     function-bind "^1.1.1"
     get-intrinsic "^1.0.2"
 
-caniuse-lite@^1.0.30001312:
-  version "1.0.30001312"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz#e11eba4b87e24d22697dae05455d5aea28550d5f"
-  integrity sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==
-
 caniuse-lite@^1.0.30001366:
   version "1.0.30001367"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001367.tgz#2b97fe472e8fa29c78c5970615d7cd2ee414108a"
@@ -1601,20 +1585,15 @@ electron-to-chromium@^1.4.188:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.195.tgz#139b2d95a42a3f17df217589723a1deac71d1473"
   integrity sha512-vefjEh0sk871xNmR5whJf9TEngX+KTKS3hOHpjoMpauKkwlGwtMz1H8IaIjAT/GNnX0TbGwAdmVoXCAzXf+PPg==
 
-electron-to-chromium@^1.4.71:
-  version "1.4.75"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.75.tgz#d1ad9bb46f2f1bf432118c2be21d27ffeae82fdd"
-  integrity sha512-LxgUNeu3BVU7sXaKjUDD9xivocQLxFtq6wgERrutdY/yIOps3ODOZExK1jg8DTEg4U8TUCb5MLGeWFOYuxjF3Q==
-
 emojis-list@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
   integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.9.3:
-  version "5.9.3"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz#44a342c012cbc473254af5cc6ae20ebd0aae5d88"
-  integrity sha512-Bq9VSor+kjvW3f9/MiiR4eE3XYgOl7/rS8lnSxbRbF3kS0B2r+Y9w5krBWxZgDxASVZbdYrn5wT4j/Wb0J9qow==
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
+  version "5.12.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
+  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -2011,11 +1990,6 @@ neo-async@^2.6.2:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-node-releases@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.2.tgz#7139fe71e2f4f11b47d4d2986aaf8c48699e0c01"
-  integrity sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==
-
 node-releases@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
@@ -2494,10 +2468,10 @@ util-deprecate@^1.0.2:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-watchpack@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.3.1.tgz#4200d9447b401156eeca7767ee610f8809bc9d25"
-  integrity sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==
+watchpack@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -2548,21 +2522,21 @@ webpack-sources@^3.2.3:
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-webpack@5.73.0:
-  version "5.73.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.73.0.tgz#bbd17738f8a53ee5760ea2f59dce7f3431d35d38"
-  integrity sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA==
+webpack@5.76.0:
+  version "5.76.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.76.0.tgz#f9fb9fb8c4a7dbdcd0d56a98e56b8a942ee2692c"
+  integrity sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"
     "@webassemblyjs/ast" "1.11.1"
     "@webassemblyjs/wasm-edit" "1.11.1"
     "@webassemblyjs/wasm-parser" "1.11.1"
-    acorn "^8.4.1"
+    acorn "^8.7.1"
     acorn-import-assertions "^1.7.6"
     browserslist "^4.14.5"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.9.3"
+    enhanced-resolve "^5.10.0"
     es-module-lexer "^0.9.0"
     eslint-scope "5.1.1"
     events "^3.2.0"
@@ -2575,7 +2549,7 @@ webpack@5.73.0:
     schema-utils "^3.1.0"
     tapable "^2.1.1"
     terser-webpack-plugin "^5.1.3"
-    watchpack "^2.3.1"
+    watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
 which@^2.0.1:

From 0726911fa608d1c1ad9480badbafa61f2acd8b9c Mon Sep 17 00:00:00 2001
From: Samyat Gautam <107800884+FadedBronze@users.noreply.github.com>
Date: Sat, 18 Mar 2023 11:00:28 -0400
Subject: [PATCH 111/252] fix: containerizing text incorrectly updates arrow
 bindings (#6369)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionBoundText.tsx |  22 ++++---
 src/tests/binding.test.tsx      | 100 ++++++++++++++++++++++++++++++++
 src/tests/helpers/api.ts        |   7 +++
 3 files changed, 122 insertions(+), 7 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 94384134d..bdf1df60c 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -239,15 +239,23 @@ export const actionCreateContainerFromText = register({
           linearElementIds.includes(ele.id),
         ) as ExcalidrawLinearElement[];
         linearElements.forEach((ele) => {
-          let startBinding = null;
-          let endBinding = null;
-          if (ele.startBinding) {
-            startBinding = { ...ele.startBinding, elementId: container.id };
+          let startBinding = ele.startBinding;
+          let endBinding = ele.endBinding;
+
+          if (startBinding?.elementId === textElement.id) {
+            startBinding = {
+              ...startBinding,
+              elementId: container.id,
+            };
           }
-          if (ele.endBinding) {
-            endBinding = { ...ele.endBinding, elementId: container.id };
+
+          if (endBinding?.elementId === textElement.id) {
+            endBinding = { ...endBinding, elementId: container.id };
+          }
+
+          if (startBinding || endBinding) {
+            mutateElement(ele, { startBinding, endBinding });
           }
-          mutateElement(ele, { startBinding, endBinding });
         });
       }
 
diff --git a/src/tests/binding.test.tsx b/src/tests/binding.test.tsx
index 52bfad100..c615eb925 100644
--- a/src/tests/binding.test.tsx
+++ b/src/tests/binding.test.tsx
@@ -4,6 +4,7 @@ import { UI, Pointer, Keyboard } from "./helpers/ui";
 import { getTransformHandles } from "../element/transformHandles";
 import { API } from "./helpers/api";
 import { KEYS } from "../keys";
+import { actionCreateContainerFromText } from "../actions/actionBoundText";
 
 const { h } = window;
 
@@ -209,4 +210,103 @@ describe("element binding", () => {
     ).toBe(null);
     expect(arrow.endBinding?.elementId).toBe(text.id);
   });
+
+  it("should update binding when text containerized", async () => {
+    const rectangle1 = API.createElement({
+      type: "rectangle",
+      id: "rectangle1",
+      width: 100,
+      height: 100,
+      boundElements: [
+        { id: "arrow1", type: "arrow" },
+        { id: "arrow2", type: "arrow" },
+      ],
+    });
+
+    const arrow1 = API.createElement({
+      type: "arrow",
+      id: "arrow1",
+      points: [
+        [0, 0],
+        [0, -87.45777932247563],
+      ],
+      startBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+      endBinding: {
+        elementId: "text1",
+        focus: 0.2,
+        gap: 7,
+      },
+    });
+
+    const arrow2 = API.createElement({
+      type: "arrow",
+      id: "arrow2",
+      points: [
+        [0, 0],
+        [0, -87.45777932247563],
+      ],
+      startBinding: {
+        elementId: "text1",
+        focus: 0.2,
+        gap: 7,
+      },
+      endBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+    });
+
+    const text1 = API.createElement({
+      type: "text",
+      id: "text1",
+      text: "ola",
+      boundElements: [
+        { id: "arrow1", type: "arrow" },
+        { id: "arrow2", type: "arrow" },
+      ],
+    });
+
+    h.elements = [rectangle1, arrow1, arrow2, text1];
+
+    API.setSelectedElements([text1]);
+
+    expect(h.state.selectedElementIds[text1.id]).toBe(true);
+
+    h.app.actionManager.executeAction(actionCreateContainerFromText);
+
+    // new text container will be placed before the text element
+    const container = h.elements.at(-2)!;
+
+    expect(container.type).toBe("rectangle");
+    expect(container.id).not.toBe(rectangle1.id);
+
+    expect(container).toEqual(
+      expect.objectContaining({
+        boundElements: expect.arrayContaining([
+          {
+            type: "text",
+            id: text1.id,
+          },
+          {
+            type: "arrow",
+            id: arrow1.id,
+          },
+          {
+            type: "arrow",
+            id: arrow2.id,
+          },
+        ]),
+      }),
+    );
+
+    expect(arrow1.startBinding?.elementId).toBe(rectangle1.id);
+    expect(arrow1.endBinding?.elementId).toBe(container.id);
+    expect(arrow2.startBinding?.elementId).toBe(container.id);
+    expect(arrow2.endBinding?.elementId).toBe(rectangle1.id);
+  });
 });
diff --git a/src/tests/helpers/api.ts b/src/tests/helpers/api.ts
index a0feab2f2..5cd0943ae 100644
--- a/src/tests/helpers/api.ts
+++ b/src/tests/helpers/api.ts
@@ -111,6 +111,9 @@ export class API {
     fileId?: T extends "image" ? string : never;
     scale?: T extends "image" ? ExcalidrawImageElement["scale"] : never;
     status?: T extends "image" ? ExcalidrawImageElement["status"] : never;
+    startBinding?: T extends "arrow"
+      ? ExcalidrawLinearElement["startBinding"]
+      : never;
     endBinding?: T extends "arrow"
       ? ExcalidrawLinearElement["endBinding"]
       : never;
@@ -221,6 +224,10 @@ export class API {
         });
         break;
     }
+    if (element.type === "arrow") {
+      element.startBinding = rest.startBinding ?? null;
+      element.endBinding = rest.endBinding ?? null;
+    }
     if (id) {
       element.id = id;
     }

From 5c8941467d7275ba553fb171639698c047666c3b Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Mon, 20 Mar 2023 13:20:09 +0100
Subject: [PATCH 112/252] fix: division by zero in findFocusPointForEllipse
 leads to infinite loop in wrapText freezing Excalidraw (#6377)

* Update collision.ts

* Update textElement.ts

* Update textElement.ts

* tweak

* fix

* remove unnecessary `Math.sign`

* change check and add doc

* Add a case for negative max width and specs

* fix

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/element/collision.ts        | 7 ++++++-
 src/element/textElement.test.ts | 7 +++++++
 src/element/textElement.ts      | 7 +++++++
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/element/collision.ts b/src/element/collision.ts
index 097b76d34..0e7257d79 100644
--- a/src/element/collision.ts
+++ b/src/element/collision.ts
@@ -786,7 +786,12 @@ export const findFocusPointForEllipse = (
       orientation * py * Math.sqrt(Math.max(0, squares - a ** 2 * b ** 2))) /
     squares;
 
-  const n = (-m * px - 1) / py;
+  let n = (-m * px - 1) / py;
+
+  if (n === 0) {
+    // if zero {-0, 0}, fall back to a same-sign value in the similar range
+    n = (Object.is(n, -0) ? -1 : 1) * 0.01;
+  }
 
   const x = -(a ** 2 * m) / (n ** 2 * b ** 2 + m ** 2 * a ** 2);
   return GA.point(x, (-m * x - 1) / n);
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 3de960375..be6d1a8a2 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -184,6 +184,13 @@ break it now`,
     expect(res).toEqual(`Hello 
 Excalidraw`);
   });
+
+  it("should return the text as is if max width is invalid", () => {
+    const text = "Hello Excalidraw";
+    expect(wrapText(text, font, NaN)).toEqual(text);
+    expect(wrapText(text, font, -1)).toEqual(text);
+    expect(wrapText(text, font, Infinity)).toEqual(text);
+  });
 });
 
 describe("Test measureText", () => {
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 7dc11c9a7..8d1b09014 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -324,6 +324,13 @@ export const getTextHeight = (text: string, font: FontString) => {
 };
 
 export const wrapText = (text: string, font: FontString, maxWidth: number) => {
+  // if maxWidth is not finite or NaN which can happen in case of bugs in
+  // computation, we need to make sure we don't continue as we'll end up
+  // in an infinite loop
+  if (!Number.isFinite(maxWidth) || maxWidth < 0) {
+    return text;
+  }
+
   const lines: Array<string> = [];
   const originalLines = text.split("\n");
   const spaceWidth = getLineWidth(" ", font);

From ac4c8b3ca798c486a3c86ad71eb4d16352a486be Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 21 Mar 2023 18:48:49 +0100
Subject: [PATCH 113/252] fix: chrome crashing when embedding scene on chrome
 arm (#6383)

---
 src/data/index.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/data/index.ts b/src/data/index.ts
index 89877aab9..20ba75ebe 100644
--- a/src/data/index.ts
+++ b/src/data/index.ts
@@ -89,7 +89,9 @@ export const exportCanvas = async (
     return await fileSave(blob, {
       description: "Export to PNG",
       name,
-      extension: appState.exportEmbedScene ? "excalidraw.png" : "png",
+      // FIXME reintroduce `excalidraw.png` when most people upgrade away
+      // from 111.0.5563.64 (arm64), see #6349
+      extension: /* appState.exportEmbedScene ? "excalidraw.png" : */ "png",
       fileHandle,
     });
   } else if (type === "clipboard") {

From 83383977f58182e3dd80dc2ade2b9b51434455fe Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 22 Mar 2023 11:32:38 +0530
Subject: [PATCH 114/252] feat: add line height attribute to text element
 (#6360)

* feat: add line height attribute to text element

* lint

* update line height when redrawing text bounding box

* fix tests

* retain line height when pasting styles

* fix test

* create a util for calculating ling height using old algo

* update line height when resizing multiple text elements

* make line height backward compatible

* udpate line height for older element when font size updated

* remove logs

* Add specs

* lint

* review fixes

* simplify by changing `lineHeight` from px to unitless

* make param non-optional

* update comment

* fix: jumping text due to font size being calculated incorrectly

* update line height when font family is updated

* lint

* Add spec

* more specs

* rename to getDefaultLineHeight

* fix getting lineHeight for potentially undefined fontFamily

* reduce duplication

* fix fallback

* refactor and comment tweaks

* fix

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionBoundText.tsx               |   1 +
 src/actions/actionProperties.tsx              |   2 +
 src/actions/actionStyles.ts                   |  17 ++-
 src/components/App.tsx                        |  39 +++---
 src/data/restore.ts                           |  22 +++-
 src/element/newElement.ts                     |  13 +-
 src/element/resizeElements.ts                 |  28 +++--
 src/element/textElement.test.ts               |  60 ++++++---
 src/element/textElement.ts                    | 116 ++++++++++++++----
 src/element/textWysiwyg.test.tsx              |  65 +++++++---
 src/element/textWysiwyg.tsx                   |  21 ++--
 src/element/types.ts                          |   5 +
 src/renderer/renderElement.ts                 |  20 +--
 .../linearElementEditor.test.tsx.snap         |   2 +-
 src/tests/clipboard.test.tsx                  |  34 +++--
 .../data/__snapshots__/restore.test.ts.snap   |   4 +-
 src/tests/helpers/api.ts                      |   6 +-
 src/tests/linearElementEditor.test.tsx        |  14 +--
 18 files changed, 326 insertions(+), 143 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index bdf1df60c..639a003fc 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -45,6 +45,7 @@ export const actionUnbindText = register({
         const { width, height } = measureText(
           boundTextElement.originalText,
           getFontString(boundTextElement),
+          boundTextElement.lineHeight,
         );
         const originalContainerHeight = getOriginalContainerHeightFromCache(
           element.id,
diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index 309e46bdc..08420d9ef 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -54,6 +54,7 @@ import { mutateElement, newElementWith } from "../element/mutateElement";
 import {
   getBoundTextElement,
   getContainerElement,
+  getDefaultLineHeight,
 } from "../element/textElement";
 import {
   isBoundToContainer,
@@ -637,6 +638,7 @@ export const actionChangeFontFamily = register({
               oldElement,
               {
                 fontFamily: value,
+                lineHeight: getDefaultLineHeight(value),
               },
             );
             redrawTextBoundingBox(newElement, getContainerElement(oldElement));
diff --git a/src/actions/actionStyles.ts b/src/actions/actionStyles.ts
index b2be3853d..aaa59d324 100644
--- a/src/actions/actionStyles.ts
+++ b/src/actions/actionStyles.ts
@@ -12,7 +12,10 @@ import {
   DEFAULT_FONT_FAMILY,
   DEFAULT_TEXT_ALIGN,
 } from "../constants";
-import { getBoundTextElement } from "../element/textElement";
+import {
+  getBoundTextElement,
+  getDefaultLineHeight,
+} from "../element/textElement";
 import {
   hasBoundTextElement,
   canApplyRoundnessTypeToElement,
@@ -92,12 +95,18 @@ export const actionPasteStyles = register({
           });
 
           if (isTextElement(newElement)) {
+            const fontSize =
+              elementStylesToCopyFrom?.fontSize || DEFAULT_FONT_SIZE;
+            const fontFamily =
+              elementStylesToCopyFrom?.fontFamily || DEFAULT_FONT_FAMILY;
             newElement = newElementWith(newElement, {
-              fontSize: elementStylesToCopyFrom?.fontSize || DEFAULT_FONT_SIZE,
-              fontFamily:
-                elementStylesToCopyFrom?.fontFamily || DEFAULT_FONT_FAMILY,
+              fontSize,
+              fontFamily,
               textAlign:
                 elementStylesToCopyFrom?.textAlign || DEFAULT_TEXT_ALIGN,
+              lineHeight:
+                elementStylesToCopyFrom.lineHeight ||
+                getDefaultLineHeight(fontFamily),
             });
             let container = null;
             if (newElement.containerId) {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 714c349c8..624d4e346 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -260,13 +260,14 @@ import throttle from "lodash.throttle";
 import { fileOpen, FileSystemHandle } from "../data/filesystem";
 import {
   bindTextToShapeAfterDuplication,
-  getApproxLineHeight,
   getApproxMinLineHeight,
   getApproxMinLineWidth,
   getBoundTextElement,
   getContainerCenter,
   getContainerDims,
   getContainerElement,
+  getDefaultLineHeight,
+  getLineHeightInPx,
   getTextBindableContainerAtPosition,
   isMeasureTextSupported,
   isValidTextContainer,
@@ -1731,12 +1732,14 @@ class App extends React.Component<AppProps, AppState> {
       (acc: ExcalidrawTextElement[], line, idx) => {
         const text = line.trim();
 
+        const lineHeight = getDefaultLineHeight(textElementProps.fontFamily);
         if (text.length) {
           const element = newTextElement({
             ...textElementProps,
             x,
             y: currentY,
             text,
+            lineHeight,
           });
           acc.push(element);
           currentY += element.height + LINE_GAP;
@@ -1745,14 +1748,9 @@ class App extends React.Component<AppProps, AppState> {
           // add paragraph only if previous line was not empty, IOW don't add
           // more than one empty line
           if (prevLine) {
-            const defaultLineHeight = getApproxLineHeight(
-              getFontString({
-                fontSize: textElementProps.fontSize,
-                fontFamily: textElementProps.fontFamily,
-              }),
-            );
-
-            currentY += defaultLineHeight + LINE_GAP;
+            currentY +=
+              getLineHeightInPx(textElementProps.fontSize, lineHeight) +
+              LINE_GAP;
           }
         }
 
@@ -2607,6 +2605,13 @@ class App extends React.Component<AppProps, AppState> {
       existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);
     }
 
+    const fontFamily =
+      existingTextElement?.fontFamily || this.state.currentItemFontFamily;
+
+    const lineHeight =
+      existingTextElement?.lineHeight || getDefaultLineHeight(fontFamily);
+    const fontSize = this.state.currentItemFontSize;
+
     if (
       !existingTextElement &&
       shouldBindToContainer &&
@@ -2614,11 +2619,14 @@ class App extends React.Component<AppProps, AppState> {
       !isArrowElement(container)
     ) {
       const fontString = {
-        fontSize: this.state.currentItemFontSize,
-        fontFamily: this.state.currentItemFontFamily,
+        fontSize,
+        fontFamily,
       };
-      const minWidth = getApproxMinLineWidth(getFontString(fontString));
-      const minHeight = getApproxMinLineHeight(getFontString(fontString));
+      const minWidth = getApproxMinLineWidth(
+        getFontString(fontString),
+        lineHeight,
+      );
+      const minHeight = getApproxMinLineHeight(fontSize, lineHeight);
       const containerDims = getContainerDims(container);
       const newHeight = Math.max(containerDims.height, minHeight);
       const newWidth = Math.max(containerDims.width, minWidth);
@@ -2652,8 +2660,8 @@ class App extends React.Component<AppProps, AppState> {
           opacity: this.state.currentItemOpacity,
           roundness: null,
           text: "",
-          fontSize: this.state.currentItemFontSize,
-          fontFamily: this.state.currentItemFontFamily,
+          fontSize,
+          fontFamily,
           textAlign: parentCenterPosition
             ? "center"
             : this.state.currentItemTextAlign,
@@ -2663,6 +2671,7 @@ class App extends React.Component<AppProps, AppState> {
           containerId: shouldBindToContainer ? container?.id : undefined,
           groupIds: container?.groupIds ?? [],
           locked: false,
+          lineHeight,
         });
 
     if (!existingTextElement && shouldBindToContainer && container) {
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 98df4547b..270e06d98 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -35,6 +35,7 @@ import { getUpdatedTimestamp, updateActiveTool } from "../utils";
 import { arrayToMap } from "../utils";
 import oc from "open-color";
 import { MarkOptional, Mutable } from "../utility-types";
+import { detectLineHeight, getDefaultLineHeight } from "../element/textElement";
 
 type RestoredAppState = Omit<
   AppState,
@@ -165,17 +166,32 @@ const restoreElement = (
         const [fontPx, _fontFamily]: [string, string] = (
           element as any
         ).font.split(" ");
-        fontSize = parseInt(fontPx, 10);
+        fontSize = parseFloat(fontPx);
         fontFamily = getFontFamilyByName(_fontFamily);
       }
+      const text = element.text ?? "";
+
       element = restoreElementWithProperties(element, {
         fontSize,
         fontFamily,
-        text: element.text ?? "",
+        text,
         textAlign: element.textAlign || DEFAULT_TEXT_ALIGN,
         verticalAlign: element.verticalAlign || DEFAULT_VERTICAL_ALIGN,
         containerId: element.containerId ?? null,
-        originalText: element.originalText || element.text,
+        originalText: element.originalText || text,
+        // line-height might not be specified either when creating elements
+        // programmatically, or when importing old diagrams.
+        // For the latter we want to detect the original line height which
+        // will likely differ from our per-font fixed line height we now use,
+        // to maintain backward compatibility.
+        lineHeight:
+          element.lineHeight ||
+          (element.height
+            ? // detect line-height from current element height and font-size
+              detectLineHeight(element)
+            : // no element height likely means programmatic use, so default
+              // to a fixed line height
+              getDefaultLineHeight(element.fontFamily)),
       });
 
       if (refreshDimensions) {
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 0fe16b553..6581097cd 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -29,6 +29,7 @@ import {
   normalizeText,
   wrapText,
   getMaxContainerWidth,
+  getDefaultLineHeight,
 } from "./textElement";
 import { VERTICAL_ALIGN } from "../constants";
 import { isArrowElement } from "./typeChecks";
@@ -137,10 +138,12 @@ export const newTextElement = (
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
     containerId?: ExcalidrawTextContainer["id"];
+    lineHeight?: ExcalidrawTextElement["lineHeight"];
   } & ElementConstructorOpts,
 ): NonDeleted<ExcalidrawTextElement> => {
+  const lineHeight = opts.lineHeight || getDefaultLineHeight(opts.fontFamily);
   const text = normalizeText(opts.text);
-  const metrics = measureText(text, getFontString(opts));
+  const metrics = measureText(text, getFontString(opts), lineHeight);
   const offsets = getTextElementPositionOffsets(opts, metrics);
   const textElement = newElementWith(
     {
@@ -156,6 +159,7 @@ export const newTextElement = (
       height: metrics.height,
       containerId: opts.containerId || null,
       originalText: text,
+      lineHeight,
     },
     {},
   );
@@ -176,6 +180,7 @@ const getAdjustedDimensions = (
   const { width: nextWidth, height: nextHeight } = measureText(
     nextText,
     getFontString(element),
+    element.lineHeight,
   );
   const { textAlign, verticalAlign } = element;
   let x: number;
@@ -185,7 +190,11 @@ const getAdjustedDimensions = (
     verticalAlign === VERTICAL_ALIGN.MIDDLE &&
     !element.containerId
   ) {
-    const prevMetrics = measureText(element.text, getFontString(element));
+    const prevMetrics = measureText(
+      element.text,
+      getFontString(element),
+      element.lineHeight,
+    );
     const offsets = getTextElementPositionOffsets(element, {
       width: nextWidth - prevMetrics.width,
       height: nextHeight - prevMetrics.height,
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 05eb630ed..a49559a7e 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -39,13 +39,13 @@ import {
 import { Point, PointerDownState } from "../types";
 import Scene from "../scene/Scene";
 import {
-  getApproxMinLineHeight,
   getApproxMinLineWidth,
   getBoundTextElement,
   getBoundTextElementId,
   getContainerElement,
   handleBindTextResize,
   getMaxContainerWidth,
+  getApproxMinLineHeight,
 } from "./textElement";
 
 export const normalizeAngle = (angle: number): number => {
@@ -360,7 +360,7 @@ export const resizeSingleElement = (
   let scaleX = atStartBoundsWidth / boundsCurrentWidth;
   let scaleY = atStartBoundsHeight / boundsCurrentHeight;
 
-  let boundTextFont: { fontSize?: number } = {};
+  let boundTextFontSize: number | null = null;
   const boundTextElement = getBoundTextElement(element);
 
   if (transformHandleDirection.includes("e")) {
@@ -410,9 +410,7 @@ export const resizeSingleElement = (
       boundTextElement.id,
     ) as typeof boundTextElement | undefined;
     if (stateOfBoundTextElementAtResize) {
-      boundTextFont = {
-        fontSize: stateOfBoundTextElementAtResize.fontSize,
-      };
+      boundTextFontSize = stateOfBoundTextElementAtResize.fontSize;
     }
     if (shouldMaintainAspectRatio) {
       const updatedElement = {
@@ -428,12 +426,16 @@ export const resizeSingleElement = (
       if (nextFontSize === null) {
         return;
       }
-      boundTextFont = {
-        fontSize: nextFontSize,
-      };
+      boundTextFontSize = nextFontSize;
     } else {
-      const minWidth = getApproxMinLineWidth(getFontString(boundTextElement));
-      const minHeight = getApproxMinLineHeight(getFontString(boundTextElement));
+      const minWidth = getApproxMinLineWidth(
+        getFontString(boundTextElement),
+        boundTextElement.lineHeight,
+      );
+      const minHeight = getApproxMinLineHeight(
+        boundTextElement.fontSize,
+        boundTextElement.lineHeight,
+      );
       eleNewWidth = Math.ceil(Math.max(eleNewWidth, minWidth));
       eleNewHeight = Math.ceil(Math.max(eleNewHeight, minHeight));
     }
@@ -566,8 +568,10 @@ export const resizeSingleElement = (
     });
 
     mutateElement(element, resizedElement);
-    if (boundTextElement && boundTextFont) {
-      mutateElement(boundTextElement, { fontSize: boundTextFont.fontSize });
+    if (boundTextElement && boundTextFontSize != null) {
+      mutateElement(boundTextElement, {
+        fontSize: boundTextFontSize,
+      });
     }
     handleBindTextResize(element, transformHandleDirection);
   }
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index be6d1a8a2..aa7df8ee6 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -1,4 +1,4 @@
-import { BOUND_TEXT_PADDING } from "../constants";
+import { BOUND_TEXT_PADDING, FONT_FAMILY } from "../constants";
 import { API } from "../tests/helpers/api";
 import {
   computeContainerDimensionForBoundText,
@@ -6,6 +6,9 @@ import {
   getMaxContainerWidth,
   getMaxContainerHeight,
   wrapText,
+  detectLineHeight,
+  getLineHeightInPx,
+  getDefaultLineHeight,
 } from "./textElement";
 import { FontString } from "./types";
 
@@ -40,9 +43,7 @@ describe("Test wrapText", () => {
       {
         desc: "break all words when width of each word is less than container width",
         width: 80,
-        res: `Hello 
-whats 
-up`,
+        res: `Hello \nwhats \nup`,
       },
       {
         desc: "break all characters when width of each character is less than container width",
@@ -64,8 +65,7 @@ p`,
         desc: "break words as per the width",
 
         width: 140,
-        res: `Hello whats 
-up`,
+        res: `Hello whats \nup`,
       },
       {
         desc: "fit the container",
@@ -95,9 +95,7 @@ whats up`;
       {
         desc: "break all words when width of each word is less than container width",
         width: 80,
-        res: `Hello
-whats 
-up`,
+        res: `Hello\nwhats \nup`,
       },
       {
         desc: "break all characters when width of each character is less than container width",
@@ -143,11 +141,7 @@ whats up`,
       {
         desc: "fit characters of long string as per container width",
         width: 170,
-        res: `hellolongtextth
-isiswhatsupwith
-youIamtypingggg
-gandtypinggg 
-break it now`,
+        res: `hellolongtextth\nisiswhatsupwith\nyouIamtypingggg\ngandtypinggg \nbreak it now`,
       },
 
       {
@@ -166,8 +160,7 @@ now`,
         desc: "fit the long text when container width is greater than text length and move the rest to next line",
 
         width: 600,
-        res: `hellolongtextthisiswhatsupwithyouIamtypingggggandtypinggg 
-break it now`,
+        res: `hellolongtextthisiswhatsupwithyouIamtypingggggandtypinggg \nbreak it now`,
       },
     ].forEach((data) => {
       it(`should ${data.desc}`, () => {
@@ -181,8 +174,7 @@ break it now`,
     const text = "Hello Excalidraw";
     // Length of "Excalidraw" is 100 and exacty equal to max width
     const res = wrapText(text, font, 100);
-    expect(res).toEqual(`Hello 
-Excalidraw`);
+    expect(res).toEqual(`Hello \nExcalidraw`);
   });
 
   it("should return the text as is if max width is invalid", () => {
@@ -312,3 +304,35 @@ describe("Test measureText", () => {
     });
   });
 });
+
+const textElement = API.createElement({
+  type: "text",
+  text: "Excalidraw is a\nvirtual \nopensource \nwhiteboard for \nsketching \nhand-drawn like\ndiagrams",
+  fontSize: 20,
+  fontFamily: 1,
+  height: 175,
+});
+
+describe("Test detectLineHeight", () => {
+  it("should return correct line height", () => {
+    expect(detectLineHeight(textElement)).toBe(1.25);
+  });
+});
+
+describe("Test getLineHeightInPx", () => {
+  it("should return correct line height", () => {
+    expect(
+      getLineHeightInPx(textElement.fontSize, textElement.lineHeight),
+    ).toBe(25);
+  });
+});
+
+describe("Test getDefaultLineHeight", () => {
+  it("should return line height using default font family when not passed", () => {
+    //@ts-ignore
+    expect(getDefaultLineHeight()).toBe(1.25);
+  });
+  it("should return correct line height", () => {
+    expect(getDefaultLineHeight(FONT_FAMILY.Cascadia)).toBe(1.2);
+  });
+});
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 8d1b09014..fd501c141 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -4,6 +4,7 @@ import {
   ExcalidrawTextContainer,
   ExcalidrawTextElement,
   ExcalidrawTextElementWithContainer,
+  FontFamilyValues,
   FontString,
   NonDeletedExcalidrawElement,
 } from "./types";
@@ -12,6 +13,7 @@ import {
   BOUND_TEXT_PADDING,
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
+  FONT_FAMILY,
   TEXT_ALIGN,
   VERTICAL_ALIGN,
 } from "../constants";
@@ -41,12 +43,15 @@ export const normalizeText = (text: string) => {
   );
 };
 
+export const splitIntoLines = (text: string) => {
+  return normalizeText(text).split("\n");
+};
+
 export const redrawTextBoundingBox = (
   textElement: ExcalidrawTextElement,
   container: ExcalidrawElement | null,
 ) => {
   let maxWidth = undefined;
-
   const boundTextUpdates = {
     x: textElement.x,
     y: textElement.y,
@@ -68,6 +73,7 @@ export const redrawTextBoundingBox = (
   const metrics = measureText(
     boundTextUpdates.text,
     getFontString(textElement),
+    textElement.lineHeight,
   );
 
   boundTextUpdates.width = metrics.width;
@@ -185,7 +191,11 @@ export const handleBindTextResize = (
           maxWidth,
         );
       }
-      const dimensions = measureText(text, getFontString(textElement));
+      const dimensions = measureText(
+        text,
+        getFontString(textElement),
+        textElement.lineHeight,
+      );
       nextHeight = dimensions.height;
       nextWidth = dimensions.width;
     }
@@ -261,32 +271,52 @@ const computeBoundTextPosition = (
 
 // https://github.com/grassator/canvas-text-editor/blob/master/lib/FontMetrics.js
 
-export const measureText = (text: string, font: FontString) => {
+export const measureText = (
+  text: string,
+  font: FontString,
+  lineHeight: ExcalidrawTextElement["lineHeight"],
+) => {
   text = text
     .split("\n")
     // replace empty lines with single space because leading/trailing empty
     // lines would be stripped from computation
     .map((x) => x || " ")
     .join("\n");
-
-  const height = getTextHeight(text, font);
+  const fontSize = parseFloat(font);
+  const height = getTextHeight(text, fontSize, lineHeight);
   const width = getTextWidth(text, font);
 
   return { width, height };
 };
 
-const DUMMY_TEXT = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toLocaleUpperCase();
-const cacheApproxLineHeight: { [key: FontString]: number } = {};
+/**
+ * To get unitless line-height (if unknown) we can calculate it by dividing
+ * height-per-line by fontSize.
+ */
+export const detectLineHeight = (textElement: ExcalidrawTextElement) => {
+  const lineCount = splitIntoLines(textElement.text).length;
+  return (textElement.height /
+    lineCount /
+    textElement.fontSize) as ExcalidrawTextElement["lineHeight"];
+};
 
-export const getApproxLineHeight = (font: FontString) => {
-  if (cacheApproxLineHeight[font]) {
-    return cacheApproxLineHeight[font];
-  }
-  const fontSize = parseInt(font);
+/**
+ * We calculate the line height from the font size and the unitless line height,
+ * aligning with the W3C spec.
+ */
+export const getLineHeightInPx = (
+  fontSize: ExcalidrawTextElement["fontSize"],
+  lineHeight: ExcalidrawTextElement["lineHeight"],
+) => {
+  return fontSize * lineHeight;
+};
 
-  // Calculate line height relative to font size
-  cacheApproxLineHeight[font] = fontSize * 1.2;
-  return cacheApproxLineHeight[font];
+// FIXME rename to getApproxMinContainerHeight
+export const getApproxMinLineHeight = (
+  fontSize: ExcalidrawTextElement["fontSize"],
+  lineHeight: ExcalidrawTextElement["lineHeight"],
+) => {
+  return getLineHeightInPx(fontSize, lineHeight) + BOUND_TEXT_PADDING * 2;
 };
 
 let canvas: HTMLCanvasElement | undefined;
@@ -309,7 +339,7 @@ const getLineWidth = (text: string, font: FontString) => {
 };
 
 export const getTextWidth = (text: string, font: FontString) => {
-  const lines = text.replace(/\r\n?/g, "\n").split("\n");
+  const lines = splitIntoLines(text);
   let width = 0;
   lines.forEach((line) => {
     width = Math.max(width, getLineWidth(line, font));
@@ -317,10 +347,13 @@ export const getTextWidth = (text: string, font: FontString) => {
   return width;
 };
 
-export const getTextHeight = (text: string, font: FontString) => {
-  const lines = text.replace(/\r\n?/g, "\n").split("\n");
-  const lineHeight = getApproxLineHeight(font);
-  return lineHeight * lines.length;
+export const getTextHeight = (
+  text: string,
+  fontSize: number,
+  lineHeight: ExcalidrawTextElement["lineHeight"],
+) => {
+  const lineCount = splitIntoLines(text).length;
+  return getLineHeightInPx(fontSize, lineHeight) * lineCount;
 };
 
 export const wrapText = (text: string, font: FontString, maxWidth: number) => {
@@ -468,21 +501,23 @@ export const charWidth = (() => {
   };
 })();
 
-export const getApproxMinLineWidth = (font: FontString) => {
+const DUMMY_TEXT = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toLocaleUpperCase();
+
+// FIXME rename to getApproxMinContainerWidth
+export const getApproxMinLineWidth = (
+  font: FontString,
+  lineHeight: ExcalidrawTextElement["lineHeight"],
+) => {
   const maxCharWidth = getMaxCharWidth(font);
   if (maxCharWidth === 0) {
     return (
-      measureText(DUMMY_TEXT.split("").join("\n"), font).width +
+      measureText(DUMMY_TEXT.split("").join("\n"), font, lineHeight).width +
       BOUND_TEXT_PADDING * 2
     );
   }
   return maxCharWidth + BOUND_TEXT_PADDING * 2;
 };
 
-export const getApproxMinLineHeight = (font: FontString) => {
-  return getApproxLineHeight(font) + BOUND_TEXT_PADDING * 2;
-};
-
 export const getMinCharWidth = (font: FontString) => {
   const cache = charWidth.getCache(font);
   if (!cache) {
@@ -828,3 +863,32 @@ export const isMeasureTextSupported = () => {
   );
   return width > 0;
 };
+
+/**
+ * Unitless line height
+ *
+ * In previous versions we used `normal` line height, which browsers interpret
+ * differently, and based on font-family and font-size.
+ *
+ * To make line heights consistent across browsers we hardcode the values for
+ * each of our fonts based on most common average line-heights.
+ * See https://github.com/excalidraw/excalidraw/pull/6360#issuecomment-1477635971
+ * where the values come from.
+ */
+const DEFAULT_LINE_HEIGHT = {
+  // ~1.25 is the average for Virgil in WebKit and Blink.
+  // Gecko (FF) uses ~1.28.
+  [FONT_FAMILY.Virgil]: 1.25 as ExcalidrawTextElement["lineHeight"],
+  // ~1.15 is the average for Virgil in WebKit and Blink.
+  // Gecko if all over the place.
+  [FONT_FAMILY.Helvetica]: 1.15 as ExcalidrawTextElement["lineHeight"],
+  // ~1.2 is the average for Virgil in WebKit and Blink, and kinda Gecko too
+  [FONT_FAMILY.Cascadia]: 1.2 as ExcalidrawTextElement["lineHeight"],
+};
+
+export const getDefaultLineHeight = (fontFamily: FontFamilyValues) => {
+  if (fontFamily) {
+    return DEFAULT_LINE_HEIGHT[fontFamily];
+  }
+  return DEFAULT_LINE_HEIGHT[DEFAULT_FONT_FAMILY];
+};
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 25d266306..0873a2d23 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -783,7 +783,7 @@ describe("textWysiwyg", () => {
         rectangle.y + h.elements[0].height / 2 - text.height / 2,
       );
       expect(text.x).toBe(25);
-      expect(text.height).toBe(48);
+      expect(text.height).toBe(50);
       expect(text.width).toBe(60);
 
       // Edit and text by removing second line and it should
@@ -810,7 +810,7 @@ describe("textWysiwyg", () => {
 
       expect(text.text).toBe("Hello");
       expect(text.originalText).toBe("Hello");
-      expect(text.height).toBe(24);
+      expect(text.height).toBe(25);
       expect(text.width).toBe(50);
       expect(text.y).toBe(
         rectangle.y + h.elements[0].height / 2 - text.height / 2,
@@ -903,7 +903,7 @@ describe("textWysiwyg", () => {
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
           85,
-          5,
+          4.5,
         ]
       `);
 
@@ -929,7 +929,7 @@ describe("textWysiwyg", () => {
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
         Array [
           15,
-          66,
+          65,
         ]
       `);
 
@@ -1067,9 +1067,9 @@ describe("textWysiwyg", () => {
       mouse.moveTo(rectangle.x + 100, rectangle.y + 50);
       mouse.up(rectangle.x + 100, rectangle.y + 50);
       expect(rectangle.x).toBe(80);
-      expect(rectangle.y).toBe(-35);
+      expect(rectangle.y).toBe(-40);
       expect(text.x).toBe(85);
-      expect(text.y).toBe(-30);
+      expect(text.y).toBe(-35);
 
       Keyboard.withModifierKeys({ ctrl: true }, () => {
         Keyboard.keyPress(KEYS.Z);
@@ -1112,7 +1112,7 @@ describe("textWysiwyg", () => {
         target: { value: "Online whiteboard collaboration made easy" },
       });
       editor.blur();
-      expect(rectangle.height).toBe(178);
+      expect(rectangle.height).toBe(185);
       mouse.select(rectangle);
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
@@ -1186,6 +1186,41 @@ describe("textWysiwyg", () => {
       );
     });
 
+    it("should update line height when font family updated", async () => {
+      Keyboard.keyPress(KEYS.ENTER);
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
+
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      await new Promise((r) => setTimeout(r, 0));
+      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      editor.blur();
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).lineHeight,
+      ).toEqual(1.25);
+
+      mouse.select(rectangle);
+      Keyboard.keyPress(KEYS.ENTER);
+
+      fireEvent.click(screen.getByTitle(/code/i));
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontFamily,
+      ).toEqual(FONT_FAMILY.Cascadia);
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).lineHeight,
+      ).toEqual(1.2);
+
+      fireEvent.click(screen.getByTitle(/normal/i));
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontFamily,
+      ).toEqual(FONT_FAMILY.Helvetica);
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).lineHeight,
+      ).toEqual(1.15);
+    });
+
     describe("should align correctly", () => {
       let editor: HTMLTextAreaElement;
 
@@ -1245,7 +1280,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             15,
-            45.5,
+            45,
           ]
         `);
       });
@@ -1257,7 +1292,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             30,
-            45.5,
+            45,
           ]
         `);
       });
@@ -1269,7 +1304,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             45,
-            45.5,
+            45,
           ]
         `);
       });
@@ -1281,7 +1316,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             15,
-            66,
+            65,
           ]
         `);
       });
@@ -1292,7 +1327,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             30,
-            66,
+            65,
           ]
         `);
       });
@@ -1303,7 +1338,7 @@ describe("textWysiwyg", () => {
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
           Array [
             45,
-            66,
+            65,
           ]
         `);
       });
@@ -1333,7 +1368,7 @@ describe("textWysiwyg", () => {
 
       const textElement = h.elements[1] as ExcalidrawTextElement;
       expect(textElement.width).toBe(600);
-      expect(textElement.height).toBe(24);
+      expect(textElement.height).toBe(25);
       expect(textElement.textAlign).toBe(TEXT_ALIGN.LEFT);
       expect((textElement as ExcalidrawTextElement).text).toBe(
         "Excalidraw is an opensource virtual collaborative whiteboard",
@@ -1365,7 +1400,7 @@ describe("textWysiwyg", () => {
           ],
           fillStyle: "hachure",
           groupIds: [],
-          height: 34,
+          height: 35,
           isDeleted: false,
           link: null,
           locked: false,
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index e2810e81d..4036719df 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -22,7 +22,6 @@ import {
 import { AppState } from "../types";
 import { mutateElement } from "./mutateElement";
 import {
-  getApproxLineHeight,
   getBoundTextElementId,
   getContainerCoords,
   getContainerDims,
@@ -150,9 +149,7 @@ export const textWysiwyg = ({
       return;
     }
     const { textAlign, verticalAlign } = updatedTextElement;
-    const approxLineHeight = getApproxLineHeight(
-      getFontString(updatedTextElement),
-    );
+
     if (updatedTextElement && isTextElement(updatedTextElement)) {
       let coordX = updatedTextElement.x;
       let coordY = updatedTextElement.y;
@@ -213,7 +210,7 @@ export const textWysiwyg = ({
         if (!isArrowElement(container) && textElementHeight > maxHeight) {
           const diff = Math.min(
             textElementHeight - maxHeight,
-            approxLineHeight,
+            element.lineHeight,
           );
           mutateElement(container, { height: containerDims.height + diff });
           return;
@@ -226,7 +223,7 @@ export const textWysiwyg = ({
         ) {
           const diff = Math.min(
             maxHeight - textElementHeight,
-            approxLineHeight,
+            element.lineHeight,
           );
           mutateElement(container, { height: containerDims.height - diff });
         }
@@ -266,10 +263,6 @@ export const textWysiwyg = ({
         editable.selectionEnd = editable.value.length - diff;
       }
 
-      const lines = updatedTextElement.originalText.split("\n");
-      const lineHeight = updatedTextElement.containerId
-        ? approxLineHeight
-        : updatedTextElement.height / lines.length;
       if (!container) {
         maxWidth = (appState.width - 8 - viewportX) / appState.zoom.value;
         textElementWidth = Math.min(textElementWidth, maxWidth);
@@ -282,7 +275,7 @@ export const textWysiwyg = ({
       Object.assign(editable.style, {
         font: getFontString(updatedTextElement),
         // must be defined *after* font ¯\_(ツ)_/¯
-        lineHeight: `${lineHeight}px`,
+        lineHeight: element.lineHeight,
         width: `${textElementWidth}px`,
         height: `${textElementHeight}px`,
         left: `${viewportX}px`,
@@ -388,7 +381,11 @@ export const textWysiwyg = ({
           font,
           getMaxContainerWidth(container!),
         );
-        const { width, height } = measureText(wrappedText, font);
+        const { width, height } = measureText(
+          wrappedText,
+          font,
+          updatedTextElement.lineHeight,
+        );
         editable.style.width = `${width}px`;
         editable.style.height = `${height}px`;
       }
diff --git a/src/element/types.ts b/src/element/types.ts
index e99b7e897..4b4bad74e 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -135,6 +135,11 @@ export type ExcalidrawTextElement = _ExcalidrawElementBase &
     verticalAlign: VerticalAlign;
     containerId: ExcalidrawGenericElement["id"] | null;
     originalText: string;
+    /**
+     * Unitless line height (aligned to W3C). To get line height in px, multiply
+     *  with font size (using `getLineHeightInPx` helper).
+     */
+    lineHeight: number & { _brand: "unitlessLineHeight" };
   }>;
 
 export type ExcalidrawBindableElement =
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index e49a1f465..0861315cc 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -40,10 +40,10 @@ import {
 } from "../constants";
 import { getStroke, StrokeOptions } from "perfect-freehand";
 import {
-  getApproxLineHeight,
   getBoundTextElement,
   getContainerCoords,
   getContainerElement,
+  getLineHeightInPx,
   getMaxContainerHeight,
   getMaxContainerWidth,
 } from "../element/textElement";
@@ -279,9 +279,7 @@ const drawElementOnCanvas = (
 
         // Canvas does not support multiline text by default
         const lines = element.text.replace(/\r\n?/g, "\n").split("\n");
-        const lineHeight = element.containerId
-          ? getApproxLineHeight(getFontString(element))
-          : element.height / lines.length;
+
         const horizontalOffset =
           element.textAlign === "center"
             ? element.width / 2
@@ -290,11 +288,16 @@ const drawElementOnCanvas = (
             : 0;
         context.textBaseline = "bottom";
 
+        const lineHeightPx = getLineHeightInPx(
+          element.fontSize,
+          element.lineHeight,
+        );
+
         for (let index = 0; index < lines.length; index++) {
           context.fillText(
             lines[index],
             horizontalOffset,
-            (index + 1) * lineHeight,
+            (index + 1) * lineHeightPx,
           );
         }
         context.restore();
@@ -1313,7 +1316,10 @@ export const renderElementToSvg = (
           }) rotate(${degree} ${cx} ${cy})`,
         );
         const lines = element.text.replace(/\r\n?/g, "\n").split("\n");
-        const lineHeight = element.height / lines.length;
+        const lineHeightPx = getLineHeightInPx(
+          element.fontSize,
+          element.lineHeight,
+        );
         const horizontalOffset =
           element.textAlign === "center"
             ? element.width / 2
@@ -1331,7 +1337,7 @@ export const renderElementToSvg = (
           const text = svgRoot.ownerDocument!.createElementNS(SVG_NS, "text");
           text.textContent = lines[i];
           text.setAttribute("x", `${horizontalOffset}`);
-          text.setAttribute("y", `${i * lineHeight}`);
+          text.setAttribute("y", `${i * lineHeightPx}`);
           text.setAttribute("font-family", getFontFamilyString(element));
           text.setAttribute("font-size", `${element.fontSize}px`);
           text.setAttribute("fill", element.strokeColor);
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index f84eab3a2..a2f142b66 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Test Linear Elements Test bound text element should match styles for te
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 24px; left: 35px; top: 8px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -8px; font: Emoji 20px 20px; line-height: 24px; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/clipboard.test.tsx b/src/tests/clipboard.test.tsx
index 26fcf4f0b..1fdc0f452 100644
--- a/src/tests/clipboard.test.tsx
+++ b/src/tests/clipboard.test.tsx
@@ -3,8 +3,10 @@ import { render, waitFor, GlobalTestState } from "./test-utils";
 import { Pointer, Keyboard } from "./helpers/ui";
 import ExcalidrawApp from "../excalidraw-app";
 import { KEYS } from "../keys";
-import { getApproxLineHeight } from "../element/textElement";
-import { getFontString } from "../utils";
+import {
+  getDefaultLineHeight,
+  getLineHeightInPx,
+} from "../element/textElement";
 import { getElementBounds } from "../element";
 import { NormalizedZoomValue } from "../types";
 
@@ -118,12 +120,10 @@ describe("paste text as single lines", () => {
 
   it("should space items correctly", async () => {
     const text = "hkhkjhki\njgkjhffjh\njgkjhffjh";
-    const lineHeight =
-      getApproxLineHeight(
-        getFontString({
-          fontSize: h.app.state.currentItemFontSize,
-          fontFamily: h.app.state.currentItemFontFamily,
-        }),
+    const lineHeightPx =
+      getLineHeightInPx(
+        h.app.state.currentItemFontSize,
+        getDefaultLineHeight(h.state.currentItemFontFamily),
       ) +
       10 / h.app.state.zoom.value;
     mouse.moveTo(100, 100);
@@ -135,19 +135,17 @@ describe("paste text as single lines", () => {
       for (let i = 1; i < h.elements.length; i++) {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const [fx, elY] = getElementBounds(h.elements[i]);
-        expect(elY).toEqual(firstElY + lineHeight * i);
+        expect(elY).toEqual(firstElY + lineHeightPx * i);
       }
     });
   });
 
   it("should leave a space for blank new lines", async () => {
     const text = "hkhkjhki\n\njgkjhffjh";
-    const lineHeight =
-      getApproxLineHeight(
-        getFontString({
-          fontSize: h.app.state.currentItemFontSize,
-          fontFamily: h.app.state.currentItemFontFamily,
-        }),
+    const lineHeightPx =
+      getLineHeightInPx(
+        h.app.state.currentItemFontSize,
+        getDefaultLineHeight(h.state.currentItemFontFamily),
       ) +
       10 / h.app.state.zoom.value;
     mouse.moveTo(100, 100);
@@ -158,7 +156,7 @@ describe("paste text as single lines", () => {
       const [fx, firstElY] = getElementBounds(h.elements[0]);
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const [lx, lastElY] = getElementBounds(h.elements[1]);
-      expect(lastElY).toEqual(firstElY + lineHeight * 2);
+      expect(lastElY).toEqual(firstElY + lineHeightPx * 2);
     });
   });
 });
@@ -224,7 +222,7 @@ describe("Paste bound text container", () => {
       await sleep(1);
       expect(h.elements.length).toEqual(2);
       const container = h.elements[0];
-      expect(container.height).toBe(354);
+      expect(container.height).toBe(368);
       expect(container.width).toBe(166);
     });
   });
@@ -247,7 +245,7 @@ describe("Paste bound text container", () => {
       await sleep(1);
       expect(h.elements.length).toEqual(2);
       const container = h.elements[0];
-      expect(container.height).toBe(740);
+      expect(container.height).toBe(770);
       expect(container.width).toBe(166);
     });
   });
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index b88803cd4..e9a0da005 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -291,6 +291,7 @@ Object {
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
+  "lineHeight": 1.25,
   "link": null,
   "locked": false,
   "opacity": 100,
@@ -312,7 +313,7 @@ Object {
   "verticalAlign": "middle",
   "width": 100,
   "x": -20,
-  "y": -8.4,
+  "y": -8.75,
 }
 `;
 
@@ -329,6 +330,7 @@ Object {
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
+  "lineHeight": 1.25,
   "link": null,
   "locked": false,
   "opacity": 100,
diff --git a/src/tests/helpers/api.ts b/src/tests/helpers/api.ts
index 5cd0943ae..bc8bfc8a9 100644
--- a/src/tests/helpers/api.ts
+++ b/src/tests/helpers/api.ts
@@ -181,11 +181,13 @@ export class API {
         });
         break;
       case "text":
+        const fontSize = rest.fontSize ?? appState.currentItemFontSize;
+        const fontFamily = rest.fontFamily ?? appState.currentItemFontFamily;
         element = newTextElement({
           ...base,
           text: rest.text || "test",
-          fontSize: rest.fontSize ?? appState.currentItemFontSize,
-          fontFamily: rest.fontFamily ?? appState.currentItemFontFamily,
+          fontSize,
+          fontFamily,
           textAlign: rest.textAlign ?? appState.currentItemTextAlign,
           verticalAlign: rest.verticalAlign ?? DEFAULT_VERTICAL_ALIGN,
           containerId: rest.containerId ?? undefined,
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index 8c1d29325..ac4d801bc 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -1031,7 +1031,7 @@ describe("Test Linear Elements", () => {
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
         Object {
-          "height": 128,
+          "height": 130,
           "width": 367,
         }
       `);
@@ -1040,7 +1040,7 @@ describe("Test Linear Elements", () => {
         .toMatchInlineSnapshot(`
         Object {
           "x": 272,
-          "y": 46,
+          "y": 45,
         }
       `);
       expect((h.elements[1] as ExcalidrawTextElementWithContainer).text)
@@ -1052,11 +1052,11 @@ describe("Test Linear Elements", () => {
         .toMatchInlineSnapshot(`
         Array [
           20,
-          36,
+          35,
           502,
-          94,
+          95,
           205.9061448421403,
-          53,
+          52.5,
         ]
       `);
     });
@@ -1090,7 +1090,7 @@ describe("Test Linear Elements", () => {
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
         Object {
-          "height": 128,
+          "height": 130,
           "width": 340,
         }
       `);
@@ -1099,7 +1099,7 @@ describe("Test Linear Elements", () => {
         .toMatchInlineSnapshot(`
         Object {
           "x": 75,
-          "y": -4,
+          "y": -5,
         }
       `);
       expect(textElement.text).toMatchInlineSnapshot(`

From 9e52c30ce86d7f7e61ffdb5ecad2523e179f620e Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 22 Mar 2023 18:33:37 +0100
Subject: [PATCH 115/252] fix: use `ideographic` textBaseline to improve layout
 shift when editing text (#6384)

---
 src/renderer/renderElement.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 0861315cc..66d2096cf 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -34,6 +34,7 @@ import { AppState, BinaryFiles, Zoom } from "../types";
 import { getDefaultAppState } from "../appState";
 import {
   BOUND_TEXT_PADDING,
+  FONT_FAMILY,
   MAX_DECIMALS_FOR_SVG_EXPORT,
   MIME_TYPES,
   SVG_NS,
@@ -286,7 +287,13 @@ const drawElementOnCanvas = (
             : element.textAlign === "right"
             ? element.width
             : 0;
-        context.textBaseline = "bottom";
+
+        // FIXME temporary hack
+        context.textBaseline =
+          element.fontFamily === FONT_FAMILY.Virgil ||
+          element.fontFamily === FONT_FAMILY.Cascadia
+            ? "ideographic"
+            : "bottom";
 
         const lineHeightPx = getLineHeightInPx(
           element.fontSize,

From 25bb6738ea8619021b27e072fa7707e1b6356c7b Mon Sep 17 00:00:00 2001
From: Type Horror <bbrriiccee@gmail.com>
Date: Sat, 25 Mar 2023 15:26:58 -0700
Subject: [PATCH 116/252] feat: Add fitToContent and animate to scrollToContent
 (#6319)

Co-authored-by: Brice Leroy <brice@brigalabs.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .../@excalidraw/excalidraw/api/props/ref.mdx  |  66 ++++--
 src/actions/actionCanvas.tsx                  |   2 +-
 src/components/App.tsx                        | 115 +++++++++--
 src/data/restore.ts                           |   4 +-
 src/packages/excalidraw/CHANGELOG.md          |   2 +
 src/tests/fitToContent.test.tsx               | 189 ++++++++++++++++++
 src/utils.ts                                  |  73 +++++++
 7 files changed, 413 insertions(+), 38 deletions(-)
 create mode 100644 src/tests/fitToContent.test.tsx

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
index a37843c76..08e807907 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
@@ -1,6 +1,19 @@
 # ref
+
 <pre>
-<a href="https://reactjs.org/docs/refs-and-the-dom.html#creating-refs">createRef</a> &#124; <a href="https://reactjs.org/docs/hooks-reference.html#useref">useRef</a> &#124; <a href="https://reactjs.org/docs/refs-and-the-dom.html#callback-refs">callbackRef</a> &#124; <br/>&#123; current: &#123; readyPromise: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L460">resolvablePromise</a> } }
+  <a href="https://reactjs.org/docs/refs-and-the-dom.html#creating-refs">
+    createRef
+  </a>{" "}
+  &#124;{" "}
+  <a href="https://reactjs.org/docs/hooks-reference.html#useref">useRef</a>{" "}
+  &#124;{" "}
+  <a href="https://reactjs.org/docs/refs-and-the-dom.html#callback-refs">
+    callbackRef
+  </a>{" "}
+  &#124; <br />
+  &#123; current: &#123; readyPromise: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/utils.ts#L460">
+    resolvablePromise
+  </a> } }
 </pre>
 
 You can pass a `ref` when you want to access some excalidraw APIs. We expose the below APIs:
@@ -139,7 +152,9 @@ function App() {
   return (
     <div style={{ height: "500px" }}>
       <p style={{ fontSize: "16px" }}> Click to update the scene</p>
-      <button className="custom-button" onClick={updateScene}>Update Scene</button>
+      <button className="custom-button" onClick={updateScene}>
+        Update Scene
+      </button>
       <Excalidraw ref={(api) => setExcalidrawAPI(api)} />
     </div>
   );
@@ -187,7 +202,8 @@ function App() {
   return (
     <div style={{ height: "500px" }}>
       <p style={{ fontSize: "16px" }}> Click to update the library items</p>
-      <button className="custom-button"
+      <button
+        className="custom-button"
         onClick={() => {
           const libraryItems = [
             {
@@ -205,10 +221,8 @@ function App() {
           ];
           excalidrawAPI.updateLibrary({
             libraryItems,
-            openLibraryMenu: true
-
+            openLibraryMenu: true,
           });
-         
         }}
       >
         Update Library
@@ -250,7 +264,7 @@ Resets the scene. If `resetLoadingState` is passed as true then it will also for
 
 <pre>
   () =>{" "}
-  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115">
     ExcalidrawElement[]
   </a>
 </pre>
@@ -261,7 +275,7 @@ Returns all the elements including the deleted in the scene.
 
 <pre>
   () => NonDeleted&#60;
-  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115">
     ExcalidrawElement
   </a>
   []&#62;
@@ -293,18 +307,31 @@ This is the history API. history.clear() will clear the history.
 ## scrollToContent
 
 <pre>
-  (target?:{" "}
-  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+  (<br />
+  {"  "}
+  target?:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115">
     ExcalidrawElement
   </a>{" "}
   &#124;{" "}
-  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115">
     ExcalidrawElement
   </a>
-  []) => void
+  [],
+  <br />
+  {"  "}opts?: &#123; fitToContent?: boolean; animate?: boolean; duration?: number
+  &#125;
+  <br />) => void
 </pre>
 
-Scroll the nearest element out of the elements supplied to the center. Defaults to the elements on the scene.
+Scroll the nearest element out of the elements supplied to the center of the viewport. Defaults to the elements on the scene.
+
+| Attribute | type | default | Description |
+| --- | --- | --- | --- |
+| target | <code>ExcalidrawElement &#124; ExcalidrawElement[]</code> | All scene elements | The element(s) to scroll to. |
+| opts.fitToContent | boolean | false | Whether to fit the elements to viewport by automatically changing zoom as needed. |
+| opts.animate | boolean | false | Whether to animate between starting and ending position. Note that for larger scenes the animation may not be smooth due to performance issues. |
+| opts.duration | number | 500 | Duration of the animation if `opts.animate` is `true`. |
 
 ## refresh
 
@@ -323,7 +350,7 @@ For any other cases if the position of excalidraw is updated (example due to scr
 This API can be used to show the toast with custom message.
 
 ```tsx
-({ message: string, closable?:boolean,duration?:number 
+({ message: string, closable?:boolean,duration?:number
   } | null) => void
 ```
 
@@ -358,15 +385,18 @@ This API can be used to get the files present in the scene. It may contain files
 
 This API has the below signature. It sets the `tool` passed in param as the active tool.
 
-
 <pre>
-(tool: <br/>  &#123; type: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/shapes.tsx#L15">SHAPES</a>[number]["value"]&#124; "eraser" &#125; &#124;<br/>  &#123; type: "custom"; customType: string &#125;) => void
+  (tool: <br /> &#123; type:{" "}
+  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/shapes.tsx#L15">
+    SHAPES
+  </a>
+  [number]["value"]&#124; "eraser" &#125; &#124;
+  <br /> &#123; type: "custom"; customType: string &#125;) => void
 </pre>
 
 ## setCursor
 
-This API can be used to customise the mouse cursor on the canvas and has the below signature.   
-It sets the mouse cursor to the cursor passed in param.
+This API can be used to customise the mouse cursor on the canvas and has the below signature. It sets the mouse cursor to the cursor passed in param.
 
 ```tsx
 (cursor: string) => void
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index 1154d1ef1..440c59191 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -226,7 +226,7 @@ const zoomValueToFitBoundsOnViewport = (
   return clampedZoomValueToFitElements as NormalizedZoomValue;
 };
 
-const zoomToFitElements = (
+export const zoomToFitElements = (
   elements: readonly ExcalidrawElement[],
   appState: Readonly<AppState>,
   zoomToSelection: boolean,
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 624d4e346..9b4fc864d 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -229,6 +229,7 @@ import {
   updateActiveTool,
   getShortcutKey,
   isTransparent,
+  easeToValuesRAF,
 } from "../utils";
 import {
   ContextMenu,
@@ -284,7 +285,10 @@ import {
 import { shouldShowBoundingBox } from "../element/transformHandles";
 import { Fonts } from "../scene/Fonts";
 import { actionPaste } from "../actions/actionClipboard";
-import { actionToggleHandTool } from "../actions/actionCanvas";
+import {
+  actionToggleHandTool,
+  zoomToFitElements,
+} from "../actions/actionCanvas";
 import { jotaiStore } from "../jotai";
 import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionCreateContainerFromText } from "../actions/actionBoundText";
@@ -1843,18 +1847,89 @@ class App extends React.Component<AppProps, AppState> {
     this.actionManager.executeAction(actionToggleHandTool);
   };
 
+  /**
+   * Zooms on canvas viewport center
+   */
+  zoomCanvas = (
+    /** decimal fraction between 0.1 (10% zoom) and 30 (3000% zoom) */
+    value: number,
+  ) => {
+    this.setState({
+      ...getStateForZoom(
+        {
+          viewportX: this.state.width / 2 + this.state.offsetLeft,
+          viewportY: this.state.height / 2 + this.state.offsetTop,
+          nextZoom: getNormalizedZoom(value),
+        },
+        this.state,
+      ),
+    });
+  };
+
+  private cancelInProgresAnimation: (() => void) | null = null;
+
   scrollToContent = (
     target:
       | ExcalidrawElement
       | readonly ExcalidrawElement[] = this.scene.getNonDeletedElements(),
+    opts?: { fitToContent?: boolean; animate?: boolean; duration?: number },
   ) => {
-    this.setState({
-      ...calculateScrollCenter(
-        Array.isArray(target) ? target : [target],
-        this.state,
-        this.canvas,
-      ),
-    });
+    this.cancelInProgresAnimation?.();
+
+    // convert provided target into ExcalidrawElement[] if necessary
+    const targets = Array.isArray(target) ? target : [target];
+
+    let zoom = this.state.zoom;
+    let scrollX = this.state.scrollX;
+    let scrollY = this.state.scrollY;
+
+    if (opts?.fitToContent) {
+      // compute an appropriate viewport location (scroll X, Y) and zoom level
+      // that fit the target elements on the scene
+      const { appState } = zoomToFitElements(targets, this.state, false);
+      zoom = appState.zoom;
+      scrollX = appState.scrollX;
+      scrollY = appState.scrollY;
+    } else {
+      // compute only the viewport location, without any zoom adjustment
+      const scroll = calculateScrollCenter(targets, this.state, this.canvas);
+      scrollX = scroll.scrollX;
+      scrollY = scroll.scrollY;
+    }
+
+    // when animating, we use RequestAnimationFrame to prevent the animation
+    // from slowing down other processes
+    if (opts?.animate) {
+      const origScrollX = this.state.scrollX;
+      const origScrollY = this.state.scrollY;
+
+      // zoom animation could become problematic on scenes with large number
+      // of elements, setting it to its final value to improve user experience.
+      //
+      // using zoomCanvas() to zoom on current viewport center
+      this.zoomCanvas(zoom.value);
+
+      const cancel = easeToValuesRAF(
+        [origScrollX, origScrollY],
+        [scrollX, scrollY],
+        (scrollX, scrollY) => this.setState({ scrollX, scrollY }),
+        { duration: opts?.duration ?? 500 },
+      );
+      this.cancelInProgresAnimation = () => {
+        cancel();
+        this.cancelInProgresAnimation = null;
+      };
+    } else {
+      this.setState({ scrollX, scrollY, zoom });
+    }
+  };
+
+  /** use when changing scrollX/scrollY/zoom based on user interaction */
+  private translateCanvas: React.Component<any, AppState>["setState"] = (
+    state,
+  ) => {
+    this.cancelInProgresAnimation?.();
+    this.setState(state);
   };
 
   setToast = (
@@ -2055,9 +2130,13 @@ class App extends React.Component<AppProps, AppState> {
           offset = -offset;
         }
         if (event.shiftKey) {
-          this.setState((state) => ({ scrollX: state.scrollX + offset }));
+          this.translateCanvas((state) => ({
+            scrollX: state.scrollX + offset,
+          }));
         } else {
-          this.setState((state) => ({ scrollY: state.scrollY + offset }));
+          this.translateCanvas((state) => ({
+            scrollY: state.scrollY + offset,
+          }));
         }
       }
 
@@ -2938,12 +3017,12 @@ class App extends React.Component<AppProps, AppState> {
           state,
         );
 
-        return {
+        this.translateCanvas({
           zoom: zoomState.zoom,
           scrollX: zoomState.scrollX + deltaX / nextZoom,
           scrollY: zoomState.scrollY + deltaY / nextZoom,
           shouldCacheIgnoreZoom: true,
-        };
+        });
       });
       this.resetShouldCacheIgnoreZoomDebounced();
     } else {
@@ -3719,7 +3798,7 @@ class App extends React.Component<AppProps, AppState> {
         window.addEventListener(EVENT.POINTER_UP, enableNextPaste);
       }
 
-      this.setState({
+      this.translateCanvas({
         scrollX: this.state.scrollX - deltaX / this.state.zoom.value,
         scrollY: this.state.scrollY - deltaY / this.state.zoom.value,
       });
@@ -4865,7 +4944,7 @@ class App extends React.Component<AppProps, AppState> {
     if (pointerDownState.scrollbars.isOverHorizontal) {
       const x = event.clientX;
       const dx = x - pointerDownState.lastCoords.x;
-      this.setState({
+      this.translateCanvas({
         scrollX: this.state.scrollX - dx / this.state.zoom.value,
       });
       pointerDownState.lastCoords.x = x;
@@ -4875,7 +4954,7 @@ class App extends React.Component<AppProps, AppState> {
     if (pointerDownState.scrollbars.isOverVertical) {
       const y = event.clientY;
       const dy = y - pointerDownState.lastCoords.y;
-      this.setState({
+      this.translateCanvas({
         scrollY: this.state.scrollY - dy / this.state.zoom.value,
       });
       pointerDownState.lastCoords.y = y;
@@ -6304,7 +6383,7 @@ class App extends React.Component<AppProps, AppState> {
         // reduced amplification for small deltas (small movements on a trackpad)
         Math.min(1, absDelta / 20);
 
-      this.setState((state) => ({
+      this.translateCanvas((state) => ({
         ...getStateForZoom(
           {
             viewportX: cursorX,
@@ -6321,14 +6400,14 @@ class App extends React.Component<AppProps, AppState> {
 
     // scroll horizontally when shift pressed
     if (event.shiftKey) {
-      this.setState(({ zoom, scrollX }) => ({
+      this.translateCanvas(({ zoom, scrollX }) => ({
         // on Mac, shift+wheel tends to result in deltaX
         scrollX: scrollX - (deltaY || deltaX) / zoom.value,
       }));
       return;
     }
 
-    this.setState(({ zoom, scrollX, scrollY }) => ({
+    this.translateCanvas(({ zoom, scrollX, scrollY }) => ({
       scrollX: scrollX - deltaX / zoom.value,
       scrollY: scrollY - deltaY / zoom.value,
     }));
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 270e06d98..57ea329c3 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -495,7 +495,9 @@ export const restoreAppState = (
         ? {
             value: appState.zoom as NormalizedZoomValue,
           }
-        : appState.zoom || defaultAppState.zoom,
+        : appState.zoom?.value
+        ? appState.zoom
+        : defaultAppState.zoom,
     // when sidebar docked and user left it open in last session,
     // keep it open. If not docked, keep it closed irrespective of last state.
     openSidebar:
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index c2ba8451c..628177a4a 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,6 +15,8 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- [`ExcalidrawAPI.scrolToContent`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/ref#scrolltocontent) has new opts object allowing you to fit viewport to content, and animate the scrolling. [#6319](https://github.com/excalidraw/excalidraw/pull/6319)
+
 - Expose `useI18n()` hook return an object containing `t()` i18n helper and current `langCode`. You can use this in components you render as `<Excalidraw>` children to render any of our i18n locale strings. [#6224](https://github.com/excalidraw/excalidraw/pull/6224)
 
 - [`restoreElements`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restoreelements) API now takes an optional parameter `opts` which currently supports the below attributes
diff --git a/src/tests/fitToContent.test.tsx b/src/tests/fitToContent.test.tsx
new file mode 100644
index 000000000..6fce7cdcd
--- /dev/null
+++ b/src/tests/fitToContent.test.tsx
@@ -0,0 +1,189 @@
+import { render } from "./test-utils";
+import { API } from "./helpers/api";
+
+import ExcalidrawApp from "../excalidraw-app";
+
+const { h } = window;
+
+describe("fitToContent", () => {
+  it("should zoom to fit the selected element", async () => {
+    await render(<ExcalidrawApp />);
+
+    h.state.width = 10;
+    h.state.height = 10;
+
+    const rectElement = API.createElement({
+      width: 50,
+      height: 100,
+      x: 50,
+      y: 100,
+    });
+
+    expect(h.state.zoom.value).toBe(1);
+
+    h.app.scrollToContent(rectElement, { fitToContent: true });
+
+    // element is 10x taller than the viewport size,
+    // zoom should be at least 1/10
+    expect(h.state.zoom.value).toBeLessThanOrEqual(0.1);
+  });
+
+  it("should zoom to fit multiple elements", async () => {
+    await render(<ExcalidrawApp />);
+
+    const topLeft = API.createElement({
+      width: 20,
+      height: 20,
+      x: 0,
+      y: 0,
+    });
+
+    const bottomRight = API.createElement({
+      width: 20,
+      height: 20,
+      x: 80,
+      y: 80,
+    });
+
+    h.state.width = 10;
+    h.state.height = 10;
+
+    expect(h.state.zoom.value).toBe(1);
+
+    h.app.scrollToContent([topLeft, bottomRight], {
+      fitToContent: true,
+    });
+
+    // elements take 100x100, which is 10x bigger than the viewport size,
+    // zoom should be at least 1/10
+    expect(h.state.zoom.value).toBeLessThanOrEqual(0.1);
+  });
+
+  it("should scroll the viewport to the selected element", async () => {
+    await render(<ExcalidrawApp />);
+
+    h.state.width = 10;
+    h.state.height = 10;
+
+    const rectElement = API.createElement({
+      width: 100,
+      height: 100,
+      x: 100,
+      y: 100,
+    });
+
+    expect(h.state.zoom.value).toBe(1);
+    expect(h.state.scrollX).toBe(0);
+    expect(h.state.scrollY).toBe(0);
+
+    h.app.scrollToContent(rectElement);
+
+    // zoom level should stay the same
+    expect(h.state.zoom.value).toBe(1);
+
+    // state should reflect some scrolling
+    expect(h.state.scrollX).not.toBe(0);
+    expect(h.state.scrollY).not.toBe(0);
+  });
+});
+
+const waitForNextAnimationFrame = () => {
+  return new Promise((resolve) => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(resolve);
+    });
+  });
+};
+
+describe("fitToContent animated", () => {
+  beforeEach(() => {
+    jest.spyOn(window, "requestAnimationFrame");
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it("should ease scroll the viewport to the selected element", async () => {
+    await render(<ExcalidrawApp />);
+
+    h.state.width = 10;
+    h.state.height = 10;
+
+    const rectElement = API.createElement({
+      width: 100,
+      height: 100,
+      x: -100,
+      y: -100,
+    });
+
+    h.app.scrollToContent(rectElement, { animate: true });
+
+    expect(window.requestAnimationFrame).toHaveBeenCalled();
+
+    // Since this is an animation, we expect values to change through time.
+    // We'll verify that the scroll values change at 50ms and 100ms
+    expect(h.state.scrollX).toBe(0);
+    expect(h.state.scrollY).toBe(0);
+
+    await waitForNextAnimationFrame();
+
+    const prevScrollX = h.state.scrollX;
+    const prevScrollY = h.state.scrollY;
+
+    expect(h.state.scrollX).not.toBe(0);
+    expect(h.state.scrollY).not.toBe(0);
+
+    await waitForNextAnimationFrame();
+
+    expect(h.state.scrollX).not.toBe(prevScrollX);
+    expect(h.state.scrollY).not.toBe(prevScrollY);
+  });
+
+  it("should animate the scroll but not the zoom", async () => {
+    await render(<ExcalidrawApp />);
+
+    h.state.width = 50;
+    h.state.height = 50;
+
+    const rectElement = API.createElement({
+      width: 100,
+      height: 100,
+      x: 100,
+      y: 100,
+    });
+
+    expect(h.state.scrollX).toBe(0);
+    expect(h.state.scrollY).toBe(0);
+
+    h.app.scrollToContent(rectElement, { animate: true, fitToContent: true });
+
+    expect(window.requestAnimationFrame).toHaveBeenCalled();
+
+    // Since this is an animation, we expect values to change through time.
+    // We'll verify that the zoom/scroll values change in each animation frame
+
+    // zoom is not animated, it should be set to its final value, which in our
+    // case zooms out to 50% so that th element is fully visible (it's 2x large
+    // as the canvas)
+    expect(h.state.zoom.value).toBeLessThanOrEqual(0.5);
+
+    // FIXME I think this should be [-100, -100] so we may have a bug in our zoom
+    // hadnling, alas
+    expect(h.state.scrollX).toBe(25);
+    expect(h.state.scrollY).toBe(25);
+
+    await waitForNextAnimationFrame();
+
+    const prevScrollX = h.state.scrollX;
+    const prevScrollY = h.state.scrollY;
+
+    expect(h.state.scrollX).not.toBe(0);
+    expect(h.state.scrollY).not.toBe(0);
+
+    await waitForNextAnimationFrame();
+
+    expect(h.state.scrollX).not.toBe(prevScrollX);
+    expect(h.state.scrollY).not.toBe(prevScrollY);
+  });
+});
diff --git a/src/utils.ts b/src/utils.ts
index 61925a606..4a01e587d 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -181,6 +181,79 @@ export const throttleRAF = <T extends any[]>(
   return ret;
 };
 
+/**
+ * Exponential ease-out method
+ *
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+function easeOut(k: number): number {
+  return 1 - Math.pow(1 - k, 4);
+}
+
+/**
+ * Compute new values based on the same ease function and trigger the
+ * callback through a requestAnimationFrame call
+ *
+ * use `opts` to define a duration and/or an easeFn
+ *
+ * for example:
+ * ```ts
+ * easeToValuesRAF([10, 20, 10], [0, 0, 0], (a, b, c) => setState(a,b, c))
+ * ```
+ *
+ * @param fromValues The initial values, must be numeric
+ * @param toValues The destination values, must also be numeric
+ * @param callback The callback receiving the values
+ * @param opts default to 250ms duration and the easeOut function
+ */
+export const easeToValuesRAF = (
+  fromValues: number[],
+  toValues: number[],
+  callback: (...values: number[]) => void,
+  opts?: { duration?: number; easeFn?: (value: number) => number },
+) => {
+  let canceled = false;
+  let frameId = 0;
+  let startTime: number;
+
+  const duration = opts?.duration || 250; // default animation to 0.25 seconds
+  const easeFn = opts?.easeFn || easeOut; // default the easeFn to easeOut
+
+  function step(timestamp: number) {
+    if (canceled) {
+      return;
+    }
+    if (startTime === undefined) {
+      startTime = timestamp;
+    }
+
+    const elapsed = timestamp - startTime;
+
+    if (elapsed < duration) {
+      // console.log(elapsed, duration, elapsed / duration);
+      const factor = easeFn(elapsed / duration);
+      const newValues = fromValues.map(
+        (fromValue, index) =>
+          (toValues[index] - fromValue) * factor + fromValue,
+      );
+
+      callback(...newValues);
+      frameId = window.requestAnimationFrame(step);
+    } else {
+      // ensure final values are reached at the end of the transition
+      callback(...toValues);
+    }
+  }
+
+  frameId = window.requestAnimationFrame(step);
+
+  return () => {
+    canceled = true;
+    window.cancelAnimationFrame(frameId);
+  };
+};
+
 // https://github.com/lodash/lodash/blob/es/chunk.js
 export const chunk = <T extends any>(
   array: readonly T[],

From 44453b725d404aca8fa84ec36a27a3a7ba56463a Mon Sep 17 00:00:00 2001
From: dongfang <1136005348@qq.com>
Date: Wed, 29 Mar 2023 16:15:30 +0800
Subject: [PATCH 117/252] fix: call stack size exceeded when paste large text
 (#6373) (#6396)

* fix: call stack size exceeded when paste large text (#6373)

* fix: add test case for paste multi-line text

* fix

* tweak

* add missing assertion

* add comments

* lint

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/element/textWysiwyg.test.tsx | 42 +++++++++++++++++++++++++++++---
 src/element/textWysiwyg.tsx      | 18 ++++++++------
 2 files changed, 49 insertions(+), 11 deletions(-)

diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 0873a2d23..cb852cd1c 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -526,6 +526,44 @@ describe("textWysiwyg", () => {
       ]);
     });
 
+    it("should compute the container height correctly and not throw error when height is updated while editing the text", async () => {
+      const diamond = API.createElement({
+        type: "diamond",
+        x: 10,
+        y: 20,
+        width: 90,
+        height: 75,
+      });
+      h.elements = [diamond];
+
+      expect(h.elements.length).toBe(1);
+      expect(h.elements[0].id).toBe(diamond.id);
+
+      API.setSelectedElements([diamond]);
+      Keyboard.keyPress(KEYS.ENTER);
+
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      await new Promise((r) => setTimeout(r, 0));
+      const value = new Array(1000).fill("1").join("\n");
+
+      // Pasting large text to simulate height increase
+      expect(() =>
+        fireEvent.input(editor, { target: { value } }),
+      ).not.toThrow();
+
+      expect(diamond.height).toBe(50020);
+
+      // Clearing text to simulate height decrease
+      expect(() =>
+        fireEvent.input(editor, { target: { value: "" } }),
+      ).not.toThrow();
+
+      expect(diamond.height).toBe(70);
+    });
+
     it("should bind text to container when double clicked on center of transparent container", async () => {
       const rectangle = API.createElement({
         type: "rectangle",
@@ -1181,9 +1219,7 @@ describe("textWysiwyg", () => {
       expect(
         (h.elements[1] as ExcalidrawTextElementWithContainer).fontSize,
       ).toEqual(36);
-      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(
-        96.39999999999999,
-      );
+      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(97);
     });
 
     it("should update line height when font family updated", async () => {
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 4036719df..d9a7505f9 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -34,6 +34,7 @@ import {
   wrapText,
   getMaxContainerHeight,
   getMaxContainerWidth,
+  computeContainerDimensionForBoundText,
 } from "./textElement";
 import {
   actionDecreaseFontSize,
@@ -208,11 +209,12 @@ export const textWysiwyg = ({
 
         // autogrow container height if text exceeds
         if (!isArrowElement(container) && textElementHeight > maxHeight) {
-          const diff = Math.min(
-            textElementHeight - maxHeight,
-            element.lineHeight,
+          const targetContainerHeight = computeContainerDimensionForBoundText(
+            textElementHeight,
+            container.type,
           );
-          mutateElement(container, { height: containerDims.height + diff });
+
+          mutateElement(container, { height: targetContainerHeight });
           return;
         } else if (
           // autoshrink container height until original container height
@@ -221,11 +223,11 @@ export const textWysiwyg = ({
           containerDims.height > originalContainerData.height &&
           textElementHeight < maxHeight
         ) {
-          const diff = Math.min(
-            maxHeight - textElementHeight,
-            element.lineHeight,
+          const targetContainerHeight = computeContainerDimensionForBoundText(
+            textElementHeight,
+            container.type,
           );
-          mutateElement(container, { height: containerDims.height - diff });
+          mutateElement(container, { height: targetContainerHeight });
         }
         // Start pushing text upward until a diff of 30px (padding)
         // is reached

From 3030e96d623d65d0bcb02c2260de6ab090780ea3 Mon Sep 17 00:00:00 2001
From: Milos Vetesnik <maielo.mv@gmail.com>
Date: Wed, 29 Mar 2023 11:13:06 +0200
Subject: [PATCH 118/252] feat:  starting migration from GA to Matomo for
 better privacy (#6398)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .env.development  |  5 +++++
 .env.production   |  7 +++++++
 public/index.html | 33 ++++++++++++++++++++++++++++--
 src/analytics.ts  | 52 +++++++++++++++++++++++++++--------------------
 src/global.d.ts   |  2 ++
 src/utils.ts      |  6 +-----
 6 files changed, 76 insertions(+), 29 deletions(-)

diff --git a/.env.development b/.env.development
index 397a56565..0c2fb5527 100644
--- a/.env.development
+++ b/.env.development
@@ -23,6 +23,11 @@ REACT_APP_DEV_DISABLE_LIVE_RELOAD=
 
 FAST_REFRESH=false
 
+# MATOMO
+REACT_APP_MATOMO_URL=
+REACT_APP_CDN_MATOMO_TRACKER_URL=
+REACT_APP_MATOMO_SITE_ID=
+
 #Debug flags
 
 # To enable bounding box for text containers
diff --git a/.env.production b/.env.production
index 183db7ea2..8737c63c7 100644
--- a/.env.production
+++ b/.env.production
@@ -12,6 +12,13 @@ REACT_APP_WS_SERVER_URL=
 REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
 
 # production-only vars
+# GOOGLE ANALYTICS
 REACT_APP_GOOGLE_ANALYTICS_ID=UA-387204-13
+# MATOMO
+REACT_APP_MATOMO_URL=https://excalidraw.matomo.cloud/
+REACT_APP_CDN_MATOMO_TRACKER_URL=//cdn.matomo.cloud/excalidraw.matomo.cloud/matomo.js
+REACT_APP_MATOMO_SITE_ID=1
+
+
 
 REACT_APP_PLUS_APP=https://app.excalidraw.com
diff --git a/public/index.html b/public/index.html
index 35640c0dc..47a59624b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -146,8 +146,10 @@
       // setting this so that libraries installation reuses this window tab.
       window.name = "_excalidraw";
     </script>
-    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true' &&
-    process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %>
+    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
+
+    <!-- LEGACY GOOGLE ANALYTICS -->
+    <% if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %>
     <script
       async
       src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_GOOGLE_ANALYTICS_ID%"
@@ -160,6 +162,33 @@
       gtag("js", new Date());
       gtag("config", "%REACT_APP_GOOGLE_ANALYTICS_ID%");
     </script>
+    <% } %>
+    <!-- end LEGACY GOOGLE ANALYTICS -->
+
+    <!-- Matomo -->
+    <% if (process.env.REACT_APP_MATOMO_URL &&
+    process.env.REACT_APP_MATOMO_SITE_ID &&
+    process.env.REACT_APP_CDN_MATOMO_TRACKER_URL) { %>
+    <script>
+      var _paq = (window._paq = window._paq || []);
+      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+      _paq.push(["trackPageView"]);
+      _paq.push(["enableLinkTracking"]);
+      (function () {
+        var u = "%REACT_APP_MATOMO_URL%";
+        _paq.push(["setTrackerUrl", u + "matomo.php"]);
+        _paq.push(["setSiteId", "%REACT_APP_MATOMO_SITE_ID%"]);
+        var d = document,
+          g = d.createElement("script"),
+          s = d.getElementsByTagName("script")[0];
+        g.async = true;
+        g.src = "%REACT_APP_CDN_MATOMO_TRACKER_URL%";
+        s.parentNode.insertBefore(g, s);
+      })();
+    </script>
+    <% } %>
+    <!-- end Matomo analytics -->
+
     <% } %>
 
     <!-- FIXME: remove this when we update CRA (fix SW caching) -->
diff --git a/src/analytics.ts b/src/analytics.ts
index 668d49c25..1e9a429b6 100644
--- a/src/analytics.ts
+++ b/src/analytics.ts
@@ -1,22 +1,30 @@
-export const trackEvent =
-  typeof process !== "undefined" &&
-  process.env?.REACT_APP_GOOGLE_ANALYTICS_ID &&
-  typeof window !== "undefined" &&
-  window.gtag
-    ? (category: string, action: string, label?: string, value?: number) => {
-        try {
-          window.gtag("event", action, {
-            event_category: category,
-            event_label: label,
-            value,
-          });
-        } catch (error) {
-          console.error("error logging to ga", error);
-        }
-      }
-    : typeof process !== "undefined" && process.env?.JEST_WORKER_ID
-    ? (category: string, action: string, label?: string, value?: number) => {}
-    : (category: string, action: string, label?: string, value?: number) => {
-        // Uncomment the next line to track locally
-        // console.log("Track Event", { category, action, label, value });
-      };
+export const trackEvent = (
+  category: string,
+  action: string,
+  label?: string,
+  value?: number,
+) => {
+  try {
+    // Uncomment the next line to track locally
+    // console.log("Track Event", { category, action, label, value });
+
+    if (typeof window === "undefined" || process.env.JEST_WORKER_ID) {
+      return;
+    }
+
+    if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID && window.gtag) {
+      window.gtag("event", action, {
+        event_category: category,
+        event_label: label,
+        value,
+      });
+    }
+
+    // MATOMO event tracking _paq must be same as the one in index.html
+    if (window._paq) {
+      window._paq.push(["trackEvent", category, action, label, value]);
+    }
+  } catch (error) {
+    console.error("error during analytics", error);
+  }
+};
diff --git a/src/global.d.ts b/src/global.d.ts
index 4a70443d4..73c8fc813 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -18,6 +18,8 @@ interface Window {
   EXCALIDRAW_EXPORT_SOURCE: string;
   EXCALIDRAW_THROTTLE_RENDER: boolean | undefined;
   gtag: Function;
+  _paq: any[];
+  _mtm: any[];
 }
 
 interface CanvasRenderingContext2D {
diff --git a/src/utils.ts b/src/utils.ts
index 4a01e587d..1d545f977 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -689,11 +689,7 @@ export const arrayToMapWithIndex = <T extends { id: string }>(
     return acc;
   }, new Map<string, [element: T, index: number]>());
 
-export const isTestEnv = () =>
-  typeof process !== "undefined" && process.env?.NODE_ENV === "test";
-
-export const isProdEnv = () =>
-  typeof process !== "undefined" && process.env?.NODE_ENV === "production";
+export const isTestEnv = () => process.env.NODE_ENV === "test";
 
 export const wrapEvent = <T extends Event>(name: EVENT, nativeEvent: T) => {
   return new CustomEvent(name, {

From f8e65bb77ee76cf6d623be116fc0a9cd746139a0 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 29 Mar 2023 18:53:03 +0530
Subject: [PATCH 119/252] fix: Revert use `ideographic` textBaseline to improve
 layout shift when editing text" (#6400)

Revert "fix: use `ideographic` textBaseline to improve layout shift when editing text (#6384)"

This reverts commit 9e52c30ce86d7f7e61ffdb5ecad2523e179f620e.
---
 src/renderer/renderElement.ts | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 66d2096cf..0861315cc 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -34,7 +34,6 @@ import { AppState, BinaryFiles, Zoom } from "../types";
 import { getDefaultAppState } from "../appState";
 import {
   BOUND_TEXT_PADDING,
-  FONT_FAMILY,
   MAX_DECIMALS_FOR_SVG_EXPORT,
   MIME_TYPES,
   SVG_NS,
@@ -287,13 +286,7 @@ const drawElementOnCanvas = (
             : element.textAlign === "right"
             ? element.width
             : 0;
-
-        // FIXME temporary hack
-        context.textBaseline =
-          element.fontFamily === FONT_FAMILY.Virgil ||
-          element.fontFamily === FONT_FAMILY.Cascadia
-            ? "ideographic"
-            : "bottom";
+        context.textBaseline = "bottom";
 
         const lineHeightPx = getLineHeightInPx(
           element.fontSize,

From d2b8f4d2f8e79fbe2cddfb06afee82c1f95c0118 Mon Sep 17 00:00:00 2001
From: Coyote <46889283+CoyoteWaltz@users.noreply.github.com>
Date: Thu, 30 Mar 2023 03:16:23 +0800
Subject: [PATCH 120/252] fix: getDefaultLineHeight should return default font
 family line height for unknown font (#6399)

* fix(getDefaultLineHeight): make getDefaultLineHeight always has a default value

* test: add getDefaultLineHeight test case when using unknown font

* test: add getDefaultLineHeight test case when using unknown font

* Revert "test: add getDefaultLineHeight test case when using unknown font"

This reverts commit d41da5493b6edab9e599a13a23c387d38345bf03.

* test: add getDefaultLineHeight test case when using unknown font

* newline

* newline

* tweaks

* trigger action

* trigger action

* fix

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/element/textElement.test.ts | 6 ++++++
 src/element/textElement.ts      | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index aa7df8ee6..106ed7bea 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -332,6 +332,12 @@ describe("Test getDefaultLineHeight", () => {
     //@ts-ignore
     expect(getDefaultLineHeight()).toBe(1.25);
   });
+
+  it("should return line height using default font family for unknown font", () => {
+    const UNKNOWN_FONT = 5;
+    expect(getDefaultLineHeight(UNKNOWN_FONT)).toBe(1.25);
+  });
+
   it("should return correct line height", () => {
     expect(getDefaultLineHeight(FONT_FAMILY.Cascadia)).toBe(1.2);
   });
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index fd501c141..8b3979133 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -887,7 +887,7 @@ const DEFAULT_LINE_HEIGHT = {
 };
 
 export const getDefaultLineHeight = (fontFamily: FontFamilyValues) => {
-  if (fontFamily) {
+  if (fontFamily in DEFAULT_LINE_HEIGHT) {
     return DEFAULT_LINE_HEIGHT[fontFamily];
   }
   return DEFAULT_LINE_HEIGHT[DEFAULT_FONT_FAMILY];

From d61b3cf83d0a6f174abc27e0e4f5ca5cc6725fdd Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 5 Apr 2023 12:17:18 +0530
Subject: [PATCH 121/252] fix: don't jump text to end when out of viewport in
 safari (#6416)

---
 src/element/textWysiwyg.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index d9a7505f9..4e8ef3a5c 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -297,6 +297,7 @@ export const textWysiwyg = ({
         filter: "var(--theme-filter)",
         maxHeight: `${editorMaxHeight}px`,
       });
+      editable.scrollTop = 0;
       // For some reason updating font attribute doesn't set font family
       // hence updating font family explicitly for test environment
       if (isTestEnv()) {

From 68692b9d4c982f42777973cb596b69a17e26cb9a Mon Sep 17 00:00:00 2001
From: Chinmay Mhatre <chinmaymhatre12@gmail.com>
Date: Fri, 7 Apr 2023 19:20:36 +0530
Subject: [PATCH 122/252] feat: add container to multiple text elements (#6428)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionBoundText.tsx | 176 ++++++++++++++++----------------
 1 file changed, 90 insertions(+), 86 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 639a003fc..4cc72d612 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -23,6 +23,7 @@ import {
   ExcalidrawTextElement,
 } from "../element/types";
 import { getSelectedElements } from "../scene";
+import { AppState } from "../types";
 import { getFontString } from "../utils";
 import { register } from "./register";
 
@@ -185,107 +186,110 @@ export const actionCreateContainerFromText = register({
   trackEvent: { category: "element" },
   predicate: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState);
-    return selectedElements.length === 1 && isTextElement(selectedElements[0]);
+    const areTextElements = selectedElements.every((el) => isTextElement(el));
+    return selectedElements.length > 0 && areTextElements;
   },
   perform: (elements, appState) => {
     const selectedElements = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
     );
-    const updatedElements = elements.slice();
-    if (selectedElements.length === 1 && isTextElement(selectedElements[0])) {
-      const textElement = selectedElements[0];
-      const container = newElement({
-        type: "rectangle",
-        backgroundColor: appState.currentItemBackgroundColor,
-        boundElements: [
-          ...(textElement.boundElements || []),
-          { id: textElement.id, type: "text" },
-        ],
-        angle: textElement.angle,
-        fillStyle: appState.currentItemFillStyle,
-        strokeColor: appState.currentItemStrokeColor,
-        roughness: appState.currentItemRoughness,
-        strokeWidth: appState.currentItemStrokeWidth,
-        strokeStyle: appState.currentItemStrokeStyle,
-        roundness:
-          appState.currentItemRoundness === "round"
-            ? {
-                type: isUsingAdaptiveRadius("rectangle")
-                  ? ROUNDNESS.ADAPTIVE_RADIUS
-                  : ROUNDNESS.PROPORTIONAL_RADIUS,
-              }
-            : null,
-        opacity: 100,
-        locked: false,
-        x: textElement.x - BOUND_TEXT_PADDING,
-        y: textElement.y - BOUND_TEXT_PADDING,
-        width: computeContainerDimensionForBoundText(
-          textElement.width,
-          "rectangle",
-        ),
-        height: computeContainerDimensionForBoundText(
-          textElement.height,
-          "rectangle",
-        ),
-        groupIds: textElement.groupIds,
-      });
+    let updatedElements: readonly ExcalidrawElement[] = elements.slice();
+    const containerIds: AppState["selectedElementIds"] = {};
 
-      // update bindings
-      if (textElement.boundElements?.length) {
-        const linearElementIds = textElement.boundElements
-          .filter((ele) => ele.type === "arrow")
-          .map((el) => el.id);
-        const linearElements = updatedElements.filter((ele) =>
-          linearElementIds.includes(ele.id),
-        ) as ExcalidrawLinearElement[];
-        linearElements.forEach((ele) => {
-          let startBinding = ele.startBinding;
-          let endBinding = ele.endBinding;
-
-          if (startBinding?.elementId === textElement.id) {
-            startBinding = {
-              ...startBinding,
-              elementId: container.id,
-            };
-          }
-
-          if (endBinding?.elementId === textElement.id) {
-            endBinding = { ...endBinding, elementId: container.id };
-          }
-
-          if (startBinding || endBinding) {
-            mutateElement(ele, { startBinding, endBinding });
-          }
+    for (const textElement of selectedElements) {
+      if (isTextElement(textElement)) {
+        const container = newElement({
+          type: "rectangle",
+          backgroundColor: appState.currentItemBackgroundColor,
+          boundElements: [
+            ...(textElement.boundElements || []),
+            { id: textElement.id, type: "text" },
+          ],
+          angle: textElement.angle,
+          fillStyle: appState.currentItemFillStyle,
+          strokeColor: appState.currentItemStrokeColor,
+          roughness: appState.currentItemRoughness,
+          strokeWidth: appState.currentItemStrokeWidth,
+          strokeStyle: appState.currentItemStrokeStyle,
+          roundness:
+            appState.currentItemRoundness === "round"
+              ? {
+                  type: isUsingAdaptiveRadius("rectangle")
+                    ? ROUNDNESS.ADAPTIVE_RADIUS
+                    : ROUNDNESS.PROPORTIONAL_RADIUS,
+                }
+              : null,
+          opacity: 100,
+          locked: false,
+          x: textElement.x - BOUND_TEXT_PADDING,
+          y: textElement.y - BOUND_TEXT_PADDING,
+          width: computeContainerDimensionForBoundText(
+            textElement.width,
+            "rectangle",
+          ),
+          height: computeContainerDimensionForBoundText(
+            textElement.height,
+            "rectangle",
+          ),
+          groupIds: textElement.groupIds,
         });
-      }
 
-      mutateElement(textElement, {
-        containerId: container.id,
-        verticalAlign: VERTICAL_ALIGN.MIDDLE,
-        boundElements: null,
-      });
-      redrawTextBoundingBox(textElement, container);
+        // update bindings
+        if (textElement.boundElements?.length) {
+          const linearElementIds = textElement.boundElements
+            .filter((ele) => ele.type === "arrow")
+            .map((el) => el.id);
+          const linearElements = updatedElements.filter((ele) =>
+            linearElementIds.includes(ele.id),
+          ) as ExcalidrawLinearElement[];
+          linearElements.forEach((ele) => {
+            let startBinding = ele.startBinding;
+            let endBinding = ele.endBinding;
 
-      return {
-        elements: pushContainerBelowText(
-          [...elements, container],
+            if (startBinding?.elementId === textElement.id) {
+              startBinding = {
+                ...startBinding,
+                elementId: container.id,
+              };
+            }
+
+            if (endBinding?.elementId === textElement.id) {
+              endBinding = { ...endBinding, elementId: container.id };
+            }
+
+            if (startBinding || endBinding) {
+              mutateElement(ele, { startBinding, endBinding }, false);
+            }
+          });
+        }
+
+        mutateElement(
+          textElement,
+          {
+            containerId: container.id,
+            verticalAlign: VERTICAL_ALIGN.MIDDLE,
+            boundElements: null,
+          },
+          false,
+        );
+        redrawTextBoundingBox(textElement, container);
+
+        updatedElements = pushContainerBelowText(
+          [...updatedElements, container],
           container,
           textElement,
-        ),
-        appState: {
-          ...appState,
-          selectedElementIds: {
-            [container.id]: true,
-            [textElement.id]: false,
-          },
-        },
-        commitToHistory: true,
-      };
+        );
+        containerIds[container.id] = true;
+      }
     }
+
     return {
       elements: updatedElements,
-      appState,
+      appState: {
+        ...appState,
+        selectedElementIds: containerIds,
+      },
       commitToHistory: true,
     };
   },

From 705ac9c1ab6f3597c792fe00708a39a6f1cbdbc4 Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Fri, 7 Apr 2023 17:30:44 +0200
Subject: [PATCH 123/252] fix: element vanishes when zoomed in (#6417)

Co-authored-by: David Luzar <luzar.david@gmail.com>
---
 src/renderer/renderElement.ts | 105 ++++++++++++++++++++++++----------
 1 file changed, 75 insertions(+), 30 deletions(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 0861315cc..7adcc5840 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -87,12 +87,66 @@ export interface ExcalidrawElementWithCanvas {
   element: ExcalidrawElement | ExcalidrawTextElement;
   canvas: HTMLCanvasElement;
   theme: RenderConfig["theme"];
-  canvasZoom: Zoom["value"];
+  scale: number;
   canvasOffsetX: number;
   canvasOffsetY: number;
   boundTextElementVersion: number | null;
 }
 
+const cappedElementCanvasSize = (
+  element: NonDeletedExcalidrawElement,
+  zoom: Zoom,
+): {
+  width: number;
+  height: number;
+  scale: number;
+} => {
+  // these limits are ballpark, they depend on specific browsers and device.
+  // We've chosen lower limits to be safe. We might want to change these limits
+  // based on browser/device type, if we get reports of low quality rendering
+  // on zoom.
+  //
+  // ~ safari mobile canvas area limit
+  const AREA_LIMIT = 16777216;
+  // ~ safari width/height limit based on developer.mozilla.org.
+  const WIDTH_HEIGHT_LIMIT = 32767;
+
+  const padding = getCanvasPadding(element);
+
+  const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
+  const elementWidth =
+    isLinearElement(element) || isFreeDrawElement(element)
+      ? distance(x1, x2)
+      : element.width;
+  const elementHeight =
+    isLinearElement(element) || isFreeDrawElement(element)
+      ? distance(y1, y2)
+      : element.height;
+
+  let width = elementWidth * window.devicePixelRatio + padding * 2;
+  let height = elementHeight * window.devicePixelRatio + padding * 2;
+
+  let scale: number = zoom.value;
+
+  // rescale to ensure width and height is within limits
+  if (
+    width * scale > WIDTH_HEIGHT_LIMIT ||
+    height * scale > WIDTH_HEIGHT_LIMIT
+  ) {
+    scale = Math.min(WIDTH_HEIGHT_LIMIT / width, WIDTH_HEIGHT_LIMIT / height);
+  }
+
+  // rescale to ensure canvas area is within limits
+  if (width * height * scale * scale > AREA_LIMIT) {
+    scale = Math.sqrt(AREA_LIMIT / (width * height));
+  }
+
+  width = Math.floor(width * scale);
+  height = Math.floor(height * scale);
+
+  return { width, height, scale };
+};
+
 const generateElementCanvas = (
   element: NonDeletedExcalidrawElement,
   zoom: Zoom,
@@ -102,44 +156,35 @@ const generateElementCanvas = (
   const context = canvas.getContext("2d")!;
   const padding = getCanvasPadding(element);
 
+  const { width, height, scale } = cappedElementCanvasSize(element, zoom);
+
+  canvas.width = width;
+  canvas.height = height;
+
   let canvasOffsetX = 0;
   let canvasOffsetY = 0;
 
   if (isLinearElement(element) || isFreeDrawElement(element)) {
-    const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
-
-    canvas.width =
-      distance(x1, x2) * window.devicePixelRatio * zoom.value +
-      padding * zoom.value * 2;
-    canvas.height =
-      distance(y1, y2) * window.devicePixelRatio * zoom.value +
-      padding * zoom.value * 2;
+    const [x1, y1] = getElementAbsoluteCoords(element);
 
     canvasOffsetX =
       element.x > x1
-        ? distance(element.x, x1) * window.devicePixelRatio * zoom.value
+        ? distance(element.x, x1) * window.devicePixelRatio * scale
         : 0;
 
     canvasOffsetY =
       element.y > y1
-        ? distance(element.y, y1) * window.devicePixelRatio * zoom.value
+        ? distance(element.y, y1) * window.devicePixelRatio * scale
         : 0;
 
     context.translate(canvasOffsetX, canvasOffsetY);
-  } else {
-    canvas.width =
-      element.width * window.devicePixelRatio * zoom.value +
-      padding * zoom.value * 2;
-    canvas.height =
-      element.height * window.devicePixelRatio * zoom.value +
-      padding * zoom.value * 2;
   }
 
   context.save();
-  context.translate(padding * zoom.value, padding * zoom.value);
+  context.translate(padding * scale, padding * scale);
   context.scale(
-    window.devicePixelRatio * zoom.value,
-    window.devicePixelRatio * zoom.value,
+    window.devicePixelRatio * scale,
+    window.devicePixelRatio * scale,
   );
 
   const rc = rough.canvas(canvas);
@@ -156,7 +201,7 @@ const generateElementCanvas = (
     element,
     canvas,
     theme: renderConfig.theme,
-    canvasZoom: zoom.value,
+    scale,
     canvasOffsetX,
     canvasOffsetY,
     boundTextElementVersion: getBoundTextElement(element)?.version || null,
@@ -670,7 +715,7 @@ const generateElementWithCanvas = (
   const prevElementWithCanvas = elementWithCanvasCache.get(element);
   const shouldRegenerateBecauseZoom =
     prevElementWithCanvas &&
-    prevElementWithCanvas.canvasZoom !== zoom.value &&
+    prevElementWithCanvas.scale !== zoom.value &&
     !renderConfig?.shouldCacheIgnoreZoom;
   const boundTextElementVersion = getBoundTextElement(element)?.version || null;
 
@@ -701,7 +746,7 @@ const drawElementFromCanvas = (
 ) => {
   const element = elementWithCanvas.element;
   const padding = getCanvasPadding(element);
-  const zoom = elementWithCanvas.canvasZoom;
+  const zoom = elementWithCanvas.scale;
   let [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
 
   // Free draw elements will otherwise "shuffle" as the min x and y change
@@ -728,10 +773,10 @@ const drawElementFromCanvas = (
     const maxDim = Math.max(distance(x1, x2), distance(y1, y2));
     tempCanvas.width =
       maxDim * window.devicePixelRatio * zoom +
-      padding * elementWithCanvas.canvasZoom * 10;
+      padding * elementWithCanvas.scale * 10;
     tempCanvas.height =
       maxDim * window.devicePixelRatio * zoom +
-      padding * elementWithCanvas.canvasZoom * 10;
+      padding * elementWithCanvas.scale * 10;
     const offsetX = (tempCanvas.width - elementWithCanvas.canvas!.width) / 2;
     const offsetY = (tempCanvas.height - elementWithCanvas.canvas!.height) / 2;
 
@@ -812,11 +857,11 @@ const drawElementFromCanvas = (
     context.drawImage(
       elementWithCanvas.canvas!,
       (x1 + renderConfig.scrollX) * window.devicePixelRatio -
-        (padding * elementWithCanvas.canvasZoom) / elementWithCanvas.canvasZoom,
+        (padding * elementWithCanvas.scale) / elementWithCanvas.scale,
       (y1 + renderConfig.scrollY) * window.devicePixelRatio -
-        (padding * elementWithCanvas.canvasZoom) / elementWithCanvas.canvasZoom,
-      elementWithCanvas.canvas!.width / elementWithCanvas.canvasZoom,
-      elementWithCanvas.canvas!.height / elementWithCanvas.canvasZoom,
+        (padding * elementWithCanvas.scale) / elementWithCanvas.scale,
+      elementWithCanvas.canvas!.width / elementWithCanvas.scale,
+      elementWithCanvas.canvas!.height / elementWithCanvas.scale,
     );
 
     if (

From c170403b1322cc6de96c142c3bc64cd676bad6fa Mon Sep 17 00:00:00 2001
From: Manuel Brandstetter <36969812+brandstetterm@users.noreply.github.com>
Date: Fri, 7 Apr 2023 17:43:50 +0200
Subject: [PATCH 124/252] docs: fix closing tag in readme (#6424

Update README.md
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 31ee567de..48529165e 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@
     An open source virtual hand-drawn style whiteboard. </br>
     Collaborative and end-to-end encrypted. </br>
   <br />
-  </h3>
+  </h2>
 </div>
 
 <br />

From 0b8fc4f4b62a48e432b3fd6b1b97c5a4334f4792 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 10 Apr 2023 16:31:58 +0530
Subject: [PATCH 125/252] fix: don't refresh dimensions for deleted text
 elements (#6438)

---
 src/element/newElement.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 6581097cd..b08bac92c 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -265,6 +265,9 @@ export const refreshTextDimensions = (
   textElement: ExcalidrawTextElement,
   text = textElement.text,
 ) => {
+  if (textElement.isDeleted) {
+    return;
+  }
   const container = getContainerElement(textElement);
   if (container) {
     text = wrapText(

From ec215362a1723ad9749e70aece84358add20ce94 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 10 Apr 2023 18:52:46 +0530
Subject: [PATCH 126/252] fix: introduce baseline to fix the layout shift when
 switching to text editor (#6397)

* fix: introduce baseline to fix the layout shift when switching to text editor

* uncomment

* change offset to 8pixels

* [debug]

* introduce DOM baseline in canvas rendering instead

* introduce baseline in element making it backward compat

* fix

* lint

* fix

* update baseline when resizing text element

* fix safari backward compat

* fix for safari

* lint

* reduce safari LS

* floor line height and height when dom height increases than canvas height

* Revert "floor line height and height when dom height increases than canvas height"

This reverts commit 8de65168238b8fb9a638e0c75f596f371983c2c7.

* cleanup

* use DOM height only for safari to fix LS

* Revert "use DOM height only for safari to fix LS"

This reverts commit d75889238da59b7954ec3a6ac2c29dc0ba420635.

* fix lint and test

* fix

* calculate line height by rounding off instead of DOM

* cleanup

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionBoundText.tsx               |  3 +-
 src/data/restore.ts                           | 42 +++++++-----
 src/element/newElement.ts                     | 14 ++--
 src/element/resizeElements.ts                 | 61 ++++++++++++-----
 src/element/textElement.ts                    | 65 +++++++++++++++++--
 src/element/textWysiwyg.tsx                   | 16 ++++-
 src/element/types.ts                          |  1 +
 src/renderer/renderElement.ts                 |  7 +-
 .../data/__snapshots__/restore.test.ts.snap   |  2 +
 9 files changed, 161 insertions(+), 50 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 4cc72d612..9f9fbfc0f 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -43,7 +43,7 @@ export const actionUnbindText = register({
     selectedElements.forEach((element) => {
       const boundTextElement = getBoundTextElement(element);
       if (boundTextElement) {
-        const { width, height } = measureText(
+        const { width, height, baseline } = measureText(
           boundTextElement.originalText,
           getFontString(boundTextElement),
           boundTextElement.lineHeight,
@@ -57,6 +57,7 @@ export const actionUnbindText = register({
           containerId: null,
           width,
           height,
+          baseline,
           text: boundTextElement.originalText,
         });
         mutateElement(element, {
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 57ea329c3..2735d91d2 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -31,11 +31,15 @@ import {
 import { getDefaultAppState } from "../appState";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { bumpVersion } from "../element/mutateElement";
-import { getUpdatedTimestamp, updateActiveTool } from "../utils";
+import { getFontString, getUpdatedTimestamp, updateActiveTool } from "../utils";
 import { arrayToMap } from "../utils";
 import oc from "open-color";
 import { MarkOptional, Mutable } from "../utility-types";
-import { detectLineHeight, getDefaultLineHeight } from "../element/textElement";
+import {
+  detectLineHeight,
+  getDefaultLineHeight,
+  measureBaseline,
+} from "../element/textElement";
 
 type RestoredAppState = Omit<
   AppState,
@@ -171,6 +175,24 @@ const restoreElement = (
       }
       const text = element.text ?? "";
 
+      // line-height might not be specified either when creating elements
+      // programmatically, or when importing old diagrams.
+      // For the latter we want to detect the original line height which
+      // will likely differ from our per-font fixed line height we now use,
+      // to maintain backward compatibility.
+      const lineHeight =
+        element.lineHeight ||
+        (element.height
+          ? // detect line-height from current element height and font-size
+            detectLineHeight(element)
+          : // no element height likely means programmatic use, so default
+            // to a fixed line height
+            getDefaultLineHeight(element.fontFamily));
+      const baseline = measureBaseline(
+        element.text,
+        getFontString(element),
+        lineHeight,
+      );
       element = restoreElementWithProperties(element, {
         fontSize,
         fontFamily,
@@ -179,19 +201,9 @@ const restoreElement = (
         verticalAlign: element.verticalAlign || DEFAULT_VERTICAL_ALIGN,
         containerId: element.containerId ?? null,
         originalText: element.originalText || text,
-        // line-height might not be specified either when creating elements
-        // programmatically, or when importing old diagrams.
-        // For the latter we want to detect the original line height which
-        // will likely differ from our per-font fixed line height we now use,
-        // to maintain backward compatibility.
-        lineHeight:
-          element.lineHeight ||
-          (element.height
-            ? // detect line-height from current element height and font-size
-              detectLineHeight(element)
-            : // no element height likely means programmatic use, so default
-              // to a fixed line height
-              getDefaultLineHeight(element.fontFamily)),
+
+        lineHeight,
+        baseline,
       });
 
       if (refreshDimensions) {
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index b08bac92c..b6b6cad2d 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -145,6 +145,7 @@ export const newTextElement = (
   const text = normalizeText(opts.text);
   const metrics = measureText(text, getFontString(opts), lineHeight);
   const offsets = getTextElementPositionOffsets(opts, metrics);
+
   const textElement = newElementWith(
     {
       ..._newElementBase<ExcalidrawTextElement>("text", opts),
@@ -157,6 +158,7 @@ export const newTextElement = (
       y: opts.y - offsets.y,
       width: metrics.width,
       height: metrics.height,
+      baseline: metrics.baseline,
       containerId: opts.containerId || null,
       originalText: text,
       lineHeight,
@@ -174,14 +176,15 @@ const getAdjustedDimensions = (
   y: number;
   width: number;
   height: number;
+  baseline: number;
 } => {
   const container = getContainerElement(element);
 
-  const { width: nextWidth, height: nextHeight } = measureText(
-    nextText,
-    getFontString(element),
-    element.lineHeight,
-  );
+  const {
+    width: nextWidth,
+    height: nextHeight,
+    baseline: nextBaseline,
+  } = measureText(nextText, getFontString(element), element.lineHeight);
   const { textAlign, verticalAlign } = element;
   let x: number;
   let y: number;
@@ -256,6 +259,7 @@ const getAdjustedDimensions = (
   return {
     width: nextWidth,
     height: nextHeight,
+    baseline: nextBaseline,
     x: Number.isFinite(x) ? x : element.x,
     y: Number.isFinite(y) ? y : element.y,
   };
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index a49559a7e..69b8afae7 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -46,6 +46,8 @@ import {
   handleBindTextResize,
   getMaxContainerWidth,
   getApproxMinLineHeight,
+  measureText,
+  getMaxContainerHeight,
 } from "./textElement";
 
 export const normalizeAngle = (angle: number): number => {
@@ -193,7 +195,8 @@ const MIN_FONT_SIZE = 1;
 const measureFontSizeFromWidth = (
   element: NonDeleted<ExcalidrawTextElement>,
   nextWidth: number,
-): number | null => {
+  nextHeight: number,
+): { size: number; baseline: number } | null => {
   // We only use width to scale font on resize
   let width = element.width;
 
@@ -208,8 +211,15 @@ const measureFontSizeFromWidth = (
   if (nextFontSize < MIN_FONT_SIZE) {
     return null;
   }
-
-  return nextFontSize;
+  const metrics = measureText(
+    element.text,
+    getFontString({ fontSize: nextFontSize, fontFamily: element.fontFamily }),
+    element.lineHeight,
+  );
+  return {
+    size: nextFontSize,
+    baseline: metrics.baseline + (nextHeight - metrics.height),
+  };
 };
 
 const getSidesForTransformHandle = (
@@ -280,8 +290,8 @@ const resizeSingleTextElement = (
   if (scale > 0) {
     const nextWidth = element.width * scale;
     const nextHeight = element.height * scale;
-    const nextFontSize = measureFontSizeFromWidth(element, nextWidth);
-    if (nextFontSize === null) {
+    const metrics = measureFontSizeFromWidth(element, nextWidth, nextHeight);
+    if (metrics === null) {
       return;
     }
     const [nextX1, nextY1, nextX2, nextY2] = getResizedElementAbsoluteCoords(
@@ -305,9 +315,10 @@ const resizeSingleTextElement = (
       deltaY2,
     );
     mutateElement(element, {
-      fontSize: nextFontSize,
+      fontSize: metrics.size,
       width: nextWidth,
       height: nextHeight,
+      baseline: metrics.baseline,
       x: nextElementX,
       y: nextElementY,
     });
@@ -360,7 +371,7 @@ export const resizeSingleElement = (
   let scaleX = atStartBoundsWidth / boundsCurrentWidth;
   let scaleY = atStartBoundsHeight / boundsCurrentHeight;
 
-  let boundTextFontSize: number | null = null;
+  let boundTextFont: { fontSize?: number; baseline?: number } = {};
   const boundTextElement = getBoundTextElement(element);
 
   if (transformHandleDirection.includes("e")) {
@@ -410,7 +421,10 @@ export const resizeSingleElement = (
       boundTextElement.id,
     ) as typeof boundTextElement | undefined;
     if (stateOfBoundTextElementAtResize) {
-      boundTextFontSize = stateOfBoundTextElementAtResize.fontSize;
+      boundTextFont = {
+        fontSize: stateOfBoundTextElementAtResize.fontSize,
+        baseline: stateOfBoundTextElementAtResize.baseline,
+      };
     }
     if (shouldMaintainAspectRatio) {
       const updatedElement = {
@@ -419,14 +433,18 @@ export const resizeSingleElement = (
         height: eleNewHeight,
       };
 
-      const nextFontSize = measureFontSizeFromWidth(
+      const nextFont = measureFontSizeFromWidth(
         boundTextElement,
         getMaxContainerWidth(updatedElement),
+        getMaxContainerHeight(updatedElement),
       );
-      if (nextFontSize === null) {
+      if (nextFont === null) {
         return;
       }
-      boundTextFontSize = nextFontSize;
+      boundTextFont = {
+        fontSize: nextFont.size,
+        baseline: nextFont.baseline,
+      };
     } else {
       const minWidth = getApproxMinLineWidth(
         getFontString(boundTextElement),
@@ -568,9 +586,10 @@ export const resizeSingleElement = (
     });
 
     mutateElement(element, resizedElement);
-    if (boundTextElement && boundTextFontSize != null) {
+    if (boundTextElement && boundTextFont != null) {
       mutateElement(boundTextElement, {
-        fontSize: boundTextFontSize,
+        fontSize: boundTextFont.fontSize,
+        baseline: boundTextFont.baseline,
       });
     }
     handleBindTextResize(element, transformHandleDirection);
@@ -677,6 +696,7 @@ const resizeMultipleElements = (
       y: number;
       points?: Point[];
       fontSize?: number;
+      baseline?: number;
     } = {
       width,
       height,
@@ -685,7 +705,7 @@ const resizeMultipleElements = (
       ...rescaledPoints,
     };
 
-    let boundTextUpdates: { fontSize: number } | null = null;
+    let boundTextUpdates: { fontSize: number; baseline: number } | null = null;
 
     const boundTextElement = getBoundTextElement(element.latest);
 
@@ -695,24 +715,29 @@ const resizeMultipleElements = (
         width,
         height,
       };
-      const fontSize = measureFontSizeFromWidth(
+      const metrics = measureFontSizeFromWidth(
         boundTextElement ?? (element.orig as ExcalidrawTextElement),
         boundTextElement
           ? getMaxContainerWidth(updatedElement)
           : updatedElement.width,
+        boundTextElement
+          ? getMaxContainerHeight(updatedElement)
+          : updatedElement.height,
       );
 
-      if (!fontSize) {
+      if (!metrics) {
         return;
       }
 
       if (isTextElement(element.orig)) {
-        update.fontSize = fontSize;
+        update.fontSize = metrics.size;
+        update.baseline = metrics.baseline;
       }
 
       if (boundTextElement) {
         boundTextUpdates = {
-          fontSize,
+          fontSize: metrics.size,
+          baseline: metrics.baseline,
         };
       }
     }
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 8b3979133..26cf91a89 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -14,6 +14,7 @@ import {
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
   FONT_FAMILY,
+  isSafari,
   TEXT_ALIGN,
   VERTICAL_ALIGN,
 } from "../constants";
@@ -58,6 +59,7 @@ export const redrawTextBoundingBox = (
     text: textElement.text,
     width: textElement.width,
     height: textElement.height,
+    baseline: textElement.baseline,
   };
 
   boundTextUpdates.text = textElement.text;
@@ -78,6 +80,7 @@ export const redrawTextBoundingBox = (
 
   boundTextUpdates.width = metrics.width;
   boundTextUpdates.height = metrics.height;
+  boundTextUpdates.baseline = metrics.baseline;
 
   if (container) {
     if (isArrowElement(container)) {
@@ -183,6 +186,7 @@ export const handleBindTextResize = (
     const maxWidth = getMaxContainerWidth(container);
     const maxHeight = getMaxContainerHeight(container);
     let containerHeight = containerDims.height;
+    let nextBaseLine = textElement.baseline;
     if (transformHandleType !== "n" && transformHandleType !== "s") {
       if (text) {
         text = wrapText(
@@ -191,13 +195,14 @@ export const handleBindTextResize = (
           maxWidth,
         );
       }
-      const dimensions = measureText(
+      const metrics = measureText(
         text,
         getFontString(textElement),
         textElement.lineHeight,
       );
-      nextHeight = dimensions.height;
-      nextWidth = dimensions.width;
+      nextHeight = metrics.height;
+      nextWidth = metrics.width;
+      nextBaseLine = metrics.baseline;
     }
     // increase height in case text element height exceeds
     if (nextHeight > maxHeight) {
@@ -225,6 +230,7 @@ export const handleBindTextResize = (
       text,
       width: nextWidth,
       height: nextHeight,
+      baseline: nextBaseLine,
     });
 
     if (!isArrowElement(container)) {
@@ -285,8 +291,59 @@ export const measureText = (
   const fontSize = parseFloat(font);
   const height = getTextHeight(text, fontSize, lineHeight);
   const width = getTextWidth(text, font);
+  const baseline = measureBaseline(text, font, lineHeight);
+  return { width, height, baseline };
+};
 
-  return { width, height };
+export const measureBaseline = (
+  text: string,
+  font: FontString,
+  lineHeight: ExcalidrawTextElement["lineHeight"],
+  wrapInContainer?: boolean,
+) => {
+  const container = document.createElement("div");
+  container.style.position = "absolute";
+  container.style.whiteSpace = "pre";
+  container.style.font = font;
+  container.style.minHeight = "1em";
+  if (wrapInContainer) {
+    container.style.overflow = "hidden";
+    container.style.wordBreak = "break-word";
+    container.style.whiteSpace = "pre-wrap";
+  }
+
+  container.style.lineHeight = String(lineHeight);
+
+  container.innerText = text;
+
+  // Baseline is important for positioning text on canvas
+  document.body.appendChild(container);
+
+  const span = document.createElement("span");
+  span.style.display = "inline-block";
+  span.style.overflow = "hidden";
+  span.style.width = "1px";
+  span.style.height = "1px";
+  container.appendChild(span);
+  let baseline = span.offsetTop + span.offsetHeight;
+  const height = container.offsetHeight;
+
+  if (isSafari) {
+    const canvasHeight = getTextHeight(text, parseFloat(font), lineHeight);
+    const fontSize = parseFloat(font);
+    // In Safari the font size gets rounded off when rendering hence calculating the safari height and shifting the baseline if it differs
+    // from the actual canvas height
+    const domHeight = getTextHeight(text, Math.round(fontSize), lineHeight);
+    if (canvasHeight > height) {
+      baseline += canvasHeight - domHeight;
+    }
+
+    if (height > canvasHeight) {
+      baseline -= domHeight - canvasHeight;
+    }
+  }
+  document.body.removeChild(container);
+  return baseline;
 };
 
 /**
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 4e8ef3a5c..ef4f7c926 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -11,7 +11,7 @@ import {
   isBoundToContainer,
   isTextElement,
 } from "./typeChecks";
-import { CLASSES, VERTICAL_ALIGN } from "../constants";
+import { CLASSES, isSafari, VERTICAL_ALIGN } from "../constants";
 import {
   ExcalidrawElement,
   ExcalidrawLinearElement,
@@ -35,6 +35,7 @@ import {
   getMaxContainerHeight,
   getMaxContainerWidth,
   computeContainerDimensionForBoundText,
+  detectLineHeight,
 } from "./textElement";
 import {
   actionDecreaseFontSize,
@@ -271,13 +272,24 @@ export const textWysiwyg = ({
       } else {
         textElementWidth += 0.5;
       }
+
+      let lineHeight = updatedTextElement.lineHeight;
+
+      // In Safari the font size gets rounded off when rendering hence calculating the line height by rounding off font size
+      if (isSafari) {
+        lineHeight = detectLineHeight({
+          ...updatedTextElement,
+          fontSize: Math.round(updatedTextElement.fontSize),
+        });
+      }
+
       // Make sure text editor height doesn't go beyond viewport
       const editorMaxHeight =
         (appState.height - viewportY) / appState.zoom.value;
       Object.assign(editable.style, {
         font: getFontString(updatedTextElement),
         // must be defined *after* font ¯\_(ツ)_/¯
-        lineHeight: element.lineHeight,
+        lineHeight,
         width: `${textElementWidth}px`,
         height: `${textElementHeight}px`,
         left: `${viewportX}px`,
diff --git a/src/element/types.ts b/src/element/types.ts
index 4b4bad74e..0760d054d 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -131,6 +131,7 @@ export type ExcalidrawTextElement = _ExcalidrawElementBase &
     fontSize: number;
     fontFamily: FontFamilyValues;
     text: string;
+    baseline: number;
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
     containerId: ExcalidrawGenericElement["id"] | null;
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 7adcc5840..486e52bdf 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -245,7 +245,6 @@ const drawImagePlaceholder = (
     size,
   );
 };
-
 const drawElementOnCanvas = (
   element: NonDeletedExcalidrawElement,
   rc: RoughCanvas,
@@ -331,18 +330,16 @@ const drawElementOnCanvas = (
             : element.textAlign === "right"
             ? element.width
             : 0;
-        context.textBaseline = "bottom";
-
         const lineHeightPx = getLineHeightInPx(
           element.fontSize,
           element.lineHeight,
         );
-
+        const verticalOffset = element.height - element.baseline;
         for (let index = 0; index < lines.length; index++) {
           context.fillText(
             lines[index],
             horizontalOffset,
-            (index + 1) * lineHeightPx,
+            (index + 1) * lineHeightPx - verticalOffset,
           );
         }
         context.restore();
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index e9a0da005..7e30b9d86 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -282,6 +282,7 @@ exports[`restoreElements should restore text element correctly passing value for
 Object {
   "angle": 0,
   "backgroundColor": "transparent",
+  "baseline": 0,
   "boundElements": Array [],
   "containerId": null,
   "fillStyle": "hachure",
@@ -321,6 +322,7 @@ exports[`restoreElements should restore text element correctly with unknown font
 Object {
   "angle": 0,
   "backgroundColor": "transparent",
+  "baseline": 0,
   "boundElements": Array [],
   "containerId": null,
   "fillStyle": "hachure",

From e4d8ba226f15836b4572fc3bae6a623e809cf08c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 10 Apr 2023 15:38:50 +0200
Subject: [PATCH 127/252] feat: zigzag fill easter egg (#6439)

---
 src/actions/actionProperties.tsx    | 92 ++++++++++++++++++-----------
 src/components/ButtonIconSelect.tsx | 78 ++++++++++++++++--------
 src/components/icons.tsx            |  7 +++
 src/css/styles.scss                 |  3 +
 src/element/types.ts                |  2 +-
 5 files changed, 120 insertions(+), 62 deletions(-)

diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index 08420d9ef..ed714816b 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -1,4 +1,5 @@
 import { AppState } from "../../src/types";
+import { trackEvent } from "../analytics";
 import { ButtonIconSelect } from "../components/ButtonIconSelect";
 import { ColorPicker } from "../components/ColorPicker";
 import { IconPicker } from "../components/IconPicker";
@@ -37,6 +38,7 @@ import {
   TextAlignLeftIcon,
   TextAlignCenterIcon,
   TextAlignRightIcon,
+  FillZigZagIcon,
 } from "../components/icons";
 import {
   DEFAULT_FONT_FAMILY,
@@ -294,7 +296,12 @@ export const actionChangeBackgroundColor = register({
 export const actionChangeFillStyle = register({
   name: "changeFillStyle",
   trackEvent: false,
-  perform: (elements, appState, value) => {
+  perform: (elements, appState, value, app) => {
+    trackEvent(
+      "element",
+      "changeFillStyle",
+      `${value} (${app.device.isMobile ? "mobile" : "desktop"})`,
+    );
     return {
       elements: changeProperty(elements, appState, (el) =>
         newElementWith(el, {
@@ -305,40 +312,55 @@ export const actionChangeFillStyle = register({
       commitToHistory: true,
     };
   },
-  PanelComponent: ({ elements, appState, updateData }) => (
-    <fieldset>
-      <legend>{t("labels.fill")}</legend>
-      <ButtonIconSelect
-        options={[
-          {
-            value: "hachure",
-            text: t("labels.hachure"),
-            icon: FillHachureIcon,
-          },
-          {
-            value: "cross-hatch",
-            text: t("labels.crossHatch"),
-            icon: FillCrossHatchIcon,
-          },
-          {
-            value: "solid",
-            text: t("labels.solid"),
-            icon: FillSolidIcon,
-          },
-        ]}
-        group="fill"
-        value={getFormValue(
-          elements,
-          appState,
-          (element) => element.fillStyle,
-          appState.currentItemFillStyle,
-        )}
-        onChange={(value) => {
-          updateData(value);
-        }}
-      />
-    </fieldset>
-  ),
+  PanelComponent: ({ elements, appState, updateData }) => {
+    const selectedElements = getSelectedElements(elements, appState);
+    const allElementsZigZag = selectedElements.every(
+      (el) => el.fillStyle === "zigzag",
+    );
+
+    return (
+      <fieldset>
+        <legend>{t("labels.fill")}</legend>
+        <ButtonIconSelect
+          type="button"
+          options={[
+            {
+              value: "hachure",
+              text: t("labels.hachure"),
+              icon: allElementsZigZag ? FillZigZagIcon : FillHachureIcon,
+              active: allElementsZigZag ? true : undefined,
+            },
+            {
+              value: "cross-hatch",
+              text: t("labels.crossHatch"),
+              icon: FillCrossHatchIcon,
+            },
+            {
+              value: "solid",
+              text: t("labels.solid"),
+              icon: FillSolidIcon,
+            },
+          ]}
+          value={getFormValue(
+            elements,
+            appState,
+            (element) => element.fillStyle,
+            appState.currentItemFillStyle,
+          )}
+          onClick={(value, event) => {
+            const nextValue =
+              event.altKey &&
+              value === "hachure" &&
+              selectedElements.every((el) => el.fillStyle === "hachure")
+                ? "zigzag"
+                : value;
+
+            updateData(nextValue);
+          }}
+        />
+      </fieldset>
+    );
+  },
 });
 
 export const actionChangeStrokeWidth = register({
diff --git a/src/components/ButtonIconSelect.tsx b/src/components/ButtonIconSelect.tsx
index 899ec150d..eec8870a9 100644
--- a/src/components/ButtonIconSelect.tsx
+++ b/src/components/ButtonIconSelect.tsx
@@ -1,33 +1,59 @@
 import clsx from "clsx";
 
 // TODO: It might be "clever" to add option.icon to the existing component <ButtonSelect />
-export const ButtonIconSelect = <T extends Object>({
-  options,
-  value,
-  onChange,
-  group,
-}: {
-  options: { value: T; text: string; icon: JSX.Element; testId?: string }[];
-  value: T | null;
-  onChange: (value: T) => void;
-  group: string;
-}) => (
+export const ButtonIconSelect = <T extends Object>(
+  props: {
+    options: {
+      value: T;
+      text: string;
+      icon: JSX.Element;
+      testId?: string;
+      /** if not supplied, defaults to value identity check */
+      active?: boolean;
+    }[];
+    value: T | null;
+    type?: "radio" | "button";
+  } & (
+    | { type?: "radio"; group: string; onChange: (value: T) => void }
+    | {
+        type: "button";
+        onClick: (
+          value: T,
+          event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+        ) => void;
+      }
+  ),
+) => (
   <div className="buttonList buttonListIcon">
-    {options.map((option) => (
-      <label
-        key={option.text}
-        className={clsx({ active: value === option.value })}
-        title={option.text}
-      >
-        <input
-          type="radio"
-          name={group}
-          onChange={() => onChange(option.value)}
-          checked={value === option.value}
+    {props.options.map((option) =>
+      props.type === "button" ? (
+        <button
+          key={option.text}
+          onClick={(event) => props.onClick(option.value, event)}
+          className={clsx({
+            active: option.active ?? props.value === option.value,
+          })}
           data-testid={option.testId}
-        />
-        {option.icon}
-      </label>
-    ))}
+          title={option.text}
+        >
+          {option.icon}
+        </button>
+      ) : (
+        <label
+          key={option.text}
+          className={clsx({ active: props.value === option.value })}
+          title={option.text}
+        >
+          <input
+            type="radio"
+            name={props.group}
+            onChange={() => props.onChange(option.value)}
+            checked={props.value === option.value}
+            data-testid={option.testId}
+          />
+          {option.icon}
+        </label>
+      ),
+    )}
   </div>
 );
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 046ee490b..784e81024 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1008,6 +1008,13 @@ export const UngroupIcon = React.memo(({ theme }: { theme: Theme }) =>
   ),
 );
 
+export const FillZigZagIcon = createIcon(
+  <g strokeWidth={1.25}>
+    <path d="M5.879 2.625h8.242a3.27 3.27 0 0 1 3.254 3.254v8.242a3.27 3.27 0 0 1-3.254 3.254H5.88a3.27 3.27 0 0 1-3.254-3.254V5.88A3.27 3.27 0 0 1 5.88 2.626l-.001-.001ZM4.518 16.118l7.608-12.83m.198 13.934 5.051-9.897M2.778 9.675l9.348-6.387m-7.608 12.83 12.857-8.793" />
+  </g>,
+  modifiedTablerIconProps,
+);
+
 export const FillHachureIcon = createIcon(
   <>
     <path
diff --git a/src/css/styles.scss b/src/css/styles.scss
index c663e55be..8dafbfbdf 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -155,6 +155,9 @@
     margin: 1px;
   }
 
+  .welcome-screen-menu-item:focus-visible,
+  .dropdown-menu-item:focus-visible,
+  button:focus-visible,
   .buttonList label:focus-within,
   input:focus-visible {
     outline: transparent;
diff --git a/src/element/types.ts b/src/element/types.ts
index 0760d054d..4a4db7e8b 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -9,7 +9,7 @@ import {
 import { MarkNonNullable, ValueOf } from "../utility-types";
 
 export type ChartType = "bar" | "line";
-export type FillStyle = "hachure" | "cross-hatch" | "solid";
+export type FillStyle = "hachure" | "cross-hatch" | "solid" | "zigzag";
 export type FontFamilyKeys = keyof typeof FONT_FAMILY;
 export type FontFamilyValues = typeof FONT_FAMILY[FontFamilyKeys];
 export type Theme = typeof THEME[keyof typeof THEME];

From fc601347cf57a55bbeed143dd66764ac770c2fbd Mon Sep 17 00:00:00 2001
From: Nishant <61119157+Nishant-l@users.noreply.github.com>
Date: Wed, 12 Apr 2023 02:53:36 +0530
Subject: [PATCH 128/252] fix: fixing popover overflow on small screen (#6433)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/Popover.scss |  1 +
 src/components/Popover.tsx  | 86 ++++++++++++++++++++++++++-----------
 2 files changed, 61 insertions(+), 26 deletions(-)

diff --git a/src/components/Popover.scss b/src/components/Popover.scss
index 84d16e47f..9458b5026 100644
--- a/src/components/Popover.scss
+++ b/src/components/Popover.scss
@@ -3,5 +3,6 @@
     position: absolute;
     z-index: 10;
     padding: 5px 0 5px;
+    outline: none;
   }
 }
diff --git a/src/components/Popover.tsx b/src/components/Popover.tsx
index 9a046599b..c1249f798 100644
--- a/src/components/Popover.tsx
+++ b/src/components/Popover.tsx
@@ -29,13 +29,15 @@ export const Popover = ({
 }: Props) => {
   const popoverRef = useRef<HTMLDivElement>(null);
 
-  const container = popoverRef.current;
-
   useEffect(() => {
+    const container = popoverRef.current;
+
     if (!container) {
       return;
     }
 
+    container.focus();
+
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.key === KEYS.TAB) {
         const focusableElements = queryFocusableElements(container);
@@ -44,15 +46,23 @@ export const Popover = ({
           (element) => element === activeElement,
         );
 
-        if (currentIndex === 0 && event.shiftKey) {
-          focusableElements[focusableElements.length - 1].focus();
+        if (activeElement === container) {
+          if (event.shiftKey) {
+            focusableElements[focusableElements.length - 1]?.focus();
+          } else {
+            focusableElements[0].focus();
+          }
+          event.preventDefault();
+          event.stopImmediatePropagation();
+        } else if (currentIndex === 0 && event.shiftKey) {
+          focusableElements[focusableElements.length - 1]?.focus();
           event.preventDefault();
           event.stopImmediatePropagation();
         } else if (
           currentIndex === focusableElements.length - 1 &&
           !event.shiftKey
         ) {
-          focusableElements[0].focus();
+          focusableElements[0]?.focus();
           event.preventDefault();
           event.stopImmediatePropagation();
         }
@@ -62,35 +72,59 @@ export const Popover = ({
     container.addEventListener("keydown", handleKeyDown);
 
     return () => container.removeEventListener("keydown", handleKeyDown);
-  }, [container]);
+  }, []);
+
+  const lastInitializedPosRef = useRef<{ top: number; left: number } | null>(
+    null,
+  );
 
   // ensure the popover doesn't overflow the viewport
   useLayoutEffect(() => {
-    if (fitInViewport && popoverRef.current) {
-      const element = popoverRef.current;
-      const { x, y, width, height } = element.getBoundingClientRect();
+    if (fitInViewport && popoverRef.current && top != null && left != null) {
+      const container = popoverRef.current;
+      const { width, height } = container.getBoundingClientRect();
 
-      //Position correctly when clicked on rightmost part or the bottom part of viewport
-      if (x + width - offsetLeft > viewportWidth) {
-        element.style.left = `${viewportWidth - width - 10}px`;
-      }
-      if (y + height - offsetTop > viewportHeight) {
-        element.style.top = `${viewportHeight - height}px`;
+      // hack for StrictMode so this effect only runs once for
+      // the same top/left position, otherwise
+      // we'd potentically reposition twice (once for viewport overflow)
+      // and once for top/left position afterwards
+      if (
+        lastInitializedPosRef.current?.top === top &&
+        lastInitializedPosRef.current?.left === left
+      ) {
+        return;
       }
+      lastInitializedPosRef.current = { top, left };
 
-      //Resize to fit viewport on smaller screens
-      if (height >= viewportHeight) {
-        element.style.height = `${viewportHeight - 20}px`;
-        element.style.top = "10px";
-        element.style.overflowY = "scroll";
-      }
       if (width >= viewportWidth) {
-        element.style.width = `${viewportWidth}px`;
-        element.style.left = "0px";
-        element.style.overflowX = "scroll";
+        container.style.width = `${viewportWidth}px`;
+        container.style.left = "0px";
+        container.style.overflowX = "scroll";
+      } else if (left + width - offsetLeft > viewportWidth) {
+        container.style.left = `${viewportWidth - width - 10}px`;
+      } else {
+        container.style.left = `${left}px`;
+      }
+
+      if (height >= viewportHeight) {
+        container.style.height = `${viewportHeight - 20}px`;
+        container.style.top = "10px";
+        container.style.overflowY = "scroll";
+      } else if (top + height - offsetTop > viewportHeight) {
+        container.style.top = `${viewportHeight - height}px`;
+      } else {
+        container.style.top = `${top}px`;
       }
     }
-  }, [fitInViewport, viewportWidth, viewportHeight, offsetLeft, offsetTop]);
+  }, [
+    top,
+    left,
+    fitInViewport,
+    viewportWidth,
+    viewportHeight,
+    offsetLeft,
+    offsetTop,
+  ]);
 
   useEffect(() => {
     if (onCloseRequest) {
@@ -105,7 +139,7 @@ export const Popover = ({
   }, [onCloseRequest]);
 
   return (
-    <div className="popover" style={{ top, left }} ref={popoverRef}>
+    <div className="popover" ref={popoverRef} tabIndex={-1}>
       {children}
     </div>
   );

From 372743f59f03b2f368ea0bf704cb37c3dca60cc5 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 12 Apr 2023 10:57:00 +0200
Subject: [PATCH 129/252] fix: autoredirect to plus in prod only (#6446)

---
 public/index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/public/index.html b/public/index.html
index 47a59624b..a8633fc4d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -79,6 +79,7 @@
     </style>
     <!------------------------------------------------------------------------->
 
+    <% if (process.env.NODE_ENV === "production") { %>
     <script>
       // Redirect Excalidraw+ users which have auto-redirect enabled.
       //
@@ -97,6 +98,7 @@
         window.location.href = "https://app.excalidraw.com";
       }
     </script>
+    <% } %>
 
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
 

From 13b27afe0f39cc43d80fa05232e985530d0f0600 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 13 Apr 2023 11:45:58 +0530
Subject: [PATCH 130/252] fix: update coords when text unbinded from its
 container (#6445)

* fix: update coords when text unbinded from its container

* Add specs
---
 src/actions/actionBoundText.tsx        |  6 ++-
 src/element/textElement.ts             |  8 +++-
 src/element/textWysiwyg.test.tsx       | 39 +++++++++++++++++
 src/tests/linearElementEditor.test.tsx | 59 +++++++++++++++++++++++++-
 4 files changed, 109 insertions(+), 3 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 9f9fbfc0f..990f98d41 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -2,6 +2,7 @@ import { BOUND_TEXT_PADDING, ROUNDNESS, VERTICAL_ALIGN } from "../constants";
 import { getNonDeletedElements, isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import {
+  computeBoundTextPosition,
   computeContainerDimensionForBoundText,
   getBoundTextElement,
   measureText,
@@ -33,6 +34,7 @@ export const actionUnbindText = register({
   trackEvent: { category: "element" },
   predicate: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState);
+
     return selectedElements.some((element) => hasBoundTextElement(element));
   },
   perform: (elements, appState) => {
@@ -52,13 +54,15 @@ export const actionUnbindText = register({
           element.id,
         );
         resetOriginalContainerCache(element.id);
-
+        const { x, y } = computeBoundTextPosition(element, boundTextElement);
         mutateElement(boundTextElement as ExcalidrawTextElement, {
           containerId: null,
           width,
           height,
           baseline,
           text: boundTextElement.originalText,
+          x,
+          y,
         });
         mutateElement(element, {
           boundElements: element.boundElements?.filter(
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 26cf91a89..38da5df5a 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -245,10 +245,16 @@ export const handleBindTextResize = (
   }
 };
 
-const computeBoundTextPosition = (
+export const computeBoundTextPosition = (
   container: ExcalidrawElement,
   boundTextElement: ExcalidrawTextElementWithContainer,
 ) => {
+  if (isArrowElement(container)) {
+    return LinearElementEditor.getBoundTextElementPosition(
+      container,
+      boundTextElement,
+    );
+  }
   const containerCoords = getContainerCoords(container);
   const maxContainerHeight = getMaxContainerHeight(container);
   const maxContainerWidth = getMaxContainerWidth(container);
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index cb852cd1c..c55a9befa 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -740,6 +740,45 @@ describe("textWysiwyg", () => {
       expect(rectangle.boundElements).toBe(null);
     });
 
+    it("should bind text to container when triggered via context menu", async () => {
+      expect(h.elements.length).toBe(1);
+      expect(h.elements[0].id).toBe(rectangle.id);
+
+      UI.clickTool("text");
+      mouse.clickAt(20, 30);
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      fireEvent.change(editor, {
+        target: {
+          value: "Excalidraw is an opensource virtual collaborative whiteboard",
+        },
+      });
+
+      editor.dispatchEvent(new Event("input"));
+      await new Promise((cb) => setTimeout(cb, 0));
+      expect(h.elements.length).toBe(2);
+      expect(h.elements[1].type).toBe("text");
+
+      API.setSelectedElements([h.elements[0], h.elements[1]]);
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+      const contextMenu = document.querySelector(".context-menu");
+      fireEvent.click(
+        queryByText(contextMenu as HTMLElement, "Bind text to the container")!,
+      );
+      const text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: h.elements[1].id, type: "text" },
+      ]);
+      expect(text.containerId).toBe(rectangle.id);
+      expect(text.verticalAlign).toBe(VERTICAL_ALIGN.MIDDLE);
+    });
+
     it("should update font family correctly on undo/redo by selecting bounded text when font family was updated", async () => {
       expect(h.elements.length).toBe(1);
 
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index ac4d801bc..15fd105ec 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -23,7 +23,7 @@ import {
   getMaxContainerWidth,
 } from "../element/textElement";
 import * as textElementUtils from "../element/textElement";
-import { ROUNDNESS } from "../constants";
+import { ROUNDNESS, VERTICAL_ALIGN } from "../constants";
 
 const renderScene = jest.spyOn(Renderer, "renderScene");
 
@@ -1191,5 +1191,62 @@ describe("Test Linear Elements", () => {
       expect(queryByTestId(container, "align-horizontal-center")).toBeNull();
       expect(queryByTestId(container, "align-right")).toBeNull();
     });
+
+    it("should update label coords when a label binded via context menu is unbinded", async () => {
+      createTwoPointerLinearElement("arrow");
+      const text = API.createElement({
+        type: "text",
+        text: "Hello Excalidraw",
+      });
+      expect(text.x).toBe(0);
+      expect(text.y).toBe(0);
+
+      h.elements = [h.elements[0], text];
+
+      const container = h.elements[0];
+      API.setSelectedElements([container, text]);
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+      let contextMenu = document.querySelector(".context-menu");
+
+      fireEvent.click(
+        queryByText(contextMenu as HTMLElement, "Bind text to the container")!,
+      );
+      expect(container.boundElements).toStrictEqual([
+        { id: h.elements[1].id, type: "text" },
+      ]);
+      expect(text.containerId).toBe(container.id);
+      expect(text.verticalAlign).toBe(VERTICAL_ALIGN.MIDDLE);
+
+      mouse.reset();
+      mouse.clickAt(
+        container.x + container.width / 2,
+        container.y + container.height / 2,
+      );
+      mouse.down();
+      mouse.up();
+      API.setSelectedElements([h.elements[0], h.elements[1]]);
+
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+      contextMenu = document.querySelector(".context-menu");
+      fireEvent.click(queryByText(contextMenu as HTMLElement, "Unbind text")!);
+      expect(container.boundElements).toEqual([]);
+      expect(text).toEqual(
+        expect.objectContaining({
+          containerId: null,
+          width: 160,
+          height: 25,
+          x: -40,
+          y: 7.5,
+        }),
+      );
+    });
   });
 });

From ca3be2c678dfc5fae50d005fdcfe3b8c84fc2544 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 13 Apr 2023 17:19:46 +0530
Subject: [PATCH 131/252] fix: exporting labelled arrows via export utils
 (#6443)

* fix: exporting labelled arrows via export utils

* add comments

* lint

* update changelog

* fix lint

* initialize scene in the utils so it can be availabe in the helper functions

* fix library rendering

* add comments
---
 src/components/LibraryUnit.tsx       | 10 +++---
 src/packages/excalidraw/CHANGELOG.md |  4 +++
 src/packages/utils.ts                | 48 ++++++++++++++++++++++++----
 3 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/src/components/LibraryUnit.tsx b/src/components/LibraryUnit.tsx
index 6723ac800..749877cdd 100644
--- a/src/components/LibraryUnit.tsx
+++ b/src/components/LibraryUnit.tsx
@@ -2,7 +2,7 @@ import clsx from "clsx";
 import oc from "open-color";
 import { useEffect, useRef, useState } from "react";
 import { useDevice } from "../components/App";
-import { exportToSvg } from "../scene/export";
+import { exportToSvg } from "../packages/utils";
 import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 import { CheckboxItem } from "./CheckboxItem";
@@ -36,14 +36,14 @@ export const LibraryUnit = ({
       if (!elements) {
         return;
       }
-      const svg = await exportToSvg(
+      const svg = await exportToSvg({
         elements,
-        {
+        appState: {
           exportBackground: false,
           viewBackgroundColor: oc.white,
         },
-        null,
-      );
+        files: null,
+      });
       svg.querySelector(".style-fonts")?.remove();
       node.innerHTML = svg.outerHTML;
     })();
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 628177a4a..c36883b8e 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -33,6 +33,10 @@ For more details refer to the [docs](https://docs.excalidraw.com)
 
 - The optional parameter `refreshDimensions` in [`restoreElements`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/restore#restoreelements) has been removed and can be enabled via `opts`
 
+### Fixes
+
+- Exporting labelled arrows via export utils [#6443](https://github.com/excalidraw/excalidraw/pull/6443)
+
 ## 0.14.2 (2023-02-01)
 
 ### Features
diff --git a/src/packages/utils.ts b/src/packages/utils.ts
index d81995080..5161e0cab 100644
--- a/src/packages/utils.ts
+++ b/src/packages/utils.ts
@@ -5,7 +5,6 @@ import {
 import { getDefaultAppState } from "../appState";
 import { AppState, BinaryFiles } from "../types";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
-import { getNonDeletedElements } from "../element";
 import { restore } from "../data/restore";
 import { MIME_TYPES } from "../constants";
 import { encodePngMetadata } from "../data/image";
@@ -15,6 +14,7 @@ import {
   copyTextToSystemClipboard,
   copyToClipboard,
 } from "../clipboard";
+import Scene from "../scene/Scene";
 
 export { MIME_TYPES };
 
@@ -44,9 +44,17 @@ export const exportToCanvas = ({
     null,
     null,
   );
+  // The helper methods getContainerElement and getBoundTextElement are
+  // dependent on Scene which will not be available
+  // when these pure utils are called outside Excalidraw or even if called
+  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
+  // hence initailizing a new scene with the elements
+  // so its always available to helper methods
+  const scene = new Scene();
+  scene.replaceAllElements(restoredElements);
   const { exportBackground, viewBackgroundColor } = restoredAppState;
   return _exportToCanvas(
-    getNonDeletedElements(restoredElements),
+    scene.getNonDeletedElements(),
     { ...restoredAppState, offsetTop: 0, offsetLeft: 0, width: 0, height: 0 },
     files || {},
     { exportBackground, exportPadding, viewBackgroundColor },
@@ -114,8 +122,18 @@ export const exportToBlob = async (
     };
   }
 
-  const canvas = await exportToCanvas(opts);
-
+  // The helper methods getContainerElement and getBoundTextElement are
+  // dependent on Scene which will not be available
+  // when these pure utils are called outside Excalidraw or even if called
+  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
+  // hence initailizing a new scene with the elements
+  // so its always available to helper methods
+  const scene = new Scene();
+  scene.replaceAllElements(opts.elements);
+  const canvas = await exportToCanvas({
+    ...opts,
+    elements: scene.getNonDeletedElements(),
+  });
   quality = quality ? quality : /image\/jpe?g/.test(mimeType) ? 0.92 : 0.8;
 
   return new Promise((resolve, reject) => {
@@ -132,7 +150,7 @@ export const exportToBlob = async (
           blob = await encodePngMetadata({
             blob,
             metadata: serializeAsJSON(
-              opts.elements,
+              scene.getNonDeletedElements(),
               opts.appState,
               opts.files || {},
               "local",
@@ -160,8 +178,16 @@ export const exportToSvg = async ({
     null,
     null,
   );
+  // The helper methods getContainerElement and getBoundTextElement are
+  // dependent on Scene which will not be available
+  // when these pure utils are called outside Excalidraw or even if called
+  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
+  // hence initailizing a new scene with the elements
+  // so its always available to helper methods
+  const scene = new Scene();
+  scene.replaceAllElements(restoredElements);
   return _exportToSvg(
-    getNonDeletedElements(restoredElements),
+    scene.getNonDeletedElements(),
     {
       ...restoredAppState,
       exportPadding,
@@ -177,6 +203,14 @@ export const exportToClipboard = async (
     type: "png" | "svg" | "json";
   },
 ) => {
+  // The helper methods getContainerElement and getBoundTextElement are
+  // dependent on Scene which will not be available
+  // when these pure utils are called outside Excalidraw or even if called
+  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
+  // hence initailizing a new scene with the elements
+  // so its always available to helper methods
+  const scene = new Scene();
+  scene.replaceAllElements(opts.elements);
   if (opts.type === "svg") {
     const svg = await exportToSvg(opts);
     await copyTextToSystemClipboard(svg.outerHTML);
@@ -191,7 +225,7 @@ export const exportToClipboard = async (
       ...getDefaultAppState(),
       ...opts.appState,
     };
-    await copyToClipboard(opts.elements, appState, opts.files);
+    await copyToClipboard(scene.getNonDeletedElements(), appState, opts.files);
   } else {
     throw new Error("Invalid export type");
   }

From 6164b5273c39de875e136aa808f1e8a7ad62ec92 Mon Sep 17 00:00:00 2001
From: Bear <68773271+SnorfYang@users.noreply.github.com>
Date: Fri, 14 Apr 2023 21:22:39 +0800
Subject: [PATCH 132/252] fix: center align text when bind to container via
 context menu (#6451)

---
 src/actions/actionBoundText.tsx  | 8 +++++++-
 src/element/textWysiwyg.test.tsx | 7 +++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 990f98d41..3f240b5d8 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -1,4 +1,9 @@
-import { BOUND_TEXT_PADDING, ROUNDNESS, VERTICAL_ALIGN } from "../constants";
+import {
+  BOUND_TEXT_PADDING,
+  ROUNDNESS,
+  VERTICAL_ALIGN,
+  TEXT_ALIGN,
+} from "../constants";
 import { getNonDeletedElements, isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import {
@@ -132,6 +137,7 @@ export const actionBindText = register({
     mutateElement(textElement, {
       containerId: container.id,
       verticalAlign: VERTICAL_ALIGN.MIDDLE,
+      textAlign: TEXT_ALIGN.CENTER,
     });
     mutateElement(container, {
       boundElements: (container.boundElements || []).concat({
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index c55a9befa..4ae3f26f9 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -777,6 +777,13 @@ describe("textWysiwyg", () => {
       ]);
       expect(text.containerId).toBe(rectangle.id);
       expect(text.verticalAlign).toBe(VERTICAL_ALIGN.MIDDLE);
+      expect(text.textAlign).toBe(TEXT_ALIGN.CENTER);
+      expect(text.x).toBe(
+        h.elements[0].x + h.elements[0].width / 2 - text.width / 2,
+      );
+      expect(text.y).toBe(
+        h.elements[0].y + h.elements[0].height / 2 - text.height / 2,
+      );
     });
 
     it("should update font family correctly on undo/redo by selecting bounded text when font family was updated", async () => {

From b0b23353cfbb2def4bcceabdfbd2f0f3cf6d7f51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lie?= <110197391+fouqueta@users.noreply.github.com>
Date: Fri, 14 Apr 2023 23:34:26 +0200
Subject: [PATCH 133/252] fix: split "Edit selected shape" shortcut (#6457)

Co-authored-by: David Luzar <luzar.david@gmail.com>
---
 src/components/HelpDialog.tsx | 11 ++++++-----
 src/locales/en.json           |  3 ++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 8cb775fc5..bd2f38417 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -165,11 +165,12 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               shortcuts={[KEYS.E, KEYS["0"]]}
             />
             <Shortcut
-              label={t("helpDialog.editSelectedShape")}
-              shortcuts={[
-                getShortcutKey("CtrlOrCmd+Enter"),
-                getShortcutKey(`CtrlOrCmd + ${t("helpDialog.doubleClick")}`),
-              ]}
+              label={t("helpDialog.editLineArrowPoints")}
+              shortcuts={[getShortcutKey("CtrlOrCmd+Enter")]}
+            />
+            <Shortcut
+              label={t("helpDialog.editText")}
+              shortcuts={[getShortcutKey("Enter")]}
             />
             <Shortcut
               label={t("helpDialog.textNewLine")}
diff --git a/src/locales/en.json b/src/locales/en.json
index 3021014ea..8752d415a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -319,7 +319,8 @@
     "doubleClick": "double-click",
     "drag": "drag",
     "editor": "Editor",
-    "editSelectedShape": "Edit selected shape (text/arrow/line)",
+    "editLineArrowPoints": "Edit line/arrow points",
+    "editText": "Edit text / add label",
     "github": "Found an issue? Submit",
     "howto": "Follow our guides",
     "or": "or",

From 399c92d882ab1066b8c892c4a0b15be610b74e6c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 16 Apr 2023 11:56:25 +0200
Subject: [PATCH 134/252] fix: utils leaking Scene state (#6461

* fix: utils leaking Scene state

* remove debug

* doc

* add tests for group duplicating

* tweaks
---
 src/element/newElement.test.ts            | 403 ++++++++++++++++++----
 src/element/newElement.ts                 | 162 ++++++++-
 src/packages/utils.ts                     |  81 +++--
 src/scene/export.ts                       |   7 +-
 src/tests/packages/utils.unmocked.test.ts |  67 ++++
 5 files changed, 604 insertions(+), 116 deletions(-)
 create mode 100644 src/tests/packages/utils.unmocked.test.ts

diff --git a/src/element/newElement.test.ts b/src/element/newElement.test.ts
index 991c034e0..ba7c63ee2 100644
--- a/src/element/newElement.test.ts
+++ b/src/element/newElement.test.ts
@@ -1,8 +1,9 @@
-import { duplicateElement } from "./newElement";
+import { duplicateElement, duplicateElements } from "./newElement";
 import { mutateElement } from "./mutateElement";
 import { API } from "../tests/helpers/api";
 import { FONT_FAMILY, ROUNDNESS } from "../constants";
 import { isPrimitive } from "../utils";
+import { ExcalidrawLinearElement } from "./types";
 
 const assertCloneObjects = (source: any, clone: any) => {
   for (const key in clone) {
@@ -15,79 +16,353 @@ const assertCloneObjects = (source: any, clone: any) => {
   }
 };
 
-it("clones arrow element", () => {
-  const element = API.createElement({
-    type: "arrow",
-    x: 0,
-    y: 0,
-    strokeColor: "#000000",
-    backgroundColor: "transparent",
-    fillStyle: "hachure",
-    strokeWidth: 1,
-    strokeStyle: "solid",
-    roundness: { type: ROUNDNESS.PROPORTIONAL_RADIUS },
-    roughness: 1,
-    opacity: 100,
+describe("duplicating single elements", () => {
+  it("clones arrow element", () => {
+    const element = API.createElement({
+      type: "arrow",
+      x: 0,
+      y: 0,
+      strokeColor: "#000000",
+      backgroundColor: "transparent",
+      fillStyle: "hachure",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roundness: { type: ROUNDNESS.PROPORTIONAL_RADIUS },
+      roughness: 1,
+      opacity: 100,
+    });
+
+    // @ts-ignore
+    element.__proto__ = { hello: "world" };
+
+    mutateElement(element, {
+      points: [
+        [1, 2],
+        [3, 4],
+      ],
+    });
+
+    const copy = duplicateElement(null, new Map(), element);
+
+    assertCloneObjects(element, copy);
+
+    // assert we clone the object's prototype
+    // @ts-ignore
+    expect(copy.__proto__).toEqual({ hello: "world" });
+    expect(copy.hasOwnProperty("hello")).toBe(false);
+
+    expect(copy.points).not.toBe(element.points);
+    expect(copy).not.toHaveProperty("shape");
+    expect(copy.id).not.toBe(element.id);
+    expect(typeof copy.id).toBe("string");
+    expect(copy.seed).not.toBe(element.seed);
+    expect(typeof copy.seed).toBe("number");
+    expect(copy).toEqual({
+      ...element,
+      id: copy.id,
+      seed: copy.seed,
+    });
   });
 
-  // @ts-ignore
-  element.__proto__ = { hello: "world" };
+  it("clones text element", () => {
+    const element = API.createElement({
+      type: "text",
+      x: 0,
+      y: 0,
+      strokeColor: "#000000",
+      backgroundColor: "transparent",
+      fillStyle: "hachure",
+      strokeWidth: 1,
+      strokeStyle: "solid",
+      roundness: null,
+      roughness: 1,
+      opacity: 100,
+      text: "hello",
+      fontSize: 20,
+      fontFamily: FONT_FAMILY.Virgil,
+      textAlign: "left",
+      verticalAlign: "top",
+    });
 
-  mutateElement(element, {
-    points: [
-      [1, 2],
-      [3, 4],
-    ],
-  });
+    const copy = duplicateElement(null, new Map(), element);
 
-  const copy = duplicateElement(null, new Map(), element);
+    assertCloneObjects(element, copy);
 
-  assertCloneObjects(element, copy);
-
-  // @ts-ignore
-  expect(copy.__proto__).toEqual({ hello: "world" });
-  expect(copy.hasOwnProperty("hello")).toBe(false);
-
-  expect(copy.points).not.toBe(element.points);
-  expect(copy).not.toHaveProperty("shape");
-  expect(copy.id).not.toBe(element.id);
-  expect(typeof copy.id).toBe("string");
-  expect(copy.seed).not.toBe(element.seed);
-  expect(typeof copy.seed).toBe("number");
-  expect(copy).toEqual({
-    ...element,
-    id: copy.id,
-    seed: copy.seed,
+    expect(copy).not.toHaveProperty("points");
+    expect(copy).not.toHaveProperty("shape");
+    expect(copy.id).not.toBe(element.id);
+    expect(typeof copy.id).toBe("string");
+    expect(typeof copy.seed).toBe("number");
   });
 });
 
-it("clones text element", () => {
-  const element = API.createElement({
-    type: "text",
-    x: 0,
-    y: 0,
-    strokeColor: "#000000",
-    backgroundColor: "transparent",
-    fillStyle: "hachure",
-    strokeWidth: 1,
-    strokeStyle: "solid",
-    roundness: null,
-    roughness: 1,
-    opacity: 100,
-    text: "hello",
-    fontSize: 20,
-    fontFamily: FONT_FAMILY.Virgil,
-    textAlign: "left",
-    verticalAlign: "top",
+describe("duplicating multiple elements", () => {
+  it("duplicateElements should clone bindings", () => {
+    const rectangle1 = API.createElement({
+      type: "rectangle",
+      id: "rectangle1",
+      boundElements: [
+        { id: "arrow1", type: "arrow" },
+        { id: "arrow2", type: "arrow" },
+        { id: "text1", type: "text" },
+      ],
+    });
+
+    const text1 = API.createElement({
+      type: "text",
+      id: "text1",
+      containerId: "rectangle1",
+    });
+
+    const arrow1 = API.createElement({
+      type: "arrow",
+      id: "arrow1",
+      startBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+    });
+
+    const arrow2 = API.createElement({
+      type: "arrow",
+      id: "arrow2",
+      endBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+      boundElements: [{ id: "text2", type: "text" }],
+    });
+
+    const text2 = API.createElement({
+      type: "text",
+      id: "text2",
+      containerId: "arrow2",
+    });
+
+    // -------------------------------------------------------------------------
+
+    const origElements = [rectangle1, text1, arrow1, arrow2, text2] as const;
+    const clonedElements = duplicateElements(origElements);
+
+    // generic id in-equality checks
+    // --------------------------------------------------------------------------
+    expect(origElements.map((e) => e.type)).toEqual(
+      clonedElements.map((e) => e.type),
+    );
+    origElements.forEach((origElement, idx) => {
+      const clonedElement = clonedElements[idx];
+      expect(origElement).toEqual(
+        expect.objectContaining({
+          id: expect.not.stringMatching(clonedElement.id),
+          type: clonedElement.type,
+        }),
+      );
+      if ("containerId" in origElement) {
+        expect(origElement.containerId).not.toBe(
+          (clonedElement as any).containerId,
+        );
+      }
+      if ("endBinding" in origElement) {
+        if (origElement.endBinding) {
+          expect(origElement.endBinding.elementId).not.toBe(
+            (clonedElement as any).endBinding?.elementId,
+          );
+        } else {
+          expect((clonedElement as any).endBinding).toBeNull();
+        }
+      }
+      if ("startBinding" in origElement) {
+        if (origElement.startBinding) {
+          expect(origElement.startBinding.elementId).not.toBe(
+            (clonedElement as any).startBinding?.elementId,
+          );
+        } else {
+          expect((clonedElement as any).startBinding).toBeNull();
+        }
+      }
+    });
+    // --------------------------------------------------------------------------
+
+    const clonedArrows = clonedElements.filter(
+      (e) => e.type === "arrow",
+    ) as ExcalidrawLinearElement[];
+
+    const [clonedRectangle, clonedText1, , clonedArrow2, clonedArrowLabel] =
+      clonedElements as any as typeof origElements;
+
+    expect(clonedText1.containerId).toBe(clonedRectangle.id);
+    expect(
+      clonedRectangle.boundElements!.find((e) => e.id === clonedText1.id),
+    ).toEqual(
+      expect.objectContaining({
+        id: clonedText1.id,
+        type: clonedText1.type,
+      }),
+    );
+
+    clonedArrows.forEach((arrow) => {
+      // console.log(arrow);
+      expect(
+        clonedRectangle.boundElements!.find((e) => e.id === arrow.id),
+      ).toEqual(
+        expect.objectContaining({
+          id: arrow.id,
+          type: arrow.type,
+        }),
+      );
+
+      if (arrow.endBinding) {
+        expect(arrow.endBinding.elementId).toBe(clonedRectangle.id);
+      }
+      if (arrow.startBinding) {
+        expect(arrow.startBinding.elementId).toBe(clonedRectangle.id);
+      }
+    });
+
+    expect(clonedArrow2.boundElements).toEqual([
+      { type: "text", id: clonedArrowLabel.id },
+    ]);
+    expect(clonedArrowLabel.containerId).toBe(clonedArrow2.id);
   });
 
-  const copy = duplicateElement(null, new Map(), element);
+  it("should remove id references of elements that aren't found", () => {
+    const rectangle1 = API.createElement({
+      type: "rectangle",
+      id: "rectangle1",
+      boundElements: [
+        // should keep
+        { id: "arrow1", type: "arrow" },
+        // should drop
+        { id: "arrow-not-exists", type: "arrow" },
+        // should drop
+        { id: "text-not-exists", type: "text" },
+      ],
+    });
 
-  assertCloneObjects(element, copy);
+    const arrow1 = API.createElement({
+      type: "arrow",
+      id: "arrow1",
+      startBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+    });
 
-  expect(copy).not.toHaveProperty("points");
-  expect(copy).not.toHaveProperty("shape");
-  expect(copy.id).not.toBe(element.id);
-  expect(typeof copy.id).toBe("string");
-  expect(typeof copy.seed).toBe("number");
+    const text1 = API.createElement({
+      type: "text",
+      id: "text1",
+      containerId: "rectangle-not-exists",
+    });
+
+    const arrow2 = API.createElement({
+      type: "arrow",
+      id: "arrow2",
+      startBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+      endBinding: {
+        elementId: "rectangle-not-exists",
+        focus: 0.2,
+        gap: 7,
+      },
+    });
+
+    const arrow3 = API.createElement({
+      type: "arrow",
+      id: "arrow2",
+      startBinding: {
+        elementId: "rectangle-not-exists",
+        focus: 0.2,
+        gap: 7,
+      },
+      endBinding: {
+        elementId: "rectangle1",
+        focus: 0.2,
+        gap: 7,
+      },
+    });
+
+    // -------------------------------------------------------------------------
+
+    const origElements = [rectangle1, text1, arrow1, arrow2, arrow3] as const;
+    const clonedElements = duplicateElements(
+      origElements,
+    ) as any as typeof origElements;
+    const [
+      clonedRectangle,
+      clonedText1,
+      clonedArrow1,
+      clonedArrow2,
+      clonedArrow3,
+    ] = clonedElements;
+
+    expect(clonedRectangle.boundElements).toEqual([
+      { id: clonedArrow1.id, type: "arrow" },
+    ]);
+
+    expect(clonedText1.containerId).toBe(null);
+
+    expect(clonedArrow2.startBinding).toEqual({
+      ...arrow2.startBinding,
+      elementId: clonedRectangle.id,
+    });
+    expect(clonedArrow2.endBinding).toBe(null);
+
+    expect(clonedArrow3.startBinding).toBe(null);
+    expect(clonedArrow3.endBinding).toEqual({
+      ...arrow3.endBinding,
+      elementId: clonedRectangle.id,
+    });
+  });
+
+  describe("should duplicate all group ids", () => {
+    it("should regenerate all group ids and keep them consistent across elements", () => {
+      const rectangle1 = API.createElement({
+        type: "rectangle",
+        groupIds: ["g1"],
+      });
+      const rectangle2 = API.createElement({
+        type: "rectangle",
+        groupIds: ["g2", "g1"],
+      });
+      const rectangle3 = API.createElement({
+        type: "rectangle",
+        groupIds: ["g2", "g1"],
+      });
+
+      const origElements = [rectangle1, rectangle2, rectangle3] as const;
+      const clonedElements = duplicateElements(
+        origElements,
+      ) as any as typeof origElements;
+      const [clonedRectangle1, clonedRectangle2, clonedRectangle3] =
+        clonedElements;
+
+      expect(rectangle1.groupIds[0]).not.toBe(clonedRectangle1.groupIds[0]);
+      expect(rectangle2.groupIds[0]).not.toBe(clonedRectangle2.groupIds[0]);
+      expect(rectangle2.groupIds[1]).not.toBe(clonedRectangle2.groupIds[1]);
+
+      expect(clonedRectangle1.groupIds[0]).toBe(clonedRectangle2.groupIds[1]);
+      expect(clonedRectangle2.groupIds[0]).toBe(clonedRectangle3.groupIds[0]);
+      expect(clonedRectangle2.groupIds[1]).toBe(clonedRectangle3.groupIds[1]);
+    });
+
+    it("should keep and regenerate ids of groups even if invalid", () => {
+      // lone element shouldn't be able to be grouped with itself,
+      // but hard to check against in a performant way so we ignore it
+      const rectangle1 = API.createElement({
+        type: "rectangle",
+        groupIds: ["g1"],
+      });
+
+      const [clonedRectangle1] = duplicateElements([rectangle1]);
+
+      expect(typeof clonedRectangle1.groupIds[0]).toBe("string");
+      expect(rectangle1.groupIds[0]).not.toBe(clonedRectangle1.groupIds[0]);
+    });
+  });
 });
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index b6b6cad2d..72aa54684 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -13,7 +13,12 @@ import {
   FontFamilyValues,
   ExcalidrawTextContainer,
 } from "../element/types";
-import { getFontString, getUpdatedTimestamp, isTestEnv } from "../utils";
+import {
+  arrayToMap,
+  getFontString,
+  getUpdatedTimestamp,
+  isTestEnv,
+} from "../utils";
 import { randomInteger, randomId } from "../random";
 import { mutateElement, newElementWith } from "./mutateElement";
 import { getNewGroupIdsForDuplication } from "../groups";
@@ -357,16 +362,24 @@ export const newImageElement = (
   };
 };
 
-// Simplified deep clone for the purpose of cloning ExcalidrawElement only
-// (doesn't clone Date, RegExp, Map, Set, Typed arrays etc.)
+// Simplified deep clone for the purpose of cloning ExcalidrawElement.
+//
+// Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,
+// Typed arrays and other non-null objects.
 //
 // Adapted from https://github.com/lukeed/klona
-export const deepCopyElement = (val: any, depth: number = 0) => {
+//
+// The reason for `deepCopyElement()` wrapper is type safety (only allow
+// passing ExcalidrawElement as the top-level argument).
+const _deepCopyElement = (val: any, depth: number = 0) => {
+  // only clone non-primitives
   if (val == null || typeof val !== "object") {
     return val;
   }
 
-  if (Object.prototype.toString.call(val) === "[object Object]") {
+  const objectType = Object.prototype.toString.call(val);
+
+  if (objectType === "[object Object]") {
     const tmp =
       typeof val.constructor === "function"
         ? Object.create(Object.getPrototypeOf(val))
@@ -378,7 +391,7 @@ export const deepCopyElement = (val: any, depth: number = 0) => {
         if (depth === 0 && (key === "shape" || key === "canvas")) {
           continue;
         }
-        tmp[key] = deepCopyElement(val[key], depth + 1);
+        tmp[key] = _deepCopyElement(val[key], depth + 1);
       }
     }
     return tmp;
@@ -388,14 +401,44 @@ export const deepCopyElement = (val: any, depth: number = 0) => {
     let k = val.length;
     const arr = new Array(k);
     while (k--) {
-      arr[k] = deepCopyElement(val[k], depth + 1);
+      arr[k] = _deepCopyElement(val[k], depth + 1);
     }
     return arr;
   }
 
+  // we're not cloning non-array & non-plain-object objects because we
+  // don't support them on excalidraw elements yet. If we do, we need to make
+  // sure we start cloning them, so let's warn about it.
+  if (process.env.NODE_ENV === "development") {
+    if (
+      objectType !== "[object Object]" &&
+      objectType !== "[object Array]" &&
+      objectType.startsWith("[object ")
+    ) {
+      console.warn(
+        `_deepCloneElement: unexpected object type ${objectType}. This value will not be cloned!`,
+      );
+    }
+  }
+
   return val;
 };
 
+/**
+ * Clones ExcalidrawElement data structure. Does not regenerate id, nonce, or
+ * any value. The purpose is to to break object references for immutability
+ * reasons, whenever we want to keep the original element, but ensure it's not
+ * mutated.
+ *
+ * Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,
+ * Typed arrays and other non-null objects.
+ */
+export const deepCopyElement = <T extends ExcalidrawElement>(
+  val: T,
+): Mutable<T> => {
+  return _deepCopyElement(val);
+};
+
 /**
  * Duplicate an element, often used in the alt-drag operation.
  * Note that this method has gotten a bit complicated since the
@@ -410,13 +453,13 @@ export const deepCopyElement = (val: any, depth: number = 0) => {
  * @param element Element to duplicate
  * @param overrides Any element properties to override
  */
-export const duplicateElement = <TElement extends Mutable<ExcalidrawElement>>(
+export const duplicateElement = <TElement extends ExcalidrawElement>(
   editingGroupId: AppState["editingGroupId"],
   groupIdMapForOperation: Map<GroupId, GroupId>,
   element: TElement,
   overrides?: Partial<TElement>,
-): TElement => {
-  let copy: TElement = deepCopyElement(element);
+): Readonly<TElement> => {
+  let copy = deepCopyElement(element);
 
   if (isTestEnv()) {
     copy.id = `${copy.id}_copy`;
@@ -449,3 +492,102 @@ export const duplicateElement = <TElement extends Mutable<ExcalidrawElement>>(
   }
   return copy;
 };
+
+/**
+ * Clones elements, regenerating their ids (including bindings) and group ids.
+ *
+ * If bindings don't exist in the elements array, they are removed. Therefore,
+ * it's advised to supply the whole elements array, or sets of elements that
+ * are encapsulated (such as library items), if the purpose is to retain
+ * bindings to the cloned elements intact.
+ */
+export const duplicateElements = (elements: readonly ExcalidrawElement[]) => {
+  const clonedElements: ExcalidrawElement[] = [];
+
+  const origElementsMap = arrayToMap(elements);
+
+  // used for for migrating old ids to new ids
+  const elementNewIdsMap = new Map<
+    /* orig */ ExcalidrawElement["id"],
+    /* new */ ExcalidrawElement["id"]
+  >();
+
+  const maybeGetNewId = (id: ExcalidrawElement["id"]) => {
+    // if we've already migrated the element id, return the new one directly
+    if (elementNewIdsMap.has(id)) {
+      return elementNewIdsMap.get(id)!;
+    }
+    // if we haven't migrated the element id, but an old element with the same
+    // id exists, generate a new id for it and return it
+    if (origElementsMap.has(id)) {
+      const newId = randomId();
+      elementNewIdsMap.set(id, newId);
+      return newId;
+    }
+    // if old element doesn't exist, return null to mark it for removal
+    return null;
+  };
+
+  const groupNewIdsMap = new Map</* orig */ GroupId, /* new */ GroupId>();
+
+  for (const element of elements) {
+    const clonedElement: Mutable<ExcalidrawElement> = _deepCopyElement(element);
+
+    clonedElement.id = maybeGetNewId(element.id)!;
+
+    if (clonedElement.groupIds) {
+      clonedElement.groupIds = clonedElement.groupIds.map((groupId) => {
+        if (!groupNewIdsMap.has(groupId)) {
+          groupNewIdsMap.set(groupId, randomId());
+        }
+        return groupNewIdsMap.get(groupId)!;
+      });
+    }
+
+    if ("containerId" in clonedElement && clonedElement.containerId) {
+      const newContainerId = maybeGetNewId(clonedElement.containerId);
+      clonedElement.containerId = newContainerId;
+    }
+
+    if ("boundElements" in clonedElement && clonedElement.boundElements) {
+      clonedElement.boundElements = clonedElement.boundElements.reduce(
+        (
+          acc: Mutable<NonNullable<ExcalidrawElement["boundElements"]>>,
+          binding,
+        ) => {
+          const newBindingId = maybeGetNewId(binding.id);
+          if (newBindingId) {
+            acc.push({ ...binding, id: newBindingId });
+          }
+          return acc;
+        },
+        [],
+      );
+    }
+
+    if ("endBinding" in clonedElement && clonedElement.endBinding) {
+      const newEndBindingId = maybeGetNewId(clonedElement.endBinding.elementId);
+      clonedElement.endBinding = newEndBindingId
+        ? {
+            ...clonedElement.endBinding,
+            elementId: newEndBindingId,
+          }
+        : null;
+    }
+    if ("startBinding" in clonedElement && clonedElement.startBinding) {
+      const newEndBindingId = maybeGetNewId(
+        clonedElement.startBinding.elementId,
+      );
+      clonedElement.startBinding = newEndBindingId
+        ? {
+            ...clonedElement.startBinding,
+            elementId: newEndBindingId,
+          }
+        : null;
+    }
+
+    clonedElements.push(clonedElement);
+  }
+
+  return clonedElements;
+};
diff --git a/src/packages/utils.ts b/src/packages/utils.ts
index 5161e0cab..1fb6cd3d9 100644
--- a/src/packages/utils.ts
+++ b/src/packages/utils.ts
@@ -15,6 +15,23 @@ import {
   copyToClipboard,
 } from "../clipboard";
 import Scene from "../scene/Scene";
+import { duplicateElements } from "../element/newElement";
+
+// getContainerElement and getBoundTextElement and potentially other helpers
+// depend on `Scene` which will not be available when these pure utils are
+// called outside initialized Excalidraw editor instance or even if called
+// from inside Excalidraw if the elements were never cached by Scene (e.g.
+// for library elements).
+//
+// As such, before passing the elements down, we need to initialize a custom
+// Scene instance and assign them to it.
+//
+// FIXME This is a super hacky workaround and we'll need to rewrite this soon.
+const passElementsSafely = (elements: readonly ExcalidrawElement[]) => {
+  const scene = new Scene();
+  scene.replaceAllElements(duplicateElements(elements));
+  return scene.getNonDeletedElements();
+};
 
 export { MIME_TYPES };
 
@@ -44,17 +61,9 @@ export const exportToCanvas = ({
     null,
     null,
   );
-  // The helper methods getContainerElement and getBoundTextElement are
-  // dependent on Scene which will not be available
-  // when these pure utils are called outside Excalidraw or even if called
-  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
-  // hence initailizing a new scene with the elements
-  // so its always available to helper methods
-  const scene = new Scene();
-  scene.replaceAllElements(restoredElements);
   const { exportBackground, viewBackgroundColor } = restoredAppState;
   return _exportToCanvas(
-    scene.getNonDeletedElements(),
+    passElementsSafely(restoredElements),
     { ...restoredAppState, offsetTop: 0, offsetLeft: 0, width: 0, height: 0 },
     files || {},
     { exportBackground, exportPadding, viewBackgroundColor },
@@ -122,17 +131,9 @@ export const exportToBlob = async (
     };
   }
 
-  // The helper methods getContainerElement and getBoundTextElement are
-  // dependent on Scene which will not be available
-  // when these pure utils are called outside Excalidraw or even if called
-  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
-  // hence initailizing a new scene with the elements
-  // so its always available to helper methods
-  const scene = new Scene();
-  scene.replaceAllElements(opts.elements);
   const canvas = await exportToCanvas({
     ...opts,
-    elements: scene.getNonDeletedElements(),
+    elements: passElementsSafely(opts.elements),
   });
   quality = quality ? quality : /image\/jpe?g/.test(mimeType) ? 0.92 : 0.8;
 
@@ -150,7 +151,10 @@ export const exportToBlob = async (
           blob = await encodePngMetadata({
             blob,
             metadata: serializeAsJSON(
-              scene.getNonDeletedElements(),
+              // NOTE as long as we're using the Scene hack, we need to ensure
+              // we pass the original, uncloned elements when serializing
+              // so that we keep ids stable
+              opts.elements,
               opts.appState,
               opts.files || {},
               "local",
@@ -178,21 +182,24 @@ export const exportToSvg = async ({
     null,
     null,
   );
-  // The helper methods getContainerElement and getBoundTextElement are
-  // dependent on Scene which will not be available
-  // when these pure utils are called outside Excalidraw or even if called
-  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
-  // hence initailizing a new scene with the elements
-  // so its always available to helper methods
-  const scene = new Scene();
-  scene.replaceAllElements(restoredElements);
+
+  const exportAppState = {
+    ...restoredAppState,
+    exportPadding,
+  };
+
   return _exportToSvg(
-    scene.getNonDeletedElements(),
-    {
-      ...restoredAppState,
-      exportPadding,
-    },
+    passElementsSafely(restoredElements),
+    exportAppState,
     files,
+    {
+      // NOTE as long as we're using the Scene hack, we need to ensure
+      // we pass the original, uncloned elements when serializing
+      // so that we keep ids stable. Hence adding the serializeAsJSON helper
+      // support into the downstream exportToSvg function.
+      serializeAsJSON: () =>
+        serializeAsJSON(restoredElements, exportAppState, files || {}, "local"),
+    },
   );
 };
 
@@ -203,14 +210,6 @@ export const exportToClipboard = async (
     type: "png" | "svg" | "json";
   },
 ) => {
-  // The helper methods getContainerElement and getBoundTextElement are
-  // dependent on Scene which will not be available
-  // when these pure utils are called outside Excalidraw or even if called
-  // from inside Excalidraw when Scene isn't available eg when using library items from store, as a result the element cannot be extracted
-  // hence initailizing a new scene with the elements
-  // so its always available to helper methods
-  const scene = new Scene();
-  scene.replaceAllElements(opts.elements);
   if (opts.type === "svg") {
     const svg = await exportToSvg(opts);
     await copyTextToSystemClipboard(svg.outerHTML);
@@ -225,7 +224,7 @@ export const exportToClipboard = async (
       ...getDefaultAppState(),
       ...opts.appState,
     };
-    await copyToClipboard(scene.getNonDeletedElements(), appState, opts.files);
+    await copyToClipboard(opts.elements, appState, opts.files);
   } else {
     throw new Error("Invalid export type");
   }
diff --git a/src/scene/export.ts b/src/scene/export.ts
index a6e4297ad..6c5712be6 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -90,6 +90,9 @@ export const exportToSvg = async (
     exportEmbedScene?: boolean;
   },
   files: BinaryFiles | null,
+  opts?: {
+    serializeAsJSON?: () => string;
+  },
 ): Promise<SVGSVGElement> => {
   const {
     exportPadding = DEFAULT_EXPORT_PADDING,
@@ -103,7 +106,9 @@ export const exportToSvg = async (
       metadata = await (
         await import(/* webpackChunkName: "image" */ "../../src/data/image")
       ).encodeSvgMetadata({
-        text: serializeAsJSON(elements, appState, files || {}, "local"),
+        text: opts?.serializeAsJSON
+          ? opts?.serializeAsJSON?.()
+          : serializeAsJSON(elements, appState, files || {}, "local"),
       });
     } catch (error: any) {
       console.error(error);
diff --git a/src/tests/packages/utils.unmocked.test.ts b/src/tests/packages/utils.unmocked.test.ts
new file mode 100644
index 000000000..28db08c49
--- /dev/null
+++ b/src/tests/packages/utils.unmocked.test.ts
@@ -0,0 +1,67 @@
+import { decodePngMetadata, decodeSvgMetadata } from "../../data/image";
+import { ImportedDataState } from "../../data/types";
+import * as utils from "../../packages/utils";
+import { API } from "../helpers/api";
+
+// NOTE this test file is using the actual API, unmocked. Hence splitting it
+// from the other test file, because I couldn't figure out how to test
+// mocked and unmocked API in the same file.
+
+describe("embedding scene data", () => {
+  describe("exportToSvg", () => {
+    it("embedding scene data shouldn't modify them", async () => {
+      const rectangle = API.createElement({ type: "rectangle" });
+      const ellipse = API.createElement({ type: "ellipse" });
+
+      const sourceElements = [rectangle, ellipse];
+
+      const svgNode = await utils.exportToSvg({
+        elements: sourceElements,
+        appState: {
+          viewBackgroundColor: "#ffffff",
+          gridSize: null,
+          exportEmbedScene: true,
+        },
+        files: null,
+      });
+
+      const svg = svgNode.outerHTML;
+
+      const parsedString = await decodeSvgMetadata({ svg });
+      const importedData: ImportedDataState = JSON.parse(parsedString);
+
+      expect(sourceElements.map((x) => x.id)).toEqual(
+        importedData.elements?.map((el) => el.id),
+      );
+    });
+  });
+
+  // skipped because we can't test png encoding right now
+  // (canvas.toBlob not supported in jsdom)
+  describe.skip("exportToBlob", () => {
+    it("embedding scene data shouldn't modify them", async () => {
+      const rectangle = API.createElement({ type: "rectangle" });
+      const ellipse = API.createElement({ type: "ellipse" });
+
+      const sourceElements = [rectangle, ellipse];
+
+      const blob = await utils.exportToBlob({
+        mimeType: "image/png",
+        elements: sourceElements,
+        appState: {
+          viewBackgroundColor: "#ffffff",
+          gridSize: null,
+          exportEmbedScene: true,
+        },
+        files: null,
+      });
+
+      const parsedString = await decodePngMetadata(blob);
+      const importedData: ImportedDataState = JSON.parse(parsedString);
+
+      expect(sourceElements.map((x) => x.id)).toEqual(
+        importedData.elements?.map((el) => el.id),
+      );
+    });
+  });
+});

From e31230f78cc40ff40ef4b4add54131e7c427e655 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 16 Apr 2023 11:57:13 +0200
Subject: [PATCH 135/252] refactor: inline `SingleLibraryItem` into
 `PublishLibrary` (#6462

refactor: inline `SingleLibraryItem` into `PublishLibrary` to reduce api surface area
---
 src/components/PublishLibrary.scss    |  76 +++++++++++++++++++
 src/components/PublishLibrary.tsx     | 104 ++++++++++++++++++++++++--
 src/components/SingleLibraryItem.scss |  79 -------------------
 src/components/SingleLibraryItem.tsx  | 104 --------------------------
 4 files changed, 175 insertions(+), 188 deletions(-)
 delete mode 100644 src/components/SingleLibraryItem.scss
 delete mode 100644 src/components/SingleLibraryItem.tsx

diff --git a/src/components/PublishLibrary.scss b/src/components/PublishLibrary.scss
index 6040ff2f4..fd7db0fe4 100644
--- a/src/components/PublishLibrary.scss
+++ b/src/components/PublishLibrary.scss
@@ -93,4 +93,80 @@
       display: block;
     }
   }
+
+  .single-library-item {
+    position: relative;
+
+    &-status {
+      position: absolute;
+      top: 0.3rem;
+      left: 0.3rem;
+      font-size: 0.7rem;
+      color: $oc-red-7;
+      background: rgba(255, 255, 255, 0.9);
+      padding: 0.1rem 0.2rem;
+      border-radius: 0.2rem;
+    }
+
+    &__svg {
+      background-color: $oc-white;
+      padding: 0.3rem;
+      width: 7.5rem;
+      height: 7.5rem;
+      border: 1px solid var(--button-gray-2);
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .ToolIcon__icon {
+      background-color: $oc-white;
+      width: auto;
+      height: auto;
+      margin: 0 0.5rem;
+    }
+    .ToolIcon,
+    .ToolIcon_type_button:hover {
+      background-color: white;
+    }
+    .required,
+    .error {
+      color: $oc-red-8;
+      font-weight: bold;
+      font-size: 1rem;
+      margin: 0.2rem;
+    }
+    .error {
+      font-weight: 500;
+      margin: 0;
+      padding: 0.3em 0;
+    }
+
+    &--remove {
+      position: absolute;
+      top: 0.2rem;
+      right: 1rem;
+
+      .ToolIcon__icon {
+        margin: 0;
+      }
+      .ToolIcon__icon {
+        background-color: $oc-red-6;
+        &:hover {
+          background-color: $oc-red-7;
+        }
+        &:active {
+          background-color: $oc-red-8;
+        }
+      }
+      svg {
+        color: $oc-white;
+        padding: 0.26rem;
+        border-radius: 0.3em;
+        width: 1rem;
+        height: 1rem;
+      }
+    }
+  }
 }
diff --git a/src/components/PublishLibrary.tsx b/src/components/PublishLibrary.tsx
index 0d060dfaa..b4233222d 100644
--- a/src/components/PublishLibrary.tsx
+++ b/src/components/PublishLibrary.tsx
@@ -1,11 +1,11 @@
-import { ReactNode, useCallback, useEffect, useState } from "react";
+import { ReactNode, useCallback, useEffect, useRef, useState } from "react";
 import OpenColor from "open-color";
 
 import { Dialog } from "./Dialog";
 import { t } from "../i18n";
 
 import { AppState, LibraryItems, LibraryItem } from "../types";
-import { exportToCanvas } from "../packages/utils";
+import { exportToCanvas, exportToSvg } from "../packages/utils";
 import {
   EXPORT_DATA_TYPES,
   EXPORT_SOURCE,
@@ -13,12 +13,13 @@ import {
   VERSIONS,
 } from "../constants";
 import { ExportedLibraryData } from "../data/types";
-
-import "./PublishLibrary.scss";
-import SingleLibraryItem from "./SingleLibraryItem";
 import { canvasToBlob, resizeImageFile } from "../data/blob";
 import { chunk } from "../utils";
 import DialogActionButton from "./DialogActionButton";
+import { CloseIcon } from "./icons";
+import { ToolButton } from "./ToolButton";
+
+import "./PublishLibrary.scss";
 
 interface PublishLibraryDataParams {
   authorName: string;
@@ -126,6 +127,99 @@ const generatePreviewImage = async (libraryItems: LibraryItems) => {
   );
 };
 
+const SingleLibraryItem = ({
+  libItem,
+  appState,
+  index,
+  onChange,
+  onRemove,
+}: {
+  libItem: LibraryItem;
+  appState: AppState;
+  index: number;
+  onChange: (val: string, index: number) => void;
+  onRemove: (id: string) => void;
+}) => {
+  const svgRef = useRef<HTMLDivElement | null>(null);
+  const inputRef = useRef<HTMLInputElement | null>(null);
+
+  useEffect(() => {
+    const node = svgRef.current;
+    if (!node) {
+      return;
+    }
+    (async () => {
+      const svg = await exportToSvg({
+        elements: libItem.elements,
+        appState: {
+          ...appState,
+          viewBackgroundColor: OpenColor.white,
+          exportBackground: true,
+        },
+        files: null,
+      });
+      node.innerHTML = svg.outerHTML;
+    })();
+  }, [libItem.elements, appState]);
+
+  return (
+    <div className="single-library-item">
+      {libItem.status === "published" && (
+        <span className="single-library-item-status">
+          {t("labels.statusPublished")}
+        </span>
+      )}
+      <div ref={svgRef} className="single-library-item__svg" />
+      <ToolButton
+        aria-label={t("buttons.remove")}
+        type="button"
+        icon={CloseIcon}
+        className="single-library-item--remove"
+        onClick={onRemove.bind(null, libItem.id)}
+        title={t("buttons.remove")}
+      />
+      <div
+        style={{
+          display: "flex",
+          margin: "0.8rem 0",
+          width: "100%",
+          fontSize: "14px",
+          fontWeight: 500,
+          flexDirection: "column",
+        }}
+      >
+        <label
+          style={{
+            display: "flex",
+            justifyContent: "space-between",
+            flexDirection: "column",
+          }}
+        >
+          <div style={{ padding: "0.5em 0" }}>
+            <span style={{ fontWeight: 500, color: OpenColor.gray[6] }}>
+              {t("publishDialog.itemName")}
+            </span>
+            <span aria-hidden="true" className="required">
+              *
+            </span>
+          </div>
+          <input
+            type="text"
+            ref={inputRef}
+            style={{ width: "80%", padding: "0.2rem" }}
+            defaultValue={libItem.name}
+            placeholder="Item name"
+            onChange={(event) => {
+              onChange(event.target.value, index);
+            }}
+          />
+        </label>
+        <span className="error">{libItem.error}</span>
+      </div>
+    </div>
+  );
+};
+
 const PublishLibrary = ({
   onClose,
   libraryItems,
diff --git a/src/components/SingleLibraryItem.scss b/src/components/SingleLibraryItem.scss
deleted file mode 100644
index 0a42992a1..000000000
--- a/src/components/SingleLibraryItem.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-@import "../css/variables.module";
-
-.excalidraw {
-  .single-library-item {
-    position: relative;
-
-    &-status {
-      position: absolute;
-      top: 0.3rem;
-      left: 0.3rem;
-      font-size: 0.7rem;
-      color: $oc-red-7;
-      background: rgba(255, 255, 255, 0.9);
-      padding: 0.1rem 0.2rem;
-      border-radius: 0.2rem;
-    }
-
-    &__svg {
-      background-color: $oc-white;
-      padding: 0.3rem;
-      width: 7.5rem;
-      height: 7.5rem;
-      border: 1px solid var(--button-gray-2);
-      svg {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .ToolIcon__icon {
-      background-color: $oc-white;
-      width: auto;
-      height: auto;
-      margin: 0 0.5rem;
-    }
-    .ToolIcon,
-    .ToolIcon_type_button:hover {
-      background-color: white;
-    }
-    .required,
-    .error {
-      color: $oc-red-8;
-      font-weight: bold;
-      font-size: 1rem;
-      margin: 0.2rem;
-    }
-    .error {
-      font-weight: 500;
-      margin: 0;
-      padding: 0.3em 0;
-    }
-
-    &--remove {
-      position: absolute;
-      top: 0.2rem;
-      right: 1rem;
-
-      .ToolIcon__icon {
-        margin: 0;
-      }
-      .ToolIcon__icon {
-        background-color: $oc-red-6;
-        &:hover {
-          background-color: $oc-red-7;
-        }
-        &:active {
-          background-color: $oc-red-8;
-        }
-      }
-      svg {
-        color: $oc-white;
-        padding: 0.26rem;
-        border-radius: 0.3em;
-        width: 1rem;
-        height: 1rem;
-      }
-    }
-  }
-}
diff --git a/src/components/SingleLibraryItem.tsx b/src/components/SingleLibraryItem.tsx
deleted file mode 100644
index 45959199c..000000000
--- a/src/components/SingleLibraryItem.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import oc from "open-color";
-import { useEffect, useRef } from "react";
-import { t } from "../i18n";
-import { exportToSvg } from "../packages/utils";
-import { AppState, LibraryItem } from "../types";
-import { CloseIcon } from "./icons";
-
-import "./SingleLibraryItem.scss";
-import { ToolButton } from "./ToolButton";
-
-const SingleLibraryItem = ({
-  libItem,
-  appState,
-  index,
-  onChange,
-  onRemove,
-}: {
-  libItem: LibraryItem;
-  appState: AppState;
-  index: number;
-  onChange: (val: string, index: number) => void;
-  onRemove: (id: string) => void;
-}) => {
-  const svgRef = useRef<HTMLDivElement | null>(null);
-  const inputRef = useRef<HTMLInputElement | null>(null);
-
-  useEffect(() => {
-    const node = svgRef.current;
-    if (!node) {
-      return;
-    }
-    (async () => {
-      const svg = await exportToSvg({
-        elements: libItem.elements,
-        appState: {
-          ...appState,
-          viewBackgroundColor: oc.white,
-          exportBackground: true,
-        },
-        files: null,
-      });
-      node.innerHTML = svg.outerHTML;
-    })();
-  }, [libItem.elements, appState]);
-
-  return (
-    <div className="single-library-item">
-      {libItem.status === "published" && (
-        <span className="single-library-item-status">
-          {t("labels.statusPublished")}
-        </span>
-      )}
-      <div ref={svgRef} className="single-library-item__svg" />
-      <ToolButton
-        aria-label={t("buttons.remove")}
-        type="button"
-        icon={CloseIcon}
-        className="single-library-item--remove"
-        onClick={onRemove.bind(null, libItem.id)}
-        title={t("buttons.remove")}
-      />
-      <div
-        style={{
-          display: "flex",
-          margin: "0.8rem 0",
-          width: "100%",
-          fontSize: "14px",
-          fontWeight: 500,
-          flexDirection: "column",
-        }}
-      >
-        <label
-          style={{
-            display: "flex",
-            justifyContent: "space-between",
-            flexDirection: "column",
-          }}
-        >
-          <div style={{ padding: "0.5em 0" }}>
-            <span style={{ fontWeight: 500, color: oc.gray[6] }}>
-              {t("publishDialog.itemName")}
-            </span>
-            <span aria-hidden="true" className="required">
-              *
-            </span>
-          </div>
-          <input
-            type="text"
-            ref={inputRef}
-            style={{ width: "80%", padding: "0.2rem" }}
-            defaultValue={libItem.name}
-            placeholder="Item name"
-            onChange={(event) => {
-              onChange(event.target.value, index);
-            }}
-          />
-        </label>
-        <span className="error">{libItem.error}</span>
-      </div>
-    </div>
-  );
-};
-
-export default SingleLibraryItem;

From d34cd3072f0789870a8591cafdabc0c06c08a469 Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Sun, 16 Apr 2023 15:33:16 +0200
Subject: [PATCH 136/252] fix: abort freedraw line if second touch is detected
 (#6440)

---
 src/components/App.tsx | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 9b4fc864d..1ebdc7713 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -3500,6 +3500,43 @@ class App extends React.Component<AppProps, AppState> {
       this.setState({ contextMenu: null });
     }
 
+    this.updateGestureOnPointerDown(event);
+
+    // if dragging element is freedraw and another pointerdown event occurs
+    // a second finger is on the screen
+    // discard the freedraw element if it is very short because it is likely
+    // just a spike, otherwise finalize the freedraw element when the second
+    // finger is lifted
+    if (
+      event.pointerType === "touch" &&
+      this.state.draggingElement &&
+      this.state.draggingElement.type === "freedraw"
+    ) {
+      const element = this.state.draggingElement as ExcalidrawFreeDrawElement;
+      this.updateScene({
+        ...(element.points.length < 10
+          ? {
+              elements: this.scene
+                .getElementsIncludingDeleted()
+                .filter((el) => el.id !== element.id),
+            }
+          : {}),
+        appState: {
+          draggingElement: null,
+          editingElement: null,
+          startBoundElement: null,
+          suggestedBindings: [],
+          selectedElementIds: Object.keys(this.state.selectedElementIds)
+            .filter((key) => key !== element.id)
+            .reduce((obj: { [id: string]: boolean }, key) => {
+              obj[key] = this.state.selectedElementIds[key];
+              return obj;
+            }, {}),
+        },
+      });
+      return;
+    }
+
     // remove any active selection when we start to interact with canvas
     // (mainly, we care about removing selection outside the component which
     //  would prevent our copy handling otherwise)
@@ -3539,8 +3576,6 @@ class App extends React.Component<AppProps, AppState> {
     });
     this.savePointer(event.clientX, event.clientY, "down");
 
-    this.updateGestureOnPointerDown(event);
-
     if (this.handleCanvasPanUsingWheelOrSpaceDrag(event)) {
       return;
     }

From 034113772d80910b6e5335db946499d9135e46ce Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 16 Apr 2023 15:33:30 +0200
Subject: [PATCH 137/252] fix: color picker keyboard handling not working
 (#6464)

---
 src/components/Popover.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Popover.tsx b/src/components/Popover.tsx
index c1249f798..987e9fb91 100644
--- a/src/components/Popover.tsx
+++ b/src/components/Popover.tsx
@@ -36,7 +36,13 @@ export const Popover = ({
       return;
     }
 
-    container.focus();
+    // focus popover only if the caller didn't focus on something else nested
+    // within the popover, which should take precedence. Fixes cases
+    // like color picker listening to keydown events on containers nested
+    // in the popover.
+    if (!container.contains(document.activeElement)) {
+      container.focus();
+    }
 
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.key === KEYS.TAB) {

From e9064a4a87f1086238bc4c3e26bca1d0937e9517 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 16 Apr 2023 17:09:51 +0200
Subject: [PATCH 138/252] fix: library ids cross-contamination on multiple
 insert (#6466)

---
 src/components/LibraryMenuItems.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index f6189fcb7..7ae6517a8 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -12,6 +12,7 @@ import { MIME_TYPES } from "../constants";
 import Spinner from "./Spinner";
 import LibraryMenuBrowseButton from "./LibraryMenuBrowseButton";
 import clsx from "clsx";
+import { duplicateElements } from "../element/newElement";
 
 const CELLS_PER_ROW = 4;
 
@@ -96,7 +97,14 @@ const LibraryMenuItems = ({
     } else {
       targetElements = libraryItems.filter((item) => item.id === id);
     }
-    return targetElements;
+    return targetElements.map((item) => {
+      return {
+        ...item,
+        // duplicate each library item before inserting on canvas to confine
+        // ids and bindings to each library item. See #6465
+        elements: duplicateElements(item.elements),
+      };
+    });
   };
 
   const createLibraryItemCompo = (params: {

From e7e54814e7fef6fbd89dbb6e740230c6df2a932f Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Sun, 16 Apr 2023 17:12:37 +0200
Subject: [PATCH 139/252] chore: Update translations from Crowdin (#6290)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Slovenian)

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (Dutch)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Traditional)

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Galician)

* Auto commit: Calculate translation coverage

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Basque)

* Auto commit: Calculate translation coverage

* New translations en.json (Swedish)

* Auto commit: Calculate translation coverage

* New translations en.json (Spanish)

* Auto commit: Calculate translation coverage

* New translations en.json (Hebrew)

* Auto commit: Calculate translation coverage

* New translations en.json (Hebrew)

* Auto commit: Calculate translation coverage

* New translations en.json (Hebrew)

* New translations en.json (Chinese Simplified)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovak)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Turkish)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* New translations en.json (Spanish)

* New translations en.json (Catalan)

* New translations en.json (Basque)

* New translations en.json (Finnish)

* New translations en.json (Portuguese)

* New translations en.json (Slovak)

* New translations en.json (Chinese Simplified)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Tamil)

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* New translations en.json (French)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Italian)

* New translations en.json (Japanese)

* New translations en.json (Korean)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Dutch)

* New translations en.json (Punjabi)

* New translations en.json (Polish)

* New translations en.json (Russian)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Traditional)

* New translations en.json (Vietnamese)

* New translations en.json (Galician)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Bengali)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Kazakh)

* New translations en.json (Latvian)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Sinhala)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Greek)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Traditional)

* Auto commit: Calculate translation coverage

* New translations en.json (Portuguese)

* Auto commit: Calculate translation coverage

* New translations en.json (Portuguese)

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Galician)

* Auto commit: Calculate translation coverage

* New translations en.json (Galician)

* Auto commit: Calculate translation coverage

* New translations en.json (Hebrew)

* Auto commit: Calculate translation coverage

* New translations en.json (Hebrew)

* New translations en.json (French)

* Auto commit: Calculate translation coverage

* New translations en.json (Indonesian)

* Auto commit: Calculate translation coverage

* New translations en.json (Indonesian)

* Auto commit: Calculate translation coverage

* New translations en.json (Italian)

* New translations en.json (Chinese Simplified)

* New translations en.json (Chinese Simplified)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovak)

* Auto commit: Calculate translation coverage

* New translations en.json (Spanish)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Thai)

* Auto commit: Calculate translation coverage

* New translations en.json (Japanese)

* Auto commit: Calculate translation coverage

* New translations en.json (Dutch)

* Auto commit: Calculate translation coverage

* New translations en.json (Dutch)

* Auto commit: Calculate translation coverage

* New translations en.json (Basque)

* Auto commit: Calculate translation coverage

* New translations en.json (Basque)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Polish)

* Auto commit: Calculate translation coverage

* New translations en.json (Polish)

* New translations en.json (Chinese Simplified)

* New translations en.json (Vietnamese)

* Auto commit: Calculate translation coverage

* New translations en.json (Vietnamese)

* Auto commit: Calculate translation coverage

* New translations en.json (Polish)

* Auto commit: Calculate translation coverage

* New translations en.json (Korean)

* Auto commit: Calculate translation coverage

* New translations en.json (Dutch)

* New translations en.json (Basque)

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* New translations en.json (Polish)

* New translations en.json (Chinese Simplified)

* New translations en.json (Vietnamese)

* New translations en.json (Korean)

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Spanish)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Catalan)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Finnish)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Italian)

* New translations en.json (Japanese)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Punjabi)

* New translations en.json (Portuguese)

* New translations en.json (Russian)

* New translations en.json (Slovak)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Traditional)

* New translations en.json (Galician)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Tamil)

* New translations en.json (Bengali)

* New translations en.json (Thai)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Kazakh)

* New translations en.json (Latvian)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Sinhala)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovenian)

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (Japanese)

* Auto commit: Calculate translation coverage

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Traditional)

* Auto commit: Calculate translation coverage

* New translations en.json (Marathi)

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* Auto commit: Calculate translation coverage

* New translations en.json (Italian)

* Auto commit: Calculate translation coverage

* New translations en.json (Turkish)

* Auto commit: Calculate translation coverage
---
 src/locales/ar-SA.json       |  21 +-
 src/locales/bg-BG.json       |  21 +-
 src/locales/bn-BD.json       |  21 +-
 src/locales/ca-ES.json       |  21 +-
 src/locales/cs-CZ.json       |  21 +-
 src/locales/da-DK.json       |  21 +-
 src/locales/de-DE.json       |  21 +-
 src/locales/el-GR.json       |  21 +-
 src/locales/es-ES.json       |  21 +-
 src/locales/eu-ES.json       |  21 +-
 src/locales/fa-IR.json       |  21 +-
 src/locales/fi-FI.json       |  21 +-
 src/locales/fr-FR.json       |  21 +-
 src/locales/gl-ES.json       |  23 +-
 src/locales/he-IL.json       | 307 +++++++++++-----------
 src/locales/hi-IN.json       |  21 +-
 src/locales/hu-HU.json       |  21 +-
 src/locales/id-ID.json       |  23 +-
 src/locales/it-IT.json       |  21 +-
 src/locales/ja-JP.json       |  21 +-
 src/locales/kab-KAB.json     |  33 ++-
 src/locales/kk-KZ.json       |  21 +-
 src/locales/ko-KR.json       |  37 ++-
 src/locales/ku-TR.json       |  21 +-
 src/locales/lt-LT.json       |  21 +-
 src/locales/lv-LV.json       |  21 +-
 src/locales/mr-IN.json       |  21 +-
 src/locales/my-MM.json       |  21 +-
 src/locales/nb-NO.json       |  21 +-
 src/locales/nl-NL.json       |  47 ++--
 src/locales/nn-NO.json       |  21 +-
 src/locales/oc-FR.json       |  21 +-
 src/locales/pa-IN.json       |  21 +-
 src/locales/percentages.json |  79 +++---
 src/locales/pl-PL.json       |  77 +++---
 src/locales/pt-BR.json       |  21 +-
 src/locales/pt-PT.json       |  21 +-
 src/locales/ro-RO.json       |  21 +-
 src/locales/ru-RU.json       |  21 +-
 src/locales/si-LK.json       |  21 +-
 src/locales/sk-SK.json       |  21 +-
 src/locales/sl-SI.json       |  21 +-
 src/locales/sv-SE.json       |  21 +-
 src/locales/ta-IN.json       |  21 +-
 src/locales/th-TH.json       | 482 +++++++++++++++++++++++++++++++++++
 src/locales/tr-TR.json       |  31 ++-
 src/locales/uk-UA.json       |  21 +-
 src/locales/vi-VN.json       | 267 ++++++++++---------
 src/locales/zh-CN.json       |  27 +-
 src/locales/zh-HK.json       |  21 +-
 src/locales/zh-TW.json       |  21 +-
 51 files changed, 1784 insertions(+), 468 deletions(-)
 create mode 100644 src/locales/th-TH.json

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 6c6c0cf39..25a32f222 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "تكبير حجم الخط",
     "unbindText": "فك ربط النص",
     "bindText": "ربط النص بالحاوية",
+    "createContainerFromText": "",
     "link": {
       "edit": "تعديل الرابط",
       "create": "إنشاء رابط",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "تعذر الاتصال بخادم التعاون. الرجاء إعادة تحميل الصفحة والمحاولة مرة أخرى.",
     "importLibraryError": "تعذر تحميل المكتبة",
     "collabSaveFailed": "تعذر الحفظ في قاعدة البيانات. إذا استمرت المشاكل، يفضل أن تحفظ ملفك محليا كي لا تفقد عملك.",
-    "collabSaveFailed_sizeExceeded": "تعذر الحفظ في قاعدة البيانات، يبدو أن القماش كبير للغاية، يفضّل حفظ الملف محليا كي لا تفقد عملك."
+    "collabSaveFailed_sizeExceeded": "تعذر الحفظ في قاعدة البيانات، يبدو أن القماش كبير للغاية، يفضّل حفظ الملف محليا كي لا تفقد عملك.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "تحديد",
@@ -303,7 +319,8 @@
     "doubleClick": "انقر مرتين",
     "drag": "اسحب",
     "editor": "المحرر",
-    "editSelectedShape": "تعديل الشكل المحدد (النص/السهم/الخط)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "عثرت على مشكلة؟ إرسال",
     "howto": "اتبع التعليمات",
     "or": "أو",
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index ba052783d..501ce7399 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Селекция",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "плъзнете",
     "editor": "Редактор",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Намерихте проблем? Изпратете",
     "howto": "Следвайте нашите ръководства",
     "or": "или",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 47c6f02b2..a5d9dec0f 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "লেখনীর মাত্রা বাড়ান",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "লিঙ্ক সংশোধন",
       "create": "লিঙ্ক তৈরী",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "কোল্যাব সার্ভারের সাথে সংযোগ করা যায়নি। পৃষ্ঠাটি পুনরায় লোড করে আবার চেষ্টা করুন।",
     "importLibraryError": "সংগ্রহ লোড করা যায়নি",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "বাছাই",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "",
     "editor": "",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "অথবা",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index e94523b29..ae45e764d 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Augmenta la mida de la lletra",
     "unbindText": "Desvincular el text",
     "bindText": "Ajusta el text al contenidor",
+    "createContainerFromText": "",
     "link": {
       "edit": "Edita l'enllaç",
       "create": "Crea un enllaç",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "No ha estat possible connectar amb el servidor collab. Si us plau recarregueu la pàgina i torneu a provar.",
     "importLibraryError": "No s'ha pogut carregar la biblioteca",
     "collabSaveFailed": "No s'ha pogut desar a la base de dades de fons. Si els problemes persisteixen, hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.",
-    "collabSaveFailed_sizeExceeded": "No s'ha pogut desar a la base de dades de fons, sembla que el llenç és massa gran. Hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball."
+    "collabSaveFailed_sizeExceeded": "No s'ha pogut desar a la base de dades de fons, sembla que el llenç és massa gran. Hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Selecció",
@@ -303,7 +319,8 @@
     "doubleClick": "doble clic",
     "drag": "arrossega",
     "editor": "Editor",
-    "editSelectedShape": "Edita la forma seleccionada (text, fletxa o línia)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Hi heu trobat un problema? Informeu-ne",
     "howto": "Seguiu les nostres guies",
     "or": "o",
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 718d974b2..d57a8837d 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Zvětšit písmo",
     "unbindText": "Zrušit vazbu textu",
     "bindText": "Vázat text s kontejnerem",
+    "createContainerFromText": "",
     "link": {
       "edit": "Upravit odkaz",
       "create": "Vytvořit odkaz",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Výběr",
@@ -303,7 +319,8 @@
     "doubleClick": "dvojklik",
     "drag": "tažení",
     "editor": "Editor",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "nebo",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 8e541f90d..c8b5ad6e3 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "",
     "editor": "",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index b389fe5a4..bdf30a371 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Schrift vergrößern",
     "unbindText": "Text lösen",
     "bindText": "Text an Container binden",
+    "createContainerFromText": "Text in Container einbetten",
     "link": {
       "edit": "Link bearbeiten",
       "create": "Link erstellen",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Konnte keine Verbindung zum Collab-Server herstellen. Bitte lade die Seite neu und versuche es erneut.",
     "importLibraryError": "Bibliothek konnte nicht geladen werden",
     "collabSaveFailed": "Keine Speicherung in der Backend-Datenbank möglich. Wenn die Probleme weiterhin bestehen, solltest Du Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.",
-    "collabSaveFailed_sizeExceeded": "Keine Speicherung in der Backend-Datenbank möglich, die Zeichenfläche scheint zu groß zu sein. Du solltest Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst."
+    "collabSaveFailed_sizeExceeded": "Keine Speicherung in der Backend-Datenbank möglich, die Zeichenfläche scheint zu groß zu sein. Du solltest Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.",
+    "brave_measure_text_error": {
+      "start": "Sieht so aus, als ob du den Brave Browser benutzt mit der",
+      "aggressive_block_fingerprint": "\"Fingerprinting aggressiv blockieren\"",
+      "setting_enabled": "Einstellung aktiviert",
+      "break": "Dies könnte zur inkorrekten Darstellung der",
+      "text_elements": "Textelemente",
+      "in_your_drawings": "in deinen Zeichnungen führen",
+      "strongly_recommend": "Wir empfehlen dringend, diese Einstellung zu deaktivieren. Du kannst",
+      "steps": "diesen Schritten entsprechend",
+      "how": "folgen",
+      "disable_setting": " Wenn die Deaktivierung dieser Einstellung nicht zu einer korrekten Textdarstellung führt, öffne bitte einen",
+      "issue": "Issue",
+      "write": "auf GitHub, oder schreibe uns auf",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Auswahl",
@@ -303,7 +319,8 @@
     "doubleClick": "doppelklicken",
     "drag": "ziehen",
     "editor": "Editor",
-    "editSelectedShape": "Ausgewählte Form bearbeiten (Text/Pfeil/Linie)",
+    "editLineArrowPoints": "Linien-/Pfeil-Punkte bearbeiten",
+    "editText": "Text bearbeiten / Label hinzufügen",
     "github": "Ein Problem gefunden? Informiere uns",
     "howto": "Folge unseren Anleitungen",
     "or": "oder",
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index d478be3e7..888c39568 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Αύξηση μεγέθους γραμματοσειράς",
     "unbindText": "Αποσύνδεση κειμένου",
     "bindText": "Δέσμευση κειμένου στο δοχείο",
+    "createContainerFromText": "",
     "link": {
       "edit": "Επεξεργασία συνδέσμου",
       "create": "Δημιουργία συνδέσμου",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Αδυναμία σύνδεσης με τον διακομιστή συνεργασίας. Παρακαλώ ανανεώστε τη σελίδα και προσπαθήστε ξανά.",
     "importLibraryError": "Αδυναμία φόρτωσης βιβλιοθήκης",
     "collabSaveFailed": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή. Αν το προβλήματα παραμείνει, θα πρέπει να αποθηκεύσετε το αρχείο σας τοπικά για να βεβαιωθείτε ότι δεν χάνετε την εργασία σας.",
-    "collabSaveFailed_sizeExceeded": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή, ο καμβάς φαίνεται να είναι πολύ μεγάλος. Θα πρέπει να αποθηκεύσετε το αρχείο τοπικά για να βεβαιωθείτε ότι δεν θα χάσετε την εργασία σας."
+    "collabSaveFailed_sizeExceeded": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή, ο καμβάς φαίνεται να είναι πολύ μεγάλος. Θα πρέπει να αποθηκεύσετε το αρχείο τοπικά για να βεβαιωθείτε ότι δεν θα χάσετε την εργασία σας.",
+    "brave_measure_text_error": {
+      "start": "Φαίνεται ότι χρησιμοποιείτε το Brave browser με το",
+      "aggressive_block_fingerprint": "Αποκλεισμός \"Δακτυλικών Αποτυπωμάτων\"",
+      "setting_enabled": "ρύθμιση ενεργοποιημένη",
+      "break": "Αυτό θα μπορούσε να σπάσει το",
+      "text_elements": "Στοιχεία Κειμένου",
+      "in_your_drawings": "στα σχέδιά σας",
+      "strongly_recommend": "Συνιστούμε να απενεργοποιήσετε αυτή τη ρύθμιση. Μπορείτε να ακολουθήσετε",
+      "steps": "αυτά τα βήματα",
+      "how": "για το πώς να το κάνετε",
+      "disable_setting": " Εάν η απενεργοποίηση αυτής της ρύθμισης δεν διορθώνει την εμφάνιση των στοιχείων κειμένου, παρακαλώ ανοίξτε ένα",
+      "issue": "πρόβλημα",
+      "write": "στο GitHub, ή γράψτε μας στο",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Επιλογή",
@@ -303,7 +319,8 @@
     "doubleClick": "διπλό κλικ",
     "drag": "σύρε",
     "editor": "Επεξεργαστής",
-    "editSelectedShape": "Επεξεργασία επιλεγμένου σχήματος (κείμενο/βέλος/γραμμή)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Βρήκατε πρόβλημα; Υποβάλετε το",
     "howto": "Ακολουθήστε τους οδηγούς μας",
     "or": "ή",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index eceb38ae3..67a110293 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Aumentar el tamaño de letra",
     "unbindText": "Desvincular texto",
     "bindText": "Vincular texto al contenedor",
+    "createContainerFromText": "Envolver el texto en un contenedor",
     "link": {
       "edit": "Editar enlace",
       "create": "Crear enlace",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "No se pudo conectar al servidor colaborador. Por favor, vuelva a cargar la página y vuelva a intentarlo.",
     "importLibraryError": "No se pudo cargar la librería",
     "collabSaveFailed": "No se pudo guardar en la base de datos del backend. Si los problemas persisten, debería guardar su archivo localmente para asegurarse de que no pierde su trabajo.",
-    "collabSaveFailed_sizeExceeded": "No se pudo guardar en la base de datos del backend, el lienzo parece ser demasiado grande. Debería guardar el archivo localmente para asegurarse de que no pierde su trabajo."
+    "collabSaveFailed_sizeExceeded": "No se pudo guardar en la base de datos del backend, el lienzo parece ser demasiado grande. Debería guardar el archivo localmente para asegurarse de que no pierde su trabajo.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "ajuste activado",
+      "break": "Esto podría resultar en romper los",
+      "text_elements": "Elementos de texto",
+      "in_your_drawings": "en tus dibujos",
+      "strongly_recommend": "Recomendamos desactivar esta configuración. Puedes seguir",
+      "steps": "estos pasos",
+      "how": "sobre cómo hacerlo",
+      "disable_setting": " Si deshabilitar esta opción no arregla la visualización de elementos de texto, por favor abre un",
+      "issue": "issue",
+      "write": "en GitHub, o escríbenos en",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Selección",
@@ -303,7 +319,8 @@
     "doubleClick": "doble clic",
     "drag": "arrastrar",
     "editor": "Editor",
-    "editSelectedShape": "Editar la forma seleccionada (texto/flecha/línea)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "¿Ha encontrado un problema? Envíelo",
     "howto": "Siga nuestras guías",
     "or": "o",
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index d35baf4e4..1aec330cb 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Handitu letra tamaina",
     "unbindText": "Askatu testua",
     "bindText": "Lotu testua edukiontziari",
+    "createContainerFromText": "Bilatu testua edukiontzi batean",
     "link": {
       "edit": "Editatu esteka",
       "create": "Sortu esteka",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Ezin izan da elkarlaneko zerbitzarira konektatu. Mesedez, berriro kargatu orria eta saiatu berriro.",
     "importLibraryError": "Ezin izan da liburutegia kargatu",
     "collabSaveFailed": "Ezin izan da backend datu-basean gorde. Arazoak jarraitzen badu, zure fitxategia lokalean gorde beharko zenuke zure lana ez duzula galtzen ziurtatzeko.",
-    "collabSaveFailed_sizeExceeded": "Ezin izan da backend datu-basean gorde, ohiala handiegia dela dirudi. Fitxategia lokalean gorde beharko zenuke zure lana galtzen ez duzula ziurtatzeko."
+    "collabSaveFailed_sizeExceeded": "Ezin izan da backend datu-basean gorde, ohiala handiegia dela dirudi. Fitxategia lokalean gorde beharko zenuke zure lana galtzen ez duzula ziurtatzeko.",
+    "brave_measure_text_error": {
+      "start": "Brave nabigatzailea erabiltzen ari zarela dirudi",
+      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
+      "setting_enabled": "ezarpena gaituta",
+      "break": "Honek honen haustea eragin dezake",
+      "text_elements": "Testu-elementuak",
+      "in_your_drawings": "zure marrazkietan",
+      "strongly_recommend": "Ezarpen hau desgaitzea gomendatzen dugu. Jarrai dezakezu",
+      "steps": "urrats hauek",
+      "how": "jakiteko nola egin",
+      "disable_setting": " Ezarpen hau desgaitzeak testu-elementuen bistaratzea konpontzen ez badu, ireki",
+      "issue": "eskaera (issue) bat",
+      "write": "gure Github-en edo idatz iezaguzu",
+      "discord": "Discord-en"
+    }
   },
   "toolBar": {
     "selection": "Hautapena",
@@ -303,7 +319,8 @@
     "doubleClick": "klik bikoitza",
     "drag": "arrastatu",
     "editor": "Editorea",
-    "editSelectedShape": "Editatu hautatutako forma (testua/gezia/lerroa)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Arazorik izan al duzu? Eman horren berri",
     "howto": "Jarraitu gure gidak",
     "or": "edo",
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index cc7de0dee..44cf7ae00 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "افزایش دادن اندازه فونت",
     "unbindText": "بازکردن نوشته",
     "bindText": "بستن نوشته",
+    "createContainerFromText": "",
     "link": {
       "edit": "ویرایش لینک",
       "create": "ایجاد پیوند",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "به سرور collab متصل نشد. لطفا صفحه را مجددا بارگذاری کنید و دوباره تلاش کنید.",
     "importLibraryError": "داده‌ها بارگذاری نشدند",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "گزینش",
@@ -303,7 +319,8 @@
     "doubleClick": "دابل کلیک",
     "drag": "کشیدن",
     "editor": "ویرایشگر",
-    "editSelectedShape": "ویرایش شکل انتخاب شده (متن/فلش/خط)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "اشکالی می بینید؟ گزارش دهید",
     "howto": "راهنمای ما را دنبال کنید",
     "or": "یا",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 6c357b167..e0701f2d2 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Kasvata kirjasinkokoa",
     "unbindText": "Irroita teksti",
     "bindText": "Kiinnitä teksti säiliöön",
+    "createContainerFromText": "",
     "link": {
       "edit": "Muokkaa linkkiä",
       "create": "Luo linkki",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Yhteyden muodostaminen collab-palvelimeen epäonnistui. Virkistä sivu ja yritä uudelleen.",
     "importLibraryError": "Kokoelman lataaminen epäonnistui",
     "collabSaveFailed": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.",
-    "collabSaveFailed_sizeExceeded": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi."
+    "collabSaveFailed_sizeExceeded": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Valinta",
@@ -303,7 +319,8 @@
     "doubleClick": "kaksoisnapsautus",
     "drag": "vedä",
     "editor": "Muokkausohjelma",
-    "editSelectedShape": "Muokkaa valittua muotoa (teksti/nuoli/viiva)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Löysitkö ongelman? Kerro meille",
     "howto": "Seuraa oppaitamme",
     "or": "tai",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 573e3fd1a..49135c3b6 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Augmenter la taille de la police",
     "unbindText": "Dissocier le texte",
     "bindText": "Associer le texte au conteneur",
+    "createContainerFromText": "Encadrer le texte dans un conteneur",
     "link": {
       "edit": "Modifier le lien",
       "create": "Ajouter un lien",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Impossible de se connecter au serveur collaboratif. Veuillez recharger la page et réessayer.",
     "importLibraryError": "Impossible de charger la bibliothèque",
     "collabSaveFailed": "Impossible d'enregistrer dans la base de données en arrière-plan. Si des problèmes persistent, vous devriez enregistrer votre fichier localement pour vous assurer de ne pas perdre votre travail.",
-    "collabSaveFailed_sizeExceeded": "Impossible d'enregistrer dans la base de données en arrière-plan, le tableau semble trop grand. Vous devriez enregistrer le fichier localement pour vous assurer de ne pas perdre votre travail."
+    "collabSaveFailed_sizeExceeded": "Impossible d'enregistrer dans la base de données en arrière-plan, le tableau semble trop grand. Vous devriez enregistrer le fichier localement pour vous assurer de ne pas perdre votre travail.",
+    "brave_measure_text_error": {
+      "start": "Il semble que vous utilisiez le navigateur Brave avec le",
+      "aggressive_block_fingerprint": "blocage d'empreinte agressif",
+      "setting_enabled": "activé",
+      "break": "Ceci pourrait avoir pour conséquence de « casser » les",
+      "text_elements": "éléments texte",
+      "in_your_drawings": "dans vos dessins",
+      "strongly_recommend": "Nous recommandons fortement de désactiver ce paramètre. Vous pouvez suivre",
+      "steps": "ces étapes",
+      "how": "sur la manière de procéder",
+      "disable_setting": " Si la désactivation de ce paramètre ne résout pas l'affichage des éléments texte, veuillez ouvrir un",
+      "issue": "ticket",
+      "write": "sur notre GitHub, ou nous écrire sur",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Sélection",
@@ -303,7 +319,8 @@
     "doubleClick": "double-clic",
     "drag": "glisser",
     "editor": "Éditeur",
-    "editSelectedShape": "Modifier la forme sélectionnée (texte/flèche/ligne)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Problème trouvé ? Soumettre",
     "howto": "Suivez nos guides",
     "or": "ou",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 373fe4032..5571f3f15 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Aumentar o tamaño da fonte",
     "unbindText": "Desvincular texto",
     "bindText": "Ligar o texto ao contedor",
+    "createContainerFromText": "Envolver o texto nun contedor",
     "link": {
       "edit": "Editar ligazón",
       "create": "Crear ligazón",
@@ -193,7 +194,7 @@
     "resetLibrary": "Isto limpará a súa biblioteca. Está seguro?",
     "removeItemsFromsLibrary": "Eliminar {{count}} elemento(s) da biblioteca?",
     "invalidEncryptionKey": "A clave de cifrado debe ter 22 caracteres. A colaboración en directo está desactivada.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "Non hai conexión a Internet dispoñible.\nOs teus cambios non serán gardados!"
   },
   "errors": {
     "unsupportedFileType": "Tipo de ficheiro non soportado.",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Non se puido conectar ao servidor de colaboración. Por favor recargue a páxina e probe de novo.",
     "importLibraryError": "Non se puido cargar a biblioteca",
     "collabSaveFailed": "Non se puido gardar na base de datos. Se o problema persiste, deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.",
-    "collabSaveFailed_sizeExceeded": "Non se puido gardar na base de datos, o lenzo semella demasiado grande. Deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo."
+    "collabSaveFailed_sizeExceeded": "Non se puido gardar na base de datos, o lenzo semella demasiado grande. Deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.",
+    "brave_measure_text_error": {
+      "start": "Semella que estás usando o navegador Brave coa opción",
+      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
+      "setting_enabled": "activada",
+      "break": "Isto podería provocar unha ruptura dos",
+      "text_elements": "Elementos de Texto",
+      "in_your_drawings": "nos seus debuxos",
+      "strongly_recommend": "Recomendámoslle encarecidamente que desactive esa opción. Pode seguir",
+      "steps": "estes pasos",
+      "how": "sobre como facelo",
+      "disable_setting": " Se ao desactivar esta opción non se arranxa o problema ao mostrar os elementos de texto, por favor abra unha",
+      "issue": "issue",
+      "write": "no noso GitHub, ou escríbenos ao",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Selección",
@@ -303,7 +319,8 @@
     "doubleClick": "dobre-clic",
     "drag": "arrastrar",
     "editor": "Editor",
-    "editSelectedShape": "Editar a forma seleccionada (texto/frecha/liña)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Encontrou un problema? Envíeo",
     "howto": "Sigue as nosas normas",
     "or": "ou",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 9414da375..810fc1776 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -1,18 +1,18 @@
 {
   "labels": {
     "paste": "הדבק",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "הדבק ללא עיצוב",
     "pasteCharts": "הדבק גרפים",
     "selectAll": "בחר הכל",
-    "multiSelect": "הוסף אובייקט לבחירה",
+    "multiSelect": "הוסף רכיב לבחירה",
     "moveCanvas": "הזז את הקנבס",
-    "cut": "חתוך",
+    "cut": "גזור",
     "copy": "העתק",
     "copyAsPng": "העתק ללוח כ PNG",
     "copyAsSvg": "העתק ללוח כ SVG",
-    "copyText": "העתק ללוח כ-PNG",
+    "copyText": "העתק ללוח כטקסט",
     "bringForward": "הבא שכבה קדימה",
-    "sendToBack": "העבר לסוף",
+    "sendToBack": "שלח אחורה",
     "bringToFront": "העבר לחזית",
     "sendBackward": "העבר שכבה אחורה",
     "delete": "מחק",
@@ -26,7 +26,7 @@
     "strokeStyle_solid": "מלא",
     "strokeStyle_dashed": "מקווקו",
     "strokeStyle_dotted": "מנוקד",
-    "sloppiness": "סגנון",
+    "sloppiness": "רישול",
     "opacity": "אטימות",
     "textAlign": "יישור טקסט",
     "edges": "קצוות",
@@ -35,57 +35,57 @@
     "arrowheads": "ראשי חצים",
     "arrowhead_none": "ללא",
     "arrowhead_arrow": "חץ",
-    "arrowhead_bar": "שורה",
+    "arrowhead_bar": "קצה אנכי",
     "arrowhead_dot": "נקודה",
     "arrowhead_triangle": "משולש",
     "fontSize": "גודל גופן",
-    "fontFamily": "סוג הגופן",
+    "fontFamily": "גופן",
     "onlySelected": "רק מה שנבחר",
     "withBackground": "רקע",
     "exportEmbedScene": "הטמעה של מידע הסצנה",
-    "exportEmbedScene_details": "מידע התצוגה יישמר לקובץ המיוצא מסוג PNG/SVG כך שיהיה ניתן לשחזרה ממנו.\nהפעולה תגדיל את גודל הקובץ המיוצא.",
+    "exportEmbedScene_details": "הייצוא יבוצע לקובץ מסוג PNG/SVG כדי שהמידע על הסצנה ישמר בו וניתן יהיה לבצע שחזור ממנו.\nיגדיל את גודל הקובץ של הייצוא.",
     "addWatermark": "הוסף \"נוצר באמצעות Excalidraw\"",
-    "handDrawn": "כתב יד",
+    "handDrawn": "ציור יד",
     "normal": "רגיל",
     "code": "קוד",
     "small": "קטן",
-    "medium": "בנוני",
+    "medium": "בינוני",
     "large": "גדול",
-    "veryLarge": "ענק",
+    "veryLarge": "גדול מאוד",
     "solid": "מוצק",
-    "hachure": "קווים משופעים",
-    "crossHatch": "קווים מוצלבים",
+    "hachure": "קווים מקבילים קצרים להצגת כיוון וחדות שיפוע במפה",
+    "crossHatch": "קווים מוצלבים שתי וערב",
     "thin": "דק",
     "bold": "מודגש",
     "left": "שמאל",
     "center": "מרכז",
     "right": "ימין",
-    "extraBold": "עבה",
+    "extraBold": "מודגש במיוחד",
     "architect": "ארכיטקט",
     "artist": "אמן",
     "cartoonist": "קריקטוריסט",
     "fileTitle": "שם קובץ",
-    "colorPicker": "בחירת צבע",
+    "colorPicker": "בוחר צבעים",
     "canvasColors": "בשימוש בקנבס",
-    "canvasBackground": "רקע הלוח",
-    "drawingCanvas": "לוח ציור",
+    "canvasBackground": "רקע קנבס",
+    "drawingCanvas": "קנבס ציור",
     "layers": "שכבות",
     "actions": "פעולות",
     "language": "שפה",
-    "liveCollaboration": "",
+    "liveCollaboration": "התחל שיתוף חי...",
     "duplicateSelection": "שכפל",
     "untitled": "ללא כותרת",
     "name": "שם",
-    "yourName": "שם",
+    "yourName": "שמך",
     "madeWithExcalidraw": "נוצר באמצעות Excalidraw",
-    "group": "אחד לקבוצה",
+    "group": "קבץ",
     "ungroup": "פרק קבוצה",
     "collaborators": "שותפים",
     "showGrid": "הצג רשת",
     "addToLibrary": "הוסף לספריה",
     "removeFromLibrary": "הסר מספריה",
     "libraryLoadingMessage": "טוען ספריה…",
-    "libraries": "דפדף בספריות",
+    "libraries": "עיין בספריות",
     "loadingScene": "טוען תצוגה…",
     "align": "יישר",
     "alignTop": "יישר למעלה",
@@ -96,28 +96,29 @@
     "centerHorizontally": "מרכז אופקית",
     "distributeHorizontally": "חלוקה אופקית",
     "distributeVertically": "חלוקה אנכית",
-    "flipHorizontal": "סובב אופקית",
-    "flipVertical": "סובב אנכית",
+    "flipHorizontal": "הפוך אופקית",
+    "flipVertical": "הפוך אנכית",
     "viewMode": "מצב תצוגה",
-    "toggleExportColorScheme": "שנה את ערכת צבעי הייצוא",
+    "toggleExportColorScheme": "מתג ערכת צבעים לייצוא",
     "share": "שתף",
-    "showStroke": "הצג צבעי קו מתאר",
-    "showBackground": "הצג צבעי רקע",
+    "showStroke": "הצג בוחר צבע מברשת",
+    "showBackground": "הצג בוחר צבע רקע",
     "toggleTheme": "שינוי ערכת העיצוב",
     "personalLib": "ספריה פרטית",
     "excalidrawLib": "הספריה של Excalidraw",
     "decreaseFontSize": "הקטן את גודל הגופן",
     "increaseFontSize": "הגדל את גודל הגופן",
     "unbindText": "ביטול קיבוע הטקסט",
-    "bindText": "קיבוע הטקסט לאוגד",
+    "bindText": "קיבוע הטקסט למיכל",
+    "createContainerFromText": "ארוז טקסט במיכל",
     "link": {
       "edit": "עריכת קישור",
       "create": "יצירת קישור",
       "label": "קישור"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "ערוך קו",
+      "exit": "צא מעורך הקו"
     },
     "elementLock": {
       "lock": "נעילה",
@@ -125,16 +126,16 @@
       "lockAll": "לנעול הכל",
       "unlockAll": "שחרור הכול"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "פורסם",
+    "sidebarLock": "שמור את סרגל הצד פתוח"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "עוד לא הוספת דברים...",
+    "hint_emptyLibrary": "בחר משהו בקנבס כדי להוסיף אותו לכאן, או שתתקין ספריה מהספריה הציבורית מטה.",
+    "hint_emptyPrivateLibrary": "בחר משהו בקנבס כדי להוסיף אותו לכאן."
   },
   "buttons": {
-    "clearReset": "אפס את הלוח",
+    "clearReset": "אפס את הקנבאס",
     "exportJSON": "ייצא לקובץ",
     "exportImage": "ייצוא התמונה...",
     "export": "שמור ל...",
@@ -143,7 +144,7 @@
     "copyToClipboard": "העתק ללוח",
     "copyPngToClipboard": "העתק PNG ללוח",
     "scale": "קנה מידה",
-    "save": "שמירת קובץ נוכחי",
+    "save": "שמור לקובץ נוכחי",
     "saveAs": "שמירה בשם",
     "load": "פתח",
     "getShareableLink": "קבל קישור לשיתוף",
@@ -159,58 +160,73 @@
     "undo": "בטל",
     "redo": "בצע מחדש",
     "resetLibrary": "איפוס ספריה",
-    "createNewRoom": "צור חדר",
+    "createNewRoom": "צור חדר חדש",
     "fullScreen": "מסך מלא",
     "darkMode": "מצב כהה",
     "lightMode": "מצב בהיר",
     "zenMode": "מצב זן",
-    "exitZenMode": "צא ממצב תפריט מרחף",
+    "exitZenMode": "צא ממצב זן",
     "cancel": "ביטול",
     "clear": "ניקוי",
-    "remove": "מחיקה",
-    "publishLibrary": "פירסום",
+    "remove": "הסר",
+    "publishLibrary": "פרסום",
     "submit": "שליחה",
-    "confirm": "לאשר"
+    "confirm": "אשר"
   },
   "alerts": {
-    "clearReset": "פעולה זו תנקה את כל הלוח. אתה בטוח?",
-    "couldNotCreateShareableLink": "לא ניתן לייצר לינק לשיתוף.",
-    "couldNotCreateShareableLinkTooBig": "לא הצלחנו לייצר קישור לשיתוף: התצוגה גדולה מדי",
-    "couldNotLoadInvalidFile": "לא ניתן לטעון קובץ שאיננו תואם",
+    "clearReset": "פעולה זו תנקה את כל הקנבס. אתה בטוח?",
+    "couldNotCreateShareableLink": "יצירת קישור לשיתוף נכשל.",
+    "couldNotCreateShareableLinkTooBig": "יצירת קישור לשיתוף נכשל: התצוגה גדולה מדי",
+    "couldNotLoadInvalidFile": "טעינת קובץ לא תקין נכשלה",
     "importBackendFailed": "ייבוא מהשרת נכשל.",
-    "cannotExportEmptyCanvas": "לא ניתן לייצא לוח ריק.",
-    "couldNotCopyToClipboard": "לא ניתן היה להעתיק ללוח",
-    "decryptFailed": "לא ניתן לפענח מידע.",
-    "uploadedSecurly": "ההעלאה הוצפנה מקצה לקצה, ולכן שרת Excalidraw וצד שלישי לא יכולים לקרוא את התוכן.",
+    "cannotExportEmptyCanvas": "לא ניתן לייצא קנבאס ריק.",
+    "couldNotCopyToClipboard": "לא ניתן היה להעתיק ללוח.",
+    "decryptFailed": "פיענוח ההצפנה של המידע נכשל.",
+    "uploadedSecurly": "ההעלאה אובטחה באמצעות הצפנה מקצה לקצה, פירוש הדבר שהשרת של Excalidraw וגורמי צד ג׳ לא יכולים לקרוא את התוכן.",
     "loadSceneOverridePrompt": "טעינה של ציור חיצוני תחליף את התוכן הקיים שלך. האם תרצה להמשיך?",
-    "collabStopOverridePrompt": "עצירת השיתוף תוביל למחיקת התרשימים השמורים בדפדפן. האם את/ה בטוח/ה?\n(אם תרצה לשמור את התרשימים הקיימים, תוכל לסגור את הדפדפן מבלי לסיים את השיתוף.)",
+    "collabStopOverridePrompt": "עצירת השיתוף תוביל למחיקת הציור הקודם ששמור מקומית בדפדפן. האם אתה בטוח?\n\n(אם תרצה לשמור את הציור המקומי, סגור את הטאב של הדפדפן במקום.)",
     "errorAddingToLibrary": "לא ניתן להוסיף פריט לספרייה",
-    "errorRemovingFromLibrary": "לא ניתן למחוק פריט מהספריה",
-    "confirmAddLibrary": "הפעולה תוסיף {{numShapes}} צורה(ות) לספריה שלך. האם אתה בטוח?",
+    "errorRemovingFromLibrary": "לא ניתן להסיר פריט מהספריה",
+    "confirmAddLibrary": "זה יוסיף {{numShapes}} צורה(ות) לספריה שלך. האם אתה בטוח?",
     "imageDoesNotContainScene": "נראה שהתמונה לא מכילה מידע על הסצינה. האם אפשרת הטמעת מידע הסצינה בעת השמירה?",
-    "cannotRestoreFromImage": "לא הצלחנו לשחזר את התצוגה מקובץ התמונה",
-    "invalidSceneUrl": "ייבוא המידע מן סצינה מכתובת האינטרנט נכשלה. המידע בנוי באופן משובש או שהוא אינו קובץ JSON תקין של Excalidraw.",
-    "resetLibrary": "פעולה זו תנקה את כל הלוח. אתה בטוח?",
-    "removeItemsFromsLibrary": "מחיקת {{count}} פריטים(ים) מתוך הספריה?",
-    "invalidEncryptionKey": "מפתח ההצפנה חייב להיות בן 22 תוים. השיתוף החי מבוטל.",
-    "collabOfflineWarning": ""
+    "cannotRestoreFromImage": "לא הצלחנו לשחזר את הסצנה מקובץ התמונה",
+    "invalidSceneUrl": "ייבוא מידע סצנה מהקישור שסופק כשל. או שהוא משובש, או שאינו מכיל מידע של Excalidraw בפורמט JSON.",
+    "resetLibrary": "פעולה זו תנקה את כל הספריה שלך. אתה בטוח?",
+    "removeItemsFromsLibrary": "מחק {{count}} פריט(ים) מהספריה?",
+    "invalidEncryptionKey": "מפתח ההצפנה חייב להיות בן 22 תוים. השיתוף החי מנוטרל.",
+    "collabOfflineWarning": "אין חיבור זמין לאינטרנט.\nהשינויים שלך לא ישמרו!"
   },
   "errors": {
     "unsupportedFileType": "סוג הקובץ אינו נתמך.",
-    "imageInsertError": "לא ניתן היה להטמיע את התמונה, אנא נסו שוב מאוחר יותר...",
-    "fileTooBig": "הקובץ כבד מדי. הגודל המקסימלי המותר הוא {{maxSize}}.",
-    "svgImageInsertError": "לא ניתן היה להטמיע את תמונת ה-SVG. קידוד ה-SVG אינו תקני.",
-    "invalidSVGString": "SVG בלתי תקני.",
-    "cannotResolveCollabServer": "",
+    "imageInsertError": "לא ניתן היה להוסיף את התמונה. אנא נסה שוב מאוחר יותר...",
+    "fileTooBig": "הקובץ גדול מדי. הגודל המירבי המותר הינו {{maxSize}}.",
+    "svgImageInsertError": "לא ניתן היה להוסיף את תמונת ה-SVG. הסימונים בתוך קובץ ה-SVG עשויים להיות שגויים.",
+    "invalidSVGString": "SVG שגוי.",
+    "cannotResolveCollabServer": "לא הצלחתי להתחבר לשרת השיתוף. אנא רענן את הדף ונסה שוב.",
     "importLibraryError": "לא ניתן היה לטעון את הספריה",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed": "לא הצלחתי להתחבר למסד הנתונים האחורי. אם הבעיה ממשיכה, כדאי שתשמור את הקובץ מקומית כדי לוודא שלא תאבד את העבודה שלך.",
+    "collabSaveFailed_sizeExceeded": "לא הצלחתי לשמור למסד הנתונים האחורי, נראה שהקנבס שלך גדול מדי. כדאי שתשמור את הקובץ מקומית כדי לוודא שלא תאבד את העבודה שלך.",
+    "brave_measure_text_error": {
+      "start": "נראה שאתה משתמש בדפדפן Brave עם ה-",
+      "aggressive_block_fingerprint": "חסימת Fingerprinting אגרסיבית",
+      "setting_enabled": "ההגדרה מופעלת",
+      "break": "זה יכול לגרום לבעיה ב-",
+      "text_elements": "רכיבי טקסט",
+      "in_your_drawings": "בציורים שלך",
+      "strongly_recommend": "אנו ממליצים בחום לנטרל את ההגדרה הזו. אתה יכול לעקוב",
+      "steps": "הצעדים הבאים",
+      "how": "כיצד לעשות את זה",
+      "disable_setting": " אם נטרול ההגדרה לא מתקן את תצוגת רכיבי הטקסט, אנא פתח",
+      "issue": "בעיה",
+      "write": "ב- GitHub שלנו, או כתוב לנו ב-",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "בחירה",
     "image": "הוספת תמונה",
-    "rectangle": "מרובע",
-    "diamond": "מעוין",
+    "rectangle": "מלבן",
+    "diamond": "יהלום",
     "ellipse": "אליפסה",
     "arrow": "חץ",
     "line": "קו",
@@ -218,79 +234,79 @@
     "text": "טקסט",
     "library": "ספריה",
     "lock": "השאר את הכלי הנבחר פעיל גם לאחר סיום הציור",
-    "penMode": "",
-    "link": "הוספה/עדכון של קישור עבור הצורה הנבחרת",
+    "penMode": "מצב עט - מנע נגיעה",
+    "link": "הוספה/עדכון קישור של הצורה שנבחרה",
     "eraser": "מחק",
-    "hand": ""
+    "hand": "יד (כלי הזזה)"
   },
   "headings": {
-    "canvasActions": "פעולות הלוח",
-    "selectedShapeActions": "פעולות צורה שנבחרה",
+    "canvasActions": "פעולות קנבאס",
+    "selectedShapeActions": "פעולות על הצורות שנבחרו",
     "shapes": "צורות"
   },
   "hints": {
-    "canvasPanning": "",
-    "linearElement": "הקלק בשביל לבחור נקודות מרובות, גרור בשביל קו בודד",
+    "canvasPanning": "כדי להזיז את הקנבס, החזק את גלגל העכבר לחוץ או את מקש הרווח לחוץ תוך כדי גרירה, או השתמש בכלי היד",
+    "linearElement": "לחץ להתחלת מספר נקודות, גרור לקו יחיד",
     "freeDraw": "לחץ וגרור, שחרר כשסיימת",
     "text": "טיפ: אפשר להוסיף טקסט על ידי לחיצה כפולה בכל מקום עם כלי הבחירה",
-    "text_selected": "לחץ לחיצה כפולה או אנטר לעריכת הנקודות",
-    "text_editing": "כדי לסיים את העריכה לחצו על מקש Escape או על Ctrl ומקש Enter (Cmd במחשבי אפל)",
+    "text_selected": "לחץ לחיצה כפולה או הקש על אנטר לעריכת הטקסט",
+    "text_editing": "כדי לסיים את העריכה לחץ על מקש Escape או על Ctrl (Cmd במחשבי אפל) ומקש Enter",
     "linearElementMulti": "הקלק על הנקודה האחרונה או הקש Escape או Enter לסיום",
-    "lockAngle": "אתה יכול להגביל זווית ע״י לחיצה על SHIFT",
+    "lockAngle": "ניתן להגביל את הזוויות על ידי החזקה של מקש ה- SHIFT",
     "resize": "ניתן להגביל פרופורציות על ידי לחיצה על SHIFT תוך כדי שינוי גודל,\nהחזק ALT בשביל לשנות גודל ביחס למרכז",
-    "resizeImage": "",
+    "resizeImage": "אתה יכול לשנות את הגודל בחופשיות על ידי החזקת מקש SHIFT,\nהחזק את מקש ALT כדי לבצע שינוי גודל מהמרכז",
     "rotate": "ניתן להגביל זוויות על ידי לחיצה על SHIFT תוך כדי סיבוב",
-    "lineEditor_info": "",
-    "lineEditor_pointSelected": "",
-    "lineEditor_nothingSelected": "",
-    "placeImage": "",
-    "publishLibrary": "פירסום ספריה אישית",
-    "bindTextToElement": "יש להקיש Enter כדי להוסיף טקסט",
-    "deepBoxSelect": "",
-    "eraserRevert": "",
-    "firefox_clipboard_write": ""
+    "lineEditor_info": "החזק Ctrl / Cmd ובצע לחיצה כפולה או לחץ Ctrl / Cmd + Enter לעריכת נקודות",
+    "lineEditor_pointSelected": "לחץ Delete למחיקת נקודה/ות,\nCtrl / Cmd + D לשכפול, או גרור להזזה",
+    "lineEditor_nothingSelected": "בחר נקודה כדי לערוך (החזק SHIFT לבחירת כמה),\nאו החזק Alt והקלק להוספת נקודות חדשות",
+    "placeImage": "הקלק להנחת התמונה, או הקלק וגרור להגדרת הגודל שלו ידנית",
+    "publishLibrary": "פרסם ספריה משלך",
+    "bindTextToElement": "הקש Enter כדי להוספת טקסט",
+    "deepBoxSelect": "החזק Ctrl / Cmd לבחירה עמוקה ולמניעת גרירה",
+    "eraserRevert": "החזק Alt להחזרת רכיבים מסומנים למחיקה",
+    "firefox_clipboard_write": "יכולות זה ניתנת להפעלה על ידי שינוי הדגל של \"dom.events.asyncClipboard.clipboardItem\" למצב \"true\". כדי לשנות את הדגל בדפדפן Firefox, בקר בעמוד ״about:config״."
   },
   "canvasError": {
-    "cannotShowPreview": "לא הצלחנו להציג את התצוגה המקדימה",
+    "cannotShowPreview": "לא ניתן להראות תצוגה מקדימה",
     "canvasTooBig": "הקנבס עלול להיות גדול מדי.",
-    "canvasTooBigTip": "טיפ: נסה להזיז את האלמנטים הרחוקים ביותר מעט קרוב יותר יחד."
+    "canvasTooBigTip": "טיפ: נסה להזיז את הרכיבים הרחוקים ביותר מעט קרוב יותר האחד לשני."
   },
   "errorSplash": {
     "headingMain_pre": "אירעה שגיאה. נסה ",
     "headingMain_button": "טוען את העמוד מחדש.",
     "clearCanvasMessage": "אם טעינה מחדש לא עובדת, נסה ",
-    "clearCanvasMessage_button": "מנקה את הלוח.",
-    "clearCanvasCaveat": " זה יביא לאובדן עבודה ",
-    "trackedToSentry_pre": "שגיאה עם מזהה ",
+    "clearCanvasMessage_button": "מנקה את הקנבאס.",
+    "clearCanvasCaveat": " זה יגרום לאובדן העבודה ",
+    "trackedToSentry_pre": "השגיאה עם מזהה ",
     "trackedToSentry_post": " נמצאה במערכת שלנו.",
-    "openIssueMessage_pre": "נזהרנו מאוד שלא לכלול מידע שלך בשגיאה. אם המידע איננו אישי, בבקשה עקוב אחר ",
+    "openIssueMessage_pre": "נזהרנו מאוד שלא לכלול מידע מהקנבאס שלך בשגיאה. אם המידע בקנבאס אינו אישי, שקול לבצע מעקב אחר הטיפול שלנו ",
     "openIssueMessage_button": "מעקב באגים.",
-    "openIssueMessage_post": " בבקשה כלול את המידע למטה באמצעות העתקה והדבקה בנושא ב GitHub.",
-    "sceneContent": "תוכן הלוח:"
+    "openIssueMessage_post": " בבקשה כלול את המידע מטה באמצעות העתקתה שלו, והדבקה שלו ב- GitHub Issue.",
+    "sceneContent": "תוכן הקנבאס:"
   },
   "roomDialog": {
-    "desc_intro": "אתה יכול להזמין אנשים ללוח הנוכחי שלך בכדי לשתף פעולה.",
+    "desc_intro": "אתה יכול להזמין אנשים לקנבאס הנוכחי שלך לעבודה משותפת.",
     "desc_privacy": "אל דאגה, השיתוף מוצפן מקצה לקצה, כך שכל מה שתצייר ישאר פרטי. אפילו השרתים שלנו לא יוכלו לראות את מה שאתה ממציא.",
     "button_startSession": "התחל שיתוף",
     "button_stopSession": "הפסק שיתוף",
-    "desc_inProgressIntro": "שיתוף חי כרגע בפעולה.",
+    "desc_inProgressIntro": "שיתוף חי פעיל כרגע.",
     "desc_shareLink": "שתף את הקישור עם כל מי שאתה מעוניין לעבוד אתו:",
-    "desc_exitSession": "עצירת השיתוף תנתק אותך מהחדר, אבל עדיין תוכל להמשיך לעבוד על הלוח, מקומית. שים לב שזה לא ישפיע על אנשים אחרים, והם עדיין יוכלו לשתף פעולה עם הגירסה שלהם.",
-    "shareTitle": "הצטרף לסשן שיתוף בזמן אמת של Excalidraw"
+    "desc_exitSession": "עצירת השיתוף תנתק אותך מהחדר, אבל עדיין תוכל להמשיך לעבוד על הקנבאס, מקומית. שים לב שזה לא ישפיע על אנשים אחרים, והם עדיין יוכלו לבצע שיתוף עם הגרסה שלהם.",
+    "shareTitle": "הצטרף לשיתוף לעבודה משותפת חיה, בזמן אמת, על גבי Excalidraw"
   },
   "errorDialog": {
     "title": "שגיאה"
   },
   "exportDialog": {
     "disk_title": "שמור לכונן",
-    "disk_details": "ייצוא מידע הסצינה לקובץ אותו ניתן יהיה לייבא בהמשך.",
+    "disk_details": "ייצא מידע של הקנבאס לקובץ שתוכל לייבא אחר כך.",
     "disk_button": "שמירה לקובץ",
-    "link_title": "העתקת קישור לשיתוף",
+    "link_title": "קבל קישור לשיתוף",
     "link_details": "ייצוא כקישור לקריאה בלבד.",
-    "link_button": "ייצוא כקישור",
-    "excalidrawplus_description": "שמור את המפה לסביבת העבודה שלך ב-Excalidraw+.",
+    "link_button": "ייצוא לקישור",
+    "excalidrawplus_description": "שמור את הקנבאס לסביבת העבודה שלך ב- +Excalidraw.",
     "excalidrawplus_button": "ייצוא",
-    "excalidrawplus_exportError": "הייצוא ל-Excalidraw+ לא הצליח לעת עתה..."
+    "excalidrawplus_exportError": "לא הצלחתי לייצא ל- +Excalidraw כרגע..."
   },
   "helpDialog": {
     "blog": "קרא את הבלוג שלנו",
@@ -301,30 +317,31 @@
     "curvedLine": "קו מעוגל",
     "documentation": "תיעוד",
     "doubleClick": "לחיצה כפולה",
-    "drag": "לגרור",
+    "drag": "גרור",
     "editor": "עורך",
-    "editSelectedShape": "ערוך את הצורה הנבחרת (טקסט/חץ/קו)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "מצאת בעיה? דווח",
     "howto": "עקוב אחר המדריכים שלנו",
     "or": "או",
     "preventBinding": "למנוע נעיצת חיצים",
     "tools": "כלים",
     "shortcuts": "קיצורי מקלדת",
-    "textFinish": "סיים עריכה (טקסט)",
-    "textNewLine": "הוסף שורה חדשה (טקסט)",
+    "textFinish": "סיים עריכה (עורך טקסט)",
+    "textNewLine": "הוסף שורה חדשה (עורך טקסט)",
     "title": "עזרה",
     "view": "תצוגה",
-    "zoomToFit": "גלילה להצגת כל האלמנטים במסך",
+    "zoomToFit": "זום להתאמת כל האלמנטים למסך",
     "zoomToSelection": "התמקד בבחירה",
     "toggleElementLock": "נעילה/ביטול הנעילה של הרכיבים הנבחרים",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "זוז עמוד למעלה/למטה",
+    "movePageLeftRight": "זוז עמוד שמאלה/ימינה"
   },
   "clearCanvasDialog": {
     "title": "ניקוי הקנבס"
   },
   "publishDialog": {
-    "title": "פרסום ספריה",
+    "title": "פרסם ספריה",
     "itemName": "שם הפריט",
     "authorName": "שם היוצר",
     "githubUsername": "שם המשתמש שלך ב-GitHub",
@@ -333,11 +350,11 @@
     "libraryDesc": "תיאור הספריה",
     "website": "אתר",
     "placeholder": {
-      "authorName": "שם או שם משתמש",
+      "authorName": "שמך או שם המשתמש שלך",
       "libraryName": "תנו שם לספריה",
       "libraryDesc": "תיאור של הספריה שלך כדי לסייע למשתמשים להבין את השימוש בה",
-      "githubHandle": "",
-      "twitterHandle": "",
+      "githubHandle": "כינוי GitHub (לא חובה), כדי שתוכל לערוך את הספרית לאחר שנשלחה לבדיקה",
+      "twitterHandle": "שם משתמש טוויטר (לא חובה), כדי שנדע למי לתת קרדיט כשאנחנו מפרסמים בטוויטר",
       "website": "קישור לאתר הפרטי שלך או לכל מקום אחר (אופציונאלי)"
     },
     "errors": {
@@ -345,44 +362,44 @@
       "website": "הזינו כתובת URL תקינה"
     },
     "noteDescription": {
-      "pre": "להציע את הספריה שלך להיות כלולה ב",
-      "link": "מאגר הספריה הציבורי",
-      "post": "כך שאחרים יוכלו לעשות שימוש בציורים שלהם."
+      "pre": "הגש את הספריה שלך להכללתה ב ",
+      "link": "מאגר הספריה הציבורית",
+      "post": "לשימושם של אנשים אחרים בציורים שלהם."
     },
     "noteGuidelines": {
-      "pre": "הספריה צריכה לקבל אישור ידני. אנא קרא את ",
+      "pre": "הספריה צריכה לקבל אישור ידני קודם לכן. אנא קרא את ",
       "link": "הנחיות",
-      "post": ""
+      "post": " לפני השליחה. אתה תצטרך לחשבון GitHub כדי לתקשר ולבצע שינויים אם תתבקש, אבל זה לא דרישה הכרחית."
     },
     "noteLicense": {
-      "pre": "",
+      "pre": "על ידי שליחה, אתה מסכים שהסיפריה תפורסם תחת ה- ",
       "link": "רישיון MIT, ",
-      "post": "שאומר בקצרה שכל אחד יכול לעשות בהם שימוש ללא מגבלות."
+      "post": "שאומר בקצרה, שכל אחד יכול לעשות בהם שימוש ללא מגבלות."
     },
-    "noteItems": "",
-    "atleastOneLibItem": "",
-    "republishWarning": ""
+    "noteItems": "לכל פריט בסיפריה חייב להיות שם כדי שאפשר יהיה לסנן. הפריטי סיפריה הבאים יהיו כלולים:",
+    "atleastOneLibItem": "אנא בחר לפחות פריט אחד מספריה כדי להתחיל",
+    "republishWarning": "הערה: חלק מהפריטים שבחרת מסומנים ככאלו שכבר פורסמו/נשלחו. אתה צריך לשלוח פריטים מחדש כאשר אתה מעדכן ספריה או הגשה קיימים."
   },
   "publishSuccessDialog": {
-    "title": "הספריה נשלחה",
+    "title": "הספריה הוגשה",
     "content": "תודה {{authorName}}. הספריה שלך נשלחה לבחינה. תוכל לעקוב אחרי סטטוס הפרסום",
     "link": "כאן"
   },
   "confirmDialog": {
     "resetLibrary": "איפוס ספריה",
-    "removeItemsFromLib": "להסיר את הפריטים הנבחרים מהספריה"
+    "removeItemsFromLib": "הסר את הפריטים הנבחרים מהספריה"
   },
   "encrypted": {
-    "tooltip": "הרישומים שלך מוצפנים מקצה לקצה כך שהשרתים של Excalidraw לא יראו אותם לעולם.",
+    "tooltip": "הציורים שלך מוצפנים מקצה לקצה כך שהשרתים של Excalidraw לא יראו אותם לעולם.",
     "link": "פוסט בבלוג על הצפנה מקצה לקצב ב-Excalidraw"
   },
   "stats": {
     "angle": "זווית",
-    "element": "אלמנט",
-    "elements": "אלמנטים",
+    "element": "רכיב",
+    "elements": "רכיבים",
     "height": "גובה",
     "scene": "תצוגה",
-    "selected": "נבחר/ים",
+    "selected": "נבחר",
     "storage": "אחסון",
     "title": "סטטיסטיקות לחנונים",
     "total": "סה״כ",
@@ -393,14 +410,14 @@
   },
   "toast": {
     "addedToLibrary": "נוסף לספריה",
-    "copyStyles": "העתק סגנונות.",
-    "copyToClipboard": "הועתק אל הלוח.",
+    "copyStyles": "סגנונות הועתקו.",
+    "copyToClipboard": "הועתק ללוח.",
     "copyToClipboardAsPng": "{{exportSelection}} הועתקה ללוח כ-PNG\n({{exportColorScheme}})",
     "fileSaved": "קובץ נשמר.",
     "fileSavedToFilename": "נשמר לקובץ {filename}",
-    "canvas": "משטח ציור",
+    "canvas": "קנבאס",
     "selection": "בחירה",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "השתמש ב- {{shortcut}} כדי להדביק כפריט יחיד,\nאו הדבק לתוך עורך טקסט קיים"
   },
   "colors": {
     "ffffff": "לבן",
@@ -443,23 +460,23 @@
     "364fc7": "כחול כהה 9",
     "1864ab": "כחול 9",
     "0b7285": "טורקיז 9",
-    "087f5b": "ירקרק 9",
+    "087f5b": "ירוק-כחול 9",
     "2b8a3e": "ירוק 9",
     "5c940d": "ליים 9",
-    "e67700": "ירוק 9",
+    "e67700": "צהוב 9",
     "d9480f": "כתום 9"
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "כל המידע שלח נשמר מקומית בדפדפן.",
+      "center_heading_plus": "אתה רוצה ללכת אל Excalidraw+ במקום?",
+      "menuHint": "ייצוא, העדפות, שפות, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "ייצוא, העדפות, ועוד...",
+      "center_heading": "איורים. נעשים. פשוטים.",
+      "toolbarHint": "בחר כלי & והתחל לצייר!",
+      "helpHint": "קיצורים & עזרה"
     }
   }
 }
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 9e3a14d64..77d6dae2d 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "फ़ॉन्ट आकार बढ़ाएँ",
     "unbindText": "",
     "bindText": "लेखन को कोश से जोड़े",
+    "createContainerFromText": "मूलपाठ कंटेनर में मोड के दिखाए",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "कॉलेब सर्वर से कनेक्शन नहीं हो पा रहा. कृपया पृष्ठ को पुनः लाने का प्रयास करे.",
     "importLibraryError": "संग्रह प्रतिष्ठापित नहीं किया जा सका",
     "collabSaveFailed": "किसी कारण वश अंदरूनी डेटाबेस में सहेजा नहीं जा सका। यदि समस्या बनी रहती है, तो किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
-    "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।"
+    "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
+    "brave_measure_text_error": {
+      "start": "ऐसा लगता है कि आप ब्रेव ब्राउज़र का उपयोग कर रहे है, उसके साथ",
+      "aggressive_block_fingerprint": "उग्रतापूर्वक उंगलियों के निशान रोकने की",
+      "setting_enabled": "सेटिंग सक्रिय की गई है।",
+      "break": "इसके परिणाम स्वरूम टूट सकता है यह",
+      "text_elements": "मूल पाठ अवयव टूट सकते हैं",
+      "in_your_drawings": "आपके चित्र में उपस्थित",
+      "strongly_recommend": "हमारा शशक्त अनुरोध इस सेटिंग्स को अक्षम करने का है. आप",
+      "steps": "इन दिए हुए स्टेप्स को अनुकरीत करके देख सकते है कि",
+      "how": "ये कैसे करे",
+      "disable_setting": " यदि इन सेटिंग्स को निष्क्रिय करने पर भी, पाठ्य दिखना ठीक न हो तो",
+      "issue": "समस्या",
+      "write": "हमारे \"GitHub\" पर, अथवा",
+      "discord": "\"Discord\" पर लिख सकते हैं."
+    }
   },
   "toolBar": {
     "selection": "चयन",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "खींचें",
     "editor": "संपादक",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "रेखा/तीर बिंदु सम्पादित करे",
+    "editText": "पाठ्य सम्पादित करे/ लेबल जोड़े",
     "github": "मुद्दा मिला? प्रस्तुत करें",
     "howto": "हमारे गाइड का पालन करें",
     "or": "या",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index a3cbd852c..d514520ed 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Betűméret növelése",
     "unbindText": "Szövegkötés feloldása",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "Hivatkozás szerkesztése",
       "create": "Hivatkozás létrehozása",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Kijelölés",
@@ -303,7 +319,8 @@
     "doubleClick": "dupla kattintás",
     "drag": "vonszolás",
     "editor": "Szerkesztő",
-    "editSelectedShape": "Kijelölt alakzat szerkesztése (szöveg/nyíl/vonal)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Hibát találtál? Küld be",
     "howto": "Kövesd az útmutatóinkat",
     "or": "vagy",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index cd722c6a3..01b510fcd 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Besarkan ukuran font",
     "unbindText": "Lepas teks",
     "bindText": "Kunci teks ke kontainer",
+    "createContainerFromText": "",
     "link": {
       "edit": "Edit tautan",
       "create": "Buat tautan",
@@ -193,7 +194,7 @@
     "resetLibrary": "Ini akan menghapus pustaka Anda. Anda yakin?",
     "removeItemsFromsLibrary": "Hapus {{count}} item dari pustaka?",
     "invalidEncryptionKey": "Sandi enkripsi harus 22 karakter. Kolaborasi langsung dinonaktifkan.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "Tidak ada koneksi internet.\nPerubahan tidak akan disimpan!"
   },
   "errors": {
     "unsupportedFileType": "Tipe file tidak didukung.",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Tidak dapat terhubung ke server kolab. Muat ulang laman dan coba lagi.",
     "importLibraryError": "Tidak dapat memuat pustaka",
     "collabSaveFailed": "Tidak dapat menyimpan ke dalam basis data server. Jika masih berlanjut, Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
-    "collabSaveFailed_sizeExceeded": "Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang."
+    "collabSaveFailed_sizeExceeded": "Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
+    "brave_measure_text_error": {
+      "start": "Sepertinya kamu menggunakan browser Brave dengan",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "pengaturan diaktifkan",
+      "break": "",
+      "text_elements": "Elemen Teks",
+      "in_your_drawings": "dalam gambar anda",
+      "strongly_recommend": "Kami sangat menyarankan untuk mematikan pengaturan ini. Kamu dapat mengikuti",
+      "steps": "langkah-langkah ini",
+      "how": "dalam bagaimana melakukan itu",
+      "disable_setting": " Jika pengaturan ini dimatikan tidak mengatasi masalah tampilan dari elemen teks, silahkan buka",
+      "issue": "isu",
+      "write": "di GitHub kami, atau tulis kami di",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Pilihan",
@@ -303,7 +319,8 @@
     "doubleClick": "klik-ganda",
     "drag": "seret",
     "editor": "Editor",
-    "editSelectedShape": "Edit bentuk yang dipilih (teks/panah/garis)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Menemukan masalah? Kirimkan",
     "howto": "Ikuti panduan kami",
     "or": "atau",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 3c6cf93a8..8380fd8e5 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Aumenta la dimensione dei caratteri",
     "unbindText": "Scollega testo",
     "bindText": "Associa il testo al container",
+    "createContainerFromText": "",
     "link": {
       "edit": "Modifica link",
       "create": "Crea link",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Impossibile connettersi al server di collab. Ricarica la pagina e riprova.",
     "importLibraryError": "Impossibile caricare la libreria",
     "collabSaveFailed": "Impossibile salvare nel database di backend. Se i problemi persistono, dovresti salvare il tuo file localmente per assicurarti di non perdere il tuo lavoro.",
-    "collabSaveFailed_sizeExceeded": "Impossibile salvare nel database di backend, la tela sembra essere troppo grande. Dovresti salvare il file localmente per assicurarti di non perdere il tuo lavoro."
+    "collabSaveFailed_sizeExceeded": "Impossibile salvare nel database di backend, la tela sembra essere troppo grande. Dovresti salvare il file localmente per assicurarti di non perdere il tuo lavoro.",
+    "brave_measure_text_error": {
+      "start": "Sembra che tu stia usando il browser Brave con il",
+      "aggressive_block_fingerprint": "Blocco Aggressivamente Impronte Digitali",
+      "setting_enabled": "impostazioni abilitate",
+      "break": "Questo potrebbe portare a rompere gli",
+      "text_elements": "Elementi Di Testo",
+      "in_your_drawings": "nei tuoi disegni",
+      "strongly_recommend": "Si consiglia vivamente di disabilitare questa impostazione. È possibile seguire",
+      "steps": "questi passaggi",
+      "how": "su come fare",
+      "disable_setting": " Se la disabilitazione di questa impostazione non corregge la visualizzazione degli elementi di testo, apri un",
+      "issue": "problema",
+      "write": "sul nostro GitHub, o scrivici su",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Selezione",
@@ -303,7 +319,8 @@
     "doubleClick": "doppio-click",
     "drag": "trascina",
     "editor": "Editor",
-    "editSelectedShape": "Modifica la forma selezionata (testo/freccia/linea)",
+    "editLineArrowPoints": "",
+    "editText": "Modifica testo / aggiungi etichetta",
     "github": "Trovato un problema? Segnalalo",
     "howto": "Segui le nostre guide",
     "or": "oppure",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index 4f7a76afe..53333aea3 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "フォントサイズを拡大",
     "unbindText": "テキストのバインド解除",
     "bindText": "テキストをコンテナにバインド",
+    "createContainerFromText": "",
     "link": {
       "edit": "リンクを編集",
       "create": "リンクを作成",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "コラボレーションサーバに接続できませんでした。ページを再読み込みして、もう一度お試しください。",
     "importLibraryError": "ライブラリを読み込めませんでした。",
     "collabSaveFailed": "バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。",
-    "collabSaveFailed_sizeExceeded": "キャンバスが大きすぎるため、バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。"
+    "collabSaveFailed_sizeExceeded": "キャンバスが大きすぎるため、バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "設定が有効化されました",
+      "break": "",
+      "text_elements": "テキスト要素",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "選択",
@@ -303,7 +319,8 @@
     "doubleClick": "ダブルクリック",
     "drag": "ドラッグ",
     "editor": "エディタ",
-    "editSelectedShape": "選択した図形の編集 (テキスト/矢印/線)",
+    "editLineArrowPoints": "",
+    "editText": "テキストの編集 / ラベルの追加",
     "github": "不具合報告はこちら",
     "howto": "ヘルプ・マニュアル",
     "or": "または",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 3603e88c7..ba6a3de7e 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Sali tiddi n tsefsit",
     "unbindText": "Serreḥ iweḍris",
     "bindText": "Arez aḍris s anagbar",
+    "createContainerFromText": "",
     "link": {
       "edit": "Ẓreg aseɣwen",
       "create": "Snulfu-d aseɣwen",
@@ -193,7 +194,7 @@
     "resetLibrary": "Ayagi ad isfeḍ tamkarḍit-inek•m. Tetḥeqqeḍ?",
     "removeItemsFromsLibrary": "Ad tekkseḍ {{count}} n uferdis (en) si temkarḍit?",
     "invalidEncryptionKey": "Tasarut n uwgelhen isefk ad tesɛu 22 n yiekkilen. Amɛiwen srid yensa.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "Ulac tuqqna n internet.\nIbedilen-ik ur ttwaklasen ara!"
   },
   "errors": {
     "unsupportedFileType": "Anaw n ufaylu ur yettwasefrak ara.",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Ulamek tuqqna s aqeddac n umyalel. Ma ulac uɣilif ales asali n usebter sakin eɛreḍ tikkelt-nniḍen.",
     "importLibraryError": "Ur d-ssalay ara tamkarḍit",
     "collabSaveFailed": "Ulamek asekles deg uzadur n yisefka deg ugilal. Ma ikemmel wugur, isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.",
-    "collabSaveFailed_sizeExceeded": "Ulamek asekles deg uzadur n yisefka deg ugilal, taɣzut n usuneɣ tettban-d temqer aṭas. Isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem."
+    "collabSaveFailed_sizeExceeded": "Ulamek asekles deg uzadur n yisefka deg ugilal, taɣzut n usuneɣ tettban-d temqer aṭas. Isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.",
+    "brave_measure_text_error": {
+      "start": "Ittban-d am wakken tsseqdaceḍ iminig Brave akked",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "yermed",
+      "break": "Ayagi yezmer ad d-iseglu s truẓi n",
+      "text_elements": "Iferdisen iḍrisen",
+      "in_your_drawings": "deg wunuɣen-inek",
+      "strongly_recommend": "",
+      "steps": "isurifen-agi",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "di GitHub inek neɣ aru-yaɣ-d di",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Tafrayt",
@@ -229,7 +245,7 @@
     "shapes": "Talɣiwin"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Akken ad tesmuttiḍ taɣzut n usuneɣ, ṭṭef ṛṛuda n umumed, neɣ seqdec afecku Afus",
     "linearElement": "Ssit akken ad tebduḍ aṭas n tenqiḍin, zuɣer i yiwen n yizirig",
     "freeDraw": "Ssit yerna zuɣer, serreḥ ticki tfukeḍ",
     "text": "Tixidest: tzemreḍ daɣen ad ternuḍ aḍris s usiti snat n tikkal anida tebɣiḍ s ufecku n tefrayt",
@@ -240,7 +256,7 @@
     "resize": "Tzemreḍ ad tḥettemeḍ assaɣ s tuṭṭfa n tqeffalt SHIFT mi ara tettbeddileḍ tiddi,\nma teṭṭfeḍ ALT abeddel n tiddi ad yili si tlemmast",
     "resizeImage": "Tzemreḍ ad talseḍ tiddi s tilelli s tuṭṭfa n SHIFT,\nṭṭef ALT akken ad talseḍ tiddi si tlemmast",
     "rotate": "Tzemreḍ ad tḥettemeḍ tiɣemmar s tuṭṭfa n SHIFT di tuzzya",
-    "lineEditor_info": "",
+    "lineEditor_info": "Ssed ɣef CtrlOrCmd yerna ssit snat n tikkal neɣ ssed ɣef CtrlOrCmd + Kcem akken ad tẓergeḍ tineqqiḍin",
     "lineEditor_pointSelected": "Ssed taqeffalt kkes akken ad tekkseḍ tanqiḍ (tinqiḍin),\nCtrlOrCmd+D akken ad tsiselgeḍ, neɣ zuɣer akken ad tesmuttiḍ",
     "lineEditor_nothingSelected": "Fren tanqiḍt akken ad tẓergeḍ (ṭṭef SHIFT akken ad tferneḍ aṭas),\nneɣ ṭṭef Alt akken ad ternuḍ tinqiḍin timaynutin",
     "placeImage": "Ssit akken ad tserseḍ tugna, neɣ ssit u zuɣer akken ad tesbaduḍ tiddi-ines s ufus",
@@ -303,7 +319,8 @@
     "doubleClick": "ssit snat n tikkal",
     "drag": "zuɣer",
     "editor": "Amaẓrag",
-    "editSelectedShape": "Ẓreg talɣa yettwafernen (aḍris/taneccabt/izirig)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Tufiḍ-d ugur? Azen-aɣ-d",
     "howto": "Ḍfer imniren-nneɣ",
     "or": "neɣ",
@@ -452,11 +469,11 @@
   "welcomeScreen": {
     "app": {
       "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading_plus": "Tebɣiḍ ad tedduḍ ɣer Excalidraw+ deg umḍiq?",
+      "menuHint": "Asifeḍ, ismenyifen, tutlayin, ..."
     },
     "defaults": {
-      "menuHint": "",
+      "menuHint": "Asifeḍ, ismenyifen, d wayen-nniḍen...",
       "center_heading": "",
       "toolbarHint": "",
       "helpHint": ""
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index ee1e44083..97a9063fa 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "",
@@ -303,7 +319,8 @@
     "doubleClick": "қос шерту",
     "drag": "апару",
     "editor": "Өңдеу",
-    "editSelectedShape": "Таңдалған пішінді өңдеу (мәтін/нұсқар/сызық)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Қате таптыңыз ба? Жолдаңыз",
     "howto": "Біздің нұсқаулықтарды орындаңыз",
     "or": "немесе",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 9c02b3ea1..f170e4cbf 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "폰트 사이즈 키우기",
     "unbindText": "텍스트 분리",
     "bindText": "텍스트를 컨테이너에 결합",
+    "createContainerFromText": "텍스트를 컨테이너에 담기",
     "link": {
       "edit": "링크 수정하기",
       "create": "링크 만들기",
@@ -193,7 +194,7 @@
     "resetLibrary": "당신의 라이브러리를 초기화 합니다. 계속하시겠습니까?",
     "removeItemsFromsLibrary": "{{count}}개의 아이템을 라이브러리에서 삭제하시겠습니까?",
     "invalidEncryptionKey": "암호화 키는 반드시 22글자여야 합니다. 실시간 협업이 비활성화됩니다.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "인터넷에 연결되어 있지 않습니다.\n변경 사항들이 저장되지 않습니다!"
   },
   "errors": {
     "unsupportedFileType": "지원하지 않는 파일 형식 입니다.",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "협업 서버에 접속하는데 실패했습니다. 페이지를 새로고침하고 다시 시도해보세요.",
     "importLibraryError": "라이브러리를 불러오지 못했습니다.",
     "collabSaveFailed": "데이터베이스에 저장하지 못했습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.",
-    "collabSaveFailed_sizeExceeded": "데이터베이스에 저장하지 못했습니다. 캔버스가 너무 큰 거 같습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요."
+    "collabSaveFailed_sizeExceeded": "데이터베이스에 저장하지 못했습니다. 캔버스가 너무 큰 거 같습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.",
+    "brave_measure_text_error": {
+      "start": "귀하께서는",
+      "aggressive_block_fingerprint": "강력한 지문 차단",
+      "setting_enabled": "설정이 활성화된 Brave browser를 사용하고 계신 것 같습니다",
+      "break": "이 기능으로 인해 화이트보드의",
+      "text_elements": "텍스트 요소들이",
+      "in_your_drawings": "손상될 수 있습니다",
+      "strongly_recommend": "해당 기능을 설정에서 비활성화하는 것을 강력히 권장 드립니다. 비활성화 방법에 대해서는",
+      "steps": "이 게시글을",
+      "how": "참고해주세요.",
+      "disable_setting": " 만약 이 설정을 껐음에도 텍스트 요소들이 올바르게 표시되지 않는다면, 저희",
+      "issue": "Github에 이슈를",
+      "write": "올려주시거나",
+      "discord": "Discord에 제보해주세요"
+    }
   },
   "toolBar": {
     "selection": "선택",
@@ -221,7 +237,7 @@
     "penMode": "펜 모드 - 터치 방지",
     "link": "선택한 도형에 대해서 링크를 추가/업데이트",
     "eraser": "지우개",
-    "hand": ""
+    "hand": "손 (패닝 도구)"
   },
   "headings": {
     "canvasActions": "캔버스 동작",
@@ -229,7 +245,7 @@
     "shapes": "모양"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "캔버스를 옮기려면 마우스 휠이나 스페이스바를 누르고 드래그하거나, 손 도구를 사용하기",
     "linearElement": "여러 점을 연결하려면 클릭하고, 직선을 그리려면 바로 드래그하세요.",
     "freeDraw": "클릭 후 드래그하세요. 완료되면 놓으세요.",
     "text": "팁: 선택 툴로 아무 곳이나 더블 클릭해 텍스트를 추가할 수도 있습니다.",
@@ -248,7 +264,7 @@
     "bindTextToElement": "Enter 키를 눌러서 텍스트 추가하기",
     "deepBoxSelect": "CtrlOrCmd 키를 눌러서 깊게 선택하고, 드래그하지 않도록 하기",
     "eraserRevert": "Alt를 눌러서 삭제하도록 지정된 요소를 되돌리기",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "이 기능은 설정에서 \"dom.events.asyncClipboard.clipboardItem\" 플래그를 \"true\"로 설정하여 활성화할 수 있습니다. Firefox에서 브라우저 플래그를 수정하려면, \"about:config\" 페이지에 접속하세요."
   },
   "canvasError": {
     "cannotShowPreview": "미리보기를 볼 수 없습니다",
@@ -303,7 +319,8 @@
     "doubleClick": "더블 클릭",
     "drag": "드래그",
     "editor": "에디터",
-    "editSelectedShape": "선택한 도형 편집하기(텍스트/화살표/라인)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "문제 제보하기",
     "howto": "가이드 참고하기",
     "or": "또는",
@@ -451,14 +468,14 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "당신의 모든 데이터는 브라우저에 저장되었습니다.",
+      "center_heading": "모든 데이터는 브라우저에 안전하게 저장됩니다.",
       "center_heading_plus": "대신 Excalidraw+로 이동하시겠습니까?",
       "menuHint": "내보내기, 설정, 언어, ..."
     },
     "defaults": {
-      "menuHint": "내보내기, 설정, 더 보기...",
-      "center_heading": "",
-      "toolbarHint": "도구 선택 & 그리기 시작",
+      "menuHint": "내보내기, 설정, 등등...",
+      "center_heading": "간단하게 만드는 다이어그램.",
+      "toolbarHint": "도구를 선택하고, 그리세요!",
       "helpHint": "단축키 & 도움말"
     }
   }
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 4a8ebc95c..76b5086e8 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "زایدکردنی قەبارەی فۆنت",
     "unbindText": "دەقەکە جیابکەرەوە",
     "bindText": "دەقەکە ببەستەوە بە کۆنتەینەرەکەوە",
+    "createContainerFromText": "",
     "link": {
       "edit": "دەستکاریکردنی بەستەر",
       "create": "دروستکردنی بەستەر",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "ناتوانێت پەیوەندی بکات بە سێرڤەری کۆلاب. تکایە لاپەڕەکە دووبارە باربکەوە و دووبارە هەوڵ بدەوە.",
     "importLibraryError": "نەیتوانی کتێبخانە بار بکات",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "دەستنیشانکردن",
@@ -303,7 +319,8 @@
     "doubleClick": "دوو گرتە",
     "drag": "راکێشان",
     "editor": "دەستکاریکەر",
-    "editSelectedShape": "دەستکاریکردنی شێوەی هەڵبژێردراو (دەق/تیر/هێڵ)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "کێشەیەکت دۆزیەوە؟ پێشکەشکردن",
     "howto": "شوێن ڕینماییەکانمان بکەوە",
     "or": "یان",
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index a8a8d6639..d80739f09 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "Redeguoti nuorodą",
       "create": "Sukurti nuorodą",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Nepavyko prisijungti prie serverio bendradarbiavimui. Perkrauk puslapį ir pabandyk prisijungti dar kartą.",
     "importLibraryError": "Nepavyko įkelti bibliotekos",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Žymėjimas",
@@ -303,7 +319,8 @@
     "doubleClick": "dvigubas paspaudimas",
     "drag": "vilkti",
     "editor": "Redaktorius",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Radai klaidą? Pateik",
     "howto": "Vadovaukis mūsų gidu",
     "or": "arba",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index ea3180149..4a311f7cd 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Palielināt fonta izmēru",
     "unbindText": "Atdalīt tekstu",
     "bindText": "Piesaistīt tekstu figūrai",
+    "createContainerFromText": "",
     "link": {
       "edit": "Rediģēt saiti",
       "create": "Izveidot saiti",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Nevarēja savienoties ar sadarbošanās serveri. Lūdzu, pārlādējiet lapu un mēģiniet vēlreiz.",
     "importLibraryError": "Nevarēja ielādēt bibliotēku",
     "collabSaveFailed": "Darbs nav saglabāts datubāzē. Ja problēma turpinās, saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
-    "collabSaveFailed_sizeExceeded": "Darbs nav saglabāts datubāzē, šķiet, ka tāfele ir pārāk liela. Saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu."
+    "collabSaveFailed_sizeExceeded": "Darbs nav saglabāts datubāzē, šķiet, ka tāfele ir pārāk liela. Saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Atlase",
@@ -303,7 +319,8 @@
     "doubleClick": "dubultklikšķis",
     "drag": "vilkt",
     "editor": "Redaktors",
-    "editSelectedShape": "Rediģēt atlasīto figūru (tekstu/bultu/līniju)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Sastapāt kļūdu? Ziņot",
     "howto": "Sekojiet mūsu instrukcijām",
     "or": "vai",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index e67fc3159..4f58009c9 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "अक्षर आकार मोठा करा",
     "unbindText": "लेखन संबंध संपवा",
     "bindText": "शब्द समूह ला पात्रात घ्या",
+    "createContainerFromText": "मजकूर कंटेनर मधे मोडून दाखवा",
     "link": {
       "edit": "दुवा संपादन",
       "create": "दुवा तयार करा",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "कॉलेब-सर्वर हे पोहोचत नाही आहे. पान परत लोड करायचा प्रयत्न करावे.",
     "importLibraryError": "संग्रह प्रतिस्थापित नाही करता आला",
     "collabSaveFailed": "काही कारणा निमित्त आतल्या डेटाबेसमध्ये जतन करू शकत नाही। समस्या तशिस राहिल्यास, तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही तुमची फाइल स्थानिक जतन करावी.",
-    "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।\n\nबॅकएंड डेटाबेसमध्ये जतन करू शकत नाही, कॅनव्हास खूप मोठा असल्याचे दिसते. तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही फाइल स्थानिक पातळीवर जतन करावी."
+    "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।\n\nबॅकएंड डेटाबेसमध्ये जतन करू शकत नाही, कॅनव्हास खूप मोठा असल्याचे दिसते. तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही फाइल स्थानिक पातळीवर जतन करावी.",
+    "brave_measure_text_error": {
+      "start": "असं वाटते की तुम्हीं \"Brave\" \"Browser\" वापरत आहात, त्या बरोबार",
+      "aggressive_block_fingerprint": "बोटांचे ठसे उग्रतेने थाम्बवाचे",
+      "setting_enabled": "सेटिंग्स सक्रिय केले आहेत",
+      "break": "ह्या कारणानिं",
+      "text_elements": "पाठ अवयव तुटु शकतात",
+      "in_your_drawings": "तुमच्या चित्रिकराणतले",
+      "strongly_recommend": "आमचा ज़ोरदार सल्ला असा कि सेटिंग्स निष्क्रिय करावे. तुम्हीं",
+      "steps": "ह्या स्टेप्स",
+      "how": "घेउ शकतात",
+      "disable_setting": " जर सेटिंग्स निष्क्रिय करून पाठ्य दिसणे ठीक नसेल होत तर",
+      "issue": "मुद्दा",
+      "write": "आमच्या Github वर, किव्हा आम्हाला",
+      "discord": "\"Discord\" वर लिहां"
+    }
   },
   "toolBar": {
     "selection": "निवड",
@@ -303,7 +319,8 @@
     "doubleClick": "दुहेरी क्लिक",
     "drag": "ओढा",
     "editor": "संपादक",
-    "editSelectedShape": "निवडलेला प्रकार संपादित करा (मजकूर/बाण/रेघ)",
+    "editLineArrowPoints": "रेघ/तीर बिंदु सम्पादित करा",
+    "editText": "पाठ्य सम्पादित करा/ लेबल जोडा",
     "github": "समस्या मिळाली? प्रस्तुत करा",
     "howto": "आमच्या मार्गदर्शकाचे अनुसरण करा",
     "or": "किंवा",
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index e479d3702..efc874218 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "ရွေးချယ်",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "",
     "editor": "",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 653779a56..27e717d2a 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Øk skriftstørrelse",
     "unbindText": "Avbind tekst",
     "bindText": "Bind tekst til beholderen",
+    "createContainerFromText": "La tekst flyte i en beholder",
     "link": {
       "edit": "Rediger lenke",
       "create": "Opprett lenke",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Kunne ikke koble til samarbeidsserveren. Vennligst oppdater siden og prøv på nytt.",
     "importLibraryError": "Kunne ikke laste bibliotek",
     "collabSaveFailed": "Kan ikke lagre i backend-databasen. Hvis problemer vedvarer, bør du lagre filen lokalt for å sikre at du ikke mister arbeidet.",
-    "collabSaveFailed_sizeExceeded": "Kunne ikke lagre til backend-databasen, lerretet ser ut til å være for stort. Du bør lagre filen lokalt for å sikre at du ikke mister arbeidet ditt."
+    "collabSaveFailed_sizeExceeded": "Kunne ikke lagre til backend-databasen, lerretet ser ut til å være for stort. Du bør lagre filen lokalt for å sikre at du ikke mister arbeidet ditt.",
+    "brave_measure_text_error": {
+      "start": "Ser ut som du bruker Brave nettleser med",
+      "aggressive_block_fingerprint": "Blokker fingeravtrykk aggressivt",
+      "setting_enabled": "innstilling aktivert",
+      "break": "Dette kan føre til at den bryter",
+      "text_elements": "Tekstelementer",
+      "in_your_drawings": "i tegningene dine",
+      "strongly_recommend": "Vi anbefaler på det sterkeste å deaktivere denne innstillingen. Du kan følge dette",
+      "steps": "disse trinnene",
+      "how": "om hvordan det skal gjøres",
+      "disable_setting": " Hvis deaktivering av denne innstillingen ikke fikser visningen av tekstelementer, kan du åpne en",
+      "issue": "sak",
+      "write": "på vår GitHub, eller skriv oss på",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Velg",
@@ -303,7 +319,8 @@
     "doubleClick": "dobbeltklikk",
     "drag": "dra",
     "editor": "Redigeringsvisning",
-    "editSelectedShape": "Rediger valgt figur (tekst/pil/linje)",
+    "editLineArrowPoints": "Rediger linje/pilpunkter",
+    "editText": "Rediger tekst / legg til etikett",
     "github": "Funnet et problem? Send inn",
     "howto": "Følg våre veiledninger",
     "or": "eller",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 313c8dc47..7c2bb105b 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Letters vergroten",
     "unbindText": "Ontkoppel tekst",
     "bindText": "Koppel tekst aan de container",
+    "createContainerFromText": "",
     "link": {
       "edit": "Wijzig link",
       "create": "Maak link",
@@ -193,7 +194,7 @@
     "resetLibrary": "Dit zal je bibliotheek wissen. Weet je het zeker?",
     "removeItemsFromsLibrary": "Verwijder {{count}} item(s) uit bibliotheek?",
     "invalidEncryptionKey": "Encryptiesleutel moet 22 tekens zijn. Live samenwerking is uitgeschakeld.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "Geen internetverbinding beschikbaar.\nJe wijzigingen worden niet opgeslagen!"
   },
   "errors": {
     "unsupportedFileType": "Niet-ondersteund bestandstype.",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Kan geen verbinding maken met de collab server. Herlaad de pagina en probeer het opnieuw.",
     "importLibraryError": "Kon bibliotheek niet laden",
     "collabSaveFailed": "Kan niet opslaan in de backend database. Als de problemen blijven bestaan, moet u het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.",
-    "collabSaveFailed_sizeExceeded": "Kan de backend database niet opslaan, het canvas lijkt te groot te zijn. U moet het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest."
+    "collabSaveFailed_sizeExceeded": "Kan de backend database niet opslaan, het canvas lijkt te groot te zijn. U moet het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.",
+    "brave_measure_text_error": {
+      "start": "Het ziet er uit dat u de Brave browser gebruikt met de",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "instelling ingeschakeld",
+      "break": "Dit kan leiden tot het breken van de",
+      "text_elements": "Tekst Elementen",
+      "in_your_drawings": "in je tekeningen",
+      "strongly_recommend": "We raden u ten zeerste aan deze instelling uit te schakelen. U kunt dit volgen",
+      "steps": "deze stappen",
+      "how": "over hoe dit te doen",
+      "disable_setting": " Indien het uitschakelen van deze instelling de weergave van tekst elementen niet wijzigt, open dan een",
+      "issue": "probleem",
+      "write": "",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Selectie",
@@ -219,7 +235,7 @@
     "library": "Bibliotheek",
     "lock": "Geselecteerde tool actief houden na tekenen",
     "penMode": "Pen modus - Blokkeer aanraken",
-    "link": "",
+    "link": "Link toevoegen / bijwerken voor een geselecteerde vorm",
     "eraser": "Gum",
     "hand": ""
   },
@@ -229,7 +245,7 @@
     "shapes": "Vormen"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Om de canvas te verplaatsen, houd muiswiel of spatiebalk ingedrukt tijdens slepen, of gebruik het handgereedschap",
     "linearElement": "Klik om meerdere punten te starten, sleep voor één lijn",
     "freeDraw": "Klik en sleep, laat los als je klaar bent",
     "text": "Tip: je kunt tekst toevoegen door ergens dubbel te klikken met de selectietool",
@@ -245,7 +261,7 @@
     "lineEditor_nothingSelected": "",
     "placeImage": "",
     "publishLibrary": "Publiceer je eigen bibliotheek",
-    "bindTextToElement": "",
+    "bindTextToElement": "Druk op enter om tekst toe te voegen",
     "deepBoxSelect": "",
     "eraserRevert": "",
     "firefox_clipboard_write": ""
@@ -295,7 +311,7 @@
   "helpDialog": {
     "blog": "Lees onze blog",
     "click": "klik",
-    "deepSelect": "",
+    "deepSelect": "Deep selecteer",
     "deepBoxSelect": "",
     "curvedArrow": "Gebogen pijl",
     "curvedLine": "Kromme lijn",
@@ -303,7 +319,8 @@
     "doubleClick": "dubbelklikken",
     "drag": "slepen",
     "editor": "Editor",
-    "editSelectedShape": "Bewerk geselecteerde vorm (tekst/pijl/lijn)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Probleem gevonden? Verzenden",
     "howto": "Volg onze handleidingen",
     "or": "of",
@@ -364,13 +381,13 @@
     "republishWarning": ""
   },
   "publishSuccessDialog": {
-    "title": "",
+    "title": "Bibliotheek ingediend",
     "content": "",
     "link": "Hier"
   },
   "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Reset bibliotheek",
+    "removeItemsFromLib": "Verwijder geselecteerde items uit bibliotheek"
   },
   "encrypted": {
     "tooltip": "Je tekeningen zijn beveiligd met end-to-end encryptie, dus Excalidraw's servers zullen nooit zien wat je tekent.",
@@ -392,7 +409,7 @@
     "width": "Breedte"
   },
   "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "Toegevoegd aan bibliotheek",
     "copyStyles": "Stijlen gekopieerd.",
     "copyToClipboard": "Gekopieerd naar het klembord.",
     "copyToClipboardAsPng": "{{exportSelection}} naar klembord gekopieerd als PNG\n({{exportColorScheme}})",
@@ -456,10 +473,10 @@
       "menuHint": ""
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Exporteren, voorkeuren en meer...",
+      "center_heading": "Diagrammen. Eenvoudig. Gemaakt.",
+      "toolbarHint": "Kies een tool & begin met tekenen!",
+      "helpHint": "Snelkoppelingen en hulp"
     }
   }
 }
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index 0311cc2fe..1733b84c4 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Gjer skriftstorleik større",
     "unbindText": "Avbind tekst",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "Rediger lenke",
       "create": "Lag lenke",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Kunne ikkje kople til samarbeidsserveren. Ver vennleg å oppdatere inn sida og prøv på nytt.",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Vel",
@@ -303,7 +319,8 @@
     "doubleClick": "dobbelklikk",
     "drag": "drag",
     "editor": "Redigering",
-    "editSelectedShape": "Rediger valt form (tekst/pil/linje)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Funne eit problem? Send inn",
     "howto": "Følg vegleiinga vår",
     "or": "eller",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index 51a5b9018..a9ca70a84 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Aumentar talha polissa",
     "unbindText": "Dessociar lo tèxte",
     "bindText": "Ligar lo tèxt al contenidor",
+    "createContainerFromText": "",
     "link": {
       "edit": "Modificar lo ligam",
       "create": "Crear un ligam",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Connexion impossibla al servidor collab. Mercés de recargar la pagina e tornar ensajar.",
     "importLibraryError": "Impossible de cargar la bibliotèca",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Seleccion",
@@ -303,7 +319,8 @@
     "doubleClick": "doble clic",
     "drag": "lisar",
     "editor": "Editor",
-    "editSelectedShape": "Modificar la fòrma seleccionada (tèxt/sageta/linha)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Problèma trobat ? Senhalatz-lo",
     "howto": "Seguissètz nòstras guidas",
     "or": "o",
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 3bf61d83a..31c11ceb8 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "ਫੌਂਟ ਦਾ ਅਕਾਰ ਵਧਾਓ",
     "unbindText": "",
     "bindText": "ਪਾਠ ਨੂੰ ਕੰਟੇਨਰ ਨਾਲ ਬੰਨ੍ਹੋ",
+    "createContainerFromText": "",
     "link": {
       "edit": "ਕੜੀ ਸੋਧੋ",
       "create": "ਕੜੀ ਬਣਾਓ",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "ਚੋਣਕਾਰ",
@@ -303,7 +319,8 @@
     "doubleClick": "ਡਬਲ-ਕਲਿੱਕ",
     "drag": "ਘਸੀਟੋ",
     "editor": "ਸੋਧਕ",
-    "editSelectedShape": "ਚੁਣਿਆ ਰੂਪ ਸੋਧੋ (ਪਾਠ/ਤੀਰ/ਲਾਈਨ)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "ਕੋਈ ਸਮੱਸਿਆ ਲੱਭੀ? ਜਮ੍ਹਾਂ ਕਰਵਾਓ",
     "howto": "ਸਾਡੀਆਂ ਗਾਈਡਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ",
     "or": "ਜਾਂ",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 29a0c1f2b..b28b6c259 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,52 +1,53 @@
 {
-  "ar-SA": 92,
-  "bg-BG": 54,
-  "bn-BD": 59,
-  "ca-ES": 100,
-  "cs-CZ": 74,
-  "da-DK": 32,
+  "ar-SA": 89,
+  "bg-BG": 52,
+  "bn-BD": 57,
+  "ca-ES": 96,
+  "cs-CZ": 72,
+  "da-DK": 31,
   "de-DE": 100,
-  "el-GR": 99,
+  "el-GR": 98,
   "en": 100,
-  "es-ES": 100,
-  "eu-ES": 100,
-  "fa-IR": 95,
-  "fi-FI": 100,
-  "fr-FR": 100,
+  "es-ES": 99,
+  "eu-ES": 99,
+  "fa-IR": 91,
+  "fi-FI": 96,
+  "fr-FR": 99,
   "gl-ES": 99,
-  "he-IL": 89,
-  "hi-IN": 71,
-  "hu-HU": 88,
-  "id-ID": 99,
-  "it-IT": 100,
-  "ja-JP": 100,
+  "he-IL": 99,
+  "hi-IN": 73,
+  "hu-HU": 85,
+  "id-ID": 98,
+  "it-IT": 99,
+  "ja-JP": 97,
   "kab-KAB": 93,
-  "kk-KZ": 20,
-  "ko-KR": 98,
-  "ku-TR": 95,
-  "lt-LT": 63,
-  "lv-LV": 97,
+  "kk-KZ": 19,
+  "ko-KR": 99,
+  "ku-TR": 91,
+  "lt-LT": 61,
+  "lv-LV": 93,
   "mr-IN": 100,
-  "my-MM": 41,
+  "my-MM": 40,
   "nb-NO": 100,
-  "nl-NL": 90,
-  "nn-NO": 89,
-  "oc-FR": 98,
-  "pa-IN": 82,
-  "pl-PL": 84,
-  "pt-BR": 100,
-  "pt-PT": 100,
+  "nl-NL": 92,
+  "nn-NO": 86,
+  "oc-FR": 94,
+  "pa-IN": 79,
+  "pl-PL": 87,
+  "pt-BR": 96,
+  "pt-PT": 99,
   "ro-RO": 100,
-  "ru-RU": 100,
+  "ru-RU": 96,
   "si-LK": 8,
-  "sk-SK": 100,
+  "sk-SK": 99,
   "sl-SI": 100,
-  "sv-SE": 100,
-  "ta-IN": 94,
-  "tr-TR": 97,
-  "uk-UA": 96,
-  "vi-VN": 20,
-  "zh-CN": 100,
+  "sv-SE": 99,
+  "ta-IN": 90,
+  "th-TH": 39,
+  "tr-TR": 98,
+  "uk-UA": 93,
+  "vi-VN": 52,
+  "zh-CN": 99,
   "zh-HK": 25,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index 89a52b493..1abaa038f 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Wklej",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Wklej jako zwykły tekst",
     "pasteCharts": "Wklej wykresy",
     "selectAll": "Zaznacz wszystko",
     "multiSelect": "Dodaj element do zaznaczenia",
@@ -72,7 +72,7 @@
     "layers": "Warstwy",
     "actions": "Akcje",
     "language": "Język",
-    "liveCollaboration": "",
+    "liveCollaboration": "Współpraca w czasie rzeczywistym...",
     "duplicateSelection": "Powiel",
     "untitled": "Bez tytułu",
     "name": "Nazwa",
@@ -96,8 +96,8 @@
     "centerHorizontally": "Wyśrodkuj w poziomie",
     "distributeHorizontally": "Rozłóż poziomo",
     "distributeVertically": "Rozłóż pionowo",
-    "flipHorizontal": "Odbij w poziomie",
-    "flipVertical": "Odbij w pionie",
+    "flipHorizontal": "Odwróć w poziomie",
+    "flipVertical": "Odwróć w pionie",
     "viewMode": "Tryb widoku",
     "toggleExportColorScheme": "Przełącz schemat kolorów przy eksporcie",
     "share": "Udostępnij",
@@ -106,46 +106,47 @@
     "toggleTheme": "Przełącz motyw",
     "personalLib": "Biblioteka prywatna",
     "excalidrawLib": "Biblioteka Excalidraw",
-    "decreaseFontSize": "",
-    "increaseFontSize": "",
+    "decreaseFontSize": "Zmniejsz rozmiar czcionki",
+    "increaseFontSize": "Zwiększ rozmiar czcionki",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
-      "edit": "",
-      "create": "",
-      "label": ""
+      "edit": "Edytuj łącze",
+      "create": "Utwórz łącze",
+      "label": "Łącze"
     },
     "lineEditor": {
       "edit": "",
       "exit": ""
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "Zablokuj",
+      "unlock": "Odblokuj",
+      "lockAll": "Zablokuj wszystko",
+      "unlockAll": "Odblokuj wszystko"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "Opublikowano",
+    "sidebarLock": "Panel boczny zawsze otwarty"
   },
   "library": {
-    "noItems": "",
+    "noItems": "Nie dodano jeszcze żadnych elementów...",
     "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "hint_emptyPrivateLibrary": "Wybierz element, aby dodać go tutaj."
   },
   "buttons": {
     "clearReset": "Wyczyść dokument i zresetuj kolor dokumentu",
     "exportJSON": "Eksportuj do pliku",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "Eksportuj obraz...",
+    "export": "Zapisz jako...",
     "exportToPng": "Zapisz jako PNG",
     "exportToSvg": "Zapisz jako SVG",
     "copyToClipboard": "Skopiuj do schowka",
     "copyPngToClipboard": "Skopiuj do schowka jako plik PNG",
     "scale": "Skala",
-    "save": "",
+    "save": "Zapisz do bieżącego pliku",
     "saveAs": "Zapisz jako",
-    "load": "",
+    "load": "Otwórz",
     "getShareableLink": "Udostępnij",
     "close": "Zamknij",
     "selectLanguage": "Wybierz język",
@@ -179,11 +180,11 @@
     "couldNotLoadInvalidFile": "Nie udało się otworzyć pliku. Wybrany plik jest nieprawidłowy.",
     "importBackendFailed": "Wystąpił błąd podczas importowania pliku.",
     "cannotExportEmptyCanvas": "Najpierw musisz coś narysować, aby zapisać dokument.",
-    "couldNotCopyToClipboard": "",
+    "couldNotCopyToClipboard": "Nie udało się skopiować do schowka.",
     "decryptFailed": "Nie udało się odszyfrować danych.",
     "uploadedSecurly": "By zapewnić Ci prywatność, udostępnianie projektu jest zabezpieczone szyfrowaniem end-to-end, co oznacza, że poza tobą i osobą z którą podzielisz się linkiem, nikt nie ma dostępu do tego co udostępniasz.",
     "loadSceneOverridePrompt": "Wczytanie zewnętrznego rysunku zastąpi istniejącą zawartość. Czy chcesz kontynuować?",
-    "collabStopOverridePrompt": "Zatrzymanie sesji nadpisze poprzedni, zapisany lokalnie rysunk. Jesteś pewien?\n\n(Jeśli chcesz zachować swój lokalny rysunek, po prostu zamknij zakładkę przeglądarki.)",
+    "collabStopOverridePrompt": "Zatrzymanie sesji nadpisze poprzedni, zapisany lokalnie rysunek. Czy jesteś pewien?\n\n(Jeśli chcesz zachować swój lokalny rysunek, po prostu zamknij zakładkę przeglądarki.)",
     "errorAddingToLibrary": "Nie udało się dodać elementu do biblioteki",
     "errorRemovingFromLibrary": "Nie udało się usunąć elementu z biblioteki",
     "confirmAddLibrary": "To doda {{numShapes}} kształtów do twojej biblioteki. Jesteś pewien?",
@@ -193,7 +194,7 @@
     "resetLibrary": "To wyczyści twoją bibliotekę. Jesteś pewien?",
     "removeItemsFromsLibrary": "Usunąć {{count}} element(ów) z biblioteki?",
     "invalidEncryptionKey": "Klucz szyfrowania musi składać się z 22 znaków. Współpraca na żywo jest wyłączona.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "Brak połączenia z Internetem.\nTwoje zmiany nie zostaną zapisane!"
   },
   "errors": {
     "unsupportedFileType": "Nieobsługiwany typ pliku.",
@@ -201,10 +202,25 @@
     "fileTooBig": "Plik jest zbyt duży. Maksymalny dozwolony rozmiar to {{maxSize}}.",
     "svgImageInsertError": "Nie udało się wstawić obrazu SVG. Znacznik SVG wygląda na nieprawidłowy.",
     "invalidSVGString": "Nieprawidłowy SVG.",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": "",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "cannotResolveCollabServer": "Nie można połączyć się z serwerem współpracy w czasie rzeczywistym. Proszę odświeżyć stronę i spróbować ponownie.",
+    "importLibraryError": "Wystąpił błąd w trakcie ładowania biblioteki",
+    "collabSaveFailed": "Nie udało się zapisać w bazie danych. Jeśli problemy nie ustąpią, zapisz plik lokalnie, aby nie utracić swojej pracy.",
+    "collabSaveFailed_sizeExceeded": "Nie udało się zapisać w bazie danych — dokument jest za duży. Zapisz plik lokalnie, aby nie utracić swojej pracy.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "problem",
+      "write": "na naszym GitHubie lub napisz do nas na",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Zaznaczenie",
@@ -303,7 +319,8 @@
     "doubleClick": "podwójne kliknięcie",
     "drag": "przeciągnij",
     "editor": "Edytor",
-    "editSelectedShape": "Edytuj wybrany kształt (tekst/strzałka/linia)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Znalazłeś problem? Prześlij",
     "howto": "Skorzystaj z instrukcji",
     "or": "lub",
@@ -317,7 +334,7 @@
     "zoomToFit": "Powiększ, aby wyświetlić wszystkie elementy",
     "zoomToSelection": "Przybliż do zaznaczenia",
     "toggleElementLock": "",
-    "movePageUpDown": "",
+    "movePageUpDown": "Przesuń stronę w górę/w dół",
     "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index cb7f045de..d790c5db5 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Aumentar o tamanho da fonte",
     "unbindText": "Desvincular texto",
     "bindText": "Vincular texto ao contêiner",
+    "createContainerFromText": "",
     "link": {
       "edit": "Editar link",
       "create": "Criar link",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Não foi possível conectar-se ao servidor colaborativo. Por favor, recarregue a página e tente novamente.",
     "importLibraryError": "Não foi possível carregar a biblioteca",
     "collabSaveFailed": "Não foi possível salvar no banco de dados do servidor. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
-    "collabSaveFailed_sizeExceeded": "Não foi possível salvar no banco de dados do servidor, a tela parece ser muito grande. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho."
+    "collabSaveFailed_sizeExceeded": "Não foi possível salvar no banco de dados do servidor, a tela parece ser muito grande. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Seleção",
@@ -303,7 +319,8 @@
     "doubleClick": "clique duplo",
     "drag": "arrastar",
     "editor": "Editor",
-    "editSelectedShape": "Editar forma selecionada (texto/seta/linha)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Encontrou algum problema? Nos informe",
     "howto": "Siga nossos guias",
     "or": "ou",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index f713b22d3..7ce28f00f 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Aumentar o tamanho do tipo de letra",
     "unbindText": "Desvincular texto",
     "bindText": "Ligar texto ao recipiente",
+    "createContainerFromText": "Envolver texto num recipiente",
     "link": {
       "edit": "Editar ligação",
       "create": "Criar ligação",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Não foi possível fazer a ligação ao servidor colaborativo. Por favor, volte a carregar a página e tente novamente.",
     "importLibraryError": "Não foi possível carregar a biblioteca",
     "collabSaveFailed": "Não foi possível guardar na base de dados de backend. Se os problemas persistirem, guarde o ficheiro localmente para garantir que não perde o seu trabalho.",
-    "collabSaveFailed_sizeExceeded": "Não foi possível guardar na base de dados de backend, o ecrã parece estar muito grande. Deve guardar o ficheiro localmente para garantir que não perde o seu trabalho."
+    "collabSaveFailed_sizeExceeded": "Não foi possível guardar na base de dados de backend, o ecrã parece estar muito grande. Deve guardar o ficheiro localmente para garantir que não perde o seu trabalho.",
+    "brave_measure_text_error": {
+      "start": "Parece que está a usar o navegador Brave com o",
+      "aggressive_block_fingerprint": "Bloqueio Agressivo via Impressão Digital",
+      "setting_enabled": "activo",
+      "break": "Isso pode desconfigurar os",
+      "text_elements": "Elementos de Texto",
+      "in_your_drawings": "nos seus desenhos",
+      "strongly_recommend": "Recomendamos fortemente a desactivação desta configuração. Pode seguir",
+      "steps": "os seguintes passos",
+      "how": "para saber como o fazer",
+      "disable_setting": " Se desactivar esta configuração não consertar a exibição de elementos de texto, por favor, abra um",
+      "issue": "problema",
+      "write": "no nosso GitHub ou então escreva-nos no",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Seleção",
@@ -303,7 +319,8 @@
     "doubleClick": "clique duplo",
     "drag": "arrastar",
     "editor": "Editor",
-    "editSelectedShape": "Editar forma selecionada (texto/seta/linha)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Encontrou algum problema? Informe-nos",
     "howto": "Siga os nossos guias",
     "or": "ou",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 8eda2385b..a0e3b5883 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Mărește dimensiunea fontului",
     "unbindText": "Deconectare text",
     "bindText": "Legare text de container",
+    "createContainerFromText": "Încadrare text într-un container",
     "link": {
       "edit": "Editare URL",
       "create": "Creare URL",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Nu a putut fi realizată conexiunea la serverul de colaborare. Reîncarcă pagina și încearcă din nou.",
     "importLibraryError": "Biblioteca nu a putut fi încărcată",
     "collabSaveFailed": "Nu s-a putut salva în baza de date la nivel de server. Dacă problemele persistă, ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.",
-    "collabSaveFailed_sizeExceeded": "Nu s-a putut salva în baza de date la nivel de server, întrucât se pare că pânza este prea mare. Ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca."
+    "collabSaveFailed_sizeExceeded": "Nu s-a putut salva în baza de date la nivel de server, întrucât se pare că pânza este prea mare. Ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.",
+    "brave_measure_text_error": {
+      "start": "Se pare că folosești navigatorul Brave cu",
+      "aggressive_block_fingerprint": "setarea „Blocați amprentarea” în modul strict",
+      "setting_enabled": "activată",
+      "break": "Acest lucru ar putea duce la întreruperea",
+      "text_elements": "elementelor de text",
+      "in_your_drawings": "din desenele tale",
+      "strongly_recommend": "Recomandăm insistent dezactivarea acestei setări. Poți urma",
+      "steps": "acești pași",
+      "how": "pentru efectuarea procedurii",
+      "disable_setting": " Dacă dezactivarea acestei setări nu remediază afișarea elementelor de text, deschide",
+      "issue": "un tichet cu probleme",
+      "write": "pe pagina noastră de GitHub sau scrie-ne pe",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Selecție",
@@ -303,7 +319,8 @@
     "doubleClick": "dublu clic",
     "drag": "glisare",
     "editor": "Editor",
-    "editSelectedShape": "Editează forma selectată (text/săgeată/linie)",
+    "editLineArrowPoints": "Editare puncte de săgeată/rând",
+    "editText": "Editare text/adăugare etichetă",
     "github": "Ai întâmpinat o problemă? Trimite un raport",
     "howto": "Urmărește ghidurile noastre",
     "or": "sau",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index cd0609505..d4030897c 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Увеличить шрифт",
     "unbindText": "Отвязать текст",
     "bindText": "Привязать текст к контейнеру",
+    "createContainerFromText": "",
     "link": {
       "edit": "Редактировать ссылку",
       "create": "Создать ссылку",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Не удалось подключиться к серверу совместного редактирования. Перезагрузите страницу и повторите попытку.",
     "importLibraryError": "Не удалось загрузить библиотеку",
     "collabSaveFailed": "Не удалось сохранить в базу данных. Если проблема повторится, нужно будет сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
-    "collabSaveFailed_sizeExceeded": "Не удалось сохранить в базу данных. Похоже, что холст слишком большой. Нужно сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу."
+    "collabSaveFailed_sizeExceeded": "Не удалось сохранить в базу данных. Похоже, что холст слишком большой. Нужно сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Выделение области",
@@ -303,7 +319,8 @@
     "doubleClick": "двойной клик",
     "drag": "перетащить",
     "editor": "Редактор",
-    "editSelectedShape": "Редактировать выбранную фигуру (текст/стрелка/линия)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Нашли проблему? Отправьте",
     "howto": "Следуйте нашим инструкциям",
     "or": "или",
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index ee6ad46f7..b84ad567f 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "",
     "editor": "",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 2b78b4539..d6322ac1c 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Zväčšiť veľkosť písma",
     "unbindText": "Zrušiť previazanie textu",
     "bindText": "Previazať text s kontajnerom",
+    "createContainerFromText": "Zabaliť text do kontajneru",
     "link": {
       "edit": "Upraviť odkaz",
       "create": "Vytvoriť odkaz",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Nepodarilo sa pripojiť ku kolaboračnému serveru. Prosím obnovte stránku a skúste to znovu.",
     "importLibraryError": "Nepodarilo sa načítať knižnicu",
     "collabSaveFailed": "Uloženie do databázy sa nepodarilo. Ak tento problém pretrváva uložte si váš súbor lokálne aby ste nestratili vašu prácu.",
-    "collabSaveFailed_sizeExceeded": "Uloženie do databázy sa nepodarilo, pretože veľkosť plátna je príliš veľká. Uložte si váš súbor lokálne aby ste nestratili vašu prácu."
+    "collabSaveFailed_sizeExceeded": "Uloženie do databázy sa nepodarilo, pretože veľkosť plátna je príliš veľká. Uložte si váš súbor lokálne aby ste nestratili vašu prácu.",
+    "brave_measure_text_error": {
+      "start": "Vyzerá to, že používate prehliadač Brave s",
+      "aggressive_block_fingerprint": "agresívnym blokovaním sledovania",
+      "setting_enabled": "zapnutým",
+      "break": "Toto môže znemožniť používanie",
+      "text_elements": "textových prvkov",
+      "in_your_drawings": "vo vašich kresbách",
+      "strongly_recommend": "Odporúčame vypnutie tohto nastavenia. Postupuje podľa",
+      "steps": "týchto krokov",
+      "how": "pre jeho vypnutie",
+      "disable_setting": " Ak sa vypnutím tohto nastavenia problém zobrazenia textových prvkov neodstráni, prosím vytvorte",
+      "issue": "issue",
+      "write": "na našom Github-e alebo nám to oznámte na",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Výber",
@@ -303,7 +319,8 @@
     "doubleClick": "dvojklik",
     "drag": "potiahnutie",
     "editor": "Editovanie",
-    "editSelectedShape": "Editovať zvolený tvar (text/šípka/čiara)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Objavili ste problém? Nahláste ho",
     "howto": "Postupujte podľa naších návodov",
     "or": "alebo",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 01c8ba4ca..57199c813 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Povečaj velikost pisave",
     "unbindText": "Veži besedilo",
     "bindText": "Veži besedilo na element",
+    "createContainerFromText": "Zavij besedilo v vsebnik",
     "link": {
       "edit": "Uredi povezavo",
       "create": "Ustvari povezavo",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Povezave s strežnikom za sodelovanje ni bilo mogoče vzpostaviti. Ponovno naložite stran in poskusite znova.",
     "importLibraryError": "Nalaganje knjižnice ni uspelo",
     "collabSaveFailed": "Ni bilo mogoče shraniti v zaledno bazo podatkov. Če se težave nadaljujejo, shranite datoteko lokalno, da ne boste izgubili svojega dela.",
-    "collabSaveFailed_sizeExceeded": "Ni bilo mogoče shraniti v zaledno bazo podatkov, zdi se, da je platno preveliko. Datoteko shranite lokalno, da ne izgubite svojega dela."
+    "collabSaveFailed_sizeExceeded": "Ni bilo mogoče shraniti v zaledno bazo podatkov, zdi se, da je platno preveliko. Datoteko shranite lokalno, da ne izgubite svojega dela.",
+    "brave_measure_text_error": {
+      "start": "Videti je, da uporabljate brskalnik Brave z omogočeno nastavitvijo",
+      "aggressive_block_fingerprint": "Agresivno blokiranje prstnih odtisov",
+      "setting_enabled": " ",
+      "break": "To bi lahko povzročilo motnje v obnašanju",
+      "text_elements": "besedilnih elementov",
+      "in_your_drawings": "v vaših risbah",
+      "strongly_recommend": "Močno priporočamo, da onemogočite to nastavitev. Sledite",
+      "steps": "tem korakom,",
+      "how": "kako to storiti",
+      "disable_setting": " Če onemogočanje te nastavitve ne popravi prikaza besedilnih elementov, odprite",
+      "issue": "vprašanje",
+      "write": "na našem GitHubu ali nam pišite na",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Izbor",
@@ -303,7 +319,8 @@
     "doubleClick": "dvojni klik",
     "drag": "vleci",
     "editor": "Urejevalnik",
-    "editSelectedShape": "Uredi izbrano obliko (besedilo/puščica/črta)",
+    "editLineArrowPoints": "Uredi črto/točke puščice",
+    "editText": "Uredi besedilo / dodaj oznako",
     "github": "Ste našli težavo? Pošljite",
     "howto": "Sledite našim vodičem",
     "or": "ali",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index 3cf3b0cbd..d0392b119 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Öka fontstorleken",
     "unbindText": "Koppla bort text",
     "bindText": "Bind texten till behållaren",
+    "createContainerFromText": "Radbryt text i en avgränsad yta",
     "link": {
       "edit": "Redigera länk",
       "create": "Skapa länk",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Det gick inte att ansluta till samarbets-servern. Ladda om sidan och försök igen.",
     "importLibraryError": "Kunde inte ladda bibliotek",
     "collabSaveFailed": "Det gick inte att spara i backend-databasen. Om problemen kvarstår bör du spara filen lokalt för att se till att du inte förlorar ditt arbete.",
-    "collabSaveFailed_sizeExceeded": "Det gick inte att spara till backend-databasen, whiteboarden verkar vara för stor. Du bör spara filen lokalt för att du inte ska förlora ditt arbete."
+    "collabSaveFailed_sizeExceeded": "Det gick inte att spara till backend-databasen, whiteboarden verkar vara för stor. Du bör spara filen lokalt för att du inte ska förlora ditt arbete.",
+    "brave_measure_text_error": {
+      "start": "Det ser ut som att du använder webbläsaren Brave med",
+      "aggressive_block_fingerprint": "Blockera \"Fingerprinting\" aggressivt",
+      "setting_enabled": "inställningen aktiverad",
+      "break": "Detta kan resultera i att ha sönder",
+      "text_elements": "Textelement",
+      "in_your_drawings": "i dina skisser",
+      "strongly_recommend": "Vi rekommenderar starkt att inaktivera denna inställning. Du kan följa",
+      "steps": "dessa steg",
+      "how": "om hur man gör det",
+      "disable_setting": " Om inaktivering av den här inställningen inte åtgärdar visningen av textelement, vänligen skapa ett",
+      "issue": "ärende",
+      "write": "på vår GitHub, eller skriv till oss på",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "Markering",
@@ -303,7 +319,8 @@
     "doubleClick": "dubbelklicka",
     "drag": "dra",
     "editor": "Redigerare",
-    "editSelectedShape": "Redigera markerad form (text/pil/linje)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Hittat ett problem? Rapportera",
     "howto": "Följ våra guider",
     "or": "eller",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 493dfa560..6dc865766 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "எழுத்துரு அளவை அதிகரி",
     "unbindText": "உரையைப் பிணைவவிழ்",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "தொடுப்பைத் திருத்து",
       "create": "தொடுப்பைப் படை",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "நூலகத்தை ஏற்ற முடியவில்லை",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "தெரிவு",
@@ -303,7 +319,8 @@
     "doubleClick": "இரு-சொடுக்கு",
     "drag": "பிடித்திழு",
     "editor": "திருத்தி",
-    "editSelectedShape": "தேர்ந்த வடிவத்தைத் திருத்து (உரை/அம்பு/வரி)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "சிக்கலைக் கண்டீரா? சமர்ப்பி",
     "howto": "எங்கள் கையேடுகளைப் பின்பற்றுக",
     "or": "அ",
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
new file mode 100644
index 000000000..2dcb9cb43
--- /dev/null
+++ b/src/locales/th-TH.json
@@ -0,0 +1,482 @@
+{
+  "labels": {
+    "paste": "วาง",
+    "pasteAsPlaintext": "วางโดยไม่มีการจัดรูปแบบ",
+    "pasteCharts": "วางแผนภูมิ",
+    "selectAll": "เลือกทั้งหมด",
+    "multiSelect": "",
+    "moveCanvas": "",
+    "cut": "ตัด",
+    "copy": "คัดลอก",
+    "copyAsPng": "คัดลองไปยังคลิปบอร์ดเป็น PNG",
+    "copyAsSvg": "คัดลองไปยังคลิปบอร์ดเป็น SVG",
+    "copyText": "คัดลองไปยังคลิปบอร์ดเป็นข้อความ",
+    "bringForward": "นำขึ้นข้างบน",
+    "sendToBack": "ย้ายไปข้างล่าง",
+    "bringToFront": "นำขึ้นข้างหน้า",
+    "sendBackward": "ย้ายไปข้างหลัง",
+    "delete": "ลบ",
+    "copyStyles": "คัดลอกรูปแบบ",
+    "pasteStyles": "วางรูปแบบ",
+    "stroke": "เส้นขอบ",
+    "background": "พื้นหลัง",
+    "fill": "เติมสี",
+    "strokeWidth": "น้ำหนักเส้นขอบ",
+    "strokeStyle": "",
+    "strokeStyle_solid": "",
+    "strokeStyle_dashed": "",
+    "strokeStyle_dotted": "",
+    "sloppiness": "ความเลอะเทอะ",
+    "opacity": "ความทึบแสง",
+    "textAlign": "จัดข้อความ",
+    "edges": "ขอบ",
+    "sharp": "",
+    "round": "",
+    "arrowheads": "",
+    "arrowhead_none": "",
+    "arrowhead_arrow": "",
+    "arrowhead_bar": "",
+    "arrowhead_dot": "",
+    "arrowhead_triangle": "",
+    "fontSize": "ขนาดตัวอักษร",
+    "fontFamily": "แบบตัวอักษร",
+    "onlySelected": "เฉพาะที่เลือก",
+    "withBackground": "พื้นหลัง",
+    "exportEmbedScene": "",
+    "exportEmbedScene_details": "",
+    "addWatermark": "เพิ่มลายน้ำ \"สร้างด้วย Excalidraw\"",
+    "handDrawn": "ลายมือ",
+    "normal": "ปกติ",
+    "code": "โค้ด",
+    "small": "เล็ก",
+    "medium": "กลาง",
+    "large": "ใหญ่",
+    "veryLarge": "ใหญ่มาก",
+    "solid": "",
+    "hachure": "",
+    "crossHatch": "",
+    "thin": "บาง",
+    "bold": "หนา",
+    "left": "ซ้าย",
+    "center": "กลาง",
+    "right": "ขวา",
+    "extraBold": "หนาพิเศษ",
+    "architect": "",
+    "artist": "",
+    "cartoonist": "",
+    "fileTitle": "ชื่อไฟล์",
+    "colorPicker": "เลือกสีที่กำหนดเอง",
+    "canvasColors": "",
+    "canvasBackground": "",
+    "drawingCanvas": "",
+    "layers": "",
+    "actions": "การกระทำ",
+    "language": "ภาษา",
+    "liveCollaboration": "",
+    "duplicateSelection": "ทำสำเนา",
+    "untitled": "ไม่มีชื่อ",
+    "name": "ชื่อ",
+    "yourName": "ชื่อของคุณ",
+    "madeWithExcalidraw": "",
+    "group": "จัดกลุ่ม",
+    "ungroup": "ยกเลิกการจัดกลุ่ม",
+    "collaborators": "",
+    "showGrid": "แสดงเส้นตาราง",
+    "addToLibrary": "เพิ่มไปในคลัง",
+    "removeFromLibrary": "นำออกจากคลัง",
+    "libraryLoadingMessage": "กำลังโหลดคลัง...",
+    "libraries": "",
+    "loadingScene": "กำลังโหลดฉาก",
+    "align": "จัดตำแหน่ง",
+    "alignTop": "จัดชิดด้านบน",
+    "alignBottom": "จัดชิดด้านล่าง",
+    "alignLeft": "จัดชิดซ้าย",
+    "alignRight": "จัดชิดขวา",
+    "centerVertically": "กึ่งกลางแนวตั้ง",
+    "centerHorizontally": "กึ่งกลางแนวนอน",
+    "distributeHorizontally": "กระจายแนวนอน",
+    "distributeVertically": "กระจายแนวตั้ง",
+    "flipHorizontal": "พลิกแนวนอน",
+    "flipVertical": "พลิกแนวตั้ง",
+    "viewMode": "โหมดมุมมอง",
+    "toggleExportColorScheme": "",
+    "share": "แชร์",
+    "showStroke": "",
+    "showBackground": "",
+    "toggleTheme": "สลับธีม",
+    "personalLib": "คลังของฉัน",
+    "excalidrawLib": "คลังของ Excalidraw",
+    "decreaseFontSize": "ลดขนาดตัวอักษร",
+    "increaseFontSize": "เพิ่มขนาดตัวอักษร",
+    "unbindText": "",
+    "bindText": "",
+    "createContainerFromText": "",
+    "link": {
+      "edit": "แก้ไขลิงก์",
+      "create": "สร้างลิงค์",
+      "label": "ลิงค์"
+    },
+    "lineEditor": {
+      "edit": "แก้ไขเส้น",
+      "exit": ""
+    },
+    "elementLock": {
+      "lock": "ล็อก",
+      "unlock": "ปลดล็อก",
+      "lockAll": "ล็อกทั้งหมด",
+      "unlockAll": "ปลดล็อกทั้งหมด"
+    },
+    "statusPublished": "เผยแพร่",
+    "sidebarLock": ""
+  },
+  "library": {
+    "noItems": "",
+    "hint_emptyLibrary": "",
+    "hint_emptyPrivateLibrary": ""
+  },
+  "buttons": {
+    "clearReset": "",
+    "exportJSON": "ส่งออกไปยังไฟล์",
+    "exportImage": "ส่งออกเป็นรูปภาพ",
+    "export": "บันทึกไปยัง",
+    "exportToPng": "ส่งออกไปเป็น PNG",
+    "exportToSvg": "ส่งออกไปเป็น SVG",
+    "copyToClipboard": "คัดลอกไปยังคลิปบอร์ด",
+    "copyPngToClipboard": "คัดลอก PNG ไปยังคลิปบอร์ด",
+    "scale": "อัตราส่วน",
+    "save": "",
+    "saveAs": "",
+    "load": "เปิด",
+    "getShareableLink": "สร้างลิงค์ที่แชร์ได้",
+    "close": "ปิด",
+    "selectLanguage": "เลือกภาษา",
+    "scrollBackToContent": "เลื่อนกลับไปด้านบน",
+    "zoomIn": "ซูมเข้า",
+    "zoomOut": "ซูมออก",
+    "resetZoom": "รีเซ็ตการซูม",
+    "menu": "เมนู",
+    "done": "เสร็จสิ้น",
+    "edit": "แก้ไข",
+    "undo": "เลิกทำ",
+    "redo": "ทำซ้ำ",
+    "resetLibrary": "รีเซ็ตคลัง",
+    "createNewRoom": "สร้างห้องใหม่",
+    "fullScreen": "เต็มหน้าจอ",
+    "darkMode": "โหมดกลางคืน",
+    "lightMode": "โหมดกลางวัน",
+    "zenMode": "โหมด Zen",
+    "exitZenMode": "ออกจากโหมด Zen",
+    "cancel": "ยกเลิก",
+    "clear": "เคลียร์",
+    "remove": "ลบ",
+    "publishLibrary": "เผยแพร่",
+    "submit": "ตกลง",
+    "confirm": "ยืนยัน"
+  },
+  "alerts": {
+    "clearReset": "",
+    "couldNotCreateShareableLink": "",
+    "couldNotCreateShareableLinkTooBig": "",
+    "couldNotLoadInvalidFile": "ไม่สามารถโหลดไฟล์ที่ผิดพลาดได้",
+    "importBackendFailed": "",
+    "cannotExportEmptyCanvas": "",
+    "couldNotCopyToClipboard": "ไม่สามารถคัดลอกไปยังคลิปบอร์ดได้",
+    "decryptFailed": "ไม่สามารถถอดรหัสข้อมูลได้",
+    "uploadedSecurly": "การอัพโหลดได้ถูกเข้ารหัสแบบ end-to-end หมายความว่าเซิร์ฟเวอร์ของ Excalidraw และบุคคลอื่นไม่สามารถอ่านข้อมูลได้",
+    "loadSceneOverridePrompt": "",
+    "collabStopOverridePrompt": "",
+    "errorAddingToLibrary": "ไม่สามารถเพิ่มรายการเข้าไปในคลังได้",
+    "errorRemovingFromLibrary": "ไม่สามารถลบรายการนี้ออกจากคลังได้",
+    "confirmAddLibrary": "",
+    "imageDoesNotContainScene": "",
+    "cannotRestoreFromImage": "",
+    "invalidSceneUrl": "",
+    "resetLibrary": "",
+    "removeItemsFromsLibrary": "",
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
+  },
+  "errors": {
+    "unsupportedFileType": "ไม่รองรับชนิดของไฟล์นี้",
+    "imageInsertError": "ไม่สามารถเพิ่มรูปภาพได้ ลองอีกครั้งในภายหลัง",
+    "fileTooBig": "",
+    "svgImageInsertError": "",
+    "invalidSVGString": "ไฟล์ SVG ผิดพลาด",
+    "cannotResolveCollabServer": "ไม่สามารถเชื่อต่อกับ collab เซิร์ฟเวอร์ได้ โปรดลองโหลดหน้านี้ใหม่และลองอีกครั้ง",
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": "Discord"
+    }
+  },
+  "toolBar": {
+    "selection": "",
+    "image": "",
+    "rectangle": "สี่เหลี่ยมผืนผ้า",
+    "diamond": "",
+    "ellipse": "",
+    "arrow": "",
+    "line": "",
+    "freedraw": "",
+    "text": "ข้อความ",
+    "library": "คลัง",
+    "lock": "",
+    "penMode": "",
+    "link": "",
+    "eraser": "ยางลบ",
+    "hand": ""
+  },
+  "headings": {
+    "canvasActions": "",
+    "selectedShapeActions": "",
+    "shapes": "รูปร่าง"
+  },
+  "hints": {
+    "canvasPanning": "",
+    "linearElement": "",
+    "freeDraw": "",
+    "text": "",
+    "text_selected": "คลิกสองครั้งหรือกด ENTER เพื่อแก้ไขข้อความ",
+    "text_editing": "กดปุ่ม Esc หรือกด Ctrl, Cmd + Enter เพื่อเสร็จการแก้ไข",
+    "linearElementMulti": "คลิกที่จุดสุดท้ายหรือกด Escape หรือ Enter เพื่อเสร็จสิ้น",
+    "lockAngle": "",
+    "resize": "",
+    "resizeImage": "",
+    "rotate": "",
+    "lineEditor_info": "",
+    "lineEditor_pointSelected": "กดปุ่ม Delete เพื่อลบจุด\nกด Ctrl หรือ Cmd + D เพื่อทำซ้ำหรือลากเพื่อเคลื่อนย้าย",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "",
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": "",
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
+  },
+  "canvasError": {
+    "cannotShowPreview": "",
+    "canvasTooBig": "",
+    "canvasTooBigTip": ""
+  },
+  "errorSplash": {
+    "headingMain_pre": "",
+    "headingMain_button": "กำลังรีโหลดหน้า",
+    "clearCanvasMessage": "ถ้าโหลดไม่ได้ ให้ลอง ",
+    "clearCanvasMessage_button": "เคลียร์ผืนผ้าใบ",
+    "clearCanvasCaveat": "",
+    "trackedToSentry_pre": "",
+    "trackedToSentry_post": "",
+    "openIssueMessage_pre": "",
+    "openIssueMessage_button": "",
+    "openIssueMessage_post": "",
+    "sceneContent": ""
+  },
+  "roomDialog": {
+    "desc_intro": "",
+    "desc_privacy": "",
+    "button_startSession": "เริ่มเซสชัน",
+    "button_stopSession": "หยุดเซสชัน",
+    "desc_inProgressIntro": "",
+    "desc_shareLink": "",
+    "desc_exitSession": "",
+    "shareTitle": ""
+  },
+  "errorDialog": {
+    "title": ""
+  },
+  "exportDialog": {
+    "disk_title": "",
+    "disk_details": "",
+    "disk_button": "",
+    "link_title": "",
+    "link_details": "",
+    "link_button": "",
+    "excalidrawplus_description": "",
+    "excalidrawplus_button": "",
+    "excalidrawplus_exportError": "ไม่สามารถส่งออกไปที่ Excalidraw+ ได้ในขณะนี้"
+  },
+  "helpDialog": {
+    "blog": "อ่านบล็อกของพวกเรา",
+    "click": "คลิก",
+    "deepSelect": "",
+    "deepBoxSelect": "",
+    "curvedArrow": "",
+    "curvedLine": "",
+    "documentation": "",
+    "doubleClick": "ดับเบิลคลิก",
+    "drag": "ลาก",
+    "editor": "",
+    "editLineArrowPoints": "",
+    "editText": "",
+    "github": "",
+    "howto": "",
+    "or": "",
+    "preventBinding": "",
+    "tools": "",
+    "shortcuts": "",
+    "textFinish": "",
+    "textNewLine": "",
+    "title": "ช่วยเหลือ",
+    "view": "ดู",
+    "zoomToFit": "",
+    "zoomToSelection": "",
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": "ย้ายหน้าไปด้าน ซ้าย/ขวา"
+  },
+  "clearCanvasDialog": {
+    "title": ""
+  },
+  "publishDialog": {
+    "title": "",
+    "itemName": "",
+    "authorName": "ชื่อเจ้าของ",
+    "githubUsername": "ชื่อผู้ใช้ GitHub",
+    "twitterUsername": "ชื่อผู้ใช้ Twitter",
+    "libraryName": "",
+    "libraryDesc": "",
+    "website": "",
+    "placeholder": {
+      "authorName": "",
+      "libraryName": "",
+      "libraryDesc": "",
+      "githubHandle": "",
+      "twitterHandle": "",
+      "website": ""
+    },
+    "errors": {
+      "required": "",
+      "website": ""
+    },
+    "noteDescription": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteGuidelines": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteLicense": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteItems": "",
+    "atleastOneLibItem": "",
+    "republishWarning": ""
+  },
+  "publishSuccessDialog": {
+    "title": "",
+    "content": "",
+    "link": ""
+  },
+  "confirmDialog": {
+    "resetLibrary": "",
+    "removeItemsFromLib": ""
+  },
+  "encrypted": {
+    "tooltip": "",
+    "link": ""
+  },
+  "stats": {
+    "angle": "",
+    "element": "",
+    "elements": "",
+    "height": "",
+    "scene": "",
+    "selected": "",
+    "storage": "",
+    "title": "",
+    "total": "",
+    "version": "",
+    "versionCopy": "",
+    "versionNotAvailable": "",
+    "width": ""
+  },
+  "toast": {
+    "addedToLibrary": "",
+    "copyStyles": "",
+    "copyToClipboard": "",
+    "copyToClipboardAsPng": "",
+    "fileSaved": "",
+    "fileSavedToFilename": "",
+    "canvas": "",
+    "selection": "",
+    "pasteAsSingleElement": ""
+  },
+  "colors": {
+    "ffffff": "สีขาว",
+    "f8f9fa": "สีเทา 0",
+    "f1f3f5": "สีเทา 1",
+    "fff5f5": "สีแดง 0",
+    "fff0f6": "สีชมพู 0",
+    "f8f0fc": "",
+    "f3f0ff": "",
+    "edf2ff": "",
+    "e7f5ff": "",
+    "e3fafc": "",
+    "e6fcf5": "",
+    "ebfbee": "",
+    "f4fce3": "",
+    "fff9db": "",
+    "fff4e6": "",
+    "transparent": "",
+    "ced4da": "สีเทา 4",
+    "868e96": "สีเทา 6",
+    "fa5252": "สีแดง 6",
+    "e64980": "สีชมพู 6",
+    "be4bdb": "",
+    "7950f2": "",
+    "4c6ef5": "",
+    "228be6": "",
+    "15aabf": "",
+    "12b886": "",
+    "40c057": "",
+    "82c91e": "",
+    "fab005": "",
+    "fd7e14": "",
+    "000000": "",
+    "343a40": "",
+    "495057": "",
+    "c92a2a": "",
+    "a61e4d": "",
+    "862e9c": "",
+    "5f3dc4": "",
+    "364fc7": "",
+    "1864ab": "",
+    "0b7285": "",
+    "087f5b": "",
+    "2b8a3e": "",
+    "5c940d": "",
+    "e67700": "",
+    "d9480f": ""
+  },
+  "welcomeScreen": {
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
+  }
+}
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index a05de9a54..78dd9329a 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -66,7 +66,7 @@
     "cartoonist": "Karikatürist",
     "fileTitle": "Dosya adı",
     "colorPicker": "Renk seçici",
-    "canvasColors": "Tuvallerin üzerinde kullanıldı",
+    "canvasColors": "Tuvalin üzerinde kullanıldı",
     "canvasBackground": "Tuval arka planı",
     "drawingCanvas": "Çizim tuvali",
     "layers": "Katmanlar",
@@ -110,6 +110,7 @@
     "increaseFontSize": "Yazı Tipi Boyutunu Büyült",
     "unbindText": "Metni çöz",
     "bindText": "Metni taşıyıcıya bağla",
+    "createContainerFromText": "",
     "link": {
       "edit": "Bağlantıyı düzenle",
       "create": "Bağlantı oluştur",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "İş birliği sunucusuna bağlanılamıyor. Lütfen sayfayı yenileyip tekrar deneyin.",
     "importLibraryError": "Kütüphane yüklenemedi",
     "collabSaveFailed": "Backend veritabanına kaydedilemedi. Eğer problem devam ederse, çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.",
-    "collabSaveFailed_sizeExceeded": "Backend veritabanına kaydedilemedi; tuval çok büyük. Çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz."
+    "collabSaveFailed_sizeExceeded": "Backend veritabanına kaydedilemedi; tuval çok büyük. Çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.",
+    "brave_measure_text_error": {
+      "start": "Görünüşe göre Brave gezginini",
+      "aggressive_block_fingerprint": "Agresif parmakizi bloklama",
+      "setting_enabled": "ayarları etkin şeklide kullanıyor gibisiniz",
+      "break": "Bu bir takım sorunlara yol açabilir",
+      "text_elements": "Metin elementlerinde bozulma",
+      "in_your_drawings": "çizimlerde bozulma gibi",
+      "strongly_recommend": "Bu ayarı devre dışı bırakmanızı şiddetle öneririz. Şu adımları",
+      "steps": "takip ederek",
+      "how": "nasıl yapılacağını",
+      "disable_setting": " Yapabilirsiniz. Eğer devre dışı bırakmak işe yaramazsa, lütfen",
+      "issue": "konu hakkında",
+      "write": "github'da sorun belirtin, ya da bize",
+      "discord": "Discord üzerinden iletin"
+    }
   },
   "toolBar": {
     "selection": "Seçme",
@@ -303,7 +319,8 @@
     "doubleClick": "çift-tıklama",
     "drag": "sürükle",
     "editor": "Düzenleyici",
-    "editSelectedShape": "Seçili şekli düzenle (metin/ok/çizgi)",
+    "editLineArrowPoints": "Çizgi/ok noktalarını düzenle",
+    "editText": "Etiket / metin düzenle",
     "github": "Bir hata mı buldun? Bildir",
     "howto": "Rehberlerimizi takip edin",
     "or": "veya",
@@ -453,13 +470,13 @@
     "app": {
       "center_heading": "",
       "center_heading_plus": "",
-      "menuHint": ""
+      "menuHint": "Dışa aktar, seçenekler, diller, ..."
     },
     "defaults": {
-      "menuHint": "",
+      "menuHint": "Dışa aktar, seçenekler, ve daha fazlası...",
       "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "toolbarHint": "Bir araç seçin ve çizime başlayın!",
+      "helpHint": "Kısayollar & yardım"
     }
   }
 }
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index ac0bfcfee..ed1a01e68 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "Збільшити розмір шрифту",
     "unbindText": "Відв'язати текст",
     "bindText": "Прив’язати текст до контейнера",
+    "createContainerFromText": "",
     "link": {
       "edit": "Редагування посилання",
       "create": "Створити посилання",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "Не вдалося приєднатися до сервера. Перезавантажте сторінку та повторіть спробу.",
     "importLibraryError": "Не вдалося завантажити бібліотеку",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "Виділення",
@@ -303,7 +319,8 @@
     "doubleClick": "подвійний клік",
     "drag": "перетягнути",
     "editor": "Редактор",
-    "editSelectedShape": "Змінити вибрану фігуру (текст/стрілку/рядок)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "Знайшли помилку? Повідомте",
     "howto": "Дотримуйтесь наших інструкцій",
     "or": "або",
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 1921035bc..887c32e3e 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -5,7 +5,7 @@
     "pasteCharts": "Dán biểu đồ",
     "selectAll": "Chọn tất cả",
     "multiSelect": "Thêm mới vào Select",
-    "moveCanvas": "Di chuyển Canvas",
+    "moveCanvas": "Di chuyển canvas",
     "cut": "Cắt",
     "copy": "Sao chép",
     "copyAsPng": "Sao chép vào bộ nhớ tạm dưới dạng PNG",
@@ -60,11 +60,11 @@
     "left": "Trái",
     "center": "Giữa",
     "right": "Phải",
-    "extraBold": "",
+    "extraBold": "Nét siêu đậm",
     "architect": "Kiến trúc sư",
     "artist": "Nghệ sỹ",
     "cartoonist": "Hoạt hình",
-    "fileTitle": "",
+    "fileTitle": "Tên tập tin",
     "colorPicker": "Chọn màu",
     "canvasColors": "Đã dùng trên canvas",
     "canvasBackground": "Nền canvas",
@@ -72,28 +72,28 @@
     "layers": "Lớp",
     "actions": "Chức năng",
     "language": "Ngôn ngữ",
-    "liveCollaboration": "",
+    "liveCollaboration": "Hợp tác trực tiếp...",
     "duplicateSelection": "Tạo bản sao",
     "untitled": "Không có tiêu đề",
     "name": "Tên",
     "yourName": "Tên của bạn",
     "madeWithExcalidraw": "Làm với Excalidraw",
-    "group": "",
-    "ungroup": "",
+    "group": "Gộp nhóm lại lựa chọn",
+    "ungroup": "Tách nhóm lựa chọn",
     "collaborators": "Cộng tác viên",
-    "showGrid": "",
-    "addToLibrary": "",
-    "removeFromLibrary": "",
-    "libraryLoadingMessage": "",
-    "libraries": "",
+    "showGrid": "Hiển thị lưới",
+    "addToLibrary": "Thêm vào thư viện",
+    "removeFromLibrary": "Xóa khỏi thư viện",
+    "libraryLoadingMessage": "Đang tải thư viện…",
+    "libraries": "Xem thư viện",
     "loadingScene": "",
-    "align": "",
-    "alignTop": "",
-    "alignBottom": "",
-    "alignLeft": "",
-    "alignRight": "",
-    "centerVertically": "",
-    "centerHorizontally": "",
+    "align": "Căn chỉnh",
+    "alignTop": "Căn trên",
+    "alignBottom": "Căn dưới",
+    "alignLeft": "Canh trái",
+    "alignRight": "Canh phải",
+    "centerVertically": "Giữa theo chiều dọc",
+    "centerHorizontally": "Giữa theo chiều ngang",
     "distributeHorizontally": "Phân bố theo chiều ngang",
     "distributeVertically": "Phân bố theo chiều dọc",
     "flipHorizontal": "Lật ngang",
@@ -105,42 +105,43 @@
     "showBackground": "Hiện thị chọn màu nền",
     "toggleTheme": "",
     "personalLib": "",
-    "excalidrawLib": "",
-    "decreaseFontSize": "",
-    "increaseFontSize": "",
+    "excalidrawLib": "Thư viện Excalidraw",
+    "decreaseFontSize": "Giảm cỡ chữ",
+    "increaseFontSize": "Tăng cỡ chữ",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
-      "edit": "",
-      "create": "",
-      "label": ""
+      "edit": "Sửa liên kết",
+      "create": "Tạo liên kết",
+      "label": "Liên kết"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Điều chỉnh nét",
+      "exit": "Thoát chỉnh nét"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "Khoá",
+      "unlock": "Mở khoá",
+      "lockAll": "Khóa tất cả",
+      "unlockAll": "Mở khóa tất cả"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "Đã đăng tải",
+    "sidebarLock": "Giữ thanh bên luôn mở"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "Chưa có món nào...",
+    "hint_emptyLibrary": "Chọn một món trên canvas để thêm nó vào đây, hoặc cài đặt thư viện từ kho lưu trữ công cộng, ở bên dưới.",
+    "hint_emptyPrivateLibrary": "Chọn một món trên canvas để thêm nó vào đây."
   },
   "buttons": {
-    "clearReset": "",
-    "exportJSON": "",
-    "exportImage": "",
-    "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
-    "copyToClipboard": "",
+    "clearReset": "Reset canvas",
+    "exportJSON": "Xuất ra tập tin",
+    "exportImage": "Xuất file ảnh...",
+    "export": "Lưu vào...",
+    "exportToPng": "Xuất ra tập tin PNG",
+    "exportToSvg": "Xuất ra tập tin SVG",
+    "copyToClipboard": "Sao chép vào bộ nhớ tạm",
     "copyPngToClipboard": "",
     "scale": "",
     "save": "",
@@ -160,84 +161,99 @@
     "redo": "",
     "resetLibrary": "",
     "createNewRoom": "",
-    "fullScreen": "",
-    "darkMode": "",
-    "lightMode": "",
-    "zenMode": "",
-    "exitZenMode": "",
-    "cancel": "",
-    "clear": "",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "fullScreen": "Toàn màn hình",
+    "darkMode": "Chế độ tối",
+    "lightMode": "Chế độ sáng",
+    "zenMode": "Chế độ zen",
+    "exitZenMode": "Thoát chể độ zen",
+    "cancel": "Hủy",
+    "clear": "Làm sạch",
+    "remove": "Xóa",
+    "publishLibrary": "Đăng tải",
+    "submit": "Gửi",
+    "confirm": "Xác nhận"
   },
   "alerts": {
-    "clearReset": "",
-    "couldNotCreateShareableLink": "",
-    "couldNotCreateShareableLinkTooBig": "",
-    "couldNotLoadInvalidFile": "",
+    "clearReset": "Điều này sẽ dọn hết canvas. Bạn có chắc không?",
+    "couldNotCreateShareableLink": "Không thể tạo đường dẫn chia sẻ.",
+    "couldNotCreateShareableLinkTooBig": "Không thể tạo đường dẫn chia sẻ: bản vẽ quá lớn",
+    "couldNotLoadInvalidFile": "Không thể load tập tin không hợp lệ",
     "importBackendFailed": "",
-    "cannotExportEmptyCanvas": "",
+    "cannotExportEmptyCanvas": "Không thể xuất canvas trống.",
     "couldNotCopyToClipboard": "",
     "decryptFailed": "",
     "uploadedSecurly": "",
     "loadSceneOverridePrompt": "",
-    "collabStopOverridePrompt": "",
-    "errorAddingToLibrary": "",
-    "errorRemovingFromLibrary": "",
-    "confirmAddLibrary": "",
-    "imageDoesNotContainScene": "",
+    "collabStopOverridePrompt": "Dừng phiên sẽ ghi đè lên bản vẽ được lưu trữ cục bộ trước đó của bạn. Bạn có chắc không?\n\n(Nếu bạn muốn giữ bản vẽ cục bộ của mình, chỉ cần đóng tab trình duyệt.)",
+    "errorAddingToLibrary": "Không thể thêm món vào thư viện",
+    "errorRemovingFromLibrary": "Không thể xoá món khỏi thư viện",
+    "confirmAddLibrary": "Hình {{numShapes}} sẽ được thêm vào thư viện. Bạn chắc chứ?",
+    "imageDoesNotContainScene": "Hình ảnh này dường như không chứa bất kỳ dữ liệu cảnh nào. Bạn đã bật tính năng nhúng cảnh khi xuất chưa?",
     "cannotRestoreFromImage": "",
     "invalidSceneUrl": "",
     "resetLibrary": "",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": "",
-    "collabOfflineWarning": ""
+    "removeItemsFromsLibrary": "Xoá {{count}} món từ thư viện?",
+    "invalidEncryptionKey": "Khóa mã hóa phải có 22 ký tự. Hợp tác trực tiếp bị vô hiệu hóa.",
+    "collabOfflineWarning": "Không có kết nối internet.\nThay đổi của bạn sẽ không được lưu!"
   },
   "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
-    "invalidSVGString": "",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": "",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "unsupportedFileType": "Loại tập tin không được hỗ trợ.",
+    "imageInsertError": "Không thể thêm ảnh. Hãy thử lại sau...",
+    "fileTooBig": "Tệp tin quá lớn. Dung lượng tối đa cho phép là {{maxSize}}.",
+    "svgImageInsertError": "Không thể thêm ảnh SVG. Mã SVG có vẻ sai.",
+    "invalidSVGString": "SVG không hợp lệ.",
+    "cannotResolveCollabServer": "Không thể kết nối với máy chủ hợp tác. Hãy tải lại trang và thử lại.",
+    "importLibraryError": "Không thể tải thư viện",
+    "collabSaveFailed": "Không thể lưu vào cơ sở dữ liệu. Nếu vấn đề tiếp tục xảy ra, bạn nên lưu tệp vào máy để đảm bảo bạn không bị mất công việc.",
+    "collabSaveFailed_sizeExceeded": "Không thể lưu vào cơ sở dữ liệu, canvas có vẻ quá lớn. Bạn nên lưu tệp cục bộ để đảm bảo bạn không bị mất công việc.",
+    "brave_measure_text_error": {
+      "start": "Có vẻ bạn đang sử dụng trình duyện Brave với chức năng",
+      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
+      "setting_enabled": "được bật",
+      "break": "Điều này có thể xảy ra lỗi các",
+      "text_elements": "Yếu Tố Chữ",
+      "in_your_drawings": "trong bản vẽ của bạn",
+      "strongly_recommend": "Chúng tôi khuyên rằng bạn nên tắt chức năng này. Bạn có thể theo",
+      "steps": "các bước sau đây",
+      "how": "để tắt nó",
+      "disable_setting": " Nếu tắt chức năng này vẫn không sửa lại lỗi hiện thị các yếu tố chữ, hảy mở",
+      "issue": "issue",
+      "write": "trên trang GitHUb của chúng tôi, hoặc nhắn chúng tôi tại",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
-    "selection": "",
-    "image": "",
-    "rectangle": "",
-    "diamond": "",
-    "ellipse": "",
-    "arrow": "",
-    "line": "",
-    "freedraw": "",
-    "text": "",
-    "library": "",
-    "lock": "",
-    "penMode": "",
-    "link": "",
-    "eraser": "",
-    "hand": ""
+    "selection": "Lựa chọn",
+    "image": "Chèn ảnh",
+    "rectangle": "Hình chữ nhật",
+    "diamond": "Kim cương",
+    "ellipse": "Hình elíp",
+    "arrow": "Mũi tên",
+    "line": "Đường kẻ",
+    "freedraw": "Vẽ",
+    "text": "Văn bản",
+    "library": "Thư viện",
+    "lock": "Giữ dụng cũ hiện tại sau khi vẽ",
+    "penMode": "Chế độ bút vẽ - ngăn ngừa chạm nhầm",
+    "link": "Thêm/ Chỉnh sửa liên kết cho hình được chọn",
+    "eraser": "Xóa",
+    "hand": "Tay kéo"
   },
   "headings": {
-    "canvasActions": "",
-    "selectedShapeActions": "",
-    "shapes": ""
+    "canvasActions": "Hành động canvas",
+    "selectedShapeActions": "Các hành động cho hình dạng đã chọn",
+    "shapes": "Các hình khối"
   },
   "hints": {
-    "canvasPanning": "",
-    "linearElement": "",
-    "freeDraw": "",
-    "text": "",
-    "text_selected": "",
-    "text_editing": "",
-    "linearElementMulti": "",
-    "lockAngle": "",
-    "resize": "",
+    "canvasPanning": "Để di chuyển canvas, giữ con lăn chuột hoặc phím cách trong khi kéo, hoặc sử dụng công cụ cầm tay",
+    "linearElement": "Ấn để bắt đầu nhiểm điểm vẽ, kéo để vẽ một đường thẳng",
+    "freeDraw": "Ấn bà kéo, thả khi bạn xong",
+    "text": "Mẹo: bạn có thể thêm văn bản tại bất cứ đâu bằng cách ấn hai lần bằng tool lựa chọn",
+    "text_selected": "Ấn 2 lần hoặc nhấn ENTER để chỉnh văn bản",
+    "text_editing": "Nhấn Escape hoặc Ctrl/Cmd+ENTER để hoàn thành chỉnh sửa",
+    "linearElementMulti": "Nhấn vào điểm cuối hoặc nhấn Escape hoặc Enter để kết thúc",
+    "lockAngle": "Bạn có thể chỉnh lại góc bằng cách giữ phím SHIFT",
+    "resize": "Bạn có thể chỉnh tỷ lệ bằng cách giữ SHIFT khi chỉnh kích cỡ,\ngiữ ALT để chỉnh kích cỡ từ trung tâm",
     "resizeImage": "",
     "rotate": "",
     "lineEditor_info": "",
@@ -248,19 +264,19 @@
     "bindTextToElement": "",
     "deepBoxSelect": "",
     "eraserRevert": "",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Tính năng này có thể được bật bằng cách đặt cờ \"dom.events.asyncClipboard.clipboardItem\" thành \"true\". Để thay đổi cờ trình duyệt trong Firefox, hãy truy cập trang \"about:config\"."
   },
   "canvasError": {
-    "cannotShowPreview": "",
-    "canvasTooBig": "",
-    "canvasTooBigTip": ""
+    "cannotShowPreview": "Không thể xem trước",
+    "canvasTooBig": "Canvas này có thể hơi lớn.",
+    "canvasTooBigTip": "Mẹo: hãy thử di chuyển các elements nhất lại gần nhau hơn một chút."
   },
   "errorSplash": {
     "headingMain_pre": "",
     "headingMain_button": "",
-    "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
-    "clearCanvasCaveat": "",
+    "clearCanvasMessage": "Nếu không tải lại được, hãy thử ",
+    "clearCanvasMessage_button": "dọn canvas.",
+    "clearCanvasCaveat": " Điều này sẽ dẫn đến mất dữ liệu bạn đã làm ",
     "trackedToSentry_pre": "",
     "trackedToSentry_post": "",
     "openIssueMessage_pre": "",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "",
     "editor": "",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "",
@@ -321,11 +338,11 @@
     "movePageLeftRight": ""
   },
   "clearCanvasDialog": {
-    "title": ""
+    "title": "Dọn canvas"
   },
   "publishDialog": {
     "title": "",
-    "itemName": "",
+    "itemName": "Tên món",
     "authorName": "",
     "githubUsername": "",
     "twitterUsername": "",
@@ -359,9 +376,9 @@
       "link": "",
       "post": ""
     },
-    "noteItems": "",
-    "atleastOneLibItem": "",
-    "republishWarning": ""
+    "noteItems": "Từng món trong thư viện phải có tên riêng để có thể lọc. Các món thư viện sau đây sẽ thêm:",
+    "atleastOneLibItem": "Vui lòng chọn ít nhất một món thư viện để bắt đầu",
+    "republishWarning": "Lưu ý: một số món đã chọn được đánh dấu là đã xuất bản/đã gửi. Bạn chỉ nên gửi lại các món khi cập nhật thư viện hiện có hoặc gửi."
   },
   "publishSuccessDialog": {
     "title": "",
@@ -370,7 +387,7 @@
   },
   "confirmDialog": {
     "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "removeItemsFromLib": "Xóa món đã chọn khỏi thư viện"
   },
   "encrypted": {
     "tooltip": "",
@@ -398,7 +415,7 @@
     "copyToClipboardAsPng": "",
     "fileSaved": "",
     "fileSavedToFilename": "",
-    "canvas": "",
+    "canvas": "canvas",
     "selection": "",
     "pasteAsSingleElement": ""
   },
@@ -440,14 +457,14 @@
     "a61e4d": "",
     "862e9c": "",
     "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "364fc7": "Chàm 9",
+    "1864ab": "Xanh Dương 9",
+    "0b7285": "Lục Lam 9",
+    "087f5b": "Xanh Mòng Két 9",
+    "2b8a3e": "Xanh Lá 9",
+    "5c940d": "Chanh Xanh 9",
+    "e67700": "Vàng 9",
+    "d9480f": "Cam 9"
   },
   "welcomeScreen": {
     "app": {
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 2e5debd16..5863f5ceb 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -35,12 +35,12 @@
     "arrowheads": "端点",
     "arrowhead_none": "无",
     "arrowhead_arrow": "箭头",
-    "arrowhead_bar": "条",
+    "arrowhead_bar": "条状",
     "arrowhead_dot": "圆点",
     "arrowhead_triangle": "三角箭头",
     "fontSize": "字体大小",
     "fontFamily": "字体",
-    "onlySelected": "仅被选中",
+    "onlySelected": "仅选中",
     "withBackground": "背景",
     "exportEmbedScene": "包含画布数据",
     "exportEmbedScene_details": "画布数据将被保存到导出的 PNG/SVG 文件，以便恢复。\n将会增加导出的文件大小。",
@@ -110,6 +110,7 @@
     "increaseFontSize": "放大字体大小",
     "unbindText": "取消文本绑定",
     "bindText": "将文本绑定到容器",
+    "createContainerFromText": "将文本包围在容器中",
     "link": {
       "edit": "编辑链接",
       "create": "新建链接",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "无法连接到实时协作服务器。请重新加载页面并重试。",
     "importLibraryError": "无法加载素材库",
     "collabSaveFailed": "无法保存到后端数据库。如果问题持续存在，您应该保存文件到本地，以确保您的工作不会丢失。",
-    "collabSaveFailed_sizeExceeded": "无法保存到后端数据库，画布似乎过大。您应该保存文件到本地，以确保您的工作不会丢失。"
+    "collabSaveFailed_sizeExceeded": "无法保存到后端数据库，画布似乎过大。您应该保存文件到本地，以确保您的工作不会丢失。",
+    "brave_measure_text_error": {
+      "start": "看起来您正在使用 Brave 浏览器并启用了",
+      "aggressive_block_fingerprint": "积极阻止指纹识别",
+      "setting_enabled": "设置",
+      "break": "这可能会破坏绘图中的",
+      "text_elements": "文本元素",
+      "in_your_drawings": " ",
+      "strongly_recommend": "我们强烈建议禁用此设置。您可以按照",
+      "steps": "这些步骤",
+      "how": "来设置",
+      "disable_setting": " 如果禁用此设置无法修复文本元素的显示，请在 GitHub 提交一个",
+      "issue": "issue",
+      "write": "，或者通过",
+      "discord": "Discord 反馈"
+    }
   },
   "toolBar": {
     "selection": "选择",
@@ -248,7 +264,7 @@
     "bindTextToElement": "按下 Enter 以添加文本",
     "deepBoxSelect": "按住 CtrlOrCmd 以深度选择，并避免拖拽",
     "eraserRevert": "按住 Alt 以反选被标记删除的元素",
-    "firefox_clipboard_write": "将高级配置首选项“dom.events.asyncClipboard.lipboarditem”设置为“true”可以启用此功能。要更改 Firefox 的高级配置首选项，请前往“about:config”页面。"
+    "firefox_clipboard_write": "将高级配置首选项“dom.events.asyncClipboard.clipboardItem”设置为“true”可以启用此功能。要更改 Firefox 的高级配置首选项，请前往“about:config”页面。"
   },
   "canvasError": {
     "cannotShowPreview": "无法显示预览",
@@ -303,7 +319,8 @@
     "doubleClick": "双击",
     "drag": "拖动",
     "editor": "编辑器",
-    "editSelectedShape": "编辑选中的形状 (文本、箭头或线条)",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "提交问题",
     "howto": "帮助文档",
     "or": "或",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index e87a0d3e1..bbf23f7f7 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "",
     "unbindText": "",
     "bindText": "",
+    "createContainerFromText": "",
     "link": {
       "edit": "",
       "create": "",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "",
     "importLibraryError": "",
     "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": ""
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "start": "",
+      "aggressive_block_fingerprint": "",
+      "setting_enabled": "",
+      "break": "",
+      "text_elements": "",
+      "in_your_drawings": "",
+      "strongly_recommend": "",
+      "steps": "",
+      "how": "",
+      "disable_setting": "",
+      "issue": "",
+      "write": "",
+      "discord": ""
+    }
   },
   "toolBar": {
     "selection": "",
@@ -303,7 +319,8 @@
     "doubleClick": "",
     "drag": "",
     "editor": "",
-    "editSelectedShape": "",
+    "editLineArrowPoints": "",
+    "editText": "",
     "github": "",
     "howto": "",
     "or": "",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 3293fad4a..f4462842c 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -110,6 +110,7 @@
     "increaseFontSize": "放大文字",
     "unbindText": "取消綁定文字",
     "bindText": "結合文字至容器",
+    "createContainerFromText": "將文字包於容器中",
     "link": {
       "edit": "編輯連結",
       "create": "建立連結",
@@ -204,7 +205,22 @@
     "cannotResolveCollabServer": "無法連結至 collab 伺服器。請重新整理後再試一次。",
     "importLibraryError": "無法載入資料庫",
     "collabSaveFailed": "無法儲存至後端資料庫。若此問題持續發生，請將檔案儲存於本機以確保資料不會遺失。",
-    "collabSaveFailed_sizeExceeded": "無法儲存至後端資料庫，可能的原因為畫布尺寸過大。請將檔案儲存於本機以確保資料不會遺失。"
+    "collabSaveFailed_sizeExceeded": "無法儲存至後端資料庫，可能的原因為畫布尺寸過大。請將檔案儲存於本機以確保資料不會遺失。",
+    "brave_measure_text_error": {
+      "start": "您似乎正在使用 Brave 瀏覽器並且將",
+      "aggressive_block_fingerprint": "\"Aggressively Block Fingerprinting\" 設定",
+      "setting_enabled": "設為開啟",
+      "break": "這可能導致破壞",
+      "text_elements": "文字元素",
+      "in_your_drawings": "在您的繪圖中",
+      "strongly_recommend": "我們強烈建議您關掉此設定。您可以參考",
+      "steps": "這些步驟",
+      "how": "來變更",
+      "disable_setting": " 若關閉此設定無法修正文字元素的顯示問題，請回報",
+      "issue": "問題",
+      "write": "至我們的 GitHub，或反應在我們的",
+      "discord": "Discord"
+    }
   },
   "toolBar": {
     "selection": "選取",
@@ -303,7 +319,8 @@
     "doubleClick": "雙擊",
     "drag": "拖曳",
     "editor": "編輯器",
-    "editSelectedShape": "編輯選定的形狀（文字/箭號/線條）",
+    "editLineArrowPoints": "編輯線/箭頭控制點",
+    "editText": "編輯文字/增加標籤",
     "github": "發現異常？回報問題",
     "howto": "參照我們的說明",
     "or": "或",

From f640ddc2aa1320e674c7d8aed06e78572bf61213 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sun, 16 Apr 2023 17:22:16 +0200
Subject: [PATCH 140/252] fix: incorrectly duplicating items on paste/library
 insert (#6467

* fix: incorrectly duplicating items on paste/library insert

* fix: deduplicate element ids on restore

* tests
---
 src/components/App.tsx                        | 35 +++----
 src/data/restore.ts                           |  7 ++
 src/element/newElement.ts                     | 43 +++++----
 .../regressionTests.test.tsx.snap             | 12 +--
 src/tests/helpers/api.ts                      |  5 +-
 src/tests/library.test.tsx                    | 94 +++++++++++++++++++
 6 files changed, 153 insertions(+), 43 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 1ebdc7713..be5561995 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -127,7 +127,11 @@ import {
 } from "../element/binding";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { mutateElement, newElementWith } from "../element/mutateElement";
-import { deepCopyElement, newFreeDrawElement } from "../element/newElement";
+import {
+  deepCopyElement,
+  duplicateElements,
+  newFreeDrawElement,
+} from "../element/newElement";
 import {
   hasBoundTextElement,
   isArrowElement,
@@ -1625,35 +1629,22 @@ class App extends React.Component<AppProps, AppState> {
 
     const dx = x - elementsCenterX;
     const dy = y - elementsCenterY;
-    const groupIdMap = new Map();
 
     const [gridX, gridY] = getGridPoint(dx, dy, this.state.gridSize);
 
-    const oldIdToDuplicatedId = new Map();
-    const newElements = elements.map((element) => {
-      const newElement = duplicateElement(
-        this.state.editingGroupId,
-        groupIdMap,
-        element,
-        {
+    const newElements = duplicateElements(
+      elements.map((element) => {
+        return newElementWith(element, {
           x: element.x + gridX - minX,
           y: element.y + gridY - minY,
-        },
-      );
-      oldIdToDuplicatedId.set(element.id, newElement.id);
-      return newElement;
-    });
+        });
+      }),
+    );
 
-    bindTextToShapeAfterDuplication(newElements, elements, oldIdToDuplicatedId);
     const nextElements = [
       ...this.scene.getElementsIncludingDeleted(),
       ...newElements,
     ];
-    fixBindingsAfterDuplication(nextElements, elements, oldIdToDuplicatedId);
-
-    if (opts.files) {
-      this.files = { ...this.files, ...opts.files };
-    }
 
     this.scene.replaceAllElements(nextElements);
 
@@ -1664,6 +1655,10 @@ class App extends React.Component<AppProps, AppState> {
       }
     });
 
+    if (opts.files) {
+      this.files = { ...this.files, ...opts.files };
+    }
+
     this.history.resumeRecording();
 
     this.setState(
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 2735d91d2..fcf5fa132 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -369,6 +369,9 @@ export const restoreElements = (
   localElements: readonly ExcalidrawElement[] | null | undefined,
   opts?: { refreshDimensions?: boolean; repairBindings?: boolean } | undefined,
 ): ExcalidrawElement[] => {
+  // used to detect duplicate top-level element ids
+  const existingIds = new Set<string>();
+
   const localElementsMap = localElements ? arrayToMap(localElements) : null;
   const restoredElements = (elements || []).reduce((elements, element) => {
     // filtering out selection, which is legacy, no longer kept in elements,
@@ -383,6 +386,10 @@ export const restoreElements = (
         if (localElement && localElement.version > migratedElement.version) {
           migratedElement = bumpVersion(migratedElement, localElement.version);
         }
+        if (existingIds.has(migratedElement.id)) {
+          migratedElement = { ...migratedElement, id: randomId() };
+        }
+        existingIds.add(migratedElement.id);
         elements.push(migratedElement);
       }
     }
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 72aa54684..e3b25e848 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -439,6 +439,29 @@ export const deepCopyElement = <T extends ExcalidrawElement>(
   return _deepCopyElement(val);
 };
 
+/**
+ * utility wrapper to generate new id. In test env it reuses the old + postfix
+ * for test assertions.
+ */
+const regenerateId = (
+  /** supply null if no previous id exists */
+  previousId: string | null,
+) => {
+  if (isTestEnv() && previousId) {
+    let nextId = `${previousId}_copy`;
+    // `window.h` may not be defined in some unit tests
+    if (
+      window.h?.app
+        ?.getSceneElementsIncludingDeleted()
+        .find((el) => el.id === nextId)
+    ) {
+      nextId += "_copy";
+    }
+    return nextId;
+  }
+  return randomId();
+};
+
 /**
  * Duplicate an element, often used in the alt-drag operation.
  * Note that this method has gotten a bit complicated since the
@@ -461,19 +484,7 @@ export const duplicateElement = <TElement extends ExcalidrawElement>(
 ): Readonly<TElement> => {
   let copy = deepCopyElement(element);
 
-  if (isTestEnv()) {
-    copy.id = `${copy.id}_copy`;
-    // `window.h` may not be defined in some unit tests
-    if (
-      window.h?.app
-        ?.getSceneElementsIncludingDeleted()
-        .find((el) => el.id === copy.id)
-    ) {
-      copy.id += "_copy";
-    }
-  } else {
-    copy.id = randomId();
-  }
+  copy.id = regenerateId(copy.id);
   copy.boundElements = null;
   copy.updated = getUpdatedTimestamp();
   copy.seed = randomInteger();
@@ -482,7 +493,7 @@ export const duplicateElement = <TElement extends ExcalidrawElement>(
     editingGroupId,
     (groupId) => {
       if (!groupIdMapForOperation.has(groupId)) {
-        groupIdMapForOperation.set(groupId, randomId());
+        groupIdMapForOperation.set(groupId, regenerateId(groupId));
       }
       return groupIdMapForOperation.get(groupId)!;
     },
@@ -520,7 +531,7 @@ export const duplicateElements = (elements: readonly ExcalidrawElement[]) => {
     // if we haven't migrated the element id, but an old element with the same
     // id exists, generate a new id for it and return it
     if (origElementsMap.has(id)) {
-      const newId = randomId();
+      const newId = regenerateId(id);
       elementNewIdsMap.set(id, newId);
       return newId;
     }
@@ -538,7 +549,7 @@ export const duplicateElements = (elements: readonly ExcalidrawElement[]) => {
     if (clonedElement.groupIds) {
       clonedElement.groupIds = clonedElement.groupIds.map((groupId) => {
         if (!groupNewIdsMap.has(groupId)) {
-          groupNewIdsMap.set(groupId, randomId());
+          groupNewIdsMap.set(groupId, regenerateId(groupId));
         }
         return groupNewIdsMap.get(groupId)!;
       });
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 35f9eb7c8..967a0cf69 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -13431,7 +13431,7 @@ Object {
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [
-    "id6",
+    "id4_copy",
   ],
   "height": 10,
   "id": "id0_copy",
@@ -13464,7 +13464,7 @@ Object {
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [
-    "id6",
+    "id4_copy",
   ],
   "height": 10,
   "id": "id1_copy",
@@ -13497,7 +13497,7 @@ Object {
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [
-    "id6",
+    "id4_copy",
   ],
   "height": 10,
   "id": "id2_copy",
@@ -13981,7 +13981,7 @@ Object {
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [
-            "id6",
+            "id4_copy",
           ],
           "height": 10,
           "id": "id0_copy",
@@ -14011,7 +14011,7 @@ Object {
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [
-            "id6",
+            "id4_copy",
           ],
           "height": 10,
           "id": "id1_copy",
@@ -14041,7 +14041,7 @@ Object {
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [
-            "id6",
+            "id4_copy",
           ],
           "height": 10,
           "id": "id2_copy",
diff --git a/src/tests/helpers/api.ts b/src/tests/helpers/api.ts
index bc8bfc8a9..705180d6a 100644
--- a/src/tests/helpers/api.ts
+++ b/src/tests/helpers/api.ts
@@ -211,7 +211,10 @@ export class API {
           type,
           startArrowhead: null,
           endArrowhead: null,
-          points: rest.points ?? [],
+          points: rest.points ?? [
+            [0, 0],
+            [100, 100],
+          ],
         });
         break;
       case "image":
diff --git a/src/tests/library.test.tsx b/src/tests/library.test.tsx
index 6b3ff5dd7..86847aeee 100644
--- a/src/tests/library.test.tsx
+++ b/src/tests/library.test.tsx
@@ -72,6 +72,100 @@ describe("library", () => {
     });
   });
 
+  it("should regenerate ids but retain bindings on library insert", async () => {
+    const rectangle = API.createElement({
+      id: "rectangle1",
+      type: "rectangle",
+      boundElements: [
+        { type: "text", id: "text1" },
+        { type: "arrow", id: "arrow1" },
+      ],
+    });
+    const text = API.createElement({
+      id: "text1",
+      type: "text",
+      text: "ola",
+      containerId: "rectangle1",
+    });
+    const arrow = API.createElement({
+      id: "arrow1",
+      type: "arrow",
+      endBinding: { elementId: "rectangle1", focus: -1, gap: 0 },
+    });
+
+    await API.drop(
+      new Blob(
+        [
+          serializeLibraryAsJSON([
+            {
+              id: "item1",
+              status: "published",
+              elements: [rectangle, text, arrow],
+              created: 1,
+            },
+          ]),
+        ],
+        {
+          type: MIME_TYPES.excalidrawlib,
+        },
+      ),
+    );
+
+    await waitFor(() => {
+      expect(h.elements).toEqual([
+        expect.objectContaining({
+          id: "rectangle1_copy",
+          boundElements: expect.arrayContaining([
+            { type: "text", id: "text1_copy" },
+            { type: "arrow", id: "arrow1_copy" },
+          ]),
+        }),
+        expect.objectContaining({
+          id: "text1_copy",
+          containerId: "rectangle1_copy",
+        }),
+        expect.objectContaining({
+          id: "arrow1_copy",
+          endBinding: expect.objectContaining({ elementId: "rectangle1_copy" }),
+        }),
+      ]);
+    });
+  });
+
+  it("should fix duplicate ids between items on insert", async () => {
+    // note, we're not testing for duplicate group ids and such because
+    // deduplication of that happens upstream in the library component
+    // which would be very hard to orchestrate in this test
+
+    const elem1 = API.createElement({
+      id: "elem1",
+      type: "rectangle",
+    });
+    const item1: LibraryItem = {
+      id: "item1",
+      status: "published",
+      elements: [elem1],
+      created: 1,
+    };
+
+    await API.drop(
+      new Blob([serializeLibraryAsJSON([item1, item1])], {
+        type: MIME_TYPES.excalidrawlib,
+      }),
+    );
+
+    await waitFor(() => {
+      expect(h.elements).toEqual([
+        expect.objectContaining({
+          id: "elem1_copy",
+        }),
+        expect.objectContaining({
+          id: expect.not.stringMatching(/^(elem1_copy|elem1)$/),
+        }),
+      ]);
+    });
+  });
+
   it("inserting library item should revert to selection tool", async () => {
     UI.clickTool("rectangle");
     expect(h.elements).toEqual([]);

From c3e8ddaf580f395366ff1fded0c9592a4485c701 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 17 Apr 2023 11:41:27 +0200
Subject: [PATCH 141/252] fix: improperly cache-busting on canvas scale instead
 of zoom (#6473)

---
 src/renderer/renderElement.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 486e52bdf..21de70cb9 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -88,6 +88,7 @@ export interface ExcalidrawElementWithCanvas {
   canvas: HTMLCanvasElement;
   theme: RenderConfig["theme"];
   scale: number;
+  zoomValue: RenderConfig["zoom"]["value"];
   canvasOffsetX: number;
   canvasOffsetY: number;
   boundTextElementVersion: number | null;
@@ -202,6 +203,7 @@ const generateElementCanvas = (
     canvas,
     theme: renderConfig.theme,
     scale,
+    zoomValue: zoom.value,
     canvasOffsetX,
     canvasOffsetY,
     boundTextElementVersion: getBoundTextElement(element)?.version || null,
@@ -712,7 +714,7 @@ const generateElementWithCanvas = (
   const prevElementWithCanvas = elementWithCanvasCache.get(element);
   const shouldRegenerateBecauseZoom =
     prevElementWithCanvas &&
-    prevElementWithCanvas.scale !== zoom.value &&
+    prevElementWithCanvas.zoomValue !== zoom.value &&
     !renderConfig?.shouldCacheIgnoreZoom;
   const boundTextElementVersion = getBoundTextElement(element)?.version || null;
 

From 21726e22cce04aa2d3bdac7f270e2748156ca40e Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 18:42:48 +0530
Subject: [PATCH 142/252] fix: mark more props as optional for element (#6448)

* fix: mark more props as optional for element

* fix
---
 src/appState.ts           | 17 +++++-----
 src/charts.ts             | 18 +----------
 src/components/App.tsx    |  2 --
 src/constants.ts          | 23 ++++++++++++-
 src/element/newElement.ts | 68 +++++++++++++++++++++++++++------------
 5 files changed, 80 insertions(+), 48 deletions(-)

diff --git a/src/appState.ts b/src/appState.ts
index f02d5943c..6f4db7557 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -1,5 +1,6 @@
 import oc from "open-color";
 import {
+  DEFAULT_ELEMENT_PROPS,
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
   DEFAULT_TEXT_ALIGN,
@@ -23,18 +24,18 @@ export const getDefaultAppState = (): Omit<
     theme: THEME.LIGHT,
     collaborators: new Map(),
     currentChartType: "bar",
-    currentItemBackgroundColor: "transparent",
+    currentItemBackgroundColor: DEFAULT_ELEMENT_PROPS.backgroundColor,
     currentItemEndArrowhead: "arrow",
-    currentItemFillStyle: "hachure",
+    currentItemFillStyle: DEFAULT_ELEMENT_PROPS.fillStyle,
     currentItemFontFamily: DEFAULT_FONT_FAMILY,
     currentItemFontSize: DEFAULT_FONT_SIZE,
-    currentItemOpacity: 100,
-    currentItemRoughness: 1,
+    currentItemOpacity: DEFAULT_ELEMENT_PROPS.opacity,
+    currentItemRoughness: DEFAULT_ELEMENT_PROPS.roughness,
     currentItemStartArrowhead: null,
-    currentItemStrokeColor: oc.black,
+    currentItemStrokeColor: DEFAULT_ELEMENT_PROPS.strokeColor,
     currentItemRoundness: "round",
-    currentItemStrokeStyle: "solid",
-    currentItemStrokeWidth: 1,
+    currentItemStrokeStyle: DEFAULT_ELEMENT_PROPS.strokeStyle,
+    currentItemStrokeWidth: DEFAULT_ELEMENT_PROPS.strokeWidth,
     currentItemTextAlign: DEFAULT_TEXT_ALIGN,
     cursorButton: "up",
     draggingElement: null,
@@ -44,7 +45,7 @@ export const getDefaultAppState = (): Omit<
     activeTool: {
       type: "selection",
       customType: null,
-      locked: false,
+      locked: DEFAULT_ELEMENT_PROPS.locked,
       lastActiveTool: null,
     },
     penMode: false,
diff --git a/src/charts.ts b/src/charts.ts
index e8980db6c..c3b0950d1 100644
--- a/src/charts.ts
+++ b/src/charts.ts
@@ -1,10 +1,5 @@
 import colors from "./colors";
-import {
-  DEFAULT_FONT_FAMILY,
-  DEFAULT_FONT_SIZE,
-  ENV,
-  VERTICAL_ALIGN,
-} from "./constants";
+import { DEFAULT_FONT_SIZE, ENV } from "./constants";
 import { newElement, newLinearElement, newTextElement } from "./element";
 import { NonDeletedExcalidrawElement } from "./element/types";
 import { randomId } from "./random";
@@ -166,17 +161,7 @@ const bgColors = colors.elementBackground.slice(
 // Put all the common properties here so when the whole chart is selected
 // the properties dialog shows the correct selected values
 const commonProps = {
-  fillStyle: "hachure",
-  fontFamily: DEFAULT_FONT_FAMILY,
-  fontSize: DEFAULT_FONT_SIZE,
-  opacity: 100,
-  roughness: 1,
   strokeColor: colors.elementStroke[0],
-  roundness: null,
-  strokeStyle: "solid",
-  strokeWidth: 1,
-  verticalAlign: VERTICAL_ALIGN.MIDDLE,
-  locked: false,
 } as const;
 
 const getChartDimentions = (spreadsheet: Spreadsheet) => {
@@ -323,7 +308,6 @@ const chartBaseElements = (
         x: x + chartWidth / 2,
         y: y - BAR_HEIGHT - BAR_GAP * 2 - DEFAULT_FONT_SIZE,
         roundness: null,
-        strokeStyle: "solid",
         textAlign: "center",
       })
     : null;
diff --git a/src/components/App.tsx b/src/components/App.tsx
index be5561995..fcbcca873 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2732,7 +2732,6 @@ class App extends React.Component<AppProps, AppState> {
           strokeStyle: this.state.currentItemStrokeStyle,
           roughness: this.state.currentItemRoughness,
           opacity: this.state.currentItemOpacity,
-          roundness: null,
           text: "",
           fontSize,
           fontFamily,
@@ -2744,7 +2743,6 @@ class App extends React.Component<AppProps, AppState> {
             : DEFAULT_VERTICAL_ALIGN,
           containerId: shouldBindToContainer ? container?.id : undefined,
           groupIds: container?.groupIds ?? [],
-          locked: false,
           lineHeight,
         });
 
diff --git a/src/constants.ts b/src/constants.ts
index ef563e4a4..23fefa6e5 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,6 +1,7 @@
 import cssVariables from "./css/variables.module.scss";
 import { AppProps } from "./types";
-import { FontFamilyValues } from "./element/types";
+import { ExcalidrawElement, FontFamilyValues } from "./element/types";
+import oc from "open-color";
 
 export const isDarwin = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
 export const isWindows = /^Win/.test(navigator.platform);
@@ -254,3 +255,23 @@ export const ROUNDNESS = {
 /** key containt id of precedeing elemnt id we use in reconciliation during
  * collaboration */
 export const PRECEDING_ELEMENT_KEY = "__precedingElement__";
+
+export const DEFAULT_ELEMENT_PROPS: {
+  strokeColor: ExcalidrawElement["strokeColor"];
+  backgroundColor: ExcalidrawElement["backgroundColor"];
+  fillStyle: ExcalidrawElement["fillStyle"];
+  strokeWidth: ExcalidrawElement["strokeWidth"];
+  strokeStyle: ExcalidrawElement["strokeStyle"];
+  roughness: ExcalidrawElement["roughness"];
+  opacity: ExcalidrawElement["opacity"];
+  locked: ExcalidrawElement["locked"];
+} = {
+  strokeColor: oc.black,
+  backgroundColor: "transparent",
+  fillStyle: "hachure",
+  strokeWidth: 1,
+  strokeStyle: "solid",
+  roughness: 1,
+  opacity: 100,
+  locked: false,
+};
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index e3b25e848..36c8cc0e0 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -36,7 +36,14 @@ import {
   getMaxContainerWidth,
   getDefaultLineHeight,
 } from "./textElement";
-import { VERTICAL_ALIGN } from "../constants";
+import {
+  DEFAULT_ELEMENT_PROPS,
+  DEFAULT_FONT_FAMILY,
+  DEFAULT_FONT_SIZE,
+  DEFAULT_TEXT_ALIGN,
+  DEFAULT_VERTICAL_ALIGN,
+  VERTICAL_ALIGN,
+} from "../constants";
 import { isArrowElement } from "./typeChecks";
 import { MarkOptional, Merge, Mutable } from "../utility-types";
 
@@ -51,6 +58,15 @@ type ElementConstructorOpts = MarkOptional<
   | "version"
   | "versionNonce"
   | "link"
+  | "strokeStyle"
+  | "fillStyle"
+  | "strokeColor"
+  | "backgroundColor"
+  | "roughness"
+  | "strokeWidth"
+  | "roundness"
+  | "locked"
+  | "opacity"
 >;
 
 const _newElementBase = <T extends ExcalidrawElement>(
@@ -58,13 +74,13 @@ const _newElementBase = <T extends ExcalidrawElement>(
   {
     x,
     y,
-    strokeColor,
-    backgroundColor,
-    fillStyle,
-    strokeWidth,
-    strokeStyle,
-    roughness,
-    opacity,
+    strokeColor = DEFAULT_ELEMENT_PROPS.strokeColor,
+    backgroundColor = DEFAULT_ELEMENT_PROPS.backgroundColor,
+    fillStyle = DEFAULT_ELEMENT_PROPS.fillStyle,
+    strokeWidth = DEFAULT_ELEMENT_PROPS.strokeWidth,
+    strokeStyle = DEFAULT_ELEMENT_PROPS.strokeStyle,
+    roughness = DEFAULT_ELEMENT_PROPS.roughness,
+    opacity = DEFAULT_ELEMENT_PROPS.opacity,
     width = 0,
     height = 0,
     angle = 0,
@@ -72,7 +88,7 @@ const _newElementBase = <T extends ExcalidrawElement>(
     roundness = null,
     boundElements = null,
     link = null,
-    locked,
+    locked = DEFAULT_ELEMENT_PROPS.locked,
     ...rest
   }: ElementConstructorOpts & Omit<Partial<ExcalidrawGenericElement>, "type">,
 ) => {
@@ -138,27 +154,39 @@ const getTextElementPositionOffsets = (
 export const newTextElement = (
   opts: {
     text: string;
-    fontSize: number;
-    fontFamily: FontFamilyValues;
-    textAlign: TextAlign;
-    verticalAlign: VerticalAlign;
+    fontSize?: number;
+    fontFamily?: FontFamilyValues;
+    textAlign?: TextAlign;
+    verticalAlign?: VerticalAlign;
     containerId?: ExcalidrawTextContainer["id"];
     lineHeight?: ExcalidrawTextElement["lineHeight"];
+    strokeWidth?: ExcalidrawTextElement["strokeWidth"];
   } & ElementConstructorOpts,
 ): NonDeleted<ExcalidrawTextElement> => {
-  const lineHeight = opts.lineHeight || getDefaultLineHeight(opts.fontFamily);
+  const fontFamily = opts.fontFamily || DEFAULT_FONT_FAMILY;
+  const fontSize = opts.fontSize || DEFAULT_FONT_SIZE;
+  const lineHeight = opts.lineHeight || getDefaultLineHeight(fontFamily);
   const text = normalizeText(opts.text);
-  const metrics = measureText(text, getFontString(opts), lineHeight);
-  const offsets = getTextElementPositionOffsets(opts, metrics);
+  const metrics = measureText(
+    text,
+    getFontString({ fontFamily, fontSize }),
+    lineHeight,
+  );
+  const textAlign = opts.textAlign || DEFAULT_TEXT_ALIGN;
+  const verticalAlign = opts.verticalAlign || DEFAULT_VERTICAL_ALIGN;
+  const offsets = getTextElementPositionOffsets(
+    { textAlign, verticalAlign },
+    metrics,
+  );
 
   const textElement = newElementWith(
     {
       ..._newElementBase<ExcalidrawTextElement>("text", opts),
       text,
-      fontSize: opts.fontSize,
-      fontFamily: opts.fontFamily,
-      textAlign: opts.textAlign,
-      verticalAlign: opts.verticalAlign,
+      fontSize,
+      fontFamily,
+      textAlign,
+      verticalAlign,
       x: opts.x - offsets.x,
       y: opts.y - offsets.y,
       width: metrics.width,

From 801412bf6bd15b81403ec976a2089f2e303fff45 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 18:50:25 +0530
Subject: [PATCH 143/252] fix: restore original container height when unbinding
 text which was binded via context menu (#6444)

* fix: restore original container height when unbinding text which was binded via context menu

* remove flag

* comment
---
 src/actions/actionBoundText.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 3f240b5d8..830af3733 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -16,6 +16,7 @@ import {
 import {
   getOriginalContainerHeightFromCache,
   resetOriginalContainerCache,
+  updateOriginalContainerCache,
 } from "../element/textWysiwyg";
 import {
   hasBoundTextElement,
@@ -145,7 +146,11 @@ export const actionBindText = register({
         id: textElement.id,
       }),
     });
+    const originalContainerHeight = container.height;
     redrawTextBoundingBox(textElement, container);
+    // overwritting the cache with original container height so
+    // it can be restored when unbind
+    updateOriginalContainerCache(container.id, originalContainerHeight);
 
     return {
       elements: pushTextAboveContainer(elements, container, textElement),

From 4d0d844e390e8b41d059f1fe646783c0465d1a41 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 18 Apr 2023 15:27:51 +0200
Subject: [PATCH 144/252] feat: constrain export dialog preview size (#6475)

---
 src/components/ImageExportDialog.tsx | 24 +++++++++++-------------
 src/packages/utils.ts                |  6 +++++-
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index fb2c1ec81..0e4eff365 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -4,7 +4,6 @@ import { canvasToBlob } from "../data/blob";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 import { getSelectedElements, isSomeElementSelected } from "../scene";
-import { exportToCanvas } from "../scene/export";
 import { AppState, BinaryFiles } from "../types";
 import { Dialog } from "./Dialog";
 import { clipboard } from "./icons";
@@ -15,6 +14,7 @@ import { CheckboxItem } from "./CheckboxItem";
 import { DEFAULT_EXPORT_PADDING, isFirefox } from "../constants";
 import { nativeFileSystemSupported } from "../data/filesystem";
 import { ActionManager } from "../actions/manager";
+import { exportToCanvas } from "../packages/utils";
 
 const supportsContextFilters =
   "filter" in document.createElement("canvas").getContext("2d")!;
@@ -83,7 +83,6 @@ const ImageExportModal = ({
   const someElementIsSelected = isSomeElementSelected(elements, appState);
   const [exportSelected, setExportSelected] = useState(someElementIsSelected);
   const previewRef = useRef<HTMLDivElement>(null);
-  const { exportBackground, viewBackgroundColor } = appState;
   const [renderError, setRenderError] = useState<Error | null>(null);
 
   const exportedElements = exportSelected
@@ -99,10 +98,16 @@ const ImageExportModal = ({
     if (!previewNode) {
       return;
     }
-    exportToCanvas(exportedElements, appState, files, {
-      exportBackground,
-      viewBackgroundColor,
+    const maxWidth = previewNode.offsetWidth;
+    if (!maxWidth) {
+      return;
+    }
+    exportToCanvas({
+      elements: exportedElements,
+      appState,
+      files,
       exportPadding,
+      maxWidthOrHeight: maxWidth,
     })
       .then((canvas) => {
         setRenderError(null);
@@ -116,14 +121,7 @@ const ImageExportModal = ({
         console.error(error);
         setRenderError(error);
       });
-  }, [
-    appState,
-    files,
-    exportedElements,
-    exportBackground,
-    exportPadding,
-    viewBackgroundColor,
-  ]);
+  }, [appState, files, exportedElements, exportPadding]);
 
   return (
     <div className="ExportDialog">
diff --git a/src/packages/utils.ts b/src/packages/utils.ts
index 1fb6cd3d9..560fa13ca 100644
--- a/src/packages/utils.ts
+++ b/src/packages/utils.ts
@@ -79,7 +79,11 @@ export const exportToCanvas = ({
 
         const max = Math.max(width, height);
 
-        const scale = maxWidthOrHeight / max;
+        // if content is less then maxWidthOrHeight, fallback on supplied scale
+        const scale =
+          maxWidthOrHeight < max
+            ? maxWidthOrHeight / max
+            : appState?.exportScale ?? 1;
 
         canvas.width = width * scale;
         canvas.height = height * scale;

From 979312f779b675b9e6ad917ae0b04512fcfbd783 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 19:44:14 +0530
Subject: [PATCH 145/252] fix: center align text when wrapped in container via
 context menu (#6480)

* rename action to wrapTextInContainer

* fix: center align text when wrapped in container via context menu

* revert translation key

* fix tests
---
 src/actions/actionBoundText.tsx                   |  5 +++--
 src/actions/types.ts                              |  2 +-
 src/components/App.tsx                            |  4 ++--
 src/element/textWysiwyg.test.tsx                  |  2 +-
 src/tests/__snapshots__/contextmenu.test.tsx.snap | 10 +++++-----
 src/tests/binding.test.tsx                        |  4 ++--
 6 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 830af3733..658bdf8ce 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -196,8 +196,8 @@ const pushContainerBelowText = (
   return updatedElements;
 };
 
-export const actionCreateContainerFromText = register({
-  name: "createContainerFromText",
+export const actionWrapTextInContainer = register({
+  name: "wrapTextInContainer",
   contextItemLabel: "labels.createContainerFromText",
   trackEvent: { category: "element" },
   predicate: (elements, appState) => {
@@ -286,6 +286,7 @@ export const actionCreateContainerFromText = register({
             containerId: container.id,
             verticalAlign: VERTICAL_ALIGN.MIDDLE,
             boundElements: null,
+            textAlign: TEXT_ALIGN.CENTER,
           },
           false,
         );
diff --git a/src/actions/types.ts b/src/actions/types.ts
index e46cd2ab8..b03e1053b 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -115,7 +115,7 @@ export type ActionName =
   | "toggleLinearEditor"
   | "toggleEraserTool"
   | "toggleHandTool"
-  | "createContainerFromText";
+  | "wrapTextInContainer";
 
 export type PanelComponentProps = {
   elements: readonly ExcalidrawElement[];
diff --git a/src/components/App.tsx b/src/components/App.tsx
index fcbcca873..20def468a 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -295,7 +295,7 @@ import {
 } from "../actions/actionCanvas";
 import { jotaiStore } from "../jotai";
 import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
-import { actionCreateContainerFromText } from "../actions/actionBoundText";
+import { actionWrapTextInContainer } from "../actions/actionBoundText";
 import BraveMeasureTextError from "./BraveMeasureTextError";
 
 const deviceContextInitialValue = {
@@ -6364,7 +6364,7 @@ class App extends React.Component<AppProps, AppState> {
       actionGroup,
       actionUnbindText,
       actionBindText,
-      actionCreateContainerFromText,
+      actionWrapTextInContainer,
       actionUngroup,
       CONTEXT_MENU_SEPARATOR,
       actionAddToLibrary,
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 4ae3f26f9..71c75c5a0 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -1506,7 +1506,7 @@ describe("textWysiwyg", () => {
         expect.objectContaining({
           text: "Excalidraw is an opensource virtual collaborative whiteboard",
           verticalAlign: VERTICAL_ALIGN.MIDDLE,
-          textAlign: TEXT_ALIGN.LEFT,
+          textAlign: TEXT_ALIGN.CENTER,
           boundElements: null,
         }),
       );
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 18656edd1..c5b61e42f 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -121,7 +121,7 @@ Object {
       },
       Object {
         "contextItemLabel": "labels.createContainerFromText",
-        "name": "createContainerFromText",
+        "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
         "trackEvent": Object {
@@ -4518,7 +4518,7 @@ Object {
       },
       Object {
         "contextItemLabel": "labels.createContainerFromText",
-        "name": "createContainerFromText",
+        "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
         "trackEvent": Object {
@@ -5068,7 +5068,7 @@ Object {
       },
       Object {
         "contextItemLabel": "labels.createContainerFromText",
-        "name": "createContainerFromText",
+        "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
         "trackEvent": Object {
@@ -5917,7 +5917,7 @@ Object {
       },
       Object {
         "contextItemLabel": "labels.createContainerFromText",
-        "name": "createContainerFromText",
+        "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
         "trackEvent": Object {
@@ -6263,7 +6263,7 @@ Object {
       },
       Object {
         "contextItemLabel": "labels.createContainerFromText",
-        "name": "createContainerFromText",
+        "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
         "trackEvent": Object {
diff --git a/src/tests/binding.test.tsx b/src/tests/binding.test.tsx
index c615eb925..07af36569 100644
--- a/src/tests/binding.test.tsx
+++ b/src/tests/binding.test.tsx
@@ -4,7 +4,7 @@ import { UI, Pointer, Keyboard } from "./helpers/ui";
 import { getTransformHandles } from "../element/transformHandles";
 import { API } from "./helpers/api";
 import { KEYS } from "../keys";
-import { actionCreateContainerFromText } from "../actions/actionBoundText";
+import { actionWrapTextInContainer } from "../actions/actionBoundText";
 
 const { h } = window;
 
@@ -277,7 +277,7 @@ describe("element binding", () => {
 
     expect(h.state.selectedElementIds[text1.id]).toBe(true);
 
-    h.app.actionManager.executeAction(actionCreateContainerFromText);
+    h.app.actionManager.executeAction(actionWrapTextInContainer);
 
     // new text container will be placed before the text element
     const container = h.elements.at(-2)!;

From c9c79646c535dbca2342c5f3de26c24c6aadce19 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 20:48:30 +0530
Subject: [PATCH 146/252] =?UTF-8?q?docs:=20release=20@excalidraw/excalidra?=
 =?UTF-8?q?w@0.15.0=20=20=F0=9F=8E=89=20(#6481)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/excalidraw/CHANGELOG.md | 150 ++++++++++++++++++++++++++-
 src/packages/excalidraw/package.json |   2 +-
 2 files changed, 150 insertions(+), 2 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index c36883b8e..5143bda31 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,7 +11,7 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
-## Unreleased
+## 0.15.0 (2023-04-18)
 
 ### Features
 
@@ -37,6 +37,154 @@ For more details refer to the [docs](https://docs.excalidraw.com)
 
 - Exporting labelled arrows via export utils [#6443](https://github.com/excalidraw/excalidraw/pull/6443)
 
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Constrain export dialog preview size [#6475](https://github.com/excalidraw/excalidraw/pull/6475)
+
+- Zigzag fill easter egg [#6439](https://github.com/excalidraw/excalidraw/pull/6439)
+
+- Add container to multiple text elements [#6428](https://github.com/excalidraw/excalidraw/pull/6428)
+
+- Starting migration from GA to Matomo for better privacy [#6398](https://github.com/excalidraw/excalidraw/pull/6398)
+
+- Add line height attribute to text element [#6360](https://github.com/excalidraw/excalidraw/pull/6360)
+
+- Add thai lang support [#6314](https://github.com/excalidraw/excalidraw/pull/6314)
+
+- Create bound container from text [#6301](https://github.com/excalidraw/excalidraw/pull/6301)
+
+- Improve text measurements in bound containers [#6187](https://github.com/excalidraw/excalidraw/pull/6187)
+
+- Bind text to container if double clicked on filled shape or stroke [#6250](https://github.com/excalidraw/excalidraw/pull/6250)
+
+- Make repair and refreshDimensions configurable in restoreElements [#6238](https://github.com/excalidraw/excalidraw/pull/6238)
+
+- Show error message when not connected to internet while collabo… [#6165](https://github.com/excalidraw/excalidraw/pull/6165)
+
+- Shortcut for clearCanvas confirmDialog [#6114](https://github.com/excalidraw/excalidraw/pull/6114)
+
+- Disable canvas smoothing (antialiasing) for right-angled elements [#6186](https://github.com/excalidraw/excalidraw/pull/6186)Co-authored-by: Ignacio Cuadra <67276174+ignacio-cuadra@users.noreply.github.com>
+
+### Fixes
+
+- Center align text when wrapped in container via context menu [#6480](https://github.com/excalidraw/excalidraw/pull/6480)
+
+- Restore original container height when unbinding text which was binded via context menu [#6444](https://github.com/excalidraw/excalidraw/pull/6444)
+
+- Mark more props as optional for element [#6448](https://github.com/excalidraw/excalidraw/pull/6448)
+
+- Improperly cache-busting on canvas scale instead of zoom [#6473](https://github.com/excalidraw/excalidraw/pull/6473)
+
+- Incorrectly duplicating items on paste/library insert [#6467](https://github.com/excalidraw/excalidraw/pull/6467)
+
+- Library ids cross-contamination on multiple insert [#6466](https://github.com/excalidraw/excalidraw/pull/6466)
+
+- Color picker keyboard handling not working [#6464](https://github.com/excalidraw/excalidraw/pull/6464)
+
+- Abort freedraw line if second touch is detected [#6440](https://github.com/excalidraw/excalidraw/pull/6440)
+
+- Utils leaking Scene state [#6461](https://github.com/excalidraw/excalidraw/pull/6461)
+
+- Split "Edit selected shape" shortcut [#6457](https://github.com/excalidraw/excalidraw/pull/6457)
+
+- Center align text when bind to container via context menu [#6451](https://github.com/excalidraw/excalidraw/pull/6451)
+
+- Update coords when text unbinded from its container [#6445](https://github.com/excalidraw/excalidraw/pull/6445)
+
+- Autoredirect to plus in prod only [#6446](https://github.com/excalidraw/excalidraw/pull/6446)
+
+- Fixing popover overflow on small screen [#6433](https://github.com/excalidraw/excalidraw/pull/6433)
+
+- Introduce baseline to fix the layout shift when switching to text editor [#6397](https://github.com/excalidraw/excalidraw/pull/6397)
+
+- Don't refresh dimensions for deleted text elements [#6438](https://github.com/excalidraw/excalidraw/pull/6438)
+
+- Element vanishes when zoomed in [#6417](https://github.com/excalidraw/excalidraw/pull/6417)
+
+- Don't jump text to end when out of viewport in safari [#6416](https://github.com/excalidraw/excalidraw/pull/6416)
+
+- GetDefaultLineHeight should return default font family line height for unknown font [#6399](https://github.com/excalidraw/excalidraw/pull/6399)
+
+- Revert use `ideographic` textBaseline to improve layout shift when editing text" [#6400](https://github.com/excalidraw/excalidraw/pull/6400)
+
+- Call stack size exceeded when paste large text [#6373](https://github.com/excalidraw/excalidraw/pull/6373) (#6396)
+
+- Use `ideographic` textBaseline to improve layout shift when editing text [#6384](https://github.com/excalidraw/excalidraw/pull/6384)
+
+- Chrome crashing when embedding scene on chrome arm [#6383](https://github.com/excalidraw/excalidraw/pull/6383)
+
+- Division by zero in findFocusPointForEllipse leads to infinite loop in wrapText freezing Excalidraw [#6377](https://github.com/excalidraw/excalidraw/pull/6377)
+
+- Containerizing text incorrectly updates arrow bindings [#6369](https://github.com/excalidraw/excalidraw/pull/6369)
+
+- Ensure export preview is centered [#6337](https://github.com/excalidraw/excalidraw/pull/6337)
+
+- Hide text align for labelled arrows [#6339](https://github.com/excalidraw/excalidraw/pull/6339)
+
+- Refresh dimensions when elements loaded from shareable link and blob [#6333](https://github.com/excalidraw/excalidraw/pull/6333)
+
+- Show error message when measureText API breaks in brave [#6336](https://github.com/excalidraw/excalidraw/pull/6336)
+
+- Add an offset of 0.5px for text editor in containers [#6328](https://github.com/excalidraw/excalidraw/pull/6328)
+
+- Move utility types out of `.d.ts` file to fix exported declaration files [#6315](https://github.com/excalidraw/excalidraw/pull/6315)
+
+- More jotai scopes missing [#6313](https://github.com/excalidraw/excalidraw/pull/6313)
+
+- Provide HelpButton title prop [#6209](https://github.com/excalidraw/excalidraw/pull/6209)
+
+- Respect text align when wrapping in a container [#6310](https://github.com/excalidraw/excalidraw/pull/6310)
+
+- Compute bounding box correctly for text element when multiple element resizing [#6307](https://github.com/excalidraw/excalidraw/pull/6307)
+
+- Use jotai scope for editor-specific atoms [#6308](https://github.com/excalidraw/excalidraw/pull/6308)
+
+- Consider arrow for bound text element [#6297](https://github.com/excalidraw/excalidraw/pull/6297)
+
+- Text never goes beyond max width for unbound text elements [#6288](https://github.com/excalidraw/excalidraw/pull/6288)
+
+- Svg text baseline [#6285](https://github.com/excalidraw/excalidraw/pull/6273)
+
+- Compute container height from bound text correctly [#6273](https://github.com/excalidraw/excalidraw/pull/6273)
+
+- Fit mobile toolbar and make scrollable [#6270](https://github.com/excalidraw/excalidraw/pull/6270)
+
+- Indenting via `tab` clashing with IME compositor [#6258](https://github.com/excalidraw/excalidraw/pull/6258)
+
+- Improve text wrapping inside rhombus and more fixes [#6265](https://github.com/excalidraw/excalidraw/pull/6265)
+
+- Improve text wrapping in ellipse and alignment [#6172](https://github.com/excalidraw/excalidraw/pull/6172)
+
+- Don't allow blank space in collab name [#6211](https://github.com/excalidraw/excalidraw/pull/6211)
+
+- Docker build architecture:linux/amd64 error occur on linux/arm64 instance [#6197](https://github.com/excalidraw/excalidraw/pull/6197)
+
+- Sort bound text elements to fix text duplication z-index error [#5130](https://github.com/excalidraw/excalidraw/pull/5130)
+
+- Hide welcome screen on mobile once user interacts [#6185](https://github.com/excalidraw/excalidraw/pull/6185)
+
+- Edit link in docs [#6182](https://github.com/excalidraw/excalidraw/pull/6182)
+
+### Refactor
+
+- Inline `SingleLibraryItem` into `PublishLibrary` [#6462](https://github.com/excalidraw/excalidraw/pull/6462)
+
+- Make the example React app reusable without duplication [#6188](https://github.com/excalidraw/excalidraw/pull/6188)
+
+### Performance
+
+- Break early if the line width <= max width of the container [#6347](https://github.com/excalidraw/excalidraw/pull/6347)
+
+### Build
+
+- Move TS and types to devDependencies [#6346](https://github.com/excalidraw/excalidraw/pull/6346)
+
+---
+
 ## 0.14.2 (2023-02-01)
 
 ### Features
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index be4e61d27..2351ee6a5 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

From 1d0653ce50cfc56b92235bf793cfa638f39144c4 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 21:03:17 +0530
Subject: [PATCH 147/252] docs: update docs for next version (#6251)

* update docs for opts param inr estore utils

* docs: add docs for `useI18n` hook (#6269)

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>

* upgrade excal

---------

Co-authored-by: David Luzar <luzar.david@gmail.com>
---
 .../excalidraw/api/utils/restore.mdx          | 28 +++++++++---
 .../excalidraw/api/utils/utils-intro.md       | 44 +++++++++++++++++++
 dev-docs/package.json                         |  2 +-
 dev-docs/src/theme/ReactLiveScope/index.js    |  1 +
 dev-docs/yarn.lock                            |  8 ++--
 5 files changed, 73 insertions(+), 10 deletions(-)

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
index 198626eec..665a1ef9f 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/utils/restore.mdx
@@ -31,10 +31,29 @@ You can pass `null` / `undefined` if not applicable.
 restoreElements(
   elements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ImportedDataState["elements"]</a>,<br/>&nbsp;
   localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null | undefined): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a>,<br/>&nbsp;
-  refreshDimensions?: boolean<br/>
+  opts: &#123; refreshDimensions?: boolean, repairBindings?: boolean }<br/>
 )
 </pre>
 
+| Prop | Type | Description |
+| ---- | ---- | ---- |
+| `elements` | <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ImportedDataState["elements"]</a> | The `elements` to be restored |
+| [`localElements`](#localelements) | <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> &#124; null &#124; undefined |  When `localElements` are supplied, they are used to ensure that existing restored elements reuse `version` (and increment it), and regenerate `versionNonce`. |
+| [`opts`](#opts) | `Object` | The extra optional parameter to configure restored elements
+
+#### localElements
+
+When `localElements` are supplied, they are used to ensure that existing restored elements reuse `version` (and increment it), and regenerate `versionNonce`.  
+Use this when you `import` elements which may already be present in the scene to ensure that you do not disregard the newly imported elements if you're using element version to detect the update
+
+#### opts
+The extra optional parameter to configure restored elements. It has the following attributes
+
+| Prop | Type | Description|
+| --- | --- | ------|
+| `refreshDimensions` | `boolean` | Indicates whether we should also `recalculate` text element dimensions. Since this is a potentially costly operation, you may want to disable it if you restore elements in tight loops, such as during collaboration. |
+| `repairBindings` |`boolean` | Indicates whether the `bindings` for the elements should be repaired. This is to make sure there are no containers with non existent bound text element id and no bound text elements with non existent container id. |
+
 **_How to use_**
 
 ```js
@@ -43,9 +62,6 @@ import { restoreElements } from "@excalidraw/excalidraw";
 
 This function will make sure all properties of element is correctly set and if any attribute is missing, it will be set to its default value.
 
-When `localElements` are supplied, they are used to ensure that existing restored elements reuse `version` (and increment it), and regenerate `versionNonce`.  
-Use this when you import elements which may already be present in the scene to ensure that you do not disregard the newly imported elements if you're using element version to detect the updates.
-
 Parameter `refreshDimensions` indicates whether we should also `recalculate` text element dimensions. Defaults to `false`. Since this is a potentially costly operation, you may want to disable it if you restore elements in tight loops, such as during collaboration.
 
 ### restore
@@ -56,7 +72,9 @@ Parameter `refreshDimensions` indicates whether we should also `recalculate` tex
 restore(
   data: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L34">ImportedDataState</a>,<br/>&nbsp;
   localAppState: Partial&lt;<a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>> | null | undefined,<br/>&nbsp;
-  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null | undefined<br/>): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L4">DataState</a>
+  localElements: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L114">ExcalidrawElement[]</a> | null | undefined<br/>): <a href="https://github.com/excalidraw/excalidraw/blob/master/src/data/types.ts#L4">DataState</a><br/>
+  opts: &#123; refreshDimensions?: boolean, repairBindings?: boolean }<br/>
+
 )
 </pre>
 
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md b/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md
index c21592382..4d2745c09 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/utils/utils-intro.md
@@ -339,3 +339,47 @@ The `device` has the following `attributes`
 | `isMobile` | `boolean` | Set to `true` when the device is `mobile` |
 | `isTouchScreen` | `boolean` | Set to `true` for `touch` devices |
 | `canDeviceFitSidebar` | `boolean` | Implies whether there is enough space to fit the `sidebar` |
+
+### i18n
+
+To help with localization, we export the following.
+
+| name | type |
+| --- | --- |
+| `defaultLang` | `string` |
+| `languages` | [`Language[]`](https://github.com/excalidraw/excalidraw/blob/master/src/i18n.ts#L15) |
+| `useI18n` | [`() => { langCode, t }`](https://github.com/excalidraw/excalidraw/blob/master/src/i18n.ts#L15) |
+
+```js
+import { defaultLang, languages, useI18n } from "@excalidraw/excalidraw";
+```
+
+#### defaultLang
+
+Default language code, `en`.
+
+#### languages
+
+List of supported language codes. You can pass any of these to `Excalidraw`'s [`langCode` prop](/docs/@excalidraw/excalidraw/api/props/#langcode).
+
+#### useI18n
+
+A hook that returns the current language code and translation helper function. You can use this to translate strings in the components you render as children of `<Excalidraw>`.
+
+```jsx live
+function App() {
+  const { t } = useI18n();
+  return (
+    <div style={{ height: "500px" }}>
+      <Excalidraw>
+        <button
+          style={{ position: "absolute", zIndex: 10, height: "2rem" }}
+          onClick={() => window.alert(t("labels.madeWithExcalidraw"))}
+        >
+          {t("buttons.confirm")}
+        </button>
+      </Excalidraw>
+    </div>
+  );
+}
+```
diff --git a/dev-docs/package.json b/dev-docs/package.json
index dd3c45872..1e8745910 100644
--- a/dev-docs/package.json
+++ b/dev-docs/package.json
@@ -18,7 +18,7 @@
     "@docusaurus/core": "2.2.0",
     "@docusaurus/preset-classic": "2.2.0",
     "@docusaurus/theme-live-codeblock": "2.2.0",
-    "@excalidraw/excalidraw": "0.14.2",
+    "@excalidraw/excalidraw": "0.15.0",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
     "docusaurus-plugin-sass": "0.2.3",
diff --git a/dev-docs/src/theme/ReactLiveScope/index.js b/dev-docs/src/theme/ReactLiveScope/index.js
index a282ad6f0..e5263e1db 100644
--- a/dev-docs/src/theme/ReactLiveScope/index.js
+++ b/dev-docs/src/theme/ReactLiveScope/index.js
@@ -24,6 +24,7 @@ const ExcalidrawScope = {
   Sidebar: ExcalidrawComp.Sidebar,
   exportToCanvas: ExcalidrawComp.exportToCanvas,
   initialData,
+  useI18n: ExcalidrawComp.useI18n,
 };
 
 export default ExcalidrawScope;
diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index 041f39b55..ee3d50cbf 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -1631,10 +1631,10 @@
     url-loader "^4.1.1"
     webpack "^5.73.0"
 
-"@excalidraw/excalidraw@0.14.2":
-  version "0.14.2"
-  resolved "https://registry.yarnpkg.com/@excalidraw/excalidraw/-/excalidraw-0.14.2.tgz#150cb4b7a1bf0d11cd64295936c930e7e0db8375"
-  integrity sha512-8LdjpTBWEK5waDWB7Bt/G9YBI4j0OxkstUhvaDGz7dwQGfzF6FW5CXBoYHNEoX0qmb+Fg/NPOlZ7FrKsrSVCqg==
+"@excalidraw/excalidraw@0.15.0":
+  version "0.15.0"
+  resolved "https://registry.yarnpkg.com/@excalidraw/excalidraw/-/excalidraw-0.15.0.tgz#47170de8d3ff006e9d09dfede2815682b0d4485b"
+  integrity sha512-PJmh1VcuRHG4l+Zgt9qhezxrJ16tYCZFZ8if5IEfmTL9A/7c5mXxY/qrPTqiGlVC7jYs+ciePXQ0YUDzfOfbzw==
 
 "@hapi/hoek@^9.0.0":
   version "9.3.0"

From 89304c9f66ac9949edb47d254ae3d99602b2dff4 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 21:23:47 +0530
Subject: [PATCH 148/252] fix: add readme back to npm package which was
 mistakenly removed (#6484)

* fix: remove update readme script from release

* update docs

* remove

* fix
---
 scripts/release.js                   | 20 --------------------
 src/packages/excalidraw/CHANGELOG.md |  6 ++++++
 2 files changed, 6 insertions(+), 20 deletions(-)

diff --git a/scripts/release.js b/scripts/release.js
index 986eadc2a..24ac89c6b 100644
--- a/scripts/release.js
+++ b/scripts/release.js
@@ -1,22 +1,9 @@
-const fs = require("fs");
 const { execSync } = require("child_process");
 
 const excalidrawDir = `${__dirname}/../src/packages/excalidraw`;
 const excalidrawPackage = `${excalidrawDir}/package.json`;
 const pkg = require(excalidrawPackage);
 
-const originalReadMe = fs.readFileSync(`${excalidrawDir}/README.md`, "utf8");
-
-const updateReadme = () => {
-  const excalidrawIndex = originalReadMe.indexOf("### Excalidraw");
-
-  // remove note for stable readme
-  const data = originalReadMe.slice(excalidrawIndex);
-
-  // update readme
-  fs.writeFileSync(`${excalidrawDir}/README.md`, data, "utf8");
-};
-
 const publish = () => {
   try {
     execSync(`yarn  --frozen-lockfile`);
@@ -30,15 +17,8 @@ const publish = () => {
 };
 
 const release = () => {
-  updateReadme();
-  console.info("Note for stable readme removed");
-
   publish();
   console.info(`Published ${pkg.version}!`);
-
-  // revert readme after release
-  fs.writeFileSync(`${excalidrawDir}/README.md`, originalReadMe, "utf8");
-  console.info("Readme reverted");
 };
 
 release();
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 5143bda31..b2ac3a682 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,6 +11,12 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## Unreleased
+
+### Docs
+
+- Add the readme back to the package which was mistakenly removed [#6484](https://github.com/excalidraw/excalidraw/pull/6484)
+
 ## 0.15.0 (2023-04-18)
 
 ### Features

From b64beaf5ba42ab55302fb9f5b752b06b28c0c213 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 21:32:33 +0530
Subject: [PATCH 149/252] =?UTF-8?q?docs:=20release=20@excalidraw/excalidra?=
 =?UTF-8?q?w@0.15.1=20=20=F0=9F=8E=89=20(#6485)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/excalidraw/CHANGELOG.md | 8 +++++++-
 src/packages/excalidraw/package.json | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index b2ac3a682..f285349f0 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,12 +11,18 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
-## Unreleased
+## 0.15.1 (2023-04-18)
 
 ### Docs
 
 - Add the readme back to the package which was mistakenly removed [#6484](https://github.com/excalidraw/excalidraw/pull/6484)
 
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+---
+
 ## 0.15.0 (2023-04-18)
 
 ### Features
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 2351ee6a5..a59837454 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

From ff3c2e5a160d2982d48657091f1fbcaacf82a6e2 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 18 Apr 2023 21:52:08 +0530
Subject: [PATCH 150/252] docs: fix docs link in readme (#6486)

* docs: fix docs link in readme

* update changelog
---
 src/packages/excalidraw/CHANGELOG.md | 6 ++++++
 src/packages/excalidraw/README.md    | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index f285349f0..e69f05d0a 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,6 +11,12 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## Unreleased
+
+### Docs
+
+- Fix docs link in readme [#6486](https://github.com/excalidraw/excalidraw/pull/6486)
+
 ## 0.15.1 (2023-04-18)
 
 ### Docs
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index eaeef4b0c..d650885df 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -38,8 +38,8 @@ Excalidraw takes _100%_ of `width` and `height` of the containing block so make
 
 ## Integration
 
-Head over to the [docs](https://docs.excalidraw.com/docs/package/integration)
+Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration)
 
 ## API
 
-Head over to the [docs](https://docs.excalidraw.com/docs/package/api)
+Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api)

From 98a77d7426ea3de9c26418f35ef9c6389f3e1d25 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 19 Apr 2023 17:02:20 +0530
Subject: [PATCH 151/252] chore: show bounding box only when flag is true
 (#6490)

---
 src/renderer/renderElement.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 21de70cb9..f85c83a6b 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -864,7 +864,8 @@ const drawElementFromCanvas = (
     );
 
     if (
-      process.env.REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX &&
+      process.env.REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
+        "true" &&
       hasBoundTextElement(element)
     ) {
       const coords = getContainerCoords(element);

From eea30da05a5847e28df7f56051575c5daf7ae49e Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 19 Apr 2023 16:23:24 +0200
Subject: [PATCH 152/252] fix: incorrect background fill button active state
 (#6491)

---
 src/actions/actionProperties.tsx | 12 +++++++-----
 src/locales/en.json              |  1 +
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index ed714816b..382e964b9 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -84,7 +84,7 @@ import {
   isSomeElementSelected,
 } from "../scene";
 import { hasStrokeColor } from "../scene/comparisons";
-import { arrayToMap } from "../utils";
+import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 
 const FONT_SIZE_RELATIVE_INCREASE_STEP = 0.1;
@@ -314,9 +314,9 @@ export const actionChangeFillStyle = register({
   },
   PanelComponent: ({ elements, appState, updateData }) => {
     const selectedElements = getSelectedElements(elements, appState);
-    const allElementsZigZag = selectedElements.every(
-      (el) => el.fillStyle === "zigzag",
-    );
+    const allElementsZigZag =
+      selectedElements.length > 0 &&
+      selectedElements.every((el) => el.fillStyle === "zigzag");
 
     return (
       <fieldset>
@@ -326,7 +326,9 @@ export const actionChangeFillStyle = register({
           options={[
             {
               value: "hachure",
-              text: t("labels.hachure"),
+              text: `${
+                allElementsZigZag ? t("labels.zigzag") : t("labels.hachure")
+              } (${getShortcutKey("Alt-Click")})`,
               icon: allElementsZigZag ? FillZigZagIcon : FillHachureIcon,
               active: allElementsZigZag ? true : undefined,
             },
diff --git a/src/locales/en.json b/src/locales/en.json
index 8752d415a..7e250a800 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -54,6 +54,7 @@
     "veryLarge": "Very large",
     "solid": "Solid",
     "hachure": "Hachure",
+    "zigzag": "Zigzag",
     "crossHatch": "Cross-hatch",
     "thin": "Thin",
     "bold": "Bold",

From 404a79e241e4aa2eda287513e9cef497e40da832 Mon Sep 17 00:00:00 2001
From: Max Kovalenko <mxss1998@yandex.ru>
Date: Wed, 19 Apr 2023 13:18:03 -0400
Subject: [PATCH 153/252] chore: typo (collab) - reconciliation.ts (#6447)

---
 src/excalidraw-app/collab/reconciliation.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/excalidraw-app/collab/reconciliation.ts b/src/excalidraw-app/collab/reconciliation.ts
index 76b6f052a..3f50bc358 100644
--- a/src/excalidraw-app/collab/reconciliation.ts
+++ b/src/excalidraw-app/collab/reconciliation.ts
@@ -65,7 +65,7 @@ export const reconcileElements = (
 
     // Mark duplicate for removal as it'll be replaced with the remote element
     if (local) {
-      // Unless the ramote and local elements are the same element in which case
+      // Unless the remote and local elements are the same element in which case
       // we need to keep it as we'd otherwise discard it from the resulting
       // array.
       if (local[0] === remoteElement) {

From 5ddb28d37830174798ad3a4e7b1ce319ea8b1cfb Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 20 Apr 2023 11:10:46 +0530
Subject: [PATCH 154/252] fix: support breaking words containing hyphen -
 (#6014)

* fix: support breaking words containing hyphen -

* fix

* add spec

* fix

* fix

* fix

* fix and add spec

* improve code and add more tests
---
 src/element/textElement.test.ts | 51 +++++++++++++++++++++++++++++++++
 src/element/textElement.ts      | 47 ++++++++++++++++++++++++------
 2 files changed, 89 insertions(+), 9 deletions(-)

diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index 106ed7bea..f83eafd1b 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -9,6 +9,7 @@ import {
   detectLineHeight,
   getLineHeightInPx,
   getDefaultLineHeight,
+  parseTokens,
 } from "./textElement";
 import { FontString } from "./types";
 
@@ -183,6 +184,56 @@ now`,
     expect(wrapText(text, font, -1)).toEqual(text);
     expect(wrapText(text, font, Infinity)).toEqual(text);
   });
+
+  it("should wrap the text correctly when text contains hyphen", () => {
+    let text =
+      "Wikipedia is hosted by Wikimedia- Foundation, a non-profit organization that also hosts a range-of other projects";
+    const res = wrapText(text, font, 110);
+    expect(res).toBe(
+      `Wikipedia \nis hosted \nby \nWikimedia-\nFoundation,\na non-\nprofit \norganizati\non that \nalso hosts\na range-of\nother \nprojects`,
+    );
+
+    text = "Hello thereusing-now";
+    expect(wrapText(text, font, 100)).toEqual("Hello \nthereusin\ng-now");
+  });
+});
+
+describe("Test parseTokens", () => {
+  it("should split into tokens correctly", () => {
+    let text = "Excalidraw is a virtual collaborative whiteboard";
+    expect(parseTokens(text)).toEqual([
+      "Excalidraw",
+      "is",
+      "a",
+      "virtual",
+      "collaborative",
+      "whiteboard",
+    ]);
+
+    text =
+      "Wikipedia is hosted by Wikimedia- Foundation, a non-profit organization that also hosts a range-of other projects";
+    expect(parseTokens(text)).toEqual([
+      "Wikipedia",
+      "is",
+      "hosted",
+      "by",
+      "Wikimedia-",
+      "",
+      "Foundation,",
+      "a",
+      "non-",
+      "profit",
+      "organization",
+      "that",
+      "also",
+      "hosts",
+      "a",
+      "range-",
+      "of",
+      "other",
+      "projects",
+    ]);
+  });
 });
 
 describe("Test measureText", () => {
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 38da5df5a..f01ba3e1b 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -419,6 +419,24 @@ export const getTextHeight = (
   return getLineHeightInPx(fontSize, lineHeight) * lineCount;
 };
 
+export const parseTokens = (text: string) => {
+  // Splitting words containing "-" as those are treated as separate words
+  // by css wrapping algorithm eg non-profit => non-, profit
+  const words = text.split("-");
+  if (words.length > 1) {
+    // non-proft org => ['non-', 'profit org']
+    words.forEach((word, index) => {
+      if (index !== words.length - 1) {
+        words[index] = word += "-";
+      }
+    });
+  }
+  // Joining the words with space and splitting them again with space to get the
+  // final list of tokens
+  // ['non-', 'profit org'] =>,'non- proft org' => ['non-','profit','org']
+  return words.join(" ").split(" ");
+};
+
 export const wrapText = (text: string, font: FontString, maxWidth: number) => {
   // if maxWidth is not finite or NaN which can happen in case of bugs in
   // computation, we need to make sure we don't continue as we'll end up
@@ -444,17 +462,16 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
     currentLine = "";
     currentLineWidthTillNow = 0;
   };
-
   originalLines.forEach((originalLine) => {
     const currentLineWidth = getTextWidth(originalLine, font);
 
-    //Push the line if its <= maxWidth
+    // Push the line if its <= maxWidth
     if (currentLineWidth <= maxWidth) {
       lines.push(originalLine);
       return; // continue
     }
-    const words = originalLine.split(" ");
 
+    const words = parseTokens(originalLine);
     resetParams();
 
     let index = 0;
@@ -472,6 +489,7 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
       else if (currentWordWidth > maxWidth) {
         // push current line since the current word exceeds the max width
         // so will be appended in next line
+
         push(currentLine);
 
         resetParams();
@@ -492,15 +510,15 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
             currentLine += currentChar;
           }
         }
-
         // push current line if appending space exceeds max width
         if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
           push(currentLine);
           resetParams();
-        } else {
           // space needs to be appended before next word
           // as currentLine contains chars which couldn't be appended
-          // to previous line
+          // to previous line unless the line ends with hyphen to sync
+          // with css word-wrap
+        } else if (!currentLine.endsWith("-")) {
           currentLine += " ";
           currentLineWidthTillNow += spaceWidth;
         }
@@ -518,12 +536,23 @@ export const wrapText = (text: string, font: FontString, maxWidth: number) => {
             break;
           }
           index++;
-          currentLine += `${word} `;
+
+          // if word ends with "-" then we don't need to add space
+          // to sync with css word-wrap
+          const shouldAppendSpace = !word.endsWith("-");
+          currentLine += word;
+
+          if (shouldAppendSpace) {
+            currentLine += " ";
+          }
 
           // Push the word if appending space exceeds max width
           if (currentLineWidthTillNow + spaceWidth >= maxWidth) {
-            const word = currentLine.slice(0, -1);
-            push(word);
+            if (shouldAppendSpace) {
+              lines.push(currentLine.slice(0, -1));
+            } else {
+              lines.push(currentLine);
+            }
             resetParams();
             break;
           }

From 851b9b7aecb97bee6a55da669f4a431a3fca733c Mon Sep 17 00:00:00 2001
From: siddhant <30566406+siddhant1@users.noreply.github.com>
Date: Thu, 20 Apr 2023 16:34:39 +0530
Subject: [PATCH 155/252] fix: rotate the text element when binding to a
 rotated container (#6477)

* Updated logic to update the bound child angle from the parent

* update angle when generating text element

* add test

* remove

* fix

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/components/App.tsx           |  1 +
 src/element/textWysiwyg.test.tsx | 30 ++++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 20def468a..413a130d8 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2744,6 +2744,7 @@ class App extends React.Component<AppProps, AppState> {
           containerId: shouldBindToContainer ? container?.id : undefined,
           groupIds: container?.groupIds ?? [],
           lineHeight,
+          angle: container?.angle ?? 0,
         });
 
     if (!existingTextElement && shouldBindToContainer && container) {
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 71c75c5a0..f3c75db8b 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -526,6 +526,36 @@ describe("textWysiwyg", () => {
       ]);
     });
 
+    it("should set the text element angle to same as container angle when binding to rotated container", async () => {
+      const rectangle = API.createElement({
+        type: "rectangle",
+        width: 90,
+        height: 75,
+        angle: 45,
+      });
+      h.elements = [rectangle];
+      mouse.doubleClickAt(rectangle.x + 10, rectangle.y + 10);
+      const text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      expect(text.type).toBe("text");
+      expect(text.containerId).toBe(rectangle.id);
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: text.id, type: "text" },
+      ]);
+      expect(text.angle).toBe(rectangle.angle);
+      mouse.down();
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      fireEvent.change(editor, { target: { value: "Hello World!" } });
+
+      await new Promise((r) => setTimeout(r, 0));
+      editor.blur();
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: text.id, type: "text" },
+      ]);
+    });
+
     it("should compute the container height correctly and not throw error when height is updated while editing the text", async () => {
       const diamond = API.createElement({
         type: "diamond",

From 9368a9ce3ec3a49d92b0d8cf2a6910d94d7b6191 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 20 Apr 2023 17:05:03 +0530
Subject: [PATCH 156/252] build(deps): bump webpack from 5.75.0 to 5.76.1
 (#6357)

Bumps [webpack](https://github.com/webpack/webpack) from 5.75.0 to 5.76.1.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.75.0...v5.76.1)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 31624f92b..89d153909 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10601,9 +10601,9 @@ webpack-sources@^3.2.3:
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
 webpack@^5.64.4:
-  version "5.75.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.75.0.tgz#1e440468647b2505860e94c9ff3e44d5b582c152"
-  integrity sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==
+  version "5.76.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.76.1.tgz#7773de017e988bccb0f13c7d75ec245f377d295c"
+  integrity sha512-4+YIK4Abzv8172/SGqObnUjaIHjLEuUasz9EwQj/9xmPPkYJy2Mh03Q/lJfSD3YLzbxy5FeTq5Uw0323Oh6SJQ==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"

From d12a9fdd40a10394a2f78f8cef825633ad0f0b87 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 20 Apr 2023 17:07:56 +0530
Subject: [PATCH 157/252] build(deps): bump ua-parser-js from 0.7.31 to 0.7.33
 in /dev-docs (#6164)

Bumps [ua-parser-js](https://github.com/faisalman/ua-parser-js) from 0.7.31 to 0.7.33.
- [Release notes](https://github.com/faisalman/ua-parser-js/releases)
- [Changelog](https://github.com/faisalman/ua-parser-js/blob/master/changelog.md)
- [Commits](https://github.com/faisalman/ua-parser-js/compare/0.7.31...0.7.33)

---
updated-dependencies:
- dependency-name: ua-parser-js
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 dev-docs/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index ee3d50cbf..1b547bbbc 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -7159,9 +7159,9 @@ typescript@^4.7.4:
   integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
 
 ua-parser-js@^0.7.30:
-  version "0.7.31"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.31.tgz#649a656b191dffab4f21d5e053e27ca17cbff5c6"
-  integrity sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==
+  version "0.7.33"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.33.tgz#1d04acb4ccef9293df6f70f2c3d22f3030d8b532"
+  integrity sha512-s8ax/CeZdK9R/56Sui0WM6y9OFREJarMRHqLB2EwkovemBxNQ+Bqu8GAsUnVcXKgphb++ghr/B2BZx4mahujPw==
 
 unescape@^1.0.1:
   version "1.0.1"

From c4445c181b9f1e87b346a38a6d3e39ed1e1e67b1 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 20 Apr 2023 17:34:06 +0530
Subject: [PATCH 158/252] =?UTF-8?q?docs:=20release=20@excalidraw/excalidra?=
 =?UTF-8?q?w@0.15.2=20=20=F0=9F=8E=89=20(#6495)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/excalidraw/CHANGELOG.md | 16 +++++++++++++++-
 src/packages/excalidraw/package.json |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index e69f05d0a..a2f7466b8 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,12 +11,26 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
-## Unreleased
+## 0.15.2 (2023-04-20)
 
 ### Docs
 
 - Fix docs link in readme [#6486](https://github.com/excalidraw/excalidraw/pull/6486)
 
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Fixes
+
+- Rotate the text element when binding to a rotated container [#6477](https://github.com/excalidraw/excalidraw/pull/6477)
+
+- Support breaking words containing hyphen - [#6014](https://github.com/excalidraw/excalidraw/pull/6014)
+
+- Incorrect background fill button active state [#6491](https://github.com/excalidraw/excalidraw/pull/6491)
+
+---
+
 ## 0.15.1 (2023-04-18)
 
 ### Docs
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index a59837454..57f6ce395 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

From 2a4799d8c86964a3e3fd6f08defc3452c033d8c9 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 20 Apr 2023 17:40:08 +0530
Subject: [PATCH 159/252] chore: upgrade excalidraw version to 0.15.2 (#6496)

chore: updragde excalidraw version to 0.15.2
---
 dev-docs/package.json | 2 +-
 dev-docs/yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/dev-docs/package.json b/dev-docs/package.json
index 1e8745910..0aee8e01f 100644
--- a/dev-docs/package.json
+++ b/dev-docs/package.json
@@ -18,7 +18,7 @@
     "@docusaurus/core": "2.2.0",
     "@docusaurus/preset-classic": "2.2.0",
     "@docusaurus/theme-live-codeblock": "2.2.0",
-    "@excalidraw/excalidraw": "0.15.0",
+    "@excalidraw/excalidraw": "0.15.2",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
     "docusaurus-plugin-sass": "0.2.3",
diff --git a/dev-docs/yarn.lock b/dev-docs/yarn.lock
index 1b547bbbc..6206a60e9 100644
--- a/dev-docs/yarn.lock
+++ b/dev-docs/yarn.lock
@@ -1631,10 +1631,10 @@
     url-loader "^4.1.1"
     webpack "^5.73.0"
 
-"@excalidraw/excalidraw@0.15.0":
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/@excalidraw/excalidraw/-/excalidraw-0.15.0.tgz#47170de8d3ff006e9d09dfede2815682b0d4485b"
-  integrity sha512-PJmh1VcuRHG4l+Zgt9qhezxrJ16tYCZFZ8if5IEfmTL9A/7c5mXxY/qrPTqiGlVC7jYs+ciePXQ0YUDzfOfbzw==
+"@excalidraw/excalidraw@0.15.2":
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/@excalidraw/excalidraw/-/excalidraw-0.15.2.tgz#7dba4f6e10c52015a007efb75a9fc1afe598574c"
+  integrity sha512-rTI02kgWSTXiUdIkBxt9u/581F3eXcqQgJdIxmz54TFtG3ughoxO5fr4t7Fr2LZIturBPqfocQHGKZ0t2KLKgw==
 
 "@hapi/hoek@^9.0.0":
   version "9.3.0"

From fee760d38c18c4d90c053b98d7cfa355707fc427 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 21 Apr 2023 22:53:49 +0200
Subject: [PATCH 160/252] feat: allow `avif`, `jfif`, `webp`, `bmp`, `ico`
 image types (#6500

* feat: allow `avif`, `jfif`, `webp`, `bmp`, `ico` image types

* dedupe for SSOT

* more SSOT
---
 src/components/App.tsx |  5 ++++-
 src/constants.ts       | 32 ++++++++++++++++----------------
 src/data/blob.ts       |  8 +++-----
 src/data/filesystem.ts | 11 +----------
 src/types.ts           |  8 ++++----
 5 files changed, 28 insertions(+), 36 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 413a130d8..8000ea560 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -60,6 +60,7 @@ import {
   ENV,
   EVENT,
   GRID_SIZE,
+  IMAGE_MIME_TYPES,
   IMAGE_RENDER_TIMEOUT,
   isAndroid,
   isBrave,
@@ -5743,7 +5744,9 @@ class App extends React.Component<AppProps, AppState> {
 
       const imageFile = await fileOpen({
         description: "Image",
-        extensions: ["jpg", "png", "svg", "gif"],
+        extensions: Object.keys(
+          IMAGE_MIME_TYPES,
+        ) as (keyof typeof IMAGE_MIME_TYPES)[],
       });
 
       const imageElement = this.createImageElement({
diff --git a/src/constants.ts b/src/constants.ts
index 23fefa6e5..19b41b688 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -105,20 +105,30 @@ export const CANVAS_ONLY_ACTIONS = ["selectAll"];
 
 export const GRID_SIZE = 20; // TODO make it configurable?
 
-export const MIME_TYPES = {
-  excalidraw: "application/vnd.excalidraw+json",
-  excalidrawlib: "application/vnd.excalidrawlib+json",
-  json: "application/json",
+export const IMAGE_MIME_TYPES = {
   svg: "image/svg+xml",
-  "excalidraw.svg": "image/svg+xml",
   png: "image/png",
-  "excalidraw.png": "image/png",
   jpg: "image/jpeg",
   gif: "image/gif",
   webp: "image/webp",
   bmp: "image/bmp",
   ico: "image/x-icon",
+  avif: "image/avif",
+  jfif: "image/jfif",
+} as const;
+
+export const MIME_TYPES = {
+  json: "application/json",
+  // excalidraw data
+  excalidraw: "application/vnd.excalidraw+json",
+  excalidrawlib: "application/vnd.excalidrawlib+json",
+  // image-encoded excalidraw data
+  "excalidraw.svg": "image/svg+xml",
+  "excalidraw.png": "image/png",
+  // binary
   binary: "application/octet-stream",
+  // image
+  ...IMAGE_MIME_TYPES,
 } as const;
 
 export const EXPORT_DATA_TYPES = {
@@ -189,16 +199,6 @@ export const DEFAULT_EXPORT_PADDING = 10; // px
 
 export const DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
 
-export const ALLOWED_IMAGE_MIME_TYPES = [
-  MIME_TYPES.png,
-  MIME_TYPES.jpg,
-  MIME_TYPES.svg,
-  MIME_TYPES.gif,
-  MIME_TYPES.webp,
-  MIME_TYPES.bmp,
-  MIME_TYPES.ico,
-] as const;
-
 export const MAX_ALLOWED_FILE_BYTES = 2 * 1024 * 1024;
 
 export const SVG_NS = "http://www.w3.org/2000/svg";
diff --git a/src/data/blob.ts b/src/data/blob.ts
index 47cff293f..4565b5cb5 100644
--- a/src/data/blob.ts
+++ b/src/data/blob.ts
@@ -1,6 +1,6 @@
 import { nanoid } from "nanoid";
 import { cleanAppStateForExport } from "../appState";
-import { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "../constants";
+import { IMAGE_MIME_TYPES, MIME_TYPES } from "../constants";
 import { clearElementsForExport } from "../element";
 import { ExcalidrawElement, FileId } from "../element/types";
 import { CanvasError } from "../errors";
@@ -117,11 +117,9 @@ export const isImageFileHandle = (handle: FileSystemHandle | null) => {
 
 export const isSupportedImageFile = (
   blob: Blob | null | undefined,
-): blob is Blob & { type: typeof ALLOWED_IMAGE_MIME_TYPES[number] } => {
+): blob is Blob & { type: ValueOf<typeof IMAGE_MIME_TYPES> } => {
   const { type } = blob || {};
-  return (
-    !!type && (ALLOWED_IMAGE_MIME_TYPES as readonly string[]).includes(type)
-  );
+  return !!type && (Object.values(IMAGE_MIME_TYPES) as string[]).includes(type);
 };
 
 export const loadSceneOrLibraryFromBlob = async (
diff --git a/src/data/filesystem.ts b/src/data/filesystem.ts
index ffe088faf..fa29604f4 100644
--- a/src/data/filesystem.ts
+++ b/src/data/filesystem.ts
@@ -8,16 +8,7 @@ import { EVENT, MIME_TYPES } from "../constants";
 import { AbortError } from "../errors";
 import { debounce } from "../utils";
 
-type FILE_EXTENSION =
-  | "gif"
-  | "jpg"
-  | "png"
-  | "excalidraw.png"
-  | "svg"
-  | "excalidraw.svg"
-  | "json"
-  | "excalidraw"
-  | "excalidrawlib";
+type FILE_EXTENSION = Exclude<keyof typeof MIME_TYPES, "binary">;
 
 const INPUT_CHANGE_INTERVAL_MS = 500;
 
diff --git a/src/types.ts b/src/types.ts
index 09848df1d..e5ad01b59 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -29,9 +29,9 @@ import { isOverScrollBars } from "./scene";
 import { MaybeTransformHandleType } from "./element/transformHandles";
 import Library from "./data/library";
 import type { FileSystemHandle } from "./data/filesystem";
-import type { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
+import type { IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
-import { Merge, ForwardRef } from "./utility-types";
+import { Merge, ForwardRef, ValueOf } from "./utility-types";
 import React from "react";
 
 export type Point = Readonly<RoughPoint>;
@@ -60,7 +60,7 @@ export type DataURL = string & { _brand: "DataURL" };
 
 export type BinaryFileData = {
   mimeType:
-    | typeof ALLOWED_IMAGE_MIME_TYPES[number]
+    | ValueOf<typeof IMAGE_MIME_TYPES>
     // future user or unknown file type
     | typeof MIME_TYPES.binary;
   id: FileId;
@@ -419,7 +419,7 @@ export type AppClassProperties = {
     FileId,
     {
       image: HTMLImageElement | Promise<HTMLImageElement>;
-      mimeType: typeof ALLOWED_IMAGE_MIME_TYPES[number];
+      mimeType: ValueOf<typeof IMAGE_MIME_TYPES>;
     }
   >;
   files: BinaryFiles;

From 9d5cfbbfb73c9abcf9ae534eb61548a9aa6fe225 Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Sat, 22 Apr 2023 14:17:13 +0200
Subject: [PATCH 161/252] fix: text jumps when editing on Android Chrome
 (#6503)

* debug logging

* debug

* debugging

* Update textWysiwyg.tsx

* Update textWysiwyg.tsx

* extended debug information

* debug

* debug

* trace

* further debug

* don't drag while editing

* removing all console.logs

* revert all changes to textWysiwyt.tsx

* updated comment
---
 src/components/App.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 8000ea560..546261436 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -4721,7 +4721,12 @@ class App extends React.Component<AppProps, AppState> {
         pointerDownState.drag.hasOccurred = true;
         // prevent dragging even if we're no longer holding cmd/ctrl otherwise
         // it would have weird results (stuff jumping all over the screen)
-        if (selectedElements.length > 0 && !pointerDownState.withCmdOrCtrl) {
+        // Checking for editingElement to avoid jump while editing on mobile #6503
+        if (
+          selectedElements.length > 0 &&
+          !pointerDownState.withCmdOrCtrl &&
+          !this.state.editingElement
+        ) {
           const [dragX, dragY] = getGridPoint(
             pointerCoords.x - pointerDownState.drag.offset.x,
             pointerCoords.y - pointerDownState.drag.offset.y,

From d35386755f951ae7612c2c793ad11d79503e3482 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 24 Apr 2023 10:26:21 +0200
Subject: [PATCH 162/252] feat: retain `seed` on shift-paste (#6509)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

thanks for the review 👍
---
 src/actions/actionClipboard.tsx     |  2 +-
 src/clipboard.ts                    | 38 ++++++++++++------
 src/components/App.tsx              |  5 +++
 src/components/LibraryMenuItems.tsx |  2 +-
 src/element/newElement.ts           | 17 +++++++-
 src/packages/utils.ts               | 10 +----
 src/tests/clipboard.test.tsx        | 61 ++++++++++++++++++++---------
 src/tests/flip.test.tsx             | 21 ++++------
 src/tests/test-utils.ts             | 21 ++++++++++
 9 files changed, 120 insertions(+), 57 deletions(-)

diff --git a/src/actions/actionClipboard.tsx b/src/actions/actionClipboard.tsx
index 661f65f38..18fefafd2 100644
--- a/src/actions/actionClipboard.tsx
+++ b/src/actions/actionClipboard.tsx
@@ -18,7 +18,7 @@ export const actionCopy = register({
   perform: (elements, appState, _, app) => {
     const selectedElements = getSelectedElements(elements, appState, true);
 
-    copyToClipboard(selectedElements, appState, app.files);
+    copyToClipboard(selectedElements, app.files);
 
     return {
       commitToHistory: false,
diff --git a/src/clipboard.ts b/src/clipboard.ts
index 5f7950c53..c0f5844dd 100644
--- a/src/clipboard.ts
+++ b/src/clipboard.ts
@@ -2,12 +2,12 @@ import {
   ExcalidrawElement,
   NonDeletedExcalidrawElement,
 } from "./element/types";
-import { AppState, BinaryFiles } from "./types";
+import { BinaryFiles } from "./types";
 import { SVG_EXPORT_TAG } from "./scene/export";
 import { tryParseSpreadsheet, Spreadsheet, VALID_SPREADSHEET } from "./charts";
 import { EXPORT_DATA_TYPES, MIME_TYPES } from "./constants";
 import { isInitializedImageElement } from "./element/typeChecks";
-import { isPromiseLike } from "./utils";
+import { isPromiseLike, isTestEnv } from "./utils";
 
 type ElementsClipboard = {
   type: typeof EXPORT_DATA_TYPES.excalidrawClipboard;
@@ -55,24 +55,40 @@ const clipboardContainsElements = (
 
 export const copyToClipboard = async (
   elements: readonly NonDeletedExcalidrawElement[],
-  appState: AppState,
   files: BinaryFiles | null,
 ) => {
+  let foundFile = false;
+
+  const _files = elements.reduce((acc, element) => {
+    if (isInitializedImageElement(element)) {
+      foundFile = true;
+      if (files && files[element.fileId]) {
+        acc[element.fileId] = files[element.fileId];
+      }
+    }
+    return acc;
+  }, {} as BinaryFiles);
+
+  if (foundFile && !files) {
+    console.warn(
+      "copyToClipboard: attempting to file element(s) without providing associated `files` object.",
+    );
+  }
+
   // select binded text elements when copying
   const contents: ElementsClipboard = {
     type: EXPORT_DATA_TYPES.excalidrawClipboard,
     elements,
-    files: files
-      ? elements.reduce((acc, element) => {
-          if (isInitializedImageElement(element) && files[element.fileId]) {
-            acc[element.fileId] = files[element.fileId];
-          }
-          return acc;
-        }, {} as BinaryFiles)
-      : undefined,
+    files: files ? _files : undefined,
   };
   const json = JSON.stringify(contents);
+
+  if (isTestEnv()) {
+    return json;
+  }
+
   CLIPBOARD = json;
+
   try {
     PREFER_APP_CLIPBOARD = false;
     await copyTextToSystemClipboard(json);
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 546261436..d22a0507c 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1590,6 +1590,7 @@ class App extends React.Component<AppProps, AppState> {
           elements: data.elements,
           files: data.files || null,
           position: "cursor",
+          retainSeed: isPlainPaste,
         });
       } else if (data.text) {
         this.addTextFromPaste(data.text, isPlainPaste);
@@ -1603,6 +1604,7 @@ class App extends React.Component<AppProps, AppState> {
     elements: readonly ExcalidrawElement[];
     files: BinaryFiles | null;
     position: { clientX: number; clientY: number } | "cursor" | "center";
+    retainSeed?: boolean;
   }) => {
     const elements = restoreElements(opts.elements, null);
     const [minX, minY, maxX, maxY] = getCommonBounds(elements);
@@ -1640,6 +1642,9 @@ class App extends React.Component<AppProps, AppState> {
           y: element.y + gridY - minY,
         });
       }),
+      {
+        randomizeSeed: !opts.retainSeed,
+      },
     );
 
     const nextElements = [
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index 7ae6517a8..19bb33308 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -102,7 +102,7 @@ const LibraryMenuItems = ({
         ...item,
         // duplicate each library item before inserting on canvas to confine
         // ids and bindings to each library item. See #6465
-        elements: duplicateElements(item.elements),
+        elements: duplicateElements(item.elements, { randomizeSeed: true }),
       };
     });
   };
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 36c8cc0e0..c1b0f17bf 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -20,7 +20,7 @@ import {
   isTestEnv,
 } from "../utils";
 import { randomInteger, randomId } from "../random";
-import { mutateElement, newElementWith } from "./mutateElement";
+import { bumpVersion, mutateElement, newElementWith } from "./mutateElement";
 import { getNewGroupIdsForDuplication } from "../groups";
 import { AppState } from "../types";
 import { getElementAbsoluteCoords } from ".";
@@ -539,8 +539,16 @@ export const duplicateElement = <TElement extends ExcalidrawElement>(
  * it's advised to supply the whole elements array, or sets of elements that
  * are encapsulated (such as library items), if the purpose is to retain
  * bindings to the cloned elements intact.
+ *
+ * NOTE by default does not randomize or regenerate anything except the id.
  */
-export const duplicateElements = (elements: readonly ExcalidrawElement[]) => {
+export const duplicateElements = (
+  elements: readonly ExcalidrawElement[],
+  opts?: {
+    /** NOTE also updates version flags and `updated` */
+    randomizeSeed: boolean;
+  },
+) => {
   const clonedElements: ExcalidrawElement[] = [];
 
   const origElementsMap = arrayToMap(elements);
@@ -574,6 +582,11 @@ export const duplicateElements = (elements: readonly ExcalidrawElement[]) => {
 
     clonedElement.id = maybeGetNewId(element.id)!;
 
+    if (opts?.randomizeSeed) {
+      clonedElement.seed = randomInteger();
+      bumpVersion(clonedElement);
+    }
+
     if (clonedElement.groupIds) {
       clonedElement.groupIds = clonedElement.groupIds.map((groupId) => {
         if (!groupNewIdsMap.has(groupId)) {
diff --git a/src/packages/utils.ts b/src/packages/utils.ts
index 560fa13ca..d9365895e 100644
--- a/src/packages/utils.ts
+++ b/src/packages/utils.ts
@@ -220,15 +220,7 @@ export const exportToClipboard = async (
   } else if (opts.type === "png") {
     await copyBlobToClipboardAsPng(exportToBlob(opts));
   } else if (opts.type === "json") {
-    const appState = {
-      offsetTop: 0,
-      offsetLeft: 0,
-      width: 0,
-      height: 0,
-      ...getDefaultAppState(),
-      ...opts.appState,
-    };
-    await copyToClipboard(opts.elements, appState, opts.files);
+    await copyToClipboard(opts.elements, opts.files);
   } else {
     throw new Error("Invalid export type");
   }
diff --git a/src/tests/clipboard.test.tsx b/src/tests/clipboard.test.tsx
index 1fdc0f452..bbaa4d179 100644
--- a/src/tests/clipboard.test.tsx
+++ b/src/tests/clipboard.test.tsx
@@ -1,5 +1,10 @@
 import ReactDOM from "react-dom";
-import { render, waitFor, GlobalTestState } from "./test-utils";
+import {
+  render,
+  waitFor,
+  GlobalTestState,
+  createPasteEvent,
+} from "./test-utils";
 import { Pointer, Keyboard } from "./helpers/ui";
 import ExcalidrawApp from "../excalidraw-app";
 import { KEYS } from "../keys";
@@ -9,6 +14,8 @@ import {
 } from "../element/textElement";
 import { getElementBounds } from "../element";
 import { NormalizedZoomValue } from "../types";
+import { API } from "./helpers/api";
+import { copyToClipboard } from "../clipboard";
 
 const { h } = window;
 
@@ -35,38 +42,28 @@ const setClipboardText = (text: string) => {
   });
 };
 
-const sendPasteEvent = () => {
-  const clipboardEvent = new Event("paste", {
-    bubbles: true,
-    cancelable: true,
-    composed: true,
-  });
-
-  // set `clipboardData` properties.
-  // @ts-ignore
-  clipboardEvent.clipboardData = {
-    getData: () => window.navigator.clipboard.readText(),
-    files: [],
-  };
-
+const sendPasteEvent = (text?: string) => {
+  const clipboardEvent = createPasteEvent(
+    text || (() => window.navigator.clipboard.readText()),
+  );
   document.dispatchEvent(clipboardEvent);
 };
 
-const pasteWithCtrlCmdShiftV = () => {
+const pasteWithCtrlCmdShiftV = (text?: string) => {
   Keyboard.withModifierKeys({ ctrl: true, shift: true }, () => {
     //triggering keydown with an empty clipboard
     Keyboard.keyPress(KEYS.V);
     //triggering paste event with faked clipboard
-    sendPasteEvent();
+    sendPasteEvent(text);
   });
 };
 
-const pasteWithCtrlCmdV = () => {
+const pasteWithCtrlCmdV = (text?: string) => {
   Keyboard.withModifierKeys({ ctrl: true }, () => {
     //triggering keydown with an empty clipboard
     Keyboard.keyPress(KEYS.V);
     //triggering paste event with faked clipboard
-    sendPasteEvent();
+    sendPasteEvent(text);
   });
 };
 
@@ -89,6 +86,32 @@ beforeEach(async () => {
   });
 });
 
+describe("general paste behavior", () => {
+  it("should randomize seed on paste", async () => {
+    const rectangle = API.createElement({ type: "rectangle" });
+    const clipboardJSON = (await copyToClipboard([rectangle], null))!;
+
+    pasteWithCtrlCmdV(clipboardJSON);
+
+    await waitFor(() => {
+      expect(h.elements.length).toBe(1);
+      expect(h.elements[0].seed).not.toBe(rectangle.seed);
+    });
+  });
+
+  it("should retain seed on shift-paste", async () => {
+    const rectangle = API.createElement({ type: "rectangle" });
+    const clipboardJSON = (await copyToClipboard([rectangle], null))!;
+
+    // assert we don't randomize seed on shift-paste
+    pasteWithCtrlCmdShiftV(clipboardJSON);
+    await waitFor(() => {
+      expect(h.elements.length).toBe(1);
+      expect(h.elements[0].seed).toBe(rectangle.seed);
+    });
+  });
+});
+
 describe("paste text as single lines", () => {
   it("should create an element for each line when copying with Ctrl/Cmd+V", async () => {
     const text = "sajgfakfn\naaksfnknas\nakefnkasf";
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index 45a5e1477..c1469bc83 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -1,5 +1,10 @@
 import ReactDOM from "react-dom";
-import { GlobalTestState, render, waitFor } from "./test-utils";
+import {
+  createPasteEvent,
+  GlobalTestState,
+  render,
+  waitFor,
+} from "./test-utils";
 import { UI, Pointer } from "./helpers/ui";
 import { API } from "./helpers/api";
 import { actionFlipHorizontal, actionFlipVertical } from "../actions";
@@ -680,19 +685,7 @@ describe("freedraw", () => {
 describe("image", () => {
   const createImage = async () => {
     const sendPasteEvent = (file?: File) => {
-      const clipboardEvent = new Event("paste", {
-        bubbles: true,
-        cancelable: true,
-        composed: true,
-      });
-
-      // set `clipboardData` properties.
-      // @ts-ignore
-      clipboardEvent.clipboardData = {
-        getData: () => window.navigator.clipboard.readText(),
-        files: [file],
-      };
-
+      const clipboardEvent = createPasteEvent("", file ? [file] : []);
       document.dispatchEvent(clipboardEvent);
     };
 
diff --git a/src/tests/test-utils.ts b/src/tests/test-utils.ts
index c33e80c7d..9560f681f 100644
--- a/src/tests/test-utils.ts
+++ b/src/tests/test-utils.ts
@@ -190,3 +190,24 @@ export const toggleMenu = (container: HTMLElement) => {
   // open menu
   fireEvent.click(container.querySelector(".dropdown-menu-button")!);
 };
+
+export const createPasteEvent = (
+  text:
+    | string
+    | /* getData function */ ((type: string) => string | Promise<string>),
+  files?: File[],
+) => {
+  return Object.assign(
+    new Event("paste", {
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }),
+    {
+      clipboardData: {
+        getData: typeof text === "string" ? () => text : text,
+        files: files || [],
+      },
+    },
+  );
+};

From 1815cf3213b1d19cb6aa1a54dabd969196a65a28 Mon Sep 17 00:00:00 2001
From: Nainterceptor <gael@demette.fr>
Date: Tue, 25 Apr 2023 13:21:25 +0200
Subject: [PATCH 163/252] build: Add version tags to Docker build (#6508)

ci: Add version tags
---
 .github/workflows/publish-docker.yml | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/publish-docker.yml b/.github/workflows/publish-docker.yml
index a4a8a4c5f..3602bb660 100644
--- a/.github/workflows/publish-docker.yml
+++ b/.github/workflows/publish-docker.yml
@@ -12,14 +12,24 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            excalidraw/excalidraw
+          tags: |
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
       - name: Login to DockerHub
         uses: docker/login-action@v2
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
       - name: Build and push
-        uses: docker/build-push-action@v3
+        uses: docker/build-push-action@v4
         with:
           context: .
           push: true
-          tags: excalidraw/excalidraw:latest
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

From 1e9943323ad5f34bb4efc48c5b5a9b01387dbc36 Mon Sep 17 00:00:00 2001
From: suwalkanishka <suwalkanishka@gmail.com>
Date: Tue, 25 Apr 2023 17:35:19 +0545
Subject: [PATCH 164/252] style: fix font family inconsistencies (#6501)

style: font fix for four components

The browser default font was showing up in various locations. Fixed them to show the desired ui font.
---
 src/components/ColorPicker.scss | 1 +
 src/components/ContextMenu.scss | 1 +
 src/components/Tooltip.scss     | 3 +++
 src/css/styles.scss             | 2 ++
 4 files changed, 7 insertions(+)

diff --git a/src/components/ColorPicker.scss b/src/components/ColorPicker.scss
index 52ea20a19..b816b2553 100644
--- a/src/components/ColorPicker.scss
+++ b/src/components/ColorPicker.scss
@@ -183,6 +183,7 @@
     width: 100%;
     margin: 0;
     font-size: 0.875rem;
+    font-family: inherit;
     background-color: transparent;
     color: var(--text-primary-color);
     border: 0;
diff --git a/src/components/ContextMenu.scss b/src/components/ContextMenu.scss
index 579763119..81ced3880 100644
--- a/src/components/ContextMenu.scss
+++ b/src/components/ContextMenu.scss
@@ -30,6 +30,7 @@
     background-color: transparent;
     border: none;
     white-space: nowrap;
+    font-family: inherit;
 
     display: grid;
     grid-template-columns: 1fr 0.2fr;
diff --git a/src/components/Tooltip.scss b/src/components/Tooltip.scss
index bb2b2f72e..490e25578 100644
--- a/src/components/Tooltip.scss
+++ b/src/components/Tooltip.scss
@@ -2,6 +2,9 @@
 
 // container in body where the actual tooltip is appended to
 .excalidraw-tooltip {
+  --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
+    Roboto, Helvetica, Arial, sans-serif;
+  font-family: var(--ui-font);
   position: fixed;
   z-index: 1000;
 
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 8dafbfbdf..29e52011e 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -354,6 +354,7 @@
     border-radius: var(--space-factor);
     border: 1px solid var(--button-gray-2);
     font-size: 0.8rem;
+    font-family: inherit;
     outline: none;
     appearance: none;
     background-image: var(--dropdown-icon);
@@ -413,6 +414,7 @@
     bottom: 30px;
     transform: translateX(-50%);
     pointer-events: all;
+    font-family: inherit;
 
     &:hover {
       background-color: var(--button-hover-bg);

From dae81c0a2cb8c21381830635d5bb992eb30b6f36 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 25 Apr 2023 17:57:53 +0530
Subject: [PATCH 165/252] fix: cleanup redrawTextBoundingBox (#6518)

* chore: cleanup redrawTextBoundingBox

* fix
---
 src/element/textElement.ts | 44 +++++++++++++++-----------------------
 1 file changed, 17 insertions(+), 27 deletions(-)

diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index f01ba3e1b..339f68b96 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -83,35 +83,25 @@ export const redrawTextBoundingBox = (
   boundTextUpdates.baseline = metrics.baseline;
 
   if (container) {
-    if (isArrowElement(container)) {
-      const centerX = textElement.x + textElement.width / 2;
-      const centerY = textElement.y + textElement.height / 2;
-      const diffWidth = metrics.width - textElement.width;
-      const diffHeight = metrics.height - textElement.height;
-      boundTextUpdates.x = centerY - (textElement.height + diffHeight) / 2;
-      boundTextUpdates.y = centerX - (textElement.width + diffWidth) / 2;
-    } else {
-      const containerDims = getContainerDims(container);
-      let maxContainerHeight = getMaxContainerHeight(container);
+    const containerDims = getContainerDims(container);
+    const maxContainerHeight = getMaxContainerHeight(container);
 
-      let nextHeight = containerDims.height;
-      if (metrics.height > maxContainerHeight) {
-        nextHeight = computeContainerDimensionForBoundText(
-          metrics.height,
-          container.type,
-        );
-        mutateElement(container, { height: nextHeight });
-        maxContainerHeight = getMaxContainerHeight(container);
-        updateOriginalContainerCache(container.id, nextHeight);
-      }
-      const updatedTextElement = {
-        ...textElement,
-        ...boundTextUpdates,
-      } as ExcalidrawTextElementWithContainer;
-      const { x, y } = computeBoundTextPosition(container, updatedTextElement);
-      boundTextUpdates.x = x;
-      boundTextUpdates.y = y;
+    let nextHeight = containerDims.height;
+    if (metrics.height > maxContainerHeight) {
+      nextHeight = computeContainerDimensionForBoundText(
+        metrics.height,
+        container.type,
+      );
+      mutateElement(container, { height: nextHeight });
+      updateOriginalContainerCache(container.id, nextHeight);
     }
+    const updatedTextElement = {
+      ...textElement,
+      ...boundTextUpdates,
+    } as ExcalidrawTextElementWithContainer;
+    const { x, y } = computeBoundTextPosition(container, updatedTextElement);
+    boundTextUpdates.x = x;
+    boundTextUpdates.y = y;
   }
 
   mutateElement(textElement, boundTextUpdates);

From da8dd389a9dd7e6528fbd6bf85b12e8ec052f325 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 25 Apr 2023 18:06:23 +0530
Subject: [PATCH 166/252] fix: cleanup getMaxContainerHeight and
 getMaxContainerWidth (#6519)

* fix: cleanup getMaxContainerHeight and getMaxContainerWidth

* rename getMaxContainerWidth -> getBoundTextMaxMaxWidth and getMaxContainerHeight -> getBoundTextMaxHeight

* add specs
---
 src/element/newElement.ts              |  4 +-
 src/element/resizeElements.ts          | 14 +++---
 src/element/textElement.test.ts        | 59 +++++++++++++++++++++-----
 src/element/textElement.ts             | 41 +++++++++---------
 src/element/textWysiwyg.tsx            | 15 ++++---
 src/renderer/renderElement.ts          | 11 +++--
 src/tests/linearElementEditor.test.tsx |  8 ++--
 7 files changed, 96 insertions(+), 56 deletions(-)

diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index c1b0f17bf..4922a5b4e 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -33,7 +33,7 @@ import {
   measureText,
   normalizeText,
   wrapText,
-  getMaxContainerWidth,
+  getBoundTextMaxWidth,
   getDefaultLineHeight,
 } from "./textElement";
 import {
@@ -310,7 +310,7 @@ export const refreshTextDimensions = (
     text = wrapText(
       text,
       getFontString(textElement),
-      getMaxContainerWidth(container),
+      getBoundTextMaxWidth(container),
     );
   }
   const dimensions = getAdjustedDimensions(textElement, text);
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 69b8afae7..67a6346be 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -44,10 +44,10 @@ import {
   getBoundTextElementId,
   getContainerElement,
   handleBindTextResize,
-  getMaxContainerWidth,
+  getBoundTextMaxWidth,
   getApproxMinLineHeight,
   measureText,
-  getMaxContainerHeight,
+  getBoundTextMaxHeight,
 } from "./textElement";
 
 export const normalizeAngle = (angle: number): number => {
@@ -204,7 +204,7 @@ const measureFontSizeFromWidth = (
   if (hasContainer) {
     const container = getContainerElement(element);
     if (container) {
-      width = getMaxContainerWidth(container);
+      width = getBoundTextMaxWidth(container);
     }
   }
   const nextFontSize = element.fontSize * (nextWidth / width);
@@ -435,8 +435,8 @@ export const resizeSingleElement = (
 
       const nextFont = measureFontSizeFromWidth(
         boundTextElement,
-        getMaxContainerWidth(updatedElement),
-        getMaxContainerHeight(updatedElement),
+        getBoundTextMaxWidth(updatedElement),
+        getBoundTextMaxHeight(updatedElement, boundTextElement),
       );
       if (nextFont === null) {
         return;
@@ -718,10 +718,10 @@ const resizeMultipleElements = (
       const metrics = measureFontSizeFromWidth(
         boundTextElement ?? (element.orig as ExcalidrawTextElement),
         boundTextElement
-          ? getMaxContainerWidth(updatedElement)
+          ? getBoundTextMaxWidth(updatedElement)
           : updatedElement.width,
         boundTextElement
-          ? getMaxContainerHeight(updatedElement)
+          ? getBoundTextMaxHeight(updatedElement, boundTextElement)
           : updatedElement.height,
       );
 
diff --git a/src/element/textElement.test.ts b/src/element/textElement.test.ts
index f83eafd1b..b6221336d 100644
--- a/src/element/textElement.test.ts
+++ b/src/element/textElement.test.ts
@@ -3,15 +3,15 @@ import { API } from "../tests/helpers/api";
 import {
   computeContainerDimensionForBoundText,
   getContainerCoords,
-  getMaxContainerWidth,
-  getMaxContainerHeight,
+  getBoundTextMaxWidth,
+  getBoundTextMaxHeight,
   wrapText,
   detectLineHeight,
   getLineHeightInPx,
   getDefaultLineHeight,
   parseTokens,
 } from "./textElement";
-import { FontString } from "./types";
+import { ExcalidrawTextElementWithContainer, FontString } from "./types";
 
 describe("Test wrapText", () => {
   const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
@@ -311,7 +311,7 @@ describe("Test measureText", () => {
     });
   });
 
-  describe("Test getMaxContainerWidth", () => {
+  describe("Test getBoundTextMaxWidth", () => {
     const params = {
       width: 178,
       height: 194,
@@ -319,39 +319,76 @@ describe("Test measureText", () => {
 
     it("should return max width when container is rectangle", () => {
       const container = API.createElement({ type: "rectangle", ...params });
-      expect(getMaxContainerWidth(container)).toBe(168);
+      expect(getBoundTextMaxWidth(container)).toBe(168);
     });
 
     it("should return max width when container is ellipse", () => {
       const container = API.createElement({ type: "ellipse", ...params });
-      expect(getMaxContainerWidth(container)).toBe(116);
+      expect(getBoundTextMaxWidth(container)).toBe(116);
     });
 
     it("should return max width when container is diamond", () => {
       const container = API.createElement({ type: "diamond", ...params });
-      expect(getMaxContainerWidth(container)).toBe(79);
+      expect(getBoundTextMaxWidth(container)).toBe(79);
     });
   });
 
-  describe("Test getMaxContainerHeight", () => {
+  describe("Test getBoundTextMaxHeight", () => {
     const params = {
       width: 178,
       height: 194,
+      id: '"container-id',
     };
 
+    const boundTextElement = API.createElement({
+      type: "text",
+      id: "text-id",
+      x: 560.51171875,
+      y: 202.033203125,
+      width: 154,
+      height: 175,
+      fontSize: 20,
+      fontFamily: 1,
+      text: "Excalidraw is a\nvirtual \nopensource \nwhiteboard for \nsketching \nhand-drawn like\ndiagrams",
+      textAlign: "center",
+      verticalAlign: "middle",
+      containerId: params.id,
+    }) as ExcalidrawTextElementWithContainer;
+
     it("should return max height when container is rectangle", () => {
       const container = API.createElement({ type: "rectangle", ...params });
-      expect(getMaxContainerHeight(container)).toBe(184);
+      expect(getBoundTextMaxHeight(container, boundTextElement)).toBe(184);
     });
 
     it("should return max height when container is ellipse", () => {
       const container = API.createElement({ type: "ellipse", ...params });
-      expect(getMaxContainerHeight(container)).toBe(127);
+      expect(getBoundTextMaxHeight(container, boundTextElement)).toBe(127);
     });
 
     it("should return max height when container is diamond", () => {
       const container = API.createElement({ type: "diamond", ...params });
-      expect(getMaxContainerHeight(container)).toBe(87);
+      expect(getBoundTextMaxHeight(container, boundTextElement)).toBe(87);
+    });
+
+    it("should return max height when container is arrow", () => {
+      const container = API.createElement({
+        type: "arrow",
+        ...params,
+      });
+      expect(getBoundTextMaxHeight(container, boundTextElement)).toBe(194);
+    });
+
+    it("should return max height when container is arrow and height is less than threshold", () => {
+      const container = API.createElement({
+        type: "arrow",
+        ...params,
+        height: 70,
+        boundElements: [{ type: "text", id: "text-id" }],
+      });
+
+      expect(getBoundTextMaxHeight(container, boundTextElement)).toBe(
+        boundTextElement.height,
+      );
     });
   });
 });
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 339f68b96..a6d0c3271 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -65,7 +65,7 @@ export const redrawTextBoundingBox = (
   boundTextUpdates.text = textElement.text;
 
   if (container) {
-    maxWidth = getMaxContainerWidth(container);
+    maxWidth = getBoundTextMaxWidth(container);
     boundTextUpdates.text = wrapText(
       textElement.originalText,
       getFontString(textElement),
@@ -84,7 +84,10 @@ export const redrawTextBoundingBox = (
 
   if (container) {
     const containerDims = getContainerDims(container);
-    const maxContainerHeight = getMaxContainerHeight(container);
+    const maxContainerHeight = getBoundTextMaxHeight(
+      container,
+      textElement as ExcalidrawTextElementWithContainer,
+    );
 
     let nextHeight = containerDims.height;
     if (metrics.height > maxContainerHeight) {
@@ -173,8 +176,11 @@ export const handleBindTextResize = (
     let nextHeight = textElement.height;
     let nextWidth = textElement.width;
     const containerDims = getContainerDims(container);
-    const maxWidth = getMaxContainerWidth(container);
-    const maxHeight = getMaxContainerHeight(container);
+    const maxWidth = getBoundTextMaxWidth(container);
+    const maxHeight = getBoundTextMaxHeight(
+      container,
+      textElement as ExcalidrawTextElementWithContainer,
+    );
     let containerHeight = containerDims.height;
     let nextBaseLine = textElement.baseline;
     if (transformHandleType !== "n" && transformHandleType !== "s") {
@@ -246,8 +252,8 @@ export const computeBoundTextPosition = (
     );
   }
   const containerCoords = getContainerCoords(container);
-  const maxContainerHeight = getMaxContainerHeight(container);
-  const maxContainerWidth = getMaxContainerWidth(container);
+  const maxContainerHeight = getBoundTextMaxHeight(container, boundTextElement);
+  const maxContainerWidth = getBoundTextMaxWidth(container);
 
   let x;
   let y;
@@ -880,18 +886,10 @@ export const computeContainerDimensionForBoundText = (
   return dimension + padding;
 };
 
-export const getMaxContainerWidth = (container: ExcalidrawElement) => {
+export const getBoundTextMaxWidth = (container: ExcalidrawElement) => {
   const width = getContainerDims(container).width;
   if (isArrowElement(container)) {
-    const containerWidth = width - BOUND_TEXT_PADDING * 8 * 2;
-    if (containerWidth <= 0) {
-      const boundText = getBoundTextElement(container);
-      if (boundText) {
-        return boundText.width;
-      }
-      return BOUND_TEXT_PADDING * 8 * 2;
-    }
-    return containerWidth;
+    return width - BOUND_TEXT_PADDING * 8 * 2;
   }
 
   if (container.type === "ellipse") {
@@ -908,16 +906,15 @@ export const getMaxContainerWidth = (container: ExcalidrawElement) => {
   return width - BOUND_TEXT_PADDING * 2;
 };
 
-export const getMaxContainerHeight = (container: ExcalidrawElement) => {
+export const getBoundTextMaxHeight = (
+  container: ExcalidrawElement,
+  boundTextElement: ExcalidrawTextElementWithContainer,
+) => {
   const height = getContainerDims(container).height;
   if (isArrowElement(container)) {
     const containerHeight = height - BOUND_TEXT_PADDING * 8 * 2;
     if (containerHeight <= 0) {
-      const boundText = getBoundTextElement(container);
-      if (boundText) {
-        return boundText.height;
-      }
-      return BOUND_TEXT_PADDING * 8 * 2;
+      return boundTextElement.height;
     }
     return height;
   }
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index ef4f7c926..63bc9e4a4 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -32,8 +32,8 @@ import {
   normalizeText,
   redrawTextBoundingBox,
   wrapText,
-  getMaxContainerHeight,
-  getMaxContainerWidth,
+  getBoundTextMaxHeight,
+  getBoundTextMaxWidth,
   computeContainerDimensionForBoundText,
   detectLineHeight,
 } from "./textElement";
@@ -205,8 +205,11 @@ export const textWysiwyg = ({
           }
         }
 
-        maxWidth = getMaxContainerWidth(container);
-        maxHeight = getMaxContainerHeight(container);
+        maxWidth = getBoundTextMaxWidth(container);
+        maxHeight = getBoundTextMaxHeight(
+          container,
+          updatedTextElement as ExcalidrawTextElementWithContainer,
+        );
 
         // autogrow container height if text exceeds
         if (!isArrowElement(container) && textElementHeight > maxHeight) {
@@ -377,7 +380,7 @@ export const textWysiwyg = ({
         const wrappedText = wrapText(
           `${editable.value}${data}`,
           font,
-          getMaxContainerWidth(container),
+          getBoundTextMaxWidth(container),
         );
         const width = getTextWidth(wrappedText, font);
         editable.style.width = `${width}px`;
@@ -394,7 +397,7 @@ export const textWysiwyg = ({
         const wrappedText = wrapText(
           normalizeText(editable.value),
           font,
-          getMaxContainerWidth(container!),
+          getBoundTextMaxWidth(container!),
         );
         const { width, height } = measureText(
           wrappedText,
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index f85c83a6b..77ea14587 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -44,8 +44,8 @@ import {
   getContainerCoords,
   getContainerElement,
   getLineHeightInPx,
-  getMaxContainerHeight,
-  getMaxContainerWidth,
+  getBoundTextMaxHeight,
+  getBoundTextMaxWidth,
 } from "../element/textElement";
 import { LinearElementEditor } from "../element/linearElementEditor";
 
@@ -868,14 +868,17 @@ const drawElementFromCanvas = (
         "true" &&
       hasBoundTextElement(element)
     ) {
+      const textElement = getBoundTextElement(
+        element,
+      ) as ExcalidrawTextElementWithContainer;
       const coords = getContainerCoords(element);
       context.strokeStyle = "#c92a2a";
       context.lineWidth = 3;
       context.strokeRect(
         (coords.x + renderConfig.scrollX) * window.devicePixelRatio,
         (coords.y + renderConfig.scrollY) * window.devicePixelRatio,
-        getMaxContainerWidth(element) * window.devicePixelRatio,
-        getMaxContainerHeight(element) * window.devicePixelRatio,
+        getBoundTextMaxWidth(element) * window.devicePixelRatio,
+        getBoundTextMaxHeight(element, textElement) * window.devicePixelRatio,
       );
     }
   }
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index 15fd105ec..c71283a4c 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -20,7 +20,7 @@ import { resize, rotate } from "./utils";
 import {
   getBoundTextElementPosition,
   wrapText,
-  getMaxContainerWidth,
+  getBoundTextMaxWidth,
 } from "../element/textElement";
 import * as textElementUtils from "../element/textElement";
 import { ROUNDNESS, VERTICAL_ALIGN } from "../constants";
@@ -729,7 +729,7 @@ describe("Test Linear Elements", () => {
         type: "text",
         x: 0,
         y: 0,
-        text: wrapText(text, font, getMaxContainerWidth(container)),
+        text: wrapText(text, font, getBoundTextMaxWidth(container)),
         containerId: container.id,
         width: 30,
         height: 20,
@@ -1149,7 +1149,7 @@ describe("Test Linear Elements", () => {
       expect(rect.x).toBe(400);
       expect(rect.y).toBe(0);
       expect(
-        wrapText(textElement.originalText, font, getMaxContainerWidth(arrow)),
+        wrapText(textElement.originalText, font, getBoundTextMaxWidth(arrow)),
       ).toMatchInlineSnapshot(`
         "Online whiteboard collaboration
         made easy"
@@ -1172,7 +1172,7 @@ describe("Test Linear Elements", () => {
         false,
       );
       expect(
-        wrapText(textElement.originalText, font, getMaxContainerWidth(arrow)),
+        wrapText(textElement.originalText, font, getBoundTextMaxWidth(arrow)),
       ).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 

From 45a57d70de75fbb47f7c3c45cae675341c9bcab5 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 26 Apr 2023 21:35:06 +0530
Subject: [PATCH 167/252] fix: don't refresh dimensions for text containers on
 font load (#6523)

---
 src/data/blob.ts                 | 2 +-
 src/excalidraw-app/data/index.ts | 2 +-
 src/scene/Fonts.ts               | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/data/blob.ts b/src/data/blob.ts
index 4565b5cb5..c0aa66ee7 100644
--- a/src/data/blob.ts
+++ b/src/data/blob.ts
@@ -155,7 +155,7 @@ export const loadSceneOrLibraryFromBlob = async (
           },
           localAppState,
           localElements,
-          { repairBindings: true, refreshDimensions: true },
+          { repairBindings: true, refreshDimensions: false },
         ),
       };
     } else if (isValidLibrary(data)) {
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index 7f13bc615..2e50abf1f 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -263,7 +263,7 @@ export const loadScene = async (
       await importFromBackend(id, privateKey),
       localDataState?.appState,
       localDataState?.elements,
-      { repairBindings: true, refreshDimensions: true },
+      { repairBindings: true, refreshDimensions: false },
     );
   } else {
     data = restore(localDataState || null, null, null, {
diff --git a/src/scene/Fonts.ts b/src/scene/Fonts.ts
index cc206c776..e245eb16e 100644
--- a/src/scene/Fonts.ts
+++ b/src/scene/Fonts.ts
@@ -1,5 +1,6 @@
 import { isTextElement, refreshTextDimensions } from "../element";
 import { newElementWith } from "../element/mutateElement";
+import { isBoundToContainer } from "../element/typeChecks";
 import { ExcalidrawElement, ExcalidrawTextElement } from "../element/types";
 import { invalidateShapeForElement } from "../renderer/renderElement";
 import { getFontString } from "../utils";
@@ -52,7 +53,7 @@ export class Fonts {
     let didUpdate = false;
 
     this.scene.mapElements((element) => {
-      if (isTextElement(element)) {
+      if (isTextElement(element) && !isBoundToContainer(element)) {
         invalidateShapeForElement(element);
         didUpdate = true;
         return newElementWith(element, {

From 6b0218b01251dfd2143cd974279b70e10a2180a6 Mon Sep 17 00:00:00 2001
From: Milos Vetesnik <maielo.mv@gmail.com>
Date: Thu, 27 Apr 2023 19:11:42 +0200
Subject: [PATCH 168/252] feat: testing simple analytics and fathom analytics
 for better privacy of the users (#6529)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 public/index.html | 45 ++++++++++++++++++++-------------------------
 src/analytics.ts  | 17 ++++++++++++++---
 src/global.d.ts   |  4 ++--
 3 files changed, 36 insertions(+), 30 deletions(-)

diff --git a/public/index.html b/public/index.html
index a8633fc4d..f65e481f3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -150,6 +150,14 @@
     </script>
     <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
 
+    <!-- Fathom - privacy-friendly analytics -->
+    <script
+      src="https://cdn.usefathom.com/script.js"
+      data-site="VMSBUEYA"
+      defer
+    ></script>
+    <!-- / Fathom -->
+
     <!-- LEGACY GOOGLE ANALYTICS -->
     <% if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %>
     <script
@@ -166,31 +174,6 @@
     </script>
     <% } %>
     <!-- end LEGACY GOOGLE ANALYTICS -->
-
-    <!-- Matomo -->
-    <% if (process.env.REACT_APP_MATOMO_URL &&
-    process.env.REACT_APP_MATOMO_SITE_ID &&
-    process.env.REACT_APP_CDN_MATOMO_TRACKER_URL) { %>
-    <script>
-      var _paq = (window._paq = window._paq || []);
-      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-      _paq.push(["trackPageView"]);
-      _paq.push(["enableLinkTracking"]);
-      (function () {
-        var u = "%REACT_APP_MATOMO_URL%";
-        _paq.push(["setTrackerUrl", u + "matomo.php"]);
-        _paq.push(["setSiteId", "%REACT_APP_MATOMO_SITE_ID%"]);
-        var d = document,
-          g = d.createElement("script"),
-          s = d.getElementsByTagName("script")[0];
-        g.async = true;
-        g.src = "%REACT_APP_CDN_MATOMO_TRACKER_URL%";
-        s.parentNode.insertBefore(g, s);
-      })();
-    </script>
-    <% } %>
-    <!-- end Matomo analytics -->
-
     <% } %>
 
     <!-- FIXME: remove this when we update CRA (fix SW caching) -->
@@ -244,5 +227,17 @@
       <h1 class="visually-hidden">Excalidraw</h1>
     </header>
     <div id="root"></div>
+    <!-- 100% privacy friendly analytics -->
+    <script
+      async
+      defer
+      src="https://scripts.simpleanalyticscdn.com/latest.js"
+    ></script>
+    <noscript
+      ><img
+        src="https://queue.simpleanalyticscdn.com/noscript.gif"
+        alt=""
+        referrerpolicy="no-referrer-when-downgrade"
+    /></noscript>
   </body>
 </html>
diff --git a/src/analytics.ts b/src/analytics.ts
index 1e9a429b6..e952bc680 100644
--- a/src/analytics.ts
+++ b/src/analytics.ts
@@ -20,9 +20,20 @@ export const trackEvent = (
       });
     }
 
-    // MATOMO event tracking _paq must be same as the one in index.html
-    if (window._paq) {
-      window._paq.push(["trackEvent", category, action, label, value]);
+    if (window.sa_event) {
+      window.sa_event(action, {
+        category,
+        label,
+        value,
+      });
+    }
+
+    if (window.fathom) {
+      window.fathom.trackEvent(action, {
+        category,
+        label,
+        value,
+      });
     }
   } catch (error) {
     console.error("error during analytics", error);
diff --git a/src/global.d.ts b/src/global.d.ts
index 73c8fc813..3a666e11a 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -18,8 +18,8 @@ interface Window {
   EXCALIDRAW_EXPORT_SOURCE: string;
   EXCALIDRAW_THROTTLE_RENDER: boolean | undefined;
   gtag: Function;
-  _paq: any[];
-  _mtm: any[];
+  sa_event: Function;
+  fathom: { trackEvent: Function };
 }
 
 interface CanvasRenderingContext2D {

From 2a39d0b9a72b65679d213683cf4786d847a29dc6 Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Thu, 27 Apr 2023 19:27:36 +0200
Subject: [PATCH 169/252] chore: Update translations from Crowdin (#6471)

---
 src/locales/ar-SA.json       |  1 +
 src/locales/bg-BG.json       |  1 +
 src/locales/bn-BD.json       |  1 +
 src/locales/ca-ES.json       |  1 +
 src/locales/cs-CZ.json       |  1 +
 src/locales/da-DK.json       |  1 +
 src/locales/de-DE.json       |  1 +
 src/locales/el-GR.json       |  1 +
 src/locales/es-ES.json       |  9 ++---
 src/locales/eu-ES.json       |  1 +
 src/locales/fa-IR.json       |  1 +
 src/locales/fi-FI.json       |  1 +
 src/locales/fr-FR.json       |  5 +--
 src/locales/gl-ES.json       |  1 +
 src/locales/he-IL.json       |  1 +
 src/locales/hi-IN.json       |  1 +
 src/locales/hu-HU.json       |  1 +
 src/locales/id-ID.json       |  1 +
 src/locales/it-IT.json       |  3 +-
 src/locales/ja-JP.json       |  1 +
 src/locales/kab-KAB.json     |  1 +
 src/locales/kk-KZ.json       |  1 +
 src/locales/ko-KR.json       | 11 +++---
 src/locales/ku-TR.json       | 69 ++++++++++++++++++------------------
 src/locales/lt-LT.json       |  1 +
 src/locales/lv-LV.json       | 55 ++++++++++++++--------------
 src/locales/mr-IN.json       |  1 +
 src/locales/my-MM.json       |  1 +
 src/locales/nb-NO.json       |  1 +
 src/locales/nl-NL.json       |  1 +
 src/locales/nn-NO.json       |  1 +
 src/locales/oc-FR.json       |  1 +
 src/locales/pa-IN.json       |  1 +
 src/locales/percentages.json | 36 +++++++++----------
 src/locales/pl-PL.json       |  1 +
 src/locales/pt-BR.json       |  1 +
 src/locales/pt-PT.json       |  5 +--
 src/locales/ro-RO.json       |  1 +
 src/locales/ru-RU.json       | 33 ++++++++---------
 src/locales/si-LK.json       |  1 +
 src/locales/sk-SK.json       |  5 +--
 src/locales/sl-SI.json       |  1 +
 src/locales/sv-SE.json       |  5 +--
 src/locales/ta-IN.json       |  1 +
 src/locales/th-TH.json       |  1 +
 src/locales/tr-TR.json       |  1 +
 src/locales/uk-UA.json       |  1 +
 src/locales/vi-VN.json       |  1 +
 src/locales/zh-CN.json       |  5 +--
 src/locales/zh-HK.json       |  1 +
 src/locales/zh-TW.json       |  1 +
 51 files changed, 165 insertions(+), 115 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 25a32f222..77387b11d 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -54,6 +54,7 @@
     "veryLarge": "كبير جدا",
     "solid": "كامل",
     "hachure": "خطوط",
+    "zigzag": "",
     "crossHatch": "خطوط متقطعة",
     "thin": "نحيف",
     "bold": "داكن",
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index 501ce7399..d5421ccef 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -54,6 +54,7 @@
     "veryLarge": "Много голям",
     "solid": "Солиден",
     "hachure": "Хералдика",
+    "zigzag": "",
     "crossHatch": "Двойно-пресечено",
     "thin": "Тънък",
     "bold": "Ясно очертан",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index a5d9dec0f..ce17d6670 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -54,6 +54,7 @@
     "veryLarge": "অনেক বড়",
     "solid": "দৃঢ়",
     "hachure": "ভ্রুলেখা",
+    "zigzag": "",
     "crossHatch": "ক্রস হ্যাচ",
     "thin": "পাতলা",
     "bold": "পুরু",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index ae45e764d..425070e49 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -54,6 +54,7 @@
     "veryLarge": "Molt gran",
     "solid": "Sòlid",
     "hachure": "Ratlletes",
+    "zigzag": "",
     "crossHatch": "Ratlletes creuades",
     "thin": "Fi",
     "bold": "Negreta",
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index d57a8837d..d039a78a2 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -54,6 +54,7 @@
     "veryLarge": "Velmi velké",
     "solid": "Plný",
     "hachure": "",
+    "zigzag": "",
     "crossHatch": "",
     "thin": "Tenký",
     "bold": "Tlustý",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index c8b5ad6e3..4d74ab80f 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -54,6 +54,7 @@
     "veryLarge": "Meget stor",
     "solid": "Solid",
     "hachure": "Skravering",
+    "zigzag": "",
     "crossHatch": "Krydsskravering",
     "thin": "Tynd",
     "bold": "Fed",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index bdf30a371..86b168ae5 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -54,6 +54,7 @@
     "veryLarge": "Sehr groß",
     "solid": "Deckend",
     "hachure": "Schraffiert",
+    "zigzag": "Zickzack",
     "crossHatch": "Kreuzschraffiert",
     "thin": "Dünn",
     "bold": "Fett",
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index 888c39568..f4e0cfcaa 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -54,6 +54,7 @@
     "veryLarge": "Πολύ μεγάλο",
     "solid": "Συμπαγής",
     "hachure": "Εκκόλαψη",
+    "zigzag": "",
     "crossHatch": "Διασταυρούμενη εκκόλαψη",
     "thin": "Λεπτή",
     "bold": "Έντονη",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index 67a110293..c345c5f83 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -54,6 +54,7 @@
     "veryLarge": "Muy grande",
     "solid": "Sólido",
     "hachure": "Folleto",
+    "zigzag": "Zigzag",
     "crossHatch": "Rayado transversal",
     "thin": "Fino",
     "bold": "Grueso",
@@ -207,8 +208,8 @@
     "collabSaveFailed": "No se pudo guardar en la base de datos del backend. Si los problemas persisten, debería guardar su archivo localmente para asegurarse de que no pierde su trabajo.",
     "collabSaveFailed_sizeExceeded": "No se pudo guardar en la base de datos del backend, el lienzo parece ser demasiado grande. Debería guardar el archivo localmente para asegurarse de que no pierde su trabajo.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
+      "start": "Parece que estás usando el navegador Brave",
+      "aggressive_block_fingerprint": "Bloquear huellas dactilares agresivamente",
       "setting_enabled": "ajuste activado",
       "break": "Esto podría resultar en romper los",
       "text_elements": "Elementos de texto",
@@ -319,8 +320,8 @@
     "doubleClick": "doble clic",
     "drag": "arrastrar",
     "editor": "Editor",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Editar puntos de línea/flecha",
+    "editText": "Editar texto / añadir etiqueta",
     "github": "¿Ha encontrado un problema? Envíelo",
     "howto": "Siga nuestras guías",
     "or": "o",
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 1aec330cb..9c5f14fac 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -54,6 +54,7 @@
     "veryLarge": "Oso handia",
     "solid": "Solidoa",
     "hachure": "Itzalduna",
+    "zigzag": "",
     "crossHatch": "Marraduna",
     "thin": "Mehea",
     "bold": "Lodia",
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 44cf7ae00..a22ad86a9 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -54,6 +54,7 @@
     "veryLarge": "بسیار بزرگ",
     "solid": "توپر",
     "hachure": "هاشور",
+    "zigzag": "",
     "crossHatch": "هاشور متقاطع",
     "thin": "نازک",
     "bold": "ضخیم",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index e0701f2d2..403bf0073 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -54,6 +54,7 @@
     "veryLarge": "Erittäin suuri",
     "solid": "Yhtenäinen",
     "hachure": "Vinoviivoitus",
+    "zigzag": "",
     "crossHatch": "Ristiviivoitus",
     "thin": "Ohut",
     "bold": "Lihavoitu",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 49135c3b6..406a11a16 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -54,6 +54,7 @@
     "veryLarge": "Très grande",
     "solid": "Solide",
     "hachure": "Hachures",
+    "zigzag": "",
     "crossHatch": "Hachures croisées",
     "thin": "Fine",
     "bold": "Épaisse",
@@ -319,8 +320,8 @@
     "doubleClick": "double-clic",
     "drag": "glisser",
     "editor": "Éditeur",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Modifier les points de ligne/flèche",
+    "editText": "Modifier le texte / ajouter un libellé",
     "github": "Problème trouvé ? Soumettre",
     "howto": "Suivez nos guides",
     "or": "ou",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 5571f3f15..53ae05d6b 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -54,6 +54,7 @@
     "veryLarge": "Moi grande",
     "solid": "Sólido",
     "hachure": "Folleto",
+    "zigzag": "",
     "crossHatch": "Raiado transversal",
     "thin": "Estreito",
     "bold": "Groso",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 810fc1776..4cd8c1140 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -54,6 +54,7 @@
     "veryLarge": "גדול מאוד",
     "solid": "מוצק",
     "hachure": "קווים מקבילים קצרים להצגת כיוון וחדות שיפוע במפה",
+    "zigzag": "",
     "crossHatch": "קווים מוצלבים שתי וערב",
     "thin": "דק",
     "bold": "מודגש",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 77d6dae2d..d9462e78b 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -54,6 +54,7 @@
     "veryLarge": "बहुत बड़ा",
     "solid": "दृढ़",
     "hachure": "हैशूर",
+    "zigzag": "तेढ़ी मेढ़ी",
     "crossHatch": "क्रॉस हैच",
     "thin": "पतला",
     "bold": "मोटा",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index d514520ed..5dc19945b 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -54,6 +54,7 @@
     "veryLarge": "Nagyon nagy",
     "solid": "Kitöltött",
     "hachure": "Vonalkázott",
+    "zigzag": "",
     "crossHatch": "Keresztcsíkozott",
     "thin": "Vékony",
     "bold": "Félkövér",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 01b510fcd..eb5d8df71 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -54,6 +54,7 @@
     "veryLarge": "Sangat besar",
     "solid": "Padat",
     "hachure": "Garis-garis",
+    "zigzag": "",
     "crossHatch": "Asiran silang",
     "thin": "Lembut",
     "bold": "Tebal",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 8380fd8e5..c31462ce2 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -54,6 +54,7 @@
     "veryLarge": "Molto grande",
     "solid": "Pieno",
     "hachure": "Tratteggio obliquo",
+    "zigzag": "Zig zag",
     "crossHatch": "Tratteggio incrociato",
     "thin": "Sottile",
     "bold": "Grassetto",
@@ -319,7 +320,7 @@
     "doubleClick": "doppio-click",
     "drag": "trascina",
     "editor": "Editor",
-    "editLineArrowPoints": "",
+    "editLineArrowPoints": "Modifica punti linea/freccia",
     "editText": "Modifica testo / aggiungi etichetta",
     "github": "Trovato un problema? Segnalalo",
     "howto": "Segui le nostre guide",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index 53333aea3..a457b1dfe 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -54,6 +54,7 @@
     "veryLarge": "特大",
     "solid": "ベタ塗り",
     "hachure": "斜線",
+    "zigzag": "",
     "crossHatch": "網掛け",
     "thin": "細",
     "bold": "太字",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index ba6a3de7e..62c6071c4 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -54,6 +54,7 @@
     "veryLarge": "Meqqer aṭas",
     "solid": "Aččuran",
     "hachure": "Azerreg",
+    "zigzag": "",
     "crossHatch": "Azerreg anmidag",
     "thin": "Arqaq",
     "bold": "Azuran",
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 97a9063fa..38acace0e 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -54,6 +54,7 @@
     "veryLarge": "Өте үлкен",
     "solid": "",
     "hachure": "",
+    "zigzag": "",
     "crossHatch": "",
     "thin": "",
     "bold": "",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index f170e4cbf..aa4647f28 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -54,6 +54,7 @@
     "veryLarge": "매우 크게",
     "solid": "단색",
     "hachure": "평행선",
+    "zigzag": "지그재그",
     "crossHatch": "교차선",
     "thin": "얇게",
     "bold": "굵게",
@@ -256,7 +257,7 @@
     "resize": "SHIFT 키를 누르면서 조정하면 크기의 비율이 제한됩니다.\nALT를 누르면서 조정하면 중앙을 기준으로 크기를 조정합니다.",
     "resizeImage": "SHIFT를 눌러서 자유롭게 크기를 변경하거나,\nALT를 눌러서 중앙을 고정하고 크기를 변경하기",
     "rotate": "SHIFT 키를 누르면서 회전하면 각도를 제한할 수 있습니다.",
-    "lineEditor_info": "포인트를 편집하려면 Ctrl/Cmd을 누르고 더블 클릭을 하거나 Ctrl/Cmd + Enter를 누르세요",
+    "lineEditor_info": "꼭짓점을 수정하려면 CtrlOrCmd 키를 누르고 더블 클릭을 하거나 CtrlOrCmd + Enter를 누르세요.",
     "lineEditor_pointSelected": "Delete 키로 꼭짓점을 제거하거나,\nCtrlOrCmd+D 로 복제하거나, 드래그 해서 이동시키기",
     "lineEditor_nothingSelected": "꼭짓점을 선택해서 수정하거나 (SHIFT를 눌러서 여러개 선택),\nAlt를 누르고 클릭해서 새로운 꼭짓점 추가하기",
     "placeImage": "클릭해서 이미지를 배치하거나, 클릭하고 드래그해서 사이즈를 조정하기",
@@ -319,8 +320,8 @@
     "doubleClick": "더블 클릭",
     "drag": "드래그",
     "editor": "에디터",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "직선 / 화살표 꼭짓점 수정",
+    "editText": "텍스트 수정 / 라벨 추가",
     "github": "문제 제보하기",
     "howto": "가이드 참고하기",
     "or": "또는",
@@ -382,8 +383,8 @@
   },
   "publishSuccessDialog": {
     "title": "라이브러리 제출됨",
-    "content": "{{authorName}}님 감사합니다. 당신의 라이브러리가 심사를 위해 제출되었습니다. 진행 상황을 다음의 링크에서 확인할 수 있습니다.",
-    "link": "여기"
+    "content": "{{authorName}}님 감사합니다. 당신의 라이브러리가 심사를 위해 제출되었습니다. 진행 상황을",
+    "link": "여기에서 확인하실 수 있습니다."
   },
   "confirmDialog": {
     "resetLibrary": "라이브러리 리셋",
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 76b5086e8..4fbf60492 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "دانانەوە",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "دایبنێ وەک دەقی سادە",
     "pasteCharts": "دانانەوەی خشتەکان",
     "selectAll": "دیاریکردنی هەموو",
     "multiSelect": "زیادکردنی بۆ دیاریکراوەکان",
@@ -54,6 +54,7 @@
     "veryLarge": "زۆر گه‌وره‌",
     "solid": "سادە",
     "hachure": "هاچور",
+    "zigzag": "زیگزاگ",
     "crossHatch": "کرۆس هاتچ",
     "thin": "تەنک",
     "bold": "تۆخ",
@@ -110,7 +111,7 @@
     "increaseFontSize": "زایدکردنی قەبارەی فۆنت",
     "unbindText": "دەقەکە جیابکەرەوە",
     "bindText": "دەقەکە ببەستەوە بە کۆنتەینەرەکەوە",
-    "createContainerFromText": "",
+    "createContainerFromText": "دەق لە چوارچێوەیەکدا بپێچە",
     "link": {
       "edit": "دەستکاریکردنی بەستەر",
       "create": "دروستکردنی بەستەر",
@@ -194,7 +195,7 @@
     "resetLibrary": "ئەمە کتێبخانەکەت خاوێن دەکاتەوە. ئایا دڵنیایت?",
     "removeItemsFromsLibrary": "سڕینەوەی {{count}} ئایتم(ەکان) لە کتێبخانە؟",
     "invalidEncryptionKey": "کلیلی رەمزاندن دەبێت لە 22 پیت بێت. هاوکاری ڕاستەوخۆ لە کارخراوە.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "هێڵی ئینتەرنێت بەردەست نییە.\n گۆڕانکارییەکانت سەیڤ ناکرێن!"
   },
   "errors": {
     "unsupportedFileType": "جۆری فایلی پشتگیری نەکراو.",
@@ -204,22 +205,22 @@
     "invalidSVGString": "ئێس ڤی جی نادروستە.",
     "cannotResolveCollabServer": "ناتوانێت پەیوەندی بکات بە سێرڤەری کۆلاب. تکایە لاپەڕەکە دووبارە باربکەوە و دووبارە هەوڵ بدەوە.",
     "importLibraryError": "نەیتوانی کتێبخانە بار بکات",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": "",
+    "collabSaveFailed": "نەتوانرا لە بنکەدراوەی ڕاژەدا پاشەکەوت بکرێت. ئەگەر کێشەکان بەردەوام بوون، پێویستە فایلەکەت لە ناوخۆدا هەڵبگریت بۆ ئەوەی دڵنیا بیت کە کارەکانت لەدەست نادەیت.",
+    "collabSaveFailed_sizeExceeded": "نەتوانرا لە بنکەدراوەی ڕاژەدا پاشەکەوت بکرێت، پێدەچێت تابلۆکە زۆر گەورە بێت. پێویستە فایلەکە لە ناوخۆدا هەڵبگریت بۆ ئەوەی دڵنیا بیت کە کارەکانت لەدەست نادەیت.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "start": "پێدەچێت وێبگەڕی Brave بەکاربهێنیت لەگەڵ",
+      "aggressive_block_fingerprint": "بلۆککردنی Fingerprinting بەشێوەیەکی توندوتیژانە",
+      "setting_enabled": "ڕێکخستن چالاک کراوە",
+      "break": "ئەمە دەکرێت ببێتە هۆی تێکدانی",
+      "text_elements": "دانە دەقییەکان",
+      "in_your_drawings": "لە وێنەکێشانەکانتدا",
+      "strongly_recommend": "بە توندی پێشنیار دەکەین ئەم ڕێکخستنە لەکاربخەیت. دەتوانیت بڕۆیت بە دوای",
+      "steps": "ئەم هەنگاوانەدا",
+      "how": "بۆ ئەوەی ئەنجامی بدەیت",
+      "disable_setting": " ئەگەر لەکارخستنی ئەم ڕێکخستنە پیشاندانی توخمەکانی دەق چاک نەکاتەوە، تکایە هەڵبستە بە کردنەوەی",
+      "issue": "کێشەیەک",
+      "write": "لەسەر گیتهەبەکەمان، یان بۆمان بنوسە لە",
+      "discord": "دیسکۆرد"
     }
   },
   "toolBar": {
@@ -237,7 +238,7 @@
     "penMode": "شێوازی قەڵەم - دەست لێدان ڕابگرە",
     "link": "زیادکردن/ نوێکردنەوەی لینک بۆ شێوەی دیاریکراو",
     "eraser": "سڕەر",
-    "hand": ""
+    "hand": "دەست (ئامرازی پانکردن)"
   },
   "headings": {
     "canvasActions": "کردارەکانی تابلۆ",
@@ -245,7 +246,7 @@
     "shapes": "شێوەکان"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "بۆ جوڵاندنی تابلۆ، ویلی ماوسەکەت یان دوگمەی سپەیس بگرە لەکاتی ڕاکێشاندە، یانیش ئامرازی دەستەکە بەکاربهێنە",
     "linearElement": "کرتە بکە بۆ دەستپێکردنی چەند خاڵێک، ڕایبکێشە بۆ یەک هێڵ",
     "freeDraw": "کرتە بکە و ڕایبکێشە، کاتێک تەواو بوویت دەست هەڵگرە",
     "text": "زانیاری: هەروەها دەتوانیت دەق زیادبکەیت بە دوو کرتەکردن لە هەر شوێنێک لەگەڵ ئامڕازی دەستنیشانکردن",
@@ -256,7 +257,7 @@
     "resize": "دەتوانیت ڕێژەکان سنووردار بکەیت بە ڕاگرتنی SHIFT لەکاتی گۆڕینی قەبارەدا،\nALT ڕابگرە بۆ گۆڕینی قەبارە لە ناوەندەوە",
     "resizeImage": "دەتوانیت بە ئازادی قەبارە بگۆڕیت بە ڕاگرتنی SHIFT،\nALT ڕابگرە بۆ گۆڕینی قەبارە لە ناوەندەوە",
     "rotate": "دەتوانیت گۆشەکان سنووردار بکەیت بە ڕاگرتنی SHIFT لەکاتی سوڕانەوەدا",
-    "lineEditor_info": "",
+    "lineEditor_info": "یان Ctrl یان Cmd بگرە و دوانە کلیک بکە یانیش پەنجە بنێ بە Ctrl یان Cmd + ئینتەر بۆ دەستکاریکردنی خاڵەکان",
     "lineEditor_pointSelected": "بۆ لابردنی خاڵەکان Delete دابگرە، Ctrl Cmd+D بکە بۆ لەبەرگرتنەوە، یان بۆ جووڵە ڕاکێشان بکە",
     "lineEditor_nothingSelected": "خاڵێک هەڵبژێرە بۆ دەستکاریکردن (SHIFT ڕابگرە بۆ هەڵبژاردنی چەندین)،\nیان Alt ڕابگرە و کلیک بکە بۆ زیادکردنی خاڵە نوێیەکان",
     "placeImage": "کلیک بکە بۆ دانانی وێنەکە، یان کلیک بکە و ڕایبکێشە بۆ ئەوەی قەبارەکەی بە دەستی دابنێیت",
@@ -264,7 +265,7 @@
     "bindTextToElement": "بۆ زیادکردنی دەق enter بکە",
     "deepBoxSelect": "CtrlOrCmd ڕابگرە بۆ هەڵبژاردنی قووڵ، و بۆ ڕێگریکردن لە ڕاکێشان",
     "eraserRevert": "بۆ گەڕاندنەوەی ئەو توخمانەی کە بۆ سڕینەوە نیشانە کراون، Alt ڕابگرە",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "ئەم تایبەتمەندییە بە ئەگەرێکی زۆرەوە دەتوانرێت چالاک بکرێت بە ڕێکخستنی ئاڵای \"dom.events.asyncClipboard.clipboardItem\" بۆ \"true\". بۆ گۆڕینی ئاڵاکانی وێبگەڕ لە فایەرفۆکسدا، سەردانی لاپەڕەی \"about:config\" بکە."
   },
   "canvasError": {
     "cannotShowPreview": "ناتوانرێ پێشبینین پیشان بدرێت",
@@ -319,8 +320,8 @@
     "doubleClick": "دوو گرتە",
     "drag": "راکێشان",
     "editor": "دەستکاریکەر",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "دەستکاری خاڵەکانی هێڵ/تیر بکە",
+    "editText": "دەستکاری دەق بکە / لەیبڵێک زیاد بکە",
     "github": "کێشەیەکت دۆزیەوە؟ پێشکەشکردن",
     "howto": "شوێن ڕینماییەکانمان بکەوە",
     "or": "یان",
@@ -334,8 +335,8 @@
     "zoomToFit": "زووم بکە بۆ ئەوەی لەگەڵ هەموو توخمەکاندا بگونجێت",
     "zoomToSelection": "زووم بکە بۆ دەستنیشانکراوەکان",
     "toggleElementLock": "قفڵ/کردنەوەی دەستنیشانکراوەکان",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "لاپەڕەکە بجوڵێنە بۆ سەرەوە/خوارەوە",
+    "movePageLeftRight": "لاپەڕەکە بجوڵێنە بۆ چەپ/ڕاست"
   },
   "clearCanvasDialog": {
     "title": "تابلۆکە خاوێن بکەرەوە"
@@ -417,7 +418,7 @@
     "fileSavedToFilename": "هەڵگیراوە بۆ {filename}",
     "canvas": "تابلۆ",
     "selection": "دەستنیشانکراوەکان",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "بۆ دانانەوە وەکو یەک توخم یان دانانەوە بۆ نێو دەسکاریکەرێکی دەق کە بوونی هەیە {{shortcut}} بەکاربهێنە"
   },
   "colors": {
     "ffffff": "سپی",
@@ -468,15 +469,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "هەموو داتاکانت لە ناوخۆی وێنگەڕەکەتدا پاشەکەوت کراوە.",
+      "center_heading_plus": "ویستت بڕۆیت بۆ Excalidraw+?",
+      "menuHint": "هەناردەکردن، ڕێکخستنەکان، زمانەکان، ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "هەناردەکردن، ڕێکخستنەکان، و زیاتر...",
+      "center_heading": "دایاگرامەکان. ئاسان. کراون.",
+      "toolbarHint": "ئامرازێک هەڵبگرە و دەستبکە بە کێشان!",
+      "helpHint": "قەدبڕەکان و یارمەتی"
     }
   }
 }
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index d80739f09..1c18c2729 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -54,6 +54,7 @@
     "veryLarge": "Labai didelis",
     "solid": "",
     "hachure": "",
+    "zigzag": "",
     "crossHatch": "",
     "thin": "Plonas",
     "bold": "Pastorintas",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 4a311f7cd..bc8a3a678 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -54,6 +54,7 @@
     "veryLarge": "Ļoti liels",
     "solid": "Pilns",
     "hachure": "Svītrots",
+    "zigzag": "Zigzaglīnija",
     "crossHatch": "Šķērssvītrots",
     "thin": "Šaurs",
     "bold": "Trekns",
@@ -110,7 +111,7 @@
     "increaseFontSize": "Palielināt fonta izmēru",
     "unbindText": "Atdalīt tekstu",
     "bindText": "Piesaistīt tekstu figūrai",
-    "createContainerFromText": "",
+    "createContainerFromText": "Ietilpināt tekstu figurā",
     "link": {
       "edit": "Rediģēt saiti",
       "create": "Izveidot saiti",
@@ -194,7 +195,7 @@
     "resetLibrary": "Šī funkcija iztukšos bibliotēku. Vai turpināt?",
     "removeItemsFromsLibrary": "Vai izņemt {{count}} vienumu(s) no bibliotēkas?",
     "invalidEncryptionKey": "Šifrēšanas atslēgai jābūt 22 simbolus garai. Tiešsaistes sadarbība ir izslēgta.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "Nav pieejams interneta pieslēgums.\nJūsu izmaiņas netiks saglabātas!"
   },
   "errors": {
     "unsupportedFileType": "Neatbalstīts datnes veids.",
@@ -207,19 +208,19 @@
     "collabSaveFailed": "Darbs nav saglabāts datubāzē. Ja problēma turpinās, saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
     "collabSaveFailed_sizeExceeded": "Darbs nav saglabāts datubāzē, šķiet, ka tāfele ir pārāk liela. Saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "start": "Izskatās, ka izmanto Brave interneta plārlūku ar ieslēgtu",
+      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
+      "setting_enabled": "ieslēgtu iestatījumu",
+      "break": "Tas var salauzt",
+      "text_elements": "Teksta elementus",
+      "in_your_drawings": "tavos zīmējumos",
+      "strongly_recommend": "Mēs iesakām izslēgt šo iestatījumu. Tu vari sekot",
+      "steps": "šiem soļiem",
+      "how": "kā to izdarīt",
+      "disable_setting": " Ja šī iestatījuma izslēgšana neatrisina teksta elementu attēlošanu, tad, lūdzu, atver",
+      "issue": "problēmu",
+      "write": "mūsu GitHub vai raksti mums",
+      "discord": "Discord"
     }
   },
   "toolBar": {
@@ -237,7 +238,7 @@
     "penMode": "Pildspalvas režīms – novērst pieskaršanos",
     "link": "Pievienot/rediģēt atlasītās figūras saiti",
     "eraser": "Dzēšgumija",
-    "hand": ""
+    "hand": "Roka (panoramēšanas rīks)"
   },
   "headings": {
     "canvasActions": "Tāfeles darbības",
@@ -245,7 +246,7 @@
     "shapes": "Formas"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Lai bīdītu tāfeli, turiet nospiestu ritināšanas vai atstarpes taustiņu, vai izmanto rokas rīku",
     "linearElement": "Klikšķiniet, lai sāktu zīmēt vairākus punktus; velciet, lai zīmētu līniju",
     "freeDraw": "Spiediet un velciet; atlaidiet, kad pabeidzat",
     "text": "Ieteikums: lai pievienotu tekstu, varat arī jebkur dubultklikšķināt ar atlases rīku",
@@ -264,7 +265,7 @@
     "bindTextToElement": "Spiediet ievades taustiņu, lai pievienotu tekstu",
     "deepBoxSelect": "Turient nospiestu Ctrl vai Cmd, lai atlasītu dziļumā un lai nepieļautu objektu pavilkšanu",
     "eraserRevert": "Turiet Alt, lai noņemtu elementus no dzēsšanas atlases",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Šis iestatījums var tikt ieslēgts ar \"dom.events.asyncClipboard.clipboardItem\" marķieri pārslēgtu uz \"true\". Lai mainītu pārlūka marķierus Firefox, apmeklē \"about:config\" lapu."
   },
   "canvasError": {
     "cannotShowPreview": "Nevar rādīt priekšskatījumu",
@@ -319,8 +320,8 @@
     "doubleClick": "dubultklikšķis",
     "drag": "vilkt",
     "editor": "Redaktors",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Rediģēt līniju/bultu punktus",
+    "editText": "Rediģēt tekstu/pievienot birku",
     "github": "Sastapāt kļūdu? Ziņot",
     "howto": "Sekojiet mūsu instrukcijām",
     "or": "vai",
@@ -468,15 +469,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Visi jūsu dati tiek glabāti uz vietas jūsu pārlūkā.",
+      "center_heading_plus": "Vai tā vietā vēlies doties uz Excalidraw+?",
+      "menuHint": "Eksportēšana, iestatījumi, valodas..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Eksportēšana, iestatījumi un vēl...",
+      "center_heading": "Diagrammas. Izveidotas. Vienkārši.",
+      "toolbarHint": "Izvēlies rīku un sāc zīmēt!",
+      "helpHint": "Īsceļi un palīdzība"
     }
   }
 }
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 4f58009c9..346ae5603 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -54,6 +54,7 @@
     "veryLarge": "फार मोठं",
     "solid": "भरीव",
     "hachure": "हैशूर रेखांकन",
+    "zigzag": "वाकडी तिकड़ी",
     "crossHatch": "आडव्या रेघा",
     "thin": "पातळ",
     "bold": "जाड",
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index efc874218..437e9d13b 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -54,6 +54,7 @@
     "veryLarge": "ပိုကြီး",
     "solid": "အပြည့်",
     "hachure": "မျဉ်းစောင်း",
+    "zigzag": "",
     "crossHatch": "ဇကာကွက်",
     "thin": "ပါး",
     "bold": "ထူ",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 27e717d2a..7a2e72c55 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -54,6 +54,7 @@
     "veryLarge": "Svært stor",
     "solid": "Helfarge",
     "hachure": "Skravert",
+    "zigzag": "Sikk-sakk",
     "crossHatch": "Krysskravert",
     "thin": "Tynn",
     "bold": "Tykk",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 7c2bb105b..62baedf83 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -54,6 +54,7 @@
     "veryLarge": "Zeer groot",
     "solid": "Ingekleurd",
     "hachure": "Arcering",
+    "zigzag": "",
     "crossHatch": "Tweemaal gearceerd",
     "thin": "Dun",
     "bold": "Vet",
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index 1733b84c4..49333b910 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -54,6 +54,7 @@
     "veryLarge": "Svært stor",
     "solid": "Solid",
     "hachure": "Skravert",
+    "zigzag": "",
     "crossHatch": "Krysskravert",
     "thin": "Tynn",
     "bold": "Tjukk",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index a9ca70a84..cae6682df 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -54,6 +54,7 @@
     "veryLarge": "Gradassa",
     "solid": "Solide",
     "hachure": "Raia",
+    "zigzag": "",
     "crossHatch": "Raia crosada",
     "thin": "Fin",
     "bold": "Espés",
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 31c11ceb8..2b7c66a33 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -54,6 +54,7 @@
     "veryLarge": "ਬਹੁਤ ਵੱਡਾ",
     "solid": "ਠੋਸ",
     "hachure": "ਤਿਰਛੀਆਂ ਗਰਿੱਲਾਂ",
+    "zigzag": "",
     "crossHatch": "ਜਾਲੀ",
     "thin": "ਪਤਲੀ",
     "bold": "ਮੋਟੀ",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index b28b6c259..b12928698 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,17 +1,17 @@
 {
-  "ar-SA": 89,
+  "ar-SA": 88,
   "bg-BG": 52,
   "bn-BD": 57,
-  "ca-ES": 96,
-  "cs-CZ": 72,
+  "ca-ES": 95,
+  "cs-CZ": 71,
   "da-DK": 31,
   "de-DE": 100,
   "el-GR": 98,
   "en": 100,
-  "es-ES": 99,
+  "es-ES": 100,
   "eu-ES": 99,
   "fa-IR": 91,
-  "fi-FI": 96,
+  "fi-FI": 95,
   "fr-FR": 99,
   "gl-ES": 99,
   "he-IL": 99,
@@ -19,35 +19,35 @@
   "hu-HU": 85,
   "id-ID": 98,
   "it-IT": 99,
-  "ja-JP": 97,
+  "ja-JP": 96,
   "kab-KAB": 93,
   "kk-KZ": 19,
-  "ko-KR": 99,
-  "ku-TR": 91,
+  "ko-KR": 100,
+  "ku-TR": 100,
   "lt-LT": 61,
-  "lv-LV": 93,
+  "lv-LV": 100,
   "mr-IN": 100,
-  "my-MM": 40,
+  "my-MM": 39,
   "nb-NO": 100,
   "nl-NL": 92,
-  "nn-NO": 86,
+  "nn-NO": 85,
   "oc-FR": 94,
   "pa-IN": 79,
   "pl-PL": 87,
-  "pt-BR": 96,
-  "pt-PT": 99,
+  "pt-BR": 95,
+  "pt-PT": 100,
   "ro-RO": 100,
-  "ru-RU": 96,
+  "ru-RU": 100,
   "si-LK": 8,
   "sk-SK": 99,
   "sl-SI": 100,
-  "sv-SE": 99,
+  "sv-SE": 100,
   "ta-IN": 90,
   "th-TH": 39,
-  "tr-TR": 98,
-  "uk-UA": 93,
+  "tr-TR": 97,
+  "uk-UA": 92,
   "vi-VN": 52,
   "zh-CN": 99,
-  "zh-HK": 25,
+  "zh-HK": 24,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index 1abaa038f..797d88fa1 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -54,6 +54,7 @@
     "veryLarge": "Bardzo duży",
     "solid": "Pełne",
     "hachure": "Linie",
+    "zigzag": "",
     "crossHatch": "Zakreślone",
     "thin": "Cienkie",
     "bold": "Pogrubione",
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index d790c5db5..12a1a5d46 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -54,6 +54,7 @@
     "veryLarge": "Muito grande",
     "solid": "Sólido",
     "hachure": "Hachura",
+    "zigzag": "",
     "crossHatch": "Hachura cruzada",
     "thin": "Fino",
     "bold": "Espesso",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 7ce28f00f..947682311 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -54,6 +54,7 @@
     "veryLarge": "Muito grande",
     "solid": "Sólido",
     "hachure": "Eclosão",
+    "zigzag": "ziguezague",
     "crossHatch": "Sombreado",
     "thin": "Fino",
     "bold": "Espesso",
@@ -319,8 +320,8 @@
     "doubleClick": "clique duplo",
     "drag": "arrastar",
     "editor": "Editor",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Editar pontos de linha/seta",
+    "editText": "Editar texto / adicionar etiqueta",
     "github": "Encontrou algum problema? Informe-nos",
     "howto": "Siga os nossos guias",
     "or": "ou",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index a0e3b5883..611ed5676 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -54,6 +54,7 @@
     "veryLarge": "Foarte mare",
     "solid": "Plină",
     "hachure": "Hașură",
+    "zigzag": "Zigzag",
     "crossHatch": "Hașură transversală",
     "thin": "Subțire",
     "bold": "Îngroșată",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index d4030897c..cda20347a 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -54,6 +54,7 @@
     "veryLarge": "Очень большой",
     "solid": "Однотонная",
     "hachure": "Штрихованная",
+    "zigzag": "Зигзаг",
     "crossHatch": "Перекрестная",
     "thin": "Тонкая",
     "bold": "Жирная",
@@ -110,7 +111,7 @@
     "increaseFontSize": "Увеличить шрифт",
     "unbindText": "Отвязать текст",
     "bindText": "Привязать текст к контейнеру",
-    "createContainerFromText": "",
+    "createContainerFromText": "Поместить текст в контейнер",
     "link": {
       "edit": "Редактировать ссылку",
       "create": "Создать ссылку",
@@ -207,19 +208,19 @@
     "collabSaveFailed": "Не удалось сохранить в базу данных. Если проблема повторится, нужно будет сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
     "collabSaveFailed_sizeExceeded": "Не удалось сохранить в базу данных. Похоже, что холст слишком большой. Нужно сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "start": "Похоже, вы используете браузер Brave с",
+      "aggressive_block_fingerprint": "Агрессивно блокировать фингерпринтинг",
+      "setting_enabled": "параметр включен",
+      "break": "Это может привести к поломке",
+      "text_elements": "Текстовых элементов",
+      "in_your_drawings": "в ваших рисунках",
+      "strongly_recommend": "Мы настоятельно рекомендуем отключить эту настройку. Вы можете выполнить",
+      "steps": "эти действия",
+      "how": "для отключения",
+      "disable_setting": " Если отключение этого параметра не исправит отображение текстовых элементов, пожалуйста, откройте",
+      "issue": "issue",
+      "write": "на нашем GitHub, или напишите нам в",
+      "discord": "Discord"
     }
   },
   "toolBar": {
@@ -319,8 +320,8 @@
     "doubleClick": "двойной клик",
     "drag": "перетащить",
     "editor": "Редактор",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Редактировать концы линий/стрелок",
+    "editText": "Редактировать текст / добавить метку",
     "github": "Нашли проблему? Отправьте",
     "howto": "Следуйте нашим инструкциям",
     "or": "или",
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index b84ad567f..01f5bcac2 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -54,6 +54,7 @@
     "veryLarge": "ඉතා විශාල",
     "solid": "විශාල",
     "hachure": "මධ්‍යම",
+    "zigzag": "",
     "crossHatch": "",
     "thin": "කෙට්ටු",
     "bold": "තද",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index d6322ac1c..4bb6f0e76 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -54,6 +54,7 @@
     "veryLarge": "Veľmi veľké",
     "solid": "Plná",
     "hachure": "Šrafovaná",
+    "zigzag": "",
     "crossHatch": "Mriežkovaná",
     "thin": "Tenká",
     "bold": "Hrubá",
@@ -319,8 +320,8 @@
     "doubleClick": "dvojklik",
     "drag": "potiahnutie",
     "editor": "Editovanie",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Editácia bodov čiary/šípky",
+    "editText": "Editácia textu / pridanie štítku",
     "github": "Objavili ste problém? Nahláste ho",
     "howto": "Postupujte podľa naších návodov",
     "or": "alebo",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 57199c813..dc073c0cb 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -54,6 +54,7 @@
     "veryLarge": "Zelo velika",
     "solid": "Polno",
     "hachure": "Šrafura",
+    "zigzag": "Cikcak",
     "crossHatch": "Križno",
     "thin": "Tanko",
     "bold": "Krepko",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index d0392b119..502c1bb1e 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -54,6 +54,7 @@
     "veryLarge": "Mycket stor",
     "solid": "Solid",
     "hachure": "Skraffering",
+    "zigzag": "Sicksack",
     "crossHatch": "Skraffera med kors",
     "thin": "Tunn",
     "bold": "Fet",
@@ -319,8 +320,8 @@
     "doubleClick": "dubbelklicka",
     "drag": "dra",
     "editor": "Redigerare",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Redigera linje-/pilpunkter",
+    "editText": "Redigera text / lägg till etikett",
     "github": "Hittat ett problem? Rapportera",
     "howto": "Följ våra guider",
     "or": "eller",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 6dc865766..47c6e644b 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -54,6 +54,7 @@
     "veryLarge": "மிகப் பெரிய",
     "solid": "திடமான",
     "hachure": "மலைக்குறிக்கோடு",
+    "zigzag": "",
     "crossHatch": "குறுக்குகதவு",
     "thin": "மெல்லிய",
     "bold": "பட்டை",
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
index 2dcb9cb43..021c0ce97 100644
--- a/src/locales/th-TH.json
+++ b/src/locales/th-TH.json
@@ -54,6 +54,7 @@
     "veryLarge": "ใหญ่มาก",
     "solid": "",
     "hachure": "",
+    "zigzag": "",
     "crossHatch": "",
     "thin": "บาง",
     "bold": "หนา",
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 78dd9329a..8e1f2b4a0 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -54,6 +54,7 @@
     "veryLarge": "Çok geniş",
     "solid": "Dolu",
     "hachure": "Taralı",
+    "zigzag": "",
     "crossHatch": "Çapraz-taralı",
     "thin": "İnce",
     "bold": "Kalın",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index ed1a01e68..417e0a16a 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -54,6 +54,7 @@
     "veryLarge": "Дуже великий",
     "solid": "Суцільна",
     "hachure": "Штриховка",
+    "zigzag": "",
     "crossHatch": "Перехресна штриховка",
     "thin": "Тонкий",
     "bold": "Жирний",
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 887c32e3e..27fccfb53 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -54,6 +54,7 @@
     "veryLarge": "Rất lớn",
     "solid": "Đặc",
     "hachure": "Nét gạch gạch",
+    "zigzag": "",
     "crossHatch": "Nét gạch chéo",
     "thin": "Mỏng",
     "bold": "In đậm",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 5863f5ceb..18584cda7 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -54,6 +54,7 @@
     "veryLarge": "加大",
     "solid": "实心",
     "hachure": "线条",
+    "zigzag": "",
     "crossHatch": "交叉线条",
     "thin": "细",
     "bold": "粗",
@@ -319,8 +320,8 @@
     "doubleClick": "双击",
     "drag": "拖动",
     "editor": "编辑器",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "编辑线条或箭头的点",
+    "editText": "添加或编辑文本",
     "github": "提交问题",
     "howto": "帮助文档",
     "or": "或",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index bbf23f7f7..5cff35a5c 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -54,6 +54,7 @@
     "veryLarge": "勁大",
     "solid": "實心",
     "hachure": "斜線",
+    "zigzag": "",
     "crossHatch": "交叉格仔",
     "thin": "幼",
     "bold": "粗",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index f4462842c..25c9b0f57 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -54,6 +54,7 @@
     "veryLarge": "特大",
     "solid": "實心",
     "hachure": "斜線筆觸",
+    "zigzag": "Ｚ字形",
     "crossHatch": "交叉筆觸",
     "thin": "細",
     "bold": "粗",

From b1311a407a636c87ee0ca326fd20599d0ce4ba9b Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 2 May 2023 12:49:11 +0530
Subject: [PATCH 170/252] fix: Revert add version tags to Docker build (#6540)

Revert "build: Add version tags to Docker build (#6508)"

This reverts commit 1815cf3213b1d19cb6aa1a54dabd969196a65a28.
---
 .github/workflows/publish-docker.yml | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/.github/workflows/publish-docker.yml b/.github/workflows/publish-docker.yml
index 3602bb660..a4a8a4c5f 100644
--- a/.github/workflows/publish-docker.yml
+++ b/.github/workflows/publish-docker.yml
@@ -12,24 +12,14 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
-      - name: Docker meta
-        id: meta
-        uses: docker/metadata-action@v4
-        with:
-          images: |
-            excalidraw/excalidraw
-          tags: |
-            type=semver,pattern={{version}}
-            type=semver,pattern={{major}}.{{minor}}
       - name: Login to DockerHub
         uses: docker/login-action@v2
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
       - name: Build and push
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v3
         with:
           context: .
           push: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
+          tags: excalidraw/excalidraw:latest

From e9cae918a7c83c577afb5f6385f6aba9d3544670 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 4 May 2023 19:33:31 +0200
Subject: [PATCH 171/252] feat: sidebar tabs support (#6213)

* feat: Sidebar tabs support [wip]

* tab trigger styling tweaks

* add `:hover` & `:active` states

* replace `@dwelle/tunnel-rat` with `tunnel-rat`

* make stuff more explicit

- remove `Sidebar.Header` fallback (host apps need to render manually), and stop tunneling it (render in place)
- make `docked` state explicit
- stop tunneling `Sidebar.TabTriggers` (render in place)

* redesign sidebar / library as per latest spec

* support no label on `Sidebar.Trigger`

* add Sidebar `props.onStateChange`

* style fixes

* make `appState.isSidebarDocked` into a soft user preference

* px -> rem & refactor

* remove `props.renderSidebar`

* update tests

* remove

* refactor

* rename constants

* tab triggers styling fixes

* factor out library-related logic from generic sidebar trigger

* change `props.onClose` to `onToggle`

* rename `props.value` -> `props.tab`

* add displayNames

* allow HTMLAttributes on applicable compos

* fix example App

* more styling tweaks and fixes

* fix not setting `dockable`

* more style fixes

* fix and align sidebar header button styling

* make DefaultSidebar dockable on if host apps supplies `onDock`

* stop `Sidebar.Trigger` hiding label on mobile

this should be only the default sidebar trigger behavior, and for that we don't need to use `device` hook as we handle in CSS

* fix `dockable` prop of defaultSidebar

* remove extra `typescript` dep

* remove `defaultTab` prop

in favor of explicit `tab` value in `<Sidebar.Trigger/>` and `toggleSidebar()`, to reduce API surface area and solve inconsistency of `appState.openSidebar.tab` not reflecting actual UI value if `defaultTab` was supported (without additional syncing logic which feels like the wrong solution).

* remove `onToggle` in favor of `onStateChange`

reducing API surface area

* fix restore

* comment no longer applies

* reuse `Button` component in sidebar buttons

* fix tests

* split Sidebar sub-components into files

* remove `props.dockable` in favor of `props.onDock` only

* split tests

* fix sidebar showing dock button if no `props.docked` supplied & add more tests

* reorder and group sidebar tests

* clarify

* rename classes & dedupe css

* refactor tests

* update changelog

* update changelog

---------

Co-authored-by: barnabasmolnar <barnabas@excalidraw.com>
---
 package.json                                  |   4 +-
 src/appState.ts                               |   8 +-
 src/components/App.tsx                        | 229 ++++---
 src/components/Button.tsx                     |  12 +-
 src/components/ConfirmDialog.tsx              |   7 +-
 src/components/DefaultSidebar.test.tsx        | 144 +++++
 src/components/DefaultSidebar.tsx             | 118 ++++
 src/components/Dialog.tsx                     |   2 +-
 src/components/HintViewer.tsx                 |   2 +-
 src/components/LayerUI.tsx                    | 137 +++--
 src/components/LibraryButton.scss             |  32 -
 src/components/LibraryButton.tsx              |  57 --
 src/components/LibraryMenu.scss               |  72 +--
 src/components/LibraryMenu.tsx                | 212 ++-----
 src/components/LibraryMenuControlButtons.tsx  |  33 +
 src/components/LibraryMenuHeaderContent.tsx   |  65 +-
 src/components/LibraryMenuItems.scss          |   4 +-
 src/components/LibraryMenuItems.tsx           |  22 +-
 src/components/MobileMenu.tsx                 |  23 +-
 src/components/PasteChartDialog.tsx           |   8 +-
 src/components/Sidebar/Sidebar.scss           | 211 ++++---
 src/components/Sidebar/Sidebar.test.tsx       | 572 +++++++++---------
 src/components/Sidebar/Sidebar.tsx            | 358 +++++++----
 src/components/Sidebar/SidebarHeader.tsx      |  98 +--
 src/components/Sidebar/SidebarTab.tsx         |  18 +
 src/components/Sidebar/SidebarTabTrigger.tsx  |  26 +
 src/components/Sidebar/SidebarTabTriggers.tsx |  16 +
 src/components/Sidebar/SidebarTabs.tsx        |  36 ++
 src/components/Sidebar/SidebarTrigger.scss    |  34 ++
 src/components/Sidebar/SidebarTrigger.tsx     |  45 ++
 src/components/Sidebar/common.ts              |  34 +-
 src/components/context/tunnels.ts             |  32 -
 .../dropdownMenu/DropdownMenuContent.tsx      |   4 +-
 src/components/footer/Footer.tsx              |   8 +-
 src/components/footer/FooterCenter.tsx        |   8 +-
 src/components/hoc/withInternalFallback.tsx   |  26 +-
 src/components/hoc/withUpstreamOverride.tsx   |  63 --
 src/components/main-menu/MainMenu.tsx         |   8 +-
 .../welcome-screen/WelcomeScreen.Center.tsx   |   8 +-
 .../welcome-screen/WelcomeScreen.Hints.tsx    |  20 +-
 src/constants.ts                              |   7 +
 src/context/tunnels.ts                        |  36 ++
 src/context/ui-appState.ts                    |   5 +
 src/css/styles.scss                           |   2 +-
 src/css/theme.scss                            |   6 +
 src/css/variables.module.scss                 |  18 +-
 src/data/library.ts                           |  22 +-
 src/data/restore.ts                           |  32 +-
 src/data/types.ts                             |   6 +-
 src/hooks/useOutsideClick.ts                  |   2 +-
 src/packages/excalidraw/CHANGELOG.md          |  16 +
 src/packages/excalidraw/example/App.tsx       |  51 +-
 src/packages/excalidraw/index.tsx             |   6 +-
 .../__snapshots__/contextmenu.test.tsx.snap   |  34 +-
 .../regressionTests.test.tsx.snap             | 106 ++--
 src/tests/data/restore.test.ts                |  25 +-
 src/tests/library.test.tsx                    |   9 +-
 .../packages/__snapshots__/utils.test.ts.snap |   2 +-
 src/types.ts                                  |  23 +-
 src/utils.ts                                  |  20 +-
 yarn.lock                                     | 159 ++++-
 61 files changed, 1972 insertions(+), 1431 deletions(-)
 create mode 100644 src/components/DefaultSidebar.test.tsx
 create mode 100644 src/components/DefaultSidebar.tsx
 delete mode 100644 src/components/LibraryButton.scss
 delete mode 100644 src/components/LibraryButton.tsx
 create mode 100644 src/components/LibraryMenuControlButtons.tsx
 create mode 100644 src/components/Sidebar/SidebarTab.tsx
 create mode 100644 src/components/Sidebar/SidebarTabTrigger.tsx
 create mode 100644 src/components/Sidebar/SidebarTabTriggers.tsx
 create mode 100644 src/components/Sidebar/SidebarTabs.tsx
 create mode 100644 src/components/Sidebar/SidebarTrigger.scss
 create mode 100644 src/components/Sidebar/SidebarTrigger.tsx
 delete mode 100644 src/components/context/tunnels.ts
 delete mode 100644 src/components/hoc/withUpstreamOverride.tsx
 create mode 100644 src/context/tunnels.ts
 create mode 100644 src/context/ui-appState.ts

diff --git a/package.json b/package.json
index 5816786e3..57bdfe562 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     ]
   },
   "dependencies": {
-    "@dwelle/tunnel-rat": "0.1.1",
+    "@radix-ui/react-tabs": "1.0.2",
     "@sentry/browser": "6.2.5",
     "@sentry/integrations": "6.2.5",
     "@testing-library/jest-dom": "5.16.2",
@@ -51,7 +51,7 @@
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
-    "tunnel-rat": "0.1.0",
+    "tunnel-rat": "0.1.2",
     "workbox-background-sync": "^6.5.4",
     "workbox-broadcast-update": "^6.5.4",
     "workbox-cacheable-response": "^6.5.4",
diff --git a/src/appState.ts b/src/appState.ts
index 6f4db7557..aaac94879 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -58,7 +58,7 @@ export const getDefaultAppState = (): Omit<
     fileHandle: null,
     gridSize: null,
     isBindingEnabled: true,
-    isSidebarDocked: false,
+    defaultSidebarDockedPreference: false,
     isLoading: false,
     isResizing: false,
     isRotating: false,
@@ -150,7 +150,11 @@ const APP_STATE_STORAGE_CONF = (<
   gridSize: { browser: true, export: true, server: true },
   height: { browser: false, export: false, server: false },
   isBindingEnabled: { browser: false, export: false, server: false },
-  isSidebarDocked: { browser: true, export: false, server: false },
+  defaultSidebarDockedPreference: {
+    browser: true,
+    export: false,
+    server: false,
+  },
   isLoading: { browser: false, export: false, server: false },
   isResizing: { browser: false, export: false, server: false },
   isRotating: { browser: false, export: false, server: false },
diff --git a/src/components/App.tsx b/src/components/App.tsx
index d22a0507c..a317dd9b6 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -210,6 +210,8 @@ import {
   PointerDownState,
   SceneData,
   Device,
+  SidebarName,
+  SidebarTabName,
 } from "../types";
 import {
   debounce,
@@ -299,6 +301,9 @@ import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionWrapTextInContainer } from "../actions/actionBoundText";
 import BraveMeasureTextError from "./BraveMeasureTextError";
 
+const AppContext = React.createContext<AppClassProperties>(null!);
+const AppPropsContext = React.createContext<AppProps>(null!);
+
 const deviceContextInitialValue = {
   isSmScreen: false,
   isMobile: false,
@@ -340,6 +345,8 @@ const ExcalidrawActionManagerContext = React.createContext<ActionManager>(
 );
 ExcalidrawActionManagerContext.displayName = "ExcalidrawActionManagerContext";
 
+export const useApp = () => useContext(AppContext);
+export const useAppProps = () => useContext(AppPropsContext);
 export const useDevice = () => useContext<Device>(DeviceContext);
 export const useExcalidrawContainer = () =>
   useContext(ExcalidrawContainerContext);
@@ -400,7 +407,7 @@ class App extends React.Component<AppProps, AppState> {
   private nearestScrollableContainer: HTMLElement | Document | undefined;
   public library: AppClassProperties["library"];
   public libraryItemsFromStorage: LibraryItems | undefined;
-  private id: string;
+  public id: string;
   private history: History;
   private excalidrawContainerValue: {
     container: HTMLDivElement | null;
@@ -438,7 +445,7 @@ class App extends React.Component<AppProps, AppState> {
       width: window.innerWidth,
       height: window.innerHeight,
       showHyperlinkPopup: false,
-      isSidebarDocked: false,
+      defaultSidebarDockedPreference: false,
     };
 
     this.id = nanoid();
@@ -469,7 +476,7 @@ class App extends React.Component<AppProps, AppState> {
         setActiveTool: this.setActiveTool,
         setCursor: this.setCursor,
         resetCursor: this.resetCursor,
-        toggleMenu: this.toggleMenu,
+        toggleSidebar: this.toggleSidebar,
       } as const;
       if (typeof excalidrawRef === "function") {
         excalidrawRef(api);
@@ -577,101 +584,91 @@ class App extends React.Component<AppProps, AppState> {
           this.props.handleKeyboardGlobally ? undefined : this.onKeyDown
         }
       >
-        <ExcalidrawContainerContext.Provider
-          value={this.excalidrawContainerValue}
-        >
-          <DeviceContext.Provider value={this.device}>
-            <ExcalidrawSetAppStateContext.Provider value={this.setAppState}>
-              <ExcalidrawAppStateContext.Provider value={this.state}>
-                <ExcalidrawElementsContext.Provider
-                  value={this.scene.getNonDeletedElements()}
-                >
-                  <ExcalidrawActionManagerContext.Provider
-                    value={this.actionManager}
-                  >
-                    <LayerUI
-                      canvas={this.canvas}
-                      appState={this.state}
-                      files={this.files}
-                      setAppState={this.setAppState}
-                      actionManager={this.actionManager}
-                      elements={this.scene.getNonDeletedElements()}
-                      onLockToggle={this.toggleLock}
-                      onPenModeToggle={this.togglePenMode}
-                      onHandToolToggle={this.onHandToolToggle}
-                      onInsertElements={(elements) =>
-                        this.addElementsFromPasteOrLibrary({
-                          elements,
-                          position: "center",
-                          files: null,
-                        })
-                      }
-                      langCode={getLanguage().code}
-                      renderTopRightUI={renderTopRightUI}
-                      renderCustomStats={renderCustomStats}
-                      renderCustomSidebar={this.props.renderSidebar}
-                      showExitZenModeBtn={
-                        typeof this.props?.zenModeEnabled === "undefined" &&
-                        this.state.zenModeEnabled
-                      }
-                      libraryReturnUrl={this.props.libraryReturnUrl}
-                      UIOptions={this.props.UIOptions}
-                      focusContainer={this.focusContainer}
-                      library={this.library}
-                      id={this.id}
-                      onImageAction={this.onImageAction}
-                      renderWelcomeScreen={
-                        !this.state.isLoading &&
-                        this.state.showWelcomeScreen &&
-                        this.state.activeTool.type === "selection" &&
-                        !this.scene.getElementsIncludingDeleted().length
-                      }
+        <AppContext.Provider value={this}>
+          <AppPropsContext.Provider value={this.props}>
+            <ExcalidrawContainerContext.Provider
+              value={this.excalidrawContainerValue}
+            >
+              <DeviceContext.Provider value={this.device}>
+                <ExcalidrawSetAppStateContext.Provider value={this.setAppState}>
+                  <ExcalidrawAppStateContext.Provider value={this.state}>
+                    <ExcalidrawElementsContext.Provider
+                      value={this.scene.getNonDeletedElements()}
                     >
-                      {this.props.children}
-                    </LayerUI>
-                    <div className="excalidraw-textEditorContainer" />
-                    <div className="excalidraw-contextMenuContainer" />
-                    {selectedElement.length === 1 &&
-                      !this.state.contextMenu &&
-                      this.state.showHyperlinkPopup && (
-                        <Hyperlink
-                          key={selectedElement[0].id}
-                          element={selectedElement[0]}
+                      <ExcalidrawActionManagerContext.Provider
+                        value={this.actionManager}
+                      >
+                        <LayerUI
+                          canvas={this.canvas}
+                          appState={this.state}
+                          files={this.files}
                           setAppState={this.setAppState}
-                          onLinkOpen={this.props.onLinkOpen}
-                        />
-                      )}
-                    {this.state.toast !== null && (
-                      <Toast
-                        message={this.state.toast.message}
-                        onClose={() => this.setToast(null)}
-                        duration={this.state.toast.duration}
-                        closable={this.state.toast.closable}
-                      />
-                    )}
-                    {this.state.contextMenu && (
-                      <ContextMenu
-                        items={this.state.contextMenu.items}
-                        top={this.state.contextMenu.top}
-                        left={this.state.contextMenu.left}
-                        actionManager={this.actionManager}
-                      />
-                    )}
-                    <main>{this.renderCanvas()}</main>
-                  </ExcalidrawActionManagerContext.Provider>
-                </ExcalidrawElementsContext.Provider>{" "}
-              </ExcalidrawAppStateContext.Provider>
-            </ExcalidrawSetAppStateContext.Provider>
-          </DeviceContext.Provider>
-        </ExcalidrawContainerContext.Provider>
+                          actionManager={this.actionManager}
+                          elements={this.scene.getNonDeletedElements()}
+                          onLockToggle={this.toggleLock}
+                          onPenModeToggle={this.togglePenMode}
+                          onHandToolToggle={this.onHandToolToggle}
+                          langCode={getLanguage().code}
+                          renderTopRightUI={renderTopRightUI}
+                          renderCustomStats={renderCustomStats}
+                          showExitZenModeBtn={
+                            typeof this.props?.zenModeEnabled === "undefined" &&
+                            this.state.zenModeEnabled
+                          }
+                          UIOptions={this.props.UIOptions}
+                          onImageAction={this.onImageAction}
+                          renderWelcomeScreen={
+                            !this.state.isLoading &&
+                            this.state.showWelcomeScreen &&
+                            this.state.activeTool.type === "selection" &&
+                            !this.scene.getElementsIncludingDeleted().length
+                          }
+                        >
+                          {this.props.children}
+                        </LayerUI>
+                        <div className="excalidraw-textEditorContainer" />
+                        <div className="excalidraw-contextMenuContainer" />
+                        {selectedElement.length === 1 &&
+                          !this.state.contextMenu &&
+                          this.state.showHyperlinkPopup && (
+                            <Hyperlink
+                              key={selectedElement[0].id}
+                              element={selectedElement[0]}
+                              setAppState={this.setAppState}
+                              onLinkOpen={this.props.onLinkOpen}
+                            />
+                          )}
+                        {this.state.toast !== null && (
+                          <Toast
+                            message={this.state.toast.message}
+                            onClose={() => this.setToast(null)}
+                            duration={this.state.toast.duration}
+                            closable={this.state.toast.closable}
+                          />
+                        )}
+                        {this.state.contextMenu && (
+                          <ContextMenu
+                            items={this.state.contextMenu.items}
+                            top={this.state.contextMenu.top}
+                            left={this.state.contextMenu.left}
+                            actionManager={this.actionManager}
+                          />
+                        )}
+                        <main>{this.renderCanvas()}</main>
+                      </ExcalidrawActionManagerContext.Provider>
+                    </ExcalidrawElementsContext.Provider>{" "}
+                  </ExcalidrawAppStateContext.Provider>
+                </ExcalidrawSetAppStateContext.Provider>
+              </DeviceContext.Provider>
+            </ExcalidrawContainerContext.Provider>
+          </AppPropsContext.Provider>
+        </AppContext.Provider>
       </div>
     );
   }
 
   public focusContainer: AppClassProperties["focusContainer"] = () => {
-    if (this.props.autoFocus) {
-      this.excalidrawContainerRef.current?.focus();
-    }
+    this.excalidrawContainerRef.current?.focus();
   };
 
   public getSceneElementsIncludingDeleted = () => {
@@ -682,6 +679,14 @@ class App extends React.Component<AppProps, AppState> {
     return this.scene.getNonDeletedElements();
   };
 
+  public onInsertElements = (elements: readonly ExcalidrawElement[]) => {
+    this.addElementsFromPasteOrLibrary({
+      elements,
+      position: "center",
+      files: null,
+    });
+  };
+
   private syncActionResult = withBatchedUpdates(
     (actionResult: ActionResult) => {
       if (this.unmounted || actionResult === false) {
@@ -951,7 +956,7 @@ class App extends React.Component<AppProps, AppState> {
     this.scene.addCallback(this.onSceneUpdated);
     this.addEventListeners();
 
-    if (this.excalidrawContainerRef.current) {
+    if (this.props.autoFocus && this.excalidrawContainerRef.current) {
       this.focusContainer();
     }
 
@@ -1679,7 +1684,7 @@ class App extends React.Component<AppProps, AppState> {
           openSidebar:
             this.state.openSidebar &&
             this.device.canDeviceFitSidebar &&
-            this.state.isSidebarDocked
+            this.state.defaultSidebarDockedPreference
               ? this.state.openSidebar
               : null,
           selectedElementIds: newElements.reduce(
@@ -2017,30 +2022,24 @@ class App extends React.Component<AppProps, AppState> {
   /**
    * @returns whether the menu was toggled on or off
    */
-  public toggleMenu = (
-    type: "library" | "customSidebar",
-    force?: boolean,
-  ): boolean => {
-    if (type === "customSidebar" && !this.props.renderSidebar) {
-      console.warn(
-        `attempting to toggle "customSidebar", but no "props.renderSidebar" is defined`,
-      );
-      return false;
+  public toggleSidebar = ({
+    name,
+    tab,
+    force,
+  }: {
+    name: SidebarName;
+    tab?: SidebarTabName;
+    force?: boolean;
+  }): boolean => {
+    let nextName;
+    if (force === undefined) {
+      nextName = this.state.openSidebar?.name === name ? null : name;
+    } else {
+      nextName = force ? name : null;
     }
+    this.setState({ openSidebar: nextName ? { name: nextName, tab } : null });
 
-    if (type === "library" || type === "customSidebar") {
-      let nextValue;
-      if (force === undefined) {
-        nextValue = this.state.openSidebar === type ? null : type;
-      } else {
-        nextValue = force ? type : null;
-      }
-      this.setState({ openSidebar: nextValue });
-
-      return !!nextValue;
-    }
-
-    return false;
+    return !!nextName;
   };
 
   private updateCurrentCursorPosition = withBatchedUpdates(
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 3303c3ebf..bf548d72f 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1,8 +1,12 @@
+import clsx from "clsx";
+import { composeEventHandlers } from "../utils";
 import "./Button.scss";
 
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
   type?: "button" | "submit" | "reset";
   onSelect: () => any;
+  /** whether button is in active state */
+  selected?: boolean;
   children: React.ReactNode;
   className?: string;
 }
@@ -15,18 +19,18 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 export const Button = ({
   type = "button",
   onSelect,
+  selected,
   children,
   className = "",
   ...rest
 }: ButtonProps) => {
   return (
     <button
-      onClick={(event) => {
+      onClick={composeEventHandlers(rest.onClick, (event) => {
         onSelect();
-        rest.onClick?.(event);
-      }}
+      })}
       type={type}
-      className={`excalidraw-button ${className}`}
+      className={clsx("excalidraw-button", className, { selected })}
       {...rest}
     >
       {children}
diff --git a/src/components/ConfirmDialog.tsx b/src/components/ConfirmDialog.tsx
index aebb42de7..a0f257e36 100644
--- a/src/components/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog.tsx
@@ -4,8 +4,8 @@ import { Dialog, DialogProps } from "./Dialog";
 import "./ConfirmDialog.scss";
 import DialogActionButton from "./DialogActionButton";
 import { useSetAtom } from "jotai";
-import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
-import { useExcalidrawSetAppState } from "./App";
+import { isLibraryMenuOpenAtom } from "./LibraryMenu";
+import { useExcalidrawContainer, useExcalidrawSetAppState } from "./App";
 import { jotaiScope } from "../jotai";
 
 interface Props extends Omit<DialogProps, "onCloseRequest"> {
@@ -26,6 +26,7 @@ const ConfirmDialog = (props: Props) => {
   } = props;
   const setAppState = useExcalidrawSetAppState();
   const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom, jotaiScope);
+  const { container } = useExcalidrawContainer();
 
   return (
     <Dialog
@@ -42,6 +43,7 @@ const ConfirmDialog = (props: Props) => {
             setAppState({ openMenu: null });
             setIsLibraryMenuOpen(false);
             onCancel();
+            container?.focus();
           }}
         />
         <DialogActionButton
@@ -50,6 +52,7 @@ const ConfirmDialog = (props: Props) => {
             setAppState({ openMenu: null });
             setIsLibraryMenuOpen(false);
             onConfirm();
+            container?.focus();
           }}
           actionType="danger"
         />
diff --git a/src/components/DefaultSidebar.test.tsx b/src/components/DefaultSidebar.test.tsx
new file mode 100644
index 000000000..64cfe5ba6
--- /dev/null
+++ b/src/components/DefaultSidebar.test.tsx
@@ -0,0 +1,144 @@
+import React from "react";
+import { DEFAULT_SIDEBAR } from "../constants";
+import { DefaultSidebar } from "../packages/excalidraw/index";
+import {
+  fireEvent,
+  waitFor,
+  withExcalidrawDimensions,
+} from "../tests/test-utils";
+import {
+  assertExcalidrawWithSidebar,
+  assertSidebarDockButton,
+} from "./Sidebar/Sidebar.test";
+
+const { h } = window;
+
+describe("DefaultSidebar", () => {
+  it("when `docked={undefined}` & `onDock={undefined}`, should allow docking", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+        const { dockButton } = await assertSidebarDockButton(true);
+
+        fireEvent.click(dockButton);
+        await waitFor(() => {
+          expect(h.state.defaultSidebarDockedPreference).toBe(true);
+          expect(dockButton).toHaveClass("selected");
+        });
+
+        fireEvent.click(dockButton);
+        await waitFor(() => {
+          expect(h.state.defaultSidebarDockedPreference).toBe(false);
+          expect(dockButton).not.toHaveClass("selected");
+        });
+      },
+    );
+  });
+
+  it("when `docked={undefined}` & `onDock`, should allow docking", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar onDock={() => {}} />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+        const { dockButton } = await assertSidebarDockButton(true);
+
+        fireEvent.click(dockButton);
+        await waitFor(() => {
+          expect(h.state.defaultSidebarDockedPreference).toBe(true);
+          expect(dockButton).toHaveClass("selected");
+        });
+
+        fireEvent.click(dockButton);
+        await waitFor(() => {
+          expect(h.state.defaultSidebarDockedPreference).toBe(false);
+          expect(dockButton).not.toHaveClass("selected");
+        });
+      },
+    );
+  });
+
+  it("when `docked={true}` & `onDock`, should allow docking", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar onDock={() => {}} />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+        const { dockButton } = await assertSidebarDockButton(true);
+
+        fireEvent.click(dockButton);
+        await waitFor(() => {
+          expect(h.state.defaultSidebarDockedPreference).toBe(true);
+          expect(dockButton).toHaveClass("selected");
+        });
+
+        fireEvent.click(dockButton);
+        await waitFor(() => {
+          expect(h.state.defaultSidebarDockedPreference).toBe(false);
+          expect(dockButton).not.toHaveClass("selected");
+        });
+      },
+    );
+  });
+
+  it("when `onDock={false}`, should disable docking", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar onDock={false} />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        await withExcalidrawDimensions(
+          { width: 1920, height: 1080 },
+          async () => {
+            expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+            await assertSidebarDockButton(false);
+          },
+        );
+      },
+    );
+  });
+
+  it("when `docked={true}` & `onDock={false}`, should force-dock sidebar", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar docked onDock={false} />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+        const { sidebar } = await assertSidebarDockButton(false);
+        expect(sidebar).toHaveClass("sidebar--docked");
+      },
+    );
+  });
+
+  it("when `docked={true}` & `onDock={undefined}`, should force-dock sidebar", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar docked />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+        const { sidebar } = await assertSidebarDockButton(false);
+        expect(sidebar).toHaveClass("sidebar--docked");
+      },
+    );
+  });
+
+  it("when `docked={false}` & `onDock={undefined}`, should force-undock sidebar", async () => {
+    await assertExcalidrawWithSidebar(
+      <DefaultSidebar docked={false} />,
+      DEFAULT_SIDEBAR.name,
+      async () => {
+        expect(h.state.defaultSidebarDockedPreference).toBe(false);
+
+        const { sidebar } = await assertSidebarDockButton(false);
+        expect(sidebar).not.toHaveClass("sidebar--docked");
+      },
+    );
+  });
+});
diff --git a/src/components/DefaultSidebar.tsx b/src/components/DefaultSidebar.tsx
new file mode 100644
index 000000000..48a78faac
--- /dev/null
+++ b/src/components/DefaultSidebar.tsx
@@ -0,0 +1,118 @@
+import clsx from "clsx";
+import { DEFAULT_SIDEBAR, LIBRARY_SIDEBAR_TAB } from "../constants";
+import { useTunnels } from "../context/tunnels";
+import { useUIAppState } from "../context/ui-appState";
+import { t } from "../i18n";
+import { MarkOptional, Merge } from "../utility-types";
+import { composeEventHandlers } from "../utils";
+import { useExcalidrawSetAppState } from "./App";
+import { withInternalFallback } from "./hoc/withInternalFallback";
+import { LibraryMenu } from "./LibraryMenu";
+import { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
+import { Sidebar } from "./Sidebar/Sidebar";
+
+const DefaultSidebarTrigger = withInternalFallback(
+  "DefaultSidebarTrigger",
+  (
+    props: Omit<SidebarTriggerProps, "name"> &
+      React.HTMLAttributes<HTMLDivElement>,
+  ) => {
+    const { DefaultSidebarTriggerTunnel } = useTunnels();
+    return (
+      <DefaultSidebarTriggerTunnel.In>
+        <Sidebar.Trigger
+          {...props}
+          className="default-sidebar-trigger"
+          name={DEFAULT_SIDEBAR.name}
+        />
+      </DefaultSidebarTriggerTunnel.In>
+    );
+  },
+);
+DefaultSidebarTrigger.displayName = "DefaultSidebarTrigger";
+
+const DefaultTabTriggers = ({
+  children,
+  ...rest
+}: { children: React.ReactNode } & React.HTMLAttributes<HTMLDivElement>) => {
+  const { DefaultSidebarTabTriggersTunnel } = useTunnels();
+  return (
+    <DefaultSidebarTabTriggersTunnel.In>
+      <Sidebar.TabTriggers {...rest}>{children}</Sidebar.TabTriggers>
+    </DefaultSidebarTabTriggersTunnel.In>
+  );
+};
+DefaultTabTriggers.displayName = "DefaultTabTriggers";
+
+export const DefaultSidebar = Object.assign(
+  withInternalFallback(
+    "DefaultSidebar",
+    ({
+      children,
+      className,
+      onDock,
+      docked,
+      ...rest
+    }: Merge<
+      MarkOptional<Omit<SidebarProps, "name">, "children">,
+      {
+        /** pass `false` to disable docking */
+        onDock?: SidebarProps["onDock"] | false;
+      }
+    >) => {
+      const appState = useUIAppState();
+      const setAppState = useExcalidrawSetAppState();
+
+      const { DefaultSidebarTabTriggersTunnel } = useTunnels();
+
+      return (
+        <Sidebar
+          {...rest}
+          name="default"
+          key="default"
+          className={clsx("default-sidebar", className)}
+          docked={docked ?? appState.defaultSidebarDockedPreference}
+          onDock={
+            // `onDock=false` disables docking.
+            // if `docked` passed, but no onDock passed, disable manual docking.
+            onDock === false || (!onDock && docked != null)
+              ? undefined
+              : // compose to allow the host app to listen on default behavior
+                composeEventHandlers(onDock, (docked) => {
+                  setAppState({ defaultSidebarDockedPreference: docked });
+                })
+          }
+        >
+          <Sidebar.Tabs>
+            <Sidebar.Header>
+              {rest.__fallback && (
+                <div
+                  style={{
+                    color: "var(--color-primary)",
+                    fontSize: "1.2em",
+                    fontWeight: "bold",
+                    textOverflow: "ellipsis",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    paddingRight: "1em",
+                  }}
+                >
+                  {t("toolBar.library")}
+                </div>
+              )}
+              <DefaultSidebarTabTriggersTunnel.Out />
+            </Sidebar.Header>
+            <Sidebar.Tab tab={LIBRARY_SIDEBAR_TAB}>
+              <LibraryMenu />
+            </Sidebar.Tab>
+            {children}
+          </Sidebar.Tabs>
+        </Sidebar>
+      );
+    },
+  ),
+  {
+    Trigger: DefaultSidebarTrigger,
+    TabTriggers: DefaultTabTriggers,
+  },
+);
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index 24a078dd5..363bb849f 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -15,7 +15,7 @@ import { Modal } from "./Modal";
 import { AppState } from "../types";
 import { queryFocusableElements } from "../utils";
 import { useSetAtom } from "jotai";
-import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
+import { isLibraryMenuOpenAtom } from "./LibraryMenu";
 import { jotaiScope } from "../jotai";
 
 export interface DialogProps {
diff --git a/src/components/HintViewer.tsx b/src/components/HintViewer.tsx
index 6615c91e7..a193754d2 100644
--- a/src/components/HintViewer.tsx
+++ b/src/components/HintViewer.tsx
@@ -29,7 +29,7 @@ const getHints = ({
   const { activeTool, isResizing, isRotating, lastPointerDownWith } = appState;
   const multiMode = appState.multiElement !== null;
 
-  if (appState.openSidebar === "library" && !device.canDeviceFitSidebar) {
+  if (appState.openSidebar && !device.canDeviceFitSidebar) {
     return null;
   }
 
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 7103d3ade..6ae01d6a1 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import React from "react";
 import { ActionManager } from "../actions/manager";
-import { CLASSES, LIBRARY_SIDEBAR_WIDTH } from "../constants";
+import { CLASSES, DEFAULT_SIDEBAR, LIBRARY_SIDEBAR_WIDTH } from "../constants";
 import { exportCanvas } from "../data";
 import { isTextElement, showSelectedShapeActions } from "../element";
 import { NonDeletedExcalidrawElement } from "../element/types";
@@ -9,7 +9,7 @@ import { Language, t } from "../i18n";
 import { calculateScrollCenter } from "../scene";
 import { ExportType } from "../scene/types";
 import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
-import { isShallowEqual, muteFSAbortError } from "../utils";
+import { capitalizeString, isShallowEqual, muteFSAbortError } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import { ErrorDialog } from "./ErrorDialog";
 import { ExportCB, ImageExportDialog } from "./ImageExportDialog";
@@ -24,28 +24,28 @@ import { Section } from "./Section";
 import { HelpDialog } from "./HelpDialog";
 import Stack from "./Stack";
 import { UserList } from "./UserList";
-import Library from "../data/library";
 import { JSONExportDialog } from "./JSONExportDialog";
-import { LibraryButton } from "./LibraryButton";
 import { isImageFileHandle } from "../data/blob";
-import { LibraryMenu } from "./LibraryMenu";
-
-import "./LayerUI.scss";
-import "./Toolbar.scss";
 import { PenModeButton } from "./PenModeButton";
 import { trackEvent } from "../analytics";
 import { useDevice } from "../components/App";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions/actionToggleStats";
 import Footer from "./footer/Footer";
-import { hostSidebarCountersAtom } from "./Sidebar/Sidebar";
+import { isSidebarDockedAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
-import { Provider, useAtom } from "jotai";
+import { Provider, useAtomValue } from "jotai";
 import MainMenu from "./main-menu/MainMenu";
 import { ActiveConfirmDialog } from "./ActiveConfirmDialog";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
-import { TunnelsContext, useInitializeTunnels } from "./context/tunnels";
+import { TunnelsContext, useInitializeTunnels } from "../context/tunnels";
+import { LibraryIcon } from "./icons";
+import { UIAppStateContext } from "../context/ui-appState";
+import { DefaultSidebar } from "./DefaultSidebar";
+
+import "./LayerUI.scss";
+import "./Toolbar.scss";
 
 interface LayerUIProps {
   actionManager: ActionManager;
@@ -57,17 +57,11 @@ interface LayerUIProps {
   onLockToggle: () => void;
   onHandToolToggle: () => void;
   onPenModeToggle: () => void;
-  onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
   showExitZenModeBtn: boolean;
   langCode: Language["code"];
   renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
-  renderCustomSidebar?: ExcalidrawProps["renderSidebar"];
-  libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
   UIOptions: AppProps["UIOptions"];
-  focusContainer: () => void;
-  library: Library;
-  id: string;
   onImageAction: (data: { insertOnCanvasDirectly: boolean }) => void;
   renderWelcomeScreen: boolean;
   children?: React.ReactNode;
@@ -109,16 +103,10 @@ const LayerUI = ({
   onLockToggle,
   onHandToolToggle,
   onPenModeToggle,
-  onInsertElements,
   showExitZenModeBtn,
   renderTopRightUI,
   renderCustomStats,
-  renderCustomSidebar,
-  libraryReturnUrl,
   UIOptions,
-  focusContainer,
-  library,
-  id,
   onImageAction,
   renderWelcomeScreen,
   children,
@@ -197,8 +185,8 @@ const LayerUI = ({
     <div style={{ position: "relative" }}>
       {/* wrapping to Fragment stops React from occasionally complaining
                 about identical Keys */}
-      <tunnels.mainMenuTunnel.Out />
-      {renderWelcomeScreen && <tunnels.welcomeScreenMenuHintTunnel.Out />}
+      <tunnels.MainMenuTunnel.Out />
+      {renderWelcomeScreen && <tunnels.WelcomeScreenMenuHintTunnel.Out />}
     </div>
   );
 
@@ -250,7 +238,7 @@ const LayerUI = ({
               {(heading: React.ReactNode) => (
                 <div style={{ position: "relative" }}>
                   {renderWelcomeScreen && (
-                    <tunnels.welcomeScreenToolbarHintTunnel.Out />
+                    <tunnels.WelcomeScreenToolbarHintTunnel.Out />
                   )}
                   <Stack.Col gap={4} align="start">
                     <Stack.Row
@@ -324,9 +312,12 @@ const LayerUI = ({
           >
             <UserList collaborators={appState.collaborators} />
             {renderTopRightUI?.(device.isMobile, appState)}
-            {!appState.viewModeEnabled && (
-              <LibraryButton appState={appState} setAppState={setAppState} />
-            )}
+            {!appState.viewModeEnabled &&
+              // hide button when sidebar docked
+              (!isSidebarDocked ||
+                appState.openSidebar?.name !== DEFAULT_SIDEBAR.name) && (
+                <tunnels.DefaultSidebarTriggerTunnel.Out />
+              )}
           </div>
         </div>
       </FixedSideContainer>
@@ -334,21 +325,21 @@ const LayerUI = ({
   };
 
   const renderSidebars = () => {
-    return appState.openSidebar === "customSidebar" ? (
-      renderCustomSidebar?.() || null
-    ) : appState.openSidebar === "library" ? (
-      <LibraryMenu
-        appState={appState}
-        onInsertElements={onInsertElements}
-        libraryReturnUrl={libraryReturnUrl}
-        focusContainer={focusContainer}
-        library={library}
-        id={id}
+    return (
+      <DefaultSidebar
+        __fallback
+        onDock={(docked) => {
+          trackEvent(
+            "sidebar",
+            `toggleDock (${docked ? "dock" : "undock"})`,
+            `(${device.isMobile ? "mobile" : "desktop"})`,
+          );
+        }}
       />
-    ) : null;
+    );
   };
 
-  const [hostSidebarCounters] = useAtom(hostSidebarCountersAtom, jotaiScope);
+  const isSidebarDocked = useAtomValue(isSidebarDockedAtom, jotaiScope);
 
   const layerUIJSX = (
     <>
@@ -358,8 +349,25 @@ const LayerUI = ({
       {children}
       {/* render component fallbacks. Can be rendered anywhere as they'll be
           tunneled away. We only render tunneled components that actually
-          have defaults when host do not render anything. */}
+        have defaults when host do not render anything. */}
       <DefaultMainMenu UIOptions={UIOptions} />
+      <DefaultSidebar.Trigger
+        __fallback
+        icon={LibraryIcon}
+        title={capitalizeString(t("toolBar.library"))}
+        onToggle={(open) => {
+          if (open) {
+            trackEvent(
+              "sidebar",
+              `${DEFAULT_SIDEBAR.name} (open)`,
+              `button (${device.isMobile ? "mobile" : "desktop"})`,
+            );
+          }
+        }}
+        tab={DEFAULT_SIDEBAR.defaultTab}
+      >
+        {t("toolBar.library")}
+      </DefaultSidebar.Trigger>
       {/* ------------------------------------------------------------------ */}
 
       {appState.isLoading && <LoadingMessage delay={250} />}
@@ -382,7 +390,6 @@ const LayerUI = ({
         <PasteChartDialog
           setAppState={setAppState}
           appState={appState}
-          onInsertChart={onInsertElements}
           onClose={() =>
             setAppState({
               pasteDialog: { shown: false, data: null },
@@ -410,7 +417,6 @@ const LayerUI = ({
           renderWelcomeScreen={renderWelcomeScreen}
         />
       )}
-
       {!device.isMobile && (
         <>
           <div
@@ -422,15 +428,14 @@ const LayerUI = ({
                   !isTextElement(appState.editingElement)),
             })}
             style={
-              ((appState.openSidebar === "library" &&
-                appState.isSidebarDocked) ||
-                hostSidebarCounters.docked) &&
+              appState.openSidebar &&
+              isSidebarDocked &&
               device.canDeviceFitSidebar
                 ? { width: `calc(100% - ${LIBRARY_SIDEBAR_WIDTH}px)` }
                 : {}
             }
           >
-            {renderWelcomeScreen && <tunnels.welcomeScreenCenterTunnel.Out />}
+            {renderWelcomeScreen && <tunnels.WelcomeScreenCenterTunnel.Out />}
             {renderFixedSideContainer()}
             <Footer
               appState={appState}
@@ -469,17 +474,22 @@ const LayerUI = ({
   );
 
   return (
-    <Provider scope={tunnels.jotaiScope}>
-      <TunnelsContext.Provider value={tunnels}>
-        {layerUIJSX}
-      </TunnelsContext.Provider>
-    </Provider>
+    <UIAppStateContext.Provider value={appState}>
+      <Provider scope={tunnels.jotaiScope}>
+        <TunnelsContext.Provider value={tunnels}>
+          {layerUIJSX}
+        </TunnelsContext.Provider>
+      </Provider>
+    </UIAppStateContext.Provider>
   );
 };
 
 const stripIrrelevantAppStateProps = (
   appState: AppState,
-): Partial<AppState> => {
+): Omit<
+  AppState,
+  "suggestedBindings" | "startBoundElement" | "cursorButton"
+> => {
   const { suggestedBindings, startBoundElement, cursorButton, ...ret } =
     appState;
   return ret;
@@ -491,24 +501,17 @@ const areEqual = (prevProps: LayerUIProps, nextProps: LayerUIProps) => {
     return false;
   }
 
-  const {
-    canvas: _prevCanvas,
-    // not stable, but shouldn't matter in our case
-    onInsertElements: _prevOnInsertElements,
-    appState: prevAppState,
-    ...prev
-  } = prevProps;
-  const {
-    canvas: _nextCanvas,
-    onInsertElements: _nextOnInsertElements,
-    appState: nextAppState,
-    ...next
-  } = nextProps;
+  const { canvas: _prevCanvas, appState: prevAppState, ...prev } = prevProps;
+  const { canvas: _nextCanvas, appState: nextAppState, ...next } = nextProps;
 
   return (
     isShallowEqual(
       stripIrrelevantAppStateProps(prevAppState),
       stripIrrelevantAppStateProps(nextAppState),
+      {
+        selectedElementIds: isShallowEqual,
+        selectedGroupIds: isShallowEqual,
+      },
     ) && isShallowEqual(prev, next)
   );
 };
diff --git a/src/components/LibraryButton.scss b/src/components/LibraryButton.scss
deleted file mode 100644
index 1a3db79f3..000000000
--- a/src/components/LibraryButton.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-@import "../css/variables.module";
-
-.library-button {
-  @include outlineButtonStyles;
-
-  background-color: var(--island-bg-color);
-
-  width: auto;
-  height: var(--lg-button-size);
-
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-
-  line-height: 0;
-
-  font-size: 0.75rem;
-  letter-spacing: 0.4px;
-
-  svg {
-    width: var(--lg-icon-size);
-    height: var(--lg-icon-size);
-  }
-
-  &__label {
-    display: none;
-
-    @media screen and (min-width: 1024px) {
-      display: block;
-    }
-  }
-}
diff --git a/src/components/LibraryButton.tsx b/src/components/LibraryButton.tsx
deleted file mode 100644
index 517e802a8..000000000
--- a/src/components/LibraryButton.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from "react";
-import { t } from "../i18n";
-import { AppState } from "../types";
-import { capitalizeString } from "../utils";
-import { trackEvent } from "../analytics";
-import { useDevice } from "./App";
-import "./LibraryButton.scss";
-import { LibraryIcon } from "./icons";
-
-export const LibraryButton: React.FC<{
-  appState: AppState;
-  setAppState: React.Component<any, AppState>["setState"];
-  isMobile?: boolean;
-}> = ({ appState, setAppState, isMobile }) => {
-  const device = useDevice();
-  const showLabel = !isMobile;
-
-  // TODO barnabasmolnar/redesign
-  // not great, toolbar jumps in a jarring manner
-  if (appState.isSidebarDocked && appState.openSidebar === "library") {
-    return null;
-  }
-
-  return (
-    <label title={`${capitalizeString(t("toolBar.library"))}`}>
-      <input
-        className="ToolIcon_type_checkbox"
-        type="checkbox"
-        name="editor-library"
-        onChange={(event) => {
-          document
-            .querySelector(".layer-ui__wrapper")
-            ?.classList.remove("animate");
-          const isOpen = event.target.checked;
-          setAppState({ openSidebar: isOpen ? "library" : null });
-          // track only openings
-          if (isOpen) {
-            trackEvent(
-              "library",
-              "toggleLibrary (open)",
-              `toolbar (${device.isMobile ? "mobile" : "desktop"})`,
-            );
-          }
-        }}
-        checked={appState.openSidebar === "library"}
-        aria-label={capitalizeString(t("toolBar.library"))}
-        aria-keyshortcuts="0"
-      />
-      <div className="library-button">
-        <div>{LibraryIcon}</div>
-        {showLabel && (
-          <div className="library-button__label">{t("toolBar.library")}</div>
-        )}
-      </div>
-    </label>
-  );
-};
diff --git a/src/components/LibraryMenu.scss b/src/components/LibraryMenu.scss
index c06b01fd5..6598b151b 100644
--- a/src/components/LibraryMenu.scss
+++ b/src/components/LibraryMenu.scss
@@ -1,9 +1,9 @@
 @import "open-color/open-color";
 
 .excalidraw {
-  .layer-ui__library-sidebar {
-    display: flex;
-    flex-direction: column;
+  .library-menu-items-container {
+    height: 100%;
+    width: 100%;
   }
 
   .layer-ui__library {
@@ -11,28 +11,6 @@
     flex-direction: column;
 
     flex: 1 1 auto;
-
-    .layer-ui__library-header {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      margin: 2px 0 15px 0;
-      .Spinner {
-        margin-right: 1rem;
-      }
-
-      button {
-        // 2px from the left to account for focus border of left-most button
-        margin: 0 2px;
-      }
-    }
-  }
-
-  .layer-ui__sidebar {
-    .library-menu-items-container {
-      height: 100%;
-      width: 100%;
-    }
   }
 
   .library-actions-counter {
@@ -87,10 +65,17 @@
     }
   }
 
-  .library-menu-browse-button {
-    margin: 1rem auto;
+  .library-menu-control-buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.625rem;
+  }
 
-    padding: 0.875rem 1rem;
+  .library-menu-browse-button {
+    flex: 1;
+
+    height: var(--lg-button-size);
 
     display: flex;
     align-items: center;
@@ -122,30 +107,19 @@
     }
   }
 
-  .library-menu-browse-button--mobile {
-    min-height: 22px;
-    margin-left: auto;
-    a {
-      padding-right: 0;
-    }
+  &.excalidraw--mobile .library-menu-browse-button {
+    height: var(--default-button-size);
   }
 
-  .layer-ui__sidebar__header .dropdown-menu {
-    &.dropdown-menu--mobile {
-      top: 100%;
-    }
+  .layer-ui__library .dropdown-menu {
+    width: auto;
+    top: initial;
+    right: 0;
+    left: initial;
+    bottom: 100%;
+    margin-bottom: 0.625rem;
+
     .dropdown-menu-container {
-      --gap: 0;
-      z-index: 1;
-      position: absolute;
-      top: 100%;
-      left: 0;
-
-      :root[dir="rtl"] & {
-        right: 0;
-        left: auto;
-      }
-
       width: 196px;
       box-shadow: var(--library-dropdown-shadow);
       border-radius: var(--border-radius-lg);
diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index d3a718322..eb81bd2e4 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -1,11 +1,4 @@
-import {
-  useRef,
-  useState,
-  useEffect,
-  useCallback,
-  RefObject,
-  forwardRef,
-} from "react";
+import React, { useState, useCallback } from "react";
 import Library, {
   distributeLibraryItemsOnSquareGrid,
   libraryItemsAtom,
@@ -13,65 +6,29 @@ import Library, {
 import { t } from "../i18n";
 import { randomId } from "../random";
 import { LibraryItems, LibraryItem, AppState, ExcalidrawProps } from "../types";
-
-import "./LibraryMenu.scss";
 import LibraryMenuItems from "./LibraryMenuItems";
-import { EVENT } from "../constants";
-import { KEYS } from "../keys";
 import { trackEvent } from "../analytics";
-import { useAtom } from "jotai";
+import { atom, useAtom } from "jotai";
 import { jotaiScope } from "../jotai";
 import Spinner from "./Spinner";
 import {
-  useDevice,
+  useApp,
+  useAppProps,
   useExcalidrawElements,
   useExcalidrawSetAppState,
 } from "./App";
-import { Sidebar } from "./Sidebar/Sidebar";
 import { getSelectedElements } from "../scene";
-import { NonDeletedExcalidrawElement } from "../element/types";
-import { LibraryMenuHeader } from "./LibraryMenuHeaderContent";
-import LibraryMenuBrowseButton from "./LibraryMenuBrowseButton";
+import { useUIAppState } from "../context/ui-appState";
 
-const useOnClickOutside = (
-  ref: RefObject<HTMLElement>,
-  cb: (event: MouseEvent) => void,
-) => {
-  useEffect(() => {
-    const listener = (event: MouseEvent) => {
-      if (!ref.current) {
-        return;
-      }
+import "./LibraryMenu.scss";
+import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 
-      if (
-        event.target instanceof Element &&
-        (ref.current.contains(event.target) ||
-          !document.body.contains(event.target))
-      ) {
-        return;
-      }
+export const isLibraryMenuOpenAtom = atom(false);
 
-      cb(event);
-    };
-    document.addEventListener("pointerdown", listener, false);
-
-    return () => {
-      document.removeEventListener("pointerdown", listener);
-    };
-  }, [ref, cb]);
+const LibraryMenuWrapper = ({ children }: { children: React.ReactNode }) => {
+  return <div className="layer-ui__library">{children}</div>;
 };
 
-const LibraryMenuWrapper = forwardRef<
-  HTMLDivElement,
-  { children: React.ReactNode }
->(({ children }, ref) => {
-  return (
-    <div ref={ref} className="layer-ui__library">
-      {children}
-    </div>
-  );
-});
-
 export const LibraryMenuContent = ({
   onInsertLibraryItems,
   pendingElements,
@@ -158,81 +115,31 @@ export const LibraryMenuContent = ({
         theme={appState.theme}
       />
       {showBtn && (
-        <LibraryMenuBrowseButton
+        <LibraryMenuControlButtons
+          style={{ padding: "16px 12px 0 12px" }}
           id={id}
           libraryReturnUrl={libraryReturnUrl}
           theme={appState.theme}
+          selectedItems={selectedItems}
+          onSelectItems={onSelectItems}
         />
       )}
     </LibraryMenuWrapper>
   );
 };
 
-export const LibraryMenu: React.FC<{
-  appState: AppState;
-  onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
-  libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-  focusContainer: () => void;
-  library: Library;
-  id: string;
-}> = ({
-  appState,
-  onInsertElements,
-  libraryReturnUrl,
-  focusContainer,
-  library,
-  id,
-}) => {
+/**
+ * This component is meant to be rendered inside <Sidebar.Tab/> inside our
+ * <DefaultSidebar/> or host apps Sidebar components.
+ */
+export const LibraryMenu = () => {
+  const { library, id, onInsertElements } = useApp();
+  const appProps = useAppProps();
+  const appState = useUIAppState();
   const setAppState = useExcalidrawSetAppState();
   const elements = useExcalidrawElements();
-  const device = useDevice();
 
   const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
-  const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
-
-  const ref = useRef<HTMLDivElement | null>(null);
-
-  const closeLibrary = useCallback(() => {
-    const isDialogOpen = !!document.querySelector(".Dialog");
-
-    // Prevent closing if any dialog is open
-    if (isDialogOpen) {
-      return;
-    }
-    setAppState({ openSidebar: null });
-  }, [setAppState]);
-
-  useOnClickOutside(
-    ref,
-    useCallback(
-      (event) => {
-        // If click on the library icon, do nothing so that LibraryButton
-        // can toggle library menu
-        if ((event.target as Element).closest(".ToolIcon__library")) {
-          return;
-        }
-        if (!appState.isSidebarDocked || !device.canDeviceFitSidebar) {
-          closeLibrary();
-        }
-      },
-      [closeLibrary, appState.isSidebarDocked, device.canDeviceFitSidebar],
-    ),
-  );
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (
-        event.key === KEYS.ESCAPE &&
-        (!appState.isSidebarDocked || !device.canDeviceFitSidebar)
-      ) {
-        closeLibrary();
-      }
-    };
-    document.addEventListener(EVENT.KEYDOWN, handleKeyDown);
-    return () => {
-      document.removeEventListener(EVENT.KEYDOWN, handleKeyDown);
-    };
-  }, [closeLibrary, appState.isSidebarDocked, device.canDeviceFitSidebar]);
 
   const deselectItems = useCallback(() => {
     setAppState({
@@ -241,69 +148,20 @@ export const LibraryMenu: React.FC<{
     });
   }, [setAppState]);
 
-  const removeFromLibrary = useCallback(
-    async (libraryItems: LibraryItems) => {
-      const nextItems = libraryItems.filter(
-        (item) => !selectedItems.includes(item.id),
-      );
-      library.setLibrary(nextItems).catch(() => {
-        setAppState({ errorMessage: t("alerts.errorRemovingFromLibrary") });
-      });
-      setSelectedItems([]);
-    },
-    [library, setAppState, selectedItems, setSelectedItems],
-  );
-
-  const resetLibrary = useCallback(() => {
-    library.resetLibrary();
-    focusContainer();
-  }, [library, focusContainer]);
-
   return (
-    <Sidebar
-      __isInternal
-      // necessary to remount when switching between internal
-      // and custom (host app) sidebar, so that the `props.onClose`
-      // is colled correctly
-      key="library"
-      className="layer-ui__library-sidebar"
-      initialDockedState={appState.isSidebarDocked}
-      onDock={(docked) => {
-        trackEvent(
-          "library",
-          `toggleLibraryDock (${docked ? "dock" : "undock"})`,
-          `sidebar (${device.isMobile ? "mobile" : "desktop"})`,
-        );
+    <LibraryMenuContent
+      pendingElements={getSelectedElements(elements, appState, true)}
+      onInsertLibraryItems={(libraryItems) => {
+        onInsertElements(distributeLibraryItemsOnSquareGrid(libraryItems));
       }}
-      ref={ref}
-    >
-      <Sidebar.Header className="layer-ui__library-header">
-        <LibraryMenuHeader
-          appState={appState}
-          setAppState={setAppState}
-          selectedItems={selectedItems}
-          onSelectItems={setSelectedItems}
-          library={library}
-          onRemoveFromLibrary={() =>
-            removeFromLibrary(libraryItemsData.libraryItems)
-          }
-          resetLibrary={resetLibrary}
-        />
-      </Sidebar.Header>
-      <LibraryMenuContent
-        pendingElements={getSelectedElements(elements, appState, true)}
-        onInsertLibraryItems={(libraryItems) => {
-          onInsertElements(distributeLibraryItemsOnSquareGrid(libraryItems));
-        }}
-        onAddToLibrary={deselectItems}
-        setAppState={setAppState}
-        libraryReturnUrl={libraryReturnUrl}
-        library={library}
-        id={id}
-        appState={appState}
-        selectedItems={selectedItems}
-        onSelectItems={setSelectedItems}
-      />
-    </Sidebar>
+      onAddToLibrary={deselectItems}
+      setAppState={setAppState}
+      libraryReturnUrl={appProps.libraryReturnUrl}
+      library={library}
+      id={id}
+      appState={appState}
+      selectedItems={selectedItems}
+      onSelectItems={setSelectedItems}
+    />
   );
 };
diff --git a/src/components/LibraryMenuControlButtons.tsx b/src/components/LibraryMenuControlButtons.tsx
new file mode 100644
index 000000000..78edcb3b5
--- /dev/null
+++ b/src/components/LibraryMenuControlButtons.tsx
@@ -0,0 +1,33 @@
+import { LibraryItem, ExcalidrawProps, AppState } from "../types";
+import LibraryMenuBrowseButton from "./LibraryMenuBrowseButton";
+import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
+
+export const LibraryMenuControlButtons = ({
+  selectedItems,
+  onSelectItems,
+  libraryReturnUrl,
+  theme,
+  id,
+  style,
+}: {
+  selectedItems: LibraryItem["id"][];
+  onSelectItems: (id: LibraryItem["id"][]) => void;
+  libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
+  theme: AppState["theme"];
+  id: string;
+  style: React.CSSProperties;
+}) => {
+  return (
+    <div className="library-menu-control-buttons" style={style}>
+      <LibraryMenuBrowseButton
+        id={id}
+        libraryReturnUrl={libraryReturnUrl}
+        theme={theme}
+      />
+      <LibraryDropdownMenu
+        selectedItems={selectedItems}
+        onSelectItems={onSelectItems}
+      />
+    </div>
+  );
+};
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 8e6b93523..58e2c8ec5 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -1,8 +1,10 @@
-import React, { useCallback, useState } from "react";
+import { useCallback, useState } from "react";
+import { t } from "../i18n";
+import { jotaiScope } from "../jotai";
+import { AppState, LibraryItem, LibraryItems } from "../types";
+import { useApp, useExcalidrawAppState, useExcalidrawSetAppState } from "./App";
 import { saveLibraryAsJSON } from "../data/json";
 import Library, { libraryItemsAtom } from "../data/library";
-import { t } from "../i18n";
-import { AppState, LibraryItem, LibraryItems } from "../types";
 import {
   DotsIcon,
   ExportIcon,
@@ -13,22 +15,19 @@ import {
 import { ToolButton } from "./ToolButton";
 import { fileOpen } from "../data/filesystem";
 import { muteFSAbortError } from "../utils";
-import { atom, useAtom } from "jotai";
-import { jotaiScope } from "../jotai";
+import { useAtom } from "jotai";
 import ConfirmDialog from "./ConfirmDialog";
 import PublishLibrary from "./PublishLibrary";
 import { Dialog } from "./Dialog";
-
 import DropdownMenu from "./dropdownMenu/DropdownMenu";
-
-export const isLibraryMenuOpenAtom = atom(false);
+import { isLibraryMenuOpenAtom } from "./LibraryMenu";
 
 const getSelectedItems = (
   libraryItems: LibraryItems,
   selectedItems: LibraryItem["id"][],
 ) => libraryItems.filter((item) => selectedItems.includes(item.id));
 
-export const LibraryMenuHeader: React.FC<{
+export const LibraryDropdownMenuButton: React.FC<{
   setAppState: React.Component<any, AppState>["setState"];
   selectedItems: LibraryItem["id"][];
   library: Library;
@@ -50,6 +49,7 @@ export const LibraryMenuHeader: React.FC<{
     isLibraryMenuOpenAtom,
     jotaiScope,
   );
+
   const renderRemoveLibAlert = useCallback(() => {
     const content = selectedItems.length
       ? t("alerts.removeItemsFromsLibrary", { count: selectedItems.length })
@@ -181,7 +181,6 @@ export const LibraryMenuHeader: React.FC<{
     return (
       <DropdownMenu open={isLibraryMenuOpen}>
         <DropdownMenu.Trigger
-          className="Sidebar__dropdown-btn"
           onToggle={() => setIsLibraryMenuOpen(!isLibraryMenuOpen)}
         >
           {DotsIcon}
@@ -230,6 +229,7 @@ export const LibraryMenuHeader: React.FC<{
       </DropdownMenu>
     );
   };
+
   return (
     <div style={{ position: "relative" }}>
       {renderLibraryMenu()}
@@ -261,3 +261,48 @@ export const LibraryMenuHeader: React.FC<{
     </div>
   );
 };
+
+export const LibraryDropdownMenu = ({
+  selectedItems,
+  onSelectItems,
+}: {
+  selectedItems: LibraryItem["id"][];
+  onSelectItems: (id: LibraryItem["id"][]) => void;
+}) => {
+  const { library } = useApp();
+  const appState = useExcalidrawAppState();
+  const setAppState = useExcalidrawSetAppState();
+
+  const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
+
+  const removeFromLibrary = useCallback(
+    async (libraryItems: LibraryItems) => {
+      const nextItems = libraryItems.filter(
+        (item) => !selectedItems.includes(item.id),
+      );
+      library.setLibrary(nextItems).catch(() => {
+        setAppState({ errorMessage: t("alerts.errorRemovingFromLibrary") });
+      });
+      onSelectItems([]);
+    },
+    [library, setAppState, selectedItems, onSelectItems],
+  );
+
+  const resetLibrary = useCallback(() => {
+    library.resetLibrary();
+  }, [library]);
+
+  return (
+    <LibraryDropdownMenuButton
+      appState={appState}
+      setAppState={setAppState}
+      selectedItems={selectedItems}
+      onSelectItems={onSelectItems}
+      library={library}
+      onRemoveFromLibrary={() =>
+        removeFromLibrary(libraryItemsData.libraryItems)
+      }
+      resetLibrary={resetLibrary}
+    />
+  );
+};
diff --git a/src/components/LibraryMenuItems.scss b/src/components/LibraryMenuItems.scss
index 1e81fdfd1..01c2a36ea 100644
--- a/src/components/LibraryMenuItems.scss
+++ b/src/components/LibraryMenuItems.scss
@@ -47,7 +47,7 @@
 
     &__items {
       row-gap: 0.5rem;
-      padding: var(--container-padding-y) var(--container-padding-x);
+      padding: var(--container-padding-y) 0;
       flex: 1;
       overflow-y: auto;
       overflow-x: hidden;
@@ -61,7 +61,7 @@
       margin-bottom: 0.75rem;
 
       &--excal {
-        margin-top: 2.5rem;
+        margin-top: 2rem;
       }
     }
 
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index 19bb33308..a5770a69b 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -10,9 +10,8 @@ import Stack from "./Stack";
 import "./LibraryMenuItems.scss";
 import { MIME_TYPES } from "../constants";
 import Spinner from "./Spinner";
-import LibraryMenuBrowseButton from "./LibraryMenuBrowseButton";
-import clsx from "clsx";
 import { duplicateElements } from "../element/newElement";
+import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 
 const CELLS_PER_ROW = 4;
 
@@ -201,11 +200,7 @@ const LibraryMenuItems = ({
     (item) => item.status === "published",
   );
 
-  const showBtn =
-    !libraryItems.length &&
-    !unpublishedItems.length &&
-    !publishedItems.length &&
-    !pendingElements.length;
+  const showBtn = !libraryItems.length && !pendingElements.length;
 
   return (
     <div
@@ -215,7 +210,7 @@ const LibraryMenuItems = ({
         unpublishedItems.length ||
         publishedItems.length
           ? { justifyContent: "flex-start" }
-          : {}
+          : { borderBottom: 0 }
       }
     >
       <Stack.Col
@@ -251,11 +246,7 @@ const LibraryMenuItems = ({
           </div>
           {!pendingElements.length && !unpublishedItems.length ? (
             <div className="library-menu-items__no-items">
-              <div
-                className={clsx({
-                  "library-menu-items__no-items__label": showBtn,
-                })}
-              >
+              <div className="library-menu-items__no-items__label">
                 {t("library.noItems")}
               </div>
               <div className="library-menu-items__no-items__hint">
@@ -303,10 +294,13 @@ const LibraryMenuItems = ({
         </>
 
         {showBtn && (
-          <LibraryMenuBrowseButton
+          <LibraryMenuControlButtons
+            style={{ padding: "16px 0", width: "100%" }}
             id={id}
             libraryReturnUrl={libraryReturnUrl}
             theme={theme}
+            selectedItems={selectedItems}
+            onSelectItems={onSelectItems}
           />
         )}
       </Stack.Col>
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 75e08867c..34eb83a05 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -13,13 +13,12 @@ import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import { Section } from "./Section";
 import { SCROLLBAR_WIDTH, SCROLLBAR_MARGIN } from "../scene/scrollbars";
 import { LockButton } from "./LockButton";
-import { LibraryButton } from "./LibraryButton";
 import { PenModeButton } from "./PenModeButton";
 import { Stats } from "./Stats";
 import { actionToggleStats } from "../actions";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
-import { useTunnels } from "./context/tunnels";
+import { useTunnels } from "../context/tunnels";
 
 type MobileMenuProps = {
   appState: AppState;
@@ -60,11 +59,15 @@ export const MobileMenu = ({
   device,
   renderWelcomeScreen,
 }: MobileMenuProps) => {
-  const { welcomeScreenCenterTunnel, mainMenuTunnel } = useTunnels();
+  const {
+    WelcomeScreenCenterTunnel,
+    MainMenuTunnel,
+    DefaultSidebarTriggerTunnel,
+  } = useTunnels();
   const renderToolbar = () => {
     return (
       <FixedSideContainer side="top" className="App-top-bar">
-        {renderWelcomeScreen && <welcomeScreenCenterTunnel.Out />}
+        {renderWelcomeScreen && <WelcomeScreenCenterTunnel.Out />}
         <Section heading="shapes">
           {(heading: React.ReactNode) => (
             <Stack.Col gap={4} align="center">
@@ -88,11 +91,7 @@ export const MobileMenu = ({
                 {renderTopRightUI && renderTopRightUI(true, appState)}
                 <div className="mobile-misc-tools-container">
                   {!appState.viewModeEnabled && (
-                    <LibraryButton
-                      appState={appState}
-                      setAppState={setAppState}
-                      isMobile
-                    />
+                    <DefaultSidebarTriggerTunnel.Out />
                   )}
                   <PenModeButton
                     checked={appState.penMode}
@@ -132,14 +131,14 @@ export const MobileMenu = ({
     if (appState.viewModeEnabled) {
       return (
         <div className="App-toolbar-content">
-          <mainMenuTunnel.Out />
+          <MainMenuTunnel.Out />
         </div>
       );
     }
 
     return (
       <div className="App-toolbar-content">
-        <mainMenuTunnel.Out />
+        <MainMenuTunnel.Out />
         {actionManager.renderAction("toggleEditMenu")}
         {actionManager.renderAction("undo")}
         {actionManager.renderAction("redo")}
@@ -190,7 +189,7 @@ export const MobileMenu = ({
             {renderAppToolbar()}
             {appState.scrolledOutside &&
               !appState.openMenu &&
-              appState.openSidebar !== "library" && (
+              !appState.openSidebar && (
                 <button
                   className="scroll-back-to-content"
                   onClick={() => {
diff --git a/src/components/PasteChartDialog.tsx b/src/components/PasteChartDialog.tsx
index b71aef509..ac96820a1 100644
--- a/src/components/PasteChartDialog.tsx
+++ b/src/components/PasteChartDialog.tsx
@@ -5,7 +5,8 @@ import { ChartElements, renderSpreadsheet, Spreadsheet } from "../charts";
 import { ChartType } from "../element/types";
 import { t } from "../i18n";
 import { exportToSvg } from "../scene/export";
-import { AppState, LibraryItem } from "../types";
+import { AppState } from "../types";
+import { useApp } from "./App";
 import { Dialog } from "./Dialog";
 import "./PasteChartDialog.scss";
 
@@ -78,13 +79,12 @@ export const PasteChartDialog = ({
   setAppState,
   appState,
   onClose,
-  onInsertChart,
 }: {
   appState: AppState;
   onClose: () => void;
   setAppState: React.Component<any, AppState>["setState"];
-  onInsertChart: (elements: LibraryItem["elements"]) => void;
 }) => {
+  const { onInsertElements } = useApp();
   const handleClose = React.useCallback(() => {
     if (onClose) {
       onClose();
@@ -92,7 +92,7 @@ export const PasteChartDialog = ({
   }, [onClose]);
 
   const handleChartClick = (chartType: ChartType, elements: ChartElements) => {
-    onInsertChart(elements);
+    onInsertElements(elements);
     trackEvent("magic", "chart", chartType);
     setAppState({
       currentChartType: chartType,
diff --git a/src/components/Sidebar/Sidebar.scss b/src/components/Sidebar/Sidebar.scss
index c14509e38..1b71af113 100644
--- a/src/components/Sidebar/Sidebar.scss
+++ b/src/components/Sidebar/Sidebar.scss
@@ -2,67 +2,26 @@
 @import "../../css/variables.module";
 
 .excalidraw {
-  .Sidebar {
-    &__close-btn,
-    &__pin-btn,
-    &__dropdown-btn {
-      @include outlineButtonStyles;
-      width: var(--lg-button-size);
-      height: var(--lg-button-size);
-      padding: 0;
-
-      svg {
-        width: var(--lg-icon-size);
-        height: var(--lg-icon-size);
-      }
-    }
-
-    &__pin-btn {
-      &--pinned {
-        background-color: var(--color-primary);
-        border-color: var(--color-primary);
-
-        svg {
-          color: #fff;
-        }
-
-        &:hover,
-        &:active {
-          background-color: var(--color-primary-darker);
-        }
-      }
-    }
-  }
-
-  &.theme--dark {
-    .Sidebar {
-      &__pin-btn {
-        &--pinned {
-          svg {
-            color: var(--color-gray-90);
-          }
-        }
-      }
-    }
-  }
-
-  .layer-ui__sidebar {
+  .sidebar {
+    display: flex;
+    flex-direction: column;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 5;
     margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+
+    background-color: var(--sidebar-bg-color);
+    box-shadow: var(--sidebar-shadow);
 
     :root[dir="rtl"] & {
       left: 0;
       right: auto;
     }
 
-    background-color: var(--sidebar-bg-color);
-
-    box-shadow: var(--sidebar-shadow);
-
     &--docked {
       box-shadow: none;
     }
@@ -77,52 +36,134 @@
       border-right: 1px solid var(--sidebar-border-color);
       border-left: 0;
     }
-
-    padding: 0;
-    box-sizing: border-box;
-
-    .Island {
-      box-shadow: none;
-    }
-
-    .ToolIcon__icon {
-      border-radius: var(--border-radius-md);
-    }
-
-    .ToolIcon__icon__close {
-      .Modal__close {
-        width: calc(var(--space-factor) * 7);
-        height: calc(var(--space-factor) * 7);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        color: var(--color-text);
-      }
-    }
-
-    .Island {
-      --padding: 0;
-      background-color: var(--island-bg-color);
-      border-radius: var(--border-radius-lg);
-      padding: calc(var(--padding) * var(--space-factor));
-      position: relative;
-      transition: box-shadow 0.5s ease-in-out;
-    }
   }
 
-  .layer-ui__sidebar__header {
+  // ---------------------------- sidebar header ------------------------------
+
+  .sidebar__header {
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    padding: 1rem;
-    border-bottom: 1px solid var(--sidebar-border-color);
+    padding-top: 1rem;
+    padding-bottom: 1rem;
   }
 
-  .layer-ui__sidebar__header__buttons {
+  .sidebar__header__buttons {
+    gap: 0;
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    margin-left: auto;
+
+    button {
+      @include outlineButtonStyles;
+      --button-bg: transparent;
+      border: 0 !important;
+
+      width: var(--lg-button-size);
+      height: var(--lg-button-size);
+      padding: 0;
+
+      svg {
+        width: var(--lg-icon-size);
+        height: var(--lg-icon-size);
+      }
+
+      &:hover {
+        background: var(--button-hover-bg, var(--island-bg-color));
+      }
+    }
+
+    .sidebar__dock.selected {
+      svg {
+        stroke: var(--color-primary);
+        fill: var(--color-primary);
+      }
+    }
+  }
+
+  // ---------------------------- sidebar tabs ------------------------------
+
+  .sidebar-tabs-root {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    padding: 1rem 0.75rem;
+
+    [role="tabpanel"] {
+      flex: 1;
+      outline: none;
+
+      flex: 1 1 auto;
+      display: flex;
+      flex-direction: column;
+      outline: none;
+    }
+
+    [role="tabpanel"][data-state="inactive"] {
+      display: none !important;
+    }
+
+    [role="tablist"] {
+      display: grid;
+      gap: 1rem;
+      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+    }
+  }
+
+  .sidebar-tabs-root > .sidebar__header {
+    padding-top: 0;
+    padding-bottom: 1rem;
+  }
+
+  .sidebar-tab-trigger {
+    --button-width: auto;
+    --button-bg: transparent;
+    --button-hover-bg: transparent;
+    --button-active-bg: var(--color-primary);
+    --button-hover-color: var(--color-primary);
+    --button-hover-border: var(--color-primary);
+
+    &[data-state="active"] {
+      --button-bg: var(--color-primary);
+      --button-hover-bg: var(--color-primary-darker);
+      --button-hover-color: var(--color-icon-white);
+      --button-border: var(--color-primary);
+      color: var(--color-icon-white);
+    }
+  }
+
+  // ---------------------------- default sidebar ------------------------------
+
+  .default-sidebar {
+    display: flex;
+    flex-direction: column;
+
+    .sidebar-triggers {
+      $padding: 2px;
+      $border: 1px;
+      display: flex;
+      gap: 0;
+      padding: $padding;
+      // offset by padding + border to vertically center the list with sibling
+      // buttons (both from top and bototm, due to flex layout)
+      margin-top: -#{$padding + $border};
+      margin-bottom: -#{$padding + $border};
+      border: $border solid var(--sidebar-border-color);
+      background: var(--default-bg-color);
+      border-radius: 0.625rem;
+
+      .sidebar-tab-trigger {
+        height: var(--lg-button-size);
+        width: var(--lg-button-size);
+
+        border: none;
+      }
+    }
+
+    .sidebar__header {
+      border-bottom: 1px solid var(--sidebar-border-color);
+    }
   }
 }
diff --git a/src/components/Sidebar/Sidebar.test.tsx b/src/components/Sidebar/Sidebar.test.tsx
index b79e67f7c..742efc0c9 100644
--- a/src/components/Sidebar/Sidebar.test.tsx
+++ b/src/components/Sidebar/Sidebar.test.tsx
@@ -1,8 +1,9 @@
 import React from "react";
+import { DEFAULT_SIDEBAR } from "../../constants";
 import { Excalidraw, Sidebar } from "../../packages/excalidraw/index";
 import {
-  act,
   fireEvent,
+  GlobalTestState,
   queryAllByTestId,
   queryByTestId,
   render,
@@ -10,346 +11,321 @@ import {
   withExcalidrawDimensions,
 } from "../../tests/test-utils";
 
+export const assertSidebarDockButton = async <T extends boolean>(
+  hasDockButton: T,
+): Promise<
+  T extends false
+    ? { dockButton: null; sidebar: HTMLElement }
+    : { dockButton: HTMLElement; sidebar: HTMLElement }
+> => {
+  const sidebar =
+    GlobalTestState.renderResult.container.querySelector<HTMLElement>(
+      ".sidebar",
+    );
+  expect(sidebar).not.toBe(null);
+  const dockButton = queryByTestId(sidebar!, "sidebar-dock");
+  if (hasDockButton) {
+    expect(dockButton).not.toBe(null);
+    return { dockButton: dockButton!, sidebar: sidebar! } as any;
+  }
+  expect(dockButton).toBe(null);
+  return { dockButton: null, sidebar: sidebar! } as any;
+};
+
+export const assertExcalidrawWithSidebar = async (
+  sidebar: React.ReactNode,
+  name: string,
+  test: () => void,
+) => {
+  await render(
+    <Excalidraw initialData={{ appState: { openSidebar: { name } } }}>
+      {sidebar}
+    </Excalidraw>,
+  );
+  await withExcalidrawDimensions({ width: 1920, height: 1080 }, test);
+};
+
 describe("Sidebar", () => {
-  it("should render custom sidebar", async () => {
-    const { container } = await render(
-      <Excalidraw
-        initialData={{ appState: { openSidebar: "customSidebar" } }}
-        renderSidebar={() => (
-          <Sidebar>
+  describe("General behavior", () => {
+    it("should render custom sidebar", async () => {
+      const { container } = await render(
+        <Excalidraw
+          initialData={{ appState: { openSidebar: { name: "customSidebar" } } }}
+        >
+          <Sidebar name="customSidebar">
             <div id="test-sidebar-content">42</div>
           </Sidebar>
-        )}
-      />,
-    );
+        </Excalidraw>,
+      );
 
-    const node = container.querySelector("#test-sidebar-content");
-    expect(node).not.toBe(null);
+      const node = container.querySelector("#test-sidebar-content");
+      expect(node).not.toBe(null);
+    });
+
+    it("should render only one sidebar and prefer the custom one", async () => {
+      const { container } = await render(
+        <Excalidraw
+          initialData={{ appState: { openSidebar: { name: "customSidebar" } } }}
+        >
+          <Sidebar name="customSidebar">
+            <div id="test-sidebar-content">42</div>
+          </Sidebar>
+        </Excalidraw>,
+      );
+
+      await waitFor(() => {
+        // make sure the custom sidebar is rendered
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).not.toBe(null);
+
+        // make sure only one sidebar is rendered
+        const sidebars = container.querySelectorAll(".sidebar");
+        expect(sidebars.length).toBe(1);
+      });
+    });
+
+    it("should toggle sidebar using props.toggleMenu()", async () => {
+      const { container } = await render(
+        <Excalidraw>
+          <Sidebar name="customSidebar">
+            <div id="test-sidebar-content">42</div>
+          </Sidebar>
+        </Excalidraw>,
+      );
+
+      // sidebar isn't rendered initially
+      // -------------------------------------------------------------------------
+      await waitFor(() => {
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).toBe(null);
+      });
+
+      // toggle sidebar on
+      // -------------------------------------------------------------------------
+      expect(window.h.app.toggleSidebar({ name: "customSidebar" })).toBe(true);
+
+      await waitFor(() => {
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).not.toBe(null);
+      });
+
+      // toggle sidebar off
+      // -------------------------------------------------------------------------
+      expect(window.h.app.toggleSidebar({ name: "customSidebar" })).toBe(false);
+
+      await waitFor(() => {
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).toBe(null);
+      });
+
+      // force-toggle sidebar off (=> still hidden)
+      // -------------------------------------------------------------------------
+      expect(
+        window.h.app.toggleSidebar({ name: "customSidebar", force: false }),
+      ).toBe(false);
+
+      await waitFor(() => {
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).toBe(null);
+      });
+
+      // force-toggle sidebar on
+      // -------------------------------------------------------------------------
+      expect(
+        window.h.app.toggleSidebar({ name: "customSidebar", force: true }),
+      ).toBe(true);
+      expect(
+        window.h.app.toggleSidebar({ name: "customSidebar", force: true }),
+      ).toBe(true);
+
+      await waitFor(() => {
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).not.toBe(null);
+      });
+
+      // toggle library (= hide custom sidebar)
+      // -------------------------------------------------------------------------
+      expect(window.h.app.toggleSidebar({ name: DEFAULT_SIDEBAR.name })).toBe(
+        true,
+      );
+
+      await waitFor(() => {
+        const node = container.querySelector("#test-sidebar-content");
+        expect(node).toBe(null);
+
+        // make sure only one sidebar is rendered
+        const sidebars = container.querySelectorAll(".sidebar");
+        expect(sidebars.length).toBe(1);
+      });
+    });
   });
 
-  it("should render custom sidebar header", async () => {
-    const { container } = await render(
-      <Excalidraw
-        initialData={{ appState: { openSidebar: "customSidebar" } }}
-        renderSidebar={() => (
-          <Sidebar>
+  describe("<Sidebar.Header/>", () => {
+    it("should render custom sidebar header", async () => {
+      const { container } = await render(
+        <Excalidraw
+          initialData={{ appState: { openSidebar: { name: "customSidebar" } } }}
+        >
+          <Sidebar name="customSidebar">
             <Sidebar.Header>
               <div id="test-sidebar-header-content">42</div>
             </Sidebar.Header>
           </Sidebar>
-        )}
-      />,
-    );
+        </Excalidraw>,
+      );
 
-    const node = container.querySelector("#test-sidebar-header-content");
-    expect(node).not.toBe(null);
-    // make sure we don't render the default fallback header,
-    // just the custom one
-    expect(queryAllByTestId(container, "sidebar-header").length).toBe(1);
-  });
-
-  it("should render only one sidebar and prefer the custom one", async () => {
-    const { container } = await render(
-      <Excalidraw
-        initialData={{ appState: { openSidebar: "customSidebar" } }}
-        renderSidebar={() => (
-          <Sidebar>
-            <div id="test-sidebar-content">42</div>
-          </Sidebar>
-        )}
-      />,
-    );
-
-    await waitFor(() => {
-      // make sure the custom sidebar is rendered
-      const node = container.querySelector("#test-sidebar-content");
+      const node = container.querySelector("#test-sidebar-header-content");
       expect(node).not.toBe(null);
-
-      // make sure only one sidebar is rendered
-      const sidebars = container.querySelectorAll(".layer-ui__sidebar");
-      expect(sidebars.length).toBe(1);
+      // make sure we don't render the default fallback header,
+      // just the custom one
+      expect(queryAllByTestId(container, "sidebar-header").length).toBe(1);
     });
-  });
 
-  it("should always render custom sidebar with close button & close on click", async () => {
-    const onClose = jest.fn();
-    const CustomExcalidraw = () => {
-      return (
-        <Excalidraw
-          initialData={{ appState: { openSidebar: "customSidebar" } }}
-          renderSidebar={() => (
-            <Sidebar className="test-sidebar" onClose={onClose}>
+    it("should not render <Sidebar.Header> for custom sidebars by default", async () => {
+      const CustomExcalidraw = () => {
+        return (
+          <Excalidraw
+            initialData={{
+              appState: { openSidebar: { name: "customSidebar" } },
+            }}
+          >
+            <Sidebar name="customSidebar" className="test-sidebar">
               hello
             </Sidebar>
-          )}
-        />
-      );
-    };
+          </Excalidraw>
+        );
+      };
 
-    const { container } = await render(<CustomExcalidraw />);
+      const { container } = await render(<CustomExcalidraw />);
 
-    const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
-    expect(sidebar).not.toBe(null);
-    const closeButton = queryByTestId(sidebar!, "sidebar-close")!;
-    expect(closeButton).not.toBe(null);
-
-    fireEvent.click(closeButton);
-    await waitFor(() => {
-      expect(container.querySelector<HTMLElement>(".test-sidebar")).toBe(null);
-      expect(onClose).toHaveBeenCalled();
-    });
-  });
-
-  it("should render custom sidebar with dock (irrespective of onDock prop)", async () => {
-    const CustomExcalidraw = () => {
-      return (
-        <Excalidraw
-          initialData={{ appState: { openSidebar: "customSidebar" } }}
-          renderSidebar={() => (
-            <Sidebar className="test-sidebar">hello</Sidebar>
-          )}
-        />
-      );
-    };
-
-    const { container } = await render(<CustomExcalidraw />);
-
-    // should show dock button when the sidebar fits to be docked
-    // -------------------------------------------------------------------------
-
-    await withExcalidrawDimensions({ width: 1920, height: 1080 }, () => {
       const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
       expect(sidebar).not.toBe(null);
-      const closeButton = queryByTestId(sidebar!, "sidebar-dock");
-      expect(closeButton).not.toBe(null);
-    });
-
-    // should not show dock button when the sidebar does not fit to be docked
-    // -------------------------------------------------------------------------
-
-    await withExcalidrawDimensions({ width: 400, height: 1080 }, () => {
-      const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
-      expect(sidebar).not.toBe(null);
-      const closeButton = queryByTestId(sidebar!, "sidebar-dock");
+      const closeButton = queryByTestId(sidebar!, "sidebar-close");
       expect(closeButton).toBe(null);
     });
-  });
 
-  it("should support controlled docking", async () => {
-    let _setDockable: (dockable: boolean) => void = null!;
-
-    const CustomExcalidraw = () => {
-      const [dockable, setDockable] = React.useState(false);
-      _setDockable = setDockable;
-      return (
-        <Excalidraw
-          initialData={{ appState: { openSidebar: "customSidebar" } }}
-          renderSidebar={() => (
+    it("<Sidebar.Header> should render close button", async () => {
+      const onStateChange = jest.fn();
+      const CustomExcalidraw = () => {
+        return (
+          <Excalidraw
+            initialData={{
+              appState: { openSidebar: { name: "customSidebar" } },
+            }}
+          >
             <Sidebar
+              name="customSidebar"
               className="test-sidebar"
-              docked={false}
-              dockable={dockable}
+              onStateChange={onStateChange}
             >
-              hello
+              <Sidebar.Header />
             </Sidebar>
-          )}
-        />
-      );
-    };
+          </Excalidraw>
+        );
+      };
 
-    const { container } = await render(<CustomExcalidraw />);
+      const { container } = await render(<CustomExcalidraw />);
 
-    await withExcalidrawDimensions({ width: 1920, height: 1080 }, async () => {
-      // should not show dock button when `dockable` is `false`
-      // -------------------------------------------------------------------------
+      // initial open
+      expect(onStateChange).toHaveBeenCalledWith({ name: "customSidebar" });
 
-      act(() => {
-        _setDockable(false);
-      });
+      const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
+      expect(sidebar).not.toBe(null);
+      const closeButton = queryByTestId(sidebar!, "sidebar-close")!;
+      expect(closeButton).not.toBe(null);
 
+      fireEvent.click(closeButton);
       await waitFor(() => {
-        const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
-        expect(sidebar).not.toBe(null);
-        const closeButton = queryByTestId(sidebar!, "sidebar-dock");
-        expect(closeButton).toBe(null);
-      });
-
-      // should show dock button when `dockable` is `true`, even if `docked`
-      // prop is set
-      // -------------------------------------------------------------------------
-
-      act(() => {
-        _setDockable(true);
-      });
-
-      await waitFor(() => {
-        const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
-        expect(sidebar).not.toBe(null);
-        const closeButton = queryByTestId(sidebar!, "sidebar-dock");
-        expect(closeButton).not.toBe(null);
+        expect(container.querySelector<HTMLElement>(".test-sidebar")).toBe(
+          null,
+        );
+        expect(onStateChange).toHaveBeenCalledWith(null);
       });
     });
   });
 
-  it("should support controlled docking", async () => {
-    let _setDocked: (docked?: boolean) => void = null!;
+  describe("Docking behavior", () => {
+    it("shouldn't be user-dockable if `onDock` not supplied", async () => {
+      await assertExcalidrawWithSidebar(
+        <Sidebar name="customSidebar">
+          <Sidebar.Header />
+        </Sidebar>,
+        "customSidebar",
+        async () => {
+          await assertSidebarDockButton(false);
+        },
+      );
+    });
 
-    const CustomExcalidraw = () => {
-      const [docked, setDocked] = React.useState<boolean | undefined>();
-      _setDocked = setDocked;
-      return (
+    it("shouldn't be user-dockable if `onDock` not supplied & `docked={true}`", async () => {
+      await assertExcalidrawWithSidebar(
+        <Sidebar name="customSidebar" docked={true}>
+          <Sidebar.Header />
+        </Sidebar>,
+        "customSidebar",
+        async () => {
+          await assertSidebarDockButton(false);
+        },
+      );
+    });
+
+    it("shouldn't be user-dockable if `onDock` not supplied & docked={false}`", async () => {
+      await assertExcalidrawWithSidebar(
+        <Sidebar name="customSidebar" docked={false}>
+          <Sidebar.Header />
+        </Sidebar>,
+        "customSidebar",
+        async () => {
+          await assertSidebarDockButton(false);
+        },
+      );
+    });
+
+    it("should be user-dockable when both `onDock` and `docked` supplied", async () => {
+      await render(
         <Excalidraw
-          initialData={{ appState: { openSidebar: "customSidebar" } }}
-          renderSidebar={() => (
-            <Sidebar className="test-sidebar" docked={docked}>
-              hello
-            </Sidebar>
-          )}
-        />
-      );
-    };
-
-    const { container } = await render(<CustomExcalidraw />);
-
-    const { h } = window;
-
-    await withExcalidrawDimensions({ width: 1920, height: 1080 }, async () => {
-      const dockButton = await waitFor(() => {
-        const sidebar = container.querySelector<HTMLElement>(".test-sidebar");
-        expect(sidebar).not.toBe(null);
-        const dockBotton = queryByTestId(sidebar!, "sidebar-dock");
-        expect(dockBotton).not.toBe(null);
-        return dockBotton!;
-      });
-
-      const dockButtonInput = dockButton.querySelector("input")!;
-
-      // should not show dock button when `dockable` is `false`
-      // -------------------------------------------------------------------------
-
-      expect(h.state.isSidebarDocked).toBe(false);
-
-      fireEvent.click(dockButtonInput);
-      await waitFor(() => {
-        expect(h.state.isSidebarDocked).toBe(true);
-        expect(dockButtonInput).toBeChecked();
-      });
-
-      fireEvent.click(dockButtonInput);
-      await waitFor(() => {
-        expect(h.state.isSidebarDocked).toBe(false);
-        expect(dockButtonInput).not.toBeChecked();
-      });
-
-      // shouldn't update `appState.isSidebarDocked` when the sidebar
-      // is controlled (`docked` prop is set), as host apps should handle
-      // the state themselves
-      // -------------------------------------------------------------------------
-
-      act(() => {
-        _setDocked(true);
-      });
-
-      await waitFor(() => {
-        expect(dockButtonInput).toBeChecked();
-        expect(h.state.isSidebarDocked).toBe(false);
-        expect(dockButtonInput).toBeChecked();
-      });
-
-      fireEvent.click(dockButtonInput);
-      await waitFor(() => {
-        expect(h.state.isSidebarDocked).toBe(false);
-        expect(dockButtonInput).toBeChecked();
-      });
-
-      // the `appState.isSidebarDocked` should remain untouched when
-      // `props.docked` is set to `false`, and user toggles
-      // -------------------------------------------------------------------------
-
-      act(() => {
-        _setDocked(false);
-        h.setState({ isSidebarDocked: true });
-      });
-
-      await waitFor(() => {
-        expect(h.state.isSidebarDocked).toBe(true);
-        expect(dockButtonInput).not.toBeChecked();
-      });
-
-      fireEvent.click(dockButtonInput);
-      await waitFor(() => {
-        expect(dockButtonInput).not.toBeChecked();
-        expect(h.state.isSidebarDocked).toBe(true);
-      });
-    });
-  });
-
-  it("should toggle sidebar using props.toggleMenu()", async () => {
-    const { container } = await render(
-      <Excalidraw
-        renderSidebar={() => (
-          <Sidebar>
-            <div id="test-sidebar-content">42</div>
+          initialData={{ appState: { openSidebar: { name: "customSidebar" } } }}
+        >
+          <Sidebar
+            name="customSidebar"
+            className="test-sidebar"
+            onDock={() => {}}
+            docked
+          >
+            <Sidebar.Header />
           </Sidebar>
-        )}
-      />,
-    );
+        </Excalidraw>,
+      );
 
-    // sidebar isn't rendered initially
-    // -------------------------------------------------------------------------
-    await waitFor(() => {
-      const node = container.querySelector("#test-sidebar-content");
-      expect(node).toBe(null);
+      await withExcalidrawDimensions(
+        { width: 1920, height: 1080 },
+        async () => {
+          await assertSidebarDockButton(true);
+        },
+      );
     });
 
-    // toggle sidebar on
-    // -------------------------------------------------------------------------
-    expect(window.h.app.toggleMenu("customSidebar")).toBe(true);
+    it("shouldn't be user-dockable when only `onDock` supplied w/o `docked`", async () => {
+      await render(
+        <Excalidraw
+          initialData={{ appState: { openSidebar: { name: "customSidebar" } } }}
+        >
+          <Sidebar
+            name="customSidebar"
+            className="test-sidebar"
+            onDock={() => {}}
+          >
+            <Sidebar.Header />
+          </Sidebar>
+        </Excalidraw>,
+      );
 
-    await waitFor(() => {
-      const node = container.querySelector("#test-sidebar-content");
-      expect(node).not.toBe(null);
-    });
-
-    // toggle sidebar off
-    // -------------------------------------------------------------------------
-    expect(window.h.app.toggleMenu("customSidebar")).toBe(false);
-
-    await waitFor(() => {
-      const node = container.querySelector("#test-sidebar-content");
-      expect(node).toBe(null);
-    });
-
-    // force-toggle sidebar off (=> still hidden)
-    // -------------------------------------------------------------------------
-    expect(window.h.app.toggleMenu("customSidebar", false)).toBe(false);
-
-    await waitFor(() => {
-      const node = container.querySelector("#test-sidebar-content");
-      expect(node).toBe(null);
-    });
-
-    // force-toggle sidebar on
-    // -------------------------------------------------------------------------
-    expect(window.h.app.toggleMenu("customSidebar", true)).toBe(true);
-    expect(window.h.app.toggleMenu("customSidebar", true)).toBe(true);
-
-    await waitFor(() => {
-      const node = container.querySelector("#test-sidebar-content");
-      expect(node).not.toBe(null);
-    });
-
-    // toggle library (= hide custom sidebar)
-    // -------------------------------------------------------------------------
-    expect(window.h.app.toggleMenu("library")).toBe(true);
-
-    await waitFor(() => {
-      const node = container.querySelector("#test-sidebar-content");
-      expect(node).toBe(null);
-
-      // make sure only one sidebar is rendered
-      const sidebars = container.querySelectorAll(".layer-ui__sidebar");
-      expect(sidebars.length).toBe(1);
+      await withExcalidrawDimensions(
+        { width: 1920, height: 1080 },
+        async () => {
+          await assertSidebarDockButton(false);
+        },
+      );
     });
   });
 });
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index 225b2e2fb..abbec7cbc 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -1,151 +1,249 @@
-import {
+import React, {
   useEffect,
   useLayoutEffect,
   useRef,
   useState,
   forwardRef,
+  useImperativeHandle,
+  useCallback,
+  RefObject,
 } from "react";
 import { Island } from ".././Island";
-import { atom, useAtom } from "jotai";
+import { atom, useSetAtom } from "jotai";
 import { jotaiScope } from "../../jotai";
 import {
   SidebarPropsContext,
   SidebarProps,
   SidebarPropsContextValue,
 } from "./common";
-
-import { SidebarHeaderComponents } from "./SidebarHeader";
+import { SidebarHeader } from "./SidebarHeader";
+import clsx from "clsx";
+import {
+  useDevice,
+  useExcalidrawAppState,
+  useExcalidrawSetAppState,
+} from "../App";
+import { updateObject } from "../../utils";
+import { KEYS } from "../../keys";
+import { EVENT } from "../../constants";
+import { SidebarTrigger } from "./SidebarTrigger";
+import { SidebarTabTriggers } from "./SidebarTabTriggers";
+import { SidebarTabTrigger } from "./SidebarTabTrigger";
+import { SidebarTabs } from "./SidebarTabs";
+import { SidebarTab } from "./SidebarTab";
 
 import "./Sidebar.scss";
-import clsx from "clsx";
-import { useExcalidrawSetAppState } from "../App";
-import { updateObject } from "../../utils";
 
-/** using a counter instead of boolean to handle race conditions where
- * the host app may render (mount/unmount) multiple different sidebar */
-export const hostSidebarCountersAtom = atom({ rendered: 0, docked: 0 });
-
-export const Sidebar = Object.assign(
-  forwardRef(
-    (
-      {
-        children,
-        onClose,
-        onDock,
-        docked,
-        /** Undocumented, may be removed later. Generally should either be
-         * `props.docked` or `appState.isSidebarDocked`. Currently serves to
-         *  prevent unwanted animation of the shadow if initially docked. */
-        //
-        // NOTE we'll want to remove this after we sort out how to subscribe to
-        // individual appState properties
-        initialDockedState = docked,
-        dockable = true,
-        className,
-        __isInternal,
-      }: SidebarProps<{
-        // NOTE sidebars we use internally inside the editor must have this flag set.
-        // It indicates that this sidebar should have lower precedence over host
-        // sidebars, if both are open.
-        /** @private internal */
-        __isInternal?: boolean;
-      }>,
-      ref: React.ForwardedRef<HTMLDivElement>,
-    ) => {
-      const [hostSidebarCounters, setHostSidebarCounters] = useAtom(
-        hostSidebarCountersAtom,
-        jotaiScope,
-      );
-
-      const setAppState = useExcalidrawSetAppState();
-
-      const [isDockedFallback, setIsDockedFallback] = useState(
-        docked ?? initialDockedState ?? false,
-      );
-
-      useLayoutEffect(() => {
-        if (docked === undefined) {
-          // ugly hack to get initial state out of AppState without subscribing
-          // to it as a whole (once we have granular subscriptions, we'll move
-          // to that)
-          //
-          // NOTE this means that is updated `state.isSidebarDocked` changes outside
-          // of this compoent, it won't be reflected here. Currently doesn't happen.
-          setAppState((state) => {
-            setIsDockedFallback(state.isSidebarDocked);
-            // bail from update
-            return null;
-          });
-        }
-      }, [setAppState, docked]);
-
-      useLayoutEffect(() => {
-        if (!__isInternal) {
-          setHostSidebarCounters((s) => ({
-            rendered: s.rendered + 1,
-            docked: isDockedFallback ? s.docked + 1 : s.docked,
-          }));
-          return () => {
-            setHostSidebarCounters((s) => ({
-              rendered: s.rendered - 1,
-              docked: isDockedFallback ? s.docked - 1 : s.docked,
-            }));
-          };
-        }
-      }, [__isInternal, setHostSidebarCounters, isDockedFallback]);
-
-      const onCloseRef = useRef(onClose);
-      onCloseRef.current = onClose;
-
-      useEffect(() => {
-        return () => {
-          onCloseRef.current?.();
-        };
-      }, []);
-
-      const headerPropsRef = useRef<SidebarPropsContextValue>({});
-      headerPropsRef.current.onClose = () => {
-        setAppState({ openSidebar: null });
-      };
-      headerPropsRef.current.onDock = (isDocked) => {
-        if (docked === undefined) {
-          setAppState({ isSidebarDocked: isDocked });
-          setIsDockedFallback(isDocked);
-        }
-        onDock?.(isDocked);
-      };
-      // renew the ref object if the following props change since we want to
-      // rerender. We can't pass down as component props manually because
-      // the <Sidebar.Header/> can be rendered upsream.
-      headerPropsRef.current = updateObject(headerPropsRef.current, {
-        docked: docked ?? isDockedFallback,
-        dockable,
-      });
-
-      if (hostSidebarCounters.rendered > 0 && __isInternal) {
-        return null;
+// FIXME replace this with the implem from ColorPicker once it's merged
+const useOnClickOutside = (
+  ref: RefObject<HTMLElement>,
+  cb: (event: MouseEvent) => void,
+) => {
+  useEffect(() => {
+    const listener = (event: MouseEvent) => {
+      if (!ref.current) {
+        return;
       }
 
-      return (
-        <Island
-          className={clsx(
-            "layer-ui__sidebar",
-            { "layer-ui__sidebar--docked": isDockedFallback },
-            className,
-          )}
-          ref={ref}
-        >
-          <SidebarPropsContext.Provider value={headerPropsRef.current}>
-            <SidebarHeaderComponents.Context>
-              <SidebarHeaderComponents.Component __isFallback />
-              {children}
-            </SidebarHeaderComponents.Context>
-          </SidebarPropsContext.Provider>
-        </Island>
+      if (
+        event.target instanceof Element &&
+        (ref.current.contains(event.target) ||
+          !document.body.contains(event.target))
+      ) {
+        return;
+      }
+
+      cb(event);
+    };
+    document.addEventListener("pointerdown", listener, false);
+
+    return () => {
+      document.removeEventListener("pointerdown", listener);
+    };
+  }, [ref, cb]);
+};
+
+/**
+ * Flags whether the currently rendered Sidebar is docked or not, for use
+ * in upstream components that need to act on this (e.g. LayerUI to shift the
+ * UI). We use an atom because of potential host app sidebars (for the default
+ * sidebar we could just read from appState.defaultSidebarDockedPreference).
+ *
+ * Since we can only render one Sidebar at a time, we can use a simple flag.
+ */
+export const isSidebarDockedAtom = atom(false);
+
+export const SidebarInner = forwardRef(
+  (
+    {
+      name,
+      children,
+      onDock,
+      docked,
+      className,
+      ...rest
+    }: SidebarProps & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">,
+    ref: React.ForwardedRef<HTMLDivElement>,
+  ) => {
+    if (process.env.NODE_ENV === "development" && onDock && docked == null) {
+      console.warn(
+        "Sidebar: `docked` must be set when `onDock` is supplied for the sidebar to be user-dockable. To hide this message, either pass `docked` or remove `onDock`",
       );
-    },
-  ),
-  {
-    Header: SidebarHeaderComponents.Component,
+    }
+
+    const setAppState = useExcalidrawSetAppState();
+
+    const setIsSidebarDockedAtom = useSetAtom(isSidebarDockedAtom, jotaiScope);
+
+    useLayoutEffect(() => {
+      setIsSidebarDockedAtom(!!docked);
+      return () => {
+        setIsSidebarDockedAtom(false);
+      };
+    }, [setIsSidebarDockedAtom, docked]);
+
+    const headerPropsRef = useRef<SidebarPropsContextValue>(
+      {} as SidebarPropsContextValue,
+    );
+    headerPropsRef.current.onCloseRequest = () => {
+      setAppState({ openSidebar: null });
+    };
+    headerPropsRef.current.onDock = (isDocked) => onDock?.(isDocked);
+    // renew the ref object if the following props change since we want to
+    // rerender. We can't pass down as component props manually because
+    // the <Sidebar.Header/> can be rendered upstream.
+    headerPropsRef.current = updateObject(headerPropsRef.current, {
+      docked,
+      // explicit prop to rerender on update
+      shouldRenderDockButton: !!onDock && docked != null,
+    });
+
+    const islandRef = useRef<HTMLDivElement>(null);
+
+    useImperativeHandle(ref, () => {
+      return islandRef.current!;
+    });
+
+    const device = useDevice();
+
+    const closeLibrary = useCallback(() => {
+      const isDialogOpen = !!document.querySelector(".Dialog");
+
+      // Prevent closing if any dialog is open
+      if (isDialogOpen) {
+        return;
+      }
+      setAppState({ openSidebar: null });
+    }, [setAppState]);
+
+    useOnClickOutside(
+      islandRef,
+      useCallback(
+        (event) => {
+          // If click on the library icon, do nothing so that LibraryButton
+          // can toggle library menu
+          if ((event.target as Element).closest(".sidebar-trigger")) {
+            return;
+          }
+          if (!docked || !device.canDeviceFitSidebar) {
+            closeLibrary();
+          }
+        },
+        [closeLibrary, docked, device.canDeviceFitSidebar],
+      ),
+    );
+
+    useEffect(() => {
+      const handleKeyDown = (event: KeyboardEvent) => {
+        if (
+          event.key === KEYS.ESCAPE &&
+          (!docked || !device.canDeviceFitSidebar)
+        ) {
+          closeLibrary();
+        }
+      };
+      document.addEventListener(EVENT.KEYDOWN, handleKeyDown);
+      return () => {
+        document.removeEventListener(EVENT.KEYDOWN, handleKeyDown);
+      };
+    }, [closeLibrary, docked, device.canDeviceFitSidebar]);
+
+    return (
+      <Island
+        {...rest}
+        className={clsx("sidebar", { "sidebar--docked": docked }, className)}
+        ref={islandRef}
+      >
+        <SidebarPropsContext.Provider value={headerPropsRef.current}>
+          {children}
+        </SidebarPropsContext.Provider>
+      </Island>
+    );
   },
 );
+SidebarInner.displayName = "SidebarInner";
+
+export const Sidebar = Object.assign(
+  forwardRef((props: SidebarProps, ref: React.ForwardedRef<HTMLDivElement>) => {
+    const appState = useExcalidrawAppState();
+
+    const { onStateChange } = props;
+
+    const refPrevOpenSidebar = useRef(appState.openSidebar);
+    useEffect(() => {
+      if (
+        // closing sidebar
+        ((!appState.openSidebar &&
+          refPrevOpenSidebar?.current?.name === props.name) ||
+          // opening current sidebar
+          (appState.openSidebar?.name === props.name &&
+            refPrevOpenSidebar?.current?.name !== props.name) ||
+          // switching tabs or switching to a different sidebar
+          refPrevOpenSidebar.current?.name === props.name) &&
+        appState.openSidebar !== refPrevOpenSidebar.current
+      ) {
+        onStateChange?.(
+          appState.openSidebar?.name !== props.name
+            ? null
+            : appState.openSidebar,
+        );
+      }
+      refPrevOpenSidebar.current = appState.openSidebar;
+    }, [appState.openSidebar, onStateChange, props.name]);
+
+    const [mounted, setMounted] = useState(false);
+    useLayoutEffect(() => {
+      setMounted(true);
+      return () => setMounted(false);
+    }, []);
+
+    // We want to render in the next tick (hence `mounted` flag) so that it's
+    // guaranteed to happen after unmount of the previous sidebar (in case the
+    // previous sidebar is mounted after the next one). This is necessary to
+    // prevent flicker of subcomponents that support fallbacks
+    // (e.g. SidebarHeader). This is because we're using flags to determine
+    // whether prefer the fallback component or not (otherwise both will render
+    // initially), and the flag won't be reset in time if the unmount order
+    // it not correct.
+    //
+    // Alternative, and more general solution would be to namespace the fallback
+    // HoC so that state is not shared between subcomponents when the wrapping
+    // component is of the same type (e.g. Sidebar -> SidebarHeader).
+    const shouldRender = mounted && appState.openSidebar?.name === props.name;
+
+    if (!shouldRender) {
+      return null;
+    }
+
+    return <SidebarInner {...props} ref={ref} key={props.name} />;
+  }),
+  {
+    Header: SidebarHeader,
+    TabTriggers: SidebarTabTriggers,
+    TabTrigger: SidebarTabTrigger,
+    Tabs: SidebarTabs,
+    Tab: SidebarTab,
+    Trigger: SidebarTrigger,
+  },
+);
+Sidebar.displayName = "Sidebar";
diff --git a/src/components/Sidebar/SidebarHeader.tsx b/src/components/Sidebar/SidebarHeader.tsx
index bb107216c..35506166d 100644
--- a/src/components/Sidebar/SidebarHeader.tsx
+++ b/src/components/Sidebar/SidebarHeader.tsx
@@ -4,86 +4,54 @@ import { t } from "../../i18n";
 import { useDevice } from "../App";
 import { SidebarPropsContext } from "./common";
 import { CloseIcon, PinIcon } from "../icons";
-import { withUpstreamOverride } from "../hoc/withUpstreamOverride";
 import { Tooltip } from "../Tooltip";
+import { Button } from "../Button";
 
-export const SidebarDockButton = (props: {
-  checked: boolean;
-  onChange?(): void;
-}) => {
-  return (
-    <div className="layer-ui__sidebar-dock-button" data-testid="sidebar-dock">
-      <Tooltip label={t("labels.sidebarLock")}>
-        <label
-          className={clsx(
-            "ToolIcon ToolIcon__lock ToolIcon_type_floating",
-            `ToolIcon_size_medium`,
-          )}
-        >
-          <input
-            className="ToolIcon_type_checkbox"
-            type="checkbox"
-            onChange={props.onChange}
-            checked={props.checked}
-            aria-label={t("labels.sidebarLock")}
-          />{" "}
-          <div
-            className={clsx("Sidebar__pin-btn", {
-              "Sidebar__pin-btn--pinned": props.checked,
-            })}
-            tabIndex={0}
-          >
-            {PinIcon}
-          </div>{" "}
-        </label>{" "}
-      </Tooltip>
-    </div>
-  );
-};
-
-const _SidebarHeader: React.FC<{
+export const SidebarHeader = ({
+  children,
+  className,
+}: {
   children?: React.ReactNode;
   className?: string;
-}> = ({ children, className }) => {
+}) => {
   const device = useDevice();
   const props = useContext(SidebarPropsContext);
 
-  const renderDockButton = !!(device.canDeviceFitSidebar && props.dockable);
-  const renderCloseButton = !!props.onClose;
+  const renderDockButton = !!(
+    device.canDeviceFitSidebar && props.shouldRenderDockButton
+  );
 
   return (
     <div
-      className={clsx("layer-ui__sidebar__header", className)}
+      className={clsx("sidebar__header", className)}
       data-testid="sidebar-header"
     >
       {children}
-      {(renderDockButton || renderCloseButton) && (
-        <div className="layer-ui__sidebar__header__buttons">
-          {renderDockButton && (
-            <SidebarDockButton
-              checked={!!props.docked}
-              onChange={() => {
-                props.onDock?.(!props.docked);
-              }}
-            />
-          )}
-          {renderCloseButton && (
-            <button
-              data-testid="sidebar-close"
-              className="Sidebar__close-btn"
-              onClick={props.onClose}
-              aria-label={t("buttons.close")}
+      <div className="sidebar__header__buttons">
+        {renderDockButton && (
+          <Tooltip label={t("labels.sidebarLock")}>
+            <Button
+              onSelect={() => props.onDock?.(!props.docked)}
+              selected={!!props.docked}
+              className="sidebar__dock"
+              data-testid="sidebar-dock"
+              aria-label={t("labels.sidebarLock")}
             >
-              {CloseIcon}
-            </button>
-          )}
-        </div>
-      )}
+              {PinIcon}
+            </Button>
+          </Tooltip>
+        )}
+        <Button
+          data-testid="sidebar-close"
+          className="sidebar__close"
+          onSelect={props.onCloseRequest}
+          aria-label={t("buttons.close")}
+        >
+          {CloseIcon}
+        </Button>
+      </div>
     </div>
   );
 };
 
-const [Context, Component] = withUpstreamOverride(_SidebarHeader);
-
-/** @private */
-export const SidebarHeaderComponents = { Context, Component };
+SidebarHeader.displayName = "SidebarHeader";
diff --git a/src/components/Sidebar/SidebarTab.tsx b/src/components/Sidebar/SidebarTab.tsx
new file mode 100644
index 000000000..741a69fd1
--- /dev/null
+++ b/src/components/Sidebar/SidebarTab.tsx
@@ -0,0 +1,18 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+import { SidebarTabName } from "../../types";
+
+export const SidebarTab = ({
+  tab,
+  children,
+  ...rest
+}: {
+  tab: SidebarTabName;
+  children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>) => {
+  return (
+    <RadixTabs.Content {...rest} value={tab}>
+      {children}
+    </RadixTabs.Content>
+  );
+};
+SidebarTab.displayName = "SidebarTab";
diff --git a/src/components/Sidebar/SidebarTabTrigger.tsx b/src/components/Sidebar/SidebarTabTrigger.tsx
new file mode 100644
index 000000000..cf25f7024
--- /dev/null
+++ b/src/components/Sidebar/SidebarTabTrigger.tsx
@@ -0,0 +1,26 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+import { SidebarTabName } from "../../types";
+
+export const SidebarTabTrigger = ({
+  children,
+  tab,
+  onSelect,
+  ...rest
+}: {
+  children: React.ReactNode;
+  tab: SidebarTabName;
+  onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+} & Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect">) => {
+  return (
+    <RadixTabs.Trigger value={tab} asChild onSelect={onSelect}>
+      <button
+        type={"button"}
+        className={`excalidraw-button sidebar-tab-trigger`}
+        {...rest}
+      >
+        {children}
+      </button>
+    </RadixTabs.Trigger>
+  );
+};
+SidebarTabTrigger.displayName = "SidebarTabTrigger";
diff --git a/src/components/Sidebar/SidebarTabTriggers.tsx b/src/components/Sidebar/SidebarTabTriggers.tsx
new file mode 100644
index 000000000..0be187b76
--- /dev/null
+++ b/src/components/Sidebar/SidebarTabTriggers.tsx
@@ -0,0 +1,16 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+
+export const SidebarTabTriggers = ({
+  children,
+  ...rest
+}: { children: React.ReactNode } & Omit<
+  React.RefAttributes<HTMLDivElement>,
+  "onSelect"
+>) => {
+  return (
+    <RadixTabs.List className="sidebar-triggers" {...rest}>
+      {children}
+    </RadixTabs.List>
+  );
+};
+SidebarTabTriggers.displayName = "SidebarTabTriggers";
diff --git a/src/components/Sidebar/SidebarTabs.tsx b/src/components/Sidebar/SidebarTabs.tsx
new file mode 100644
index 000000000..a681b5ee5
--- /dev/null
+++ b/src/components/Sidebar/SidebarTabs.tsx
@@ -0,0 +1,36 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+import { useUIAppState } from "../../context/ui-appState";
+import { useExcalidrawSetAppState } from "../App";
+
+export const SidebarTabs = ({
+  children,
+  ...rest
+}: {
+  children: React.ReactNode;
+} & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">) => {
+  const appState = useUIAppState();
+  const setAppState = useExcalidrawSetAppState();
+
+  if (!appState.openSidebar) {
+    return null;
+  }
+
+  const { name } = appState.openSidebar;
+
+  return (
+    <RadixTabs.Root
+      className="sidebar-tabs-root"
+      value={appState.openSidebar.tab}
+      onValueChange={(tab) =>
+        setAppState((state) => ({
+          ...state,
+          openSidebar: { ...state.openSidebar, name, tab },
+        }))
+      }
+      {...rest}
+    >
+      {children}
+    </RadixTabs.Root>
+  );
+};
+SidebarTabs.displayName = "SidebarTabs";
diff --git a/src/components/Sidebar/SidebarTrigger.scss b/src/components/Sidebar/SidebarTrigger.scss
new file mode 100644
index 000000000..5aeef52eb
--- /dev/null
+++ b/src/components/Sidebar/SidebarTrigger.scss
@@ -0,0 +1,34 @@
+@import "../../css/variables.module";
+
+.excalidraw {
+  .sidebar-trigger {
+    @include outlineButtonStyles;
+
+    background-color: var(--island-bg-color);
+
+    width: auto;
+    height: var(--lg-button-size);
+
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+
+    line-height: 0;
+
+    font-size: 0.75rem;
+    letter-spacing: 0.4px;
+
+    svg {
+      width: var(--lg-icon-size);
+      height: var(--lg-icon-size);
+    }
+  }
+
+  .default-sidebar-trigger .sidebar-trigger__label {
+    display: none;
+
+    @media screen and (min-width: 1024px) {
+      display: block;
+    }
+  }
+}
diff --git a/src/components/Sidebar/SidebarTrigger.tsx b/src/components/Sidebar/SidebarTrigger.tsx
new file mode 100644
index 000000000..358cc3502
--- /dev/null
+++ b/src/components/Sidebar/SidebarTrigger.tsx
@@ -0,0 +1,45 @@
+import { useExcalidrawSetAppState, useExcalidrawAppState } from "../App";
+import { SidebarTriggerProps } from "./common";
+
+import "./SidebarTrigger.scss";
+import clsx from "clsx";
+
+export const SidebarTrigger = ({
+  name,
+  tab,
+  icon,
+  title,
+  children,
+  onToggle,
+  className,
+  style,
+}: SidebarTriggerProps) => {
+  const setAppState = useExcalidrawSetAppState();
+  // TODO replace with sidebar context
+  const appState = useExcalidrawAppState();
+
+  return (
+    <label title={title}>
+      <input
+        className="ToolIcon_type_checkbox"
+        type="checkbox"
+        onChange={(event) => {
+          document
+            .querySelector(".layer-ui__wrapper")
+            ?.classList.remove("animate");
+          const isOpen = event.target.checked;
+          setAppState({ openSidebar: isOpen ? { name, tab } : null });
+          onToggle?.(isOpen);
+        }}
+        checked={appState.openSidebar?.name === name}
+        aria-label={title}
+        aria-keyshortcuts="0"
+      />
+      <div className={clsx("sidebar-trigger", className)} style={style}>
+        {icon && <div>{icon}</div>}
+        {children && <div className="sidebar-trigger__label">{children}</div>}
+      </div>
+    </label>
+  );
+};
+SidebarTrigger.displayName = "SidebarTrigger";
diff --git a/src/components/Sidebar/common.ts b/src/components/Sidebar/common.ts
index 97c72b5d3..c7161bd17 100644
--- a/src/components/Sidebar/common.ts
+++ b/src/components/Sidebar/common.ts
@@ -1,23 +1,41 @@
 import React from "react";
+import { AppState, SidebarName, SidebarTabName } from "../../types";
+
+export type SidebarTriggerProps = {
+  name: SidebarName;
+  tab?: SidebarTabName;
+  icon?: JSX.Element;
+  children?: React.ReactNode;
+  title?: string;
+  className?: string;
+  onToggle?: (open: boolean) => void;
+  style?: React.CSSProperties;
+};
 
 export type SidebarProps<P = {}> = {
+  name: SidebarName;
   children: React.ReactNode;
   /**
-   * Called on sidebar close (either by user action or by the editor).
+   * Called on sidebar open/close or tab change.
+   */
+  onStateChange?: (state: AppState["openSidebar"]) => void;
+  /**
+   * supply alongside `docked` prop in order to make the Sidebar user-dockable
    */
-  onClose?: () => void | boolean;
-  /** if not supplied, sidebar won't be dockable */
   onDock?: (docked: boolean) => void;
   docked?: boolean;
-  initialDockedState?: boolean;
-  dockable?: boolean;
   className?: string;
+  // NOTE sidebars we use internally inside the editor must have this flag set.
+  // It indicates that this sidebar should have lower precedence over host
+  // sidebars, if both are open.
+  /** @private internal */
+  __fallback?: boolean;
 } & P;
 
 export type SidebarPropsContextValue = Pick<
   SidebarProps,
-  "onClose" | "onDock" | "docked" | "dockable"
->;
+  "onDock" | "docked"
+> & { onCloseRequest: () => void; shouldRenderDockButton: boolean };
 
 export const SidebarPropsContext =
-  React.createContext<SidebarPropsContextValue>({});
+  React.createContext<SidebarPropsContextValue>({} as SidebarPropsContextValue);
diff --git a/src/components/context/tunnels.ts b/src/components/context/tunnels.ts
deleted file mode 100644
index 981fcb0ad..000000000
--- a/src/components/context/tunnels.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import tunnel from "@dwelle/tunnel-rat";
-
-type Tunnel = ReturnType<typeof tunnel>;
-
-type TunnelsContextValue = {
-  mainMenuTunnel: Tunnel;
-  welcomeScreenMenuHintTunnel: Tunnel;
-  welcomeScreenToolbarHintTunnel: Tunnel;
-  welcomeScreenHelpHintTunnel: Tunnel;
-  welcomeScreenCenterTunnel: Tunnel;
-  footerCenterTunnel: Tunnel;
-  jotaiScope: symbol;
-};
-
-export const TunnelsContext = React.createContext<TunnelsContextValue>(null!);
-
-export const useTunnels = () => React.useContext(TunnelsContext);
-
-export const useInitializeTunnels = () => {
-  return React.useMemo((): TunnelsContextValue => {
-    return {
-      mainMenuTunnel: tunnel(),
-      welcomeScreenMenuHintTunnel: tunnel(),
-      welcomeScreenToolbarHintTunnel: tunnel(),
-      welcomeScreenHelpHintTunnel: tunnel(),
-      welcomeScreenCenterTunnel: tunnel(),
-      footerCenterTunnel: tunnel(),
-      jotaiScope: Symbol(),
-    };
-  }, []);
-};
diff --git a/src/components/dropdownMenu/DropdownMenuContent.tsx b/src/components/dropdownMenu/DropdownMenuContent.tsx
index 8ec2b6e63..3c50d474c 100644
--- a/src/components/dropdownMenu/DropdownMenuContent.tsx
+++ b/src/components/dropdownMenu/DropdownMenuContent.tsx
@@ -1,4 +1,4 @@
-import { useOutsideClickHook } from "../../hooks/useOutsideClick";
+import { useOutsideClick } from "../../hooks/useOutsideClick";
 import { Island } from "../Island";
 
 import { useDevice } from "../App";
@@ -24,7 +24,7 @@ const MenuContent = ({
   style?: React.CSSProperties;
 }) => {
   const device = useDevice();
-  const menuRef = useOutsideClickHook(() => {
+  const menuRef = useOutsideClick(() => {
     onClickOutside?.();
   });
 
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index 788462b86..dae2847cd 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -9,7 +9,7 @@ import {
   ZoomActions,
 } from "../Actions";
 import { useDevice } from "../App";
-import { useTunnels } from "../context/tunnels";
+import { useTunnels } from "../../context/tunnels";
 import { HelpButton } from "../HelpButton";
 import { Section } from "../Section";
 import Stack from "../Stack";
@@ -25,7 +25,7 @@ const Footer = ({
   showExitZenModeBtn: boolean;
   renderWelcomeScreen: boolean;
 }) => {
-  const { footerCenterTunnel, welcomeScreenHelpHintTunnel } = useTunnels();
+  const { FooterCenterTunnel, WelcomeScreenHelpHintTunnel } = useTunnels();
 
   const device = useDevice();
   const showFinalize =
@@ -70,14 +70,14 @@ const Footer = ({
           </Section>
         </Stack.Col>
       </div>
-      <footerCenterTunnel.Out />
+      <FooterCenterTunnel.Out />
       <div
         className={clsx("layer-ui__wrapper__footer-right zen-mode-transition", {
           "transition-right disable-pointerEvents": appState.zenModeEnabled,
         })}
       >
         <div style={{ position: "relative" }}>
-          {renderWelcomeScreen && <welcomeScreenHelpHintTunnel.Out />}
+          {renderWelcomeScreen && <WelcomeScreenHelpHintTunnel.Out />}
           <HelpButton
             onClick={() => actionManager.executeAction(actionShortcuts)}
           />
diff --git a/src/components/footer/FooterCenter.tsx b/src/components/footer/FooterCenter.tsx
index 90f0f96c5..294a65f3f 100644
--- a/src/components/footer/FooterCenter.tsx
+++ b/src/components/footer/FooterCenter.tsx
@@ -1,13 +1,13 @@
 import clsx from "clsx";
 import { useExcalidrawAppState } from "../App";
-import { useTunnels } from "../context/tunnels";
+import { useTunnels } from "../../context/tunnels";
 import "./FooterCenter.scss";
 
 const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
-  const { footerCenterTunnel } = useTunnels();
+  const { FooterCenterTunnel } = useTunnels();
   const appState = useExcalidrawAppState();
   return (
-    <footerCenterTunnel.In>
+    <FooterCenterTunnel.In>
       <div
         className={clsx("footer-center zen-mode-transition", {
           "layer-ui__wrapper__footer-left--transition-bottom":
@@ -16,7 +16,7 @@ const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
       >
         {children}
       </div>
-    </footerCenterTunnel.In>
+    </FooterCenterTunnel.In>
   );
 };
 
diff --git a/src/components/hoc/withInternalFallback.tsx b/src/components/hoc/withInternalFallback.tsx
index 4ad61a11e..581a1874f 100644
--- a/src/components/hoc/withInternalFallback.tsx
+++ b/src/components/hoc/withInternalFallback.tsx
@@ -1,32 +1,46 @@
 import { atom, useAtom } from "jotai";
 import React, { useLayoutEffect } from "react";
-import { useTunnels } from "../context/tunnels";
+import { useTunnels } from "../../context/tunnels";
 
 export const withInternalFallback = <P,>(
   componentName: string,
   Component: React.FC<P>,
 ) => {
-  const counterAtom = atom(0);
+  const renderAtom = atom(0);
   // flag set on initial render to tell the fallback component to skip the
   // render until mount counter are initialized. This is because the counter
   // is initialized in an effect, and thus we could end rendering both
   // components at the same time until counter is initialized.
   let preferHost = false;
 
+  let counter = 0;
+
   const WrapperComponent: React.FC<
     P & {
       __fallback?: boolean;
     }
   > = (props) => {
     const { jotaiScope } = useTunnels();
-    const [counter, setCounter] = useAtom(counterAtom, jotaiScope);
+    const [, setRender] = useAtom(renderAtom, jotaiScope);
 
     useLayoutEffect(() => {
-      setCounter((counter) => counter + 1);
+      setRender((c) => {
+        const next = c + 1;
+        counter = next;
+
+        return next;
+      });
       return () => {
-        setCounter((counter) => counter - 1);
+        setRender((c) => {
+          const next = c - 1;
+          counter = next;
+          if (!next) {
+            preferHost = false;
+          }
+          return next;
+        });
       };
-    }, [setCounter]);
+    }, [setRender]);
 
     if (!props.__fallback) {
       preferHost = true;
diff --git a/src/components/hoc/withUpstreamOverride.tsx b/src/components/hoc/withUpstreamOverride.tsx
deleted file mode 100644
index acbc800b3..000000000
--- a/src/components/hoc/withUpstreamOverride.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, {
-  useMemo,
-  useContext,
-  useLayoutEffect,
-  useState,
-  createContext,
-} from "react";
-
-export const withUpstreamOverride = <P,>(Component: React.ComponentType<P>) => {
-  type ContextValue = [boolean, React.Dispatch<React.SetStateAction<boolean>>];
-
-  const DefaultComponentContext = createContext<ContextValue>([
-    false,
-    () => {},
-  ]);
-
-  const ComponentContext: React.FC<{ children: React.ReactNode }> = ({
-    children,
-  }) => {
-    const [isRenderedUpstream, setIsRenderedUpstream] = useState(false);
-    const contextValue: ContextValue = useMemo(
-      () => [isRenderedUpstream, setIsRenderedUpstream],
-      [isRenderedUpstream],
-    );
-
-    return (
-      <DefaultComponentContext.Provider value={contextValue}>
-        {children}
-      </DefaultComponentContext.Provider>
-    );
-  };
-
-  const DefaultComponent = (
-    props: P & {
-      // indicates whether component should render when not rendered upstream
-      /** @private internal */
-      __isFallback?: boolean;
-    },
-  ) => {
-    const [isRenderedUpstream, setIsRenderedUpstream] = useContext(
-      DefaultComponentContext,
-    );
-
-    useLayoutEffect(() => {
-      if (!props.__isFallback) {
-        setIsRenderedUpstream(true);
-        return () => setIsRenderedUpstream(false);
-      }
-    }, [props.__isFallback, setIsRenderedUpstream]);
-
-    if (props.__isFallback && isRenderedUpstream) {
-      return null;
-    }
-
-    return <Component {...props} />;
-  };
-  if (Component.name) {
-    DefaultComponent.displayName = `${Component.name}_upstreamOverrideWrapper`;
-    ComponentContext.displayName = `${Component.name}_upstreamOverrideContextWrapper`;
-  }
-
-  return [ComponentContext, DefaultComponent] as const;
-};
diff --git a/src/components/main-menu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
index 636ffc6e5..1a4e171cf 100644
--- a/src/components/main-menu/MainMenu.tsx
+++ b/src/components/main-menu/MainMenu.tsx
@@ -13,7 +13,7 @@ import { t } from "../../i18n";
 import { HamburgerMenuIcon } from "../icons";
 import { withInternalFallback } from "../hoc/withInternalFallback";
 import { composeEventHandlers } from "../../utils";
-import { useTunnels } from "../context/tunnels";
+import { useTunnels } from "../../context/tunnels";
 
 const MainMenu = Object.assign(
   withInternalFallback(
@@ -28,7 +28,7 @@ const MainMenu = Object.assign(
        */
       onSelect?: (event: Event) => void;
     }) => {
-      const { mainMenuTunnel } = useTunnels();
+      const { MainMenuTunnel } = useTunnels();
       const device = useDevice();
       const appState = useExcalidrawAppState();
       const setAppState = useExcalidrawSetAppState();
@@ -37,7 +37,7 @@ const MainMenu = Object.assign(
         : () => setAppState({ openMenu: null });
 
       return (
-        <mainMenuTunnel.In>
+        <MainMenuTunnel.In>
           <DropdownMenu open={appState.openMenu === "canvas"}>
             <DropdownMenu.Trigger
               onToggle={() => {
@@ -66,7 +66,7 @@ const MainMenu = Object.assign(
               )}
             </DropdownMenu.Content>
           </DropdownMenu>
-        </mainMenuTunnel.In>
+        </MainMenuTunnel.In>
       );
     },
   ),
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
index 8ab010057..f4ea6d4d4 100644
--- a/src/components/welcome-screen/WelcomeScreen.Center.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -6,7 +6,7 @@ import {
   useExcalidrawActionManager,
   useExcalidrawAppState,
 } from "../App";
-import { useTunnels } from "../context/tunnels";
+import { useTunnels } from "../../context/tunnels";
 import { ExcalLogo, HelpIcon, LoadIcon, usersIcon } from "../icons";
 
 const WelcomeScreenMenuItemContent = ({
@@ -89,9 +89,9 @@ const WelcomeScreenMenuItemLink = ({
 WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
 
 const Center = ({ children }: { children?: React.ReactNode }) => {
-  const { welcomeScreenCenterTunnel } = useTunnels();
+  const { WelcomeScreenCenterTunnel } = useTunnels();
   return (
-    <welcomeScreenCenterTunnel.In>
+    <WelcomeScreenCenterTunnel.In>
       <div className="welcome-screen-center">
         {children || (
           <>
@@ -104,7 +104,7 @@ const Center = ({ children }: { children?: React.ReactNode }) => {
           </>
         )}
       </div>
-    </welcomeScreenCenterTunnel.In>
+    </WelcomeScreenCenterTunnel.In>
   );
 };
 Center.displayName = "Center";
diff --git a/src/components/welcome-screen/WelcomeScreen.Hints.tsx b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
index 3ba36211d..ccd42ed27 100644
--- a/src/components/welcome-screen/WelcomeScreen.Hints.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Hints.tsx
@@ -1,5 +1,5 @@
 import { t } from "../../i18n";
-import { useTunnels } from "../context/tunnels";
+import { useTunnels } from "../../context/tunnels";
 import {
   WelcomeScreenHelpArrow,
   WelcomeScreenMenuArrow,
@@ -7,44 +7,44 @@ import {
 } from "../icons";
 
 const MenuHint = ({ children }: { children?: React.ReactNode }) => {
-  const { welcomeScreenMenuHintTunnel } = useTunnels();
+  const { WelcomeScreenMenuHintTunnel } = useTunnels();
   return (
-    <welcomeScreenMenuHintTunnel.In>
+    <WelcomeScreenMenuHintTunnel.In>
       <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu">
         {WelcomeScreenMenuArrow}
         <div className="welcome-screen-decor-hint__label">
           {children || t("welcomeScreen.defaults.menuHint")}
         </div>
       </div>
-    </welcomeScreenMenuHintTunnel.In>
+    </WelcomeScreenMenuHintTunnel.In>
   );
 };
 MenuHint.displayName = "MenuHint";
 
 const ToolbarHint = ({ children }: { children?: React.ReactNode }) => {
-  const { welcomeScreenToolbarHintTunnel } = useTunnels();
+  const { WelcomeScreenToolbarHintTunnel } = useTunnels();
   return (
-    <welcomeScreenToolbarHintTunnel.In>
+    <WelcomeScreenToolbarHintTunnel.In>
       <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar">
         <div className="welcome-screen-decor-hint__label">
           {children || t("welcomeScreen.defaults.toolbarHint")}
         </div>
         {WelcomeScreenTopToolbarArrow}
       </div>
-    </welcomeScreenToolbarHintTunnel.In>
+    </WelcomeScreenToolbarHintTunnel.In>
   );
 };
 ToolbarHint.displayName = "ToolbarHint";
 
 const HelpHint = ({ children }: { children?: React.ReactNode }) => {
-  const { welcomeScreenHelpHintTunnel } = useTunnels();
+  const { WelcomeScreenHelpHintTunnel } = useTunnels();
   return (
-    <welcomeScreenHelpHintTunnel.In>
+    <WelcomeScreenHelpHintTunnel.In>
       <div className="virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help">
         <div>{children || t("welcomeScreen.defaults.helpHint")}</div>
         {WelcomeScreenHelpArrow}
       </div>
-    </welcomeScreenHelpHintTunnel.In>
+    </WelcomeScreenHelpHintTunnel.In>
   );
 };
 HelpHint.displayName = "HelpHint";
diff --git a/src/constants.ts b/src/constants.ts
index 19b41b688..5b59679cf 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -275,3 +275,10 @@ export const DEFAULT_ELEMENT_PROPS: {
   opacity: 100,
   locked: false,
 };
+
+export const LIBRARY_SIDEBAR_TAB = "library";
+
+export const DEFAULT_SIDEBAR = {
+  name: "default",
+  defaultTab: LIBRARY_SIDEBAR_TAB,
+} as const;
diff --git a/src/context/tunnels.ts b/src/context/tunnels.ts
new file mode 100644
index 000000000..c5eaef9be
--- /dev/null
+++ b/src/context/tunnels.ts
@@ -0,0 +1,36 @@
+import React from "react";
+import tunnel from "tunnel-rat";
+
+export type Tunnel = ReturnType<typeof tunnel>;
+
+type TunnelsContextValue = {
+  MainMenuTunnel: Tunnel;
+  WelcomeScreenMenuHintTunnel: Tunnel;
+  WelcomeScreenToolbarHintTunnel: Tunnel;
+  WelcomeScreenHelpHintTunnel: Tunnel;
+  WelcomeScreenCenterTunnel: Tunnel;
+  FooterCenterTunnel: Tunnel;
+  DefaultSidebarTriggerTunnel: Tunnel;
+  DefaultSidebarTabTriggersTunnel: Tunnel;
+  jotaiScope: symbol;
+};
+
+export const TunnelsContext = React.createContext<TunnelsContextValue>(null!);
+
+export const useTunnels = () => React.useContext(TunnelsContext);
+
+export const useInitializeTunnels = () => {
+  return React.useMemo((): TunnelsContextValue => {
+    return {
+      MainMenuTunnel: tunnel(),
+      WelcomeScreenMenuHintTunnel: tunnel(),
+      WelcomeScreenToolbarHintTunnel: tunnel(),
+      WelcomeScreenHelpHintTunnel: tunnel(),
+      WelcomeScreenCenterTunnel: tunnel(),
+      FooterCenterTunnel: tunnel(),
+      DefaultSidebarTriggerTunnel: tunnel(),
+      DefaultSidebarTabTriggersTunnel: tunnel(),
+      jotaiScope: Symbol(),
+    };
+  }, []);
+};
diff --git a/src/context/ui-appState.ts b/src/context/ui-appState.ts
new file mode 100644
index 000000000..f74ec6e0c
--- /dev/null
+++ b/src/context/ui-appState.ts
@@ -0,0 +1,5 @@
+import React from "react";
+import { AppState } from "../types";
+
+export const UIAppStateContext = React.createContext<AppState>(null!);
+export const useUIAppState = () => React.useContext(UIAppStateContext);
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 29e52011e..d9d8544a0 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -567,7 +567,7 @@
       border-radius: 0;
     }
 
-    .library-button {
+    .default-sidebar-trigger {
       border: 0;
     }
   }
diff --git a/src/css/theme.scss b/src/css/theme.scss
index fd8067968..c8abc4fff 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -78,10 +78,13 @@
 
   --color-selection: #6965db;
 
+  --color-icon-white: #{$oc-white};
+
   --color-primary: #6965db;
   --color-primary-darker: #5b57d1;
   --color-primary-darkest: #4a47b1;
   --color-primary-light: #e3e2fe;
+  --color-primary-light-darker: #d7d5ff;
 
   --color-gray-10: #f5f5f5;
   --color-gray-20: #ebebeb;
@@ -161,10 +164,13 @@
     // will be inverted to a lighter color.
     --color-selection: #3530c4;
 
+    --color-icon-white: var(--color-gray-90);
+
     --color-primary: #a8a5ff;
     --color-primary-darker: #b2aeff;
     --color-primary-darkest: #beb9ff;
     --color-primary-light: #4f4d6f;
+    --color-primary-light-darker: #43415e;
 
     --color-text-warning: var(--color-gray-80);
 
diff --git a/src/css/variables.module.scss b/src/css/variables.module.scss
index 779c52bff..10e42dc72 100644
--- a/src/css/variables.module.scss
+++ b/src/css/variables.module.scss
@@ -72,7 +72,14 @@
 
   &:hover {
     background-color: var(--button-hover-bg, var(--island-bg-color));
-    border-color: var(--button-hover-border, var(--default-border-color));
+    border-color: var(
+      --button-hover-border,
+      var(--button-border, var(--default-border-color))
+    );
+    color: var(
+      --button-hover-color,
+      var(--button-color, var(--text-primary-color, inherit))
+    );
   }
 
   &:active {
@@ -81,11 +88,14 @@
   }
 
   &.active {
-    background-color: var(--color-primary-light);
-    border-color: var(--color-primary-light);
+    background-color: var(--button-selected-bg, var(--color-primary-light));
+    border-color: var(--button-selected-border, var(--color-primary-light));
 
     &:hover {
-      background-color: var(--color-primary-light);
+      background-color: var(
+        --button-selected-hover-bg,
+        var(--color-primary-light)
+      );
     }
 
     svg {
diff --git a/src/data/library.ts b/src/data/library.ts
index 564ccc7d3..b9033bace 100644
--- a/src/data/library.ts
+++ b/src/data/library.ts
@@ -14,7 +14,14 @@ import { getCommonBoundingBox } from "../element/bounds";
 import { AbortError } from "../errors";
 import { t } from "../i18n";
 import { useEffect, useRef } from "react";
-import { URL_HASH_KEYS, URL_QUERY_KEYS, APP_NAME, EVENT } from "../constants";
+import {
+  URL_HASH_KEYS,
+  URL_QUERY_KEYS,
+  APP_NAME,
+  EVENT,
+  DEFAULT_SIDEBAR,
+  LIBRARY_SIDEBAR_TAB,
+} from "../constants";
 
 export const libraryItemsAtom = atom<{
   status: "loading" | "loaded";
@@ -148,7 +155,9 @@ class Library {
     defaultStatus?: "unpublished" | "published";
   }): Promise<LibraryItems> => {
     if (openLibraryMenu) {
-      this.app.setState({ openSidebar: "library" });
+      this.app.setState({
+        openSidebar: { name: DEFAULT_SIDEBAR.name, tab: LIBRARY_SIDEBAR_TAB },
+      });
     }
 
     return this.setLibrary(() => {
@@ -174,6 +183,13 @@ class Library {
               }),
             )
           ) {
+            if (prompt) {
+              // focus container if we've prompted. We focus conditionally
+              // lest `props.autoFocus` is disabled (in which case we should
+              // focus only on user action such as prompt confirm)
+              this.app.focusContainer();
+            }
+
             if (merge) {
               resolve(mergeLibraryItems(this.lastLibraryItems, nextItems));
             } else {
@@ -186,8 +202,6 @@ class Library {
           reject(error);
         }
       });
-    }).finally(() => {
-      this.app.focusContainer();
     });
   };
 
diff --git a/src/data/restore.ts b/src/data/restore.ts
index fcf5fa132..63f3dbcfb 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -27,6 +27,7 @@ import {
   PRECEDING_ELEMENT_KEY,
   FONT_FAMILY,
   ROUNDNESS,
+  DEFAULT_SIDEBAR,
 } from "../constants";
 import { getDefaultAppState } from "../appState";
 import { LinearElementEditor } from "../element/linearElementEditor";
@@ -431,21 +432,15 @@ const LegacyAppStateMigrations: {
     defaultAppState: ReturnType<typeof getDefaultAppState>,
   ) => [LegacyAppState[K][1], AppState[LegacyAppState[K][1]]];
 } = {
-  isLibraryOpen: (appState, defaultAppState) => {
+  isSidebarDocked: (appState, defaultAppState) => {
     return [
-      "openSidebar",
-      "isLibraryOpen" in appState
-        ? appState.isLibraryOpen
-          ? "library"
-          : null
-        : coalesceAppStateValue("openSidebar", appState, defaultAppState),
-    ];
-  },
-  isLibraryMenuDocked: (appState, defaultAppState) => {
-    return [
-      "isSidebarDocked",
-      appState.isLibraryMenuDocked ??
-        coalesceAppStateValue("isSidebarDocked", appState, defaultAppState),
+      "defaultSidebarDockedPreference",
+      appState.isSidebarDocked ??
+        coalesceAppStateValue(
+          "defaultSidebarDockedPreference",
+          appState,
+          defaultAppState,
+        ),
     ];
   },
 };
@@ -517,13 +512,10 @@ export const restoreAppState = (
         : appState.zoom?.value
         ? appState.zoom
         : defaultAppState.zoom,
-    // when sidebar docked and user left it open in last session,
-    // keep it open. If not docked, keep it closed irrespective of last state.
     openSidebar:
-      nextAppState.openSidebar === "library"
-        ? nextAppState.isSidebarDocked
-          ? "library"
-          : null
+      // string (legacy)
+      typeof (appState.openSidebar as any as string) === "string"
+        ? { name: DEFAULT_SIDEBAR.name }
         : nextAppState.openSidebar,
   };
 };
diff --git a/src/data/types.ts b/src/data/types.ts
index b8c959218..69112b6b6 100644
--- a/src/data/types.ts
+++ b/src/data/types.ts
@@ -25,10 +25,8 @@ export interface ExportedDataState {
  * Don't consume on its own.
  */
 export type LegacyAppState = {
-  /** @deprecated #5663 TODO remove 22-12-15 */
-  isLibraryOpen: [boolean, "openSidebar"];
-  /** @deprecated #5663 TODO remove 22-12-15 */
-  isLibraryMenuDocked: [boolean, "isSidebarDocked"];
+  /** @deprecated #6213 TODO remove 23-06-01 */
+  isSidebarDocked: [boolean, "defaultSidebarDockedPreference"];
 };
 
 export interface ImportedDataState {
diff --git a/src/hooks/useOutsideClick.ts b/src/hooks/useOutsideClick.ts
index 4b7512069..cda7e50d7 100644
--- a/src/hooks/useOutsideClick.ts
+++ b/src/hooks/useOutsideClick.ts
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
 
-export const useOutsideClickHook = (handler: (event: Event) => void) => {
+export const useOutsideClick = (handler: (event: Event) => void) => {
   const ref = useRef(null);
 
   useEffect(
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index a2f7466b8..30292159b 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -11,6 +11,22 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## Unreleased
+
+### Features
+
+- Sidebar component now supports tabs — for more detailed description of new behavior and breaking changes, see the linked PR. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
+- Exposed `DefaultSidebar` component to allow modifying the default sidebar, such as adding custom tabs to it. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
+
+  #### BREAKING CHANGES
+
+  - `props.renderSidebar` is removed in favor of rendering as `children`.
+  - `appState.isSidebarDocked` replaced with `appState.defaultSidebarDockedPreference` with slightly different semantics, and relating only to the default sidebar. You need to handle `docked` state for your custom sidebars yourself.
+  - Sidebar `props.dockable` is removed. To indicate dockability, supply `props.onDock()` alongside setting `props.docked`.
+  - `Sidebar.Header` is no longer rendered by default. You need to render it yourself.
+  - `props.onClose` replaced with `props.onStateChange`.
+  - `restore()`/`restoreAppState()` now retains `appState.openSidebar` regardless of docked state.
+
 ## 0.15.2 (2023-04-20)
 
 ### Docs
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 1f4a6c7fd..85993a683 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -494,15 +494,6 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
     );
   };
 
-  const renderSidebar = () => {
-    return (
-      <Sidebar>
-        <Sidebar.Header>Custom header!</Sidebar.Header>
-        Custom sidebar!
-      </Sidebar>
-    );
-  };
-
   const renderMenu = () => {
     return (
       <MainMenu>
@@ -668,23 +659,6 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
           </div>
         </div>
         <div className="excalidraw-wrapper">
-          <div
-            style={{
-              position: "absolute",
-              left: "50%",
-              bottom: "20px",
-              display: "flex",
-              zIndex: 9999999999999999,
-              padding: "5px 10px",
-              transform: "translateX(-50%)",
-              background: "rgba(255, 255, 255, 0.8)",
-              gap: "1rem",
-            }}
-          >
-            <button onClick={() => excalidrawAPI?.toggleMenu("customSidebar")}>
-              Toggle Custom Sidebar
-            </button>
-          </div>
           <Excalidraw
             ref={(api: ExcalidrawImperativeAPI) => setExcalidrawAPI(api)}
             initialData={initialStatePromiseRef.current.promise}
@@ -706,7 +680,6 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
             onLinkOpen={onLinkOpen}
             onPointerDown={onPointerDown}
             onScrollChange={rerenderCommentIcons}
-            renderSidebar={renderSidebar}
           >
             {excalidrawAPI && (
               <Footer>
@@ -714,6 +687,30 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
               </Footer>
             )}
             <WelcomeScreen />
+            <Sidebar name="custom">
+              <Sidebar.Tabs>
+                <Sidebar.Header />
+                <Sidebar.Tab tab="one">Tab one!</Sidebar.Tab>
+                <Sidebar.Tab tab="two">Tab two!</Sidebar.Tab>
+                <Sidebar.TabTriggers>
+                  <Sidebar.TabTrigger tab="one">One</Sidebar.TabTrigger>
+                  <Sidebar.TabTrigger tab="two">Two</Sidebar.TabTrigger>
+                </Sidebar.TabTriggers>
+              </Sidebar.Tabs>
+            </Sidebar>
+            <Sidebar.Trigger
+              name="custom"
+              tab="one"
+              style={{
+                position: "absolute",
+                left: "50%",
+                transform: "translateX(-50%)",
+                bottom: "20px",
+                zIndex: 9999999999999999,
+              }}
+            >
+              Toggle Custom Sidebar
+            </Sidebar.Trigger>
             {renderMenu()}
           </Excalidraw>
           {Object.keys(commentIcons || []).length > 0 && renderCommentIcons()}
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 4f768c6d5..22f79dd33 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -24,7 +24,6 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
     isCollaborating = false,
     onPointerUpdate,
     renderTopRightUI,
-    renderSidebar,
     langCode = defaultLang.code,
     viewModeEnabled,
     zenModeEnabled,
@@ -47,6 +46,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
 
   const canvasActions = props.UIOptions?.canvasActions;
 
+  // FIXME normalize/set defaults in parent component so that the memo resolver
+  // compares the same values
   const UIOptions: AppProps["UIOptions"] = {
     ...props.UIOptions,
     canvasActions: {
@@ -114,7 +115,6 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
           onLinkOpen={onLinkOpen}
           onPointerDown={onPointerDown}
           onScrollChange={onScrollChange}
-          renderSidebar={renderSidebar}
         >
           {children}
         </App>
@@ -245,3 +245,5 @@ export { MainMenu };
 export { useDevice } from "../../components/App";
 export { WelcomeScreen };
 export { LiveCollaborationTrigger };
+
+export { DefaultSidebar } from "../../components/DefaultSidebar";
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index c5b61e42f..43e4c0f7d 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -284,6 +284,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -300,7 +301,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -464,6 +464,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -480,7 +481,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -650,6 +650,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -666,7 +667,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -1005,6 +1005,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -1021,7 +1022,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -1360,6 +1360,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -1376,7 +1377,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -1546,6 +1546,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -1562,7 +1563,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -1768,6 +1768,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -1784,7 +1785,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -2053,6 +2053,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -2069,7 +2070,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -2426,6 +2426,7 @@ Object {
   "currentItemStrokeWidth": 2,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -2442,7 +2443,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -3273,6 +3273,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -3289,7 +3290,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -3628,6 +3628,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -3644,7 +3645,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -3983,6 +3983,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -3999,7 +4000,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -4681,6 +4681,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -4697,7 +4698,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -5231,6 +5231,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -5247,7 +5248,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -5712,6 +5712,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -5728,7 +5729,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -6080,6 +6080,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -6096,7 +6097,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -6426,6 +6426,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -6442,7 +6443,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 967a0cf69..82d3dbbff 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -25,6 +25,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -41,7 +42,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -561,6 +561,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -577,7 +578,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -1103,6 +1103,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": "id10",
@@ -1119,7 +1120,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -2010,6 +2010,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -2026,7 +2027,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -2240,6 +2240,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -2256,7 +2257,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -2773,6 +2773,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -2789,7 +2790,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -3062,6 +3062,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -3078,7 +3079,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -3246,6 +3246,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -3262,7 +3263,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -3762,6 +3762,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -3778,7 +3779,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -4030,6 +4030,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -4046,7 +4047,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -4260,6 +4260,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -4276,7 +4277,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -4536,6 +4536,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -4552,7 +4553,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -4824,6 +4824,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -4840,7 +4841,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -5242,6 +5242,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "down",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
@@ -5285,7 +5286,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -5583,6 +5583,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
@@ -5626,7 +5627,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -5897,6 +5897,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "down",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
@@ -5940,7 +5941,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -6135,6 +6135,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -6151,7 +6152,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -6321,6 +6321,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": "id3",
@@ -6337,7 +6338,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -6849,6 +6849,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -6865,7 +6866,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -7214,6 +7214,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -7230,7 +7231,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -9566,6 +9566,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -9582,7 +9583,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -9985,6 +9985,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -10001,7 +10002,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -10274,6 +10274,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -10290,7 +10291,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -10522,6 +10522,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -10538,7 +10539,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -10843,6 +10843,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -10859,7 +10860,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -11027,6 +11027,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -11043,7 +11044,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -11211,6 +11211,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -11227,7 +11228,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -11395,6 +11395,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -11411,7 +11412,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -11632,6 +11632,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -11648,7 +11649,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -11869,6 +11869,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -11885,7 +11886,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -12097,6 +12097,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -12113,7 +12114,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -12334,6 +12334,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -12350,7 +12351,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -12518,6 +12518,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -12534,7 +12535,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -12755,6 +12755,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -12771,7 +12772,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -12939,6 +12939,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -12955,7 +12956,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -13167,6 +13167,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -13183,7 +13184,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -13351,6 +13351,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -13367,7 +13368,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -14190,6 +14190,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -14206,7 +14207,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -14479,6 +14479,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "down",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -14495,7 +14496,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "touch",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -14590,6 +14590,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -14606,7 +14607,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -14699,6 +14699,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -14715,7 +14716,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -14886,6 +14886,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -14902,7 +14903,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -15254,6 +15254,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -15270,7 +15271,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -15885,6 +15885,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -15901,7 +15902,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -16111,6 +16111,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -16127,7 +16128,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -17074,6 +17074,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -17090,7 +17091,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -17183,6 +17183,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": "id3",
@@ -17199,7 +17200,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -18042,6 +18042,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "down",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
@@ -18085,7 +18086,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -18514,6 +18514,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "down",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
@@ -18557,7 +18558,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -18855,6 +18855,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "down",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -18871,7 +18872,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "touch",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -18966,6 +18966,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -18982,7 +18983,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -19537,6 +19537,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -19553,7 +19554,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
@@ -19646,6 +19646,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -19662,7 +19663,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "Untitled-201933152653",
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index afd5ef918..aaa2f087a 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -10,7 +10,7 @@ import { API } from "../helpers/api";
 import { getDefaultAppState } from "../../appState";
 import { ImportedDataState } from "../../data/types";
 import { NormalizedZoomValue } from "../../types";
-import { FONT_FAMILY, ROUNDNESS } from "../../constants";
+import { DEFAULT_SIDEBAR, FONT_FAMILY, ROUNDNESS } from "../../constants";
 import { newElementWith } from "../../element/mutateElement";
 
 describe("restoreElements", () => {
@@ -453,6 +453,29 @@ describe("restoreAppState", () => {
       expect(restoredAppState.zoom).toMatchObject(getDefaultAppState().zoom);
     });
   });
+
+  it("should handle appState.openSidebar legacy values", () => {
+    expect(restore.restoreAppState({}, null).openSidebar).toBe(null);
+    expect(
+      restore.restoreAppState({ openSidebar: "library" } as any, null)
+        .openSidebar,
+    ).toEqual({ name: DEFAULT_SIDEBAR.name });
+    expect(
+      restore.restoreAppState({ openSidebar: "xxx" } as any, null).openSidebar,
+    ).toEqual({ name: DEFAULT_SIDEBAR.name });
+    // while "library" was our legacy sidebar name, we can't assume it's legacy
+    // value as it may be some host app's custom sidebar name ¯\_(ツ)_/¯
+    expect(
+      restore.restoreAppState({ openSidebar: { name: "library" } } as any, null)
+        .openSidebar,
+    ).toEqual({ name: "library" });
+    expect(
+      restore.restoreAppState(
+        { openSidebar: { name: DEFAULT_SIDEBAR.name, tab: "ola" } } as any,
+        null,
+      ).openSidebar,
+    ).toEqual({ name: DEFAULT_SIDEBAR.name, tab: "ola" });
+  });
 });
 
 describe("restore", () => {
diff --git a/src/tests/library.test.tsx b/src/tests/library.test.tsx
index 86847aeee..2a2886354 100644
--- a/src/tests/library.test.tsx
+++ b/src/tests/library.test.tsx
@@ -189,10 +189,15 @@ describe("library menu", () => {
     const latestLibrary = await h.app.library.getLatestLibrary();
     expect(latestLibrary.length).toBe(0);
 
-    const libraryButton = container.querySelector(".library-button");
+    const libraryButton = container.querySelector(".sidebar-trigger");
 
     fireEvent.click(libraryButton!);
-    fireEvent.click(container.querySelector(".Sidebar__dropdown-btn")!);
+    fireEvent.click(
+      queryByTestId(
+        container.querySelector(".layer-ui__library")!,
+        "dropdown-menu-button",
+      )!,
+    );
     queryByTestId(container, "lib-dropdown--load")!.click();
 
     const libraryItems = parseLibraryJSON(await libraryJSONPromise);
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index b1002a406..aa5f84334 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -25,6 +25,7 @@ Object {
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
   "cursorButton": "up",
+  "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
   "editingGroupId": null,
@@ -41,7 +42,6 @@ Object {
   "isLoading": false,
   "isResizing": false,
   "isRotating": false,
-  "isSidebarDocked": false,
   "lastPointerDownWith": "mouse",
   "multiElement": null,
   "name": "name",
diff --git a/src/types.ts b/src/types.ts
index e5ad01b59..2a95d347e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -94,6 +94,9 @@ export type LastActiveTool =
     }
   | null;
 
+export type SidebarName = string;
+export type SidebarTabName = string;
+
 export type AppState = {
   contextMenu: {
     items: ContextMenuItems;
@@ -159,16 +162,22 @@ export type AppState = {
   isResizing: boolean;
   isRotating: boolean;
   zoom: Zoom;
-  // mobile-only
   openMenu: "canvas" | "shape" | null;
   openPopup:
     | "canvasColorPicker"
     | "backgroundColorPicker"
     | "strokeColorPicker"
     | null;
-  openSidebar: "library" | "customSidebar" | null;
+  openSidebar: { name: SidebarName; tab?: SidebarTabName } | null;
   openDialog: "imageExport" | "help" | "jsonExport" | null;
-  isSidebarDocked: boolean;
+  /**
+   * Reflects user preference for whether the default sidebar should be docked.
+   *
+   * NOTE this is only a user preference and does not reflect the actual docked
+   * state of the sidebar, because the host apps can override this through
+   * a DefaultSidebar prop, which is not reflected back to the appState.
+   */
+  defaultSidebarDockedPreference: boolean;
 
   lastPointerDownWith: PointerType;
   selectedElementIds: { [id: string]: boolean };
@@ -335,10 +344,6 @@ export interface ExcalidrawProps {
     pointerDownState: PointerDownState,
   ) => void;
   onScrollChange?: (scrollX: number, scrollY: number) => void;
-  /**
-   * Render function that renders custom <Sidebar /> component.
-   */
-  renderSidebar?: () => JSX.Element | null;
   children?: React.ReactNode;
 }
 
@@ -426,6 +431,8 @@ export type AppClassProperties = {
   device: App["device"];
   scene: App["scene"];
   pasteFromClipboard: App["pasteFromClipboard"];
+  id: App["id"];
+  onInsertElements: App["onInsertElements"];
 };
 
 export type PointerDownState = Readonly<{
@@ -517,7 +524,7 @@ export type ExcalidrawImperativeAPI = {
   setActiveTool: InstanceType<typeof App>["setActiveTool"];
   setCursor: InstanceType<typeof App>["setCursor"];
   resetCursor: InstanceType<typeof App>["resetCursor"];
-  toggleMenu: InstanceType<typeof App>["toggleMenu"];
+  toggleSidebar: InstanceType<typeof App>["toggleSidebar"];
 };
 
 export type Device = Readonly<{
diff --git a/src/utils.ts b/src/utils.ts
index 1d545f977..f35abe808 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -767,16 +767,30 @@ export const queryFocusableElements = (container: HTMLElement | null) => {
     : [];
 };
 
-export const isShallowEqual = <T extends Record<string, any>>(
+export const isShallowEqual = <
+  T extends Record<string, any>,
+  I extends keyof T,
+>(
   objA: T,
   objB: T,
+  comparators?: Record<I, (a: T[I], b: T[I]) => boolean>,
+  debug = false,
 ) => {
   const aKeys = Object.keys(objA);
-  const bKeys = Object.keys(objA);
+  const bKeys = Object.keys(objB);
   if (aKeys.length !== bKeys.length) {
     return false;
   }
-  return aKeys.every((key) => objA[key] === objB[key]);
+  return aKeys.every((key) => {
+    const comparator = comparators?.[key as I];
+    const ret = comparator
+      ? comparator(objA[key], objB[key])
+      : objA[key] === objB[key];
+    if (!ret && debug) {
+      console.warn(`isShallowEqual: ${key} not equal ->`, objA[key], objB[key]);
+    }
+    return ret;
+  });
 };
 
 // taken from Radix UI
diff --git a/yarn.lock b/yarn.lock
index 89d153909..b4cc8c6f8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1262,6 +1262,13 @@
   dependencies:
     regenerator-runtime "^0.13.10"
 
+"@babel/runtime@^7.13.10":
+  version "7.20.13"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.13.tgz#7055ab8a7cff2b8f6058bf6ae45ff84ad2aded4b"
+  integrity sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
 "@babel/template@^7.18.10", "@babel/template@^7.3.3":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
@@ -1437,13 +1444,6 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
   integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
 
-"@dwelle/tunnel-rat@0.1.1":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@dwelle/tunnel-rat/-/tunnel-rat-0.1.1.tgz#0a0b235f8fc22ff1cf47ed102f4cc612eb51bc71"
-  integrity sha512-jb5/ZsT/af1J7tnbBXp7KO1xEyw61lWSDqJ+Bqdc6JlL3vbAvsifNhe+/mRFs6aSBCRaDqp5f2pJDHtA3MUZLw==
-  dependencies:
-    zustand "^4.3.2"
-
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -2164,6 +2164,131 @@
   resolved "https://registry.yarnpkg.com/@protobufjs/utf8/-/utf8-1.1.0.tgz#a777360b5b39a1a2e5106f8e858f2fd2d060c570"
   integrity sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==
 
+"@radix-ui/primitive@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.0.tgz#e1d8ef30b10ea10e69c76e896f608d9276352253"
+  integrity sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-collection@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.0.1.tgz#259506f97c6703b36291826768d3c1337edd1de5"
+  integrity sha512-uuiFbs+YCKjn3X1DTSx9G7BHApu4GHbi3kgiwsnFUbOKCrwejAJv4eE4Vc8C0Oaxt9T0aV4ox0WCOdx+39Xo+g==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-context" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-slot" "1.0.1"
+
+"@radix-ui/react-compose-refs@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz#37595b1f16ec7f228d698590e78eeed18ff218ae"
+  integrity sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-context@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.0.tgz#f38e30c5859a9fb5e9aa9a9da452ee3ed9e0aee0"
+  integrity sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-direction@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.0.0.tgz#a2e0b552352459ecf96342c79949dd833c1e6e45"
+  integrity sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-id@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.0.tgz#8d43224910741870a45a8c9d092f25887bb6d11e"
+  integrity sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-layout-effect" "1.0.0"
+
+"@radix-ui/react-presence@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.0.tgz#814fe46df11f9a468808a6010e3f3ca7e0b2e84a"
+  integrity sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-use-layout-effect" "1.0.0"
+
+"@radix-ui/react-primitive@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.1.tgz#c1ebcce283dd2f02e4fbefdaa49d1cb13dbc990a"
+  integrity sha512-fHbmislWVkZaIdeF6GZxF0A/NH/3BjrGIYj+Ae6eTmTCr7EB0RQAAVEiqsXK6p3/JcRqVSBQoceZroj30Jj3XA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-slot" "1.0.1"
+
+"@radix-ui/react-roving-focus@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.2.tgz#d8ac2e3b8006697bdfc2b0eb06bef7e15b6245de"
+  integrity sha512-HLK+CqD/8pN6GfJm3U+cqpqhSKYAWiOJDe+A+8MfxBnOue39QEeMa43csUn2CXCHQT0/mewh1LrrG4tfkM9DMA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "1.0.0"
+    "@radix-ui/react-collection" "1.0.1"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-context" "1.0.0"
+    "@radix-ui/react-direction" "1.0.0"
+    "@radix-ui/react-id" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+    "@radix-ui/react-use-controllable-state" "1.0.0"
+
+"@radix-ui/react-slot@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.1.tgz#e7868c669c974d649070e9ecbec0b367ee0b4d81"
+  integrity sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+
+"@radix-ui/react-tabs@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-tabs/-/react-tabs-1.0.2.tgz#8f5ec73ca41b151a413bdd6e00553408ff34ce07"
+  integrity sha512-gOUwh+HbjCuL0UCo8kZ+kdUEG8QtpdO4sMQduJ34ZEz0r4922g9REOBM+vIsfwtGxSug4Yb1msJMJYN2Bk8TpQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "1.0.0"
+    "@radix-ui/react-context" "1.0.0"
+    "@radix-ui/react-direction" "1.0.0"
+    "@radix-ui/react-id" "1.0.0"
+    "@radix-ui/react-presence" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-roving-focus" "1.0.2"
+    "@radix-ui/react-use-controllable-state" "1.0.0"
+
+"@radix-ui/react-use-callback-ref@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz#9e7b8b6b4946fe3cbe8f748c82a2cce54e7b6a90"
+  integrity sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-use-controllable-state@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz#a64deaafbbc52d5d407afaa22d493d687c538b7f"
+  integrity sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+
+"@radix-ui/react-use-layout-effect@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz#2fc19e97223a81de64cd3ba1dc42ceffd82374dc"
+  integrity sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@rollup/plugin-babel@^5.2.0":
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
@@ -9160,7 +9285,7 @@ regenerator-runtime@^0.13.10:
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.10.tgz#ed07b19616bcbec5da6274ebc75ae95634bfc2ee"
   integrity sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw==
 
-regenerator-runtime@^0.13.9:
+regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
@@ -10245,12 +10370,12 @@ tsutils@^3.21.0:
   dependencies:
     tslib "^1.8.1"
 
-tunnel-rat@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/tunnel-rat/-/tunnel-rat-0.1.0.tgz#62cfbaf1b24cabac9318fe45ef26d70dc40e86fe"
-  integrity sha512-/FKZLBXCoKhA7Wz+dsqitrItaLXYmT2bkZXod+1UuR4JqHtdb54yHvHhmMgLg+eyH1Od/CCnhA2VQQ2A/54Tcw==
+tunnel-rat@0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/tunnel-rat/-/tunnel-rat-0.1.2.tgz#1717efbc474ea2d8aa05a91622457a6e201c0aeb"
+  integrity sha512-lR5VHmkPhzdhrM092lI2nACsLO4QubF0/yoOhzX7c+wIpbN1GjHNzCc91QlpxBi+cnx8vVJ+Ur6vL5cEoQPFpQ==
   dependencies:
-    zustand "^4.1.0"
+    zustand "^4.3.2"
 
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
@@ -11035,9 +11160,9 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
-zustand@^4.1.0, zustand@^4.3.2:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.3.2.tgz#bb121fcad84c5a569e94bd1a2695e1a93ba85d39"
-  integrity sha512-rd4haDmlwMTVWVqwvgy00ny8rtti/klRoZjFbL/MAcDnmD5qSw/RZc+Vddstdv90M5Lv6RPgWvm1Hivyn0QgJw==
+zustand@^4.3.2:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.3.7.tgz#501b1f0393a7f1d103332e45ab574be5747fedce"
+  integrity sha512-dY8ERwB9Nd21ellgkBZFhudER8KVlelZm8388B5nDAXhO/+FZDhYMuRnqDgu5SYyRgz/iaf8RKnbUs/cHfOGlQ==
   dependencies:
     use-sync-external-store "1.2.0"

From 1184a8c0e953312ff4a2b5beae467a1e11897477 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luka=20Zakraj=C5=A1ek?= <luka@bancek.net>
Date: Fri, 5 May 2023 18:05:18 +0200
Subject: [PATCH 172/252] feat: Add Trans component for interpolating JSX in
 translations (#6534)

* feat: add Trans component

* Add comments

* tweak

* Move brave to trans component

* fix test and tweaks

* remove any

* fix

* fix

* comment

* replace render function type

* Use tags for Trans

* Fix a typo

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>

* Cleanup, add comments, add support for kebab case

* tweaks

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/BraveMeasureTextError.tsx      |  57 +++---
 src/components/Trans.test.tsx                 |  67 +++++++
 src/components/Trans.tsx                      | 169 ++++++++++++++++++
 .../__snapshots__/App.test.tsx.snap           |  35 ++--
 src/locales/en.json                           |  16 +-
 5 files changed, 280 insertions(+), 64 deletions(-)
 create mode 100644 src/components/Trans.test.tsx
 create mode 100644 src/components/Trans.tsx

diff --git a/src/components/BraveMeasureTextError.tsx b/src/components/BraveMeasureTextError.tsx
index 8a4a71e4f..1932d7a29 100644
--- a/src/components/BraveMeasureTextError.tsx
+++ b/src/components/BraveMeasureTextError.tsx
@@ -1,39 +1,40 @@
-import { t } from "../i18n";
+import Trans from "./Trans";
+
 const BraveMeasureTextError = () => {
   return (
     <div data-testid="brave-measure-text-error">
       <p>
-        {t("errors.brave_measure_text_error.start")} &nbsp;
-        <span style={{ fontWeight: 600 }}>
-          {t("errors.brave_measure_text_error.aggressive_block_fingerprint")}
-        </span>{" "}
-        {t("errors.brave_measure_text_error.setting_enabled")}.
-        <br />
-        <br />
-        {t("errors.brave_measure_text_error.break")}{" "}
-        <span style={{ fontWeight: 600 }}>
-          {t("errors.brave_measure_text_error.text_elements")}
-        </span>{" "}
-        {t("errors.brave_measure_text_error.in_your_drawings")}.
+        <Trans
+          i18nKey="errors.brave_measure_text_error.line1"
+          bold={(el) => <span style={{ fontWeight: 600 }}>{el}</span>}
+        />
       </p>
       <p>
-        {t("errors.brave_measure_text_error.strongly_recommend")}{" "}
-        <a href="http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser">
-          {" "}
-          {t("errors.brave_measure_text_error.steps")}
-        </a>{" "}
-        {t("errors.brave_measure_text_error.how")}.
+        <Trans
+          i18nKey="errors.brave_measure_text_error.line2"
+          bold={(el) => <span style={{ fontWeight: 600 }}>{el}</span>}
+        />
       </p>
       <p>
-        {t("errors.brave_measure_text_error.disable_setting")}{" "}
-        <a href="https://github.com/excalidraw/excalidraw/issues/new">
-          {t("errors.brave_measure_text_error.issue")}
-        </a>{" "}
-        {t("errors.brave_measure_text_error.write")}{" "}
-        <a href="https://discord.gg/UexuTaE">
-          {t("errors.brave_measure_text_error.discord")}
-        </a>
-        .
+        <Trans
+          i18nKey="errors.brave_measure_text_error.line3"
+          link={(el) => (
+            <a href="http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser">
+              {el}
+            </a>
+          )}
+        />
+      </p>
+      <p>
+        <Trans
+          i18nKey="errors.brave_measure_text_error.line4"
+          issueLink={(el) => (
+            <a href="https://github.com/excalidraw/excalidraw/issues/new">
+              {el}
+            </a>
+          )}
+          discordLink={(el) => <a href="https://discord.gg/UexuTaE">{el}.</a>}
+        />
       </p>
     </div>
   );
diff --git a/src/components/Trans.test.tsx b/src/components/Trans.test.tsx
new file mode 100644
index 000000000..e3e9a462a
--- /dev/null
+++ b/src/components/Trans.test.tsx
@@ -0,0 +1,67 @@
+import { render } from "@testing-library/react";
+
+import fallbackLangData from "../locales/en.json";
+
+import Trans from "./Trans";
+
+describe("Test <Trans/>", () => {
+  it("should translate the the strings correctly", () => {
+    //@ts-ignore
+    fallbackLangData.transTest = {
+      key1: "Hello {{audience}}",
+      key2: "Please <link>click the button</link> to continue.",
+      key3: "Please <link>click {{location}}</link> to continue.",
+      key4: "Please <link>click <bold>{{location}}</bold></link> to continue.",
+      key5: "Please <connect-link>click the button</connect-link> to continue.",
+    };
+
+    const { getByTestId } = render(
+      <>
+        <div data-testid="test1">
+          <Trans i18nKey="transTest.key1" audience="world" />
+        </div>
+        <div data-testid="test2">
+          <Trans
+            i18nKey="transTest.key2"
+            link={(el) => <a href="https://example.com">{el}</a>}
+          />
+        </div>
+        <div data-testid="test3">
+          <Trans
+            i18nKey="transTest.key3"
+            link={(el) => <a href="https://example.com">{el}</a>}
+            location="the button"
+          />
+        </div>
+        <div data-testid="test4">
+          <Trans
+            i18nKey="transTest.key4"
+            link={(el) => <a href="https://example.com">{el}</a>}
+            location="the button"
+            bold={(el) => <strong>{el}</strong>}
+          />
+        </div>
+        <div data-testid="test5">
+          <Trans
+            i18nKey="transTest.key5"
+            connect-link={(el) => <a href="https://example.com">{el}</a>}
+          />
+        </div>
+      </>,
+    );
+
+    expect(getByTestId("test1").innerHTML).toEqual("Hello world");
+    expect(getByTestId("test2").innerHTML).toEqual(
+      `Please <a href="https://example.com">click the button</a> to continue.`,
+    );
+    expect(getByTestId("test3").innerHTML).toEqual(
+      `Please <a href="https://example.com">click the button</a> to continue.`,
+    );
+    expect(getByTestId("test4").innerHTML).toEqual(
+      `Please <a href="https://example.com">click <strong>the button</strong></a> to continue.`,
+    );
+    expect(getByTestId("test5").innerHTML).toEqual(
+      `Please <a href="https://example.com">click the button</a> to continue.`,
+    );
+  });
+});
diff --git a/src/components/Trans.tsx b/src/components/Trans.tsx
new file mode 100644
index 000000000..189cda23c
--- /dev/null
+++ b/src/components/Trans.tsx
@@ -0,0 +1,169 @@
+import React from "react";
+
+import { useI18n } from "../i18n";
+
+// Used for splitting i18nKey into tokens in Trans component
+// Example:
+// "Please <link>click {{location}}</link> to continue.".split(SPLIT_REGEX).filter(Boolean)
+// produces
+// ["Please ", "<link>", "click ", "{{location}}", "</link>", " to continue."]
+const SPLIT_REGEX = /({{[\w-]+}})|(<[\w-]+>)|(<\/[\w-]+>)/g;
+// Used for extracting "location" from "{{location}}"
+const KEY_REGEXP = /{{([\w-]+)}}/;
+// Used for extracting "link" from "<link>"
+const TAG_START_REGEXP = /<([\w-]+)>/;
+// Used for extracting "link" from "</link>"
+const TAG_END_REGEXP = /<\/([\w-]+)>/;
+
+const getTransChildren = (
+  format: string,
+  props: {
+    [key: string]: React.ReactNode | ((el: React.ReactNode) => React.ReactNode);
+  },
+): React.ReactNode[] => {
+  const stack: { name: string; children: React.ReactNode[] }[] = [
+    {
+      name: "",
+      children: [],
+    },
+  ];
+
+  format
+    .split(SPLIT_REGEX)
+    .filter(Boolean)
+    .forEach((match) => {
+      const tagStartMatch = match.match(TAG_START_REGEXP);
+      const tagEndMatch = match.match(TAG_END_REGEXP);
+      const keyMatch = match.match(KEY_REGEXP);
+
+      if (tagStartMatch !== null) {
+        // The match is <tag>. Set the tag name as the name if it's one of the
+        // props, e.g. for "Please <link>click the button</link> to continue"
+        // tagStartMatch[1] = "link" and props contain "link" then it will be
+        // pushed to stack.
+        const name = tagStartMatch[1];
+        if (props.hasOwnProperty(name)) {
+          stack.push({
+            name,
+            children: [],
+          });
+        } else {
+          console.warn(
+            `Trans: missed to pass in prop ${name} for interpolating ${format}`,
+          );
+        }
+      } else if (tagEndMatch !== null) {
+        // If tag end match is found, this means we need to replace the content with
+        // its actual value in prop e.g. format = "Please <link>click the
+        // button</link> to continue", tagEndMatch is for "</link>", stack last item name =
+        // "link" and props.link = (el) => <a
+        // href="https://example.com">{el}</a> then its prop value will be
+        // pushed to "link"'s children so on DOM when rendering it's rendered as
+        // <a href="https://example.com">click the button</a>
+        const name = tagEndMatch[1];
+        if (name === stack[stack.length - 1].name) {
+          const item = stack.pop()!;
+          const itemChildren = React.createElement(
+            React.Fragment,
+            {},
+            ...item.children,
+          );
+          const fn = props[item.name];
+          if (typeof fn === "function") {
+            stack[stack.length - 1].children.push(fn(itemChildren));
+          }
+        } else {
+          console.warn(
+            `Trans: unexpected end tag ${match} for interpolating ${format}`,
+          );
+        }
+      } else if (keyMatch !== null) {
+        // The match is for {{key}}. Check if the key is present in props and set
+        // the prop value as children of last stack item e.g. format = "Hello
+        // {{name}}", key = "name" and props.name = "Excalidraw" then its prop
+        // value will be pushed to "name"'s children so it's rendered on DOM as
+        // "Hello Excalidraw"
+        const name = keyMatch[1];
+        if (props.hasOwnProperty(name)) {
+          stack[stack.length - 1].children.push(props[name] as React.ReactNode);
+        } else {
+          console.warn(
+            `Trans: key ${name} not in props for interpolating ${format}`,
+          );
+        }
+      } else {
+        // If none of cases match means we just need to push the string
+        // to stack eg - "Hello {{name}} Whats up?" "Hello", "Whats up" will be pushed
+        stack[stack.length - 1].children.push(match);
+      }
+    });
+
+  if (stack.length !== 1) {
+    console.warn(`Trans: stack not empty for interpolating ${format}`);
+  }
+
+  return stack[0].children;
+};
+
+/*
+Trans component is used for translating JSX.
+
+```json
+{
+  "example1": "Hello {{audience}}",
+  "example2": "Please <link>click the button</link> to continue.",
+  "example3": "Please <link>click {{location}}</link> to continue.",
+  "example4": "Please <link>click <bold>{{location}}</bold></link> to continue.",
+}
+```
+
+```jsx
+<Trans i18nKey="example1" audience="world" />
+
+<Trans
+  i18nKey="example2"
+  connectLink={(el) => <a href="https://example.com">{el}</a>}
+/>
+
+<Trans
+  i18nKey="example3"
+  connectLink={(el) => <a href="https://example.com">{el}</a>}
+  location="the button"
+/>
+
+<Trans
+  i18nKey="example4"
+  connectLink={(el) => <a href="https://example.com">{el}</a>}
+  location="the button"
+  bold={(el) => <strong>{el}</strong>}
+/>
+```
+
+Output:
+
+```html
+Hello world
+Please <a href="https://example.com">click the button</a> to continue.
+Please <a href="https://example.com">click the button</a> to continue.
+Please <a href="https://example.com">click <strong>the button</strong></a> to continue.
+```
+*/
+const Trans = ({
+  i18nKey,
+  children,
+  ...props
+}: {
+  i18nKey: string;
+  [key: string]: React.ReactNode | ((el: React.ReactNode) => React.ReactNode);
+}) => {
+  const { t } = useI18n();
+
+  // This is needed to avoid unique key error in list which gets rendered from getTransChildren
+  return React.createElement(
+    React.Fragment,
+    {},
+    ...getTransChildren(t(i18nKey), props),
+  );
+};
+
+export default Trans;
diff --git a/src/components/__snapshots__/App.test.tsx.snap b/src/components/__snapshots__/App.test.tsx.snap
index b36d678cd..25da39e3c 100644
--- a/src/components/__snapshots__/App.test.tsx.snap
+++ b/src/components/__snapshots__/App.test.tsx.snap
@@ -5,59 +5,46 @@ exports[`Test <App/> should show error modal when using brave and measureText AP
   data-testid="brave-measure-text-error"
 >
   <p>
-    Looks like you are using Brave browser with the
-      
+    Looks like you are using Brave browser with the 
     <span
       style="font-weight: 600;"
     >
       Aggressively Block Fingerprinting
     </span>
-     
-    setting enabled
-    .
-    <br />
-    <br />
-    This could result in breaking the
-     
+     setting enabled.
+  </p>
+  <p>
+    This could result in breaking the 
     <span
       style="font-weight: 600;"
     >
       Text Elements
     </span>
-     
-    in your drawings
-    .
+     in your drawings.
   </p>
   <p>
-    We strongly recommend disabling this setting. You can follow
-     
+    We strongly recommend disabling this setting. You can follow 
     <a
       href="http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser"
     >
-       
       these steps
     </a>
-     
-    on how to do so
-    .
+     on how to do so.
   </p>
   <p>
-     If disabling this setting doesn't fix the display of text elements, please open an
-     
+     If disabling this setting doesn't fix the display of text elements, please open an 
     <a
       href="https://github.com/excalidraw/excalidraw/issues/new"
     >
       issue
     </a>
-     
-    on our GitHub, or write us on
-     
+     on our GitHub, or write us on 
     <a
       href="https://discord.gg/UexuTaE"
     >
       Discord
+      .
     </a>
-    .
   </p>
 </div>
 `;
diff --git a/src/locales/en.json b/src/locales/en.json
index 7e250a800..041fb5643 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -208,18 +208,10 @@
     "collabSaveFailed": "Couldn't save to the backend database. If problems persist, you should save your file locally to ensure you don't lose your work.",
     "collabSaveFailed_sizeExceeded": "Couldn't save to the backend database, the canvas seems to be too big. You should save the file locally to ensure you don't lose your work.",
     "brave_measure_text_error": {
-      "start": "Looks like you are using Brave browser with the",
-      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
-      "setting_enabled": "setting enabled",
-      "break": "This could result in breaking the",
-      "text_elements": "Text Elements",
-      "in_your_drawings": "in your drawings",
-      "strongly_recommend": "We strongly recommend disabling this setting. You can follow",
-      "steps": "these steps",
-      "how": "on how to do so",
-      "disable_setting": " If disabling this setting doesn't fix the display of text elements, please open an",
-      "issue": "issue",
-      "write": "on our GitHub, or write us on",
+      "line1": "Looks like you are using Brave browser with the <bold>Aggressively Block Fingerprinting</bold> setting enabled.",
+      "line2": "This could result in breaking the <bold>Text Elements</bold> in your drawings.",
+      "line3": "We strongly recommend disabling this setting. You can follow <link>these steps</link> on how to do so.",
+      "line4": " If disabling this setting doesn't fix the display of text elements, please open an <issueLink>issue</issueLink> on our GitHub, or write us on <discordLink>Discord</discordLink>",
       "discord": "Discord"
     }
   },

From 026949204d7ca8a243e6e7e648005e5546b695d2 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 6 May 2023 10:36:42 +0200
Subject: [PATCH 173/252] fix: fix brave error i18n string and remove unused
 (#6561)

---
 src/components/__snapshots__/App.test.tsx.snap | 2 +-
 src/locales/en.json                            | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/__snapshots__/App.test.tsx.snap b/src/components/__snapshots__/App.test.tsx.snap
index 25da39e3c..2cdf4bb8b 100644
--- a/src/components/__snapshots__/App.test.tsx.snap
+++ b/src/components/__snapshots__/App.test.tsx.snap
@@ -32,7 +32,7 @@ exports[`Test <App/> should show error modal when using brave and measureText AP
      on how to do so.
   </p>
   <p>
-     If disabling this setting doesn't fix the display of text elements, please open an 
+    If disabling this setting doesn't fix the display of text elements, please open an 
     <a
       href="https://github.com/excalidraw/excalidraw/issues/new"
     >
diff --git a/src/locales/en.json b/src/locales/en.json
index 041fb5643..86029c30c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -211,8 +211,7 @@
       "line1": "Looks like you are using Brave browser with the <bold>Aggressively Block Fingerprinting</bold> setting enabled.",
       "line2": "This could result in breaking the <bold>Text Elements</bold> in your drawings.",
       "line3": "We strongly recommend disabling this setting. You can follow <link>these steps</link> on how to do so.",
-      "line4": " If disabling this setting doesn't fix the display of text elements, please open an <issueLink>issue</issueLink> on our GitHub, or write us on <discordLink>Discord</discordLink>",
-      "discord": "Discord"
+      "line4": "If disabling this setting doesn't fix the display of text elements, please open an <issueLink>issue</issueLink> on our GitHub, or write us on <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {

From 560231d3659520958261778cb0ffee4aa2877b2a Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 8 May 2023 10:14:02 +0200
Subject: [PATCH 174/252] perf: use `UIAppState` where possible to reduce UI
 rerenders (#6560)

---
 src/components/Actions.tsx                    | 13 +++---
 src/components/HintViewer.tsx                 |  8 ++--
 src/components/ImageExportDialog.tsx          | 11 ++---
 src/components/JSONExportDialog.tsx           |  8 ++--
 src/components/LayerUI.tsx                    | 40 ++++++++++++-------
 src/components/LibraryMenu.tsx                | 11 +++--
 src/components/LibraryMenuBrowseButton.tsx    |  4 +-
 src/components/LibraryMenuControlButtons.tsx  |  4 +-
 src/components/LibraryMenuHeaderContent.tsx   | 11 ++---
 src/components/LibraryMenuItems.tsx           | 13 ++++--
 src/components/MobileMenu.tsx                 | 10 ++---
 src/components/PasteChartDialog.tsx           |  7 ++--
 src/components/PublishLibrary.tsx             |  6 +--
 src/components/Sidebar/Sidebar.tsx            |  9 ++---
 src/components/Sidebar/SidebarTrigger.tsx     |  8 ++--
 src/components/Stats.tsx                      |  6 +--
 .../dropdownMenu/DropdownMenuTrigger.tsx      |  5 ++-
 src/components/footer/Footer.tsx              |  4 +-
 src/components/footer/FooterCenter.tsx        |  4 +-
 .../LiveCollaborationTrigger.tsx              |  4 +-
 src/components/main-menu/DefaultItems.tsx     | 11 ++---
 src/components/main-menu/MainMenu.tsx         |  9 ++---
 .../welcome-screen/WelcomeScreen.Center.tsx   |  9 ++---
 src/context/ui-appState.ts                    |  4 +-
 src/element/Hyperlink.tsx                     |  5 ++-
 src/element/showSelectedShapeActions.ts       |  4 +-
 src/excalidraw-app/CustomStats.tsx            |  5 ++-
 .../components/ExportToExcalidrawPlus.tsx     |  4 +-
 src/excalidraw-app/data/index.ts              |  2 +-
 src/excalidraw-app/index.tsx                  |  5 ++-
 src/scene/selection.ts                        |  8 ++--
 src/types.ts                                  | 19 ++++++---
 src/utils.ts                                  |  9 ++++-
 33 files changed, 155 insertions(+), 125 deletions(-)

diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 3bbc0ff1a..875d8447c 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -14,7 +14,7 @@ import {
   hasText,
 } from "../scene";
 import { SHAPES } from "../shapes";
-import { AppState, Zoom } from "../types";
+import { UIAppState, Zoom } from "../types";
 import {
   capitalizeString,
   isTransparent,
@@ -28,19 +28,20 @@ import { trackEvent } from "../analytics";
 import { hasBoundTextElement } from "../element/typeChecks";
 import clsx from "clsx";
 import { actionToggleZenMode } from "../actions";
-import "./Actions.scss";
 import { Tooltip } from "./Tooltip";
 import {
   shouldAllowVerticalAlign,
   suppportsHorizontalAlign,
 } from "../element/textElement";
 
+import "./Actions.scss";
+
 export const SelectedShapeActions = ({
   appState,
   elements,
   renderAction,
 }: {
-  appState: AppState;
+  appState: UIAppState;
   elements: readonly ExcalidrawElement[];
   renderAction: ActionManager["renderAction"];
 }) => {
@@ -215,10 +216,10 @@ export const ShapesSwitcher = ({
   appState,
 }: {
   canvas: HTMLCanvasElement | null;
-  activeTool: AppState["activeTool"];
-  setAppState: React.Component<any, AppState>["setState"];
+  activeTool: UIAppState["activeTool"];
+  setAppState: React.Component<any, UIAppState>["setState"];
   onImageAction: (data: { pointerType: PointerType | null }) => void;
-  appState: AppState;
+  appState: UIAppState;
 }) => (
   <>
     {SHAPES.map(({ value, icon, key, numericKey, fillable }, index) => {
diff --git a/src/components/HintViewer.tsx b/src/components/HintViewer.tsx
index a193754d2..a1b6308f4 100644
--- a/src/components/HintViewer.tsx
+++ b/src/components/HintViewer.tsx
@@ -1,9 +1,7 @@
 import { t } from "../i18n";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { getSelectedElements } from "../scene";
-
-import "./HintViewer.scss";
-import { AppState, Device } from "../types";
+import { Device, UIAppState } from "../types";
 import {
   isImageElement,
   isLinearElement,
@@ -13,8 +11,10 @@ import {
 import { getShortcutKey } from "../utils";
 import { isEraserActive } from "../appState";
 
+import "./HintViewer.scss";
+
 interface HintViewerProps {
-  appState: AppState;
+  appState: UIAppState;
   elements: readonly NonDeletedExcalidrawElement[];
   isMobile: boolean;
   device: Device;
diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 0e4eff365..3f8a9679f 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -4,11 +4,10 @@ import { canvasToBlob } from "../data/blob";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 import { getSelectedElements, isSomeElementSelected } from "../scene";
-import { AppState, BinaryFiles } from "../types";
+import { BinaryFiles, UIAppState } from "../types";
 import { Dialog } from "./Dialog";
 import { clipboard } from "./icons";
 import Stack from "./Stack";
-import "./ExportDialog.scss";
 import OpenColor from "open-color";
 import { CheckboxItem } from "./CheckboxItem";
 import { DEFAULT_EXPORT_PADDING, isFirefox } from "../constants";
@@ -16,6 +15,8 @@ import { nativeFileSystemSupported } from "../data/filesystem";
 import { ActionManager } from "../actions/manager";
 import { exportToCanvas } from "../packages/utils";
 
+import "./ExportDialog.scss";
+
 const supportsContextFilters =
   "filter" in document.createElement("canvas").getContext("2d")!;
 
@@ -70,7 +71,7 @@ const ImageExportModal = ({
   onExportToSvg,
   onExportToClipboard,
 }: {
-  appState: AppState;
+  appState: UIAppState;
   elements: readonly NonDeletedExcalidrawElement[];
   files: BinaryFiles;
   exportPadding?: number;
@@ -216,8 +217,8 @@ export const ImageExportDialog = ({
   onExportToSvg,
   onExportToClipboard,
 }: {
-  appState: AppState;
-  setAppState: React.Component<any, AppState>["setState"];
+  appState: UIAppState;
+  setAppState: React.Component<any, UIAppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
   files: BinaryFiles;
   exportPadding?: number;
diff --git a/src/components/JSONExportDialog.tsx b/src/components/JSONExportDialog.tsx
index 8f89ebcb7..f40ebe453 100644
--- a/src/components/JSONExportDialog.tsx
+++ b/src/components/JSONExportDialog.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 
-import { AppState, ExportOpts, BinaryFiles } from "../types";
+import { ExportOpts, BinaryFiles, UIAppState } from "../types";
 import { Dialog } from "./Dialog";
 import { exportToFileIcon, LinkIcon } from "./icons";
 import { ToolButton } from "./ToolButton";
@@ -28,7 +28,7 @@ const JSONExportModal = ({
   exportOpts,
   canvas,
 }: {
-  appState: AppState;
+  appState: UIAppState;
   files: BinaryFiles;
   elements: readonly NonDeletedExcalidrawElement[];
   actionManager: ActionManager;
@@ -96,12 +96,12 @@ export const JSONExportDialog = ({
   setAppState,
 }: {
   elements: readonly NonDeletedExcalidrawElement[];
-  appState: AppState;
+  appState: UIAppState;
   files: BinaryFiles;
   actionManager: ActionManager;
   exportOpts: ExportOpts;
   canvas: HTMLCanvasElement | null;
-  setAppState: React.Component<any, AppState>["setState"];
+  setAppState: React.Component<any, UIAppState>["setState"];
 }) => {
   const handleClose = React.useCallback(() => {
     setAppState({ openDialog: null });
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 6ae01d6a1..0e08eafa8 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -8,7 +8,13 @@ import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language, t } from "../i18n";
 import { calculateScrollCenter } from "../scene";
 import { ExportType } from "../scene/types";
-import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
+import {
+  AppProps,
+  AppState,
+  ExcalidrawProps,
+  BinaryFiles,
+  UIAppState,
+} from "../types";
 import { capitalizeString, isShallowEqual, muteFSAbortError } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import { ErrorDialog } from "./ErrorDialog";
@@ -49,7 +55,7 @@ import "./Toolbar.scss";
 
 interface LayerUIProps {
   actionManager: ActionManager;
-  appState: AppState;
+  appState: UIAppState;
   files: BinaryFiles;
   canvas: HTMLCanvasElement | null;
   setAppState: React.Component<any, AppState>["setState"];
@@ -144,7 +150,8 @@ const LayerUI = ({
         const fileHandle = await exportCanvas(
           type,
           exportedElements,
-          appState,
+          // FIXME once we split UI canvas from element canvas
+          appState as AppState,
           files,
           {
             exportBackground: appState.exportBackground,
@@ -458,9 +465,9 @@ const LayerUI = ({
               <button
                 className="scroll-back-to-content"
                 onClick={() => {
-                  setAppState({
+                  setAppState((appState) => ({
                     ...calculateScrollCenter(elements, appState, canvas),
-                  });
+                  }));
                 }}
               >
                 {t("buttons.scrollBackToContent")}
@@ -484,14 +491,15 @@ const LayerUI = ({
   );
 };
 
-const stripIrrelevantAppStateProps = (
-  appState: AppState,
-): Omit<
-  AppState,
-  "suggestedBindings" | "startBoundElement" | "cursorButton"
-> => {
-  const { suggestedBindings, startBoundElement, cursorButton, ...ret } =
-    appState;
+const stripIrrelevantAppStateProps = (appState: AppState): UIAppState => {
+  const {
+    suggestedBindings,
+    startBoundElement,
+    cursorButton,
+    scrollX,
+    scrollY,
+    ...ret
+  } = appState;
   return ret;
 };
 
@@ -506,8 +514,10 @@ const areEqual = (prevProps: LayerUIProps, nextProps: LayerUIProps) => {
 
   return (
     isShallowEqual(
-      stripIrrelevantAppStateProps(prevAppState),
-      stripIrrelevantAppStateProps(nextAppState),
+      // asserting AppState because we're being passed the whole AppState
+      // but resolve to only the UI-relevant props
+      stripIrrelevantAppStateProps(prevAppState as AppState),
+      stripIrrelevantAppStateProps(nextAppState as AppState),
       {
         selectedElementIds: isShallowEqual,
         selectedGroupIds: isShallowEqual,
diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index eb81bd2e4..7f25a6969 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -5,7 +5,12 @@ import Library, {
 } from "../data/library";
 import { t } from "../i18n";
 import { randomId } from "../random";
-import { LibraryItems, LibraryItem, AppState, ExcalidrawProps } from "../types";
+import {
+  LibraryItems,
+  LibraryItem,
+  ExcalidrawProps,
+  UIAppState,
+} from "../types";
 import LibraryMenuItems from "./LibraryMenuItems";
 import { trackEvent } from "../analytics";
 import { atom, useAtom } from "jotai";
@@ -44,11 +49,11 @@ export const LibraryMenuContent = ({
   pendingElements: LibraryItem["elements"];
   onInsertLibraryItems: (libraryItems: LibraryItems) => void;
   onAddToLibrary: () => void;
-  setAppState: React.Component<any, AppState>["setState"];
+  setAppState: React.Component<any, UIAppState>["setState"];
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
   library: Library;
   id: string;
-  appState: AppState;
+  appState: UIAppState;
   selectedItems: LibraryItem["id"][];
   onSelectItems: (id: LibraryItem["id"][]) => void;
 }) => {
diff --git a/src/components/LibraryMenuBrowseButton.tsx b/src/components/LibraryMenuBrowseButton.tsx
index 69e1a6940..666804922 100644
--- a/src/components/LibraryMenuBrowseButton.tsx
+++ b/src/components/LibraryMenuBrowseButton.tsx
@@ -1,6 +1,6 @@
 import { VERSIONS } from "../constants";
 import { t } from "../i18n";
-import { AppState, ExcalidrawProps } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 
 const LibraryMenuBrowseButton = ({
   theme,
@@ -8,7 +8,7 @@ const LibraryMenuBrowseButton = ({
   libraryReturnUrl,
 }: {
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-  theme: AppState["theme"];
+  theme: UIAppState["theme"];
   id: string;
 }) => {
   const referrer =
diff --git a/src/components/LibraryMenuControlButtons.tsx b/src/components/LibraryMenuControlButtons.tsx
index 78edcb3b5..6f3e75208 100644
--- a/src/components/LibraryMenuControlButtons.tsx
+++ b/src/components/LibraryMenuControlButtons.tsx
@@ -1,4 +1,4 @@
-import { LibraryItem, ExcalidrawProps, AppState } from "../types";
+import { LibraryItem, ExcalidrawProps, UIAppState } from "../types";
 import LibraryMenuBrowseButton from "./LibraryMenuBrowseButton";
 import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
 
@@ -13,7 +13,7 @@ export const LibraryMenuControlButtons = ({
   selectedItems: LibraryItem["id"][];
   onSelectItems: (id: LibraryItem["id"][]) => void;
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-  theme: AppState["theme"];
+  theme: UIAppState["theme"];
   id: string;
   style: React.CSSProperties;
 }) => {
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 58e2c8ec5..2df5880c7 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -1,8 +1,8 @@
 import { useCallback, useState } from "react";
 import { t } from "../i18n";
 import { jotaiScope } from "../jotai";
-import { AppState, LibraryItem, LibraryItems } from "../types";
-import { useApp, useExcalidrawAppState, useExcalidrawSetAppState } from "./App";
+import { LibraryItem, LibraryItems, UIAppState } from "../types";
+import { useApp, useExcalidrawSetAppState } from "./App";
 import { saveLibraryAsJSON } from "../data/json";
 import Library, { libraryItemsAtom } from "../data/library";
 import {
@@ -21,6 +21,7 @@ import PublishLibrary from "./PublishLibrary";
 import { Dialog } from "./Dialog";
 import DropdownMenu from "./dropdownMenu/DropdownMenu";
 import { isLibraryMenuOpenAtom } from "./LibraryMenu";
+import { useUIAppState } from "../context/ui-appState";
 
 const getSelectedItems = (
   libraryItems: LibraryItems,
@@ -28,13 +29,13 @@ const getSelectedItems = (
 ) => libraryItems.filter((item) => selectedItems.includes(item.id));
 
 export const LibraryDropdownMenuButton: React.FC<{
-  setAppState: React.Component<any, AppState>["setState"];
+  setAppState: React.Component<any, UIAppState>["setState"];
   selectedItems: LibraryItem["id"][];
   library: Library;
   onRemoveFromLibrary: () => void;
   resetLibrary: () => void;
   onSelectItems: (items: LibraryItem["id"][]) => void;
-  appState: AppState;
+  appState: UIAppState;
 }> = ({
   setAppState,
   selectedItems,
@@ -270,7 +271,7 @@ export const LibraryDropdownMenu = ({
   onSelectItems: (id: LibraryItem["id"][]) => void;
 }) => {
   const { library } = useApp();
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
   const setAppState = useExcalidrawSetAppState();
 
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index a5770a69b..bc914c19c 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -2,17 +2,22 @@ import React, { useState } from "react";
 import { serializeLibraryAsJSON } from "../data/json";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
 import { t } from "../i18n";
-import { AppState, ExcalidrawProps, LibraryItem, LibraryItems } from "../types";
+import {
+  ExcalidrawProps,
+  LibraryItem,
+  LibraryItems,
+  UIAppState,
+} from "../types";
 import { arrayToMap, chunk } from "../utils";
 import { LibraryUnit } from "./LibraryUnit";
 import Stack from "./Stack";
-
-import "./LibraryMenuItems.scss";
 import { MIME_TYPES } from "../constants";
 import Spinner from "./Spinner";
 import { duplicateElements } from "../element/newElement";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 
+import "./LibraryMenuItems.scss";
+
 const CELLS_PER_ROW = 4;
 
 const LibraryMenuItems = ({
@@ -35,7 +40,7 @@ const LibraryMenuItems = ({
   selectedItems: LibraryItem["id"][];
   onSelectItems: (id: LibraryItem["id"][]) => void;
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-  theme: AppState["theme"];
+  theme: UIAppState["theme"];
   id: string;
 }) => {
   const [lastSelectedItem, setLastSelectedItem] = useState<
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 34eb83a05..20e0edce0 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps } from "../types";
+import { AppState, Device, ExcalidrawProps, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
 import { t } from "../i18n";
 import Stack from "./Stack";
@@ -21,7 +21,7 @@ import { isHandToolActive } from "../appState";
 import { useTunnels } from "../context/tunnels";
 
 type MobileMenuProps = {
-  appState: AppState;
+  appState: UIAppState;
   actionManager: ActionManager;
   renderJSONExportDialog: () => React.ReactNode;
   renderImageExportDialog: () => React.ReactNode;
@@ -35,7 +35,7 @@ type MobileMenuProps = {
   onImageAction: (data: { insertOnCanvasDirectly: boolean }) => void;
   renderTopRightUI?: (
     isMobile: boolean,
-    appState: AppState,
+    appState: UIAppState,
   ) => JSX.Element | null;
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   renderSidebars: () => JSX.Element | null;
@@ -193,9 +193,9 @@ export const MobileMenu = ({
                 <button
                   className="scroll-back-to-content"
                   onClick={() => {
-                    setAppState({
+                    setAppState((appState) => ({
                       ...calculateScrollCenter(elements, appState, canvas),
-                    });
+                    }));
                   }}
                 >
                   {t("buttons.scrollBackToContent")}
diff --git a/src/components/PasteChartDialog.tsx b/src/components/PasteChartDialog.tsx
index ac96820a1..a44db4025 100644
--- a/src/components/PasteChartDialog.tsx
+++ b/src/components/PasteChartDialog.tsx
@@ -5,9 +5,10 @@ import { ChartElements, renderSpreadsheet, Spreadsheet } from "../charts";
 import { ChartType } from "../element/types";
 import { t } from "../i18n";
 import { exportToSvg } from "../scene/export";
-import { AppState } from "../types";
+import { UIAppState } from "../types";
 import { useApp } from "./App";
 import { Dialog } from "./Dialog";
+
 import "./PasteChartDialog.scss";
 
 type OnInsertChart = (chartType: ChartType, elements: ChartElements) => void;
@@ -80,9 +81,9 @@ export const PasteChartDialog = ({
   appState,
   onClose,
 }: {
-  appState: AppState;
+  appState: UIAppState;
   onClose: () => void;
-  setAppState: React.Component<any, AppState>["setState"];
+  setAppState: React.Component<any, UIAppState>["setState"];
 }) => {
   const { onInsertElements } = useApp();
   const handleClose = React.useCallback(() => {
diff --git a/src/components/PublishLibrary.tsx b/src/components/PublishLibrary.tsx
index b4233222d..cb40f6b07 100644
--- a/src/components/PublishLibrary.tsx
+++ b/src/components/PublishLibrary.tsx
@@ -4,7 +4,7 @@ import OpenColor from "open-color";
 import { Dialog } from "./Dialog";
 import { t } from "../i18n";
 
-import { AppState, LibraryItems, LibraryItem } from "../types";
+import { LibraryItems, LibraryItem, UIAppState } from "../types";
 import { exportToCanvas, exportToSvg } from "../packages/utils";
 import {
   EXPORT_DATA_TYPES,
@@ -135,7 +135,7 @@ const SingleLibraryItem = ({
   onRemove,
 }: {
   libItem: LibraryItem;
-  appState: AppState;
+  appState: UIAppState;
   index: number;
   onChange: (val: string, index: number) => void;
   onRemove: (id: string) => void;
@@ -231,7 +231,7 @@ const PublishLibrary = ({
 }: {
   onClose: () => void;
   libraryItems: LibraryItems;
-  appState: AppState;
+  appState: UIAppState;
   onSuccess: (data: {
     url: string;
     authorName: string;
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index abbec7cbc..c03682fb2 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -18,11 +18,7 @@ import {
 } from "./common";
 import { SidebarHeader } from "./SidebarHeader";
 import clsx from "clsx";
-import {
-  useDevice,
-  useExcalidrawAppState,
-  useExcalidrawSetAppState,
-} from "../App";
+import { useDevice, useExcalidrawSetAppState } from "../App";
 import { updateObject } from "../../utils";
 import { KEYS } from "../../keys";
 import { EVENT } from "../../constants";
@@ -33,6 +29,7 @@ import { SidebarTabs } from "./SidebarTabs";
 import { SidebarTab } from "./SidebarTab";
 
 import "./Sidebar.scss";
+import { useUIAppState } from "../../context/ui-appState";
 
 // FIXME replace this with the implem from ColorPicker once it's merged
 const useOnClickOutside = (
@@ -185,7 +182,7 @@ SidebarInner.displayName = "SidebarInner";
 
 export const Sidebar = Object.assign(
   forwardRef((props: SidebarProps, ref: React.ForwardedRef<HTMLDivElement>) => {
-    const appState = useExcalidrawAppState();
+    const appState = useUIAppState();
 
     const { onStateChange } = props;
 
diff --git a/src/components/Sidebar/SidebarTrigger.tsx b/src/components/Sidebar/SidebarTrigger.tsx
index 358cc3502..711432818 100644
--- a/src/components/Sidebar/SidebarTrigger.tsx
+++ b/src/components/Sidebar/SidebarTrigger.tsx
@@ -1,8 +1,9 @@
-import { useExcalidrawSetAppState, useExcalidrawAppState } from "../App";
+import { useExcalidrawSetAppState } from "../App";
 import { SidebarTriggerProps } from "./common";
+import { useUIAppState } from "../../context/ui-appState";
+import clsx from "clsx";
 
 import "./SidebarTrigger.scss";
-import clsx from "clsx";
 
 export const SidebarTrigger = ({
   name,
@@ -15,8 +16,7 @@ export const SidebarTrigger = ({
   style,
 }: SidebarTriggerProps) => {
   const setAppState = useExcalidrawSetAppState();
-  // TODO replace with sidebar context
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
 
   return (
     <label title={title}>
diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx
index 8aad76026..eb2b93e7e 100644
--- a/src/components/Stats.tsx
+++ b/src/components/Stats.tsx
@@ -3,14 +3,14 @@ import { getCommonBounds } from "../element/bounds";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 import { getTargetElements } from "../scene";
-import { AppState, ExcalidrawProps } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 import { CloseIcon } from "./icons";
 import { Island } from "./Island";
 import "./Stats.scss";
 
 export const Stats = (props: {
-  appState: AppState;
-  setAppState: React.Component<any, AppState>["setState"];
+  appState: UIAppState;
+  setAppState: React.Component<any, UIAppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
   onClose: () => void;
   renderCustomStats: ExcalidrawProps["renderCustomStats"];
diff --git a/src/components/dropdownMenu/DropdownMenuTrigger.tsx b/src/components/dropdownMenu/DropdownMenuTrigger.tsx
index 100cef0ea..d9d3f799e 100644
--- a/src/components/dropdownMenu/DropdownMenuTrigger.tsx
+++ b/src/components/dropdownMenu/DropdownMenuTrigger.tsx
@@ -1,5 +1,6 @@
 import clsx from "clsx";
-import { useDevice, useExcalidrawAppState } from "../App";
+import { useUIAppState } from "../../context/ui-appState";
+import { useDevice } from "../App";
 
 const MenuTrigger = ({
   className = "",
@@ -10,7 +11,7 @@ const MenuTrigger = ({
   children: React.ReactNode;
   onToggle: () => void;
 }) => {
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
   const device = useDevice();
   const classNames = clsx(
     `dropdown-menu-button ${className}`,
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index dae2847cd..173ea451a 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,7 +1,6 @@
 import clsx from "clsx";
 import { actionShortcuts } from "../../actions";
 import { ActionManager } from "../../actions/manager";
-import { AppState } from "../../types";
 import {
   ExitZenModeAction,
   FinalizeAction,
@@ -13,6 +12,7 @@ import { useTunnels } from "../../context/tunnels";
 import { HelpButton } from "../HelpButton";
 import { Section } from "../Section";
 import Stack from "../Stack";
+import { UIAppState } from "../../types";
 
 const Footer = ({
   appState,
@@ -20,7 +20,7 @@ const Footer = ({
   showExitZenModeBtn,
   renderWelcomeScreen,
 }: {
-  appState: AppState;
+  appState: UIAppState;
   actionManager: ActionManager;
   showExitZenModeBtn: boolean;
   renderWelcomeScreen: boolean;
diff --git a/src/components/footer/FooterCenter.tsx b/src/components/footer/FooterCenter.tsx
index 294a65f3f..55a0fb998 100644
--- a/src/components/footer/FooterCenter.tsx
+++ b/src/components/footer/FooterCenter.tsx
@@ -1,11 +1,11 @@
 import clsx from "clsx";
-import { useExcalidrawAppState } from "../App";
 import { useTunnels } from "../../context/tunnels";
 import "./FooterCenter.scss";
+import { useUIAppState } from "../../context/ui-appState";
 
 const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
   const { FooterCenterTunnel } = useTunnels();
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
   return (
     <FooterCenterTunnel.In>
       <div
diff --git a/src/components/live-collaboration/LiveCollaborationTrigger.tsx b/src/components/live-collaboration/LiveCollaborationTrigger.tsx
index 87f696d85..3111680cb 100644
--- a/src/components/live-collaboration/LiveCollaborationTrigger.tsx
+++ b/src/components/live-collaboration/LiveCollaborationTrigger.tsx
@@ -3,9 +3,9 @@ import { usersIcon } from "../icons";
 import { Button } from "../Button";
 
 import clsx from "clsx";
-import { useExcalidrawAppState } from "../App";
 
 import "./LiveCollaborationTrigger.scss";
+import { useUIAppState } from "../../context/ui-appState";
 
 const LiveCollaborationTrigger = ({
   isCollaborating,
@@ -15,7 +15,7 @@ const LiveCollaborationTrigger = ({
   isCollaborating: boolean;
   onSelect: () => void;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
 
   return (
     <Button
diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index d02719a2c..100af104f 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -1,10 +1,6 @@
 import { getShortcutFromShortcutName } from "../../actions/shortcuts";
 import { useI18n } from "../../i18n";
-import {
-  useExcalidrawAppState,
-  useExcalidrawSetAppState,
-  useExcalidrawActionManager,
-} from "../App";
+import { useExcalidrawSetAppState, useExcalidrawActionManager } from "../App";
 import {
   ExportIcon,
   ExportImageIcon,
@@ -32,6 +28,7 @@ import clsx from "clsx";
 import { useSetAtom } from "jotai";
 import { activeConfirmDialogAtom } from "../ActiveConfirmDialog";
 import { jotaiScope } from "../../jotai";
+import { useUIAppState } from "../../context/ui-appState";
 
 export const LoadScene = () => {
   const { t } = useI18n();
@@ -139,7 +136,7 @@ ClearCanvas.displayName = "ClearCanvas";
 
 export const ToggleTheme = () => {
   const { t } = useI18n();
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
 
   if (!actionManager.isActionEnabled(actionToggleTheme)) {
@@ -172,7 +169,7 @@ ToggleTheme.displayName = "ToggleTheme";
 
 export const ChangeCanvasBackground = () => {
   const { t } = useI18n();
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
 
   if (appState.viewModeEnabled) {
diff --git a/src/components/main-menu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
index 1a4e171cf..12dd8e830 100644
--- a/src/components/main-menu/MainMenu.tsx
+++ b/src/components/main-menu/MainMenu.tsx
@@ -1,9 +1,5 @@
 import React from "react";
-import {
-  useDevice,
-  useExcalidrawAppState,
-  useExcalidrawSetAppState,
-} from "../App";
+import { useDevice, useExcalidrawSetAppState } from "../App";
 import DropdownMenu from "../dropdownMenu/DropdownMenu";
 
 import * as DefaultItems from "./DefaultItems";
@@ -14,6 +10,7 @@ import { HamburgerMenuIcon } from "../icons";
 import { withInternalFallback } from "../hoc/withInternalFallback";
 import { composeEventHandlers } from "../../utils";
 import { useTunnels } from "../../context/tunnels";
+import { useUIAppState } from "../../context/ui-appState";
 
 const MainMenu = Object.assign(
   withInternalFallback(
@@ -30,7 +27,7 @@ const MainMenu = Object.assign(
     }) => {
       const { MainMenuTunnel } = useTunnels();
       const device = useDevice();
-      const appState = useExcalidrawAppState();
+      const appState = useUIAppState();
       const setAppState = useExcalidrawSetAppState();
       const onClickOutside = device.isMobile
         ? undefined
diff --git a/src/components/welcome-screen/WelcomeScreen.Center.tsx b/src/components/welcome-screen/WelcomeScreen.Center.tsx
index f4ea6d4d4..2d43761e6 100644
--- a/src/components/welcome-screen/WelcomeScreen.Center.tsx
+++ b/src/components/welcome-screen/WelcomeScreen.Center.tsx
@@ -1,13 +1,10 @@
 import { actionLoadScene, actionShortcuts } from "../../actions";
 import { getShortcutFromShortcutName } from "../../actions/shortcuts";
 import { t, useI18n } from "../../i18n";
-import {
-  useDevice,
-  useExcalidrawActionManager,
-  useExcalidrawAppState,
-} from "../App";
+import { useDevice, useExcalidrawActionManager } from "../App";
 import { useTunnels } from "../../context/tunnels";
 import { ExcalLogo, HelpIcon, LoadIcon, usersIcon } from "../icons";
+import { useUIAppState } from "../../context/ui-appState";
 
 const WelcomeScreenMenuItemContent = ({
   icon,
@@ -148,7 +145,7 @@ const MenuItemHelp = () => {
 MenuItemHelp.displayName = "MenuItemHelp";
 
 const MenuItemLoadScene = () => {
-  const appState = useExcalidrawAppState();
+  const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
 
   if (appState.viewModeEnabled) {
diff --git a/src/context/ui-appState.ts b/src/context/ui-appState.ts
index f74ec6e0c..d276f18c8 100644
--- a/src/context/ui-appState.ts
+++ b/src/context/ui-appState.ts
@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState } from "../types";
+import { UIAppState } from "../types";
 
-export const UIAppStateContext = React.createContext<AppState>(null!);
+export const UIAppStateContext = React.createContext<UIAppState>(null!);
 export const useUIAppState = () => React.useContext(UIAppStateContext);
diff --git a/src/element/Hyperlink.tsx b/src/element/Hyperlink.tsx
index 43cbf0da5..d60994282 100644
--- a/src/element/Hyperlink.tsx
+++ b/src/element/Hyperlink.tsx
@@ -1,4 +1,4 @@
-import { AppState, ExcalidrawProps, Point } from "../types";
+import { AppState, ExcalidrawProps, Point, UIAppState } from "../types";
 import {
   getShortcutKey,
   sceneCoordsToViewportCoords,
@@ -297,10 +297,11 @@ export const getContextMenuLabel = (
     : "labels.link.create";
   return label;
 };
+
 export const getLinkHandleFromCoords = (
   [x1, y1, x2, y2]: Bounds,
   angle: number,
-  appState: AppState,
+  appState: UIAppState,
 ): [x: number, y: number, width: number, height: number] => {
   const size = DEFAULT_LINK_SIZE;
   const linkWidth = size / appState.zoom.value;
diff --git a/src/element/showSelectedShapeActions.ts b/src/element/showSelectedShapeActions.ts
index 29f8d9fcb..e04802934 100644
--- a/src/element/showSelectedShapeActions.ts
+++ b/src/element/showSelectedShapeActions.ts
@@ -1,9 +1,9 @@
-import { AppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
 import { getSelectedElements } from "../scene";
+import { UIAppState } from "../types";
 
 export const showSelectedShapeActions = (
-  appState: AppState,
+  appState: UIAppState,
   elements: readonly NonDeletedExcalidrawElement[],
 ) =>
   Boolean(
diff --git a/src/excalidraw-app/CustomStats.tsx b/src/excalidraw-app/CustomStats.tsx
index d23e67a9f..addea4cd9 100644
--- a/src/excalidraw-app/CustomStats.tsx
+++ b/src/excalidraw-app/CustomStats.tsx
@@ -7,8 +7,9 @@ import {
 import { DEFAULT_VERSION } from "../constants";
 import { t } from "../i18n";
 import { copyTextToSystemClipboard } from "../clipboard";
-import { AppState } from "../types";
 import { NonDeletedExcalidrawElement } from "../element/types";
+import { UIAppState } from "../types";
+
 type StorageSizes = { scene: number; total: number };
 
 const STORAGE_SIZE_TIMEOUT = 500;
@@ -23,7 +24,7 @@ const getStorageSizes = debounce((cb: (sizes: StorageSizes) => void) => {
 type Props = {
   setToast: (message: string) => void;
   elements: readonly NonDeletedExcalidrawElement[];
-  appState: AppState;
+  appState: UIAppState;
 };
 const CustomStats = (props: Props) => {
   const [storageSizes, setStorageSizes] = useState<StorageSizes>({
diff --git a/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx b/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
index daf4b95c3..86cf9cc41 100644
--- a/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
+++ b/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
@@ -18,7 +18,7 @@ import { getFrame } from "../../utils";
 
 const exportToExcalidrawPlus = async (
   elements: readonly NonDeletedExcalidrawElement[],
-  appState: AppState,
+  appState: Partial<AppState>,
   files: BinaryFiles,
 ) => {
   const firebase = await loadFirebaseStorage();
@@ -75,7 +75,7 @@ const exportToExcalidrawPlus = async (
 
 export const ExportToExcalidrawPlus: React.FC<{
   elements: readonly NonDeletedExcalidrawElement[];
-  appState: AppState;
+  appState: Partial<AppState>;
   files: BinaryFiles;
   onError: (error: Error) => void;
 }> = ({ elements, appState, files, onError }) => {
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index 2e50abf1f..0e3cc6902 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -284,7 +284,7 @@ export const loadScene = async (
 
 export const exportToBackend = async (
   elements: readonly ExcalidrawElement[],
-  appState: AppState,
+  appState: Partial<AppState>,
   files: BinaryFiles,
 ) => {
   const encryptionKey = await generateEncryptionKey("string");
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 930143f98..9017bbb87 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -32,6 +32,7 @@ import {
   ExcalidrawImperativeAPI,
   BinaryFiles,
   ExcalidrawInitialDataState,
+  UIAppState,
 } from "../types";
 import {
   debounce,
@@ -550,7 +551,7 @@ const ExcalidrawWrapper = () => {
 
   const onExportToBackend = async (
     exportedElements: readonly NonDeletedExcalidrawElement[],
-    appState: AppState,
+    appState: Partial<AppState>,
     files: BinaryFiles,
     canvas: HTMLCanvasElement | null,
   ) => {
@@ -581,7 +582,7 @@ const ExcalidrawWrapper = () => {
 
   const renderCustomStats = (
     elements: readonly NonDeletedExcalidrawElement[],
-    appState: AppState,
+    appState: UIAppState,
   ) => {
     return (
       <CustomStats
diff --git a/src/scene/selection.ts b/src/scene/selection.ts
index 39d3518b1..20d787bc4 100644
--- a/src/scene/selection.ts
+++ b/src/scene/selection.ts
@@ -30,7 +30,7 @@ export const getElementsWithinSelection = (
 
 export const isSomeElementSelected = (
   elements: readonly NonDeletedExcalidrawElement[],
-  appState: AppState,
+  appState: Pick<AppState, "selectedElementIds">,
 ): boolean =>
   elements.some((element) => appState.selectedElementIds[element.id]);
 
@@ -40,7 +40,7 @@ export const isSomeElementSelected = (
  */
 export const getCommonAttributeOfSelectedElements = <T>(
   elements: readonly NonDeletedExcalidrawElement[],
-  appState: AppState,
+  appState: Pick<AppState, "selectedElementIds">,
   getAttribute: (element: ExcalidrawElement) => T,
 ): T | null => {
   const attributes = Array.from(
@@ -55,7 +55,7 @@ export const getCommonAttributeOfSelectedElements = <T>(
 
 export const getSelectedElements = (
   elements: readonly NonDeletedExcalidrawElement[],
-  appState: AppState,
+  appState: Pick<AppState, "selectedElementIds">,
   includeBoundTextElement: boolean = false,
 ) =>
   elements.filter((element) => {
@@ -74,7 +74,7 @@ export const getSelectedElements = (
 
 export const getTargetElements = (
   elements: readonly NonDeletedExcalidrawElement[],
-  appState: AppState,
+  appState: Pick<AppState, "selectedElementIds" | "editingElement">,
 ) =>
   appState.editingElement
     ? [appState.editingElement]
diff --git a/src/types.ts b/src/types.ts
index 2a95d347e..8aa07d3ce 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,3 +1,4 @@
+import React from "react";
 import {
   PointerType,
   ExcalidrawLinearElement,
@@ -32,7 +33,6 @@ import type { FileSystemHandle } from "./data/filesystem";
 import type { IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
 import { Merge, ForwardRef, ValueOf } from "./utility-types";
-import React from "react";
 
 export type Point = Readonly<RoughPoint>;
 
@@ -218,6 +218,15 @@ export type AppState = {
   selectedLinearElement: LinearElementEditor | null;
 };
 
+export type UIAppState = Omit<
+  AppState,
+  | "suggestedBindings"
+  | "startBoundElement"
+  | "cursorButton"
+  | "scrollX"
+  | "scrollY"
+>;
+
 export type NormalizedZoomValue = number & { _brand: "normalizedZoom" };
 
 export type Zoom = Readonly<{
@@ -314,7 +323,7 @@ export interface ExcalidrawProps {
   ) => Promise<boolean> | boolean;
   renderTopRightUI?: (
     isMobile: boolean,
-    appState: AppState,
+    appState: UIAppState,
   ) => JSX.Element | null;
   langCode?: Language["code"];
   viewModeEnabled?: boolean;
@@ -325,7 +334,7 @@ export interface ExcalidrawProps {
   name?: string;
   renderCustomStats?: (
     elements: readonly NonDeletedExcalidrawElement[],
-    appState: AppState,
+    appState: UIAppState,
   ) => JSX.Element;
   UIOptions?: Partial<UIOptions>;
   detectScroll?: boolean;
@@ -364,13 +373,13 @@ export type ExportOpts = {
   saveFileToDisk?: boolean;
   onExportToBackend?: (
     exportedElements: readonly NonDeletedExcalidrawElement[],
-    appState: AppState,
+    appState: UIAppState,
     files: BinaryFiles,
     canvas: HTMLCanvasElement | null,
   ) => void;
   renderCustomUI?: (
     exportedElements: readonly NonDeletedExcalidrawElement[],
-    appState: AppState,
+    appState: UIAppState,
     files: BinaryFiles,
     canvas: HTMLCanvasElement | null,
   ) => JSX.Element;
diff --git a/src/utils.ts b/src/utils.ts
index f35abe808..83376cd3b 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -372,7 +372,7 @@ export const setEraserCursor = (
 
 export const setCursorForShape = (
   canvas: HTMLCanvasElement | null,
-  appState: AppState,
+  appState: Pick<AppState, "activeTool" | "theme">,
 ) => {
   if (!canvas) {
     return;
@@ -787,7 +787,12 @@ export const isShallowEqual = <
       ? comparator(objA[key], objB[key])
       : objA[key] === objB[key];
     if (!ret && debug) {
-      console.warn(`isShallowEqual: ${key} not equal ->`, objA[key], objB[key]);
+      console.info(
+        `%cisShallowEqual: ${key} not equal ->`,
+        "color: #8B4000",
+        objA[key],
+        objB[key],
+      );
     }
     return ret;
   });

From d8965ee8239ae0ea92f78ce37dc2d711df060bdc Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Tue, 9 May 2023 14:45:27 +0200
Subject: [PATCH 175/252] chore: Update translations from Crowdin (#6530)

* New translations en.json (Bengali)

* New translations en.json (Bengali)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovak)

* Auto commit: Calculate translation coverage

* New translations en.json (Karakalpak)

* Auto commit: Calculate translation coverage

* New translations en.json (Karakalpak)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Spanish)

* New translations en.json (Italian)

* New translations en.json (Slovak)

* New translations en.json (Bengali)

* New translations en.json (Khmer)

* New translations en.json (Karakalpak)

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Catalan)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Basque)

* New translations en.json (Finnish)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Japanese)

* New translations en.json (Korean)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Dutch)

* New translations en.json (Punjabi)

* New translations en.json (Polish)

* New translations en.json (Portuguese)

* New translations en.json (Russian)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Traditional)

* New translations en.json (Vietnamese)

* New translations en.json (Galician)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Tamil)

* New translations en.json (Marathi)

* New translations en.json (Thai)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Kazakh)

* New translations en.json (Latvian)

* New translations en.json (Hindi)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Sinhala)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* New translations en.json (Korean)

* New translations en.json (Russian)

* New translations en.json (Slovenian)

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (German)

* New translations en.json (Chinese Traditional)

* Auto commit: Calculate translation coverage

* New translations en.json (Karakalpak)

* Auto commit: Calculate translation coverage

* New translations en.json (Karakalpak)

* Auto commit: Calculate translation coverage

* New translations en.json (Vietnamese)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Spanish)

* New translations en.json (Italian)

* New translations en.json (Slovak)

* New translations en.json (Bengali)

* New translations en.json (Khmer)

* New translations en.json (Karakalpak)

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Catalan)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Basque)

* New translations en.json (Finnish)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Japanese)

* New translations en.json (Korean)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Dutch)

* New translations en.json (Punjabi)

* New translations en.json (Polish)

* New translations en.json (Portuguese)

* New translations en.json (Russian)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Traditional)

* New translations en.json (Vietnamese)

* New translations en.json (Galician)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Tamil)

* New translations en.json (Marathi)

* New translations en.json (Thai)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Kazakh)

* New translations en.json (Latvian)

* New translations en.json (Hindi)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Sinhala)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Kurdish)

* New translations en.json (Slovenian)

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Chinese Traditional)

* Auto commit: Calculate translation coverage

* New translations en.json (Russian)

* Auto commit: Calculate translation coverage

* New translations en.json (Korean)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* Auto commit: Calculate translation coverage

* New translations en.json (Swedish)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovak)

* New translations en.json (Persian)

* Auto commit: Calculate translation coverage
---
 src/locales/ar-SA.json       |  17 +-
 src/locales/bg-BG.json       |  17 +-
 src/locales/bn-BD.json       |  23 +-
 src/locales/ca-ES.json       |  17 +-
 src/locales/cs-CZ.json       |  17 +-
 src/locales/da-DK.json       |  17 +-
 src/locales/de-DE.json       |  17 +-
 src/locales/el-GR.json       |  17 +-
 src/locales/es-ES.json       |  17 +-
 src/locales/eu-ES.json       |  17 +-
 src/locales/fa-IR.json       |  61 ++---
 src/locales/fi-FI.json       |  17 +-
 src/locales/fr-FR.json       |  17 +-
 src/locales/gl-ES.json       |  17 +-
 src/locales/he-IL.json       |  17 +-
 src/locales/hi-IN.json       |  17 +-
 src/locales/hu-HU.json       |  17 +-
 src/locales/id-ID.json       |  17 +-
 src/locales/it-IT.json       |  17 +-
 src/locales/ja-JP.json       |  17 +-
 src/locales/kaa.json         | 474 +++++++++++++++++++++++++++++++++++
 src/locales/kab-KAB.json     |  17 +-
 src/locales/kk-KZ.json       |  17 +-
 src/locales/km-KH.json       | 474 +++++++++++++++++++++++++++++++++++
 src/locales/ko-KR.json       |  17 +-
 src/locales/ku-TR.json       |  17 +-
 src/locales/lt-LT.json       |  17 +-
 src/locales/lv-LV.json       |  17 +-
 src/locales/mr-IN.json       |  17 +-
 src/locales/my-MM.json       |  17 +-
 src/locales/nb-NO.json       |  17 +-
 src/locales/nl-NL.json       |  17 +-
 src/locales/nn-NO.json       |  17 +-
 src/locales/oc-FR.json       |  17 +-
 src/locales/pa-IN.json       |  17 +-
 src/locales/percentages.json |  80 +++---
 src/locales/pl-PL.json       |  17 +-
 src/locales/pt-BR.json       |  17 +-
 src/locales/pt-PT.json       |  17 +-
 src/locales/ro-RO.json       |  17 +-
 src/locales/ru-RU.json       |  17 +-
 src/locales/si-LK.json       |  17 +-
 src/locales/sk-SK.json       |  19 +-
 src/locales/sl-SI.json       |  17 +-
 src/locales/sv-SE.json       |  17 +-
 src/locales/ta-IN.json       |  17 +-
 src/locales/th-TH.json       |  17 +-
 src/locales/tr-TR.json       |  17 +-
 src/locales/uk-UA.json       |  17 +-
 src/locales/vi-VN.json       |  61 ++---
 src/locales/zh-CN.json       |  19 +-
 src/locales/zh-HK.json       |  17 +-
 src/locales/zh-TW.json       |  17 +-
 53 files changed, 1238 insertions(+), 738 deletions(-)
 create mode 100644 src/locales/kaa.json
 create mode 100644 src/locales/km-KH.json

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 77387b11d..09e5d1485 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "تعذر الحفظ في قاعدة البيانات. إذا استمرت المشاكل، يفضل أن تحفظ ملفك محليا كي لا تفقد عملك.",
     "collabSaveFailed_sizeExceeded": "تعذر الحفظ في قاعدة البيانات، يبدو أن القماش كبير للغاية، يفضّل حفظ الملف محليا كي لا تفقد عملك.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index d5421ccef..292a1544f 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index ce17d6670..8972effd4 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "পেস্ট করুন",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "প্লেইনটেক্সট হিসাবে পেস্ট করুন",
     "pasteCharts": "চার্ট পেস্ট করুন",
     "selectAll": "সবটা সিলেক্ট করুন",
     "multiSelect": "একাধিক সিলেক্ট করুন",
@@ -54,7 +54,7 @@
     "veryLarge": "অনেক বড়",
     "solid": "দৃঢ়",
     "hachure": "ভ্রুলেখা",
-    "zigzag": "",
+    "zigzag": "আঁকাবাঁকা",
     "crossHatch": "ক্রস হ্যাচ",
     "thin": "পাতলা",
     "bold": "পুরু",
@@ -73,7 +73,7 @@
     "layers": "মাত্রা",
     "actions": "ক্রিয়া",
     "language": "ভাষা",
-    "liveCollaboration": "",
+    "liveCollaboration": "সরাসরি পারস্পরিক সহযোগিতা...",
     "duplicateSelection": "সদৃশ সিলেক্ট",
     "untitled": "অনামী",
     "name": "নাম",
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 425070e49..1f5cdd661 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "No s'ha pogut desar a la base de dades de fons. Si els problemes persisteixen, hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.",
     "collabSaveFailed_sizeExceeded": "No s'ha pogut desar a la base de dades de fons, sembla que el llenç és massa gran. Hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index d039a78a2..35ddf3a3b 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 4d74ab80f..5edc77f50 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index 86b168ae5..fb9d82e84 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Keine Speicherung in der Backend-Datenbank möglich. Wenn die Probleme weiterhin bestehen, solltest Du Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.",
     "collabSaveFailed_sizeExceeded": "Keine Speicherung in der Backend-Datenbank möglich, die Zeichenfläche scheint zu groß zu sein. Du solltest Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.",
     "brave_measure_text_error": {
-      "start": "Sieht so aus, als ob du den Brave Browser benutzt mit der",
-      "aggressive_block_fingerprint": "\"Fingerprinting aggressiv blockieren\"",
-      "setting_enabled": "Einstellung aktiviert",
-      "break": "Dies könnte zur inkorrekten Darstellung der",
-      "text_elements": "Textelemente",
-      "in_your_drawings": "in deinen Zeichnungen führen",
-      "strongly_recommend": "Wir empfehlen dringend, diese Einstellung zu deaktivieren. Du kannst",
-      "steps": "diesen Schritten entsprechend",
-      "how": "folgen",
-      "disable_setting": " Wenn die Deaktivierung dieser Einstellung nicht zu einer korrekten Textdarstellung führt, öffne bitte einen",
-      "issue": "Issue",
-      "write": "auf GitHub, oder schreibe uns auf",
-      "discord": "Discord"
+      "line1": "Sieht so aus, als ob Du den Brave-Browser verwendest und die <bold>aggressive Blockierung von Fingerabdrücken</bold> aktiviert hast.",
+      "line2": "Dies könnte dazu führen, dass die <bold>Textelemente</bold> in Ihren Zeichnungen zerstört werden.",
+      "line3": "Wir empfehlen dringend, diese Einstellung zu deaktivieren. Dazu kannst Du <link>diesen Schritten</link> folgen.",
+      "line4": "Wenn die Deaktivierung dieser Einstellung die fehlerhafte Anzeige von Textelementen nicht behebt, öffne bitte ein <issueLink>Ticket</issueLink> auf unserem GitHub oder schreibe uns auf <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index f4e0cfcaa..3b80e375c 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή. Αν το προβλήματα παραμείνει, θα πρέπει να αποθηκεύσετε το αρχείο σας τοπικά για να βεβαιωθείτε ότι δεν χάνετε την εργασία σας.",
     "collabSaveFailed_sizeExceeded": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή, ο καμβάς φαίνεται να είναι πολύ μεγάλος. Θα πρέπει να αποθηκεύσετε το αρχείο τοπικά για να βεβαιωθείτε ότι δεν θα χάσετε την εργασία σας.",
     "brave_measure_text_error": {
-      "start": "Φαίνεται ότι χρησιμοποιείτε το Brave browser με το",
-      "aggressive_block_fingerprint": "Αποκλεισμός \"Δακτυλικών Αποτυπωμάτων\"",
-      "setting_enabled": "ρύθμιση ενεργοποιημένη",
-      "break": "Αυτό θα μπορούσε να σπάσει το",
-      "text_elements": "Στοιχεία Κειμένου",
-      "in_your_drawings": "στα σχέδιά σας",
-      "strongly_recommend": "Συνιστούμε να απενεργοποιήσετε αυτή τη ρύθμιση. Μπορείτε να ακολουθήσετε",
-      "steps": "αυτά τα βήματα",
-      "how": "για το πώς να το κάνετε",
-      "disable_setting": " Εάν η απενεργοποίηση αυτής της ρύθμισης δεν διορθώνει την εμφάνιση των στοιχείων κειμένου, παρακαλώ ανοίξτε ένα",
-      "issue": "πρόβλημα",
-      "write": "στο GitHub, ή γράψτε μας στο",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index c345c5f83..0362f31e2 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "No se pudo guardar en la base de datos del backend. Si los problemas persisten, debería guardar su archivo localmente para asegurarse de que no pierde su trabajo.",
     "collabSaveFailed_sizeExceeded": "No se pudo guardar en la base de datos del backend, el lienzo parece ser demasiado grande. Debería guardar el archivo localmente para asegurarse de que no pierde su trabajo.",
     "brave_measure_text_error": {
-      "start": "Parece que estás usando el navegador Brave",
-      "aggressive_block_fingerprint": "Bloquear huellas dactilares agresivamente",
-      "setting_enabled": "ajuste activado",
-      "break": "Esto podría resultar en romper los",
-      "text_elements": "Elementos de texto",
-      "in_your_drawings": "en tus dibujos",
-      "strongly_recommend": "Recomendamos desactivar esta configuración. Puedes seguir",
-      "steps": "estos pasos",
-      "how": "sobre cómo hacerlo",
-      "disable_setting": " Si deshabilitar esta opción no arregla la visualización de elementos de texto, por favor abre un",
-      "issue": "issue",
-      "write": "en GitHub, o escríbenos en",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 9c5f14fac..26aa47b1e 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Ezin izan da backend datu-basean gorde. Arazoak jarraitzen badu, zure fitxategia lokalean gorde beharko zenuke zure lana ez duzula galtzen ziurtatzeko.",
     "collabSaveFailed_sizeExceeded": "Ezin izan da backend datu-basean gorde, ohiala handiegia dela dirudi. Fitxategia lokalean gorde beharko zenuke zure lana galtzen ez duzula ziurtatzeko.",
     "brave_measure_text_error": {
-      "start": "Brave nabigatzailea erabiltzen ari zarela dirudi",
-      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
-      "setting_enabled": "ezarpena gaituta",
-      "break": "Honek honen haustea eragin dezake",
-      "text_elements": "Testu-elementuak",
-      "in_your_drawings": "zure marrazkietan",
-      "strongly_recommend": "Ezarpen hau desgaitzea gomendatzen dugu. Jarrai dezakezu",
-      "steps": "urrats hauek",
-      "how": "jakiteko nola egin",
-      "disable_setting": " Ezarpen hau desgaitzeak testu-elementuen bistaratzea konpontzen ez badu, ireki",
-      "issue": "eskaera (issue) bat",
-      "write": "gure Github-en edo idatz iezaguzu",
-      "discord": "Discord-en"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index a22ad86a9..f0931e642 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "جای گذاری",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "جای‌گذاری به عنوان متن ساده",
     "pasteCharts": "قراردادن نمودارها",
     "selectAll": "انتخاب همه",
     "multiSelect": "یک ایتم به انتخاب شده ها اضافه کنید.",
@@ -54,7 +54,7 @@
     "veryLarge": "بسیار بزرگ",
     "solid": "توپر",
     "hachure": "هاشور",
-    "zigzag": "",
+    "zigzag": "زیگزاگ",
     "crossHatch": "هاشور متقاطع",
     "thin": "نازک",
     "bold": "ضخیم",
@@ -111,7 +111,7 @@
     "increaseFontSize": "افزایش دادن اندازه فونت",
     "unbindText": "بازکردن نوشته",
     "bindText": "بستن نوشته",
-    "createContainerFromText": "",
+    "createContainerFromText": "متن را در یک جایگاه بپیچید",
     "link": {
       "edit": "ویرایش لینک",
       "create": "ایجاد پیوند",
@@ -195,7 +195,7 @@
     "resetLibrary": "ین کار کل صفحه را پاک میکند. آیا مطمئنید?",
     "removeItemsFromsLibrary": "حذف {{count}} آیتم(ها) از کتابخانه?",
     "invalidEncryptionKey": "کلید رمزگذاری باید 22 کاراکتر باشد. همکاری زنده غیرفعال است.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "اتصال به اینترنت در دسترس نیست.\nتغییرات شما ذخیره نمی شود!"
   },
   "errors": {
     "unsupportedFileType": "نوع فایل پشتیبانی نشده.",
@@ -205,22 +205,13 @@
     "invalidSVGString": "SVG نادرست.",
     "cannotResolveCollabServer": "به سرور collab متصل نشد. لطفا صفحه را مجددا بارگذاری کنید و دوباره تلاش کنید.",
     "importLibraryError": "داده‌ها بارگذاری نشدند",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": "",
+    "collabSaveFailed": "در پایگاه داده باطن ذخیره نشد. اگر مشکلات همچنان ادامه داشت، باید فایل خود را به صورت محلی ذخیره کنید تا مطمئن شوید کار خود را از دست نمی دهید.",
+    "collabSaveFailed_sizeExceeded": "در پایگاه داده بکند ذخیره نشد. اگر مشکلات همچنان ادامه داشت، باید فایل خود را به صورت محلی ذخیره کنید تا مطمئن شوید کار خود را از دست نمی دهید.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "به نظر می‌رسد از مرورگر Brave با تنظیم <bold> مسدود کردن شدید اثرانگشت</bold> استفاده می‌کنید.",
+      "line2": "این می تواند منجر به شکستن <bold>عناصر متن</bold> در نقاشی های شما شود.",
+      "line3": "اکیداً توصیه می کنیم این تنظیم را غیرفعال کنید. برای نحوه انجام این کار می‌توانید <link>این مراحل</link> را دنبال کنید.",
+      "line4": "اگر غیرفعال کردن این تنظیم نمایش عناصر متنی را برطرف نکرد، لطفاً یک <issueLink>مشکل</issueLink> را در GitHub ما باز کنید یا برای ما در <discordLink>Discord</discordLink> بنویسید."
     }
   },
   "toolBar": {
@@ -238,7 +229,7 @@
     "penMode": "حالت قلم - جلوگیری از تماس",
     "link": "افزودن/به‌روزرسانی پیوند برای شکل انتخابی",
     "eraser": "پاک کن",
-    "hand": ""
+    "hand": "دست (ابزار پانینگ)"
   },
   "headings": {
     "canvasActions": "عملیات روی بوم",
@@ -246,7 +237,7 @@
     "shapes": "شکل‌ها"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "برای حرکت دادن بوم، چرخ ماوس یا فاصله را در حین کشیدن نگه دارید یا از ابزار دستی استفاده کنید",
     "linearElement": "برای چند نقطه کلیک و برای یک خط بکشید",
     "freeDraw": "کلیک کنید و بکشید و وقتی کار تمام شد رها کنید",
     "text": "نکته: با برنامه انتخاب شده شما میتوانید با دوبار کلیک کردن هرکجا میخواید متن اظاف کنید",
@@ -257,7 +248,7 @@
     "resize": "می توانید با نگه داشتن SHIFT در هنگام تغییر اندازه، نسبت ها را محدود کنید،ALT را برای تغییر اندازه از مرکز نگه دارید",
     "resizeImage": "با نگه داشتن SHIFT می توانید آزادانه اندازه را تغییر دهید،\nبرای تغییر اندازه از مرکز، ALT را نگه دارید",
     "rotate": "با نگه داشتن SHIFT هنگام چرخش می توانید زاویه ها را محدود کنید",
-    "lineEditor_info": "",
+    "lineEditor_info": "CtrlOrCmd را نگه دارید و دوبار کلیک کنید یا CtrlOrCmd + Enter را فشار دهید تا نقاط را ویرایش کنید.",
     "lineEditor_pointSelected": "برای حذف نقطه Delete برای کپی زدن Ctrl یا Cmd+D را بزنید و یا برای جابجایی بکشید",
     "lineEditor_nothingSelected": "یک نقطه را برای ویرایش انتخاب کنید (SHIFT را برای انتخاب چندگانه نگه دارید)،\nیا Alt را نگه دارید و برای افزودن نقاط جدید کلیک کنید",
     "placeImage": "برای قرار دادن تصویر کلیک کنید، یا کلیک کنید و بکشید تا اندازه آن به صورت دستی تنظیم شود",
@@ -265,7 +256,7 @@
     "bindTextToElement": "برای افزودن اینتر را بزنید",
     "deepBoxSelect": "CtrlOrCmd را برای انتخاب عمیق و جلوگیری از کشیدن نگه دارید",
     "eraserRevert": "Alt را نگه دارید تا عناصر علامت گذاری شده برای حذف برگردند",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "احتمالاً می‌توان این ویژگی را با تنظیم پرچم «dom.events.asyncClipboard.clipboardItem» روی «true» فعال کرد. برای تغییر پرچم های مرورگر در فایرفاکس، از صفحه \"about:config\" دیدن کنید."
   },
   "canvasError": {
     "cannotShowPreview": "پیش نمایش نشان داده نمی شود",
@@ -320,8 +311,8 @@
     "doubleClick": "دابل کلیک",
     "drag": "کشیدن",
     "editor": "ویرایشگر",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "نقاط خط/پیکان را ویرایش کنید",
+    "editText": "ویرایش متن / افزودن برچسب",
     "github": "اشکالی می بینید؟ گزارش دهید",
     "howto": "راهنمای ما را دنبال کنید",
     "or": "یا",
@@ -335,8 +326,8 @@
     "zoomToFit": "بزرگنمایی برای دیدن تمام آیتم ها",
     "zoomToSelection": "بزرگنمایی قسمت انتخاب شده",
     "toggleElementLock": "قفل/بازکردن انتخاب شده ها",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "حرکت صفحه به بالا/پایین",
+    "movePageLeftRight": "حرکت صفحه به چپ/راست"
   },
   "clearCanvasDialog": {
     "title": "پاک کردن بوم"
@@ -418,7 +409,7 @@
     "fileSavedToFilename": "ذخیره در {filename}",
     "canvas": "بوم",
     "selection": "انتخاب",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "از {{shortcut}} برای چسباندن به عنوان یک عنصر استفاده کنید،\nیا در یک ویرایشگر متن موجود جایگذاری کنید"
   },
   "colors": {
     "ffffff": "سفید",
@@ -469,15 +460,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "تمام داده های شما به صورت محلی در مرورگر شما ذخیره می شود.",
+      "center_heading_plus": "آیا می‌خواهید به جای آن به Excalidraw+ بروید؟",
+      "menuHint": "خروجی، ترجیحات، زبان ها، ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "خروجی، ترجیحات، وبیشتر ...",
+      "center_heading": "نمودارها .ساخته شده. ساده.",
+      "toolbarHint": "ابزاری را انتخاب کنید و نقاشی را شروع کنید!",
+      "helpHint": "میانبرها و راهنما"
     }
   }
 }
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 403bf0073..35cbd6cdb 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.",
     "collabSaveFailed_sizeExceeded": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 406a11a16..0997997ee 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Impossible d'enregistrer dans la base de données en arrière-plan. Si des problèmes persistent, vous devriez enregistrer votre fichier localement pour vous assurer de ne pas perdre votre travail.",
     "collabSaveFailed_sizeExceeded": "Impossible d'enregistrer dans la base de données en arrière-plan, le tableau semble trop grand. Vous devriez enregistrer le fichier localement pour vous assurer de ne pas perdre votre travail.",
     "brave_measure_text_error": {
-      "start": "Il semble que vous utilisiez le navigateur Brave avec le",
-      "aggressive_block_fingerprint": "blocage d'empreinte agressif",
-      "setting_enabled": "activé",
-      "break": "Ceci pourrait avoir pour conséquence de « casser » les",
-      "text_elements": "éléments texte",
-      "in_your_drawings": "dans vos dessins",
-      "strongly_recommend": "Nous recommandons fortement de désactiver ce paramètre. Vous pouvez suivre",
-      "steps": "ces étapes",
-      "how": "sur la manière de procéder",
-      "disable_setting": " Si la désactivation de ce paramètre ne résout pas l'affichage des éléments texte, veuillez ouvrir un",
-      "issue": "ticket",
-      "write": "sur notre GitHub, ou nous écrire sur",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 53ae05d6b..7a6051771 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Non se puido gardar na base de datos. Se o problema persiste, deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.",
     "collabSaveFailed_sizeExceeded": "Non se puido gardar na base de datos, o lenzo semella demasiado grande. Deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.",
     "brave_measure_text_error": {
-      "start": "Semella que estás usando o navegador Brave coa opción",
-      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
-      "setting_enabled": "activada",
-      "break": "Isto podería provocar unha ruptura dos",
-      "text_elements": "Elementos de Texto",
-      "in_your_drawings": "nos seus debuxos",
-      "strongly_recommend": "Recomendámoslle encarecidamente que desactive esa opción. Pode seguir",
-      "steps": "estes pasos",
-      "how": "sobre como facelo",
-      "disable_setting": " Se ao desactivar esta opción non se arranxa o problema ao mostrar os elementos de texto, por favor abra unha",
-      "issue": "issue",
-      "write": "no noso GitHub, ou escríbenos ao",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 4cd8c1140..26fc81389 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "לא הצלחתי להתחבר למסד הנתונים האחורי. אם הבעיה ממשיכה, כדאי שתשמור את הקובץ מקומית כדי לוודא שלא תאבד את העבודה שלך.",
     "collabSaveFailed_sizeExceeded": "לא הצלחתי לשמור למסד הנתונים האחורי, נראה שהקנבס שלך גדול מדי. כדאי שתשמור את הקובץ מקומית כדי לוודא שלא תאבד את העבודה שלך.",
     "brave_measure_text_error": {
-      "start": "נראה שאתה משתמש בדפדפן Brave עם ה-",
-      "aggressive_block_fingerprint": "חסימת Fingerprinting אגרסיבית",
-      "setting_enabled": "ההגדרה מופעלת",
-      "break": "זה יכול לגרום לבעיה ב-",
-      "text_elements": "רכיבי טקסט",
-      "in_your_drawings": "בציורים שלך",
-      "strongly_recommend": "אנו ממליצים בחום לנטרל את ההגדרה הזו. אתה יכול לעקוב",
-      "steps": "הצעדים הבאים",
-      "how": "כיצד לעשות את זה",
-      "disable_setting": " אם נטרול ההגדרה לא מתקן את תצוגת רכיבי הטקסט, אנא פתח",
-      "issue": "בעיה",
-      "write": "ב- GitHub שלנו, או כתוב לנו ב-",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index d9462e78b..08398344e 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "किसी कारण वश अंदरूनी डेटाबेस में सहेजा नहीं जा सका। यदि समस्या बनी रहती है, तो किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
     "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
     "brave_measure_text_error": {
-      "start": "ऐसा लगता है कि आप ब्रेव ब्राउज़र का उपयोग कर रहे है, उसके साथ",
-      "aggressive_block_fingerprint": "उग्रतापूर्वक उंगलियों के निशान रोकने की",
-      "setting_enabled": "सेटिंग सक्रिय की गई है।",
-      "break": "इसके परिणाम स्वरूम टूट सकता है यह",
-      "text_elements": "मूल पाठ अवयव टूट सकते हैं",
-      "in_your_drawings": "आपके चित्र में उपस्थित",
-      "strongly_recommend": "हमारा शशक्त अनुरोध इस सेटिंग्स को अक्षम करने का है. आप",
-      "steps": "इन दिए हुए स्टेप्स को अनुकरीत करके देख सकते है कि",
-      "how": "ये कैसे करे",
-      "disable_setting": " यदि इन सेटिंग्स को निष्क्रिय करने पर भी, पाठ्य दिखना ठीक न हो तो",
-      "issue": "समस्या",
-      "write": "हमारे \"GitHub\" पर, अथवा",
-      "discord": "\"Discord\" पर लिख सकते हैं."
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 5dc19945b..472d13190 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index eb5d8df71..af909f24c 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Tidak dapat menyimpan ke dalam basis data server. Jika masih berlanjut, Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
     "collabSaveFailed_sizeExceeded": "Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
     "brave_measure_text_error": {
-      "start": "Sepertinya kamu menggunakan browser Brave dengan",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "pengaturan diaktifkan",
-      "break": "",
-      "text_elements": "Elemen Teks",
-      "in_your_drawings": "dalam gambar anda",
-      "strongly_recommend": "Kami sangat menyarankan untuk mematikan pengaturan ini. Kamu dapat mengikuti",
-      "steps": "langkah-langkah ini",
-      "how": "dalam bagaimana melakukan itu",
-      "disable_setting": " Jika pengaturan ini dimatikan tidak mengatasi masalah tampilan dari elemen teks, silahkan buka",
-      "issue": "isu",
-      "write": "di GitHub kami, atau tulis kami di",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index c31462ce2..3bf7f7749 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Impossibile salvare nel database di backend. Se i problemi persistono, dovresti salvare il tuo file localmente per assicurarti di non perdere il tuo lavoro.",
     "collabSaveFailed_sizeExceeded": "Impossibile salvare nel database di backend, la tela sembra essere troppo grande. Dovresti salvare il file localmente per assicurarti di non perdere il tuo lavoro.",
     "brave_measure_text_error": {
-      "start": "Sembra che tu stia usando il browser Brave con il",
-      "aggressive_block_fingerprint": "Blocco Aggressivamente Impronte Digitali",
-      "setting_enabled": "impostazioni abilitate",
-      "break": "Questo potrebbe portare a rompere gli",
-      "text_elements": "Elementi Di Testo",
-      "in_your_drawings": "nei tuoi disegni",
-      "strongly_recommend": "Si consiglia vivamente di disabilitare questa impostazione. È possibile seguire",
-      "steps": "questi passaggi",
-      "how": "su come fare",
-      "disable_setting": " Se la disabilitazione di questa impostazione non corregge la visualizzazione degli elementi di testo, apri un",
-      "issue": "problema",
-      "write": "sul nostro GitHub, o scrivici su",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index a457b1dfe..f2686a883 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。",
     "collabSaveFailed_sizeExceeded": "キャンバスが大きすぎるため、バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "設定が有効化されました",
-      "break": "",
-      "text_elements": "テキスト要素",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/kaa.json b/src/locales/kaa.json
new file mode 100644
index 000000000..cdc832a13
--- /dev/null
+++ b/src/locales/kaa.json
@@ -0,0 +1,474 @@
+{
+  "labels": {
+    "paste": "",
+    "pasteAsPlaintext": "",
+    "pasteCharts": "",
+    "selectAll": "Barlıǵın tańlaw",
+    "multiSelect": "",
+    "moveCanvas": "",
+    "cut": "",
+    "copy": "Kóshirip alıw",
+    "copyAsPng": "",
+    "copyAsSvg": "",
+    "copyText": "",
+    "bringForward": "",
+    "sendToBack": "",
+    "bringToFront": "",
+    "sendBackward": "",
+    "delete": "Óshiriw",
+    "copyStyles": "",
+    "pasteStyles": "",
+    "stroke": "",
+    "background": "",
+    "fill": "",
+    "strokeWidth": "",
+    "strokeStyle": "",
+    "strokeStyle_solid": "",
+    "strokeStyle_dashed": "",
+    "strokeStyle_dotted": "",
+    "sloppiness": "",
+    "opacity": "",
+    "textAlign": "",
+    "edges": "",
+    "sharp": "",
+    "round": "",
+    "arrowheads": "",
+    "arrowhead_none": "",
+    "arrowhead_arrow": "",
+    "arrowhead_bar": "",
+    "arrowhead_dot": "",
+    "arrowhead_triangle": "",
+    "fontSize": "Shrift ólshemi",
+    "fontFamily": "",
+    "onlySelected": "",
+    "withBackground": "",
+    "exportEmbedScene": "",
+    "exportEmbedScene_details": "",
+    "addWatermark": "",
+    "handDrawn": "",
+    "normal": "",
+    "code": "",
+    "small": "",
+    "medium": "",
+    "large": "",
+    "veryLarge": "",
+    "solid": "",
+    "hachure": "",
+    "zigzag": "",
+    "crossHatch": "",
+    "thin": "",
+    "bold": "",
+    "left": "",
+    "center": "",
+    "right": "",
+    "extraBold": "",
+    "architect": "",
+    "artist": "",
+    "cartoonist": "",
+    "fileTitle": "Fayl ataması",
+    "colorPicker": "",
+    "canvasColors": "",
+    "canvasBackground": "",
+    "drawingCanvas": "",
+    "layers": "",
+    "actions": "Háreketler",
+    "language": "Til",
+    "liveCollaboration": "",
+    "duplicateSelection": "Nusqa",
+    "untitled": "",
+    "name": "Ataması",
+    "yourName": "Atıńız",
+    "madeWithExcalidraw": "",
+    "group": "",
+    "ungroup": "",
+    "collaborators": "",
+    "showGrid": "",
+    "addToLibrary": "Kitapxanaǵa qosıw",
+    "removeFromLibrary": "Kitapxanadan alıp taslaw",
+    "libraryLoadingMessage": "Kitapxana júklenbekte…",
+    "libraries": "Kitapxanalardı kóriw",
+    "loadingScene": "",
+    "align": "",
+    "alignTop": "",
+    "alignBottom": "",
+    "alignLeft": "",
+    "alignRight": "",
+    "centerVertically": "",
+    "centerHorizontally": "",
+    "distributeHorizontally": "",
+    "distributeVertically": "",
+    "flipHorizontal": "",
+    "flipVertical": "",
+    "viewMode": "Kóriw rejimi",
+    "toggleExportColorScheme": "",
+    "share": "Bólisiw",
+    "showStroke": "",
+    "showBackground": "",
+    "toggleTheme": "",
+    "personalLib": "",
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": "",
+    "unbindText": "",
+    "bindText": "",
+    "createContainerFromText": "",
+    "link": {
+      "edit": "Siltemeni ózgertiw",
+      "create": "Siltemeni jaratıw",
+      "label": "Silteme"
+    },
+    "lineEditor": {
+      "edit": "",
+      "exit": ""
+    },
+    "elementLock": {
+      "lock": "Qulıplaw",
+      "unlock": "Qulıptan shıǵarıw",
+      "lockAll": "Barlıǵın qulıplaw",
+      "unlockAll": "Barlıǵın qulıptan shıǵarıw"
+    },
+    "statusPublished": "",
+    "sidebarLock": ""
+  },
+  "library": {
+    "noItems": "",
+    "hint_emptyLibrary": "",
+    "hint_emptyPrivateLibrary": ""
+  },
+  "buttons": {
+    "clearReset": "",
+    "exportJSON": "",
+    "exportImage": "",
+    "export": "",
+    "exportToPng": "",
+    "exportToSvg": "",
+    "copyToClipboard": "Almasıw buferine kóshirip alındı",
+    "copyPngToClipboard": "",
+    "scale": "",
+    "save": "",
+    "saveAs": "",
+    "load": "Ashıw",
+    "getShareableLink": "",
+    "close": "Jabıw",
+    "selectLanguage": "Tildi tańlaw",
+    "scrollBackToContent": "",
+    "zoomIn": "",
+    "zoomOut": "",
+    "resetZoom": "",
+    "menu": "Menyu",
+    "done": "Tayın",
+    "edit": "Ózgertiw",
+    "undo": "",
+    "redo": "",
+    "resetLibrary": "",
+    "createNewRoom": "",
+    "fullScreen": "Tolıq ekran",
+    "darkMode": "Qarańǵı tema",
+    "lightMode": "Jaqtı tema",
+    "zenMode": "",
+    "exitZenMode": "",
+    "cancel": "Biykarlaw",
+    "clear": "Tazalaw",
+    "remove": "Óshiriw",
+    "publishLibrary": "",
+    "submit": "Jiberiw",
+    "confirm": "Tastıyıqlaw"
+  },
+  "alerts": {
+    "clearReset": "",
+    "couldNotCreateShareableLink": "",
+    "couldNotCreateShareableLinkTooBig": "",
+    "couldNotLoadInvalidFile": "",
+    "importBackendFailed": "",
+    "cannotExportEmptyCanvas": "",
+    "couldNotCopyToClipboard": "Almasıw buferine kóshirip alıw ámelge aspadı.",
+    "decryptFailed": "",
+    "uploadedSecurly": "",
+    "loadSceneOverridePrompt": "",
+    "collabStopOverridePrompt": "",
+    "errorAddingToLibrary": "",
+    "errorRemovingFromLibrary": "",
+    "confirmAddLibrary": "",
+    "imageDoesNotContainScene": "",
+    "cannotRestoreFromImage": "",
+    "invalidSceneUrl": "",
+    "resetLibrary": "",
+    "removeItemsFromsLibrary": "",
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
+  },
+  "errors": {
+    "unsupportedFileType": "",
+    "imageInsertError": "",
+    "fileTooBig": "",
+    "svgImageInsertError": "",
+    "invalidSVGString": "Jaramsız SVG.",
+    "cannotResolveCollabServer": "",
+    "importLibraryError": "Kitapxananı júklew ámelge aspadı",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
+    }
+  },
+  "toolBar": {
+    "selection": "",
+    "image": "Súwret qoyıw",
+    "rectangle": "",
+    "diamond": "",
+    "ellipse": "",
+    "arrow": "",
+    "line": "Sızıq",
+    "freedraw": "Sızıw",
+    "text": "Tekst",
+    "library": "Kitapxana",
+    "lock": "",
+    "penMode": "",
+    "link": "",
+    "eraser": "Óshirgish",
+    "hand": ""
+  },
+  "headings": {
+    "canvasActions": "",
+    "selectedShapeActions": "",
+    "shapes": ""
+  },
+  "hints": {
+    "canvasPanning": "",
+    "linearElement": "",
+    "freeDraw": "",
+    "text": "",
+    "text_selected": "",
+    "text_editing": "",
+    "linearElementMulti": "",
+    "lockAngle": "",
+    "resize": "",
+    "resizeImage": "",
+    "rotate": "",
+    "lineEditor_info": "",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "",
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": "",
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
+  },
+  "canvasError": {
+    "cannotShowPreview": "",
+    "canvasTooBig": "",
+    "canvasTooBigTip": ""
+  },
+  "errorSplash": {
+    "headingMain_pre": "",
+    "headingMain_button": "",
+    "clearCanvasMessage": "",
+    "clearCanvasMessage_button": "",
+    "clearCanvasCaveat": "",
+    "trackedToSentry_pre": "",
+    "trackedToSentry_post": "",
+    "openIssueMessage_pre": "",
+    "openIssueMessage_button": "",
+    "openIssueMessage_post": "",
+    "sceneContent": ""
+  },
+  "roomDialog": {
+    "desc_intro": "",
+    "desc_privacy": "",
+    "button_startSession": "",
+    "button_stopSession": "",
+    "desc_inProgressIntro": "",
+    "desc_shareLink": "",
+    "desc_exitSession": "",
+    "shareTitle": ""
+  },
+  "errorDialog": {
+    "title": "Qátelik"
+  },
+  "exportDialog": {
+    "disk_title": "",
+    "disk_details": "",
+    "disk_button": "",
+    "link_title": "",
+    "link_details": "",
+    "link_button": "",
+    "excalidrawplus_description": "",
+    "excalidrawplus_button": "Eksportlaw",
+    "excalidrawplus_exportError": ""
+  },
+  "helpDialog": {
+    "blog": "",
+    "click": "basıw",
+    "deepSelect": "",
+    "deepBoxSelect": "",
+    "curvedArrow": "",
+    "curvedLine": "",
+    "documentation": "Hújjetshilik",
+    "doubleClick": "",
+    "drag": "",
+    "editor": "",
+    "editLineArrowPoints": "",
+    "editText": "",
+    "github": "",
+    "howto": "",
+    "or": "yamasa",
+    "preventBinding": "",
+    "tools": "Ásbaplar",
+    "shortcuts": "",
+    "textFinish": "",
+    "textNewLine": "",
+    "title": "Járdem",
+    "view": "Kóriw",
+    "zoomToFit": "",
+    "zoomToSelection": "",
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
+  },
+  "clearCanvasDialog": {
+    "title": ""
+  },
+  "publishDialog": {
+    "title": "",
+    "itemName": "",
+    "authorName": "Avtor atı",
+    "githubUsername": "GitHub paydalanıwshı atı",
+    "twitterUsername": "Twitter paydalanıwshı atı",
+    "libraryName": "Kitapxana ataması",
+    "libraryDesc": "",
+    "website": "Veb-sayt",
+    "placeholder": {
+      "authorName": "",
+      "libraryName": "",
+      "libraryDesc": "",
+      "githubHandle": "",
+      "twitterHandle": "",
+      "website": ""
+    },
+    "errors": {
+      "required": "",
+      "website": ""
+    },
+    "noteDescription": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteGuidelines": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteLicense": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteItems": "",
+    "atleastOneLibItem": "",
+    "republishWarning": ""
+  },
+  "publishSuccessDialog": {
+    "title": "",
+    "content": "",
+    "link": "usı jerde"
+  },
+  "confirmDialog": {
+    "resetLibrary": "",
+    "removeItemsFromLib": ""
+  },
+  "encrypted": {
+    "tooltip": "",
+    "link": ""
+  },
+  "stats": {
+    "angle": "",
+    "element": "",
+    "elements": "",
+    "height": "",
+    "scene": "",
+    "selected": "Tańlandı",
+    "storage": "",
+    "title": "",
+    "total": "",
+    "version": "Versiya",
+    "versionCopy": "",
+    "versionNotAvailable": "",
+    "width": ""
+  },
+  "toast": {
+    "addedToLibrary": "",
+    "copyStyles": "",
+    "copyToClipboard": "",
+    "copyToClipboardAsPng": "",
+    "fileSaved": "Fayl saqlandı.",
+    "fileSavedToFilename": "",
+    "canvas": "",
+    "selection": "",
+    "pasteAsSingleElement": ""
+  },
+  "colors": {
+    "ffffff": "Aq",
+    "f8f9fa": "",
+    "f1f3f5": "",
+    "fff5f5": "Qızıl 0",
+    "fff0f6": "",
+    "f8f0fc": "",
+    "f3f0ff": "",
+    "edf2ff": "",
+    "e7f5ff": "Kók",
+    "e3fafc": "",
+    "e6fcf5": "",
+    "ebfbee": "",
+    "f4fce3": "",
+    "fff9db": "Sarı 0",
+    "fff4e6": "Qızǵılt sarı 0",
+    "transparent": "",
+    "ced4da": "",
+    "868e96": "",
+    "fa5252": "Qızıl 6",
+    "e64980": "",
+    "be4bdb": "",
+    "7950f2": "",
+    "4c6ef5": "",
+    "228be6": "Kók 6",
+    "15aabf": "",
+    "12b886": "",
+    "40c057": "Jasıl 6",
+    "82c91e": "",
+    "fab005": "Sarı 6",
+    "fd7e14": "",
+    "000000": "Qara",
+    "343a40": "",
+    "495057": "",
+    "c92a2a": "Qızıl 9",
+    "a61e4d": "",
+    "862e9c": "",
+    "5f3dc4": "",
+    "364fc7": "",
+    "1864ab": "Kók 9",
+    "0b7285": "",
+    "087f5b": "",
+    "2b8a3e": "Jasıl 9",
+    "5c940d": "",
+    "e67700": "Sarı 9",
+    "d9480f": "Qızǵılt sarı 9"
+  },
+  "welcomeScreen": {
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": "Eksportlaw, sazlawlar, tiller, ..."
+    },
+    "defaults": {
+      "menuHint": "Eksportlaw, sazlawlar hám basqa...",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
+  }
+}
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 62c6071c4..4a84074ed 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Ulamek asekles deg uzadur n yisefka deg ugilal. Ma ikemmel wugur, isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.",
     "collabSaveFailed_sizeExceeded": "Ulamek asekles deg uzadur n yisefka deg ugilal, taɣzut n usuneɣ tettban-d temqer aṭas. Isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.",
     "brave_measure_text_error": {
-      "start": "Ittban-d am wakken tsseqdaceḍ iminig Brave akked",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "yermed",
-      "break": "Ayagi yezmer ad d-iseglu s truẓi n",
-      "text_elements": "Iferdisen iḍrisen",
-      "in_your_drawings": "deg wunuɣen-inek",
-      "strongly_recommend": "",
-      "steps": "isurifen-agi",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "di GitHub inek neɣ aru-yaɣ-d di",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 38acace0e..3096cb030 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/km-KH.json b/src/locales/km-KH.json
new file mode 100644
index 000000000..1ea629937
--- /dev/null
+++ b/src/locales/km-KH.json
@@ -0,0 +1,474 @@
+{
+  "labels": {
+    "paste": "",
+    "pasteAsPlaintext": "",
+    "pasteCharts": "",
+    "selectAll": "",
+    "multiSelect": "",
+    "moveCanvas": "",
+    "cut": "",
+    "copy": "",
+    "copyAsPng": "",
+    "copyAsSvg": "",
+    "copyText": "",
+    "bringForward": "",
+    "sendToBack": "",
+    "bringToFront": "",
+    "sendBackward": "",
+    "delete": "",
+    "copyStyles": "",
+    "pasteStyles": "",
+    "stroke": "",
+    "background": "",
+    "fill": "",
+    "strokeWidth": "",
+    "strokeStyle": "",
+    "strokeStyle_solid": "",
+    "strokeStyle_dashed": "",
+    "strokeStyle_dotted": "",
+    "sloppiness": "",
+    "opacity": "",
+    "textAlign": "",
+    "edges": "",
+    "sharp": "",
+    "round": "",
+    "arrowheads": "",
+    "arrowhead_none": "",
+    "arrowhead_arrow": "",
+    "arrowhead_bar": "",
+    "arrowhead_dot": "",
+    "arrowhead_triangle": "",
+    "fontSize": "",
+    "fontFamily": "",
+    "onlySelected": "",
+    "withBackground": "",
+    "exportEmbedScene": "",
+    "exportEmbedScene_details": "",
+    "addWatermark": "",
+    "handDrawn": "",
+    "normal": "",
+    "code": "",
+    "small": "",
+    "medium": "",
+    "large": "",
+    "veryLarge": "",
+    "solid": "",
+    "hachure": "",
+    "zigzag": "",
+    "crossHatch": "",
+    "thin": "",
+    "bold": "",
+    "left": "",
+    "center": "",
+    "right": "",
+    "extraBold": "",
+    "architect": "",
+    "artist": "",
+    "cartoonist": "",
+    "fileTitle": "",
+    "colorPicker": "",
+    "canvasColors": "",
+    "canvasBackground": "",
+    "drawingCanvas": "",
+    "layers": "",
+    "actions": "",
+    "language": "",
+    "liveCollaboration": "",
+    "duplicateSelection": "",
+    "untitled": "",
+    "name": "",
+    "yourName": "",
+    "madeWithExcalidraw": "",
+    "group": "",
+    "ungroup": "",
+    "collaborators": "",
+    "showGrid": "",
+    "addToLibrary": "",
+    "removeFromLibrary": "",
+    "libraryLoadingMessage": "",
+    "libraries": "",
+    "loadingScene": "",
+    "align": "",
+    "alignTop": "",
+    "alignBottom": "",
+    "alignLeft": "",
+    "alignRight": "",
+    "centerVertically": "",
+    "centerHorizontally": "",
+    "distributeHorizontally": "",
+    "distributeVertically": "",
+    "flipHorizontal": "",
+    "flipVertical": "",
+    "viewMode": "",
+    "toggleExportColorScheme": "",
+    "share": "",
+    "showStroke": "",
+    "showBackground": "",
+    "toggleTheme": "",
+    "personalLib": "",
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": "",
+    "unbindText": "",
+    "bindText": "",
+    "createContainerFromText": "",
+    "link": {
+      "edit": "",
+      "create": "",
+      "label": ""
+    },
+    "lineEditor": {
+      "edit": "",
+      "exit": ""
+    },
+    "elementLock": {
+      "lock": "",
+      "unlock": "",
+      "lockAll": "",
+      "unlockAll": ""
+    },
+    "statusPublished": "",
+    "sidebarLock": ""
+  },
+  "library": {
+    "noItems": "",
+    "hint_emptyLibrary": "",
+    "hint_emptyPrivateLibrary": ""
+  },
+  "buttons": {
+    "clearReset": "",
+    "exportJSON": "",
+    "exportImage": "",
+    "export": "",
+    "exportToPng": "",
+    "exportToSvg": "",
+    "copyToClipboard": "",
+    "copyPngToClipboard": "",
+    "scale": "",
+    "save": "",
+    "saveAs": "",
+    "load": "",
+    "getShareableLink": "",
+    "close": "",
+    "selectLanguage": "",
+    "scrollBackToContent": "",
+    "zoomIn": "",
+    "zoomOut": "",
+    "resetZoom": "",
+    "menu": "",
+    "done": "",
+    "edit": "",
+    "undo": "",
+    "redo": "",
+    "resetLibrary": "",
+    "createNewRoom": "",
+    "fullScreen": "",
+    "darkMode": "",
+    "lightMode": "",
+    "zenMode": "",
+    "exitZenMode": "",
+    "cancel": "",
+    "clear": "",
+    "remove": "",
+    "publishLibrary": "",
+    "submit": "",
+    "confirm": ""
+  },
+  "alerts": {
+    "clearReset": "",
+    "couldNotCreateShareableLink": "",
+    "couldNotCreateShareableLinkTooBig": "",
+    "couldNotLoadInvalidFile": "",
+    "importBackendFailed": "",
+    "cannotExportEmptyCanvas": "",
+    "couldNotCopyToClipboard": "",
+    "decryptFailed": "",
+    "uploadedSecurly": "",
+    "loadSceneOverridePrompt": "",
+    "collabStopOverridePrompt": "",
+    "errorAddingToLibrary": "",
+    "errorRemovingFromLibrary": "",
+    "confirmAddLibrary": "",
+    "imageDoesNotContainScene": "",
+    "cannotRestoreFromImage": "",
+    "invalidSceneUrl": "",
+    "resetLibrary": "",
+    "removeItemsFromsLibrary": "",
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
+  },
+  "errors": {
+    "unsupportedFileType": "",
+    "imageInsertError": "",
+    "fileTooBig": "",
+    "svgImageInsertError": "",
+    "invalidSVGString": "",
+    "cannotResolveCollabServer": "",
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
+    }
+  },
+  "toolBar": {
+    "selection": "",
+    "image": "",
+    "rectangle": "",
+    "diamond": "",
+    "ellipse": "",
+    "arrow": "",
+    "line": "",
+    "freedraw": "",
+    "text": "",
+    "library": "",
+    "lock": "",
+    "penMode": "",
+    "link": "",
+    "eraser": "",
+    "hand": ""
+  },
+  "headings": {
+    "canvasActions": "",
+    "selectedShapeActions": "",
+    "shapes": ""
+  },
+  "hints": {
+    "canvasPanning": "",
+    "linearElement": "",
+    "freeDraw": "",
+    "text": "",
+    "text_selected": "",
+    "text_editing": "",
+    "linearElementMulti": "",
+    "lockAngle": "",
+    "resize": "",
+    "resizeImage": "",
+    "rotate": "",
+    "lineEditor_info": "",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "",
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": "",
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
+  },
+  "canvasError": {
+    "cannotShowPreview": "",
+    "canvasTooBig": "",
+    "canvasTooBigTip": ""
+  },
+  "errorSplash": {
+    "headingMain_pre": "",
+    "headingMain_button": "",
+    "clearCanvasMessage": "",
+    "clearCanvasMessage_button": "",
+    "clearCanvasCaveat": "",
+    "trackedToSentry_pre": "",
+    "trackedToSentry_post": "",
+    "openIssueMessage_pre": "",
+    "openIssueMessage_button": "",
+    "openIssueMessage_post": "",
+    "sceneContent": ""
+  },
+  "roomDialog": {
+    "desc_intro": "",
+    "desc_privacy": "",
+    "button_startSession": "",
+    "button_stopSession": "",
+    "desc_inProgressIntro": "",
+    "desc_shareLink": "",
+    "desc_exitSession": "",
+    "shareTitle": ""
+  },
+  "errorDialog": {
+    "title": ""
+  },
+  "exportDialog": {
+    "disk_title": "",
+    "disk_details": "",
+    "disk_button": "",
+    "link_title": "",
+    "link_details": "",
+    "link_button": "",
+    "excalidrawplus_description": "",
+    "excalidrawplus_button": "",
+    "excalidrawplus_exportError": ""
+  },
+  "helpDialog": {
+    "blog": "",
+    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
+    "curvedArrow": "",
+    "curvedLine": "",
+    "documentation": "",
+    "doubleClick": "",
+    "drag": "",
+    "editor": "",
+    "editLineArrowPoints": "",
+    "editText": "",
+    "github": "",
+    "howto": "",
+    "or": "",
+    "preventBinding": "",
+    "tools": "",
+    "shortcuts": "",
+    "textFinish": "",
+    "textNewLine": "",
+    "title": "",
+    "view": "",
+    "zoomToFit": "",
+    "zoomToSelection": "",
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
+  },
+  "clearCanvasDialog": {
+    "title": ""
+  },
+  "publishDialog": {
+    "title": "",
+    "itemName": "",
+    "authorName": "",
+    "githubUsername": "",
+    "twitterUsername": "",
+    "libraryName": "",
+    "libraryDesc": "",
+    "website": "",
+    "placeholder": {
+      "authorName": "",
+      "libraryName": "",
+      "libraryDesc": "",
+      "githubHandle": "",
+      "twitterHandle": "",
+      "website": ""
+    },
+    "errors": {
+      "required": "",
+      "website": ""
+    },
+    "noteDescription": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteGuidelines": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteLicense": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteItems": "",
+    "atleastOneLibItem": "",
+    "republishWarning": ""
+  },
+  "publishSuccessDialog": {
+    "title": "",
+    "content": "",
+    "link": ""
+  },
+  "confirmDialog": {
+    "resetLibrary": "",
+    "removeItemsFromLib": ""
+  },
+  "encrypted": {
+    "tooltip": "",
+    "link": ""
+  },
+  "stats": {
+    "angle": "",
+    "element": "",
+    "elements": "",
+    "height": "",
+    "scene": "",
+    "selected": "",
+    "storage": "",
+    "title": "",
+    "total": "",
+    "version": "",
+    "versionCopy": "",
+    "versionNotAvailable": "",
+    "width": ""
+  },
+  "toast": {
+    "addedToLibrary": "",
+    "copyStyles": "",
+    "copyToClipboard": "",
+    "copyToClipboardAsPng": "",
+    "fileSaved": "",
+    "fileSavedToFilename": "",
+    "canvas": "",
+    "selection": "",
+    "pasteAsSingleElement": ""
+  },
+  "colors": {
+    "ffffff": "",
+    "f8f9fa": "",
+    "f1f3f5": "",
+    "fff5f5": "",
+    "fff0f6": "",
+    "f8f0fc": "",
+    "f3f0ff": "",
+    "edf2ff": "",
+    "e7f5ff": "",
+    "e3fafc": "",
+    "e6fcf5": "",
+    "ebfbee": "",
+    "f4fce3": "",
+    "fff9db": "",
+    "fff4e6": "",
+    "transparent": "",
+    "ced4da": "",
+    "868e96": "",
+    "fa5252": "",
+    "e64980": "",
+    "be4bdb": "",
+    "7950f2": "",
+    "4c6ef5": "",
+    "228be6": "",
+    "15aabf": "",
+    "12b886": "",
+    "40c057": "",
+    "82c91e": "",
+    "fab005": "",
+    "fd7e14": "",
+    "000000": "",
+    "343a40": "",
+    "495057": "",
+    "c92a2a": "",
+    "a61e4d": "",
+    "862e9c": "",
+    "5f3dc4": "",
+    "364fc7": "",
+    "1864ab": "",
+    "0b7285": "",
+    "087f5b": "",
+    "2b8a3e": "",
+    "5c940d": "",
+    "e67700": "",
+    "d9480f": ""
+  },
+  "welcomeScreen": {
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
+  }
+}
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index aa4647f28..5ba991600 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "데이터베이스에 저장하지 못했습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.",
     "collabSaveFailed_sizeExceeded": "데이터베이스에 저장하지 못했습니다. 캔버스가 너무 큰 거 같습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.",
     "brave_measure_text_error": {
-      "start": "귀하께서는",
-      "aggressive_block_fingerprint": "강력한 지문 차단",
-      "setting_enabled": "설정이 활성화된 Brave browser를 사용하고 계신 것 같습니다",
-      "break": "이 기능으로 인해 화이트보드의",
-      "text_elements": "텍스트 요소들이",
-      "in_your_drawings": "손상될 수 있습니다",
-      "strongly_recommend": "해당 기능을 설정에서 비활성화하는 것을 강력히 권장 드립니다. 비활성화 방법에 대해서는",
-      "steps": "이 게시글을",
-      "how": "참고해주세요.",
-      "disable_setting": " 만약 이 설정을 껐음에도 텍스트 요소들이 올바르게 표시되지 않는다면, 저희",
-      "issue": "Github에 이슈를",
-      "write": "올려주시거나",
-      "discord": "Discord에 제보해주세요"
+      "line1": "귀하께서는 <bold>강력한 지문 차단 설정</bold>이 활성화된 Brave browser를 사용하고 계신 것 같습니다.",
+      "line2": "이 기능으로 인해 화이트보드의 <bold>텍스트 요소들</bold>이 손상될 수 있습니다.",
+      "line3": "저희는 해당 기능을 비활성화하는 것을 강력히 권장 드립니다. 비활성화 방법에 대해서는 <link>이 게시글</link>을 참고해주세요.",
+      "line4": "만약 이 설정을 껐음에도 텍스트 요소들이 올바르게 표시되지 않는다면, 저희 Github에 <issueLink>이슈</issueLink>를 올려주시거나 <discordLink>Discord</discordLink>로 알려주세요."
     }
   },
   "toolBar": {
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 4fbf60492..248c16be4 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "نەتوانرا لە بنکەدراوەی ڕاژەدا پاشەکەوت بکرێت. ئەگەر کێشەکان بەردەوام بوون، پێویستە فایلەکەت لە ناوخۆدا هەڵبگریت بۆ ئەوەی دڵنیا بیت کە کارەکانت لەدەست نادەیت.",
     "collabSaveFailed_sizeExceeded": "نەتوانرا لە بنکەدراوەی ڕاژەدا پاشەکەوت بکرێت، پێدەچێت تابلۆکە زۆر گەورە بێت. پێویستە فایلەکە لە ناوخۆدا هەڵبگریت بۆ ئەوەی دڵنیا بیت کە کارەکانت لەدەست نادەیت.",
     "brave_measure_text_error": {
-      "start": "پێدەچێت وێبگەڕی Brave بەکاربهێنیت لەگەڵ",
-      "aggressive_block_fingerprint": "بلۆککردنی Fingerprinting بەشێوەیەکی توندوتیژانە",
-      "setting_enabled": "ڕێکخستن چالاک کراوە",
-      "break": "ئەمە دەکرێت ببێتە هۆی تێکدانی",
-      "text_elements": "دانە دەقییەکان",
-      "in_your_drawings": "لە وێنەکێشانەکانتدا",
-      "strongly_recommend": "بە توندی پێشنیار دەکەین ئەم ڕێکخستنە لەکاربخەیت. دەتوانیت بڕۆیت بە دوای",
-      "steps": "ئەم هەنگاوانەدا",
-      "how": "بۆ ئەوەی ئەنجامی بدەیت",
-      "disable_setting": " ئەگەر لەکارخستنی ئەم ڕێکخستنە پیشاندانی توخمەکانی دەق چاک نەکاتەوە، تکایە هەڵبستە بە کردنەوەی",
-      "issue": "کێشەیەک",
-      "write": "لەسەر گیتهەبەکەمان، یان بۆمان بنوسە لە",
-      "discord": "دیسکۆرد"
+      "line1": "وادیارە وێبگەڕی Brave بەکاردەهێنیت و ڕێکخستنی <bold>Aggressively Block Fingerprinting</bold> ـت چالاک کردووە.",
+      "line2": "ئەمە ئەکرێ ببێتە هۆی تێکدانی <bold>دانە دەقییەکان</bold> لە وێنەکێشانەکانتدا.",
+      "line3": "ئێمە بە توندی پێشنیاری لەکارخستنی ئەم ڕێکخستنە دەکەین. بۆ لە کارخستنی دەتوانیت بەم <link>هەنگاوانە</link>دا بڕۆیت.",
+      "line4": "ئەگەر لەکارخستنی ئەم ڕێکخستنە نەبوە هۆی چاککردنەوەی پێشاندانی دانە دەقییەکان، تکایە <issueLink>کێشە</issueLink>یەک بکەرەوە لەسەر گیتهەبەکەمان، یان بۆمان بنوسە لەسەر <discordLink>دیسکۆرد</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 1c18c2729..237fec359 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index bc8a3a678..aaeee1795 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Darbs nav saglabāts datubāzē. Ja problēma turpinās, saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
     "collabSaveFailed_sizeExceeded": "Darbs nav saglabāts datubāzē, šķiet, ka tāfele ir pārāk liela. Saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.",
     "brave_measure_text_error": {
-      "start": "Izskatās, ka izmanto Brave interneta plārlūku ar ieslēgtu",
-      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
-      "setting_enabled": "ieslēgtu iestatījumu",
-      "break": "Tas var salauzt",
-      "text_elements": "Teksta elementus",
-      "in_your_drawings": "tavos zīmējumos",
-      "strongly_recommend": "Mēs iesakām izslēgt šo iestatījumu. Tu vari sekot",
-      "steps": "šiem soļiem",
-      "how": "kā to izdarīt",
-      "disable_setting": " Ja šī iestatījuma izslēgšana neatrisina teksta elementu attēlošanu, tad, lūdzu, atver",
-      "issue": "problēmu",
-      "write": "mūsu GitHub vai raksti mums",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 346ae5603..4bb8f9306 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "काही कारणा निमित्त आतल्या डेटाबेसमध्ये जतन करू शकत नाही। समस्या तशिस राहिल्यास, तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही तुमची फाइल स्थानिक जतन करावी.",
     "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।\n\nबॅकएंड डेटाबेसमध्ये जतन करू शकत नाही, कॅनव्हास खूप मोठा असल्याचे दिसते. तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही फाइल स्थानिक पातळीवर जतन करावी.",
     "brave_measure_text_error": {
-      "start": "असं वाटते की तुम्हीं \"Brave\" \"Browser\" वापरत आहात, त्या बरोबार",
-      "aggressive_block_fingerprint": "बोटांचे ठसे उग्रतेने थाम्बवाचे",
-      "setting_enabled": "सेटिंग्स सक्रिय केले आहेत",
-      "break": "ह्या कारणानिं",
-      "text_elements": "पाठ अवयव तुटु शकतात",
-      "in_your_drawings": "तुमच्या चित्रिकराणतले",
-      "strongly_recommend": "आमचा ज़ोरदार सल्ला असा कि सेटिंग्स निष्क्रिय करावे. तुम्हीं",
-      "steps": "ह्या स्टेप्स",
-      "how": "घेउ शकतात",
-      "disable_setting": " जर सेटिंग्स निष्क्रिय करून पाठ्य दिसणे ठीक नसेल होत तर",
-      "issue": "मुद्दा",
-      "write": "आमच्या Github वर, किव्हा आम्हाला",
-      "discord": "\"Discord\" वर लिहां"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 437e9d13b..d0b64a389 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 7a2e72c55..36c4fca79 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Kan ikke lagre i backend-databasen. Hvis problemer vedvarer, bør du lagre filen lokalt for å sikre at du ikke mister arbeidet.",
     "collabSaveFailed_sizeExceeded": "Kunne ikke lagre til backend-databasen, lerretet ser ut til å være for stort. Du bør lagre filen lokalt for å sikre at du ikke mister arbeidet ditt.",
     "brave_measure_text_error": {
-      "start": "Ser ut som du bruker Brave nettleser med",
-      "aggressive_block_fingerprint": "Blokker fingeravtrykk aggressivt",
-      "setting_enabled": "innstilling aktivert",
-      "break": "Dette kan føre til at den bryter",
-      "text_elements": "Tekstelementer",
-      "in_your_drawings": "i tegningene dine",
-      "strongly_recommend": "Vi anbefaler på det sterkeste å deaktivere denne innstillingen. Du kan følge dette",
-      "steps": "disse trinnene",
-      "how": "om hvordan det skal gjøres",
-      "disable_setting": " Hvis deaktivering av denne innstillingen ikke fikser visningen av tekstelementer, kan du åpne en",
-      "issue": "sak",
-      "write": "på vår GitHub, eller skriv oss på",
-      "discord": "Discord"
+      "line1": "Ser ut som om du bruker Brave nettleser med <bold>Aggressivt Block Finger</bold> -innstillingen aktivert.",
+      "line2": "Dette kan resultere i å bryte <bold>tekst-elementene</bold> i tegningene.",
+      "line3": "Vi anbefaler på det sterkeste å deaktivere denne innstillingen. Du kan følge <link>disse trinnene</link> om hvordan du gjør det.",
+      "line4": "Hvis deaktivering av denne innstillingen ikke fikser visningen av tekstelementer, vennligst åpne en <issueLink>sak</issueLink> på vår GitHub, eller skriv oss på <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 62baedf83..417882da1 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Kan niet opslaan in de backend database. Als de problemen blijven bestaan, moet u het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.",
     "collabSaveFailed_sizeExceeded": "Kan de backend database niet opslaan, het canvas lijkt te groot te zijn. U moet het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.",
     "brave_measure_text_error": {
-      "start": "Het ziet er uit dat u de Brave browser gebruikt met de",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "instelling ingeschakeld",
-      "break": "Dit kan leiden tot het breken van de",
-      "text_elements": "Tekst Elementen",
-      "in_your_drawings": "in je tekeningen",
-      "strongly_recommend": "We raden u ten zeerste aan deze instelling uit te schakelen. U kunt dit volgen",
-      "steps": "deze stappen",
-      "how": "over hoe dit te doen",
-      "disable_setting": " Indien het uitschakelen van deze instelling de weergave van tekst elementen niet wijzigt, open dan een",
-      "issue": "probleem",
-      "write": "",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index 49333b910..fcdefab9d 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index cae6682df..3bc67225e 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 2b7c66a33..b18cc6f97 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index b12928698..ea7a668f8 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,53 +1,55 @@
 {
-  "ar-SA": 88,
-  "bg-BG": 52,
-  "bn-BD": 57,
-  "ca-ES": 95,
-  "cs-CZ": 71,
-  "da-DK": 31,
+  "ar-SA": 90,
+  "bg-BG": 53,
+  "bn-BD": 59,
+  "ca-ES": 98,
+  "cs-CZ": 73,
+  "da-DK": 32,
   "de-DE": 100,
-  "el-GR": 98,
+  "el-GR": 97,
   "en": 100,
-  "es-ES": 100,
-  "eu-ES": 99,
-  "fa-IR": 91,
-  "fi-FI": 95,
-  "fr-FR": 99,
-  "gl-ES": 99,
-  "he-IL": 99,
-  "hi-IN": 73,
-  "hu-HU": 85,
-  "id-ID": 98,
-  "it-IT": 99,
-  "ja-JP": 96,
+  "es-ES": 99,
+  "eu-ES": 98,
+  "fa-IR": 100,
+  "fi-FI": 98,
+  "fr-FR": 98,
+  "gl-ES": 98,
+  "he-IL": 98,
+  "hi-IN": 71,
+  "hu-HU": 87,
+  "id-ID": 97,
+  "it-IT": 98,
+  "ja-JP": 98,
+  "kaa": 20,
   "kab-KAB": 93,
-  "kk-KZ": 19,
+  "kk-KZ": 20,
+  "km-KH": 0,
   "ko-KR": 100,
   "ku-TR": 100,
-  "lt-LT": 61,
-  "lv-LV": 100,
-  "mr-IN": 100,
-  "my-MM": 39,
+  "lt-LT": 62,
+  "lv-LV": 99,
+  "mr-IN": 99,
+  "my-MM": 40,
   "nb-NO": 100,
-  "nl-NL": 92,
-  "nn-NO": 85,
-  "oc-FR": 94,
-  "pa-IN": 79,
-  "pl-PL": 87,
-  "pt-BR": 95,
-  "pt-PT": 100,
+  "nl-NL": 91,
+  "nn-NO": 87,
+  "oc-FR": 96,
+  "pa-IN": 81,
+  "pl-PL": 88,
+  "pt-BR": 98,
+  "pt-PT": 99,
   "ro-RO": 100,
   "ru-RU": 100,
   "si-LK": 8,
-  "sk-SK": 99,
+  "sk-SK": 100,
   "sl-SI": 100,
   "sv-SE": 100,
-  "ta-IN": 90,
-  "th-TH": 39,
-  "tr-TR": 97,
-  "uk-UA": 92,
-  "vi-VN": 52,
-  "zh-CN": 99,
-  "zh-HK": 24,
+  "ta-IN": 92,
+  "th-TH": 40,
+  "tr-TR": 96,
+  "uk-UA": 95,
+  "vi-VN": 56,
+  "zh-CN": 100,
+  "zh-HK": 25,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index 797d88fa1..b3feba402 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Nie udało się zapisać w bazie danych. Jeśli problemy nie ustąpią, zapisz plik lokalnie, aby nie utracić swojej pracy.",
     "collabSaveFailed_sizeExceeded": "Nie udało się zapisać w bazie danych — dokument jest za duży. Zapisz plik lokalnie, aby nie utracić swojej pracy.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "problem",
-      "write": "na naszym GitHubie lub napisz do nas na",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 12a1a5d46..f544cce10 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Não foi possível salvar no banco de dados do servidor. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
     "collabSaveFailed_sizeExceeded": "Não foi possível salvar no banco de dados do servidor, a tela parece ser muito grande. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 947682311..96cb4168a 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Não foi possível guardar na base de dados de backend. Se os problemas persistirem, guarde o ficheiro localmente para garantir que não perde o seu trabalho.",
     "collabSaveFailed_sizeExceeded": "Não foi possível guardar na base de dados de backend, o ecrã parece estar muito grande. Deve guardar o ficheiro localmente para garantir que não perde o seu trabalho.",
     "brave_measure_text_error": {
-      "start": "Parece que está a usar o navegador Brave com o",
-      "aggressive_block_fingerprint": "Bloqueio Agressivo via Impressão Digital",
-      "setting_enabled": "activo",
-      "break": "Isso pode desconfigurar os",
-      "text_elements": "Elementos de Texto",
-      "in_your_drawings": "nos seus desenhos",
-      "strongly_recommend": "Recomendamos fortemente a desactivação desta configuração. Pode seguir",
-      "steps": "os seguintes passos",
-      "how": "para saber como o fazer",
-      "disable_setting": " Se desactivar esta configuração não consertar a exibição de elementos de texto, por favor, abra um",
-      "issue": "problema",
-      "write": "no nosso GitHub ou então escreva-nos no",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 611ed5676..bfbda4bfd 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Nu s-a putut salva în baza de date la nivel de server. Dacă problemele persistă, ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.",
     "collabSaveFailed_sizeExceeded": "Nu s-a putut salva în baza de date la nivel de server, întrucât se pare că pânza este prea mare. Ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.",
     "brave_measure_text_error": {
-      "start": "Se pare că folosești navigatorul Brave cu",
-      "aggressive_block_fingerprint": "setarea „Blocați amprentarea” în modul strict",
-      "setting_enabled": "activată",
-      "break": "Acest lucru ar putea duce la întreruperea",
-      "text_elements": "elementelor de text",
-      "in_your_drawings": "din desenele tale",
-      "strongly_recommend": "Recomandăm insistent dezactivarea acestei setări. Poți urma",
-      "steps": "acești pași",
-      "how": "pentru efectuarea procedurii",
-      "disable_setting": " Dacă dezactivarea acestei setări nu remediază afișarea elementelor de text, deschide",
-      "issue": "un tichet cu probleme",
-      "write": "pe pagina noastră de GitHub sau scrie-ne pe",
-      "discord": "Discord"
+      "line1": "Se pare că folosești navigatorul Brave cu opțiunea <bold>strictă pentru blocarea amprentării</bold>.",
+      "line2": "Acest lucru poate duce la întreruperea <bold>elementelor text</bold> din desene.",
+      "line3": "Îți recomandăm ferm să dezactivezi această setare. Poți urma <link>acești pași</link> pentru a face acest lucru.",
+      "line4": "Dacă dezactivarea acestei setări nu duce la remedierea afișării elementelor text, deschide un tichet de <issueLink>problemă</issueLink> pe pagina noastră de GitHub sau scrie-ne pe <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index cda20347a..8ed74de6f 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Не удалось сохранить в базу данных. Если проблема повторится, нужно будет сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
     "collabSaveFailed_sizeExceeded": "Не удалось сохранить в базу данных. Похоже, что холст слишком большой. Нужно сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.",
     "brave_measure_text_error": {
-      "start": "Похоже, вы используете браузер Brave с",
-      "aggressive_block_fingerprint": "Агрессивно блокировать фингерпринтинг",
-      "setting_enabled": "параметр включен",
-      "break": "Это может привести к поломке",
-      "text_elements": "Текстовых элементов",
-      "in_your_drawings": "в ваших рисунках",
-      "strongly_recommend": "Мы настоятельно рекомендуем отключить эту настройку. Вы можете выполнить",
-      "steps": "эти действия",
-      "how": "для отключения",
-      "disable_setting": " Если отключение этого параметра не исправит отображение текстовых элементов, пожалуйста, откройте",
-      "issue": "issue",
-      "write": "на нашем GitHub, или напишите нам в",
-      "discord": "Discord"
+      "line1": "Похоже, вы используете браузер Brave с включенной опцией <bold>Агрессивно блокировать отслеживание</bold>.",
+      "line2": "Это может привести к поломке <bold>Текстовых объектов</bold> на рисунке.",
+      "line3": "Мы настоятельно рекомендуем отключить эту настройку. Для этого нужно выполнить <link>эти шаги</link>.",
+      "line4": "Если отключение этой настройки не исправит отображение текстовых объектов, создайте <issueLink>issue</issueLink> на нашем GitHub или напишите нам в <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 01f5bcac2..786ff8004 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 4bb6f0e76..d3374aa5d 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -54,7 +54,7 @@
     "veryLarge": "Veľmi veľké",
     "solid": "Plná",
     "hachure": "Šrafovaná",
-    "zigzag": "",
+    "zigzag": "Cik-cak",
     "crossHatch": "Mriežkovaná",
     "thin": "Tenká",
     "bold": "Hrubá",
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Uloženie do databázy sa nepodarilo. Ak tento problém pretrváva uložte si váš súbor lokálne aby ste nestratili vašu prácu.",
     "collabSaveFailed_sizeExceeded": "Uloženie do databázy sa nepodarilo, pretože veľkosť plátna je príliš veľká. Uložte si váš súbor lokálne aby ste nestratili vašu prácu.",
     "brave_measure_text_error": {
-      "start": "Vyzerá to, že používate prehliadač Brave s",
-      "aggressive_block_fingerprint": "agresívnym blokovaním sledovania",
-      "setting_enabled": "zapnutým",
-      "break": "Toto môže znemožniť používanie",
-      "text_elements": "textových prvkov",
-      "in_your_drawings": "vo vašich kresbách",
-      "strongly_recommend": "Odporúčame vypnutie tohto nastavenia. Postupuje podľa",
-      "steps": "týchto krokov",
-      "how": "pre jeho vypnutie",
-      "disable_setting": " Ak sa vypnutím tohto nastavenia problém zobrazenia textových prvkov neodstráni, prosím vytvorte",
-      "issue": "issue",
-      "write": "na našom Github-e alebo nám to oznámte na",
-      "discord": "Discord"
+      "line1": "Vyzerá to, že používate prehliadač Brave so zapnutým nastavením pre <bold>agresívne blokovanie</bold>.",
+      "line2": "To môže spôsobiť nesprávne zobrazenie <bold>textových prvkov</bold> vo vašej kresbe.",
+      "line3": "Dôrazne odporúčame vypnutie toho nastavenia. Môžete tak spraviť vykonaním <link>týchto krokov</link>.",
+      "line4": "Ak vypnutie toho nastavenia nevyrieši problém so zobrazením textových prvkov, prosím ohláste <issueLink>problém</issueLink> na našom GitHub-e alebo nám napíšte na náš <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index dc073c0cb..2e178d129 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Ni bilo mogoče shraniti v zaledno bazo podatkov. Če se težave nadaljujejo, shranite datoteko lokalno, da ne boste izgubili svojega dela.",
     "collabSaveFailed_sizeExceeded": "Ni bilo mogoče shraniti v zaledno bazo podatkov, zdi se, da je platno preveliko. Datoteko shranite lokalno, da ne izgubite svojega dela.",
     "brave_measure_text_error": {
-      "start": "Videti je, da uporabljate brskalnik Brave z omogočeno nastavitvijo",
-      "aggressive_block_fingerprint": "Agresivno blokiranje prstnih odtisov",
-      "setting_enabled": " ",
-      "break": "To bi lahko povzročilo motnje v obnašanju",
-      "text_elements": "besedilnih elementov",
-      "in_your_drawings": "v vaših risbah",
-      "strongly_recommend": "Močno priporočamo, da onemogočite to nastavitev. Sledite",
-      "steps": "tem korakom,",
-      "how": "kako to storiti",
-      "disable_setting": " Če onemogočanje te nastavitve ne popravi prikaza besedilnih elementov, odprite",
-      "issue": "vprašanje",
-      "write": "na našem GitHubu ali nam pišite na",
-      "discord": "Discord"
+      "line1": "Videti je, da uporabljate brskalnik Brave z omogočeno nastavitvijo <bold>Agresivno blokiranje prstnih odtisov</bold>.",
+      "line2": "To bi lahko povzročilo motnje v obnašanju <bold>besedilnih elementov</bold> v vaših risbah.",
+      "line3": "Močno priporočamo, da onemogočite to nastavitev. Sledite <link>tem korakom</link>, kako to storiti.",
+      "line4": "Če onemogočanje te nastavitve ne popravi prikaza besedilnih elementov, odprite <issueLink>vprašanje</issueLink> na našem GitHubu ali nam pišite na <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index 502c1bb1e..f61b63767 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Det gick inte att spara i backend-databasen. Om problemen kvarstår bör du spara filen lokalt för att se till att du inte förlorar ditt arbete.",
     "collabSaveFailed_sizeExceeded": "Det gick inte att spara till backend-databasen, whiteboarden verkar vara för stor. Du bör spara filen lokalt för att du inte ska förlora ditt arbete.",
     "brave_measure_text_error": {
-      "start": "Det ser ut som att du använder webbläsaren Brave med",
-      "aggressive_block_fingerprint": "Blockera \"Fingerprinting\" aggressivt",
-      "setting_enabled": "inställningen aktiverad",
-      "break": "Detta kan resultera i att ha sönder",
-      "text_elements": "Textelement",
-      "in_your_drawings": "i dina skisser",
-      "strongly_recommend": "Vi rekommenderar starkt att inaktivera denna inställning. Du kan följa",
-      "steps": "dessa steg",
-      "how": "om hur man gör det",
-      "disable_setting": " Om inaktivering av den här inställningen inte åtgärdar visningen av textelement, vänligen skapa ett",
-      "issue": "ärende",
-      "write": "på vår GitHub, eller skriv till oss på",
-      "discord": "Discord"
+      "line1": "Det ser ut som om du använder Brave-webbläsaren med <bold>Aggressivt Blockera fingeravtryck</bold> inställningen aktiverad.",
+      "line2": "Detta kan resultera i trasiga <bold>Textelement</bold> i dina ritningar.",
+      "line3": "Vi rekommenderar starkt att du inaktiverar den här inställningen. Du kan följa <link>dessa steg</link> för att inaktivera den.",
+      "line4": "Om inaktivering av denna inställning inte åtgärdar visningen av textelement, öppna ett <issueLink>ärende</issueLink> på vår GitHub, eller skriv till oss på <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 47c6e644b..279dcdd3c 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
index 021c0ce97..bd87b5189 100644
--- a/src/locales/th-TH.json
+++ b/src/locales/th-TH.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 8e1f2b4a0..9bd473b00 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Backend veritabanına kaydedilemedi. Eğer problem devam ederse, çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.",
     "collabSaveFailed_sizeExceeded": "Backend veritabanına kaydedilemedi; tuval çok büyük. Çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.",
     "brave_measure_text_error": {
-      "start": "Görünüşe göre Brave gezginini",
-      "aggressive_block_fingerprint": "Agresif parmakizi bloklama",
-      "setting_enabled": "ayarları etkin şeklide kullanıyor gibisiniz",
-      "break": "Bu bir takım sorunlara yol açabilir",
-      "text_elements": "Metin elementlerinde bozulma",
-      "in_your_drawings": "çizimlerde bozulma gibi",
-      "strongly_recommend": "Bu ayarı devre dışı bırakmanızı şiddetle öneririz. Şu adımları",
-      "steps": "takip ederek",
-      "how": "nasıl yapılacağını",
-      "disable_setting": " Yapabilirsiniz. Eğer devre dışı bırakmak işe yaramazsa, lütfen",
-      "issue": "konu hakkında",
-      "write": "github'da sorun belirtin, ya da bize",
-      "discord": "Discord üzerinden iletin"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index 417e0a16a..fbe77af76 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 27fccfb53..dcc8c44df 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -54,7 +54,7 @@
     "veryLarge": "Rất lớn",
     "solid": "Đặc",
     "hachure": "Nét gạch gạch",
-    "zigzag": "",
+    "zigzag": "Zigzag",
     "crossHatch": "Nét gạch chéo",
     "thin": "Mỏng",
     "bold": "In đậm",
@@ -87,7 +87,7 @@
     "removeFromLibrary": "Xóa khỏi thư viện",
     "libraryLoadingMessage": "Đang tải thư viện…",
     "libraries": "Xem thư viện",
-    "loadingScene": "",
+    "loadingScene": "Đang tải về…",
     "align": "Căn chỉnh",
     "alignTop": "Căn trên",
     "alignBottom": "Căn dưới",
@@ -105,7 +105,7 @@
     "showStroke": "Hiển thị chọn màu",
     "showBackground": "Hiện thị chọn màu nền",
     "toggleTheme": "",
-    "personalLib": "",
+    "personalLib": "Thư viện cá nhân",
     "excalidrawLib": "Thư viện Excalidraw",
     "decreaseFontSize": "Giảm cỡ chữ",
     "increaseFontSize": "Tăng cỡ chữ",
@@ -143,25 +143,25 @@
     "exportToPng": "Xuất ra tập tin PNG",
     "exportToSvg": "Xuất ra tập tin SVG",
     "copyToClipboard": "Sao chép vào bộ nhớ tạm",
-    "copyPngToClipboard": "",
-    "scale": "",
-    "save": "",
-    "saveAs": "",
-    "load": "",
-    "getShareableLink": "",
-    "close": "",
-    "selectLanguage": "",
-    "scrollBackToContent": "",
-    "zoomIn": "",
-    "zoomOut": "",
-    "resetZoom": "",
-    "menu": "",
-    "done": "",
-    "edit": "",
-    "undo": "",
-    "redo": "",
+    "copyPngToClipboard": "Sao chép PNG vào bộ nhớ",
+    "scale": "Co giãn",
+    "save": "Lưu vào tập tin hiện tại",
+    "saveAs": "Lưu thành",
+    "load": "Mở",
+    "getShareableLink": "Tạo liên kết để chia sẻ",
+    "close": "Đóng",
+    "selectLanguage": "Chọn ngôn ngữ",
+    "scrollBackToContent": "Cuộn về nội dung chính",
+    "zoomIn": "Phóng to",
+    "zoomOut": "Thu nhỏ",
+    "resetZoom": "Đặt lại thu phóng",
+    "menu": "Bảng chọn",
+    "done": "Xong",
+    "edit": "Chỉnh sửa",
+    "undo": "Hoàn tác",
+    "redo": "Làm lại",
     "resetLibrary": "",
-    "createNewRoom": "",
+    "createNewRoom": "Tạo phòng mới",
     "fullScreen": "Toàn màn hình",
     "darkMode": "Chế độ tối",
     "lightMode": "Chế độ sáng",
@@ -182,7 +182,7 @@
     "importBackendFailed": "",
     "cannotExportEmptyCanvas": "Không thể xuất canvas trống.",
     "couldNotCopyToClipboard": "",
-    "decryptFailed": "",
+    "decryptFailed": "Không thể giải mã dữ liệu.",
     "uploadedSecurly": "",
     "loadSceneOverridePrompt": "",
     "collabStopOverridePrompt": "Dừng phiên sẽ ghi đè lên bản vẽ được lưu trữ cục bộ trước đó của bạn. Bạn có chắc không?\n\n(Nếu bạn muốn giữ bản vẽ cục bộ của mình, chỉ cần đóng tab trình duyệt.)",
@@ -208,19 +208,10 @@
     "collabSaveFailed": "Không thể lưu vào cơ sở dữ liệu. Nếu vấn đề tiếp tục xảy ra, bạn nên lưu tệp vào máy để đảm bảo bạn không bị mất công việc.",
     "collabSaveFailed_sizeExceeded": "Không thể lưu vào cơ sở dữ liệu, canvas có vẻ quá lớn. Bạn nên lưu tệp cục bộ để đảm bảo bạn không bị mất công việc.",
     "brave_measure_text_error": {
-      "start": "Có vẻ bạn đang sử dụng trình duyện Brave với chức năng",
-      "aggressive_block_fingerprint": "Aggressively Block Fingerprinting",
-      "setting_enabled": "được bật",
-      "break": "Điều này có thể xảy ra lỗi các",
-      "text_elements": "Yếu Tố Chữ",
-      "in_your_drawings": "trong bản vẽ của bạn",
-      "strongly_recommend": "Chúng tôi khuyên rằng bạn nên tắt chức năng này. Bạn có thể theo",
-      "steps": "các bước sau đây",
-      "how": "để tắt nó",
-      "disable_setting": " Nếu tắt chức năng này vẫn không sửa lại lỗi hiện thị các yếu tố chữ, hảy mở",
-      "issue": "issue",
-      "write": "trên trang GitHUb của chúng tôi, hoặc nhắn chúng tôi tại",
-      "discord": "Discord"
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 18584cda7..d47ac5744 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -54,7 +54,7 @@
     "veryLarge": "加大",
     "solid": "实心",
     "hachure": "线条",
-    "zigzag": "",
+    "zigzag": "之字形折线",
     "crossHatch": "交叉线条",
     "thin": "细",
     "bold": "粗",
@@ -208,19 +208,10 @@
     "collabSaveFailed": "无法保存到后端数据库。如果问题持续存在，您应该保存文件到本地，以确保您的工作不会丢失。",
     "collabSaveFailed_sizeExceeded": "无法保存到后端数据库，画布似乎过大。您应该保存文件到本地，以确保您的工作不会丢失。",
     "brave_measure_text_error": {
-      "start": "看起来您正在使用 Brave 浏览器并启用了",
-      "aggressive_block_fingerprint": "积极阻止指纹识别",
-      "setting_enabled": "设置",
-      "break": "这可能会破坏绘图中的",
-      "text_elements": "文本元素",
-      "in_your_drawings": " ",
-      "strongly_recommend": "我们强烈建议禁用此设置。您可以按照",
-      "steps": "这些步骤",
-      "how": "来设置",
-      "disable_setting": " 如果禁用此设置无法修复文本元素的显示，请在 GitHub 提交一个",
-      "issue": "issue",
-      "write": "，或者通过",
-      "discord": "Discord 反馈"
+      "line1": "您似乎正在使用 Brave 浏览器并启用了<bold>积极阻止指纹识别</bold>的设置。",
+      "line2": "这可能会破坏绘图中的 <bold>文本元素</bold>。",
+      "line3": "我们强烈建议禁用此设置。您可以按照 <link>这些步骤</link> 来设置。",
+      "line4": "如果禁用此设置无法修复文本元素的显示，请在 GitHub 上提交一个 <issueLink>issue</issueLink> ，或者在 <discordLink>Discord</discordLink> 上反馈"
     }
   },
   "toolBar": {
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index 5cff35a5c..b89f8af73 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
-      "start": "",
-      "aggressive_block_fingerprint": "",
-      "setting_enabled": "",
-      "break": "",
-      "text_elements": "",
-      "in_your_drawings": "",
-      "strongly_recommend": "",
-      "steps": "",
-      "how": "",
-      "disable_setting": "",
-      "issue": "",
-      "write": "",
-      "discord": ""
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
     }
   },
   "toolBar": {
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 25c9b0f57..fe8868bac 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -208,19 +208,10 @@
     "collabSaveFailed": "無法儲存至後端資料庫。若此問題持續發生，請將檔案儲存於本機以確保資料不會遺失。",
     "collabSaveFailed_sizeExceeded": "無法儲存至後端資料庫，可能的原因為畫布尺寸過大。請將檔案儲存於本機以確保資料不會遺失。",
     "brave_measure_text_error": {
-      "start": "您似乎正在使用 Brave 瀏覽器並且將",
-      "aggressive_block_fingerprint": "\"Aggressively Block Fingerprinting\" 設定",
-      "setting_enabled": "設為開啟",
-      "break": "這可能導致破壞",
-      "text_elements": "文字元素",
-      "in_your_drawings": "在您的繪圖中",
-      "strongly_recommend": "我們強烈建議您關掉此設定。您可以參考",
-      "steps": "這些步驟",
-      "how": "來變更",
-      "disable_setting": " 若關閉此設定無法修正文字元素的顯示問題，請回報",
-      "issue": "問題",
-      "write": "至我們的 GitHub，或反應在我們的",
-      "discord": "Discord"
+      "line1": "看起來您開啟了 Brave 瀏覽器的 <bold>Aggressively Block Fingerprinting</bold> 設定。",
+      "line2": "這可能造成您畫布中 <bold>文字元素</bold> 的異常。",
+      "line3": "我們強烈建議您關閉此設定。您可以依照 <link>這些步驟</link> 來進行。",
+      "line4": "若關閉此設定並未修復文字元素的顯示問題，請回報於我們 GitHub 上的 <issueLink>issue</issueLink>，或在 <discordLink>Discord</discordLink> 上告訴我們。"
     }
   },
   "toolBar": {

From e619e0605530e2e83db883968aea1435ec15ed18 Mon Sep 17 00:00:00 2001
From: Contextualist <harzjc@gmail.com>
Date: Wed, 10 May 2023 16:39:21 +0800
Subject: [PATCH 176/252] fix: i18n: Apply Trans component to publish library
 dialogue (#6564)

---
 src/components/LibraryMenuHeaderContent.tsx | 24 ++++----
 src/components/PublishLibrary.tsx           | 64 ++++++++++++---------
 src/components/TopErrorBoundary.tsx         | 58 +++++++++++--------
 src/locales/bg-BG.json                      | 34 +++--------
 src/locales/bn-BD.json                      | 34 +++--------
 src/locales/ca-ES.json                      | 34 +++--------
 src/locales/cs-CZ.json                      | 32 +++--------
 src/locales/da-DK.json                      | 32 +++--------
 src/locales/de-DE.json                      | 34 +++--------
 src/locales/el-GR.json                      | 34 +++--------
 src/locales/en.json                         | 34 +++--------
 src/locales/es-ES.json                      | 34 +++--------
 src/locales/eu-ES.json                      | 34 +++--------
 src/locales/fi-FI.json                      | 34 +++--------
 src/locales/fr-FR.json                      | 34 +++--------
 src/locales/gl-ES.json                      | 34 +++--------
 src/locales/hi-IN.json                      | 34 +++--------
 src/locales/hu-HU.json                      | 34 +++--------
 src/locales/id-ID.json                      | 34 +++--------
 src/locales/it-IT.json                      | 34 +++--------
 src/locales/ja-JP.json                      | 34 +++--------
 src/locales/kab-KAB.json                    | 34 +++--------
 src/locales/kk-KZ.json                      | 32 +++--------
 src/locales/ko-KR.json                      | 34 +++--------
 src/locales/ku-TR.json                      | 34 +++--------
 src/locales/lt-LT.json                      | 32 +++--------
 src/locales/lv-LV.json                      | 34 +++--------
 src/locales/mr-IN.json                      | 34 +++--------
 src/locales/my-MM.json                      | 34 +++--------
 src/locales/nb-NO.json                      | 34 +++--------
 src/locales/nl-NL.json                      | 34 +++--------
 src/locales/nn-NO.json                      | 34 +++--------
 src/locales/oc-FR.json                      | 34 +++--------
 src/locales/pa-IN.json                      | 34 +++--------
 src/locales/pl-PL.json                      | 34 +++--------
 src/locales/pt-BR.json                      | 34 +++--------
 src/locales/pt-PT.json                      | 34 +++--------
 src/locales/ro-RO.json                      | 34 +++--------
 src/locales/ru-RU.json                      | 34 +++--------
 src/locales/si-LK.json                      | 32 +++--------
 src/locales/sk-SK.json                      | 34 +++--------
 src/locales/sl-SI.json                      | 34 +++--------
 src/locales/sv-SE.json                      | 34 +++--------
 src/locales/ta-IN.json                      | 34 +++--------
 src/locales/th-TH.json                      | 34 +++--------
 src/locales/tr-TR.json                      | 34 +++--------
 src/locales/uk-UA.json                      | 34 +++--------
 src/locales/vi-VN.json                      | 34 +++--------
 src/locales/zh-CN.json                      | 34 +++--------
 src/locales/zh-HK.json                      | 34 +++--------
 src/locales/zh-TW.json                      | 34 +++--------
 51 files changed, 463 insertions(+), 1305 deletions(-)

diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 2df5880c7..07736f9d3 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -1,5 +1,6 @@
 import { useCallback, useState } from "react";
 import { t } from "../i18n";
+import Trans from "./Trans";
 import { jotaiScope } from "../jotai";
 import { LibraryItem, LibraryItems, UIAppState } from "../types";
 import { useApp, useExcalidrawSetAppState } from "./App";
@@ -105,16 +106,19 @@ export const LibraryDropdownMenuButton: React.FC<{
         small={true}
       >
         <p>
-          {t("publishSuccessDialog.content", {
-            authorName: publishLibSuccess!.authorName,
-          })}{" "}
-          <a
-            href={publishLibSuccess?.url}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            {t("publishSuccessDialog.link")}
-          </a>
+          <Trans
+            i18nKey="publishSuccessDialog.content"
+            authorName={publishLibSuccess!.authorName}
+            link={(el) => (
+              <a
+                href={publishLibSuccess?.url}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {el}
+              </a>
+            )}
+          />
         </p>
         <ToolButton
           type="button"
diff --git a/src/components/PublishLibrary.tsx b/src/components/PublishLibrary.tsx
index cb40f6b07..ef7453e7c 100644
--- a/src/components/PublishLibrary.tsx
+++ b/src/components/PublishLibrary.tsx
@@ -3,6 +3,7 @@ import OpenColor from "open-color";
 
 import { Dialog } from "./Dialog";
 import { t } from "../i18n";
+import Trans from "./Trans";
 
 import { LibraryItems, LibraryItem, UIAppState } from "../types";
 import { exportToCanvas, exportToSvg } from "../packages/utils";
@@ -402,26 +403,32 @@ const PublishLibrary = ({
       {shouldRenderForm ? (
         <form onSubmit={onSubmit}>
           <div className="publish-library-note">
-            {t("publishDialog.noteDescription.pre")}
-            <a
-              href="https://libraries.excalidraw.com"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {t("publishDialog.noteDescription.link")}
-            </a>{" "}
-            {t("publishDialog.noteDescription.post")}
+            <Trans
+              i18nKey="publishDialog.noteDescription"
+              link={(el) => (
+                <a
+                  href="https://libraries.excalidraw.com"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {el}
+                </a>
+              )}
+            />
           </div>
           <span className="publish-library-note">
-            {t("publishDialog.noteGuidelines.pre")}
-            <a
-              href="https://github.com/excalidraw/excalidraw-libraries#guidelines"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {t("publishDialog.noteGuidelines.link")}
-            </a>
-            {t("publishDialog.noteGuidelines.post")}
+            <Trans
+              i18nKey="publishDialog.noteGuidelines"
+              link={(el) => (
+                <a
+                  href="https://github.com/excalidraw/excalidraw-libraries#guidelines"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {el}
+                </a>
+              )}
+            />
           </span>
 
           <div className="publish-library-note">
@@ -515,15 +522,18 @@ const PublishLibrary = ({
               />
             </label>
             <span className="publish-library-note">
-              {t("publishDialog.noteLicense.pre")}
-              <a
-                href="https://github.com/excalidraw/excalidraw-libraries/blob/main/LICENSE"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                {t("publishDialog.noteLicense.link")}
-              </a>
-              {t("publishDialog.noteLicense.post")}
+              <Trans
+                i18nKey="publishDialog.noteLicense"
+                link={(el) => (
+                  <a
+                    href="https://github.com/excalidraw/excalidraw-libraries/blob/main/LICENSE"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    {el}
+                  </a>
+                )}
+              />
             </span>
           </div>
           <div className="publish-library__buttons">
diff --git a/src/components/TopErrorBoundary.tsx b/src/components/TopErrorBoundary.tsx
index ce81ec092..d465514f1 100644
--- a/src/components/TopErrorBoundary.tsx
+++ b/src/components/TopErrorBoundary.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import * as Sentry from "@sentry/browser";
 import { t } from "../i18n";
+import Trans from "./Trans";
 
 interface TopErrorBoundaryState {
   hasError: boolean;
@@ -74,25 +75,31 @@ export class TopErrorBoundary extends React.Component<
       <div className="ErrorSplash excalidraw">
         <div className="ErrorSplash-messageContainer">
           <div className="ErrorSplash-paragraph bigger align-center">
-            {t("errorSplash.headingMain_pre")}
-            <button onClick={() => window.location.reload()}>
-              {t("errorSplash.headingMain_button")}
-            </button>
+            <Trans
+              i18nKey="errorSplash.headingMain"
+              button={(el) => (
+                <button onClick={() => window.location.reload()}>{el}</button>
+              )}
+            />
           </div>
           <div className="ErrorSplash-paragraph align-center">
-            {t("errorSplash.clearCanvasMessage")}
-            <button
-              onClick={() => {
-                try {
-                  localStorage.clear();
-                  window.location.reload();
-                } catch (error: any) {
-                  console.error(error);
-                }
-              }}
-            >
-              {t("errorSplash.clearCanvasMessage_button")}
-            </button>
+            <Trans
+              i18nKey="errorSplash.clearCanvasMessage"
+              button={(el) => (
+                <button
+                  onClick={() => {
+                    try {
+                      localStorage.clear();
+                      window.location.reload();
+                    } catch (error: any) {
+                      console.error(error);
+                    }
+                  }}
+                >
+                  {el}
+                </button>
+              )}
+            />
             <br />
             <div className="smaller">
               <span role="img" aria-label="warning">
@@ -106,16 +113,17 @@ export class TopErrorBoundary extends React.Component<
           </div>
           <div>
             <div className="ErrorSplash-paragraph">
-              {t("errorSplash.trackedToSentry_pre")}
-              {this.state.sentryEventId}
-              {t("errorSplash.trackedToSentry_post")}
+              {t("errorSplash.trackedToSentry", {
+                eventId: this.state.sentryEventId,
+              })}
             </div>
             <div className="ErrorSplash-paragraph">
-              {t("errorSplash.openIssueMessage_pre")}
-              <button onClick={() => this.createGithubIssue()}>
-                {t("errorSplash.openIssueMessage_button")}
-              </button>
-              {t("errorSplash.openIssueMessage_post")}
+              <Trans
+                i18nKey="errorSplash.openIssueMessage"
+                button={(el) => (
+                  <button onClick={() => this.createGithubIssue()}>{el}</button>
+                )}
+              />
             </div>
             <div className="ErrorSplash-paragraph">
               <div className="ErrorSplash-details">
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index 292a1544f..ef9a3759d 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Подсказка: пробвайте да приближите далечните елементи по-близко."
   },
   "errorSplash": {
-    "headingMain_pre": "Среща грешка. Опитайте ",
-    "headingMain_button": "презареждане на страницата.",
-    "clearCanvasMessage": "Ако презареждането не работи, опитайте ",
-    "clearCanvasMessage_button": "изчистване на платното.",
+    "headingMain": "Среща грешка. Опитайте <button>презареждане на страницата.</button>",
+    "clearCanvasMessage": "Ако презареждането не работи, опитайте <button>изчистване на платното.</button>",
     "clearCanvasCaveat": " Това ще доведе до загуба на работа ",
-    "trackedToSentry_pre": "Грешката с идентификатор ",
-    "trackedToSentry_post": " беше проследен в нашата система.",
-    "openIssueMessage_pre": "Бяхме много предпазливи да не включите информацията за вашата сцена при грешката. Ако сцената ви не е частна, моля, помислете за последващи действия на нашата ",
-    "openIssueMessage_button": "тракер за грешки.",
-    "openIssueMessage_post": " Моля, включете информация по-долу, като я копирате и добавите в GitHub.",
+    "trackedToSentry": "Грешката с идентификатор {{eventId}} беше проследен в нашата система.",
+    "openIssueMessage": "Бяхме много предпазливи да не включите информацията за вашата сцена при грешката. Ако сцената ви не е частна, моля, помислете за последващи действия на нашата <button>тракер за грешки.</button> Моля, включете информация по-долу, като я копирате и добавите в GitHub.",
     "sceneContent": "Съдържание на сцената:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 8972effd4..d652c1ebc 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "বিশেষ্য: দূরতম উপাদানগুলোকে একটু কাছাকাছি নিয়ে যাওয়ার চেষ্টা করুন।"
   },
   "errorSplash": {
-    "headingMain_pre": "একটি ত্রুটির সম্মুখীন হয়েছে৷ চেষ্টা করুন ",
-    "headingMain_button": "পৃষ্ঠাটি পুনরায় লোড করার।",
-    "clearCanvasMessage": "যদি পুনরায় লোড করা কাজ না করে, চেষ্টা করুন ",
-    "clearCanvasMessage_button": "ক্যানভাস পরিষ্কার করার।",
+    "headingMain": "একটি ত্রুটির সম্মুখীন হয়েছে৷ চেষ্টা করুন <button>পৃষ্ঠাটি পুনরায় লোড করার।</button>",
+    "clearCanvasMessage": "যদি পুনরায় লোড করা কাজ না করে, চেষ্টা করুন <button>ক্যানভাস পরিষ্কার করার।</button>",
     "clearCanvasCaveat": " এর ফলে কাজের ক্ষতি হবে ",
-    "trackedToSentry_pre": "ত্রুটি ",
-    "trackedToSentry_post": " আমাদের সিস্টেমে ট্র্যাক করা হয়েছিল।",
-    "openIssueMessage_pre": "আমরা ত্রুটিতে আপনার দৃশ্যের তথ্য অন্তর্ভুক্ত না করার জন্য খুব সতর্ক ছিলাম। আপনার দৃশ্য ব্যক্তিগত না হলে, আমাদের অনুসরণ করার কথা বিবেচনা করুন ",
-    "openIssueMessage_button": "ত্রুটি ইতিবৃত্ত।",
-    "openIssueMessage_post": " অনুগ্রহ করে GitHub ইস্যুতে অনুলিপি এবং পেস্ট করে নীচের তথ্য অন্তর্ভুক্ত করুন।",
+    "trackedToSentry": "ত্রুটি {{eventId}} আমাদের সিস্টেমে ট্র্যাক করা হয়েছিল।",
+    "openIssueMessage": "আমরা ত্রুটিতে আপনার দৃশ্যের তথ্য অন্তর্ভুক্ত না করার জন্য খুব সতর্ক ছিলাম। আপনার দৃশ্য ব্যক্তিগত না হলে, আমাদের অনুসরণ করার কথা বিবেচনা করুন <button>ত্রুটি ইতিবৃত্ত।</button> অনুগ্রহ করে GitHub ইস্যুতে অনুলিপি এবং পেস্ট করে নীচের তথ্য অন্তর্ভুক্ত করুন।",
     "sceneContent": "দৃশ্য বিষয়বস্তু:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 1f5cdd661..02bb253d5 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Consell: proveu d’acostar una mica els elements més allunyats."
   },
   "errorSplash": {
-    "headingMain_pre": "S'ha produït un error. Proveu ",
-    "headingMain_button": "recarregar la pàgina.",
-    "clearCanvasMessage": "Si la recàrrega no funciona, proveu ",
-    "clearCanvasMessage_button": "esborrar el llenç.",
+    "headingMain": "S'ha produït un error. Proveu <button>recarregar la pàgina.</button>",
+    "clearCanvasMessage": "Si la recàrrega no funciona, proveu <button>esborrar el llenç.</button>",
     "clearCanvasCaveat": " Això resultarà en la pèrdua de feina ",
-    "trackedToSentry_pre": "L'error amb l'identificador ",
-    "trackedToSentry_post": " s'ha rastrejat en el nostre sistema.",
-    "openIssueMessage_pre": "Anàvem amb molta cura de no incloure la informació de la vostra escena en l'error. Si l'escena no és privada, podeu fer-ne el seguiment al nostre ",
-    "openIssueMessage_button": "rastrejador d'errors.",
-    "openIssueMessage_post": " Incloeu la informació a continuació copiant i enganxant a GitHub Issues.",
+    "trackedToSentry": "L'error amb l'identificador {{eventId}} s'ha rastrejat en el nostre sistema.",
+    "openIssueMessage": "Anàvem amb molta cura de no incloure la informació de la vostra escena en l'error. Si l'escena no és privada, podeu fer-ne el seguiment al nostre <button>rastrejador d'errors.</button> Incloeu la informació a continuació copiant i enganxant a GitHub Issues.",
     "sceneContent": "Contingut de l'escena:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Requerit",
       "website": "Introduïu una URL vàlida"
     },
-    "noteDescription": {
-      "pre": "Envieu la vostra biblioteca perquè sigui inclosa al ",
-      "link": "repositori públic",
-      "post": "per tal que altres persones puguin fer-ne ús en els seus dibuixos."
-    },
-    "noteGuidelines": {
-      "pre": "La biblioteca ha de ser aprovada manualment. Si us plau, llegiu les ",
-      "link": "directrius",
-      "post": " abans d'enviar-hi res. Necessitareu un compte de GitHub per a comunicar i fer-hi canvis si cal, però no és requisit imprescindible."
-    },
-    "noteLicense": {
-      "pre": "Quan l'envieu, accepteu que la biblioteca sigui publicada sota la ",
-      "link": "llicència MIT, ",
-      "post": "que, en resum, vol dir que qualsevol persona pot fer-ne ús sense restriccions."
-    },
+    "noteDescription": "Envieu la vostra biblioteca perquè sigui inclosa al <link>repositori públic</link>per tal que altres persones puguin fer-ne ús en els seus dibuixos.",
+    "noteGuidelines": "La biblioteca ha de ser aprovada manualment. Si us plau, llegiu les <link>directrius</link> abans d'enviar-hi res. Necessitareu un compte de GitHub per a comunicar i fer-hi canvis si cal, però no és requisit imprescindible.",
+    "noteLicense": "Quan l'envieu, accepteu que la biblioteca sigui publicada sota la <link>llicència MIT, </link>que, en resum, vol dir que qualsevol persona pot fer-ne ús sense restriccions.",
     "noteItems": "Cada element de la biblioteca ha de tenir el seu propi nom per tal que sigui filtrable. S'hi inclouran els elements següents:",
     "atleastOneLibItem": "Si us plau, seleccioneu si més no un element de la biblioteca per a començar",
     "republishWarning": "Nota: alguns dels elements seleccionats s'han marcat com a publicats/enviats. Només hauríeu de reenviar elements quan actualitzeu una biblioteca existent."
   },
   "publishSuccessDialog": {
     "title": "Biblioteca enviada",
-    "content": "Gràcies, {{authorName}}. La vostra biblioteca ha estat enviada per a ser revisada. Podeu comprovar-ne l'estat",
-    "link": "aquí"
+    "content": "Gràcies, {{authorName}}. La vostra biblioteca ha estat enviada per a ser revisada. Podeu comprovar-ne l'estat<link>aquí</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Restableix la biblioteca",
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 35ddf3a3b..3ab4827b7 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "Chyba identifikátoru ",
-    "trackedToSentry_post": " byl zaznamenán v našem systému.",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "Chyba identifikátoru {{eventId}} byl zaznamenán v našem systému.",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Povinné",
       "website": "Zadejte platnou URL adresu"
     },
-    "noteDescription": {
-      "pre": "Odešlete svou knihovnu, pro zařazení do ",
-      "link": "veřejného úložiště knihoven",
-      "post": ", odkud ji budou moci při kreslení využít i ostatní uživatelé."
-    },
-    "noteGuidelines": {
-      "pre": "Knihovna musí být nejdříve ručně schválena. Přečtěte si prosím ",
-      "link": "pokyny",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "Odešlete svou knihovnu, pro zařazení do <link>veřejného úložiště knihoven</link>, odkud ji budou moci při kreslení využít i ostatní uživatelé.",
+    "noteGuidelines": "Knihovna musí být nejdříve ručně schválena. Přečtěte si prosím <link>pokyny</link>",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "Knihovna byla odeslána",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 5edc77f50..15801ed4d 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": " Kopiere og indsæt venligst oplysningerne nedenfor i et GitHub problem.",
+    "trackedToSentry": "",
+    "openIssueMessage": "<button></button> Kopiere og indsæt venligst oplysningerne nedenfor i et GitHub problem.",
     "sceneContent": "Scene indhold:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index fb9d82e84..f0003f8a2 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tipp: Schiebe die am weitesten entfernten Elemente ein wenig näher zusammen."
   },
   "errorSplash": {
-    "headingMain_pre": "Es ist ein Fehler aufgetreten. Versuche ",
-    "headingMain_button": "die Seite neu zu laden.",
-    "clearCanvasMessage": "Wenn das Neuladen nicht funktioniert, versuche ",
-    "clearCanvasMessage_button": "die Zeichenfläche zu löschen.",
+    "headingMain": "Es ist ein Fehler aufgetreten. Versuche <button>die Seite neu zu laden.</button>",
+    "clearCanvasMessage": "Wenn das Neuladen nicht funktioniert, versuche <button>die Zeichenfläche zu löschen.</button>",
     "clearCanvasCaveat": " Dies wird zum Verlust von Daten führen ",
-    "trackedToSentry_pre": "Der Fehler mit der Kennung ",
-    "trackedToSentry_post": " wurde in unserem System registriert.",
-    "openIssueMessage_pre": "Wir waren sehr vorsichtig und haben deine Zeichnungsinformationen nicht in die Fehlerinformationen aufgenommen. Wenn deine Zeichnung nicht privat ist, unterstütze uns bitte über unseren ",
-    "openIssueMessage_button": "Bug-Tracker.",
-    "openIssueMessage_post": " Bitte teile die unten stehenden Informationen mit uns im GitHub Issue (Kopieren und Einfügen).",
+    "trackedToSentry": "Der Fehler mit der Kennung {{eventId}} wurde in unserem System registriert.",
+    "openIssueMessage": "Wir waren sehr vorsichtig und haben deine Zeichnungsinformationen nicht in die Fehlerinformationen aufgenommen. Wenn deine Zeichnung nicht privat ist, unterstütze uns bitte über unseren <button>Bug-Tracker.</button> Bitte teile die unten stehenden Informationen mit uns im GitHub Issue (Kopieren und Einfügen).",
     "sceneContent": "Zeichnungsinhalt:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Erforderlich",
       "website": "Gültige URL eingeben"
     },
-    "noteDescription": {
-      "pre": "Sende deine Bibliothek ein, um in die ",
-      "link": "öffentliche Bibliotheks-Repository aufgenommen zu werden",
-      "post": "damit andere Nutzer sie in ihren Zeichnungen verwenden können."
-    },
-    "noteGuidelines": {
-      "pre": "Die Bibliothek muss zuerst manuell freigegeben werden. Bitte lies die ",
-      "link": "Richtlinien",
-      "post": " vor dem Absenden. Du benötigst ein GitHub-Konto, um zu kommunizieren und Änderungen vorzunehmen, falls erforderlich, aber es ist nicht unbedingt erforderlich."
-    },
-    "noteLicense": {
-      "pre": "Mit dem Absenden stimmst du zu, dass die Bibliothek unter der ",
-      "link": "MIT-Lizenz, ",
-      "post": "die zusammengefasst beinhaltet, dass jeder sie ohne Einschränkungen nutzen kann."
-    },
+    "noteDescription": "Sende deine Bibliothek ein, um in die <link>öffentliche Bibliotheks-Repository aufgenommen zu werden</link>damit andere Nutzer sie in ihren Zeichnungen verwenden können.",
+    "noteGuidelines": "Die Bibliothek muss zuerst manuell freigegeben werden. Bitte lies die <link>Richtlinien</link> vor dem Absenden. Du benötigst ein GitHub-Konto, um zu kommunizieren und Änderungen vorzunehmen, falls erforderlich, aber es ist nicht unbedingt erforderlich.",
+    "noteLicense": "Mit dem Absenden stimmst du zu, dass die Bibliothek unter der <link>MIT-Lizenz, </link>die zusammengefasst beinhaltet, dass jeder sie ohne Einschränkungen nutzen kann.",
     "noteItems": "Jedes Bibliothekselement muss einen eigenen Namen haben, damit es gefiltert werden kann. Die folgenden Bibliothekselemente werden hinzugefügt:",
     "atleastOneLibItem": "Bitte wähle mindestens ein Bibliothekselement aus, um zu beginnen",
     "republishWarning": "Hinweis: Einige der ausgewählten Elemente sind bereits als veröffentlicht/eingereicht markiert. Du solltest Elemente nur erneut einreichen, wenn Du eine existierende Bibliothek oder Einreichung aktualisierst."
   },
   "publishSuccessDialog": {
     "title": "Bibliothek übermittelt",
-    "content": "Vielen Dank {{authorName}}. Deine Bibliothek wurde zur Überprüfung eingereicht. Du kannst den Status verfolgen",
-    "link": "hier"
+    "content": "Vielen Dank {{authorName}}. Deine Bibliothek wurde zur Überprüfung eingereicht. Du kannst den Status verfolgen<link>hier</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Bibliothek zurücksetzen",
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index 3b80e375c..ddd6af340 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Συμβουλή: προσπαθήστε να μετακινήσετε τα πιο απομακρυσμένα στοιχεία λίγο πιο κοντά μαζί."
   },
   "errorSplash": {
-    "headingMain_pre": "Συνέβη κάποιο σφάλμα. Προσπάθησε ",
-    "headingMain_button": "φόρτωσε ξανά την σελίδα.",
-    "clearCanvasMessage": "Εάν το παραπάνω δεν δουλέψει, προσπάθησε ",
-    "clearCanvasMessage_button": "καθαρίσετε τον κανβά.",
+    "headingMain": "Συνέβη κάποιο σφάλμα. Προσπάθησε <button>φόρτωσε ξανά την σελίδα.</button>",
+    "clearCanvasMessage": "Εάν το παραπάνω δεν δουλέψει, προσπάθησε <button>καθαρίσετε τον κανβά.</button>",
     "clearCanvasCaveat": " Αυτό θα προκαλέσει απώλεια της δουλειάς σου ",
-    "trackedToSentry_pre": "Το σφάλμα με αναγνωριστικό ",
-    "trackedToSentry_post": " παρακολουθήθηκε στο σύστημά μας.",
-    "openIssueMessage_pre": "Ήμασταν πολύ προσεκτικοί για να μην συμπεριλάβουμε τις πληροφορίες της σκηνής σου στο σφάλμα. Αν η σκηνή σου δεν είναι ιδιωτική, παρακαλώ σκέψου να ακολουθήσεις το δικό μας ",
-    "openIssueMessage_button": "ανιχνευτής σφαλμάτων.",
-    "openIssueMessage_post": " Παρακαλώ να συμπεριλάβετε τις παρακάτω πληροφορίες, αντιγράφοντας και επικολλώντας το ζήτημα στο GitHub.",
+    "trackedToSentry": "Το σφάλμα με αναγνωριστικό {{eventId}} παρακολουθήθηκε στο σύστημά μας.",
+    "openIssueMessage": "Ήμασταν πολύ προσεκτικοί για να μην συμπεριλάβουμε τις πληροφορίες της σκηνής σου στο σφάλμα. Αν η σκηνή σου δεν είναι ιδιωτική, παρακαλώ σκέψου να ακολουθήσεις το δικό μας <button>ανιχνευτής σφαλμάτων.</button> Παρακαλώ να συμπεριλάβετε τις παρακάτω πληροφορίες, αντιγράφοντας και επικολλώντας το ζήτημα στο GitHub.",
     "sceneContent": "Περιεχόμενο σκηνής:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Απαιτείται",
       "website": "Εισάγετε μια έγκυρη διεύθυνση URL"
     },
-    "noteDescription": {
-      "pre": "Υποβάλετε τη βιβλιοθήκη σας για να συμπεριληφθεί στο ",
-      "link": "δημόσιο αποθετήριο βιβλιοθήκης",
-      "post": "ώστε να χρησιμοποιηθεί από άλλα άτομα στα σχέδιά τους."
-    },
-    "noteGuidelines": {
-      "pre": "Η βιβλιοθήκη πρέπει πρώτα να εγκριθεί χειροκίνητα. Παρακαλώ διαβάστε τους ",
-      "link": "οδηγίες",
-      "post": " πριν την υποβολή. Θα χρειαστείτε έναν λογαριασμό GitHub για την επικοινωνία και για να προβείτε σε αλλαγές εφ' όσον χρειαστεί, αλλά δεν είναι αυστηρή απαίτηση."
-    },
-    "noteLicense": {
-      "pre": "Με την υποβολή, συμφωνείτε ότι η βιβλιοθήκη θα δημοσιευθεί υπό την ",
-      "link": "Άδεια MIT, ",
-      "post": "που εν συντομία σημαίνει ότι ο καθένας μπορεί να τα χρησιμοποιήσει χωρίς περιορισμούς."
-    },
+    "noteDescription": "Υποβάλετε τη βιβλιοθήκη σας για να συμπεριληφθεί στο <link>δημόσιο αποθετήριο βιβλιοθήκης</link>ώστε να χρησιμοποιηθεί από άλλα άτομα στα σχέδιά τους.",
+    "noteGuidelines": "Η βιβλιοθήκη πρέπει πρώτα να εγκριθεί χειροκίνητα. Παρακαλώ διαβάστε τους <link>οδηγίες</link> πριν την υποβολή. Θα χρειαστείτε έναν λογαριασμό GitHub για την επικοινωνία και για να προβείτε σε αλλαγές εφ' όσον χρειαστεί, αλλά δεν είναι αυστηρή απαίτηση.",
+    "noteLicense": "Με την υποβολή, συμφωνείτε ότι η βιβλιοθήκη θα δημοσιευθεί υπό την <link>Άδεια MIT, </link>που εν συντομία σημαίνει ότι ο καθένας μπορεί να τα χρησιμοποιήσει χωρίς περιορισμούς.",
     "noteItems": "Κάθε αντικείμενο της βιβλιοθήκης πρέπει να έχει το δικό του όνομα ώστε να μπορεί να φιλτραριστεί. Θα συμπεριληφθούν τα ακόλουθα αντικείμενα βιβλιοθήκης:",
     "atleastOneLibItem": "Παρακαλώ επιλέξτε τουλάχιστον ένα αντικείμενο βιβλιοθήκης για να ξεκινήσετε",
     "republishWarning": "Σημείωση: μερικά από τα επιλεγμένα αντικέιμενα έχουν ήδη επισημανθεί ως δημοσιευμένα/υποβεβλημένα. Θα πρέπει να υποβάλετε αντικείμενα εκ νέου μόνο για να ενημερώσετε μία ήδη υπάρχουσα βιβλιοθήκη ή υποβολή."
   },
   "publishSuccessDialog": {
     "title": "Η βιβλιοθήκη υποβλήθηκε",
-    "content": "Ευχαριστούμε {{authorName}}. Η βιβλιοθήκη σας έχει υποβληθεί για αξιολόγηση. Μπορείτε να παρακολουθείτε τη διαδικασία",
-    "link": "εδώ"
+    "content": "Ευχαριστούμε {{authorName}}. Η βιβλιοθήκη σας έχει υποβληθεί για αξιολόγηση. Μπορείτε να παρακολουθείτε τη διαδικασία<link>εδώ</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Καθαρισμός βιβλιοθήκης",
diff --git a/src/locales/en.json b/src/locales/en.json
index 86029c30c..136a0bc80 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tip: try moving the farthest elements a bit closer together."
   },
   "errorSplash": {
-    "headingMain_pre": "Encountered an error. Try ",
-    "headingMain_button": "reloading the page.",
-    "clearCanvasMessage": "If reloading doesn't work, try ",
-    "clearCanvasMessage_button": "clearing the canvas.",
+    "headingMain": "Encountered an error. Try <button>reloading the page</button>.",
+    "clearCanvasMessage": "If reloading doesn't work, try <button>clearing the canvas</button>.",
     "clearCanvasCaveat": " This will result in loss of work ",
-    "trackedToSentry_pre": "The error with identifier ",
-    "trackedToSentry_post": " was tracked on our system.",
-    "openIssueMessage_pre": "We were very cautious not to include your scene information on the error. If your scene is not private, please consider following up on our ",
-    "openIssueMessage_button": "bug tracker.",
-    "openIssueMessage_post": " Please include information below by copying and pasting into the GitHub issue.",
+    "trackedToSentry": "The error with identifier {{eventId}} was tracked on our system.",
+    "openIssueMessage": "We were very cautious not to include your scene information on the error. If your scene is not private, please consider following up on our <button>bug tracker</button>. Please include information below by copying and pasting into the GitHub issue.",
     "sceneContent": "Scene content:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Required",
       "website": "Enter a valid URL"
     },
-    "noteDescription": {
-      "pre": "Submit your library to be included in the ",
-      "link": "public library repository",
-      "post": "for other people to use in their drawings."
-    },
-    "noteGuidelines": {
-      "pre": "The library needs to be manually approved first. Please read the ",
-      "link": "guidelines",
-      "post": " before submitting. You will need a GitHub account to communicate and make changes if requested, but it is not strictly required."
-    },
-    "noteLicense": {
-      "pre": "By submitting, you agree the library will be published under the ",
-      "link": "MIT License, ",
-      "post": "which in short means anyone can use them without restrictions."
-    },
+    "noteDescription": "Submit your library to be included in the <link>public library repository</link> for other people to use in their drawings.",
+    "noteGuidelines": "The library needs to be manually approved first. Please read the <link>guidelines</link> before submitting. You will need a GitHub account to communicate and make changes if requested, but it is not strictly required.",
+    "noteLicense": "By submitting, you agree the library will be published under the <link>MIT License</link>, which in short means anyone can use them without restrictions.",
     "noteItems": "Each library item must have its own name so it's filterable. The following library items will be included:",
     "atleastOneLibItem": "Please select at least one library item to get started",
     "republishWarning": "Note: some of the selected items are marked as already published/submitted. You should only resubmit items when updating an existing library or submission."
   },
   "publishSuccessDialog": {
     "title": "Library submitted",
-    "content": "Thank you {{authorName}}. Your library has been submitted for review. You can track the status",
-    "link": "here"
+    "content": "Thank you {{authorName}}. Your library has been submitted for review. You can track the status <link>here</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Reset library",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index 0362f31e2..594efb663 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Sugerencia: intenta acercar un poco más los elementos más lejanos."
   },
   "errorSplash": {
-    "headingMain_pre": "Se encontró un error. Intente ",
-    "headingMain_button": "recargando la página.",
-    "clearCanvasMessage": "Si la recarga no funciona, intente ",
-    "clearCanvasMessage_button": "limpiando el lienzo.",
+    "headingMain": "Se encontró un error. Intente <button>recargando la página.</button>",
+    "clearCanvasMessage": "Si la recarga no funciona, intente <button>limpiando el lienzo.</button>",
     "clearCanvasCaveat": " Esto provocará la pérdida de su trabajo ",
-    "trackedToSentry_pre": "El error con el identificador ",
-    "trackedToSentry_post": " fue rastreado en nuestro sistema.",
-    "openIssueMessage_pre": "Fuimos muy cautelosos de no incluir la información de tu escena en el error. Si tu escena no es privada, por favor considera seguir nuestro ",
-    "openIssueMessage_button": "rastreador de errores.",
-    "openIssueMessage_post": " Por favor, incluya la siguiente información copiándola y pegándola en el issue de GitHub.",
+    "trackedToSentry": "El error con el identificador {{eventId}} fue rastreado en nuestro sistema.",
+    "openIssueMessage": "Fuimos muy cautelosos de no incluir la información de tu escena en el error. Si tu escena no es privada, por favor considera seguir nuestro <button>rastreador de errores.</button> Por favor, incluya la siguiente información copiándola y pegándola en el issue de GitHub.",
     "sceneContent": "Contenido de la escena:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Requerido",
       "website": "Introduce una URL válida"
     },
-    "noteDescription": {
-      "pre": "Envía tu biblioteca para ser incluida en el ",
-      "link": "repositorio de librería pública",
-      "post": "para que otras personas utilicen en sus dibujos."
-    },
-    "noteGuidelines": {
-      "pre": "La biblioteca debe ser aprobada manualmente primero. Por favor, lea la ",
-      "link": "pautas",
-      "post": " antes de enviar. Necesitará una cuenta de GitHub para comunicarse y hacer cambios si se solicita, pero no es estrictamente necesario."
-    },
-    "noteLicense": {
-      "pre": "Al enviar, usted acepta que la biblioteca se publicará bajo el ",
-      "link": "Licencia MIT ",
-      "post": "que en breve significa que cualquiera puede utilizarlos sin restricciones."
-    },
+    "noteDescription": "Envía tu biblioteca para ser incluida en el <link>repositorio de librería pública</link>para que otras personas utilicen en sus dibujos.",
+    "noteGuidelines": "La biblioteca debe ser aprobada manualmente primero. Por favor, lea la <link>pautas</link> antes de enviar. Necesitará una cuenta de GitHub para comunicarse y hacer cambios si se solicita, pero no es estrictamente necesario.",
+    "noteLicense": "Al enviar, usted acepta que la biblioteca se publicará bajo el <link>Licencia MIT </link>que en breve significa que cualquiera puede utilizarlos sin restricciones.",
     "noteItems": "Cada elemento de la biblioteca debe tener su propio nombre para que sea filtrable. Los siguientes elementos de la biblioteca serán incluidos:",
     "atleastOneLibItem": "Por favor, seleccione al menos un elemento de la biblioteca para empezar",
     "republishWarning": "Nota: algunos de los elementos seleccionados están marcados como ya publicados/enviados. Sólo debería volver a enviar elementos cuando se actualice una biblioteca o envío."
   },
   "publishSuccessDialog": {
     "title": "Biblioteca enviada",
-    "content": "Gracias {{authorName}}. Su biblioteca ha sido enviada para ser revisada. Puede seguir el estado",
-    "link": "aquí"
+    "content": "Gracias {{authorName}}. Su biblioteca ha sido enviada para ser revisada. Puede seguir el estado<link>aquí</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Reiniciar biblioteca",
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 26aa47b1e..a3fd66cf0 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Aholkua: saiatu urrunen dauden elementuak pixka bat hurbiltzen."
   },
   "errorSplash": {
-    "headingMain_pre": "Errore bat aurkitu da. Saiatu ",
-    "headingMain_button": "orria birkargatzen.",
-    "clearCanvasMessage": "Birkargatzea ez bada burutzen, saiatu ",
-    "clearCanvasMessage_button": "oihala garbitzen.",
+    "headingMain": "Errore bat aurkitu da. Saiatu <button>orria birkargatzen.</button>",
+    "clearCanvasMessage": "Birkargatzea ez bada burutzen, saiatu <button>oihala garbitzen.</button>",
     "clearCanvasCaveat": " Honen ondorioz lana galduko da ",
-    "trackedToSentry_pre": "Identifikatzailearen errorea ",
-    "trackedToSentry_post": " gure sistemak behatu du.",
-    "openIssueMessage_pre": "Oso kontuz ibili gara zure eszenaren informazioa errorean ez sartzeko. Zure eszena pribatua ez bada, kontuan hartu gure ",
-    "openIssueMessage_button": "erroreen jarraipena egitea.",
-    "openIssueMessage_post": " Sartu beheko informazioa kopiatu eta itsatsi bidez GitHub issue-n.",
+    "trackedToSentry": "Identifikatzailearen errorea {{eventId}} gure sistemak behatu du.",
+    "openIssueMessage": "Oso kontuz ibili gara zure eszenaren informazioa errorean ez sartzeko. Zure eszena pribatua ez bada, kontuan hartu gure <button>erroreen jarraipena egitea.</button> Sartu beheko informazioa kopiatu eta itsatsi bidez GitHub issue-n.",
     "sceneContent": "Eszenaren edukia:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Beharrezkoa",
       "website": "Sartu baliozko URL bat"
     },
-    "noteDescription": {
-      "pre": "Bidali zure liburutegira sartu ahal izateko ",
-      "link": "zure liburutegiko biltegian",
-      "post": "beste jendeak bere marrazkietan erabili ahal izateko."
-    },
-    "noteGuidelines": {
-      "pre": "Liburutegia eskuz onartu behar da. Irakurri ",
-      "link": "gidalerroak",
-      "post": " bidali aurretik. GitHub kontu bat edukitzea komeni da komunikatzeko eta aldaketak egin ahal izateko, baina ez da guztiz beharrezkoa."
-    },
-    "noteLicense": {
-      "pre": "Bidaltzen baduzu, onartzen duzu liburutegia ",
-      "link": "MIT lizentziarekin argitaratuko dela, ",
-      "post": "zeinak, laburbilduz, esan nahi du edozeinek erabiltzen ahal duela murrizketarik gabe."
-    },
+    "noteDescription": "Bidali zure liburutegira sartu ahal izateko <link>zure liburutegiko biltegian</link>beste jendeak bere marrazkietan erabili ahal izateko.",
+    "noteGuidelines": "Liburutegia eskuz onartu behar da. Irakurri <link>gidalerroak</link> bidali aurretik. GitHub kontu bat edukitzea komeni da komunikatzeko eta aldaketak egin ahal izateko, baina ez da guztiz beharrezkoa.",
+    "noteLicense": "Bidaltzen baduzu, onartzen duzu liburutegia <link>MIT lizentziarekin argitaratuko dela, </link>zeinak, laburbilduz, esan nahi du edozeinek erabiltzen ahal duela murrizketarik gabe.",
     "noteItems": "Liburutegiko elementu bakoitzak bere izena eduki behar du iragazi ahal izateko. Liburutegiko hurrengo elementuak barne daude:",
     "atleastOneLibItem": "Hautatu gutxienez liburutegiko elementu bat gutxienez hasi ahal izateko",
     "republishWarning": "Oharra: hautatutako elementu batzuk dagoeneko argitaratuta/bidalita bezala markatuta daude. Elementuak berriro bidali behar dituzu lehendik dagoen liburutegi edo bidalketa eguneratzen duzunean."
   },
   "publishSuccessDialog": {
     "title": "Liburutegia bidali da",
-    "content": "Eskerrik asko {{authorName}}. Zure liburutegia bidali da berrikustera. Jarraitu dezakezu haren egoera",
-    "link": "hemen"
+    "content": "Eskerrik asko {{authorName}}. Zure liburutegia bidali da berrikustera. Jarraitu dezakezu haren egoera<link>hemen</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Leheneratu liburutegia",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 35cbd6cdb..399876265 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Vinkki: yritä siirtää kaukaisimpia elementtejä hieman lähemmäs toisiaan."
   },
   "errorSplash": {
-    "headingMain_pre": "Tapahtui virhe. Yritä ",
-    "headingMain_button": "sivun lataamista uudelleen.",
-    "clearCanvasMessage": "Mikäli sivun lataaminen uudelleen ei auta, yritä ",
-    "clearCanvasMessage_button": "tyhjentää piirtoalue.",
+    "headingMain": "Tapahtui virhe. Yritä <button>sivun lataamista uudelleen.</button>",
+    "clearCanvasMessage": "Mikäli sivun lataaminen uudelleen ei auta, yritä <button>tyhjentää piirtoalue.</button>",
     "clearCanvasCaveat": " Tämä johtaa työn menetykseen ",
-    "trackedToSentry_pre": "Virhe tunnisteella ",
-    "trackedToSentry_post": " tallennettiin järjestelmäämme.",
-    "openIssueMessage_pre": "Olimme varovaisia emmekä sisällyttäneet tietoa piirroksestasi virheeseen. Mikäli piirroksesi ei ole yksityinen, harkitsethan kertovasi meille ",
-    "openIssueMessage_button": "virheenseurantajärjestelmässämme.",
-    "openIssueMessage_post": " Sisällytä alla olevat tiedot kopioimalla ne GitHub-ongelmaan.",
+    "trackedToSentry": "Virhe tunnisteella {{eventId}} tallennettiin järjestelmäämme.",
+    "openIssueMessage": "Olimme varovaisia emmekä sisällyttäneet tietoa piirroksestasi virheeseen. Mikäli piirroksesi ei ole yksityinen, harkitsethan kertovasi meille <button>virheenseurantajärjestelmässämme.</button> Sisällytä alla olevat tiedot kopioimalla ne GitHub-ongelmaan.",
     "sceneContent": "Piirroksen tiedot:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Pakollinen",
       "website": "Syötä oikeamuotoinen URL-osoite"
     },
-    "noteDescription": {
-      "pre": "Lähetä kirjastosi, jotta se voidaan sisällyttää ",
-      "link": "julkisessa kirjastolistauksessa",
-      "post": "muiden käyttöön omissa piirrustuksissaan."
-    },
-    "noteGuidelines": {
-      "pre": "Kirjasto on ensin hyväksyttävä manuaalisesti. Ole hyvä ja lue ",
-      "link": "ohjeet",
-      "post": " ennen lähettämistä. Tarvitset GitHub-tilin, jotta voit viestiä ja tehdä muutoksia pyydettäessä, mutta se ei ole ehdottoman välttämätöntä."
-    },
-    "noteLicense": {
-      "pre": "Lähettämällä hyväksyt että kirjasto julkaistaan ",
-      "link": "MIT-lisenssin ",
-      "post": "alla, mikä lyhyesti antaa muiden käyttää sitä ilman rajoituksia."
-    },
+    "noteDescription": "Lähetä kirjastosi, jotta se voidaan sisällyttää <link>julkisessa kirjastolistauksessa</link>muiden käyttöön omissa piirrustuksissaan.",
+    "noteGuidelines": "Kirjasto on ensin hyväksyttävä manuaalisesti. Ole hyvä ja lue <link>ohjeet</link> ennen lähettämistä. Tarvitset GitHub-tilin, jotta voit viestiä ja tehdä muutoksia pyydettäessä, mutta se ei ole ehdottoman välttämätöntä.",
+    "noteLicense": "Lähettämällä hyväksyt että kirjasto julkaistaan <link>MIT-lisenssin </link>alla, mikä lyhyesti antaa muiden käyttää sitä ilman rajoituksia.",
     "noteItems": "Jokaisella kirjaston kohteella on oltava oma nimensä suodatusta varten. Seuraavat kirjaston kohteet sisältyvät:",
     "atleastOneLibItem": "Valitse vähintään yksi kirjaston kohde aloittaaksesi",
     "republishWarning": "Huom! Osa valituista kohteista on merkitty jo julkaistu/lähetetyiksi. Lähetä kohteita uudelleen vain päivitettäessä olemassa olevaa kirjastoa tai ehdotusta."
   },
   "publishSuccessDialog": {
     "title": "Kirjasto lähetetty",
-    "content": "Kiitos {{authorName}}. Kirjastosi on lähetetty tarkistettavaksi. Voit seurata sen tilaa",
-    "link": "täällä"
+    "content": "Kiitos {{authorName}}. Kirjastosi on lähetetty tarkistettavaksi. Voit seurata sen tilaa<link>täällä</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Tyhjennä kirjasto",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 0997997ee..b97f2c285 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Astuce : essayez de rapprocher un peu les éléments les plus éloignés."
   },
   "errorSplash": {
-    "headingMain_pre": "Une erreur est survenue. Essayez ",
-    "headingMain_button": "de recharger la page.",
-    "clearCanvasMessage": "Si le rechargement ne résout pas l'erreur, essayez ",
-    "clearCanvasMessage_button": "effacement du canevas.",
+    "headingMain": "Une erreur est survenue. Essayez <button>de recharger la page.</button>",
+    "clearCanvasMessage": "Si le rechargement ne résout pas l'erreur, essayez <button>effacement du canevas.</button>",
     "clearCanvasCaveat": " Cela entraînera une perte du travail ",
-    "trackedToSentry_pre": "L'erreur avec l'identifiant ",
-    "trackedToSentry_post": " a été enregistrée dans notre système.",
-    "openIssueMessage_pre": "Nous avons fait très attention à ne pas inclure les informations de votre scène dans l'erreur. Si votre scène n'est pas privée, veuillez envisager de poursuivre sur notre ",
-    "openIssueMessage_button": "outil de suivi des bugs.",
-    "openIssueMessage_post": " Veuillez inclure les informations ci-dessous en les copiant-collant dans le ticket GitHub.",
+    "trackedToSentry": "L'erreur avec l'identifiant {{eventId}} a été enregistrée dans notre système.",
+    "openIssueMessage": "Nous avons fait très attention à ne pas inclure les informations de votre scène dans l'erreur. Si votre scène n'est pas privée, veuillez envisager de poursuivre sur notre <button>outil de suivi des bugs.</button> Veuillez inclure les informations ci-dessous en les copiant-collant dans le ticket GitHub.",
     "sceneContent": "Contenu de la scène :"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Requis",
       "website": "Entrer une URL valide"
     },
-    "noteDescription": {
-      "pre": "Soumets ta bibliothèque pour l'inclure au ",
-      "link": "dépôt de bibliothèque publique",
-      "post": "pour permettre son utilisation par autrui dans leurs dessins."
-    },
-    "noteGuidelines": {
-      "pre": "La bibliothèque doit d'abord être approuvée manuellement. Veuillez lire les ",
-      "link": "lignes directrices",
-      "post": " avant de la soumettre. Vous aurez besoin d'un compte GitHub pour communiquer et apporter des modifications si demandé, mais ce n'est pas obligatoire."
-    },
-    "noteLicense": {
-      "pre": "En soumettant, vous acceptez que la bibliothèque soit publiée sous la ",
-      "link": "Licence MIT, ",
-      "post": "ce qui en gros signifie que tout le monde peut l'utiliser sans restrictions."
-    },
+    "noteDescription": "Soumets ta bibliothèque pour l'inclure au <link>dépôt de bibliothèque publique</link>pour permettre son utilisation par autrui dans leurs dessins.",
+    "noteGuidelines": "La bibliothèque doit d'abord être approuvée manuellement. Veuillez lire les <link>lignes directrices</link> avant de la soumettre. Vous aurez besoin d'un compte GitHub pour communiquer et apporter des modifications si demandé, mais ce n'est pas obligatoire.",
+    "noteLicense": "En soumettant, vous acceptez que la bibliothèque soit publiée sous la <link>Licence MIT, </link>ce qui en gros signifie que tout le monde peut l'utiliser sans restrictions.",
     "noteItems": "Chaque élément de la bibliothèque doit avoir son propre nom afin qu'il soit filtrable. Les éléments de bibliothèque suivants seront inclus :",
     "atleastOneLibItem": "Veuillez sélectionner au moins un élément de bibliothèque pour commencer",
     "republishWarning": "Remarque : certains des éléments sélectionnés sont marqués comme étant déjà publiés/soumis. Vous devez uniquement resoumettre des éléments lors de la mise à jour d'une bibliothèque ou d'une soumission existante."
   },
   "publishSuccessDialog": {
     "title": "Bibliothèque soumise",
-    "content": "Merci {{authorName}}. Votre bibliothèque a été soumise pour examen. Vous pouvez suivre le statut",
-    "link": "ici"
+    "content": "Merci {{authorName}}. Votre bibliothèque a été soumise pour examen. Vous pouvez suivre le statut<link>ici</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Réinitialiser la bibliothèque",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 7a6051771..602ddac17 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Consello: Probe a acercar un pouco os elementos máis afastados."
   },
   "errorSplash": {
-    "headingMain_pre": "Atopouse un erro. Probe ",
-    "headingMain_button": "recargando a páxina.",
-    "clearCanvasMessage": "Se recargar non funcionou, probe ",
-    "clearCanvasMessage_button": "limpando o lenzo.",
+    "headingMain": "Atopouse un erro. Probe <button>recargando a páxina.</button>",
+    "clearCanvasMessage": "Se recargar non funcionou, probe <button>limpando o lenzo.</button>",
     "clearCanvasCaveat": " Isto resultará nunha perda do seu traballo ",
-    "trackedToSentry_pre": "O erro con identificador ",
-    "trackedToSentry_post": " foi rastrexado no noso sistema.",
-    "openIssueMessage_pre": "Fomos moi cautelosos de non incluír a información da súa escena no erro. Se a súa escena non é privada, por favor, considere o seguimento do noso ",
-    "openIssueMessage_button": "rastrexador de erros.",
-    "openIssueMessage_post": " Por favor inclúa a seguinte información copiándoa e pegándoa na issue de Github.",
+    "trackedToSentry": "O erro con identificador {{eventId}} foi rastrexado no noso sistema.",
+    "openIssueMessage": "Fomos moi cautelosos de non incluír a información da súa escena no erro. Se a súa escena non é privada, por favor, considere o seguimento do noso <button>rastrexador de erros.</button> Por favor inclúa a seguinte información copiándoa e pegándoa na issue de Github.",
     "sceneContent": "Contido da escena:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obrigatorio",
       "website": "Introduza unha URL válida"
     },
-    "noteDescription": {
-      "pre": "Envíe a súa biblioteca para que sexa incluída no ",
-      "link": "repositorio público de bibliotecas",
-      "post": "para que outra xente a poida usar nos seus debuxos."
-    },
-    "noteGuidelines": {
-      "pre": "A biblioteca necesita ser aprobada manualmente primeiro. Por favor, lea as ",
-      "link": "normas",
-      "post": " antes de ser enviado. Necesitarás unha conta de GitHub para comunicarte ou facer cambios se se solicitan, pero non é estritamente necesario."
-    },
-    "noteLicense": {
-      "pre": "Ao enviar, estás de acordo con que a biblioteca sexa publicada baixo a ",
-      "link": "Licenza MIT, ",
-      "post": "o cal significa que, en resumo, calquera pode usalo sen restricións."
-    },
+    "noteDescription": "Envíe a súa biblioteca para que sexa incluída no <link>repositorio público de bibliotecas</link>para que outra xente a poida usar nos seus debuxos.",
+    "noteGuidelines": "A biblioteca necesita ser aprobada manualmente primeiro. Por favor, lea as <link>normas</link> antes de ser enviado. Necesitarás unha conta de GitHub para comunicarte ou facer cambios se se solicitan, pero non é estritamente necesario.",
+    "noteLicense": "Ao enviar, estás de acordo con que a biblioteca sexa publicada baixo a <link>Licenza MIT, </link>o cal significa que, en resumo, calquera pode usalo sen restricións.",
     "noteItems": "Cada elemento da biblioteca debe ter o seu nome propio para que se poida filtrar. Os seguintes elementos da biblioteca serán incluídos:",
     "atleastOneLibItem": "Por favor seleccione polo menos un elemento da biblioteca para comezar",
     "republishWarning": "Nota: algúns dos elementos seleccionados están marcados como xa publicados/enviados. Só deberías reenviar elementos cando se actualice unha biblioteca ou envío."
   },
   "publishSuccessDialog": {
     "title": "Biblioteca enviada",
-    "content": "Grazas {{authorName}}. A súa biblioteca foi enviada para ser revisada. Pode seguir o estado",
-    "link": "aquí"
+    "content": "Grazas {{authorName}}. A súa biblioteca foi enviada para ser revisada. Pode seguir o estado<link>aquí</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Restablecer biblioteca",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 08398344e..063a53a0d 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "कैनवास बहुत बड़ा टिप"
   },
   "errorSplash": {
-    "headingMain_pre": "एक त्रुटि का सामना करना पड़ा। प्रयत्न ",
-    "headingMain_button": "इस पृष्ठ को पुनः लोड करें",
-    "clearCanvasMessage": "यदि पुनः लोड करना काम नहीं करता है, तो प्रयास करें ",
-    "clearCanvasMessage_button": "कैनवास साफ करना।",
+    "headingMain": "एक त्रुटि का सामना करना पड़ा। प्रयत्न <button>इस पृष्ठ को पुनः लोड करें</button>",
+    "clearCanvasMessage": "यदि पुनः लोड करना काम नहीं करता है, तो प्रयास करें <button>कैनवास साफ करना।</button>",
     "clearCanvasCaveat": " इससे काम का नुकसान होगा ",
-    "trackedToSentry_pre": "पहचानकर्ता के साथ त्रुटि ",
-    "trackedToSentry_post": " हमारे सिस्टम पर नज़र रखी गई थी।",
-    "openIssueMessage_pre": "हम बहुत सतर्क थे कि त्रुटि पर आपकी दृश्य जानकारी शामिल न करें। यदि आपका दृश्य निजी नहीं है, तो कृपया हमारे बारे में विचार करें ",
-    "openIssueMessage_button": "बग ट्रैकर",
-    "openIssueMessage_post": " कृपया GitHub मुद्दे को कॉपी और पेस्ट करके नीचे दी गई जानकारी शामिल करें।",
+    "trackedToSentry": "पहचानकर्ता के साथ त्रुटि {{eventId}} हमारे सिस्टम पर नज़र रखी गई थी।",
+    "openIssueMessage": "हम बहुत सतर्क थे कि त्रुटि पर आपकी दृश्य जानकारी शामिल न करें। यदि आपका दृश्य निजी नहीं है, तो कृपया हमारे बारे में विचार करें <button>बग ट्रैकर</button> कृपया GitHub मुद्दे को कॉपी और पेस्ट करके नीचे दी गई जानकारी शामिल करें।",
     "sceneContent": "दृश्य सामग्री:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": "मान्य URL प्रविष्ट करें"
     },
-    "noteDescription": {
-      "pre": "संग्रह सम्मिलित करने हेतु प्रस्तुत करें ",
-      "link": "सार्वजनिक संग्रहालय",
-      "post": "अन्य वक्तियों को उनके चित्रकारी में उपयोग के लिये"
-    },
-    "noteGuidelines": {
-      "pre": "संग्रह को पहले स्वीकृति आवश्यक कृपया यह पढ़ें ",
-      "link": "दिशा-निर्देश",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "संग्रह सम्मिलित करने हेतु प्रस्तुत करें <link>सार्वजनिक संग्रहालय</link>अन्य वक्तियों को उनके चित्रकारी में उपयोग के लिये",
+    "noteGuidelines": "संग्रह को पहले स्वीकृति आवश्यक कृपया यह पढ़ें <link>दिशा-निर्देश</link>",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": "टिप्पणी: कुछ चुने हुवे आइटम पहले ही प्रकाशित/प्रस्तुत किए जा चुके हैं। किसी प्रकाशित संग्रह को अद्यतन करते समय या पहले से प्रस्तुत आइटम को पुन्हा प्रस्तुत करते समय, आप बस उसे केवल अद्यतन करें ।"
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 472d13190..a54dde9f6 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tipp: próbáld meg a legtávolabbi elemeket közelebb hozni egy máshoz."
   },
   "errorSplash": {
-    "headingMain_pre": "Hiba történt. Próbáld ",
-    "headingMain_button": "újratölteni az oldalt.",
-    "clearCanvasMessage": "Ha az újratöltés nem működik, próbáld ",
-    "clearCanvasMessage_button": "letörölni a vászont.",
+    "headingMain": "Hiba történt. Próbáld <button>újratölteni az oldalt.</button>",
+    "clearCanvasMessage": "Ha az újratöltés nem működik, próbáld <button>letörölni a vászont.</button>",
     "clearCanvasCaveat": " Ezzel az eddigi munka elveszik ",
-    "trackedToSentry_pre": "A hibakód azonosítóval ",
-    "trackedToSentry_post": " nyomon van követve a rendszerünkben.",
-    "openIssueMessage_pre": "Vigyáztunk arra, hogy a jelenthez tartozó információ ne jelenjen meg a hibaüzenetben. Ha a jeleneted nem bizalmas, kérjük add hozzá a ",
-    "openIssueMessage_button": "hibakövető rendszerünkhöz.",
-    "openIssueMessage_post": " Kérjük, másolja be az alábbi információkat a GitHub problémába.",
+    "trackedToSentry": "A hibakód azonosítóval {{eventId}} nyomon van követve a rendszerünkben.",
+    "openIssueMessage": "Vigyáztunk arra, hogy a jelenthez tartozó információ ne jelenjen meg a hibaüzenetben. Ha a jeleneted nem bizalmas, kérjük add hozzá a <button>hibakövető rendszerünkhöz.</button> Kérjük, másolja be az alábbi információkat a GitHub problémába.",
     "sceneContent": "Jelenet tartalma:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Kötelező",
       "website": "Adj meg egy érvényes URL-t"
     },
-    "noteDescription": {
-      "pre": "Küld be könyvtáradat, hogy bekerüljön a ",
-      "link": "nyilvános könyvtár tárolóba",
-      "post": "hogy mások is felhasználhassák a rajzaikban."
-    },
-    "noteGuidelines": {
-      "pre": "A könyvtárat először manuálisan kell jóváhagyni. Kérjük, olvassa el a ",
-      "link": "segédletet",
-      "post": " benyújtása előtt. Szüksége lesz egy GitHub-fiókra a kommunikációhoz és a módosításokhoz, ha kérik, de ez nem feltétlenül szükséges."
-    },
-    "noteLicense": {
-      "pre": "A beküldéssel elfogadja, hogy a könyvtár a következő alatt kerül közzétételre ",
-      "link": "MIT Licensz ",
-      "post": "ami röviden azt jelenti, hogy bárki korlátozás nélkül használhatja őket."
-    },
+    "noteDescription": "Küld be könyvtáradat, hogy bekerüljön a <link>nyilvános könyvtár tárolóba</link>hogy mások is felhasználhassák a rajzaikban.",
+    "noteGuidelines": "A könyvtárat először manuálisan kell jóváhagyni. Kérjük, olvassa el a <link>segédletet</link> benyújtása előtt. Szüksége lesz egy GitHub-fiókra a kommunikációhoz és a módosításokhoz, ha kérik, de ez nem feltétlenül szükséges.",
+    "noteLicense": "A beküldéssel elfogadja, hogy a könyvtár a következő alatt kerül közzétételre <link>MIT Licensz </link>ami röviden azt jelenti, hogy bárki korlátozás nélkül használhatja őket.",
     "noteItems": "Minden könyvtárelemnek saját nevével kell rendelkeznie, hogy szűrhető legyen. A következő könyvtári tételek kerülnek bele:",
     "atleastOneLibItem": "A kezdéshez válassz ki legalább egy könyvtári elemet",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "A könyvtár beküldve",
-    "content": "Köszönjük {{authorName}}. Könyvtáradat elküldtük felülvizsgálatra. Nyomon követheted az állapotot",
-    "link": "itt"
+    "content": "Köszönjük {{authorName}}. Könyvtáradat elküldtük felülvizsgálatra. Nyomon követheted az állapotot<link>itt</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Könyvtár alaphelyzetbe állítása",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index af909f24c..bb83459dc 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tip: coba pindahkan elemen-terjauh lebih dekat bersama."
   },
   "errorSplash": {
-    "headingMain_pre": "Mengalami sebuah kesalahan. Cobalah ",
-    "headingMain_button": "muat ulang halaman.",
-    "clearCanvasMessage": "Jika memuat ulang tidak bekerja, cobalah ",
-    "clearCanvasMessage_button": "bersihkan canvas.",
+    "headingMain": "Mengalami sebuah kesalahan. Cobalah <button>muat ulang halaman.</button>",
+    "clearCanvasMessage": "Jika memuat ulang tidak bekerja, cobalah <button>bersihkan canvas.</button>",
     "clearCanvasCaveat": " Ini akan menghasilkan hilangnya pekerjaan ",
-    "trackedToSentry_pre": "Kesalahan dengan pengidentifikasi ",
-    "trackedToSentry_post": " dilacak di sistem kami.",
-    "openIssueMessage_pre": "Kami sangat berhati-hati untuk tidak menyertakan informasi pemandangan Anda pada kesalahan. Jika pemandangan Anda tidak bersifat pribadi, mohon pertimbangkan menindak lanjut pada ",
-    "openIssueMessage_button": "pelacak bug.",
-    "openIssueMessage_post": " Mohon sertakan informasi dibawah ini dengan menyalin dan menempelkan di Github issue.",
+    "trackedToSentry": "Kesalahan dengan pengidentifikasi {{eventId}} dilacak di sistem kami.",
+    "openIssueMessage": "Kami sangat berhati-hati untuk tidak menyertakan informasi pemandangan Anda pada kesalahan. Jika pemandangan Anda tidak bersifat pribadi, mohon pertimbangkan menindak lanjut pada <button>pelacak bug.</button> Mohon sertakan informasi dibawah ini dengan menyalin dan menempelkan di Github issue.",
     "sceneContent": "Pemandangan konten:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Dibutuhkan",
       "website": "Masukkan URL valid"
     },
-    "noteDescription": {
-      "pre": "Kirimkan pustaka Anda untuk disertakan di ",
-      "link": "repositori pustaka publik",
-      "post": "untuk orang lain menggunakannya dalam gambar mereka."
-    },
-    "noteGuidelines": {
-      "pre": "Pustaka butuh disetujui secara manual terlebih dahulu. Baca ",
-      "link": "pedoman",
-      "post": " sebelum mengirim. Anda butuh akun GitHub untuk berkomunikasi dan membuat perubahan jika dibutuhkan, tetapi tidak wajib dibutukan."
-    },
-    "noteLicense": {
-      "pre": "Dengan mengkirimkannya, Anda setuju pustaka akan diterbitkan dibawah ",
-      "link": "Lisensi MIT, ",
-      "post": "yang artinya siapa pun dapat menggunakannya tanpa batasan."
-    },
+    "noteDescription": "Kirimkan pustaka Anda untuk disertakan di <link>repositori pustaka publik</link>untuk orang lain menggunakannya dalam gambar mereka.",
+    "noteGuidelines": "Pustaka butuh disetujui secara manual terlebih dahulu. Baca <link>pedoman</link> sebelum mengirim. Anda butuh akun GitHub untuk berkomunikasi dan membuat perubahan jika dibutuhkan, tetapi tidak wajib dibutukan.",
+    "noteLicense": "Dengan mengkirimkannya, Anda setuju pustaka akan diterbitkan dibawah <link>Lisensi MIT, </link>yang artinya siapa pun dapat menggunakannya tanpa batasan.",
     "noteItems": "Setiap item pustaka harus memiliki nama, sehingga bisa disortir. Item pustaka di bawah ini akan dimasukan:",
     "atleastOneLibItem": "Pilih setidaknya satu item pustaka untuk mulai",
     "republishWarning": "Catatan: beberapa item yang dipilih telah ditandai sebagai sudah dipublikasikan/diserahkan. Anda hanya dapat menyerahkan kembali item-item ketika memperbarui pustaka atau pengumpulan."
   },
   "publishSuccessDialog": {
     "title": "Pustaka telah dikirm",
-    "content": "Terima kasih {{authorName}}. pustaka Anda telah diserahkan untuk ditinjau ulang. Anda dapat cek statusnya",
-    "link": "di sini"
+    "content": "Terima kasih {{authorName}}. pustaka Anda telah diserahkan untuk ditinjau ulang. Anda dapat cek statusnya<link>di sini</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Reset pustaka",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 3bf7f7749..12d215623 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Suggerimento: prova a spostare gli elementi più lontani più vicini tra loro."
   },
   "errorSplash": {
-    "headingMain_pre": "Si è verificato un errore. Provare ",
-    "headingMain_button": "ricaricando la pagina.",
-    "clearCanvasMessage": "Se ricaricare non funziona, prova ",
-    "clearCanvasMessage_button": "pulire la tela.",
+    "headingMain": "Si è verificato un errore. Provare <button>ricaricando la pagina.</button>",
+    "clearCanvasMessage": "Se ricaricare non funziona, prova <button>pulire la tela.</button>",
     "clearCanvasCaveat": " Questo risulterà nella perdita del lavoro ",
-    "trackedToSentry_pre": "L'errore con identificativo ",
-    "trackedToSentry_post": " è stato tracciato nel nostro sistema.",
-    "openIssueMessage_pre": "Siamo stati molto cauti nel non includere informazioni della scena nell'errore. Se la tua scena non è privata, ti preghiamo di considerare la sua inclusione nel nostro ",
-    "openIssueMessage_button": "bug tracker.",
-    "openIssueMessage_post": " Per favore includi le informazioni riportate qui sotto copiandole e incollandole nella issue di GitHub.",
+    "trackedToSentry": "L'errore con identificativo {{eventId}} è stato tracciato nel nostro sistema.",
+    "openIssueMessage": "Siamo stati molto cauti nel non includere informazioni della scena nell'errore. Se la tua scena non è privata, ti preghiamo di considerare la sua inclusione nel nostro <button>bug tracker.</button> Per favore includi le informazioni riportate qui sotto copiandole e incollandole nella issue di GitHub.",
     "sceneContent": "Contenuto della scena:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obbligatorio",
       "website": "Inserisci un URL valido"
     },
-    "noteDescription": {
-      "pre": "Invia la tua libreria da includere nella ",
-      "link": "repository della libreria pubblica",
-      "post": "perché sia usata da altri nei loro disegni."
-    },
-    "noteGuidelines": {
-      "pre": "La libreria dev'esser prima approvata manualmente. Sei pregato di leggere le ",
-      "link": "linee guida",
-      "post": " prima di inviarla. Necessiterai di un profilo di GitHub per comunicare ed effettuare modifiche se richiesto, ma non è strettamente necessario."
-    },
-    "noteLicense": {
-      "pre": "Inviando, acconsenti che la libreria sarà pubblicata sotto la ",
-      "link": "Licenza MIT, ",
-      "post": "che in breve significa che chiunque possa usarla senza restrizioni."
-    },
+    "noteDescription": "Invia la tua libreria da includere nella <link>repository della libreria pubblica</link>perché sia usata da altri nei loro disegni.",
+    "noteGuidelines": "La libreria dev'esser prima approvata manualmente. Sei pregato di leggere le <link>linee guida</link> prima di inviarla. Necessiterai di un profilo di GitHub per comunicare ed effettuare modifiche se richiesto, ma non è strettamente necessario.",
+    "noteLicense": "Inviando, acconsenti che la libreria sarà pubblicata sotto la <link>Licenza MIT, </link>che in breve significa che chiunque possa usarla senza restrizioni.",
     "noteItems": "Ogni elemento della libreria deve avere il proprio nome, così che sia filtrabile. Gli elementi della seguente libreria saranno inclusi:",
     "atleastOneLibItem": "Sei pregato di selezionare almeno un elemento della libreria per iniziare",
     "republishWarning": "Nota: alcuni degli elementi selezionati sono contrassegnati come già pubblicati/presentati. È necessario reinviare gli elementi solo quando si aggiorna una libreria o una presentazione esistente."
   },
   "publishSuccessDialog": {
     "title": "Libreria inviata",
-    "content": "Grazie {{authorName}}. La tua libreria è stata inviata per la revisione. Puoi monitorarne lo stato",
-    "link": "qui"
+    "content": "Grazie {{authorName}}. La tua libreria è stata inviata per la revisione. Puoi monitorarne lo stato<link>qui</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Ripristina la libreria",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index f2686a883..fd4f2c2c7 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "ヒント: 最も遠い要素をもう少し近づけてみてください。"
   },
   "errorSplash": {
-    "headingMain_pre": "エラーが発生しました。もう一度やり直してください。 ",
-    "headingMain_button": "ページを再読み込みする。",
-    "clearCanvasMessage": "再読み込みがうまくいかない場合は、 ",
-    "clearCanvasMessage_button": "キャンバスを消去しています",
+    "headingMain": "エラーが発生しました。もう一度やり直してください。 <button>ページを再読み込みする。</button>",
+    "clearCanvasMessage": "再読み込みがうまくいかない場合は、 <button>キャンバスを消去しています</button>",
     "clearCanvasCaveat": " これにより作業が失われます ",
-    "trackedToSentry_pre": "識別子のエラー ",
-    "trackedToSentry_post": " が我々のシステムで追跡されました。",
-    "openIssueMessage_pre": "エラーに関するシーン情報を含めないように非常に慎重に設定しました。もしあなたのシーンがプライベートでない場合は、私たちのフォローアップを検討してください。 ",
-    "openIssueMessage_button": "バグ報告",
-    "openIssueMessage_post": " GitHub のIssueに以下の情報をコピーして貼り付けてください。",
+    "trackedToSentry": "識別子のエラー {{eventId}} が我々のシステムで追跡されました。",
+    "openIssueMessage": "エラーに関するシーン情報を含めないように非常に慎重に設定しました。もしあなたのシーンがプライベートでない場合は、私たちのフォローアップを検討してください。 <button>バグ報告</button> GitHub のIssueに以下の情報をコピーして貼り付けてください。",
     "sceneContent": "シーンの内容:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "必須項目",
       "website": "有効な URL を入力してください"
     },
-    "noteDescription": {
-      "pre": "以下に含めるライブラリを提出してください ",
-      "link": "公開ライブラリのリポジトリ",
-      "post": "他の人が作図に使えるようにするためです"
-    },
-    "noteGuidelines": {
-      "pre": "最初にライブラリを手動で承認する必要があります。次をお読みください ",
-      "link": "ガイドライン",
-      "post": " 送信する前に、GitHubアカウントが必要になりますが、必須ではありません。"
-    },
-    "noteLicense": {
-      "pre": "提出することにより、ライブラリが次の下で公開されることに同意します： ",
-      "link": "MIT ライセンス ",
-      "post": "つまり誰でも制限なく使えるということです"
-    },
+    "noteDescription": "以下に含めるライブラリを提出してください <link>公開ライブラリのリポジトリ</link>他の人が作図に使えるようにするためです",
+    "noteGuidelines": "最初にライブラリを手動で承認する必要があります。次をお読みください <link>ガイドライン</link> 送信する前に、GitHubアカウントが必要になりますが、必須ではありません。",
+    "noteLicense": "提出することにより、ライブラリが次の下で公開されることに同意します： <link>MIT ライセンス </link>つまり誰でも制限なく使えるということです",
     "noteItems": "各ライブラリ項目は、フィルタリングのために独自の名前を持つ必要があります。以下のライブラリアイテムが含まれます:",
     "atleastOneLibItem": "開始するには少なくとも1つのライブラリ項目を選択してください",
     "republishWarning": "注意: 選択された項目の中には、すでに公開/投稿済みと表示されているものがあります。既存のライブラリや投稿を更新する場合のみ、アイテムを再投稿してください。"
   },
   "publishSuccessDialog": {
     "title": "ライブラリを送信しました",
-    "content": "{{authorName}} さん、ありがとうございます。あなたのライブラリはレビューのために提出されました。状況を追跡できます。",
-    "link": "こちら"
+    "content": "{{authorName}} さん、ありがとうございます。あなたのライブラリはレビューのために提出されました。状況を追跡できます。<link>こちら</link>"
   },
   "confirmDialog": {
     "resetLibrary": "ライブラリをリセット",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 4a84074ed..364eed4ec 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tixidest: eɛreḍ ad tesqerbeḍ ciṭ iferdisen yembaɛaden."
   },
   "errorSplash": {
-    "headingMain_pre": "Teḍra-d tuccḍa. Eɛreḍ ",
-    "headingMain_button": "asali n usebter tikkelt-nniḍen.",
-    "clearCanvasMessage": "Ma yella tulsa n usali ur tefri ara ugur, eɛreḍ ",
-    "clearCanvasMessage_button": "asfaḍ n teɣzut n usuneɣ.",
+    "headingMain": "Teḍra-d tuccḍa. Eɛreḍ <button>asali n usebter tikkelt-nniḍen.</button>",
+    "clearCanvasMessage": "Ma yella tulsa n usali ur tefri ara ugur, eɛreḍ <button>asfaḍ n teɣzut n usuneɣ.</button>",
     "clearCanvasCaveat": " Ayagi ad d-iglu s usṛuḥu n umahil ",
-    "trackedToSentry_pre": "Tuccḍa akked umesmagi ",
-    "trackedToSentry_post": " tettwasekles deg unagraw-nneɣ.",
-    "openIssueMessage_pre": "Nḥuder aṭas akken ur nseddu ara talɣut n usayes-inek (m) di tuccḍa. Ma yella asayes-inek (m) mačči d amaẓlay, ttxil-k (m) xemmem ad ḍefreḍ ",
-    "openIssueMessage_button": "afecku n weḍfar n yibugen.",
-    "openIssueMessage_post": " Ma ulac uɣilif seddu talɣut ukessar-agi s wenɣal akked usenṭeḍ di GitHub issue.",
+    "trackedToSentry": "Tuccḍa akked umesmagi {{eventId}} tettwasekles deg unagraw-nneɣ.",
+    "openIssueMessage": "Nḥuder aṭas akken ur nseddu ara talɣut n usayes-inek (m) di tuccḍa. Ma yella asayes-inek (m) mačči d amaẓlay, ttxil-k (m) xemmem ad ḍefreḍ <button>afecku n weḍfar n yibugen.</button> Ma ulac uɣilif seddu talɣut ukessar-agi s wenɣal akked usenṭeḍ di GitHub issue.",
     "sceneContent": "Agbur n usayes:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Yettwasra",
       "website": "Sekcem URL ameɣtu"
     },
-    "noteDescription": {
-      "pre": "Azen tamkarḍit-inek•inem akken ad teddu di ",
-      "link": "akaram azayez n temkarḍit",
-      "post": "i yimdanen-nniḍen ara isqedcen deg wunuɣen-nnsen."
-    },
-    "noteGuidelines": {
-      "pre": "Tamkarḍit teḥwaǧ ad tettwaqbel s ufus qbel. Ma ulac uɣilif ɣer ",
-      "link": "iwellihen",
-      "post": " send ad tazneḍ. Tesriḍ amiḍan n GitHub akken ad tmmeslayeḍ yerna ad tgeḍ ibeddilen ma yelaq, maca mačči d ayen yettwaḥetmen."
-    },
-    "noteLicense": {
-      "pre": "Mi tuzneḍ ad tqebleḍ akken tamkarḍit ad d-teffeɣ s ",
-      "link": "Turagt MIT, ",
-      "post": "ayen yebɣan ad d-yini belli yal yiwen izmer ad ten-iseqdec war tilist."
-    },
+    "noteDescription": "Azen tamkarḍit-inek•inem akken ad teddu di <link>akaram azayez n temkarḍit</link>i yimdanen-nniḍen ara isqedcen deg wunuɣen-nnsen.",
+    "noteGuidelines": "Tamkarḍit teḥwaǧ ad tettwaqbel s ufus qbel. Ma ulac uɣilif ɣer <link>iwellihen</link> send ad tazneḍ. Tesriḍ amiḍan n GitHub akken ad tmmeslayeḍ yerna ad tgeḍ ibeddilen ma yelaq, maca mačči d ayen yettwaḥetmen.",
+    "noteLicense": "Mi tuzneḍ ad tqebleḍ akken tamkarḍit ad d-teffeɣ s <link>Turagt MIT, </link>ayen yebɣan ad d-yini belli yal yiwen izmer ad ten-iseqdec war tilist.",
     "noteItems": "Yal aferdis n temkarḍit isefk ad isɛu isem-is i yiman-is akken ad yili wamek ara yettusizdeg. Iferdisen-agi n temkarḍit ad ddun:",
     "atleastOneLibItem": "Ma ulac uɣilif fern ma drus yiwen n uferdis n temkarḍit akken ad tebduḍ",
     "republishWarning": "Tamawt: kra n yiferdisen yettwafernen ttwacerḍen ffeɣen-d/ttwaznen. Isefk ad talseḍ tuzzna n yiferdisen anagar mi ara tleqqemeḍ tamkarḍit neɣ tuzzna yellan."
   },
   "publishSuccessDialog": {
     "title": "Tamkarḍit tettwazen",
-    "content": "Tanemmirt-ik•im {{authorName}}. Tamkarḍit-inek•inem tettwazen i weselken. Tzemreḍ ad tḍefreḍ aẓayer",
-    "link": "dagi"
+    "content": "Tanemmirt-ik•im {{authorName}}. Tamkarḍit-inek•inem tettwazen i weselken. Tzemreḍ ad tḍefreḍ aẓayer<link>dagi</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Ales awennez n temkarḍit",
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 3096cb030..3718c7767 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 5ba991600..20bdd4306 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "팁: 멀리 있는 요소들을 좀 더 가까이로 붙여 보세요."
   },
   "errorSplash": {
-    "headingMain_pre": "오류가 발생했습니다. ",
-    "headingMain_button": "페이지 새로고침",
-    "clearCanvasMessage": "새로고침으로 해결되지 않을 경우, ",
-    "clearCanvasMessage_button": "캔버스 비우기",
+    "headingMain": "오류가 발생했습니다. <button>페이지 새로고침</button>",
+    "clearCanvasMessage": "새로고침으로 해결되지 않을 경우, <button>캔버스 비우기</button>",
     "clearCanvasCaveat": " 작업 내용을 잃게 됩니다 ",
-    "trackedToSentry_pre": "오류 ",
-    "trackedToSentry_post": " 가 시스템에서 발견되었습니다.",
-    "openIssueMessage_pre": "저희는 화면 정보를 오류에 포함하지 않도록 매우 주의하고 있습니다. 혹시 화면에 민감한 내용이 없다면 이곳에 업로드를 고려해주세요.",
-    "openIssueMessage_button": "버그 트래커",
-    "openIssueMessage_post": " 아래 정보를 GitHub 이슈에 복사 및 붙여넣기해 주세요.",
+    "trackedToSentry": "오류 {{eventId}} 가 시스템에서 발견되었습니다.",
+    "openIssueMessage": "저희는 화면 정보를 오류에 포함하지 않도록 매우 주의하고 있습니다. 혹시 화면에 민감한 내용이 없다면 이곳에 업로드를 고려해주세요.<button>버그 트래커</button> 아래 정보를 GitHub 이슈에 복사 및 붙여넣기해 주세요.",
     "sceneContent": "화면 내용:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "필수사항",
       "website": "유효한 URL을 입력하세요"
     },
-    "noteDescription": {
-      "pre": "당신의 라이브러리를 제출하여 ",
-      "link": "공개 라이브러리 저장소",
-      "post": "에서 다른 사람들의 그림에 사용할 수 있도록 하세요."
-    },
-    "noteGuidelines": {
-      "pre": "라이브러리는 먼저 수동으로 승인되어야 합니다. 제출하기 전에 ",
-      "link": "가이드라인",
-      "post": "을 먼저 읽어보세요. 의견을 공유하거나 변경사항을 만들기 위해선 GitHub 계정이 필요하지만, 반드시 필요하진 않습니다."
-    },
-    "noteLicense": {
-      "pre": "제출함으로써, 당신은 라이브러리가 ",
-      "link": "MIT 라이선스 ",
-      "post": "하에 배포됨을, 즉 아무나 제약 없이 사용할 수 있음에 동의합니다."
-    },
+    "noteDescription": "당신의 라이브러리를 제출하여 <link>공개 라이브러리 저장소</link>에서 다른 사람들의 그림에 사용할 수 있도록 하세요.",
+    "noteGuidelines": "라이브러리는 먼저 수동으로 승인되어야 합니다. 제출하기 전에 <link>가이드라인</link>을 먼저 읽어보세요. 의견을 공유하거나 변경사항을 만들기 위해선 GitHub 계정이 필요하지만, 반드시 필요하진 않습니다.",
+    "noteLicense": "제출함으로써, 당신은 라이브러리가 <link>MIT 라이선스 </link>하에 배포됨을, 즉 아무나 제약 없이 사용할 수 있음에 동의합니다.",
     "noteItems": "각각의 라이브러리는 분류할 수 있도록 고유한 이름을 가져야 합니다. 다음의 라이브러리 항목이 포함됩니다:",
     "atleastOneLibItem": "최소한 하나의 라이브러리를 선택해주세요",
     "republishWarning": "참고: 선택된 항목의 일부는 이미 제출/게시되었습니다. 기존의 라이브러리나 제출물을 업데이트하는 경우에만 제출하세요."
   },
   "publishSuccessDialog": {
     "title": "라이브러리 제출됨",
-    "content": "{{authorName}}님 감사합니다. 당신의 라이브러리가 심사를 위해 제출되었습니다. 진행 상황을",
-    "link": "여기에서 확인하실 수 있습니다."
+    "content": "{{authorName}}님 감사합니다. 당신의 라이브러리가 심사를 위해 제출되었습니다. 진행 상황을<link>여기에서 확인하실 수 있습니다.</link>"
   },
   "confirmDialog": {
     "resetLibrary": "라이브러리 리셋",
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 248c16be4..1e2afe444 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "زانیاری: هەوڵ بدە دوورترین توخمەکان کەمێک لە یەکتر نزیک بکەوە."
   },
   "errorSplash": {
-    "headingMain_pre": "تووشی هەڵەیەک بوو. هەوڵ بدە ",
-    "headingMain_button": "دووبارە بارکردنی لاپەڕەکە.",
-    "clearCanvasMessage": "ئەگەر دووبارە بارکردنەوە کار ناکات، هەوڵبدە ",
-    "clearCanvasMessage_button": "خاوێنکردنەوەی تابلۆکە.",
+    "headingMain": "تووشی هەڵەیەک بوو. هەوڵ بدە <button>دووبارە بارکردنی لاپەڕەکە.</button>",
+    "clearCanvasMessage": "ئەگەر دووبارە بارکردنەوە کار ناکات، هەوڵبدە <button>خاوێنکردنەوەی تابلۆکە.</button>",
     "clearCanvasCaveat": " ئەمە دەبێتە هۆی لەدەستدانی ئەوەی کە کردوتە ",
-    "trackedToSentry_pre": "هەڵەکە لەگەڵ ناسێنەری ",
-    "trackedToSentry_post": " لەسەر سیستەمەکەمان بەدواداچوونی بۆ کرا.",
-    "openIssueMessage_pre": "ئێمە زۆر وریا بووین کە زانیارییەکانی دیمەنەکەت لەسەر هەڵەکە نەخەینەڕوو. ئەگەر دیمەنەکەت تایبەت نییە، تکایە بیر لە بەدواداچوون بکەنەوە بۆ ئێمە ",
-    "openIssueMessage_button": "شوێنپێهەڵگری هەڵە.",
-    "openIssueMessage_post": " تکایە ئەم زانیارییانەی خوارەوە کۆپی بکە و لە بەشی کێشەکانی Github دایبنێ.",
+    "trackedToSentry": "هەڵەکە لەگەڵ ناسێنەری {{eventId}} لەسەر سیستەمەکەمان بەدواداچوونی بۆ کرا.",
+    "openIssueMessage": "ئێمە زۆر وریا بووین کە زانیارییەکانی دیمەنەکەت لەسەر هەڵەکە نەخەینەڕوو. ئەگەر دیمەنەکەت تایبەت نییە، تکایە بیر لە بەدواداچوون بکەنەوە بۆ ئێمە <button>شوێنپێهەڵگری هەڵە.</button> تکایە ئەم زانیارییانەی خوارەوە کۆپی بکە و لە بەشی کێشەکانی Github دایبنێ.",
     "sceneContent": "پێکهاتەی ناو دیمەنەکە:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "داواکراوە",
       "website": "URLێکی دروست تێبنووسە"
     },
-    "noteDescription": {
-      "pre": "کتێبخانەکەت بنێرە بۆ ئەوەی بخرێتە ناو ",
-      "link": "کۆگای کتێبخانەی گشتی",
-      "post": "بۆ ئەوەی کەسانی تر لە وێنەکێشانەکانیاندا بەکاری بهێنن."
-    },
-    "noteGuidelines": {
-      "pre": "کتێبخانەکە پێویستە سەرەتا بە دەست پەسەند بکرێت. تکایە بفەرمو بە خوێندنەوەی ",
-      "link": "ڕێنماییەکان",
-      "post": " پێش پێشکەشکردن. پێویستت بە ئەژمێری GitHub دەبێت بۆ پەیوەندیکردن و گۆڕانکاری ئەگەر داوای لێکرا، بەڵام بە توندی پێویست نییە."
-    },
-    "noteLicense": {
-      "pre": "بە پێشکەشکردن، تۆ ڕەزامەندیت لەسەر بڵاوکردنەوەی کتێبخانەکە بەپێی ",
-      "link": "مۆڵەتی MIT، ",
-      "post": "کە بە کورتی مانای ئەوەیە کە هەرکەسێک دەتوانێت بە بێ سنوور بەکاری بهێنێت"
-    },
+    "noteDescription": "کتێبخانەکەت بنێرە بۆ ئەوەی بخرێتە ناو <link>کۆگای کتێبخانەی گشتی</link>بۆ ئەوەی کەسانی تر لە وێنەکێشانەکانیاندا بەکاری بهێنن.",
+    "noteGuidelines": "کتێبخانەکە پێویستە سەرەتا بە دەست پەسەند بکرێت. تکایە بفەرمو بە خوێندنەوەی <link>ڕێنماییەکان</link> پێش پێشکەشکردن. پێویستت بە ئەژمێری GitHub دەبێت بۆ پەیوەندیکردن و گۆڕانکاری ئەگەر داوای لێکرا، بەڵام بە توندی پێویست نییە.",
+    "noteLicense": "بە پێشکەشکردن، تۆ ڕەزامەندیت لەسەر بڵاوکردنەوەی کتێبخانەکە بەپێی <link>مۆڵەتی MIT، </link>کە بە کورتی مانای ئەوەیە کە هەرکەسێک دەتوانێت بە بێ سنوور بەکاری بهێنێت",
     "noteItems": "هەر شتێکی کتێبخانە دەبێت ناوی تایبەتی خۆی هەبێت بۆ ئەوەی بتوانرێت فلتەر بکرێت. ئەم بابەتانەی کتێبخانانەی خوارەوە لەخۆدەگرێت:",
     "atleastOneLibItem": "تکایە بەلایەنی کەمەوە یەک بڕگەی کتێبخانە دیاریبکە بۆ دەستپێکردن",
     "republishWarning": "تێبینی: هەندێک لە ئایتمە دیاریکراوەکان نیشانکراون وەک ئەوەی پێشتر بڵاوکراونەتەوە/نێردراون. تەنها پێویستە شتەکان دووبارە پێشکەش بکەیتەوە لە کاتی نوێکردنەوەی کتێبخانەیەکی هەبوو یان پێشکەشکردن."
   },
   "publishSuccessDialog": {
     "title": "کتێبخانە پێشکەش کرا",
-    "content": "سوپاس {{authorName}}. کتێبخانەکەت پێشکەش کراوە بۆ پێداچوونەوە. دەتوانیت بەدواداچوون بۆ دۆخەکە بکەیت",
-    "link": "لێرە"
+    "content": "سوپاس {{authorName}}. کتێبخانەکەت پێشکەش کراوە بۆ پێداچوونەوە. دەتوانیت بەدواداچوون بۆ دۆخەکە بکەیت<link>لێرە</link>"
   },
   "confirmDialog": {
     "resetLibrary": "ڕێکخستنەوەی کتێبخانە",
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 237fec359..20ce45a5e 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Privalomas",
       "website": "Įveskite teisingą nuorodą (URL)"
     },
-    "noteDescription": {
-      "pre": "Pateik savo biblioteką, jog ji galėtų būti įtraukta į ",
-      "link": "",
-      "post": "jog kiti žmonės galėtų tai naudoti savo piešiniuose."
-    },
-    "noteGuidelines": {
-      "pre": "Visų pirma, biblioteka turi būti rankiniu būdu patvirtinta. Prašome paskaityti ",
-      "link": "gairės",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "MIT licencija, ",
-      "post": ""
-    },
+    "noteDescription": "Pateik savo biblioteką, jog ji galėtų būti įtraukta į <link></link>jog kiti žmonės galėtų tai naudoti savo piešiniuose.",
+    "noteGuidelines": "Visų pirma, biblioteka turi būti rankiniu būdu patvirtinta. Prašome paskaityti <link>gairės</link>",
+    "noteLicense": "<link>MIT licencija, </link>",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "Biblioteka pateikta",
-    "content": "Ačiū {{authorName}}. Tavo biblioteka buvo pateikta peržiūrai. Gali sekti būseną",
-    "link": "čia"
+    "content": "Ačiū {{authorName}}. Tavo biblioteka buvo pateikta peržiūrai. Gali sekti būseną<link>čia</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Atstatyti biblioteką",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index aaeee1795..c8c90d426 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Ieteikums: mēģiniet satuvināt pašus tālākos elementus."
   },
   "errorSplash": {
-    "headingMain_pre": "Notikusi kļūda. Mēģiniet ",
-    "headingMain_button": "pārlādēt lapu.",
-    "clearCanvasMessage": "Ja pārlādēšana nestrādā, mēģiniet ",
-    "clearCanvasMessage_button": "notīrot tāfeli.",
+    "headingMain": "Notikusi kļūda. Mēģiniet <button>pārlādēt lapu.</button>",
+    "clearCanvasMessage": "Ja pārlādēšana nestrādā, mēģiniet <button>notīrot tāfeli.</button>",
     "clearCanvasCaveat": " Tas novedīs pie darba zaudēšanas ",
-    "trackedToSentry_pre": "Kļūda ar kodu ",
-    "trackedToSentry_post": " tika noteikta mūsu sistēmā.",
-    "openIssueMessage_pre": "Mēs uzmanījāmies, lai neiekļautu jūsu ainas informāciju šajā kļūdā. Ja jūsu aina nav privāta, lūdzu ziņojiet par šo kļūdu mūsu ",
-    "openIssueMessage_button": "kļūdu uzskaitē.",
-    "openIssueMessage_post": " Lūdzu, miniet sekojošo informāciju to kopējot un ielīmējot jūsu ziņojumā platformā GitHub.",
+    "trackedToSentry": "Kļūda ar kodu {{eventId}} tika noteikta mūsu sistēmā.",
+    "openIssueMessage": "Mēs uzmanījāmies, lai neiekļautu jūsu ainas informāciju šajā kļūdā. Ja jūsu aina nav privāta, lūdzu ziņojiet par šo kļūdu mūsu <button>kļūdu uzskaitē.</button> Lūdzu, miniet sekojošo informāciju to kopējot un ielīmējot jūsu ziņojumā platformā GitHub.",
     "sceneContent": "Ainas saturs:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obligāts",
       "website": "Ievadiet derīgu URL"
     },
-    "noteDescription": {
-      "pre": "Iesniegt savu bibliotēku iekļaušanai ",
-      "link": "publiskajā bibliotēku datubāzē",
-      "post": ", lai citi to varētu izmantot savos zīmējumos."
-    },
-    "noteGuidelines": {
-      "pre": "Šai bibliotēkai vispirms jātiek manuāli apstiprinātai. Lūdzu, izlasiet ",
-      "link": "norādījumus",
-      "post": " pirms iesniegšanas. Jums vajadzēs GitHub kontu, lai sazinātos un veiktu izmaiņas, ja tādas būs pieprasītas, bet tas nav absolūti nepieciešams."
-    },
-    "noteLicense": {
-      "pre": "Iesniedzot bibliotēku, jūs piekrītat tās publicēšanai saskaņā ar ",
-      "link": "MIT Licenci, ",
-      "post": "kas īsumā nozīmē, ka jebkurš to varēs izmantot bez ierobežojumiem."
-    },
+    "noteDescription": "Iesniegt savu bibliotēku iekļaušanai <link>publiskajā bibliotēku datubāzē</link>, lai citi to varētu izmantot savos zīmējumos.",
+    "noteGuidelines": "Šai bibliotēkai vispirms jātiek manuāli apstiprinātai. Lūdzu, izlasiet <link>norādījumus</link> pirms iesniegšanas. Jums vajadzēs GitHub kontu, lai sazinātos un veiktu izmaiņas, ja tādas būs pieprasītas, bet tas nav absolūti nepieciešams.",
+    "noteLicense": "Iesniedzot bibliotēku, jūs piekrītat tās publicēšanai saskaņā ar <link>MIT Licenci, </link>kas īsumā nozīmē, ka jebkurš to varēs izmantot bez ierobežojumiem.",
     "noteItems": "Katram bibliotēkas vienumam jābūt savam nosaukumam, lai to varētu atrast filtrējot. Tiks iekļauti sekojošie bibliotēkas vienumi:",
     "atleastOneLibItem": "Lūdzu, atlasiet vismaz vienu bibliotēkas vienumu, lai sāktu darbu",
     "republishWarning": "Ievēro: daži no atzīmētajiem objektiem jau atzīmēti kā publicēti vai iesniegti publicēšanai. Tos vajadzētu atkārtoti iesniegt tikai tad, ja vēlies labot esošo bibliotēku."
   },
   "publishSuccessDialog": {
     "title": "Bibliotēka iesniegta",
-    "content": "Paldies, {{authorName}}! Jūsu bibliotēka iesniegta izskatīšanai. Jūs varat izsekot iesnieguma statusam",
-    "link": "šeit"
+    "content": "Paldies, {{authorName}}! Jūsu bibliotēka iesniegta izskatīšanai. Jūs varat izsekot iesnieguma statusam<link>šeit</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Atiestatīt bibliotēku",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 4bb8f9306..85e346d08 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "टीप: दूर चा तत्व थोडं जवळ आणण्याचा प्रयत्न करावा."
   },
   "errorSplash": {
-    "headingMain_pre": "त्रुटि आली. परत प्रयत्न करा ",
-    "headingMain_button": "ह्या पानाला पुनः लोड करा.",
-    "clearCanvasMessage": "रीलोडिंग होत नसल्यास, परत प्रयत्न करा ",
-    "clearCanvasMessage_button": "पटल स्वच्छ करित आहे.",
+    "headingMain": "त्रुटि आली. परत प्रयत्न करा <button>ह्या पानाला पुनः लोड करा.</button>",
+    "clearCanvasMessage": "रीलोडिंग होत नसल्यास, परत प्रयत्न करा <button>पटल स्वच्छ करित आहे.</button>",
     "clearCanvasCaveat": " त्यामुळे केलेल्या कामाचे नुकसान होईल ",
-    "trackedToSentry_pre": "त्रुटि क्रमांक के साथ त्रुटि ",
-    "trackedToSentry_post": " आमच्या प्रणाली नी निरीक्षण केले होते.",
-    "openIssueMessage_pre": "त्रुटीत तुमची दृश्य माहिती समाविष्ट न करण्यासाठी आम्ही खूप सावध होतो. तुमचा सीन खाजगी नसल्यास, कृपया आम्हाला पुढ च्या कारवाई साठी सम्पर्क साधा ",
-    "openIssueMessage_button": "त्रुटि व्यवस्थापन.",
-    "openIssueMessage_post": " कृपया गिटहब समस्येमध्ये कॉपी आणि पेस्ट करून खालिल माहिती समाविष्ट करा.",
+    "trackedToSentry": "त्रुटि क्रमांक के साथ त्रुटि {{eventId}} आमच्या प्रणाली नी निरीक्षण केले होते.",
+    "openIssueMessage": "त्रुटीत तुमची दृश्य माहिती समाविष्ट न करण्यासाठी आम्ही खूप सावध होतो. तुमचा सीन खाजगी नसल्यास, कृपया आम्हाला पुढ च्या कारवाई साठी सम्पर्क साधा <button>त्रुटि व्यवस्थापन.</button> कृपया गिटहब समस्येमध्ये कॉपी आणि पेस्ट करून खालिल माहिती समाविष्ट करा.",
     "sceneContent": "दृश्य विषय:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "आवश्यक आहे",
       "website": "वैध यू-आर-एल द्या"
     },
-    "noteDescription": {
-      "pre": "समाविष्ट करण्या साठी तुमचा संग्रह ह्याचात जमा करा ",
-      "link": "सार्वजनिक संग्रहाचे कोठार",
-      "post": "इतर लोकांना त्यांच्या रेखाचित्रांमधे वापरण्यासाठी."
-    },
-    "noteGuidelines": {
-      "pre": "संग्रहाला आधी स्वहस्ते स्वीकृती मिळणे आवश्यक आहे. कृपया हे वाचा ",
-      "link": "मार्गदर्शक तत्त्वे",
-      "post": " जमा करण्या पूर्वी, तुमच्या जवळ एक गिटहब खाते असणे आवश्यक आहे जे संवादा साठी आणिक बदल करण्या साठी लागेल, तरी हे सर्व अगदी आवश्यक नाही आहे."
-    },
-    "noteLicense": {
-      "pre": "जमा करताना तुम्हीं सहमति दाखवतात आहे की संग्रह ह्याचा खाली प्रकाशित होईल ",
-      "link": "एम-आइ-टी परवाना, ",
-      "post": "ज्याचा थोडक्यात अर्थ कोणीही निर्बंधांशिवाय वापरू शकतो."
-    },
+    "noteDescription": "समाविष्ट करण्या साठी तुमचा संग्रह ह्याचात जमा करा <link>सार्वजनिक संग्रहाचे कोठार</link>इतर लोकांना त्यांच्या रेखाचित्रांमधे वापरण्यासाठी.",
+    "noteGuidelines": "संग्रहाला आधी स्वहस्ते स्वीकृती मिळणे आवश्यक आहे. कृपया हे वाचा <link>मार्गदर्शक तत्त्वे</link> जमा करण्या पूर्वी, तुमच्या जवळ एक गिटहब खाते असणे आवश्यक आहे जे संवादा साठी आणिक बदल करण्या साठी लागेल, तरी हे सर्व अगदी आवश्यक नाही आहे.",
+    "noteLicense": "जमा करताना तुम्हीं सहमति दाखवतात आहे की संग्रह ह्याचा खाली प्रकाशित होईल <link>एम-आइ-टी परवाना, </link>ज्याचा थोडक्यात अर्थ कोणीही निर्बंधांशिवाय वापरू शकतो.",
     "noteItems": "प्रतैक संग्रहाचे नाव, नीट शोधनासाठी, असणे आवश्यक आहे. खाली दिलेल्या वस्तु समाविष्ट केल्या जातील:",
     "atleastOneLibItem": "सुरु करण्यासाठी, कृपया करून, कमित कमी एक वस्तु तरी निवडा",
     "republishWarning": "टीप: काही निवडक आयटम आधीच प्रकाशित/प्रस्तुत केलेले आहेत. विद्यमान लायब्ररी किंवा प्रस्तुतित आयटम अद्यावित करताना तुम्ही फक्त तो पुन्हा प्रस्तुत करा."
   },
   "publishSuccessDialog": {
     "title": "संग्रह जमा केला",
-    "content": "धन्यवाद {{authorName}}. आपला संग्रह पुनरावलोकना साठी जमा झाला आहे. तुम्हीं स्थिति सारखी तपासू सकता",
-    "link": "इकडे"
+    "content": "धन्यवाद {{authorName}}. आपला संग्रह पुनरावलोकना साठी जमा झाला आहे. तुम्हीं स्थिति सारखी तपासू सकता<link>इकडे</link>"
   },
   "confirmDialog": {
     "resetLibrary": "संग्रह पुनर्स्थित करा",
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index d0b64a389..50f8bb560 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "မှတ်ချက်။ ။ဝေးကွာနေသော ပုံများ၊ စာများအား ပိုမိုနီးကပ်အောင်ရွှေ့ကြည့်ပါ။"
   },
   "errorSplash": {
-    "headingMain_pre": "ချို့ယွင်းမှုဖြစ်ပေါ်ခဲ့သဖြင့် ထပ်မံကြိုးစားကြည့်ရန် ",
-    "headingMain_button": "စာမျက်နှာအား အသစ်ပြန်လည်ရယူပါ။",
-    "clearCanvasMessage": "အသစ်ပြန်လည်မရယူနိုင်ပါက ထပ်မံကြိုးစားကြည့်ရန်",
-    "clearCanvasMessage_button": "ကားချပ်အား ရှင်းလင်းပါ။",
+    "headingMain": "ချို့ယွင်းမှုဖြစ်ပေါ်ခဲ့သဖြင့် ထပ်မံကြိုးစားကြည့်ရန် <button>စာမျက်နှာအား အသစ်ပြန်လည်ရယူပါ။</button>",
+    "clearCanvasMessage": "အသစ်ပြန်လည်မရယူနိုင်ပါက ထပ်မံကြိုးစားကြည့်ရန်<button>ကားချပ်အား ရှင်းလင်းပါ။</button>",
     "clearCanvasCaveat": " ရေးဆွဲထားသည်များ ဆုံးရှုံးနိုင်သည် ",
-    "trackedToSentry_pre": "ချို့ယွင်းမှုသတ်မှတ်ချက် ",
-    "trackedToSentry_post": " အားစနစ်အတွင်းခြေရာကောက်ပြီးပါပြီ။",
-    "openIssueMessage_pre": "ချို့ယွင်းမှုမှတ်တမ်းတွင် အရေးကြီးအချက်အလက်များပါဝင်မှုမရှိစေရန်အထူးသတိပြုပါသည်။ မပါဝင်ပါက ဆက်လက်ဆောင်ရွက်ရန် ",
-    "openIssueMessage_button": "ချို့ယွင်းမှုအားခြေရာကောက်ပါ။",
-    "openIssueMessage_post": " အောက်ပါအချက်အလက်များအား Github တွင် Issue အနေဖြင့်ဖြည့်သွင်းဖော်ပြပေးပါ။",
+    "trackedToSentry": "ချို့ယွင်းမှုသတ်မှတ်ချက် {{eventId}} အားစနစ်အတွင်းခြေရာကောက်ပြီးပါပြီ။",
+    "openIssueMessage": "ချို့ယွင်းမှုမှတ်တမ်းတွင် အရေးကြီးအချက်အလက်များပါဝင်မှုမရှိစေရန်အထူးသတိပြုပါသည်။ မပါဝင်ပါက ဆက်လက်ဆောင်ရွက်ရန် <button>ချို့ယွင်းမှုအားခြေရာကောက်ပါ။</button> အောက်ပါအချက်အလက်များအား Github တွင် Issue အနေဖြင့်ဖြည့်သွင်းဖော်ပြပေးပါ။",
     "sceneContent": "မြင်ကွင်းပါအချက်အလက်။ ။"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 36c4fca79..66b197317 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tips: Prøv å flytte de ytterste elementene litt tettere sammen."
   },
   "errorSplash": {
-    "headingMain_pre": "En feil oppsto. Prøv ",
-    "headingMain_button": "å laste siden på nytt.",
-    "clearCanvasMessage": "Om ny sidelasting ikke fungerer, prøv ",
-    "clearCanvasMessage_button": "å tømme lerretet.",
+    "headingMain": "En feil oppsto. Prøv <button>å laste siden på nytt.</button>",
+    "clearCanvasMessage": "Om ny sidelasting ikke fungerer, prøv <button>å tømme lerretet.</button>",
     "clearCanvasCaveat": " Dette vil føre til tap av arbeid ",
-    "trackedToSentry_pre": "Feilen med identifikator ",
-    "trackedToSentry_post": " ble logget i vårt system.",
-    "openIssueMessage_pre": "Vi er veldig nøye med å ikke inkludere dine scene-opplysninger i feilen. Hvis din scene ikke er privat, vurder å følge opp i vårt ",
-    "openIssueMessage_button": "feilrapporteringssystem.",
-    "openIssueMessage_post": " Ta med opplysningene nedenfor ved å kopiere og lime inn i GitHub-saken.",
+    "trackedToSentry": "Feilen med identifikator {{eventId}} ble logget i vårt system.",
+    "openIssueMessage": "Vi er veldig nøye med å ikke inkludere dine scene-opplysninger i feilen. Hvis din scene ikke er privat, vurder å følge opp i vårt <button>feilrapporteringssystem.</button> Ta med opplysningene nedenfor ved å kopiere og lime inn i GitHub-saken.",
     "sceneContent": "Scene-innhold:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Påkrevd",
       "website": "Angi en gyldig nettadresse"
     },
-    "noteDescription": {
-      "pre": "Send inn biblioteket ditt som skal inkluderes i ",
-      "link": "kildekode for offentlig bibliotek",
-      "post": "for andre å bruke dem i tegninger."
-    },
-    "noteGuidelines": {
-      "pre": "Biblioteket må godkjennes manuelt først. Les ",
-      "link": "retningslinjene",
-      "post": " før innsending. Du vil trenge en GitHub-konto for å kommunisere og gjøre endringer hvis ønsket, men det er ikke påkrevd."
-    },
-    "noteLicense": {
-      "pre": "Ved å sende inn godtar du at biblioteket blir publisert under ",
-      "link": "MIT-lisens, ",
-      "post": "som kortfattet betyr at andre kan bruke dem uten begrensninger."
-    },
+    "noteDescription": "Send inn biblioteket ditt som skal inkluderes i <link>kildekode for offentlig bibliotek</link>for andre å bruke dem i tegninger.",
+    "noteGuidelines": "Biblioteket må godkjennes manuelt først. Les <link>retningslinjene</link> før innsending. Du vil trenge en GitHub-konto for å kommunisere og gjøre endringer hvis ønsket, men det er ikke påkrevd.",
+    "noteLicense": "Ved å sende inn godtar du at biblioteket blir publisert under <link>MIT-lisens, </link>som kortfattet betyr at andre kan bruke dem uten begrensninger.",
     "noteItems": "Hvert bibliotek må ha sitt eget navn, så det er filtrerbart. Følgende bibliotekselementer vil bli inkludert:",
     "atleastOneLibItem": "Vennligst velg minst ett bibliotek for å komme i gang",
     "republishWarning": "Merk: noen av de valgte elementene er merket som allerede publisert/sendt. Du bør kun sende inn elementer på nytt når du oppdaterer et eksisterende bibliotek eller innlevering."
   },
   "publishSuccessDialog": {
     "title": "Bibliotek innsendt",
-    "content": "Takk {{authorName}}. Ditt bibliotek har blitt sendt inn for gjennomgang. Du kan spore statusen",
-    "link": "her"
+    "content": "Takk {{authorName}}. Ditt bibliotek har blitt sendt inn for gjennomgang. Du kan spore statusen<link>her</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Nullstill bibliotek",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 417882da1..e94b89f0e 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tip: beweeg de verste elementen iets dichter bij elkaar."
   },
   "errorSplash": {
-    "headingMain_pre": "Fout opgetreden. Probeer ",
-    "headingMain_button": "de pagina opnieuw laden.",
-    "clearCanvasMessage": "Als herladen niet werkt, probeer ",
-    "clearCanvasMessage_button": "het canvas te wissen.",
+    "headingMain": "Fout opgetreden. Probeer <button>de pagina opnieuw laden.</button>",
+    "clearCanvasMessage": "Als herladen niet werkt, probeer <button>het canvas te wissen.</button>",
     "clearCanvasCaveat": " Dit zal leiden tot verlies van je werk ",
-    "trackedToSentry_pre": "De fout met ID ",
-    "trackedToSentry_post": " was gevolgd op ons systeem.",
-    "openIssueMessage_pre": "We waren voorzichtig om je scène-informatie niet in de fout toe te voegen. Als je scène niet privé is, overweeg dan alstublieft het opvolgen op onze ",
-    "openIssueMessage_button": "bugtracker.",
-    "openIssueMessage_post": " Kopieer de informatie hieronder naar de GitHub issue.",
+    "trackedToSentry": "De fout met ID {{eventId}} was gevolgd op ons systeem.",
+    "openIssueMessage": "We waren voorzichtig om je scène-informatie niet in de fout toe te voegen. Als je scène niet privé is, overweeg dan alstublieft het opvolgen op onze <button>bugtracker.</button> Kopieer de informatie hieronder naar de GitHub issue.",
     "sceneContent": "Scène-inhoud:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Vereist",
       "website": "Vul een geldige URL in"
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "openbare repository",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "richtlijnen",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "MIT-licentie, ",
-      "post": ""
-    },
+    "noteDescription": "<link>openbare repository</link>",
+    "noteGuidelines": "<link>richtlijnen</link>",
+    "noteLicense": "<link>MIT-licentie, </link>",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "Bibliotheek ingediend",
-    "content": "",
-    "link": "Hier"
+    "content": "<link>Hier</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Reset bibliotheek",
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index fcdefab9d..755101171 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tips: prøv å flytte elementa som er lengst frå kvarandre, litt nærare kvarandre."
   },
   "errorSplash": {
-    "headingMain_pre": "Ein feil oppstod. Prøv ",
-    "headingMain_button": "å laste sida på nytt.",
-    "clearCanvasMessage": "Om ny sidelasting ikkje fungerer, prøv ",
-    "clearCanvasMessage_button": "å tømme lerretet.",
+    "headingMain": "Ein feil oppstod. Prøv <button>å laste sida på nytt.</button>",
+    "clearCanvasMessage": "Om ny sidelasting ikkje fungerer, prøv <button>å tømme lerretet.</button>",
     "clearCanvasCaveat": " Dette vil føre til tap av arbeid ",
-    "trackedToSentry_pre": "Feilen med identifikator ",
-    "trackedToSentry_post": " vart logga i systemet vårt.",
-    "openIssueMessage_pre": "Vi er veldig nøye med å ikkje inkludere scene-opplysingane dine i feilmeldinga. Viss scena di ikkje er privat kan du vurdere å følge opp i ",
-    "openIssueMessage_button": "feilrapporteringssystemet vårt.",
-    "openIssueMessage_post": " Ta med opplysingane nedanfor ved å kopiere og lime inn i GitHub-saka.",
+    "trackedToSentry": "Feilen med identifikator {{eventId}} vart logga i systemet vårt.",
+    "openIssueMessage": "Vi er veldig nøye med å ikkje inkludere scene-opplysingane dine i feilmeldinga. Viss scena di ikkje er privat kan du vurdere å følge opp i <button>feilrapporteringssystemet vårt.</button> Ta med opplysingane nedanfor ved å kopiere og lime inn i GitHub-saka.",
     "sceneContent": "Scene-innhald:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Kravt",
       "website": "Fyll inn ein gyldig URL"
     },
-    "noteDescription": {
-      "pre": "Send inn biblioteket ditt til inkludering i ",
-      "link": "den offentlege bibliotek-kjeldekoda",
-      "post": "slik at andre kan bruke det i teikningane deira."
-    },
-    "noteGuidelines": {
-      "pre": "Biblioteket må godkjennast manuelt fyrst. Ver vennleg å lese ",
-      "link": "retningslinjene",
-      "post": " før du sender inn. Du kjem til å trenge ein GitHub-konto for å kommunisere og gjere endringar dersom kravt, men det er ikkje strengt naudsynt."
-    },
-    "noteLicense": {
-      "pre": "Ved å sende inn godkjenner du at biblioteket vert publisert under ",
-      "link": "MIT-lisensen, ",
-      "post": "som kort sagt betyr at kven som helst kan bruke det utan avgrensingar."
-    },
+    "noteDescription": "Send inn biblioteket ditt til inkludering i <link>den offentlege bibliotek-kjeldekoda</link>slik at andre kan bruke det i teikningane deira.",
+    "noteGuidelines": "Biblioteket må godkjennast manuelt fyrst. Ver vennleg å lese <link>retningslinjene</link> før du sender inn. Du kjem til å trenge ein GitHub-konto for å kommunisere og gjere endringar dersom kravt, men det er ikkje strengt naudsynt.",
+    "noteLicense": "Ved å sende inn godkjenner du at biblioteket vert publisert under <link>MIT-lisensen, </link>som kort sagt betyr at kven som helst kan bruke det utan avgrensingar.",
     "noteItems": "Kvart bibliotekselement må ha eit eige namn, slik at det er mogleg å filtrere. Dei følgande bibliotekselementa blir inkludert:",
     "atleastOneLibItem": "Ver vennleg å markere minst eitt bibliotekselement for å starte",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "Bibliotek innsendt",
-    "content": "Tusen takk {{authorName}}! Biblioteket ditt har blitt sendt inn til gjennomgang. Du kan halde styr på status",
-    "link": "her"
+    "content": "Tusen takk {{authorName}}! Biblioteket ditt har blitt sendt inn til gjennomgang. Du kan halde styr på status<link>her</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Tilbakestill bibliotek",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index 3bc67225e..a15c33b93 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Astúcia : ensajatz de sarrar los elements mai alonhats."
   },
   "errorSplash": {
-    "headingMain_pre": "Una error s’es producha. Ensajatz ",
-    "headingMain_button": "recargament de la pagina.",
-    "clearCanvasMessage": "Se recargar fonciona pas, ensajatz ",
-    "clearCanvasMessage_button": "d’escafar los canabasses.",
+    "headingMain": "Una error s’es producha. Ensajatz <button>recargament de la pagina.</button>",
+    "clearCanvasMessage": "Se recargar fonciona pas, ensajatz <button>d’escafar los canabasses.</button>",
     "clearCanvasCaveat": " Menarà a una pèrda del trabalh ",
-    "trackedToSentry_pre": "Error amb l’identificant ",
-    "trackedToSentry_post": " es estada enregistrada sus nòstre sistèma.",
-    "openIssueMessage_pre": "Èrem plan prudents per inclure pas d’informacions de la scèna vòstra sus l’error. Se vòstra scèna es pas privada, volgatz considerar de perseguir sus nòstre ",
-    "openIssueMessage_button": "traçadors d’avarias.",
-    "openIssueMessage_post": " Volgatz inclure las informacions çai-jos en las copiant e pegant a l’issue GitHub.",
+    "trackedToSentry": "Error amb l’identificant {{eventId}} es estada enregistrada sus nòstre sistèma.",
+    "openIssueMessage": "Èrem plan prudents per inclure pas d’informacions de la scèna vòstra sus l’error. Se vòstra scèna es pas privada, volgatz considerar de perseguir sus nòstre <button>traçadors d’avarias.</button> Volgatz inclure las informacions çai-jos en las copiant e pegant a l’issue GitHub.",
     "sceneContent": "Contengut de la scèna :"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Requerit",
       "website": "Picatz una URL valida"
     },
-    "noteDescription": {
-      "pre": "Enviatz vòstra bibliotèca per èsser compresa al ",
-      "link": "repertòri public de bibliotèca",
-      "post": "per que los autres l’utilizen dins lor dessenhs."
-    },
-    "noteGuidelines": {
-      "pre": "Qualqu’un deu aprovar la bibliotèca manualament per començar. Volgatz legir las ",
-      "link": "linhas directrises",
-      "post": " abans de sometre. Vos farà mestièr un compte GitHub per comunicar e realizar de modificacions se demandadas, mas es pas complètament obligatòri."
-    },
-    "noteLicense": {
-      "pre": "En sometent, acceptatz que la bibliotèca siá publicada sota la ",
-      "link": "Licéncia MIT, ",
-      "post": "que significa en brèu que qual que siá pòt l’utilizar sens cap de restriccion."
-    },
+    "noteDescription": "Enviatz vòstra bibliotèca per èsser compresa al <link>repertòri public de bibliotèca</link>per que los autres l’utilizen dins lor dessenhs.",
+    "noteGuidelines": "Qualqu’un deu aprovar la bibliotèca manualament per començar. Volgatz legir las <link>linhas directrises</link> abans de sometre. Vos farà mestièr un compte GitHub per comunicar e realizar de modificacions se demandadas, mas es pas complètament obligatòri.",
+    "noteLicense": "En sometent, acceptatz que la bibliotèca siá publicada sota la <link>Licéncia MIT, </link>que significa en brèu que qual que siá pòt l’utilizar sens cap de restriccion.",
     "noteItems": "Cada element de bibliotèca deu aver un nom pròpri per èsser filtrable. Los elements de bibliotèca seguentas seràn incluses :",
     "atleastOneLibItem": "Volgatz seleccionar almens un element de bibliotèca per començar",
     "republishWarning": "Nòta : d’unes elements seleccionats son marcats ja coma publicats/enviats. Deuriatz sonque tornar enviar los elements pendent l’actualizacion d’una bibliotèca existenta o un mandadís."
   },
   "publishSuccessDialog": {
     "title": "Bibliotèca somesa",
-    "content": "Mercés {{authorName}}. Vòstre bibliotèca es estada somesa per repassa. Podètz seguir l’avançament",
-    "link": "aquí"
+    "content": "Mercés {{authorName}}. Vòstre bibliotèca es estada somesa per repassa. Podètz seguir l’avançament<link>aquí</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Reïnicializar la bibliotèca",
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index b18cc6f97..9131afd6d 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "ਨੁਸਖਾ: ਸਭ ਤੋਂ ਦੂਰ ਸਥਿੱਤ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਥੋੜ੍ਹਾ ਜਿਹਾ ਨੇੜੇ ਲਿਆ ਕੇ ਦੇਖੋ।"
   },
   "errorSplash": {
-    "headingMain_pre": "ਗਲਤੀ ਹੋਈ। ਇਹ ਕਰਕੇ ਦੇਖੋ ",
-    "headingMain_button": "ਪੰਨਾ ਮੁੜ-ਲੋਡ ਕਰੋ।",
-    "clearCanvasMessage": "ਜੇ ਮੁੜ-ਲੋਡ ਕਰਨਾ ਕੰਮ ਨਾ ਕਰੇ, ਤਾਂ ਇਹ ਕਰਕੇ ਦੇਖੋ ",
-    "clearCanvasMessage_button": "ਕੈਨਵਸ ਸਾਫ ਕਰੋ।",
+    "headingMain": "ਗਲਤੀ ਹੋਈ। ਇਹ ਕਰਕੇ ਦੇਖੋ <button>ਪੰਨਾ ਮੁੜ-ਲੋਡ ਕਰੋ।</button>",
+    "clearCanvasMessage": "ਜੇ ਮੁੜ-ਲੋਡ ਕਰਨਾ ਕੰਮ ਨਾ ਕਰੇ, ਤਾਂ ਇਹ ਕਰਕੇ ਦੇਖੋ <button>ਕੈਨਵਸ ਸਾਫ ਕਰੋ।</button>",
     "clearCanvasCaveat": " ਇਹ ਸਾਰਾ ਕੰਮ ਗਵਾ ਦੇਵੇਗਾ ",
-    "trackedToSentry_pre": "ਗਲਤੀ ਸੂਚਕ ",
-    "trackedToSentry_post": " ਸਾਡੇ ਸਿਸਟਮ 'ਤੇ ਟਰੈਕ ਕੀਤਾ ਗਿਆ ਸੀ।",
-    "openIssueMessage_pre": "ਅਸੀਂ ਬੜੇ ਸਾਵਧਾਨ ਸੀ ਕਿ ਗਲਤੀ ਵਿੱਚ ਤੁਹਾਡੇ ਦ੍ਰਿਸ਼ ਦੀ ਜਾਣਕਾਰੀ ਸ਼ਾਮਲ ਨਾ ਕਰੀਏ। ਜੇ ਤੁਹਾਡਾ ਦ੍ਰਿਸ਼ ਨਿੱਜੀ ਨਹੀਂ ਹੈ ਤਾਂ ਇਸ 'ਤੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ ਜੀ ",
-    "openIssueMessage_button": "ਬੱਗ ਟਰੈਕਰ।",
-    "openIssueMessage_post": "ਹੇਠਾਂ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਨੂੰ ਕਾਪੀ ਕਰਕੇ ਗਿੱਟਹੱਬ ਮੁੱਦੇ ਵਿੱਚ ਪੇਸਟ ਕਰਕੇ ਸ਼ਾਮਲ ਕਰੋ ਜੀ।",
+    "trackedToSentry": "ਗਲਤੀ ਸੂਚਕ {{eventId}} ਸਾਡੇ ਸਿਸਟਮ 'ਤੇ ਟਰੈਕ ਕੀਤਾ ਗਿਆ ਸੀ।",
+    "openIssueMessage": "ਅਸੀਂ ਬੜੇ ਸਾਵਧਾਨ ਸੀ ਕਿ ਗਲਤੀ ਵਿੱਚ ਤੁਹਾਡੇ ਦ੍ਰਿਸ਼ ਦੀ ਜਾਣਕਾਰੀ ਸ਼ਾਮਲ ਨਾ ਕਰੀਏ। ਜੇ ਤੁਹਾਡਾ ਦ੍ਰਿਸ਼ ਨਿੱਜੀ ਨਹੀਂ ਹੈ ਤਾਂ ਇਸ 'ਤੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ ਜੀ <button>ਬੱਗ ਟਰੈਕਰ।</button>ਹੇਠਾਂ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਨੂੰ ਕਾਪੀ ਕਰਕੇ ਗਿੱਟਹੱਬ ਮੁੱਦੇ ਵਿੱਚ ਪੇਸਟ ਕਰਕੇ ਸ਼ਾਮਲ ਕਰੋ ਜੀ।",
     "sceneContent": "ਦ੍ਰਿਸ਼ ਦੀ ਸਮੱਗਰੀ:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "ਲੋੜੀਂਦਾ",
       "website": "ਜਾਇਜ਼ URL ਭਰੋ"
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "ਜਨਤਕ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਰਿਪਾਜ਼ੀਟਰੀ",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "ਦਿਸ਼ਾ ਨਿਰਦੇਸ਼",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "MIT ਲਾਇਸੈਂਸ, ",
-      "post": ""
-    },
+    "noteDescription": "<link>ਜਨਤਕ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਰਿਪਾਜ਼ੀਟਰੀ</link>",
+    "noteGuidelines": "<link>ਦਿਸ਼ਾ ਨਿਰਦੇਸ਼</link>",
+    "noteLicense": "<link>MIT ਲਾਇਸੈਂਸ, </link>",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": "ਇੱਥੇ"
+    "content": "<link>ਇੱਥੇ</link>"
   },
   "confirmDialog": {
     "resetLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਰੀਸੈੱਟ ਕਰੋ",
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index b3feba402..047e5ec6b 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Wskazówka: spróbuj nieco zbliżyć najdalej wysunięte elementy."
   },
   "errorSplash": {
-    "headingMain_pre": "Wystąpił błąd. Spróbuj ",
-    "headingMain_button": "odświeżyć stronę.",
-    "clearCanvasMessage": "Jeśli odświeżenie strony nie zadziałało, spróbuj ",
-    "clearCanvasMessage_button": "usunąć wszystko z dokumentu.",
+    "headingMain": "Wystąpił błąd. Spróbuj <button>odświeżyć stronę.</button>",
+    "clearCanvasMessage": "Jeśli odświeżenie strony nie zadziałało, spróbuj <button>usunąć wszystko z dokumentu.</button>",
     "clearCanvasCaveat": " Pamiętaj tylko, że spowoduje to utratę całej twojej pracy ",
-    "trackedToSentry_pre": "Błąd o identyfikatorze ",
-    "trackedToSentry_post": " został zaraportowany w naszym systemie.",
-    "openIssueMessage_pre": "Szanujemy twoją prywatność i raport nie zawierał żadnych danych dotyczących tego nad czym pracowałeś, natomiast jeżeli jesteś w stanie podzielić się tym nad czym pracowałeś, prosimy o dodatkowy raport poprzez ",
-    "openIssueMessage_button": "nasze narzędzie do raportowania błędów.",
-    "openIssueMessage_post": " Prosimy o dołączenie poniższej informacji poprzez skopiowanie jej i umieszczenie jej w zgłoszeniu na portalu GitHub.",
+    "trackedToSentry": "Błąd o identyfikatorze {{eventId}} został zaraportowany w naszym systemie.",
+    "openIssueMessage": "Szanujemy twoją prywatność i raport nie zawierał żadnych danych dotyczących tego nad czym pracowałeś, natomiast jeżeli jesteś w stanie podzielić się tym nad czym pracowałeś, prosimy o dodatkowy raport poprzez <button>nasze narzędzie do raportowania błędów.</button> Prosimy o dołączenie poniższej informacji poprzez skopiowanie jej i umieszczenie jej w zgłoszeniu na portalu GitHub.",
     "sceneContent": "Zawartość dokumentu:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Wymagane",
       "website": "Wprowadź prawidłowy adres URL"
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": "dla innych osób do wykorzystania w swoich rysunkach."
-    },
-    "noteGuidelines": {
-      "pre": "Biblioteka musi być najpierw zatwierdzona ręcznie. Przeczytaj ",
-      "link": "wytyczne",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "Wysyłając zgadzasz się, że biblioteka zostanie opublikowana pod ",
-      "link": "Licencja MIT, ",
-      "post": "w skrócie, każdy może z nich korzystać bez ograniczeń."
-    },
+    "noteDescription": "<link></link>dla innych osób do wykorzystania w swoich rysunkach.",
+    "noteGuidelines": "Biblioteka musi być najpierw zatwierdzona ręcznie. Przeczytaj <link>wytyczne</link>",
+    "noteLicense": "Wysyłając zgadzasz się, że biblioteka zostanie opublikowana pod <link>Licencja MIT, </link>w skrócie, każdy może z nich korzystać bez ograniczeń.",
     "noteItems": "",
     "atleastOneLibItem": "Proszę wybrać co najmniej jeden element biblioteki, by rozpocząć",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "Biblioteka została przesłana",
-    "content": "Dziękujemy {{authorName}}. Twoja biblioteka została przesłana do sprawdzenia. Możesz śledzić jej stan",
-    "link": "tutaj"
+    "content": "Dziękujemy {{authorName}}. Twoja biblioteka została przesłana do sprawdzenia. Możesz śledzić jej stan<link>tutaj</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Zresetuj Bibliotekę",
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index f544cce10..bf4f7d445 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Dica: tente aproximar um pouco os elementos mais distantes."
   },
   "errorSplash": {
-    "headingMain_pre": "Foi encontrado um erro. Tente ",
-    "headingMain_button": "recarregar a página.",
-    "clearCanvasMessage": "Se recarregar a página não funcionar, tente ",
-    "clearCanvasMessage_button": "limpando a tela.",
+    "headingMain": "Foi encontrado um erro. Tente <button>recarregar a página.</button>",
+    "clearCanvasMessage": "Se recarregar a página não funcionar, tente <button>limpando a tela.</button>",
     "clearCanvasCaveat": " Isso resultará em perda de trabalho ",
-    "trackedToSentry_pre": "O erro com o identificador ",
-    "trackedToSentry_post": " foi rastreado no nosso sistema.",
-    "openIssueMessage_pre": "Fomos muito cautelosos para não incluir suas informações de cena no erro. Se sua cena não for privada, por favor, considere seguir nosso ",
-    "openIssueMessage_button": "rastreador de bugs.",
-    "openIssueMessage_post": " Por favor, inclua informações abaixo, copiando e colando para a issue do GitHub.",
+    "trackedToSentry": "O erro com o identificador {{eventId}} foi rastreado no nosso sistema.",
+    "openIssueMessage": "Fomos muito cautelosos para não incluir suas informações de cena no erro. Se sua cena não for privada, por favor, considere seguir nosso <button>rastreador de bugs.</button> Por favor, inclua informações abaixo, copiando e colando para a issue do GitHub.",
     "sceneContent": "Conteúdo da cena:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obrigatório",
       "website": "Informe uma URL válida"
     },
-    "noteDescription": {
-      "pre": "Envie sua biblioteca para ser incluída no ",
-      "link": "repositório de biblioteca pública",
-      "post": "para outras pessoas usarem em seus desenhos."
-    },
-    "noteGuidelines": {
-      "pre": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor leia o ",
-      "link": "orientações",
-      "post": " antes de enviar. Você precisará de uma conta do GitHub para se comunicar e fazer alterações quando solicitado, mas não é estritamente necessário."
-    },
-    "noteLicense": {
-      "pre": "Ao enviar, você concorda que a biblioteca será publicada sob a ",
-      "link": "Licença MIT, ",
-      "post": "o que, em suma, significa que qualquer pessoa pode utilizá-los sem restrições."
-    },
+    "noteDescription": "Envie sua biblioteca para ser incluída no <link>repositório de biblioteca pública</link>para outras pessoas usarem em seus desenhos.",
+    "noteGuidelines": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor leia o <link>orientações</link> antes de enviar. Você precisará de uma conta do GitHub para se comunicar e fazer alterações quando solicitado, mas não é estritamente necessário.",
+    "noteLicense": "Ao enviar, você concorda que a biblioteca será publicada sob a <link>Licença MIT, </link>o que, em suma, significa que qualquer pessoa pode utilizá-los sem restrições.",
     "noteItems": "Cada item da biblioteca deve ter seu próprio nome para que seja filtrável. Os seguintes itens da biblioteca serão incluídos:",
     "atleastOneLibItem": "Por favor, selecione pelo menos um item da biblioteca para começar",
     "republishWarning": "Nota: alguns dos itens selecionados estão marcados como já publicado/enviado. Você só deve reenviar itens ao atualizar uma biblioteca existente ou submissão."
   },
   "publishSuccessDialog": {
     "title": "Biblioteca enviada",
-    "content": "Obrigado {{authorName}}. Sua biblioteca foi enviada para análise. Você pode acompanhar o status",
-    "link": "aqui"
+    "content": "Obrigado {{authorName}}. Sua biblioteca foi enviada para análise. Você pode acompanhar o status<link>aqui</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Redefinir biblioteca",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 96cb4168a..0070d162c 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Dica: tente aproximar um pouco os elementos mais distantes."
   },
   "errorSplash": {
-    "headingMain_pre": "Foi encontrado um erro. Tente ",
-    "headingMain_button": "recarregar a página.",
-    "clearCanvasMessage": "Se a recarga não funcionar, tente ",
-    "clearCanvasMessage_button": "a limpar a área de desenho.",
+    "headingMain": "Foi encontrado um erro. Tente <button>recarregar a página.</button>",
+    "clearCanvasMessage": "Se a recarga não funcionar, tente <button>a limpar a área de desenho.</button>",
     "clearCanvasCaveat": " Isso resultará em perda de trabalho ",
-    "trackedToSentry_pre": "O erro com o identificador ",
-    "trackedToSentry_post": " foi rastreado no nosso sistema.",
-    "openIssueMessage_pre": "Fomos muito cautelosos para não incluir suas informações de cena no erro. Se sua cena não for privada, por favor, considere seguir nosso ",
-    "openIssueMessage_button": "rastreador de bugs.",
-    "openIssueMessage_post": " Por favor, inclua informações abaixo, copiando e colando no relatório de erros no GitHub.",
+    "trackedToSentry": "O erro com o identificador {{eventId}} foi rastreado no nosso sistema.",
+    "openIssueMessage": "Fomos muito cautelosos para não incluir suas informações de cena no erro. Se sua cena não for privada, por favor, considere seguir nosso <button>rastreador de bugs.</button> Por favor, inclua informações abaixo, copiando e colando no relatório de erros no GitHub.",
     "sceneContent": "Conteúdo da cena:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obrigatório",
       "website": "Introduza um URL válido"
     },
-    "noteDescription": {
-      "pre": "Envie a sua biblioteca para ser incluída no ",
-      "link": "repositório de bibliotecas públicas",
-      "post": "para outras pessoas a poderem usar nos seus próprios desenhos."
-    },
-    "noteGuidelines": {
-      "pre": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor, leia ",
-      "link": "orientações",
-      "post": " antes de enviar. Vai precisar de uma conta no GitHub para comunicar e fazer alterações se solicitado, mas não é estritamente necessária."
-    },
-    "noteLicense": {
-      "pre": "Ao enviar, concorda que a biblioteca será publicada sob a ",
-      "link": "Licença MIT, ",
-      "post": "o que significa, de forma resumida, que qualquer pessoa pode utilizá-la sem restrições."
-    },
+    "noteDescription": "Envie a sua biblioteca para ser incluída no <link>repositório de bibliotecas públicas</link>para outras pessoas a poderem usar nos seus próprios desenhos.",
+    "noteGuidelines": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor, leia <link>orientações</link> antes de enviar. Vai precisar de uma conta no GitHub para comunicar e fazer alterações se solicitado, mas não é estritamente necessária.",
+    "noteLicense": "Ao enviar, concorda que a biblioteca será publicada sob a <link>Licença MIT, </link>o que significa, de forma resumida, que qualquer pessoa pode utilizá-la sem restrições.",
     "noteItems": "Cada item da biblioteca deve ter o seu próprio nome para que este seja pesquisável com filtros. Os seguintes itens da biblioteca serão incluídos:",
     "atleastOneLibItem": "Por favor, seleccione pelo menos um item da biblioteca para começar",
     "republishWarning": "Nota: alguns dos itens seleccionados estão marcados como já publicados/enviados. Só deve reenviar itens ao actualizar uma biblioteca existente ou submissão."
   },
   "publishSuccessDialog": {
     "title": "Biblioteca enviada",
-    "content": "Obrigado {{authorName}}. A sua biblioteca foi enviada para análise. Pode acompanhar o status",
-    "link": "aqui"
+    "content": "Obrigado {{authorName}}. A sua biblioteca foi enviada para análise. Pode acompanhar o status<link>aqui</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Repor a biblioteca",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index bfbda4bfd..ddcd2c59d 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Sfat: încearcă să apropii puțin mai mult elementele cele mai îndepărtate."
   },
   "errorSplash": {
-    "headingMain_pre": "A apărut o eroare. Încearcă ",
-    "headingMain_button": "să reîncarci pagina.",
-    "clearCanvasMessage": "Dacă reîncărcarea nu funcționează, încearcă ",
-    "clearCanvasMessage_button": "să golești pânza.",
+    "headingMain": "A apărut o eroare. Încearcă <button>să reîncarci pagina.</button>",
+    "clearCanvasMessage": "Dacă reîncărcarea nu funcționează, încearcă <button>să golești pânza.</button>",
     "clearCanvasCaveat": " Acest lucru va duce la pierderea progresului ",
-    "trackedToSentry_pre": "Eroarea cu identificatorul ",
-    "trackedToSentry_post": " a fost urmărită în sistemul nostru.",
-    "openIssueMessage_pre": "Am luat măsuri de precauție pentru a nu include informații despre scenă în eroare. Dacă scena nu este privată, te rugăm să ne oferi mai multe informații în ",
-    "openIssueMessage_button": "monitorul nostru pentru erori.",
-    "openIssueMessage_post": " Te rugăm să incluzi informațiile de mai jos prin copierea și lipirea în problema GitHub.",
+    "trackedToSentry": "Eroarea cu identificatorul {{eventId}} a fost urmărită în sistemul nostru.",
+    "openIssueMessage": "Am luat măsuri de precauție pentru a nu include informații despre scenă în eroare. Dacă scena nu este privată, te rugăm să ne oferi mai multe informații în <button>monitorul nostru pentru erori.</button> Te rugăm să incluzi informațiile de mai jos prin copierea și lipirea în problema GitHub.",
     "sceneContent": "Conținutul scenei:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obligatoriu",
       "website": "Introdu un URL valid"
     },
-    "noteDescription": {
-      "pre": "Trimite-ți biblioteca pentru fi inclus în ",
-      "link": "depozitul de biblioteci publice",
-      "post": "pentru utilizarea de către alte persoane în desenele lor."
-    },
-    "noteGuidelines": {
-      "pre": "Biblioteca trebuie aprobată manual. Citește ",
-      "link": "orientările",
-      "post": " înainte de trimitere. Vei avea nevoie de un cont GitHub pentru a comunica și efectua modificări, dacă este cazul, însă nu este strict necesar."
-    },
-    "noteLicense": {
-      "pre": "Prin trimiterea bibliotecii, ești de acord că aceasta va fi publicată sub ",
-      "link": "Licența MIT, ",
-      "post": "care, pe scurt, înseamnă că oricine o poate folosi fără restricții."
-    },
+    "noteDescription": "Trimite-ți biblioteca pentru fi inclus în <link>depozitul de biblioteci publice</link>pentru utilizarea de către alte persoane în desenele lor.",
+    "noteGuidelines": "Biblioteca trebuie aprobată manual. Citește <link>orientările</link> înainte de trimitere. Vei avea nevoie de un cont GitHub pentru a comunica și efectua modificări, dacă este cazul, însă nu este strict necesar.",
+    "noteLicense": "Prin trimiterea bibliotecii, ești de acord că aceasta va fi publicată sub <link>Licența MIT, </link>care, pe scurt, înseamnă că oricine o poate folosi fără restricții.",
     "noteItems": "Fiecare element din bibliotecă trebuie să aibă propriul nume astfel încât să fie filtrabil. Următoarele elemente din bibliotecă vor fi incluse:",
     "atleastOneLibItem": "Selectează cel puțin un element din bibliotecă pentru a începe",
     "republishWarning": "Observație: unele dintre elementele selectate sunt marcate ca fiind deja publicate/trimise. Ar trebui să retrimiți elemente numai atunci când actualizezi o trimitere sau o bibliotecă existentă."
   },
   "publishSuccessDialog": {
     "title": "Bibliotecă trimisă",
-    "content": "Îți mulțumim, {{authorName}}. Biblioteca ta a fost trimisă spre revizuire. Poți urmări starea",
-    "link": "aici"
+    "content": "Îți mulțumim, {{authorName}}. Biblioteca ta a fost trimisă spre revizuire. Poți urmări starea<link>aici</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Resetare bibliotecă",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 8ed74de6f..c4680a7f6 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Совет: попробуйте сблизить элементы рисунка."
   },
   "errorSplash": {
-    "headingMain_pre": "Возникла ошибка. Попробуйте ",
-    "headingMain_button": "перезагрузить страницу.",
-    "clearCanvasMessage": "Если перезагрузка страницы не помогла, попробуйте ",
-    "clearCanvasMessage_button": "очистить холст.",
+    "headingMain": "Возникла ошибка. Попробуйте <button>перезагрузить страницу.</button>",
+    "clearCanvasMessage": "Если перезагрузка страницы не помогла, попробуйте <button>очистить холст.</button>",
     "clearCanvasCaveat": " Текущая работа будет утеряна ",
-    "trackedToSentry_pre": "Ошибка с идентификатором ",
-    "trackedToSentry_post": " отслеживается в нашей системе.",
-    "openIssueMessage_pre": "Для безопасности информация о вашей сцене не включена в ошибку. Если в сцене нет ничего конфиденциального, пожалуйста следуйте нашим ",
-    "openIssueMessage_button": "баг трекере.",
-    "openIssueMessage_post": " Пожалуйста, приложите информацию ниже, скопировав и вставив её, в issue GitHub.",
+    "trackedToSentry": "Ошибка с идентификатором {{eventId}} отслеживается в нашей системе.",
+    "openIssueMessage": "Для безопасности информация о вашей сцене не включена в ошибку. Если в сцене нет ничего конфиденциального, пожалуйста следуйте нашим <button>баг трекере.</button> Пожалуйста, приложите информацию ниже, скопировав и вставив её, в issue GitHub.",
     "sceneContent": "Содержание сцены:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Обязательно",
       "website": "Введите допустимый URL-адрес"
     },
-    "noteDescription": {
-      "pre": "Отправить вашу библиотеку для включения в ",
-      "link": "хранилище публичных библиотек",
-      "post": ", чтобы другие люди могли использовать объекты из вашей библиотеки в своих рисунках."
-    },
-    "noteGuidelines": {
-      "pre": "Библиотека должна быть подтверждена вручную. Пожалуйста, прочтите ",
-      "link": "рекомендации",
-      "post": " перед отправкой. Вам понадобится учетная запись GitHub, чтобы общаться и вносить изменения при необходимости, но это не обязательно."
-    },
-    "noteLicense": {
-      "pre": "Выполняя отправку, вы соглашаетесь с тем, что библиотека будет опубликована под ",
-      "link": "лицензией MIT, ",
-      "post": ", что, вкратце, означает, что каждый может использовать её без ограничений."
-    },
+    "noteDescription": "Отправить вашу библиотеку для включения в <link>хранилище публичных библиотек</link>, чтобы другие люди могли использовать объекты из вашей библиотеки в своих рисунках.",
+    "noteGuidelines": "Библиотека должна быть подтверждена вручную. Пожалуйста, прочтите <link>рекомендации</link> перед отправкой. Вам понадобится учетная запись GitHub, чтобы общаться и вносить изменения при необходимости, но это не обязательно.",
+    "noteLicense": "Выполняя отправку, вы соглашаетесь с тем, что библиотека будет опубликована под <link>лицензией MIT, </link>, что, вкратце, означает, что каждый может использовать её без ограничений.",
     "noteItems": "Каждый объект в библиотеке должен иметь свое собственное имя, чтобы по нему можно было фильтровать. Следующие объекты библиотеки будут включены:",
     "atleastOneLibItem": "Пожалуйста, выберите хотя бы один объект в библиотеке, чтобы начать",
     "republishWarning": "Примечание: некоторые из выбранных элементов помечены как уже опубликованные/отправленные. Вы должны повторно отправить элементы только при обновлении существующей библиотеки или сдаче работы."
   },
   "publishSuccessDialog": {
     "title": "Библиотека отправлена",
-    "content": "Благодарим вас, {{authorName}}. Ваша библиотека была отправлена на проверку. Вы можете отслеживать статус",
-    "link": "здесь"
+    "content": "Благодарим вас, {{authorName}}. Ваша библиотека была отправлена на проверку. Вы можете отслеживать статус<link>здесь</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Сброс библиотеки",
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 786ff8004..60a3d2f1f 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index d3374aa5d..4e97ba73e 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tip: skúste presunúť najvzdialenejšie prvky bližšie k sebe."
   },
   "errorSplash": {
-    "headingMain_pre": "Nastala chyba. Vyskúšajte ",
-    "headingMain_button": "obnoviť stránku.",
-    "clearCanvasMessage": "Ak obnovenie stránky nepomáha, vyskúšajte ",
-    "clearCanvasMessage_button": "vyčistiť plátno.",
+    "headingMain": "Nastala chyba. Vyskúšajte <button>obnoviť stránku.</button>",
+    "clearCanvasMessage": "Ak obnovenie stránky nepomáha, vyskúšajte <button>vyčistiť plátno.</button>",
     "clearCanvasCaveat": " To bude mať za následok stratu práce ",
-    "trackedToSentry_pre": "Chyba s identifikátorom ",
-    "trackedToSentry_post": " bola zaznamenaná v našom systéme.",
-    "openIssueMessage_pre": "Boli sme veľmi opatrní, aby informácie vašej scény neboli v chybe zaznamenané. Ak vaša scéna nie je súkromná, prosím zvážte pokračovanie na naše ",
-    "openIssueMessage_button": "hlásenie chýb.",
-    "openIssueMessage_post": " Prosím zahrňte informácie nižšie pomocou kopírovania a prilepenia do GitHub issue.",
+    "trackedToSentry": "Chyba s identifikátorom {{eventId}} bola zaznamenaná v našom systéme.",
+    "openIssueMessage": "Boli sme veľmi opatrní, aby informácie vašej scény neboli v chybe zaznamenané. Ak vaša scéna nie je súkromná, prosím zvážte pokračovanie na naše <button>hlásenie chýb.</button> Prosím zahrňte informácie nižšie pomocou kopírovania a prilepenia do GitHub issue.",
     "sceneContent": "Obsah scény:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Povinné",
       "website": "Zadajte platnú adresu URL"
     },
-    "noteDescription": {
-      "pre": "Uverejnite vašu knižnicu vo ",
-      "link": "verejnom zozname knižníc",
-      "post": "aby ju aj ostatní mohli použiť v ich náčrtoch."
-    },
-    "noteGuidelines": {
-      "pre": "Knižnica musí byť najprv manuálne schválená. Prosím prečítajte si ",
-      "link": "pokyny",
-      "post": " pred uverejnením. Budete potrebovať Github účet na komunikáciu a vykonanie zmien, ak budú potrebné, avšak nie je to úplne povinné."
-    },
-    "noteLicense": {
-      "pre": "Potvrdením súhlasíte, že knižnica bude zverejnená s ",
-      "link": "MIT licenciou, ",
-      "post": "čo v skratke znamená, že ju môže použiť hocikto bez obmedzení."
-    },
+    "noteDescription": "Uverejnite vašu knižnicu vo <link>verejnom zozname knižníc</link>aby ju aj ostatní mohli použiť v ich náčrtoch.",
+    "noteGuidelines": "Knižnica musí byť najprv manuálne schválená. Prosím prečítajte si <link>pokyny</link> pred uverejnením. Budete potrebovať Github účet na komunikáciu a vykonanie zmien, ak budú potrebné, avšak nie je to úplne povinné.",
+    "noteLicense": "Potvrdením súhlasíte, že knižnica bude zverejnená s <link>MIT licenciou, </link>čo v skratke znamená, že ju môže použiť hocikto bez obmedzení.",
     "noteItems": "Každá položka v knižnici musí mať svoje vlastné meno, aby sa dala vyhľadať. Súčasťou knižnice budú nasledujúce položky:",
     "atleastOneLibItem": "Začnite prosím zvolením aspoň jednej položky z knižnice",
     "republishWarning": "Poznámka: Niektoré z vybraných položiek sú už označené ako zverejnené. Ich znovu uverejnenie by ste mali vykovať iba vtedy ak aktualizujete už existujúcu knižnicu alebo požiadavku na uverejnenie."
   },
   "publishSuccessDialog": {
     "title": "Knižnica uverejnená",
-    "content": "Ďakujeme vám {{authorName}}. Vaša knižnica bola uverejnená na posúdenie. Stav môžete skontrolovať",
-    "link": "tu"
+    "content": "Ďakujeme vám {{authorName}}. Vaša knižnica bola uverejnená na posúdenie. Stav môžete skontrolovať<link>tu</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Obnoviť knižnicu",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 2e178d129..1b5957384 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Nasvet: poskusite premakniti najbolj oddaljene elemente nekoliko bližje skupaj."
   },
   "errorSplash": {
-    "headingMain_pre": "Prišlo je do napake. Poskusite ",
-    "headingMain_button": "ponovno naložiti stran.",
-    "clearCanvasMessage": "Če ponovno nalaganje ne deluje, poskusite ",
-    "clearCanvasMessage_button": "počistiti platno.",
+    "headingMain": "Prišlo je do napake. Poskusite <button>ponovno naložiti stran.</button>",
+    "clearCanvasMessage": "Če ponovno nalaganje ne deluje, poskusite <button>počistiti platno.</button>",
     "clearCanvasCaveat": " To bo povzročilo izgubo dela ",
-    "trackedToSentry_pre": "Napaka z identifikatorjem ",
-    "trackedToSentry_post": " smo zabeležili v naš sistem.",
-    "openIssueMessage_pre": "Zelo smo bili previdni, da v podatke o napaki nismo vključili vaših podatkov o sceni. Če vaša scena ni zasebna, vas prosimo, da napišete več podrobnosti na našem ",
-    "openIssueMessage_button": "sledilniku hroščev.",
-    "openIssueMessage_post": " Prosimo, vključite spodnje informacije tako, da jih kopirate in prilepite v GitHub vprašanje.",
+    "trackedToSentry": "Napaka z identifikatorjem {{eventId}} smo zabeležili v naš sistem.",
+    "openIssueMessage": "Zelo smo bili previdni, da v podatke o napaki nismo vključili vaših podatkov o sceni. Če vaša scena ni zasebna, vas prosimo, da napišete več podrobnosti na našem <button>sledilniku hroščev.</button> Prosimo, vključite spodnje informacije tako, da jih kopirate in prilepite v GitHub vprašanje.",
     "sceneContent": "Vsebina scene:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obvezno",
       "website": "Vnesite veljaven URL"
     },
-    "noteDescription": {
-      "pre": "Predložite svojo knjižnico, da bo vključena v ",
-      "link": "javno skladišče knjižnic,",
-      "post": "da jih drugi lahko uporabljajo v svojih risbah."
-    },
-    "noteGuidelines": {
-      "pre": "Knjižnica mora biti najprej ročno odobrena. Prosimo vas, da pred oddajanjem preberete naše ",
-      "link": "smernice.",
-      "post": "Za komunikacijo in spreminjanje po potrebi boste potrebovali račun GitHub, vendar to ni obvezno."
-    },
-    "noteLicense": {
-      "pre": "Z oddajo se strinjate, da bo knjižnica objavljena pod ",
-      "link": "licenco MIT, ",
-      "post": "kar na kratko pomeni, da jo lahko kdorkoli uporablja brez omejitev."
-    },
+    "noteDescription": "Predložite svojo knjižnico, da bo vključena v <link>javno skladišče knjižnic,</link>da jih drugi lahko uporabljajo v svojih risbah.",
+    "noteGuidelines": "Knjižnica mora biti najprej ročno odobrena. Prosimo vas, da pred oddajanjem preberete naše <link>smernice.</link>Za komunikacijo in spreminjanje po potrebi boste potrebovali račun GitHub, vendar to ni obvezno.",
+    "noteLicense": "Z oddajo se strinjate, da bo knjižnica objavljena pod <link>licenco MIT, </link>kar na kratko pomeni, da jo lahko kdorkoli uporablja brez omejitev.",
     "noteItems": "Vsak element knjižnice mora imeti svoje ime, tako da ga je mogoče filtrirati. Vključeni bodo naslednji elementi knjižnice:",
     "atleastOneLibItem": "Za začetek izberite vsaj en element knjižnice",
     "republishWarning": "Opomba: nekateri izbrani predmeti so označeni kot že objavljeni/oddani. Elemente lahko znova oddate samo, ko posodabljate obstoječo knjižnico ali oddajo."
   },
   "publishSuccessDialog": {
     "title": "Knjižnica oddana",
-    "content": "{{authorName}}, hvala. Vaša knjižnica je bila poslana v pregled. Stanje lahko spremljate",
-    "link": "tukaj"
+    "content": "{{authorName}}, hvala. Vaša knjižnica je bila poslana v pregled. Stanje lahko spremljate<link>tukaj</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Ponastavi knjižnico",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index f61b63767..a3d98d7a7 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Tips: prova att flytta de mest avlägsna elementen lite närmare varandra."
   },
   "errorSplash": {
-    "headingMain_pre": "Ett fel uppstod. Försök ",
-    "headingMain_button": "med att läsa in sidan på nytt.",
-    "clearCanvasMessage": "Om omladdning inte fungerar, försök ",
-    "clearCanvasMessage_button": "rensa canvasen.",
+    "headingMain": "Ett fel uppstod. Försök <button>med att läsa in sidan på nytt.</button>",
+    "clearCanvasMessage": "Om omladdning inte fungerar, försök <button>rensa canvasen.</button>",
     "clearCanvasCaveat": " Detta kommer att leda till förlust av arbete ",
-    "trackedToSentry_pre": "Felet med identifieraren ",
-    "trackedToSentry_post": " spårades på vårt system.",
-    "openIssueMessage_pre": "Vi var mycket försiktiga med att inte inkludera din skissinformation om felet. Om din skiss inte är privat, vänligen överväga att följa upp på vår ",
-    "openIssueMessage_button": "buggspårare.",
-    "openIssueMessage_post": " Vänligen inkludera information nedan genom att kopiera och klistra in i GitHub-problemet.",
+    "trackedToSentry": "Felet med identifieraren {{eventId}} spårades på vårt system.",
+    "openIssueMessage": "Vi var mycket försiktiga med att inte inkludera din skissinformation om felet. Om din skiss inte är privat, vänligen överväga att följa upp på vår <button>buggspårare.</button> Vänligen inkludera information nedan genom att kopiera och klistra in i GitHub-problemet.",
     "sceneContent": "Skissinnehåll:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Obligatoriskt",
       "website": "Ange en giltig URL"
     },
-    "noteDescription": {
-      "pre": "Skicka ditt bibliotek för att inkluderas i ",
-      "link": "det offentliga bibliotekets arkiv",
-      "post": "för andra människor att använda i sina skisser."
-    },
-    "noteGuidelines": {
-      "pre": "Biblioteket måste godkännas manuellt först. Vänligen läs ",
-      "link": "riktlinjerna",
-      "post": " innan du skickar in. Du behöver ett GitHub-konto för att kommunicera och göra ändringar om så önskas, men det krävs inte."
-    },
-    "noteLicense": {
-      "pre": "Genom att skicka in godkänner du att biblioteket kommer att publiceras under ",
-      "link": "MIT-licens, ",
-      "post": "vilket kort sagt betyder att vem som helst kan använda det utan restriktioner."
-    },
+    "noteDescription": "Skicka ditt bibliotek för att inkluderas i <link>det offentliga bibliotekets arkiv</link>för andra människor att använda i sina skisser.",
+    "noteGuidelines": "Biblioteket måste godkännas manuellt först. Vänligen läs <link>riktlinjerna</link> innan du skickar in. Du behöver ett GitHub-konto för att kommunicera och göra ändringar om så önskas, men det krävs inte.",
+    "noteLicense": "Genom att skicka in godkänner du att biblioteket kommer att publiceras under <link>MIT-licens, </link>vilket kort sagt betyder att vem som helst kan använda det utan restriktioner.",
     "noteItems": "Varje objekt måste ha sitt eget namn så att det är filtrerbart. Följande objekt kommer att inkluderas:",
     "atleastOneLibItem": "Välj minst ett biblioteksobjekt för att komma igång",
     "republishWarning": "Obs: några av de markerade objekten är redan markerade som publicerade/skickade. Du bör endast skicka objekt igen när du uppdaterar ett befintligt bibliotek eller inlämning."
   },
   "publishSuccessDialog": {
     "title": "Bibliotek inskickat",
-    "content": "Tack {{authorName}}. Ditt bibliotek har skickats för granskning. Du kan följa status",
-    "link": "här"
+    "content": "Tack {{authorName}}. Ditt bibliotek har skickats för granskning. Du kan följa status<link>här</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Återställ bibliotek",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 279dcdd3c..b82220f4a 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "துணுக்குதவி: தூரத்திலுள்ள உறுப்புகளைப் நெருக்கமாக நகர்த்தப்பார்."
   },
   "errorSplash": {
-    "headingMain_pre": "பிழையைச் சந்தித்தீரா. முயலவும் ",
-    "headingMain_button": "பக்கத்தை மீண்டுமேற்றுகிறது.",
-    "clearCanvasMessage": "மீண்டுமேற்றல் வேலைசெய்யவிட்டால், முயற்சி ",
-    "clearCanvasMessage_button": "கித்தானைத் துடைக்கிறது.",
+    "headingMain": "பிழையைச் சந்தித்தீரா. முயலவும் <button>பக்கத்தை மீண்டுமேற்றுகிறது.</button>",
+    "clearCanvasMessage": "மீண்டுமேற்றல் வேலைசெய்யவிட்டால், முயற்சி <button>கித்தானைத் துடைக்கிறது.</button>",
     "clearCanvasCaveat": " இது வேலையை இழக்கக்கூடும் ",
-    "trackedToSentry_pre": "இனங்காணியில் பிழை ",
-    "trackedToSentry_post": " எங்கள் இயங்குதளத்தில் தடமறியப்பட்டது.",
-    "openIssueMessage_pre": "பிழையில் உம் காட்சி தகவலை உள்ளடக்காமலிருக்க நாங்கள் மிக எச்சரிக்கையாக இருந்தோம். உம் காட்சி தனிப்பட்டதில்லையெனில், பின்தொடர்வதற்கு பரிசீலிக்கவும் எங்கள் ",
-    "openIssueMessage_button": "பிழை தடமி.",
-    "openIssueMessage_post": " கீழுள்ள தகவலை நகலெடுத்து ஒட்டி GitHub சிக்கலுள் உள்ளடக்கவும்.",
+    "trackedToSentry": "இனங்காணியில் பிழை {{eventId}} எங்கள் இயங்குதளத்தில் தடமறியப்பட்டது.",
+    "openIssueMessage": "பிழையில் உம் காட்சி தகவலை உள்ளடக்காமலிருக்க நாங்கள் மிக எச்சரிக்கையாக இருந்தோம். உம் காட்சி தனிப்பட்டதில்லையெனில், பின்தொடர்வதற்கு பரிசீலிக்கவும் எங்கள் <button>பிழை தடமி.</button> கீழுள்ள தகவலை நகலெடுத்து ஒட்டி GitHub சிக்கலுள் உள்ளடக்கவும்.",
     "sceneContent": "காட்சி உள்ளடக்கம்:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "தேவைப்டுகிறது",
       "website": "செல்லத்தக்க உரலியை உள்ளிடு"
     },
-    "noteDescription": {
-      "pre": "உம் நூலகத்தைச் சமர்ப்பி உள்ளடக்குவதற்கு ",
-      "link": "பொது நூலக களஞ்சியத்தில்",
-      "post": "பிற மக்களவர்களின் சித்திரங்களில் பயன்படுத்த."
-    },
-    "noteGuidelines": {
-      "pre": "நூலகம் முதலில் கைமுறையாக ஒப்புக்கொள்ளப்படவேண்டும். வாசிக்கவும் ",
-      "link": "வழிகாட்டுதல்களைச்",
-      "post": " சமர்ப்பிக்கும் முன்பு. கோரப்பட்டால் தொடர்புகொள்ள மற்றும் மாற்றங்கள் செய்ய உமக்கொரு GitHub கணக்கு தேவை, ஆனால் அது கண்டிப்பாக தேவையல்ல."
-    },
-    "noteLicense": {
-      "pre": "சமர்ப்பிப்பதனால், நூலகம் இதனடியில் பிரசரிக்கப்பட ஏற்கிறீர்கள் ",
-      "link": "MIT உரிமம், ",
-      "post": "சுருக்கமாக எவருமிதைப் வரையறையின்றி பயன்படுத்தலாமென குறிக்கிறது."
-    },
+    "noteDescription": "உம் நூலகத்தைச் சமர்ப்பி உள்ளடக்குவதற்கு <link>பொது நூலக களஞ்சியத்தில்</link>பிற மக்களவர்களின் சித்திரங்களில் பயன்படுத்த.",
+    "noteGuidelines": "நூலகம் முதலில் கைமுறையாக ஒப்புக்கொள்ளப்படவேண்டும். வாசிக்கவும் <link>வழிகாட்டுதல்களைச்</link> சமர்ப்பிக்கும் முன்பு. கோரப்பட்டால் தொடர்புகொள்ள மற்றும் மாற்றங்கள் செய்ய உமக்கொரு GitHub கணக்கு தேவை, ஆனால் அது கண்டிப்பாக தேவையல்ல.",
+    "noteLicense": "சமர்ப்பிப்பதனால், நூலகம் இதனடியில் பிரசரிக்கப்பட ஏற்கிறீர்கள் <link>MIT உரிமம், </link>சுருக்கமாக எவருமிதைப் வரையறையின்றி பயன்படுத்தலாமென குறிக்கிறது.",
     "noteItems": "வடிக்கட்டக்கூடியதாகவிருக்க ஒவ்வொரு நூலகவுருப்படிக்கும் சொந்த பெயர் இருக்கவேண்டும். பின்வரும் நூலகவுருப்படிகள் உள்ளடக்கப்படும்:",
     "atleastOneLibItem": "ஆரம்பிக்க ஒரு நூலக உருப்படியையாவது தேர்ந்தெடுக்கவும்",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "நூலகம் சமர்ப்பிக்கப்பட்டது",
-    "content": "நன்றி {{authorName}}. உமது நூலகம் மதிப்பாய்விற்காக சமர்ப்பிக்கப்பட்டது. நிலையை நீங்கள் தடமறியலாம்",
-    "link": "இங்கே"
+    "content": "நன்றி {{authorName}}. உமது நூலகம் மதிப்பாய்விற்காக சமர்ப்பிக்கப்பட்டது. நிலையை நீங்கள் தடமறியலாம்<link>இங்கே</link>"
   },
   "confirmDialog": {
     "resetLibrary": "நூலகத்தை அகரமாக்கு",
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
index bd87b5189..3860af21d 100644
--- a/src/locales/th-TH.json
+++ b/src/locales/th-TH.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "กำลังรีโหลดหน้า",
-    "clearCanvasMessage": "ถ้าโหลดไม่ได้ ให้ลอง ",
-    "clearCanvasMessage_button": "เคลียร์ผืนผ้าใบ",
+    "headingMain": "<button>กำลังรีโหลดหน้า</button>",
+    "clearCanvasMessage": "ถ้าโหลดไม่ได้ ให้ลอง <button>เคลียร์ผืนผ้าใบ</button>",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 9bd473b00..a48a16408 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "İpucu: En uzaktaki elemanları birbirine yakınlaştırmayı deneyin."
   },
   "errorSplash": {
-    "headingMain_pre": "Hata oluştu. Lütfen ",
-    "headingMain_button": "sayfayı yenilemeyi deneyin.",
-    "clearCanvasMessage": "Yenileme sonrası sorun devam ediyorsa, lütfen ",
-    "clearCanvasMessage_button": "çizim alanını temizlemeyi deneyin.",
+    "headingMain": "Hata oluştu. Lütfen <button>sayfayı yenilemeyi deneyin.</button>",
+    "clearCanvasMessage": "Yenileme sonrası sorun devam ediyorsa, lütfen <button>çizim alanını temizlemeyi deneyin.</button>",
     "clearCanvasCaveat": " Bu, yaptığınız değişiklikleri sıfırlayacak ",
-    "trackedToSentry_pre": "Tanımlayıcı ile ilgili hata ",
-    "trackedToSentry_post": " sistemimize yakalandı.",
-    "openIssueMessage_pre": "Sahne bilginizi hata mesajına yansıtmamak için oldukça dikkatli davrandık. Eğer sahneniz gizli değilse hatayı lütfen şuradan takip edin ",
-    "openIssueMessage_button": "hata takibi.",
-    "openIssueMessage_post": " Lütfen aşağıya GitHub sorununa kopyalayarak ve yapıştırarak bilgi ekleyin.",
+    "trackedToSentry": "Tanımlayıcı ile ilgili hata {{eventId}} sistemimize yakalandı.",
+    "openIssueMessage": "Sahne bilginizi hata mesajına yansıtmamak için oldukça dikkatli davrandık. Eğer sahneniz gizli değilse hatayı lütfen şuradan takip edin <button>hata takibi.</button> Lütfen aşağıya GitHub sorununa kopyalayarak ve yapıştırarak bilgi ekleyin.",
     "sceneContent": "Sahne içeriği:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Gerekli",
       "website": "Geçerli bir URL girin"
     },
-    "noteDescription": {
-      "pre": "Submit your library to be included in the ",
-      "link": "genel kütüphane reposu",
-      "post": "diğer insanlar çizimlerinde kullanabilsin diye."
-    },
-    "noteGuidelines": {
-      "pre": "Önce kütüphane elle onaylanmalı. şunu okuyun ",
-      "link": "yönergeler",
-      "post": " onaylamadan önce. gerekli olması halinde iletişim kurmak için ve değişiklik için Github hesabı gerekli, ama çok da illaki olmalı değil."
-    },
-    "noteLicense": {
-      "pre": "Bunu onaylayarak, kütüğhanenin şu lisansla yayınlanmasını onaylıyorsunuz ",
-      "link": "MIT Lisans, ",
-      "post": "ki bu kısaca herkesin onu kısıtlama olmaksızın kullanabileceği anlamına gelmektedir."
-    },
+    "noteDescription": "Submit your library to be included in the <link>genel kütüphane reposu</link>diğer insanlar çizimlerinde kullanabilsin diye.",
+    "noteGuidelines": "Önce kütüphane elle onaylanmalı. şunu okuyun <link>yönergeler</link> onaylamadan önce. gerekli olması halinde iletişim kurmak için ve değişiklik için Github hesabı gerekli, ama çok da illaki olmalı değil.",
+    "noteLicense": "Bunu onaylayarak, kütüğhanenin şu lisansla yayınlanmasını onaylıyorsunuz <link>MIT Lisans, </link>ki bu kısaca herkesin onu kısıtlama olmaksızın kullanabileceği anlamına gelmektedir.",
     "noteItems": "Her kütüphane kendi ismine sahip olmalı ki tarama yapabilelim. Şu kütüphane ögeleri dahil edilecek:",
     "atleastOneLibItem": "Lütfen başlamak için en az bir tane kütüphane ögesi seçin",
     "republishWarning": "Not: seçilen ögelerden bir kısmı zaten yayınlanmış/gönderilmiş. Yalnızca mevcut kütüphane ve gönderileri güncellerken yeniden gönderme işlemi yapmalısınız."
   },
   "publishSuccessDialog": {
     "title": "Kütüphane gönderildi",
-    "content": "Teşekkürler {{authorName}}. Kütüphaneniz gözden geçirme için alındı. Durumu takip edebilirsiniz",
-    "link": "burada"
+    "content": "Teşekkürler {{authorName}}. Kütüphaneniz gözden geçirme için alındı. Durumu takip edebilirsiniz<link>burada</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Kütüphaneyi sıfırla",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index fbe77af76..1f8a70c76 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Порада: спробуйте підсунути найвіддаленіші елементи ближче один до одного."
   },
   "errorSplash": {
-    "headingMain_pre": "Сталася помилка. Спробуйте ",
-    "headingMain_button": "перезавантажити сторінку.",
-    "clearCanvasMessage": "Якщо перезавантаження не допоможе, спробуйте ",
-    "clearCanvasMessage_button": "очистити полотно.",
+    "headingMain": "Сталася помилка. Спробуйте <button>перезавантажити сторінку.</button>",
+    "clearCanvasMessage": "Якщо перезавантаження не допоможе, спробуйте <button>очистити полотно.</button>",
     "clearCanvasCaveat": " Це призведе до втрати роботи ",
-    "trackedToSentry_pre": "Помилка з ідентифікатором ",
-    "trackedToSentry_post": " було відслідковано в нашій системі.",
-    "openIssueMessage_pre": "Ми були дуже обережні, щоб не включати інформацію про ваші сцени в текст помилки. Якщо ваша сцена не була приватна, будь ласка, розгляньте можливість продовження на нашому ",
-    "openIssueMessage_button": "трекер помилок.",
-    "openIssueMessage_post": " Будь ласка, додайте інформацію нижче, скопіюючи і вставляючи у GitHub issue.",
+    "trackedToSentry": "Помилка з ідентифікатором {{eventId}} було відслідковано в нашій системі.",
+    "openIssueMessage": "Ми були дуже обережні, щоб не включати інформацію про ваші сцени в текст помилки. Якщо ваша сцена не була приватна, будь ласка, розгляньте можливість продовження на нашому <button>трекер помилок.</button> Будь ласка, додайте інформацію нижче, скопіюючи і вставляючи у GitHub issue.",
     "sceneContent": "Вміст сцени:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "Обов’язково",
       "website": "Введіть дійсну URL-адресу"
     },
-    "noteDescription": {
-      "pre": "Подати бібліотеку, щоб вона була включена до ",
-      "link": "публічного репозиторія бібліотек",
-      "post": "для інших людей, для використання у їхніх полотнах."
-    },
-    "noteGuidelines": {
-      "pre": "Спочатку бібліотека повинна бути підтверджена. Будь ласка, прочитайте ",
-      "link": "настанови",
-      "post": " перед відправкою. Вам знадобиться обліковий запис на GitHub, щоб колаборувати та вносити зміни, але це не обов'язково."
-    },
-    "noteLicense": {
-      "pre": "Публікуючи, ви погоджуєтеся, що бібліотека буде опублікована під ",
-      "link": "Ліцензія MIT, ",
-      "post": ", простими словами, це означає що нею зможе користуватися будь-хто без обмежень."
-    },
+    "noteDescription": "Подати бібліотеку, щоб вона була включена до <link>публічного репозиторія бібліотек</link>для інших людей, для використання у їхніх полотнах.",
+    "noteGuidelines": "Спочатку бібліотека повинна бути підтверджена. Будь ласка, прочитайте <link>настанови</link> перед відправкою. Вам знадобиться обліковий запис на GitHub, щоб колаборувати та вносити зміни, але це не обов'язково.",
+    "noteLicense": "Публікуючи, ви погоджуєтеся, що бібліотека буде опублікована під <link>Ліцензія MIT, </link>, простими словами, це означає що нею зможе користуватися будь-хто без обмежень.",
     "noteItems": "Кожен об'єкт в бібліотеці повинен мати назву, це потрібно для пошуку та фільтрування. Наступні об'єкти бібліотеки будуть включені:",
     "atleastOneLibItem": "Будь ласка, виберіть принаймні один елемент бібліотеки, щоб почати",
     "republishWarning": "Зауважте, деякі з вибраних елементів позначені як вже опубліковані/надіслані. Ви повинні повторно надсилати елементи тільки при оновленні вже опублікованої бібліотеки чи при публікації бібліотеки."
   },
   "publishSuccessDialog": {
     "title": "Бібліотека відправлена",
-    "content": "Дякуємо, {{authorName}}. Ваша бібліотека була відправлена для розгляду. Ви можете відстежувати статус",
-    "link": "тут"
+    "content": "Дякуємо, {{authorName}}. Ваша бібліотека була відправлена для розгляду. Ви можете відстежувати статус<link>тут</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Очистити бібліотеку",
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index dcc8c44df..1015b0393 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "Mẹo: hãy thử di chuyển các elements nhất lại gần nhau hơn một chút."
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
-    "clearCanvasMessage": "Nếu không tải lại được, hãy thử ",
-    "clearCanvasMessage_button": "dọn canvas.",
+    "headingMain": "",
+    "clearCanvasMessage": "Nếu không tải lại được, hãy thử <button>dọn canvas.</button>",
     "clearCanvasCaveat": " Điều này sẽ dẫn đến mất dữ liệu bạn đã làm ",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "Từng món trong thư viện phải có tên riêng để có thể lọc. Các món thư viện sau đây sẽ thêm:",
     "atleastOneLibItem": "Vui lòng chọn ít nhất một món thư viện để bắt đầu",
     "republishWarning": "Lưu ý: một số món đã chọn được đánh dấu là đã xuất bản/đã gửi. Bạn chỉ nên gửi lại các món khi cập nhật thư viện hiện có hoặc gửi."
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index d47ac5744..522cd8420 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "提示：尝试将最远的元素移动到和其它元素更近一些。"
   },
   "errorSplash": {
-    "headingMain_pre": "遇到异常。请尝试",
-    "headingMain_button": "重新加载页面。",
-    "clearCanvasMessage": "如果重新加载页面无效, 请尝试",
-    "clearCanvasMessage_button": "清除画布。",
+    "headingMain": "遇到异常。请尝试<button>重新加载页面。</button>",
+    "clearCanvasMessage": "如果重新加载页面无效, 请尝试<button>清除画布。</button>",
     "clearCanvasCaveat": "这会造成当前工作丢失",
-    "trackedToSentry_pre": "带有标识符的错误",
-    "trackedToSentry_post": "已在我们的系统中跟踪",
-    "openIssueMessage_pre": "我们非常谨慎地处理错误信息，您的画布内容不会被包含在错误报告中。如果您的画布内容不需要保持私密，请考虑使用我们的",
-    "openIssueMessage_button": "错误追踪器。",
-    "openIssueMessage_post": " 请复制并粘贴以下信息到 GitHub Issue 中。",
+    "trackedToSentry": "带有标识符的错误{{eventId}}已在我们的系统中跟踪",
+    "openIssueMessage": "我们非常谨慎地处理错误信息，您的画布内容不会被包含在错误报告中。如果您的画布内容不需要保持私密，请考虑使用我们的<button>错误追踪器。</button> 请复制并粘贴以下信息到 GitHub Issue 中。",
     "sceneContent": "画布内容:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "必填",
       "website": "输入一个有效的URL"
     },
-    "noteDescription": {
-      "pre": "提交后，您的素材库将被包含在 ",
-      "link": "公共素材库广场",
-      "post": "以供其他人在绘图中使用。"
-    },
-    "noteGuidelines": {
-      "pre": "提交的素材库需先经人工审核。在提交之前，请先阅读 ",
-      "link": "指南",
-      "post": " 。后续沟通和对库的修改需要 GitHub 账号，但这不是必须的。"
-    },
-    "noteLicense": {
-      "pre": "提交即表明您已同意素材库将遵循 ",
-      "link": "MIT 许可证， ",
-      "post": "简而言之，任何人都可以不受限制地使用它们。"
-    },
+    "noteDescription": "提交后，您的素材库将被包含在 <link>公共素材库广场</link>以供其他人在绘图中使用。",
+    "noteGuidelines": "提交的素材库需先经人工审核。在提交之前，请先阅读 <link>指南</link> 。后续沟通和对库的修改需要 GitHub 账号，但这不是必须的。",
+    "noteLicense": "提交即表明您已同意素材库将遵循 <link>MIT 许可证， </link>简而言之，任何人都可以不受限制地使用它们。",
     "noteItems": "素材库中每个项目都有各自的名称以供筛选。以下项目将被包含：",
     "atleastOneLibItem": "请选择至少一个素材库以开始",
     "republishWarning": "注意：部分选中的项目已经发布或提交。请仅在更新已有或已提交的素材库时重复提交项目。"
   },
   "publishSuccessDialog": {
     "title": "素材库已提交",
-    "content": "谢谢你 {{authorName}}。您的素材库已被提交审核。跟进此次提交的状态请点击",
-    "link": "此处"
+    "content": "谢谢你 {{authorName}}。您的素材库已被提交审核。跟进此次提交的状态请点击<link>此处</link>"
   },
   "confirmDialog": {
     "resetLibrary": "重置素材库",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index b89f8af73..527937163 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
-    "clearCanvasMessage": "如果重新整理頁面都係睇唔到，你可以",
-    "clearCanvasMessage_button": "清空畫布",
+    "headingMain": "",
+    "clearCanvasMessage": "如果重新整理頁面都係睇唔到，你可以<button>清空畫布</button>",
     "clearCanvasCaveat": "（注意：呢個動作會直接丟棄你嘅作品，並且無法復原）",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index fe8868bac..08965de95 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "提示：可嘗試將最遠的元素移動至較集中的位置"
   },
   "errorSplash": {
-    "headingMain_pre": "發生錯誤，嘗試",
-    "headingMain_button": "重新載入頁面。",
-    "clearCanvasMessage": "若重新載入仍無法解決問題，嘗試",
-    "clearCanvasMessage_button": "清除 canvas。",
+    "headingMain": "發生錯誤，嘗試<button>重新載入頁面。</button>",
+    "clearCanvasMessage": "若重新載入仍無法解決問題，嘗試<button>清除 canvas。</button>",
     "clearCanvasCaveat": "此動作將造成目前的作品被移除。",
-    "trackedToSentry_pre": "此錯誤與其識別碼",
-    "trackedToSentry_post": "將由系統記錄。",
-    "openIssueMessage_pre": "我們將謹慎處理，你的作品內容不會被包含在錯誤報告中。若你的作品不需保持私密，請考慮使用我們的",
-    "openIssueMessage_button": "bug tracker。",
-    "openIssueMessage_post": "請將下列資訊複製貼上至 GitHub issue 中。",
+    "trackedToSentry": "此錯誤與其識別碼{{eventId}}將由系統記錄。",
+    "openIssueMessage": "我們將謹慎處理，你的作品內容不會被包含在錯誤報告中。若你的作品不需保持私密，請考慮使用我們的<button>bug tracker。</button>請將下列資訊複製貼上至 GitHub issue 中。",
     "sceneContent": "作品內容："
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "必填",
       "website": "請輸入有效的 URL"
     },
-    "noteDescription": {
-      "pre": "送出您的資料庫後將被包含於",
-      "link": "公開資料庫 repository",
-      "post": "以利他人在其繪圖中使用。"
-    },
-    "noteGuidelines": {
-      "pre": "資料庫需先經人工審查。請閱讀",
-      "link": "說明文件",
-      "post": "再送出。若需溝通與修改時要透過 GitHub 帳號來進行，但並非強制需求。"
-    },
-    "noteLicense": {
-      "pre": "送出即代表您同意此資料庫將發布時使用 ",
-      "link": "MIT 授權，",
-      "post": "簡單來說是指任何人都能不受限制的使用。"
-    },
+    "noteDescription": "送出您的資料庫後將被包含於<link>公開資料庫 repository</link>以利他人在其繪圖中使用。",
+    "noteGuidelines": "資料庫需先經人工審查。請閱讀<link>說明文件</link>再送出。若需溝通與修改時要透過 GitHub 帳號來進行，但並非強制需求。",
+    "noteLicense": "送出即代表您同意此資料庫將發布時使用 <link>MIT 授權，</link>簡單來說是指任何人都能不受限制的使用。",
     "noteItems": "每個資料庫項目都有獨立的名稱故可篩選。會包含下列資料庫項目：",
     "atleastOneLibItem": "請選擇至少一項資料庫項目",
     "republishWarning": "注意：部分選取中的物件先前已發布/送出過。建議僅在要更新現存資料庫或已送出的物件時才重新送出這些物件。"
   },
   "publishSuccessDialog": {
     "title": "資料庫已送出",
-    "content": "感謝 {{authorName}} 。您的資料庫已送出待審查。您可查看目前狀態",
-    "link": "在此"
+    "content": "感謝 {{authorName}} 。您的資料庫已送出待審查。您可查看目前狀態<link>在此</link>"
   },
   "confirmDialog": {
     "resetLibrary": "重設資料庫",

From fff9d1522af073112cd117921af4bb167c9ee766 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 13 May 2023 13:18:14 +0200
Subject: [PATCH 177/252] feat: library sidebar design tweaks (#6582)

---
 src/components/LibraryMenu.scss              | 31 ++++++-
 src/components/LibraryMenu.tsx               |  3 +-
 src/components/LibraryMenuControlButtons.tsx | 22 ++---
 src/components/LibraryMenuHeaderContent.tsx  |  8 +-
 src/components/LibraryMenuItems.scss         | 17 +++-
 src/components/LibraryMenuItems.tsx          | 96 +++++++++++---------
 src/components/Sidebar/Sidebar.scss          | 19 ++--
 7 files changed, 128 insertions(+), 68 deletions(-)

diff --git a/src/components/LibraryMenu.scss b/src/components/LibraryMenu.scss
index 6598b151b..16715614a 100644
--- a/src/components/LibraryMenu.scss
+++ b/src/components/LibraryMenu.scss
@@ -1,11 +1,6 @@
 @import "open-color/open-color";
 
 .excalidraw {
-  .library-menu-items-container {
-    height: 100%;
-    width: 100%;
-  }
-
   .layer-ui__library {
     display: flex;
     flex-direction: column;
@@ -70,6 +65,16 @@
     align-items: center;
     justify-content: center;
     gap: 0.625rem;
+    position: relative;
+
+    &--at-bottom::before {
+      content: "";
+      width: calc(100% - 1.5rem);
+      height: 1px;
+      position: absolute;
+      top: -1px;
+      background: var(--sidebar-border-color);
+    }
   }
 
   .library-menu-browse-button {
@@ -126,4 +131,20 @@
       padding: 0.25rem 0.5rem;
     }
   }
+
+  .layer-ui__library .library-menu-dropdown-container {
+    position: relative;
+
+    &--in-heading {
+      padding: 0;
+      position: absolute;
+      top: 1rem;
+      right: 0.75rem;
+      z-index: 1;
+
+      .dropdown-menu {
+        top: 100%;
+      }
+    }
+  }
 }
diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index 7f25a6969..0101d0cb5 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -121,12 +121,11 @@ export const LibraryMenuContent = ({
       />
       {showBtn && (
         <LibraryMenuControlButtons
+          className="library-menu-control-buttons--at-bottom"
           style={{ padding: "16px 12px 0 12px" }}
           id={id}
           libraryReturnUrl={libraryReturnUrl}
           theme={appState.theme}
-          selectedItems={selectedItems}
-          onSelectItems={onSelectItems}
         />
       )}
     </LibraryMenuWrapper>
diff --git a/src/components/LibraryMenuControlButtons.tsx b/src/components/LibraryMenuControlButtons.tsx
index 6f3e75208..86ac1b635 100644
--- a/src/components/LibraryMenuControlButtons.tsx
+++ b/src/components/LibraryMenuControlButtons.tsx
@@ -1,33 +1,33 @@
-import { LibraryItem, ExcalidrawProps, UIAppState } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 import LibraryMenuBrowseButton from "./LibraryMenuBrowseButton";
-import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
+import clsx from "clsx";
 
 export const LibraryMenuControlButtons = ({
-  selectedItems,
-  onSelectItems,
   libraryReturnUrl,
   theme,
   id,
   style,
+  children,
+  className,
 }: {
-  selectedItems: LibraryItem["id"][];
-  onSelectItems: (id: LibraryItem["id"][]) => void;
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
   theme: UIAppState["theme"];
   id: string;
   style: React.CSSProperties;
+  children?: React.ReactNode;
+  className?: string;
 }) => {
   return (
-    <div className="library-menu-control-buttons" style={style}>
+    <div
+      className={clsx("library-menu-control-buttons", className)}
+      style={style}
+    >
       <LibraryMenuBrowseButton
         id={id}
         libraryReturnUrl={libraryReturnUrl}
         theme={theme}
       />
-      <LibraryDropdownMenu
-        selectedItems={selectedItems}
-        onSelectItems={onSelectItems}
-      />
+      {children}
     </div>
   );
 };
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 07736f9d3..3f16bdb62 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -23,6 +23,7 @@ import { Dialog } from "./Dialog";
 import DropdownMenu from "./dropdownMenu/DropdownMenu";
 import { isLibraryMenuOpenAtom } from "./LibraryMenu";
 import { useUIAppState } from "../context/ui-appState";
+import clsx from "clsx";
 
 const getSelectedItems = (
   libraryItems: LibraryItems,
@@ -37,6 +38,7 @@ export const LibraryDropdownMenuButton: React.FC<{
   resetLibrary: () => void;
   onSelectItems: (items: LibraryItem["id"][]) => void;
   appState: UIAppState;
+  className?: string;
 }> = ({
   setAppState,
   selectedItems,
@@ -45,6 +47,7 @@ export const LibraryDropdownMenuButton: React.FC<{
   resetLibrary,
   onSelectItems,
   appState,
+  className,
 }) => {
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
   const [isLibraryMenuOpen, setIsLibraryMenuOpen] = useAtom(
@@ -236,7 +239,7 @@ export const LibraryDropdownMenuButton: React.FC<{
   };
 
   return (
-    <div style={{ position: "relative" }}>
+    <div className={clsx("library-menu-dropdown-container", className)}>
       {renderLibraryMenu()}
       {selectedItems.length > 0 && (
         <div className="library-actions-counter">{selectedItems.length}</div>
@@ -270,9 +273,11 @@ export const LibraryDropdownMenuButton: React.FC<{
 export const LibraryDropdownMenu = ({
   selectedItems,
   onSelectItems,
+  className,
 }: {
   selectedItems: LibraryItem["id"][];
   onSelectItems: (id: LibraryItem["id"][]) => void;
+  className?: string;
 }) => {
   const { library } = useApp();
   const appState = useUIAppState();
@@ -308,6 +313,7 @@ export const LibraryDropdownMenu = ({
         removeFromLibrary(libraryItemsData.libraryItems)
       }
       resetLibrary={resetLibrary}
+      className={className}
     />
   );
 };
diff --git a/src/components/LibraryMenuItems.scss b/src/components/LibraryMenuItems.scss
index 01c2a36ea..1a3fa9715 100644
--- a/src/components/LibraryMenuItems.scss
+++ b/src/components/LibraryMenuItems.scss
@@ -26,6 +26,7 @@
   }
 
   .library-menu-items-container {
+    width: 100%;
     display: flex;
     flex-grow: 1;
     flex-shrink: 1;
@@ -35,10 +36,14 @@
     height: 100%;
     justify-content: center;
     margin: 0;
-    border-bottom: 1px solid var(--sidebar-border-color);
 
     position: relative;
 
+    & > div {
+      padding-left: 0.75rem;
+      padding-right: 0.75rem;
+    }
+
     &__row {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
@@ -59,6 +64,9 @@
       font-size: 1.125rem;
       font-weight: bold;
       margin-bottom: 0.75rem;
+      width: 100%;
+      padding-right: 4rem; // due to dropdown button
+      box-sizing: border-box;
 
       &--excal {
         margin-top: 2rem;
@@ -75,4 +83,11 @@
       color: var(--text-primary-color);
     }
   }
+
+  .library-menu-items-private-library-container {
+    // so that when you toggle between pending item and no items, there's
+    // no layout shift (this is hardcoded and works only with ENG locale)
+    min-height: 3.75rem;
+    width: 100%;
+  }
 }
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index bc914c19c..0f4dda589 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -15,6 +15,7 @@ import { MIME_TYPES } from "../constants";
 import Spinner from "./Spinner";
 import { duplicateElements } from "../element/newElement";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
+import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
 
 import "./LibraryMenuItems.scss";
 
@@ -207,6 +208,11 @@ const LibraryMenuItems = ({
 
   const showBtn = !libraryItems.length && !pendingElements.length;
 
+  const isLibraryEmpty =
+    !pendingElements.length &&
+    !unpublishedItems.length &&
+    !publishedItems.length;
+
   return (
     <div
       className="library-menu-items-container"
@@ -218,6 +224,13 @@ const LibraryMenuItems = ({
           : { borderBottom: 0 }
       }
     >
+      {!isLibraryEmpty && (
+        <LibraryDropdownMenu
+          selectedItems={selectedItems}
+          onSelectItems={onSelectItems}
+          className="library-menu-dropdown-container--in-heading"
+        />
+      )}
       <Stack.Col
         className="library-menu-items-container__items"
         align="start"
@@ -228,47 +241,45 @@ const LibraryMenuItems = ({
         }}
       >
         <>
-          <div>
-            {(pendingElements.length > 0 ||
-              unpublishedItems.length > 0 ||
-              publishedItems.length > 0) && (
-              <div className="library-menu-items-container__header">
-                {t("labels.personalLib")}
-              </div>
-            )}
-            {isLoading && (
-              <div
-                style={{
-                  position: "absolute",
-                  top: "var(--container-padding-y)",
-                  right: "var(--container-padding-x)",
-                  transform: "translateY(50%)",
-                }}
-              >
-                <Spinner />
+          {!isLibraryEmpty && (
+            <div className="library-menu-items-container__header">
+              {t("labels.personalLib")}
+            </div>
+          )}
+          {isLoading && (
+            <div
+              style={{
+                position: "absolute",
+                top: "var(--container-padding-y)",
+                right: "var(--container-padding-x)",
+                transform: "translateY(50%)",
+              }}
+            >
+              <Spinner />
+            </div>
+          )}
+          <div className="library-menu-items-private-library-container">
+            {!pendingElements.length && !unpublishedItems.length ? (
+              <div className="library-menu-items__no-items">
+                <div className="library-menu-items__no-items__label">
+                  {t("library.noItems")}
+                </div>
+                <div className="library-menu-items__no-items__hint">
+                  {publishedItems.length > 0
+                    ? t("library.hint_emptyPrivateLibrary")
+                    : t("library.hint_emptyLibrary")}
+                </div>
               </div>
+            ) : (
+              renderLibrarySection([
+                // append pending library item
+                ...(pendingElements.length
+                  ? [{ id: null, elements: pendingElements }]
+                  : []),
+                ...unpublishedItems,
+              ])
             )}
           </div>
-          {!pendingElements.length && !unpublishedItems.length ? (
-            <div className="library-menu-items__no-items">
-              <div className="library-menu-items__no-items__label">
-                {t("library.noItems")}
-              </div>
-              <div className="library-menu-items__no-items__hint">
-                {publishedItems.length > 0
-                  ? t("library.hint_emptyPrivateLibrary")
-                  : t("library.hint_emptyLibrary")}
-              </div>
-            </div>
-          ) : (
-            renderLibrarySection([
-              // append pending library item
-              ...(pendingElements.length
-                ? [{ id: null, elements: pendingElements }]
-                : []),
-              ...unpublishedItems,
-            ])
-          )}
         </>
 
         <>
@@ -304,9 +315,12 @@ const LibraryMenuItems = ({
             id={id}
             libraryReturnUrl={libraryReturnUrl}
             theme={theme}
-            selectedItems={selectedItems}
-            onSelectItems={onSelectItems}
-          />
+          >
+            <LibraryDropdownMenu
+              selectedItems={selectedItems}
+              onSelectItems={onSelectItems}
+            />
+          </LibraryMenuControlButtons>
         )}
       </Stack.Col>
     </div>
diff --git a/src/components/Sidebar/Sidebar.scss b/src/components/Sidebar/Sidebar.scss
index 1b71af113..200e94ef4 100644
--- a/src/components/Sidebar/Sidebar.scss
+++ b/src/components/Sidebar/Sidebar.scss
@@ -46,8 +46,17 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
+    padding: 1rem 0.75rem;
+    position: relative;
+
+    &::after {
+      content: "";
+      width: calc(100% - 1.5rem);
+      height: 1px;
+      background: var(--sidebar-border-color);
+      position: absolute;
+      bottom: -1px;
+    }
   }
 
   .sidebar__header__buttons {
@@ -89,7 +98,7 @@
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
-    padding: 1rem 0.75rem;
+    padding: 1rem 0;
 
     [role="tabpanel"] {
       flex: 1;
@@ -161,9 +170,5 @@
         border: none;
       }
     }
-
-    .sidebar__header {
-      border-bottom: 1px solid var(--sidebar-border-color);
-    }
   }
 }

From 2c511e30cdd28c0c577eb56a4e6ccd566c26ef15 Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Sat, 13 May 2023 19:16:58 +0200
Subject: [PATCH 178/252] chore: Update translations from Crowdin (#6571)

* New translations en.json (Karakalpak)

* New translations en.json (Karakalpak)

* Auto commit: Calculate translation coverage

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Spanish)

* New translations en.json (Italian)

* New translations en.json (Slovak)

* New translations en.json (Bengali)

* New translations en.json (Khmer)

* New translations en.json (Karakalpak)

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Catalan)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Basque)

* New translations en.json (Finnish)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Japanese)

* New translations en.json (Korean)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Dutch)

* New translations en.json (Punjabi)

* New translations en.json (Polish)

* New translations en.json (Portuguese)

* New translations en.json (Russian)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Traditional)

* New translations en.json (Vietnamese)

* New translations en.json (Galician)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Tamil)

* New translations en.json (Marathi)

* New translations en.json (Thai)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Kazakh)

* New translations en.json (Latvian)

* New translations en.json (Hindi)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Sinhala)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Spanish)

* New translations en.json (Italian)

* New translations en.json (Slovak)

* New translations en.json (Bengali)

* New translations en.json (Romanian)

* New translations en.json (French)

* New translations en.json (Arabic)

* New translations en.json (Bulgarian)

* New translations en.json (Catalan)

* New translations en.json (Czech)

* New translations en.json (Danish)

* New translations en.json (German)

* New translations en.json (Greek)

* New translations en.json (Basque)

* New translations en.json (Finnish)

* New translations en.json (Hebrew)

* New translations en.json (Hungarian)

* New translations en.json (Japanese)

* New translations en.json (Korean)

* New translations en.json (Kurdish)

* New translations en.json (Lithuanian)

* New translations en.json (Dutch)

* New translations en.json (Punjabi)

* New translations en.json (Polish)

* New translations en.json (Portuguese)

* New translations en.json (Russian)

* New translations en.json (Slovenian)

* New translations en.json (Swedish)

* New translations en.json (Turkish)

* New translations en.json (Ukrainian)

* New translations en.json (Chinese Traditional)

* New translations en.json (Vietnamese)

* New translations en.json (Galician)

* New translations en.json (Portuguese, Brazilian)

* New translations en.json (Indonesian)

* New translations en.json (Persian)

* New translations en.json (Tamil)

* New translations en.json (Marathi)

* New translations en.json (Thai)

* New translations en.json (Norwegian Nynorsk)

* New translations en.json (Latvian)

* New translations en.json (Hindi)

* New translations en.json (Burmese)

* New translations en.json (Chinese Traditional, Hong Kong)

* New translations en.json (Norwegian Bokmal)

* New translations en.json (Occitan)

* New translations en.json (Kabyle)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Ukrainian)

* Auto commit: Calculate translation coverage

* New translations en.json (Ukrainian)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* New translations en.json (Hindi)

* New translations en.json (Hindi)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* New translations en.json (Chinese Simplified)

* New translations en.json (Ukrainian)

* New translations en.json (Khmer)

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (German)

* New translations en.json (Punjabi)

* Auto commit: Calculate translation coverage

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/locales/ar-SA.json       |  32 +++-------
 src/locales/de-DE.json       |   2 +-
 src/locales/fa-IR.json       |  32 +++-------
 src/locales/he-IL.json       |  32 +++-------
 src/locales/hi-IN.json       |   4 +-
 src/locales/kaa.json         |  44 ++++---------
 src/locales/kab-KAB.json     |  14 ++---
 src/locales/km-KH.json       | 116 +++++++++++++++--------------------
 src/locales/pa-IN.json       |  44 ++++++-------
 src/locales/percentages.json |  54 ++++++++--------
 src/locales/ro-RO.json       |  12 ++--
 src/locales/uk-UA.json       |  42 ++++++-------
 src/locales/zh-CN.json       |  26 ++++----
 13 files changed, 182 insertions(+), 272 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 09e5d1485..9bfec8236 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "نصيحة: حاول تحريك العناصر البعيدة بشكل أقرب قليلاً."
   },
   "errorSplash": {
-    "headingMain_pre": "حدث خطأ، حاول مرة أخرى ",
-    "headingMain_button": "إعادة تحميل الصفحة.",
+    "headingMain": "",
     "clearCanvasMessage": "إذا لم تعمل إعادة التحميل، حاول مرة أخرى ",
-    "clearCanvasMessage_button": "مسح اللوحة.",
     "clearCanvasCaveat": " هذا سيؤدي إلى فقدان العمل ",
-    "trackedToSentry_pre": "الخطأ ",
-    "trackedToSentry_post": " تم تعقبه على نظامنا.",
-    "openIssueMessage_pre": "كنا حذرين جدا لعدم تضمين معلومات المشهد الخاصة بك في الخطأ. إذا لم يكن المشهد خاصًا ، يرجى النظر في متابعة هذا الأمر ",
-    "openIssueMessage_button": "متعقّب الخلل.",
-    "openIssueMessage_post": " يرجى تضمين المعلومات أدناة عن طريق نسخ ولصق المشكلة في GitHub.",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": "محتوى المشهد:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "مطلوب",
       "website": "أدخل عنوان URL صالح"
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "مستودع المكتبة العامة",
-      "post": "ليستخدمها الآخرون في رسوماتهم."
-    },
-    "noteGuidelines": {
-      "pre": "يجب الموافقة على المكتبة يدويًا أولاً. يرجى قراءة ",
-      "link": "الإرشادات",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "رخصة إم أي تي ",
-      "post": "وهو ما يعني باختصار أنه يمكن لأي شخص استخدامها دون قيود."
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "يجب أن يكون لكل عنصر مكتبة اسمه الخاص حتى يكون قابلاً للتصفية. سيتم تضمين عناصر المكتبة التالية:",
     "atleastOneLibItem": "يرجى تحديد عنصر مكتبة واحد على الأقل للبدء",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "تم إرسال المكتبة",
-    "content": "شكرا لك {{authorName}}. لقد تم إرسال مكتبتك للمراجعة. يمكنك تتبع الحالة",
-    "link": "هنا"
+    "content": "شكرا لك {{authorName}}. لقد تم إرسال مكتبتك للمراجعة. يمكنك تتبع الحالة"
   },
   "confirmDialog": {
     "resetLibrary": "إعادة ضبط المكتبة",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index f0003f8a2..f28dc123b 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -268,7 +268,7 @@
     "clearCanvasMessage": "Wenn das Neuladen nicht funktioniert, versuche <button>die Zeichenfläche zu löschen.</button>",
     "clearCanvasCaveat": " Dies wird zum Verlust von Daten führen ",
     "trackedToSentry": "Der Fehler mit der Kennung {{eventId}} wurde in unserem System registriert.",
-    "openIssueMessage": "Wir waren sehr vorsichtig und haben deine Zeichnungsinformationen nicht in die Fehlerinformationen aufgenommen. Wenn deine Zeichnung nicht privat ist, unterstütze uns bitte über unseren <button>Bug-Tracker.</button> Bitte teile die unten stehenden Informationen mit uns im GitHub Issue (Kopieren und Einfügen).",
+    "openIssueMessage": "Wir waren sehr vorsichtig und haben deine Zeichnungsinformationen nicht in die Fehlerinformationen aufgenommen. Wenn deine Zeichnung nicht privat ist, unterstütze uns bitte über unseren <button>Bug-Tracker</button>. Bitte teile die unten stehenden Informationen mit uns im GitHub Issue (Kopieren und Einfügen).",
     "sceneContent": "Zeichnungsinhalt:"
   },
   "roomDialog": {
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index f0931e642..cf793845d 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "نکته: سعی کنید دورترین عناصر را کمی به همدیگر نزدیک کنید."
   },
   "errorSplash": {
-    "headingMain_pre": "با مشکلی مواجه شدیم. این را امتحان کنید ",
-    "headingMain_button": "در حال بازنشانی صفحه.",
+    "headingMain": "",
     "clearCanvasMessage": "اگر بازنشانی صفحه مشکل را حل نکرد این را امتحان کنید ",
-    "clearCanvasMessage_button": "در حال تمیز کردن بوم",
     "clearCanvasCaveat": " این باعث میشود کارهای شما ذخیره نشود ",
-    "trackedToSentry_pre": "خطا در شناسه ",
-    "trackedToSentry_post": " در سیستم ما رهگیری شد.",
-    "openIssueMessage_pre": "ما خیلی محتاط هستیم که اطلاعات شما را در خطا قرار ندهیم. با این حال اگر اطلاعات شما خصوصی نیست لطفا پیگیری کنید ",
-    "openIssueMessage_button": "پیگیری اشکالات.",
-    "openIssueMessage_post": " لطفا اطلاعات زیر را با کپی کردن در صفحه مشکلات GitHub بگذارید.",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": "محتوای صحنه:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "لازم",
       "website": "وارد کردن آدرس درست"
     },
-    "noteDescription": {
-      "pre": "کتابخانه خود را ارسال کنید تا در آن گنجانده شود ",
-      "link": "مخزن کتابخانه عمومی",
-      "post": "تا افراد دیگر در نقاشی های خود از آن استفاده کنند."
-    },
-    "noteGuidelines": {
-      "pre": "کتابخانه باید ابتدا به صورت دستی تایید شود. لطفاً بخوانید ",
-      "link": "دستورالعمل‌ها",
-      "post": " قبل از ارسال برای برقراری ارتباط و ایجاد تغییرات در صورت درخواست، به یک حساب GitHub نیاز دارید، اما به شدت الزامی نیست."
-    },
-    "noteLicense": {
-      "pre": "با ارسال، موافقت می کنید که کتابخانه تحت عنوان منتشر شود ",
-      "link": "پروانهٔ MIT ",
-      "post": "که به طور خلاصه به این معنی است که هر کسی می تواند بدون محدودیت از آنها استفاده کند."
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "هر مورد کتابخانه باید نام خاص خود را داشته باشد تا قابل فیلتر باشد. اقلام کتابخانه زیر شامل خواهد شد:",
     "atleastOneLibItem": "لطفاً حداقل یک مورد از کتابخانه را برای شروع انتخاب کنید",
     "republishWarning": "توجه: برخی از موارد انتخاب شده به عنوان قبلاً منتشر شده/ارسال شده علامت گذاری شده اند. شما فقط باید هنگام به‌روزرسانی یک کتابخانه موجود یا ارسال، موارد را دوباره ارسال کنید."
   },
   "publishSuccessDialog": {
     "title": "کتابخانه ارسال شد",
-    "content": "تشکر از شما {{authorName}}. کتابخانه شما برای بررسی ارسال شده است. می توانید وضعیت را پیگیری کنید",
-    "link": "اینجا"
+    "content": "تشکر از شما {{authorName}}. کتابخانه شما برای بررسی ارسال شده است. می توانید وضعیت را پیگیری کنید"
   },
   "confirmDialog": {
     "resetLibrary": "تنظیم مجدد کتابخانه",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 26fc81389..567a96825 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": "טיפ: נסה להזיז את הרכיבים הרחוקים ביותר מעט קרוב יותר האחד לשני."
   },
   "errorSplash": {
-    "headingMain_pre": "אירעה שגיאה. נסה ",
-    "headingMain_button": "טוען את העמוד מחדש.",
+    "headingMain": "",
     "clearCanvasMessage": "אם טעינה מחדש לא עובדת, נסה ",
-    "clearCanvasMessage_button": "מנקה את הקנבאס.",
     "clearCanvasCaveat": " זה יגרום לאובדן העבודה ",
-    "trackedToSentry_pre": "השגיאה עם מזהה ",
-    "trackedToSentry_post": " נמצאה במערכת שלנו.",
-    "openIssueMessage_pre": "נזהרנו מאוד שלא לכלול מידע מהקנבאס שלך בשגיאה. אם המידע בקנבאס אינו אישי, שקול לבצע מעקב אחר הטיפול שלנו ",
-    "openIssueMessage_button": "מעקב באגים.",
-    "openIssueMessage_post": " בבקשה כלול את המידע מטה באמצעות העתקתה שלו, והדבקה שלו ב- GitHub Issue.",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": "תוכן הקנבאס:"
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "נדרש",
       "website": "הזינו כתובת URL תקינה"
     },
-    "noteDescription": {
-      "pre": "הגש את הספריה שלך להכללתה ב ",
-      "link": "מאגר הספריה הציבורית",
-      "post": "לשימושם של אנשים אחרים בציורים שלהם."
-    },
-    "noteGuidelines": {
-      "pre": "הספריה צריכה לקבל אישור ידני קודם לכן. אנא קרא את ",
-      "link": "הנחיות",
-      "post": " לפני השליחה. אתה תצטרך לחשבון GitHub כדי לתקשר ולבצע שינויים אם תתבקש, אבל זה לא דרישה הכרחית."
-    },
-    "noteLicense": {
-      "pre": "על ידי שליחה, אתה מסכים שהסיפריה תפורסם תחת ה- ",
-      "link": "רישיון MIT, ",
-      "post": "שאומר בקצרה, שכל אחד יכול לעשות בהם שימוש ללא מגבלות."
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "לכל פריט בסיפריה חייב להיות שם כדי שאפשר יהיה לסנן. הפריטי סיפריה הבאים יהיו כלולים:",
     "atleastOneLibItem": "אנא בחר לפחות פריט אחד מספריה כדי להתחיל",
     "republishWarning": "הערה: חלק מהפריטים שבחרת מסומנים ככאלו שכבר פורסמו/נשלחו. אתה צריך לשלוח פריטים מחדש כאשר אתה מעדכן ספריה או הגשה קיימים."
   },
   "publishSuccessDialog": {
     "title": "הספריה הוגשה",
-    "content": "תודה {{authorName}}. הספריה שלך נשלחה לבחינה. תוכל לעקוב אחרי סטטוס הפרסום",
-    "link": "כאן"
+    "content": "תודה {{authorName}}. הספריה שלך נשלחה לבחינה. תוכל לעקוב אחרי סטטוס הפרסום"
   },
   "confirmDialog": {
     "resetLibrary": "איפוס ספריה",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 063a53a0d..1c1978bbd 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -350,14 +350,14 @@
     },
     "noteDescription": "संग्रह सम्मिलित करने हेतु प्रस्तुत करें <link>सार्वजनिक संग्रहालय</link>अन्य वक्तियों को उनके चित्रकारी में उपयोग के लिये",
     "noteGuidelines": "संग्रह को पहले स्वीकृति आवश्यक कृपया यह पढ़ें <link>दिशा-निर्देश</link>",
-    "noteLicense": "",
+    "noteLicense": "जमा करके, आप सहमत हैं कि संग्रहण को <link>MIT लाइसेंस</link> के तहत प्रकाशित किया जाएगा, जिसका संक्षिप्त अर्थ है कि कोई भी बिना किसी प्रतिबंध के उनका उपयोग कर सकता है।",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": "टिप्पणी: कुछ चुने हुवे आइटम पहले ही प्रकाशित/प्रस्तुत किए जा चुके हैं। किसी प्रकाशित संग्रह को अद्यतन करते समय या पहले से प्रस्तुत आइटम को पुन्हा प्रस्तुत करते समय, आप बस उसे केवल अद्यतन करें ।"
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": ""
+    "content": "{{authorName}} धन्यवाद. आपका संग्रहण समीक्षा के लिए दर्ज हो चुका है. समीक्षा स्थिति <link>यहाँ</link>जान सकते हैं."
   },
   "confirmDialog": {
     "resetLibrary": "",
diff --git a/src/locales/kaa.json b/src/locales/kaa.json
index cdc832a13..6a2c194cf 100644
--- a/src/locales/kaa.json
+++ b/src/locales/kaa.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": "usı jerde"
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
@@ -390,13 +372,13 @@
     "element": "",
     "elements": "",
     "height": "",
-    "scene": "",
+    "scene": "Saxna",
     "selected": "Tańlandı",
     "storage": "",
     "title": "",
     "total": "",
     "version": "Versiya",
-    "versionCopy": "",
+    "versionCopy": "Kóshirip alıw ushın basıń",
     "versionNotAvailable": "",
     "width": ""
   },
@@ -406,7 +388,7 @@
     "copyToClipboard": "",
     "copyToClipboardAsPng": "",
     "fileSaved": "Fayl saqlandı.",
-    "fileSavedToFilename": "",
+    "fileSavedToFilename": "{filename} saqlandı",
     "canvas": "",
     "selection": "",
     "pasteAsSingleElement": ""
@@ -422,7 +404,7 @@
     "edf2ff": "",
     "e7f5ff": "Kók",
     "e3fafc": "",
-    "e6fcf5": "",
+    "e6fcf5": "Piruza 0",
     "ebfbee": "",
     "f4fce3": "",
     "fff9db": "Sarı 0",
@@ -437,7 +419,7 @@
     "4c6ef5": "",
     "228be6": "Kók 6",
     "15aabf": "",
-    "12b886": "",
+    "12b886": "Piruza 6",
     "40c057": "Jasıl 6",
     "82c91e": "",
     "fab005": "Sarı 6",
@@ -446,7 +428,7 @@
     "343a40": "",
     "495057": "",
     "c92a2a": "Qızıl 9",
-    "a61e4d": "",
+    "a61e4d": "Qızǵılt 9",
     "862e9c": "",
     "5f3dc4": "",
     "364fc7": "",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 364eed4ec..56e82d102 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -209,8 +209,8 @@
     "collabSaveFailed_sizeExceeded": "Ulamek asekles deg uzadur n yisefka deg ugilal, taɣzut n usuneɣ tettban-d temqer aṭas. Isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.",
     "brave_measure_text_error": {
       "line1": "",
-      "line2": "",
-      "line3": "",
+      "line2": "Ayagi yezmer ad d-iglu s truẓi n<bold>Iferdisen n uḍris</bold>deg wunuɣen-inek.",
+      "line3": "Ad k-nsemter ad tsexsiḍ aɣewwar-agi. Tzemreḍ ad tḍefreḍ<link>isurifen-agi</link> ɣef wamek ara txedmeḍ.",
       "line4": ""
     }
   },
@@ -306,8 +306,8 @@
     "doubleClick": "ssit snat n tikkal",
     "drag": "zuɣer",
     "editor": "Amaẓrag",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Ẓreg tinqiḍin n yizirig/taneccabt",
+    "editText": "Ẓreg aḍris/rnu tabzimt",
     "github": "Tufiḍ-d ugur? Azen-aɣ-d",
     "howto": "Ḍfer imniren-nneɣ",
     "or": "neɣ",
@@ -442,15 +442,15 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
+      "center_heading": "Akk isefka-inek•inem ttwakelsen s wudem adigan deg yiminig-inek•inem.",
       "center_heading_plus": "Tebɣiḍ ad tedduḍ ɣer Excalidraw+ deg umḍiq?",
       "menuHint": "Asifeḍ, ismenyifen, tutlayin, ..."
     },
     "defaults": {
       "menuHint": "Asifeḍ, ismenyifen, d wayen-nniḍen...",
       "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "toolbarHint": "Fren afecku tebduḍ asuneɣ!",
+      "helpHint": "Inegzumen akked tallelt"
     }
   }
 }
diff --git a/src/locales/km-KH.json b/src/locales/km-KH.json
index 1ea629937..c0558015b 100644
--- a/src/locales/km-KH.json
+++ b/src/locales/km-KH.json
@@ -264,16 +264,11 @@
     "canvasTooBigTip": ""
   },
   "errorSplash": {
-    "headingMain_pre": "",
-    "headingMain_button": "",
+    "headingMain": "",
     "clearCanvasMessage": "",
-    "clearCanvasMessage_button": "",
     "clearCanvasCaveat": "",
-    "trackedToSentry_pre": "",
-    "trackedToSentry_post": "",
-    "openIssueMessage_pre": "",
-    "openIssueMessage_button": "",
-    "openIssueMessage_post": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
     "sceneContent": ""
   },
   "roomDialog": {
@@ -353,29 +348,16 @@
       "required": "",
       "website": ""
     },
-    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
-    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
-    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
     "noteItems": "",
     "atleastOneLibItem": "",
     "republishWarning": ""
   },
   "publishSuccessDialog": {
     "title": "",
-    "content": "",
-    "link": ""
+    "content": ""
   },
   "confirmDialog": {
     "resetLibrary": "",
@@ -422,53 +404,53 @@
     "edf2ff": "",
     "e7f5ff": "",
     "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
-    "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "e6fcf5": "កាប់ស្តាំង ០",
+    "ebfbee": "បៃតង ០",
+    "f4fce3": "បៃតងខ្ចី ០",
+    "fff9db": "លឿង ០",
+    "fff4e6": "ទឹកក្រូច ០",
+    "transparent": "ថ្លាមើលធ្លុះ",
+    "ced4da": "ប្រផេះ ៤",
+    "868e96": "ប្រផេះ ៦",
+    "fa5252": "ក្រហម ៦",
+    "e64980": "ផ្កាឈូក ៦",
+    "be4bdb": "ស្វាយចាស់ ៦",
+    "7950f2": "ស្វាយ​ ៦",
+    "4c6ef5": "ខៀវចាស់ ៦",
+    "228be6": "ខៀវ ៦",
+    "15aabf": "ខៀវខ្ចី ៦",
+    "12b886": "កាប់ស្តាំង ៦",
+    "40c057": "បៃតង ៦",
+    "82c91e": "បៃតងខ្ចី ៦",
+    "fab005": "លឿង ៦",
+    "fd7e14": "ទឹកក្រូច ៦",
+    "000000": "ខ្មៅ",
+    "343a40": "ប្រផេះ ៨",
+    "495057": "ប្រផេះ ៧",
+    "c92a2a": "ក្រហម​ ៩",
+    "a61e4d": "ផ្កាឈូក ៩",
+    "862e9c": "ស្វាយចាស់ ៩",
+    "5f3dc4": "ស្វាយ ៩",
+    "364fc7": "ខៀវចាស់ ៩",
+    "1864ab": "ខៀវ ៩",
+    "0b7285": "ខៀវខ្ចី ៩",
+    "087f5b": "កាប់ស្តាំង ៩",
+    "2b8a3e": "បៃតង ៩",
+    "5c940d": "បៃតងខ្ចី ៩",
+    "e67700": "លឿង ៩",
+    "d9480f": "ទឹកក្រូច ៩"
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "ទិន្នន័យទាំងអស់របស់អ្នក ត្រូវបានរក្សាទុកនៅក្នុង browser របស់អ្នក ។",
+      "center_heading_plus": "តើ​អ្នក​ចង់​ទៅ Excalidraw+ ​វិញ ឬ មែន?",
+      "menuHint": "នាំចេញ ចំណូលចិត្ត ភាសា ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "ការនាំចេញ ចំណូលចិត្ត និង ច្រើនទៀត...",
+      "center_heading": "ងាយស្រួល ។ ធ្វើ ។​ ដ្យាក្រាម ។",
+      "toolbarHint": "ជ្រើសរើសឧបករណ៍មួយ និង ចាប់ផ្តើមគូរ!",
+      "helpHint": "ផ្លូវកាត់ &​ ជំនួយ"
     }
   }
 }
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 9131afd6d..06ae1c178 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "ਪੇਸਟ ਕਰੋ",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "ਸਾਦੇ ਪਾਠ ਵਜੋਂ ਪੇਸਟ ਕਰੋ",
     "pasteCharts": "ਚਾਰਟ ਪੇਸਟ ਕਰੋ",
     "selectAll": "ਸਾਰੇ ਚੁਣੋ",
     "multiSelect": "ਐਲੀਮੈਂਟ ਨੂੰ ਚੋਣ ਵਿੱਚ ਜੋੜੋ",
@@ -10,7 +10,7 @@
     "copy": "ਕਾਪੀ ਕਰੋ",
     "copyAsPng": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ PNG ਵਜੋਂ ਕਾਪੀ ਕਰੋ",
     "copyAsSvg": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ SVG ਵਜੋਂ ਕਾਪੀ ਕਰੋ",
-    "copyText": "",
+    "copyText": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਪਾਠ ਵਜੋਂ ਕਾਪੀ ਕਰੋ",
     "bringForward": "ਅੱਗੇ ਲਿਆਓ",
     "sendToBack": "ਸਭ ਤੋਂ ਪਿੱਛੇ ਭੇਜੋ",
     "bringToFront": "ਸਭ ਤੋਂ ਅੱਗੇ ਲਿਆਓ",
@@ -73,7 +73,7 @@
     "layers": "ਪਰਤਾਂ",
     "actions": "ਕਾਰਵਾਈਆਂ",
     "language": "ਭਾਸ਼ਾ",
-    "liveCollaboration": "",
+    "liveCollaboration": "ਲਾਇਵ ਸਹਿਯੋਗ...",
     "duplicateSelection": "ਡੁਪਲੀਕੇਟ ਬਣਾਓ",
     "untitled": "ਬੇ-ਸਿਰਨਾਵਾਂ",
     "name": "ਨਾਂ",
@@ -109,37 +109,37 @@
     "excalidrawLib": "ਐਕਸਕਲੀਡਰਾਅ ਲਾਇਬ੍ਰੇਰੀ",
     "decreaseFontSize": "ਫੌਂਟ ਦਾ ਅਕਾਰ ਘਟਾਓ",
     "increaseFontSize": "ਫੌਂਟ ਦਾ ਅਕਾਰ ਵਧਾਓ",
-    "unbindText": "",
+    "unbindText": "ਪਾਠ ਨੂੰ ਵੱਖ ਕਰੋ",
     "bindText": "ਪਾਠ ਨੂੰ ਕੰਟੇਨਰ ਨਾਲ ਬੰਨ੍ਹੋ",
-    "createContainerFromText": "",
+    "createContainerFromText": "ਪਾਠ ਨੂੰ ਕੰਟੇਨਰ ਵਿੱਚ ਇਕੱਠਾ ਕਰੋ",
     "link": {
       "edit": "ਕੜੀ ਸੋਧੋ",
       "create": "ਕੜੀ ਬਣਾਓ",
       "label": "ਕੜੀ"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "ਪੰਕਤੀ ਸੋਧੋ",
+      "exit": "ਪੰਕਤੀ ਸੋਧਕ 'ਤੋਂ ਬਾਹਰ ਨਿਕਲੋ"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "ਲਾਕ ਕਰੋ",
+      "unlock": "ਅਨਲਾਕ ਕਰੋ",
+      "lockAll": "ਸਭ ਲਾਕ ਕਰੋ",
+      "unlockAll": "ਸਭ ਅਨਲਾਕ ਕਰੋ"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "ਪ੍ਰਕਾਸ਼ਤ ਹੈ",
+    "sidebarLock": "ਸਾਈਡਬਾਰ ਨੂੰ ਖੁੱਲ੍ਹਾ ਰੱਖੋ"
   },
   "library": {
-    "noItems": "",
+    "noItems": "ਹਾਲੇ ਤੱਕ ਕੋਈ ਚੀਜ ਜੋੜੀ ਨਹੀਂ ਗਈ...",
     "hint_emptyLibrary": "",
     "hint_emptyPrivateLibrary": ""
   },
   "buttons": {
     "clearReset": "ਕੈਨਵਸ ਰੀਸੈੱਟ ਕਰੋ",
     "exportJSON": "ਫਾਈਲ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
-    "exportImage": "",
-    "export": "",
+    "exportImage": "ਤਸਵੀਰ ਨਿਰਯਾਤ ਕਰੋ...",
+    "export": "ਇਸ ਵਿੱਚ ਸਾਂਭੋ...",
     "exportToPng": "PNG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "exportToSvg": "SVG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "copyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ",
@@ -147,7 +147,7 @@
     "scale": "ਪੈਮਾਇਸ਼",
     "save": "ਮੌਜੂਦਾ ਫਾਈਲ ਵਿੱਚ ਸਾਂਭੋ",
     "saveAs": "ਇਸ ਵਜੋਂ ਸਾਂਭੋ",
-    "load": "",
+    "load": "ਖੋਲ੍ਹੋ",
     "getShareableLink": "ਸਾਂਝੀ ਕਰਨ ਵਾਲੀ ਲਿੰਕ ਲਵੋ",
     "close": "ਬੰਦ ਕਰੋ",
     "selectLanguage": "ਭਾਸ਼ਾ ਚੁਣੋ",
@@ -181,7 +181,7 @@
     "couldNotLoadInvalidFile": "ਨਜਾਇਜ਼ ਫਾਈਲ ਲੋਡ ਨਹੀਂ ਕਰ ਸਕੇ",
     "importBackendFailed": "ਬੈਕਐੱਨਡ ਤੋਂ ਆਯਾਤ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਰਹੇ।",
     "cannotExportEmptyCanvas": "ਖਾਲੀ ਕੈਨਵਸ ਨਿਰਯਾਤ ਨਹੀਂ ਕਰ ਸਕਦੇ।",
-    "couldNotCopyToClipboard": "",
+    "couldNotCopyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਿਆ।",
     "decryptFailed": "ਡਾਟਾ ਡੀਕਰਿਪਟ ਨਹੀਂ ਕਰ ਸਕੇ।",
     "uploadedSecurly": "ਅੱਪਲੋਡ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕਰਿਪਸ਼ਨ ਨਾਲ ਸੁਰੱਖਿਅਤ ਕੀਤੀ ਹੋਈ ਹੈ, ਜਿਸਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ Excalidraw ਸਰਵਰ ਅਤੇ ਤੀਜੀ ਧਿਰ ਦੇ ਬੰਦੇ ਸਮੱਗਰੀ ਨੂੰ ਪੜ੍ਹ ਨਹੀਂ ਸਕਦੇ।",
     "loadSceneOverridePrompt": "ਬਾਹਰੀ ਡਰਾਇੰਗ ਨੂੰ ਲੋਡ ਕਰਨਾ ਤੁਹਾਡੀ ਮੌਜੂਦਾ ਸਮੱਗਰੀ ਦੀ ਥਾਂ ਲੈ ਲਵੇਗਾ। ਕੀ ਤੁਸੀਂ ਜਾਰੀ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ?",
@@ -198,13 +198,13 @@
     "collabOfflineWarning": ""
   },
   "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
+    "unsupportedFileType": "ਫਾਈਲ ਦੀ ਕਿਸਮ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।",
+    "imageInsertError": "ਚਿੱਤਰ ਸ਼ਾਮਲ ਨਹੀਂ ਜਾ ਸਕਿਆ, ਬਾਅਦ ਵਿੱਚ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ...",
+    "fileTooBig": "ਫਾਈਲ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵੱਡੀ ਹੈ। ਵੱਧ-ਤੋਂ-ਵੱਧ ਪ੍ਰਵਾਨਤ ਅਕਾਰ {{maxSize}} ਹੈ।",
     "svgImageInsertError": "",
     "invalidSVGString": "SVG ਨਜਾਇਜ਼ ਹੈ।",
     "cannotResolveCollabServer": "",
-    "importLibraryError": "",
+    "importLibraryError": "ਲਾਇਬ੍ਰੇਰੀ ਲੋਡ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕੀ",
     "collabSaveFailed": "",
     "collabSaveFailed_sizeExceeded": "",
     "brave_measure_text_error": {
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index ea7a668f8..b80dce1b4 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,43 +1,43 @@
 {
-  "ar-SA": 90,
-  "bg-BG": 53,
-  "bn-BD": 59,
-  "ca-ES": 98,
-  "cs-CZ": 73,
-  "da-DK": 32,
+  "ar-SA": 89,
+  "bg-BG": 54,
+  "bn-BD": 60,
+  "ca-ES": 97,
+  "cs-CZ": 74,
+  "da-DK": 33,
   "de-DE": 100,
   "el-GR": 97,
   "en": 100,
-  "es-ES": 99,
+  "es-ES": 98,
   "eu-ES": 98,
-  "fa-IR": 100,
-  "fi-FI": 98,
+  "fa-IR": 98,
+  "fi-FI": 97,
   "fr-FR": 98,
   "gl-ES": 98,
-  "he-IL": 98,
-  "hi-IN": 71,
-  "hu-HU": 87,
+  "he-IL": 96,
+  "hi-IN": 72,
+  "hu-HU": 86,
   "id-ID": 97,
   "it-IT": 98,
   "ja-JP": 98,
-  "kaa": 20,
-  "kab-KAB": 93,
+  "kaa": 21,
+  "kab-KAB": 95,
   "kk-KZ": 20,
-  "km-KH": 0,
+  "km-KH": 10,
   "ko-KR": 100,
   "ku-TR": 100,
-  "lt-LT": 62,
-  "lv-LV": 99,
-  "mr-IN": 99,
+  "lt-LT": 63,
+  "lv-LV": 98,
+  "mr-IN": 98,
   "my-MM": 40,
   "nb-NO": 100,
-  "nl-NL": 91,
+  "nl-NL": 93,
   "nn-NO": 87,
   "oc-FR": 96,
-  "pa-IN": 81,
-  "pl-PL": 88,
-  "pt-BR": 98,
-  "pt-PT": 99,
+  "pa-IN": 88,
+  "pl-PL": 89,
+  "pt-BR": 97,
+  "pt-PT": 98,
   "ro-RO": 100,
   "ru-RU": 100,
   "si-LK": 8,
@@ -45,11 +45,11 @@
   "sl-SI": 100,
   "sv-SE": 100,
   "ta-IN": 92,
-  "th-TH": 40,
+  "th-TH": 41,
   "tr-TR": 96,
-  "uk-UA": 95,
-  "vi-VN": 56,
+  "uk-UA": 100,
+  "vi-VN": 57,
   "zh-CN": 100,
-  "zh-HK": 25,
+  "zh-HK": 26,
   "zh-TW": 100
 }
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index ddcd2c59d..1f478f36a 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -264,11 +264,11 @@
     "canvasTooBigTip": "Sfat: încearcă să apropii puțin mai mult elementele cele mai îndepărtate."
   },
   "errorSplash": {
-    "headingMain": "A apărut o eroare. Încearcă <button>să reîncarci pagina.</button>",
-    "clearCanvasMessage": "Dacă reîncărcarea nu funcționează, încearcă <button>să golești pânza.</button>",
+    "headingMain": "A apărut o eroare. Încearcă <button>să reîncarci pagina</button>.",
+    "clearCanvasMessage": "Dacă reîncărcarea nu funcționează, încearcă <button>să ștergi pânza</button>.",
     "clearCanvasCaveat": " Acest lucru va duce la pierderea progresului ",
     "trackedToSentry": "Eroarea cu identificatorul {{eventId}} a fost urmărită în sistemul nostru.",
-    "openIssueMessage": "Am luat măsuri de precauție pentru a nu include informații despre scenă în eroare. Dacă scena nu este privată, te rugăm să ne oferi mai multe informații în <button>monitorul nostru pentru erori.</button> Te rugăm să incluzi informațiile de mai jos prin copierea și lipirea în problema GitHub.",
+    "openIssueMessage": "Am luat măsuri de precauție pentru a nu include informații despre scenă în eroare. Dacă scena nu este privată, oferă-ne mai multe informații în <button>monitorul nostru pentru erori</button>. Include informațiile de mai jos copiindu-le și lipindu-le în tichetul cu problemă de pe GitHub.",
     "sceneContent": "Conținutul scenei:"
   },
   "roomDialog": {
@@ -348,8 +348,8 @@
       "required": "Obligatoriu",
       "website": "Introdu un URL valid"
     },
-    "noteDescription": "Trimite-ți biblioteca pentru fi inclus în <link>depozitul de biblioteci publice</link>pentru utilizarea de către alte persoane în desenele lor.",
-    "noteGuidelines": "Biblioteca trebuie aprobată manual. Citește <link>orientările</link> înainte de trimitere. Vei avea nevoie de un cont GitHub pentru a comunica și efectua modificări, dacă este cazul, însă nu este strict necesar.",
+    "noteDescription": "Trimite-ți biblioteca pentru a fi inclusă în <link>depozitul de biblioteci publice</link> în vederea utilizării de către alte persoane în desenele lor.",
+    "noteGuidelines": "Biblioteca trebuie aprobată manual mai întâi. Citește <link>orientările</link> înainte de trimitere. Vei avea nevoie de un cont GitHub pentru a comunica și efectua modificări, dacă este cazul, însă nu este strict necesar.",
     "noteLicense": "Prin trimiterea bibliotecii, ești de acord că aceasta va fi publicată sub <link>Licența MIT, </link>care, pe scurt, înseamnă că oricine o poate folosi fără restricții.",
     "noteItems": "Fiecare element din bibliotecă trebuie să aibă propriul nume astfel încât să fie filtrabil. Următoarele elemente din bibliotecă vor fi incluse:",
     "atleastOneLibItem": "Selectează cel puțin un element din bibliotecă pentru a începe",
@@ -357,7 +357,7 @@
   },
   "publishSuccessDialog": {
     "title": "Bibliotecă trimisă",
-    "content": "Îți mulțumim, {{authorName}}. Biblioteca ta a fost trimisă spre revizuire. Poți urmări starea<link>aici</link>"
+    "content": "Îți mulțumim, {{authorName}}. Biblioteca a fost trimisă spre revizuire. Poți urmări starea <link>aici</link>"
   },
   "confirmDialog": {
     "resetLibrary": "Resetare bibliotecă",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index 1f8a70c76..a070cde6d 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -54,7 +54,7 @@
     "veryLarge": "Дуже великий",
     "solid": "Суцільна",
     "hachure": "Штриховка",
-    "zigzag": "",
+    "zigzag": "Зиґзаґ",
     "crossHatch": "Перехресна штриховка",
     "thin": "Тонкий",
     "bold": "Жирний",
@@ -73,7 +73,7 @@
     "layers": "Шари",
     "actions": "Дії",
     "language": "Мова",
-    "liveCollaboration": "Спільна робота у режимі реального часу...",
+    "liveCollaboration": "Спільна робота наживо...",
     "duplicateSelection": "Дублювати",
     "untitled": "Без назви",
     "name": "Ім’я",
@@ -111,7 +111,7 @@
     "increaseFontSize": "Збільшити розмір шрифту",
     "unbindText": "Відв'язати текст",
     "bindText": "Прив’язати текст до контейнера",
-    "createContainerFromText": "",
+    "createContainerFromText": "Огорнути текст у контейнер",
     "link": {
       "edit": "Редагування посилання",
       "create": "Створити посилання",
@@ -205,13 +205,13 @@
     "invalidSVGString": "Недійсний SVG.",
     "cannotResolveCollabServer": "Не вдалося приєднатися до сервера. Перезавантажте сторінку та повторіть спробу.",
     "importLibraryError": "Не вдалося завантажити бібліотеку",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": "",
+    "collabSaveFailed": "Не вдалося зберегти у базу даних сервера. Якщо проблеми не зникнуть, Вам слід зберегти файл локально, щоб не втратити роботу.",
+    "collabSaveFailed_sizeExceeded": "Полотно завелике! Не вдалося зберегти у базу даних сервера. Вам слід зберегти файл локально, щоб не втратити свою роботу.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Ви використовуєте браузер Brave з увімкненим налаштуванням <bold>Агресивного Блокування Розпізнавання Пристрою</bold>.",
+      "line2": "Це може нашкодити <bold>текстовим елементам</bold> у ваших малюнках.",
+      "line3": "Ми наполегливо рекомендуємо вимкнути це налаштування. Виконайте наступні <link>кроки</link>, щоб виправити це.",
+      "line4": "Якщо вимкнення цього параметра не вирішує показ текстових елементів, тоді створіть, будь ласка, <issueLink>запит на розв'язання проблеми</issueLink> на нашому GitHub або напишіть нам у <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
@@ -229,7 +229,7 @@
     "penMode": "Режим пера - запобігання дотику",
     "link": "Додати/Оновити посилання для вибраної форми",
     "eraser": "Очищувач",
-    "hand": ""
+    "hand": "Рука (інструмент для панорамування)"
   },
   "headings": {
     "canvasActions": "Дії з полотном",
@@ -237,7 +237,7 @@
     "shapes": "Фігури"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Щоб перемістити полотно, утримуйте коліщатко миші або пробіл під час перетягування, або скористайтеся інструментом Рука",
     "linearElement": "Натисніть щоб додати кілька точок. Перетягніть щоб намалювати одну лінію",
     "freeDraw": "Натисніть і потягніть, відпустіть коли завершите",
     "text": "Порада: можна також додати текст, двічі клацнувши по будь-якому місці інструментом вибору",
@@ -248,7 +248,7 @@
     "resize": "Ви можете зберегти пропорції, утримуючи SHIFT під час зміни розміру,\nутримуйте ALT для змінення розміру від центру",
     "resizeImage": "Ви можете змінювати розміри утримуючи клавішу SHIFT, втримуйте клавішу ALT щоб змінювати розмір відносно центру",
     "rotate": "Ви можете обмежити кути, утримуючи SHIFT під час обертання",
-    "lineEditor_info": "",
+    "lineEditor_info": "Утримуйте CtrlOrCmd і двічі клацніть або натисніть CtrlOrCmd + Enter, щоб редагувати цятки",
     "lineEditor_pointSelected": "Натисніть Delete для видалення точку (точок), або Ctrl/Cmd+D для дублювання, перетаскування працює як звично",
     "lineEditor_nothingSelected": "Виберіть точку для редагування (втримуйте клавішу SHIFT для вибору кількох точок), або клавішу Alt для додавання нових точок",
     "placeImage": "Клацніть, щоб розмістити зображення, або натисніть та потягніть щоб змінити його розмір",
@@ -256,7 +256,7 @@
     "bindTextToElement": "Натисніть Enter, щоб додати текст",
     "deepBoxSelect": "Втримуйте Ctrl/Cmd для глибокого виділення та щоб попередити перетягування",
     "eraserRevert": "Втримуйте клавішу Alt, щоб повернути елементи позначені для видалення",
-    "firefox_clipboard_write": ""
+    "firefox_clipboard_write": "Цю функцію можна ввімкнути, встановивши значення \"true\" для налаштування \"dom.events.asyncClipboard.clipboardItem\". Перейдіть на сторінку «about:config», щоб змінити налаштування браузера у Firefox."
   },
   "canvasError": {
     "cannotShowPreview": "Не вдається показати попередній перегляд",
@@ -306,8 +306,8 @@
     "doubleClick": "подвійний клік",
     "drag": "перетягнути",
     "editor": "Редактор",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Редагувати лінію/стрілки",
+    "editText": "Редагувати текст / додати позначку",
     "github": "Знайшли помилку? Повідомте",
     "howto": "Дотримуйтесь наших інструкцій",
     "or": "або",
@@ -391,7 +391,7 @@
     "fileSavedToFilename": "Збережено в {filename}",
     "canvas": "полотно",
     "selection": "виділення",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Використайте {{shortcut}} для вставки самостійного зразка або використайте в текстовому редакторі"
   },
   "colors": {
     "ffffff": "Білий",
@@ -442,13 +442,13 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Всі ваші дані збережено локально у Вашому браузері.",
+      "center_heading_plus": "Чи бажаєте перейти до Excalidraw+?",
+      "menuHint": "Експорт, налаштування, мови, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
+      "menuHint": "Експорт, налаштування та багато іншого...",
+      "center_heading": "Діаграми. Робити. Просто.",
       "toolbarHint": "Оберіть інструмент і почніть малювати!",
       "helpHint": "Гарячі клавіші і допомога"
     }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 522cd8420..08e0a8379 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -16,7 +16,7 @@
     "bringToFront": "置于顶层",
     "sendBackward": "下移一层",
     "delete": "删除",
-    "copyStyles": "复制样式",
+    "copyStyles": "拷贝样式",
     "pasteStyles": "粘贴样式",
     "stroke": "描边",
     "background": "背景",
@@ -210,7 +210,7 @@
     "brave_measure_text_error": {
       "line1": "您似乎正在使用 Brave 浏览器并启用了<bold>积极阻止指纹识别</bold>的设置。",
       "line2": "这可能会破坏绘图中的 <bold>文本元素</bold>。",
-      "line3": "我们强烈建议禁用此设置。您可以按照 <link>这些步骤</link> 来设置。",
+      "line3": "我们强烈建议禁用此设置。您可以按照<link>这些步骤</link>来设置。",
       "line4": "如果禁用此设置无法修复文本元素的显示，请在 GitHub 上提交一个 <issueLink>issue</issueLink> ，或者在 <discordLink>Discord</discordLink> 上反馈"
     }
   },
@@ -264,16 +264,16 @@
     "canvasTooBigTip": "提示：尝试将最远的元素移动到和其它元素更近一些。"
   },
   "errorSplash": {
-    "headingMain": "遇到异常。请尝试<button>重新加载页面。</button>",
-    "clearCanvasMessage": "如果重新加载页面无效, 请尝试<button>清除画布。</button>",
+    "headingMain": "遇到异常。请尝试<button>重新加载页面</button>。",
+    "clearCanvasMessage": "如果重新加载页面无效，请尝试<button>清除画布</button>。",
     "clearCanvasCaveat": "这会造成当前工作丢失",
-    "trackedToSentry": "带有标识符的错误{{eventId}}已在我们的系统中跟踪",
-    "openIssueMessage": "我们非常谨慎地处理错误信息，您的画布内容不会被包含在错误报告中。如果您的画布内容不需要保持私密，请考虑使用我们的<button>错误追踪器。</button> 请复制并粘贴以下信息到 GitHub Issue 中。",
+    "trackedToSentry": "标识符为{{eventId}}的错误已在我们的系统中被记录",
+    "openIssueMessage": "我们非常谨慎地处理错误信息，您的画布内容不会被包含在错误报告中。如果您的画布内容不需要保持私密，请考虑在我们的 <button>bug 跟踪系统</button>上提供更多信息。请复制粘贴以下信息到 GitHub Issue 中。",
     "sceneContent": "画布内容:"
   },
   "roomDialog": {
     "desc_intro": "你可以邀请其他人到目前的画面中与你协作。",
-    "desc_privacy": "别担心, 该会话使用端到端加密, 无论绘制什么都将保持私密，甚至连我们的服务器也无法查看。",
+    "desc_privacy": "别担心，该会话使用端到端加密，无论绘制什么都将保持私密，甚至连我们的服务器也无法查看。",
     "button_startSession": "启动会议",
     "button_stopSession": "结束会议",
     "desc_inProgressIntro": "实时协作会议正在进行。",
@@ -348,23 +348,23 @@
       "required": "必填",
       "website": "输入一个有效的URL"
     },
-    "noteDescription": "提交后，您的素材库将被包含在 <link>公共素材库广场</link>以供其他人在绘图中使用。",
-    "noteGuidelines": "提交的素材库需先经人工审核。在提交之前，请先阅读 <link>指南</link> 。后续沟通和对库的修改需要 GitHub 账号，但这不是必须的。",
-    "noteLicense": "提交即表明您已同意素材库将遵循 <link>MIT 许可证， </link>简而言之，任何人都可以不受限制地使用它们。",
+    "noteDescription": "提交后，您的素材库将被包含在<link>公共素材库广场</link>以供其他人在绘图中使用。",
+    "noteGuidelines": "提交的素材库需先经人工审核。在提交之前，请先阅读<link>指南</link> 。后续沟通和对库的修改需要 GitHub 账号，但这不是必须的。",
+    "noteLicense": "提交即表明您已同意素材库将遵循 <link>MIT 许可证</link>，简而言之，任何人都可以不受限制地使用它们。",
     "noteItems": "素材库中每个项目都有各自的名称以供筛选。以下项目将被包含：",
     "atleastOneLibItem": "请选择至少一个素材库以开始",
     "republishWarning": "注意：部分选中的项目已经发布或提交。请仅在更新已有或已提交的素材库时重复提交项目。"
   },
   "publishSuccessDialog": {
     "title": "素材库已提交",
-    "content": "谢谢你 {{authorName}}。您的素材库已被提交审核。跟进此次提交的状态请点击<link>此处</link>"
+    "content": "谢谢你 {{authorName}}。您的素材库已被提交审核。请点击<link>此处</link>跟进此次提交的状态"
   },
   "confirmDialog": {
     "resetLibrary": "重置素材库",
     "removeItemsFromLib": "从素材库中删除选中的项目"
   },
   "encrypted": {
-    "tooltip": "您的绘图采用的端到端加密，其内容对于Excalidraw服务器是不可见的。",
+    "tooltip": "您的绘图采用端到端加密，其内容对于 Excalidraw 服务器是不可见的。",
     "link": "Excalidraw 中关于端到端加密的博客"
   },
   "stats": {
@@ -384,7 +384,7 @@
   },
   "toast": {
     "addedToLibrary": "添加到素材库中",
-    "copyStyles": "复制样式",
+    "copyStyles": "样式已拷贝。",
     "copyToClipboard": "已复制到剪切板。",
     "copyToClipboardAsPng": "已将 {{exportSelection}} 作为 PNG 复制到剪贴板\n({{exportColorScheme}})",
     "fileSaved": "文件已保存。",

From e0f2869374e43c4b02a9fb1b3c8a0ed7c7388fda Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Sat, 13 May 2023 22:47:29 +0530
Subject: [PATCH 179/252] fix: assign the original text to text editor only
 during init (#6580)

---
 src/element/textWysiwyg.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 63bc9e4a4..d5fa0aadd 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -254,7 +254,6 @@ export const textWysiwyg = ({
       const initialSelectionStart = editable.selectionStart;
       const initialSelectionEnd = editable.selectionEnd;
       const initialLength = editable.value.length;
-      editable.value = updatedTextElement.originalText;
 
       // restore cursor position after value updated so it doesn't
       // go to the end of text when container auto expanded
@@ -358,6 +357,7 @@ export const textWysiwyg = ({
     overflowWrap: "break-word",
     boxSizing: "content-box",
   });
+  editable.value = element.originalText;
   updateWysiwygStyle();
 
   if (onChange) {

From 306e1336518c99ae73277334514715335a905056 Mon Sep 17 00:00:00 2001
From: maruric <maruric@users.noreply.github.com>
Date: Sun, 14 May 2023 02:49:09 +0900
Subject: [PATCH 180/252] fix: garbled text displayed on avatars (#6575)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/clients.ts            | 14 +++++++++-----
 src/components/Avatar.tsx |  4 ++--
 src/tests/clients.test.ts | 37 ++++++++++++++++---------------------
 3 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/src/clients.ts b/src/clients.ts
index 9e1e6e144..94ffd7a62 100644
--- a/src/clients.ts
+++ b/src/clients.ts
@@ -20,9 +20,13 @@ export const getClientColors = (clientId: string, appState: AppState) => {
   };
 };
 
-export const getClientInitials = (userName?: string | null) => {
-  if (!userName?.trim()) {
-    return "?";
-  }
-  return userName.trim()[0].toUpperCase();
+/**
+ * returns first char, capitalized
+ */
+export const getNameInitial = (name?: string | null) => {
+  // first char can be a surrogate pair, hence using codePointAt
+  const firstCodePoint = name?.trim()?.codePointAt(0);
+  return (
+    firstCodePoint ? String.fromCodePoint(firstCodePoint) : "?"
+  ).toUpperCase();
 };
diff --git a/src/components/Avatar.tsx b/src/components/Avatar.tsx
index 57a7eec26..20dc7b9f2 100644
--- a/src/components/Avatar.tsx
+++ b/src/components/Avatar.tsx
@@ -1,7 +1,7 @@
 import "./Avatar.scss";
 
 import React, { useState } from "react";
-import { getClientInitials } from "../clients";
+import { getNameInitial } from "../clients";
 
 type AvatarProps = {
   onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
@@ -12,7 +12,7 @@ type AvatarProps = {
 };
 
 export const Avatar = ({ color, onClick, name, src }: AvatarProps) => {
-  const shortName = getClientInitials(name);
+  const shortName = getNameInitial(name);
   const [error, setError] = useState(false);
   const loadImg = !error && src;
   const style = loadImg ? undefined : { background: color };
diff --git a/src/tests/clients.test.ts b/src/tests/clients.test.ts
index a6a6901b1..e78cf1864 100644
--- a/src/tests/clients.test.ts
+++ b/src/tests/clients.test.ts
@@ -1,44 +1,39 @@
-import { getClientInitials } from "../clients";
+import { getNameInitial } from "../clients";
 
 describe("getClientInitials", () => {
   it("returns substring if one name provided", () => {
-    const result = getClientInitials("Alan");
-    expect(result).toBe("A");
+    expect(getNameInitial("Alan")).toBe("A");
   });
 
   it("returns initials", () => {
-    const result = getClientInitials("John Doe");
-    expect(result).toBe("J");
+    expect(getNameInitial("John Doe")).toBe("J");
   });
 
   it("returns correct initials if many names provided", () => {
-    const result = getClientInitials("John Alan Doe");
-    expect(result).toBe("J");
+    expect(getNameInitial("John Alan Doe")).toBe("J");
   });
 
   it("returns single initial if 1 letter provided", () => {
-    const result = getClientInitials("z");
-    expect(result).toBe("Z");
+    expect(getNameInitial("z")).toBe("Z");
   });
 
   it("trims trailing whitespace", () => {
-    const result = getClientInitials("  q    ");
-    expect(result).toBe("Q");
+    expect(getNameInitial("  q    ")).toBe("Q");
   });
 
   it('returns "?" if falsey value provided', () => {
-    let result = getClientInitials("");
-    expect(result).toBe("?");
-
-    result = getClientInitials(undefined);
-    expect(result).toBe("?");
-
-    result = getClientInitials(null);
-    expect(result).toBe("?");
+    expect(getNameInitial("")).toBe("?");
+    expect(getNameInitial(undefined)).toBe("?");
+    expect(getNameInitial(null)).toBe("?");
   });
 
   it('returns "?" when value is blank', () => {
-    const result = getClientInitials(" ");
-    expect(result).toBe("?");
+    expect(getNameInitial(" ")).toBe("?");
+  });
+
+  it("works with multibyte strings", () => {
+    expect(getNameInitial("😀")).toBe("😀");
+    // but doesn't work with emoji ZWJ sequences
+    expect(getNameInitial("👨‍👩‍👦")).toBe("👨");
   });
 });

From 5bf27a463c4ca9c0683a597551ceb67d51be74a5 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 13 May 2023 22:50:14 +0200
Subject: [PATCH 181/252] fix: language list containing duplicate `en` lang
 (#6583)

---
 src/css/styles.scss                           |   4 +
 .../components/LanguageList.tsx               |   5 +-
 src/i18n.ts                                   | 109 +++++++++---------
 3 files changed, 60 insertions(+), 58 deletions(-)

diff --git a/src/css/styles.scss b/src/css/styles.scss
index d9d8544a0..3fc2ff56d 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -538,6 +538,10 @@
     height: 3px;
   }
 
+  select::-webkit-scrollbar {
+    width: 10px;
+  }
+
   ::-webkit-scrollbar-thumb {
     background: var(--scrollbar-thumb);
     border-radius: 10px;
diff --git a/src/excalidraw-app/components/LanguageList.tsx b/src/excalidraw-app/components/LanguageList.tsx
index aaa5f2137..c80acc9b6 100644
--- a/src/excalidraw-app/components/LanguageList.tsx
+++ b/src/excalidraw-app/components/LanguageList.tsx
@@ -1,7 +1,7 @@
 import { useSetAtom } from "jotai";
 import React from "react";
 import { appLangCodeAtom } from "..";
-import { defaultLang, useI18n } from "../../i18n";
+import { useI18n } from "../../i18n";
 import { languages } from "../../i18n";
 
 export const LanguageList = ({ style }: { style?: React.CSSProperties }) => {
@@ -16,9 +16,6 @@ export const LanguageList = ({ style }: { style?: React.CSSProperties }) => {
       aria-label={t("buttons.selectLanguage")}
       style={style}
     >
-      <option key={defaultLang.code} value={defaultLang.code}>
-        {defaultLang.label}
-      </option>
       {languages.map((lang) => (
         <option key={lang.code} value={lang.code}>
           {lang.label}
diff --git a/src/i18n.ts b/src/i18n.ts
index 7a6300860..40d5884b8 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -14,60 +14,61 @@ export interface Language {
 
 export const defaultLang = { code: "en", label: "English" };
 
-const allLanguages: Language[] = [
-  { code: "ar-SA", label: "العربية", rtl: true },
-  { code: "bg-BG", label: "Български" },
-  { code: "ca-ES", label: "Català" },
-  { code: "cs-CZ", label: "Česky" },
-  { code: "de-DE", label: "Deutsch" },
-  { code: "el-GR", label: "Ελληνικά" },
-  { code: "es-ES", label: "Español" },
-  { code: "eu-ES", label: "Euskara" },
-  { code: "fa-IR", label: "فارسی", rtl: true },
-  { code: "fi-FI", label: "Suomi" },
-  { code: "fr-FR", label: "Français" },
-  { code: "gl-ES", label: "Galego" },
-  { code: "he-IL", label: "עברית", rtl: true },
-  { code: "hi-IN", label: "हिन्दी" },
-  { code: "hu-HU", label: "Magyar" },
-  { code: "id-ID", label: "Bahasa Indonesia" },
-  { code: "it-IT", label: "Italiano" },
-  { code: "ja-JP", label: "日本語" },
-  { code: "kab-KAB", label: "Taqbaylit" },
-  { code: "kk-KZ", label: "Қазақ тілі" },
-  { code: "ko-KR", label: "한국어" },
-  { code: "ku-TR", label: "Kurdî" },
-  { code: "lt-LT", label: "Lietuvių" },
-  { code: "lv-LV", label: "Latviešu" },
-  { code: "my-MM", label: "Burmese" },
-  { code: "nb-NO", label: "Norsk bokmål" },
-  { code: "nl-NL", label: "Nederlands" },
-  { code: "nn-NO", label: "Norsk nynorsk" },
-  { code: "oc-FR", label: "Occitan" },
-  { code: "pa-IN", label: "ਪੰਜਾਬੀ" },
-  { code: "pl-PL", label: "Polski" },
-  { code: "pt-BR", label: "Português Brasileiro" },
-  { code: "pt-PT", label: "Português" },
-  { code: "ro-RO", label: "Română" },
-  { code: "ru-RU", label: "Русский" },
-  { code: "sk-SK", label: "Slovenčina" },
-  { code: "sv-SE", label: "Svenska" },
-  { code: "sl-SI", label: "Slovenščina" },
-  { code: "tr-TR", label: "Türkçe" },
-  { code: "uk-UA", label: "Українська" },
-  { code: "zh-CN", label: "简体中文" },
-  { code: "zh-TW", label: "繁體中文" },
-  { code: "vi-VN", label: "Tiếng Việt" },
-  { code: "mr-IN", label: "मराठी" },
-].concat([defaultLang]);
-
-export const languages: Language[] = allLanguages
-  .sort((left, right) => (left.label > right.label ? 1 : -1))
-  .filter(
-    (lang) =>
-      (percentages as Record<string, number>)[lang.code] >=
-      COMPLETION_THRESHOLD,
-  );
+export const languages: Language[] = [
+  defaultLang,
+  ...[
+    { code: "ar-SA", label: "العربية", rtl: true },
+    { code: "bg-BG", label: "Български" },
+    { code: "ca-ES", label: "Català" },
+    { code: "cs-CZ", label: "Česky" },
+    { code: "de-DE", label: "Deutsch" },
+    { code: "el-GR", label: "Ελληνικά" },
+    { code: "es-ES", label: "Español" },
+    { code: "eu-ES", label: "Euskara" },
+    { code: "fa-IR", label: "فارسی", rtl: true },
+    { code: "fi-FI", label: "Suomi" },
+    { code: "fr-FR", label: "Français" },
+    { code: "gl-ES", label: "Galego" },
+    { code: "he-IL", label: "עברית", rtl: true },
+    { code: "hi-IN", label: "हिन्दी" },
+    { code: "hu-HU", label: "Magyar" },
+    { code: "id-ID", label: "Bahasa Indonesia" },
+    { code: "it-IT", label: "Italiano" },
+    { code: "ja-JP", label: "日本語" },
+    { code: "kab-KAB", label: "Taqbaylit" },
+    { code: "kk-KZ", label: "Қазақ тілі" },
+    { code: "ko-KR", label: "한국어" },
+    { code: "ku-TR", label: "Kurdî" },
+    { code: "lt-LT", label: "Lietuvių" },
+    { code: "lv-LV", label: "Latviešu" },
+    { code: "my-MM", label: "Burmese" },
+    { code: "nb-NO", label: "Norsk bokmål" },
+    { code: "nl-NL", label: "Nederlands" },
+    { code: "nn-NO", label: "Norsk nynorsk" },
+    { code: "oc-FR", label: "Occitan" },
+    { code: "pa-IN", label: "ਪੰਜਾਬੀ" },
+    { code: "pl-PL", label: "Polski" },
+    { code: "pt-BR", label: "Português Brasileiro" },
+    { code: "pt-PT", label: "Português" },
+    { code: "ro-RO", label: "Română" },
+    { code: "ru-RU", label: "Русский" },
+    { code: "sk-SK", label: "Slovenčina" },
+    { code: "sv-SE", label: "Svenska" },
+    { code: "sl-SI", label: "Slovenščina" },
+    { code: "tr-TR", label: "Türkçe" },
+    { code: "uk-UA", label: "Українська" },
+    { code: "zh-CN", label: "简体中文" },
+    { code: "zh-TW", label: "繁體中文" },
+    { code: "vi-VN", label: "Tiếng Việt" },
+    { code: "mr-IN", label: "मराठी" },
+  ]
+    .filter(
+      (lang) =>
+        (percentages as Record<string, number>)[lang.code] >=
+        COMPLETION_THRESHOLD,
+    )
+    .sort((left, right) => (left.label > right.label ? 1 : -1)),
+];
 
 const TEST_LANG_CODE = "__test__";
 if (process.env.NODE_ENV === ENV.DEVELOPMENT) {

From b1b325b9a7562b530eb143c0dea524ecdaccee4f Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 13 May 2023 22:52:03 +0200
Subject: [PATCH 182/252] feat: add "unlock all elements" to canvas contextMenu
 (#5894)

---
 src/actions/actionElementLock.test.tsx        | 68 +++++++++++++++++++
 ...tionToggleLock.ts => actionElementLock.ts} | 49 ++++++++++---
 src/actions/index.ts                          |  2 +-
 src/actions/shortcuts.ts                      |  4 +-
 src/actions/types.ts                          |  3 +-
 src/components/App.tsx                        |  6 +-
 .../__snapshots__/contextmenu.test.tsx.snap   | 20 ++++--
 src/tests/contextmenu.test.tsx                | 34 ++++------
 src/tests/elementLocking.test.tsx             |  2 +-
 src/tests/helpers/ui.ts                       |  2 +-
 10 files changed, 148 insertions(+), 42 deletions(-)
 create mode 100644 src/actions/actionElementLock.test.tsx
 rename src/actions/{actionToggleLock.ts => actionElementLock.ts} (53%)

diff --git a/src/actions/actionElementLock.test.tsx b/src/actions/actionElementLock.test.tsx
new file mode 100644
index 000000000..19db5e325
--- /dev/null
+++ b/src/actions/actionElementLock.test.tsx
@@ -0,0 +1,68 @@
+import { Excalidraw } from "../packages/excalidraw/index";
+import { queryByTestId, fireEvent } from "@testing-library/react";
+import { render } from "../tests/test-utils";
+import { Pointer, UI } from "../tests/helpers/ui";
+import { API } from "../tests/helpers/api";
+
+const { h } = window;
+const mouse = new Pointer("mouse");
+
+describe("element locking", () => {
+  it("should not show unlockAllElements action in contextMenu if no elements locked", async () => {
+    await render(<Excalidraw />);
+
+    mouse.rightClickAt(0, 0);
+
+    const item = queryByTestId(UI.queryContextMenu()!, "unlockAllElements");
+    expect(item).toBe(null);
+  });
+
+  it("should unlock all elements and select them when using unlockAllElements action in contextMenu", async () => {
+    await render(
+      <Excalidraw
+        initialData={{
+          elements: [
+            API.createElement({
+              x: 100,
+              y: 100,
+              width: 100,
+              height: 100,
+              locked: true,
+            }),
+            API.createElement({
+              x: 100,
+              y: 100,
+              width: 100,
+              height: 100,
+              locked: true,
+            }),
+            API.createElement({
+              x: 100,
+              y: 100,
+              width: 100,
+              height: 100,
+              locked: false,
+            }),
+          ],
+        }}
+      />,
+    );
+
+    mouse.rightClickAt(0, 0);
+
+    expect(Object.keys(h.state.selectedElementIds).length).toBe(0);
+    expect(h.elements.map((el) => el.locked)).toEqual([true, true, false]);
+
+    const item = queryByTestId(UI.queryContextMenu()!, "unlockAllElements");
+    expect(item).not.toBe(null);
+
+    fireEvent.click(item!.querySelector("button")!);
+
+    expect(h.elements.map((el) => el.locked)).toEqual([false, false, false]);
+    // should select the unlocked elements
+    expect(h.state.selectedElementIds).toEqual({
+      [h.elements[0].id]: true,
+      [h.elements[1].id]: true,
+    });
+  });
+});
diff --git a/src/actions/actionToggleLock.ts b/src/actions/actionElementLock.ts
similarity index 53%
rename from src/actions/actionToggleLock.ts
rename to src/actions/actionElementLock.ts
index c44bd5700..922a5fae3 100644
--- a/src/actions/actionToggleLock.ts
+++ b/src/actions/actionElementLock.ts
@@ -5,8 +5,11 @@ import { getSelectedElements } from "../scene";
 import { arrayToMap } from "../utils";
 import { register } from "./register";
 
-export const actionToggleLock = register({
-  name: "toggleLock",
+const shouldLock = (elements: readonly ExcalidrawElement[]) =>
+  elements.every((el) => !el.locked);
+
+export const actionToggleElementLock = register({
+  name: "toggleElementLock",
   trackEvent: { category: "element" },
   perform: (elements, appState) => {
     const selectedElements = getSelectedElements(elements, appState, true);
@@ -15,20 +18,21 @@ export const actionToggleLock = register({
       return false;
     }
 
-    const operation = getOperation(selectedElements);
+    const nextLockState = shouldLock(selectedElements);
     const selectedElementsMap = arrayToMap(selectedElements);
-    const lock = operation === "lock";
     return {
       elements: elements.map((element) => {
         if (!selectedElementsMap.has(element.id)) {
           return element;
         }
 
-        return newElementWith(element, { locked: lock });
+        return newElementWith(element, { locked: nextLockState });
       }),
       appState: {
         ...appState,
-        selectedLinearElement: lock ? null : appState.selectedLinearElement,
+        selectedLinearElement: nextLockState
+          ? null
+          : appState.selectedLinearElement,
       },
       commitToHistory: true,
     };
@@ -41,7 +45,7 @@ export const actionToggleLock = register({
         : "labels.elementLock.lock";
     }
 
-    return getOperation(selected) === "lock"
+    return shouldLock(selected)
       ? "labels.elementLock.lockAll"
       : "labels.elementLock.unlockAll";
   },
@@ -55,6 +59,31 @@ export const actionToggleLock = register({
   },
 });
 
-const getOperation = (
-  elements: readonly ExcalidrawElement[],
-): "lock" | "unlock" => (elements.some((el) => !el.locked) ? "lock" : "unlock");
+export const actionUnlockAllElements = register({
+  name: "unlockAllElements",
+  trackEvent: { category: "canvas" },
+  viewMode: false,
+  predicate: (elements) => {
+    return elements.some((element) => element.locked);
+  },
+  perform: (elements, appState) => {
+    const lockedElements = elements.filter((el) => el.locked);
+
+    return {
+      elements: elements.map((element) => {
+        if (element.locked) {
+          return newElementWith(element, { locked: false });
+        }
+        return element;
+      }),
+      appState: {
+        ...appState,
+        selectedElementIds: Object.fromEntries(
+          lockedElements.map((el) => [el.id, true]),
+        ),
+      },
+      commitToHistory: true,
+    };
+  },
+  contextItemLabel: "labels.elementLock.unlockAll",
+});
diff --git a/src/actions/index.ts b/src/actions/index.ts
index eea4faf7d..9b53f8173 100644
--- a/src/actions/index.ts
+++ b/src/actions/index.ts
@@ -84,5 +84,5 @@ export { actionToggleZenMode } from "./actionToggleZenMode";
 export { actionToggleStats } from "./actionToggleStats";
 export { actionUnbindText, actionBindText } from "./actionBoundText";
 export { actionLink } from "../element/Hyperlink";
-export { actionToggleLock } from "./actionToggleLock";
+export { actionToggleElementLock } from "./actionElementLock";
 export { actionToggleLinearEditor } from "./actionLinearEditor";
diff --git a/src/actions/shortcuts.ts b/src/actions/shortcuts.ts
index be48c6470..b9c24a757 100644
--- a/src/actions/shortcuts.ts
+++ b/src/actions/shortcuts.ts
@@ -34,7 +34,7 @@ export type ShortcutName =
       | "flipHorizontal"
       | "flipVertical"
       | "hyperlink"
-      | "toggleLock"
+      | "toggleElementLock"
     >
   | "saveScene"
   | "imageExport";
@@ -80,7 +80,7 @@ const shortcutMap: Record<ShortcutName, string[]> = {
   flipVertical: [getShortcutKey("Shift+V")],
   viewMode: [getShortcutKey("Alt+R")],
   hyperlink: [getShortcutKey("CtrlOrCmd+K")],
-  toggleLock: [getShortcutKey("CtrlOrCmd+Shift+L")],
+  toggleElementLock: [getShortcutKey("CtrlOrCmd+Shift+L")],
 };
 
 export const getShortcutFromShortcutName = (name: ShortcutName) => {
diff --git a/src/actions/types.ts b/src/actions/types.ts
index b03e1053b..277934adc 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -111,7 +111,8 @@ export type ActionName =
   | "unbindText"
   | "hyperlink"
   | "bindText"
-  | "toggleLock"
+  | "unlockAllElements"
+  | "toggleElementLock"
   | "toggleLinearEditor"
   | "toggleEraserTool"
   | "toggleHandTool"
diff --git a/src/components/App.tsx b/src/components/App.tsx
index a317dd9b6..1bf2d8e6b 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -33,7 +33,7 @@ import {
   actionBindText,
   actionUngroup,
   actionLink,
-  actionToggleLock,
+  actionToggleElementLock,
   actionToggleLinearEditor,
 } from "../actions";
 import { createRedoAction, createUndoAction } from "../actions/actionHistory";
@@ -290,6 +290,7 @@ import {
   isLocalLink,
 } from "../element/Hyperlink";
 import { shouldShowBoundingBox } from "../element/transformHandles";
+import { actionUnlockAllElements } from "../actions/actionElementLock";
 import { Fonts } from "../scene/Fonts";
 import { actionPaste } from "../actions/actionClipboard";
 import {
@@ -6347,6 +6348,7 @@ class App extends React.Component<AppProps, AppState> {
         copyText,
         CONTEXT_MENU_SEPARATOR,
         actionSelectAll,
+        actionUnlockAllElements,
         CONTEXT_MENU_SEPARATOR,
         actionToggleGridMode,
         actionToggleZenMode,
@@ -6393,7 +6395,7 @@ class App extends React.Component<AppProps, AppState> {
       actionToggleLinearEditor,
       actionLink,
       actionDuplicateSelection,
-      actionToggleLock,
+      actionToggleElementLock,
       CONTEXT_MENU_SEPARATOR,
       actionDeleteSelected,
     ];
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 43e4c0f7d..5b69dbe08 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -247,7 +247,7 @@ Object {
       Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
-        "name": "toggleLock",
+        "name": "toggleElementLock",
         "perform": [Function],
         "trackEvent": Object {
           "category": "element",
@@ -4644,7 +4644,7 @@ Object {
       Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
-        "name": "toggleLock",
+        "name": "toggleElementLock",
         "perform": [Function],
         "trackEvent": Object {
           "category": "element",
@@ -5194,7 +5194,7 @@ Object {
       Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
-        "name": "toggleLock",
+        "name": "toggleElementLock",
         "perform": [Function],
         "trackEvent": Object {
           "category": "element",
@@ -5642,6 +5642,16 @@ Object {
           "category": "canvas",
         },
       },
+      Object {
+        "contextItemLabel": "labels.elementLock.unlockAll",
+        "name": "unlockAllElements",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+        "viewMode": false,
+      },
       "separator",
       Object {
         "checked": [Function],
@@ -6043,7 +6053,7 @@ Object {
       Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
-        "name": "toggleLock",
+        "name": "toggleElementLock",
         "perform": [Function],
         "trackEvent": Object {
           "category": "element",
@@ -6389,7 +6399,7 @@ Object {
       Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
-        "name": "toggleLock",
+        "name": "toggleElementLock",
         "perform": [Function],
         "trackEvent": Object {
           "category": "element",
diff --git a/src/tests/contextmenu.test.tsx b/src/tests/contextmenu.test.tsx
index 55841b243..0a74de367 100644
--- a/src/tests/contextmenu.test.tsx
+++ b/src/tests/contextmenu.test.tsx
@@ -125,7 +125,7 @@ describe("contextMenu element", () => {
       "bringToFront",
       "duplicateSelection",
       "hyperlink",
-      "toggleLock",
+      "toggleElementLock",
     ];
 
     expect(contextMenu).not.toBeNull();
@@ -212,7 +212,7 @@ describe("contextMenu element", () => {
       "sendToBack",
       "bringToFront",
       "duplicateSelection",
-      "toggleLock",
+      "toggleElementLock",
     ];
 
     expect(contextMenu).not.toBeNull();
@@ -263,7 +263,7 @@ describe("contextMenu element", () => {
       "sendToBack",
       "bringToFront",
       "duplicateSelection",
-      "toggleLock",
+      "toggleElementLock",
     ];
 
     expect(contextMenu).not.toBeNull();
@@ -287,7 +287,7 @@ describe("contextMenu element", () => {
     });
     const contextMenu = UI.queryContextMenu();
     expect(copiedStyles).toBe("{}");
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Copy styles")!);
+    fireEvent.click(queryByText(contextMenu!, "Copy styles")!);
     expect(copiedStyles).not.toBe("{}");
     const element = JSON.parse(copiedStyles)[0];
     expect(element).toEqual(API.getSelectedElement());
@@ -328,7 +328,7 @@ describe("contextMenu element", () => {
       clientY: 40,
     });
     let contextMenu = UI.queryContextMenu();
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Copy styles")!);
+    fireEvent.click(queryByText(contextMenu!, "Copy styles")!);
     const secondRect = JSON.parse(copiedStyles)[0];
     expect(secondRect.id).toBe(h.elements[1].id);
 
@@ -340,7 +340,7 @@ describe("contextMenu element", () => {
       clientY: 10,
     });
     contextMenu = UI.queryContextMenu();
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Paste styles")!);
+    fireEvent.click(queryByText(contextMenu!, "Paste styles")!);
 
     const firstRect = API.getSelectedElement();
     expect(firstRect.id).toBe(h.elements[0].id);
@@ -364,7 +364,7 @@ describe("contextMenu element", () => {
       clientY: 1,
     });
     const contextMenu = UI.queryContextMenu();
-    fireEvent.click(queryAllByText(contextMenu as HTMLElement, "Delete")[0]);
+    fireEvent.click(queryAllByText(contextMenu!, "Delete")[0]);
     expect(API.getSelectedElements()).toHaveLength(0);
     expect(h.elements[0].isDeleted).toBe(true);
   });
@@ -380,7 +380,7 @@ describe("contextMenu element", () => {
       clientY: 1,
     });
     const contextMenu = UI.queryContextMenu();
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Add to library")!);
+    fireEvent.click(queryByText(contextMenu!, "Add to library")!);
 
     await waitFor(() => {
       const library = localStorage.getItem("excalidraw-library");
@@ -401,7 +401,7 @@ describe("contextMenu element", () => {
       clientY: 1,
     });
     const contextMenu = UI.queryContextMenu();
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Duplicate")!);
+    fireEvent.click(queryByText(contextMenu!, "Duplicate")!);
     expect(h.elements).toHaveLength(2);
     const { id: _id0, seed: _seed0, x: _x0, y: _y0, ...rect1 } = h.elements[0];
     const { id: _id1, seed: _seed1, x: _x1, y: _y1, ...rect2 } = h.elements[1];
@@ -425,7 +425,7 @@ describe("contextMenu element", () => {
     });
     const contextMenu = UI.queryContextMenu();
     const elementsBefore = h.elements;
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Send backward")!);
+    fireEvent.click(queryByText(contextMenu!, "Send backward")!);
     expect(elementsBefore[0].id).toEqual(h.elements[1].id);
     expect(elementsBefore[1].id).toEqual(h.elements[0].id);
   });
@@ -447,7 +447,7 @@ describe("contextMenu element", () => {
     });
     const contextMenu = UI.queryContextMenu();
     const elementsBefore = h.elements;
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Bring forward")!);
+    fireEvent.click(queryByText(contextMenu!, "Bring forward")!);
     expect(elementsBefore[0].id).toEqual(h.elements[1].id);
     expect(elementsBefore[1].id).toEqual(h.elements[0].id);
   });
@@ -469,7 +469,7 @@ describe("contextMenu element", () => {
     });
     const contextMenu = UI.queryContextMenu();
     const elementsBefore = h.elements;
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Send to back")!);
+    fireEvent.click(queryByText(contextMenu!, "Send to back")!);
     expect(elementsBefore[1].id).toEqual(h.elements[0].id);
   });
 
@@ -490,7 +490,7 @@ describe("contextMenu element", () => {
     });
     const contextMenu = UI.queryContextMenu();
     const elementsBefore = h.elements;
-    fireEvent.click(queryByText(contextMenu as HTMLElement, "Bring to front")!);
+    fireEvent.click(queryByText(contextMenu!, "Bring to front")!);
     expect(elementsBefore[0].id).toEqual(h.elements[1].id);
   });
 
@@ -514,9 +514,7 @@ describe("contextMenu element", () => {
       clientY: 1,
     });
     const contextMenu = UI.queryContextMenu();
-    fireEvent.click(
-      queryByText(contextMenu as HTMLElement, "Group selection")!,
-    );
+    fireEvent.click(queryByText(contextMenu!, "Group selection")!);
     const selectedGroupIds = Object.keys(h.state.selectedGroupIds);
     expect(h.elements[0].groupIds).toEqual(selectedGroupIds);
     expect(h.elements[1].groupIds).toEqual(selectedGroupIds);
@@ -548,9 +546,7 @@ describe("contextMenu element", () => {
 
     const contextMenu = UI.queryContextMenu();
     expect(contextMenu).not.toBeNull();
-    fireEvent.click(
-      queryByText(contextMenu as HTMLElement, "Ungroup selection")!,
-    );
+    fireEvent.click(queryByText(contextMenu!, "Ungroup selection")!);
 
     const selectedGroupIds = Object.keys(h.state.selectedGroupIds);
     expect(selectedGroupIds).toHaveLength(0);
diff --git a/src/tests/elementLocking.test.tsx b/src/tests/elementLocking.test.tsx
index 9cf0968d4..a2f6eb11d 100644
--- a/src/tests/elementLocking.test.tsx
+++ b/src/tests/elementLocking.test.tsx
@@ -152,7 +152,7 @@ describe("element locking", () => {
     expect(contextMenu).not.toBeNull();
     expect(
       contextMenu?.querySelector(
-        `li[data-testid="toggleLock"] .context-menu-item__label`,
+        `li[data-testid="toggleElementLock"] .context-menu-item__label`,
       ),
     ).toHaveTextContent(t("labels.elementLock.unlock"));
   });
diff --git a/src/tests/helpers/ui.ts b/src/tests/helpers/ui.ts
index 1cfdb10a1..fcf67166b 100644
--- a/src/tests/helpers/ui.ts
+++ b/src/tests/helpers/ui.ts
@@ -321,6 +321,6 @@ export class UI {
   static queryContextMenu = () => {
     return GlobalTestState.renderResult.container.querySelector(
       ".context-menu",
-    );
+    ) as HTMLElement | null;
   };
 }

From f6f9ed03965a8910b641b63d9b749d20fdcb59d4 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 13 May 2023 22:58:35 +0200
Subject: [PATCH 183/252] refactor: simplify `ImageExportDialog` (#6578)

---
 src/components/App.tsx               | 37 +++++++++++-
 src/components/ImageExportDialog.tsx | 85 ++++++++++++----------------
 src/components/LayerUI.tsx           | 47 +++------------
 src/constants.ts                     |  6 ++
 src/types.ts                         |  1 +
 5 files changed, 85 insertions(+), 91 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 1bf2d8e6b..02e317f7f 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -59,6 +59,7 @@ import {
   ELEMENT_TRANSLATE_AMOUNT,
   ENV,
   EVENT,
+  EXPORT_IMAGE_TYPES,
   GRID_SIZE,
   IMAGE_MIME_TYPES,
   IMAGE_RENDER_TIMEOUT,
@@ -82,7 +83,7 @@ import {
   VERTICAL_ALIGN,
   ZOOM_STEP,
 } from "../constants";
-import { loadFromBlob } from "../data";
+import { exportCanvas, loadFromBlob } from "../data";
 import Library, { distributeLibraryItemsOnSquareGrid } from "../data/library";
 import { restore, restoreElements } from "../data/restore";
 import {
@@ -237,6 +238,7 @@ import {
   getShortcutKey,
   isTransparent,
   easeToValuesRAF,
+  muteFSAbortError,
 } from "../utils";
 import {
   ContextMenu,
@@ -251,6 +253,7 @@ import {
   generateIdFromFile,
   getDataURL,
   getFileFromEvent,
+  isImageFileHandle,
   isSupportedImageFile,
   loadSceneOrLibraryFromBlob,
   normalizeFile,
@@ -618,6 +621,7 @@ class App extends React.Component<AppProps, AppState> {
                           }
                           UIOptions={this.props.UIOptions}
                           onImageAction={this.onImageAction}
+                          onExportImage={this.onExportImage}
                           renderWelcomeScreen={
                             !this.state.isLoading &&
                             this.state.showWelcomeScreen &&
@@ -688,6 +692,37 @@ class App extends React.Component<AppProps, AppState> {
     });
   };
 
+  public onExportImage = async (
+    type: keyof typeof EXPORT_IMAGE_TYPES,
+    elements: readonly NonDeletedExcalidrawElement[],
+  ) => {
+    trackEvent("export", type, "ui");
+    const fileHandle = await exportCanvas(
+      type,
+      elements,
+      this.state,
+      this.files,
+      {
+        exportBackground: this.state.exportBackground,
+        name: this.state.name,
+        viewBackgroundColor: this.state.viewBackgroundColor,
+      },
+    )
+      .catch(muteFSAbortError)
+      .catch((error) => {
+        console.error(error);
+        this.setState({ errorMessage: error.message });
+      });
+
+    if (
+      this.state.exportEmbedScene &&
+      fileHandle &&
+      isImageFileHandle(fileHandle)
+    ) {
+      this.setState({ fileHandle });
+    }
+  };
+
   private syncActionResult = withBatchedUpdates(
     (actionResult: ActionResult) => {
       if (this.unmounted || actionResult === false) {
diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 3f8a9679f..38467d6eb 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -4,13 +4,17 @@ import { canvasToBlob } from "../data/blob";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 import { getSelectedElements, isSomeElementSelected } from "../scene";
-import { BinaryFiles, UIAppState } from "../types";
+import { AppClassProperties, BinaryFiles, UIAppState } from "../types";
 import { Dialog } from "./Dialog";
 import { clipboard } from "./icons";
 import Stack from "./Stack";
 import OpenColor from "open-color";
 import { CheckboxItem } from "./CheckboxItem";
-import { DEFAULT_EXPORT_PADDING, isFirefox } from "../constants";
+import {
+  DEFAULT_EXPORT_PADDING,
+  EXPORT_IMAGE_TYPES,
+  isFirefox,
+} from "../constants";
 import { nativeFileSystemSupported } from "../data/filesystem";
 import { ActionManager } from "../actions/manager";
 import { exportToCanvas } from "../packages/utils";
@@ -65,21 +69,14 @@ const ImageExportModal = ({
   elements,
   appState,
   files,
-  exportPadding = DEFAULT_EXPORT_PADDING,
   actionManager,
-  onExportToPng,
-  onExportToSvg,
-  onExportToClipboard,
+  onExportImage,
 }: {
   appState: UIAppState;
   elements: readonly NonDeletedExcalidrawElement[];
   files: BinaryFiles;
-  exportPadding?: number;
   actionManager: ActionManager;
-  onExportToPng: ExportCB;
-  onExportToSvg: ExportCB;
-  onExportToClipboard: ExportCB;
-  onCloseRequest: () => void;
+  onExportImage: AppClassProperties["onExportImage"];
 }) => {
   const someElementIsSelected = isSomeElementSelected(elements, appState);
   const [exportSelected, setExportSelected] = useState(someElementIsSelected);
@@ -90,10 +87,6 @@ const ImageExportModal = ({
     ? getSelectedElements(elements, appState, true)
     : elements;
 
-  useEffect(() => {
-    setExportSelected(someElementIsSelected);
-  }, [someElementIsSelected]);
-
   useEffect(() => {
     const previewNode = previewRef.current;
     if (!previewNode) {
@@ -107,7 +100,7 @@ const ImageExportModal = ({
       elements: exportedElements,
       appState,
       files,
-      exportPadding,
+      exportPadding: DEFAULT_EXPORT_PADDING,
       maxWidthOrHeight: maxWidth,
     })
       .then((canvas) => {
@@ -122,7 +115,7 @@ const ImageExportModal = ({
         console.error(error);
         setRenderError(error);
       });
-  }, [appState, files, exportedElements, exportPadding]);
+  }, [appState, files, exportedElements]);
 
   return (
     <div className="ExportDialog">
@@ -177,7 +170,9 @@ const ImageExportModal = ({
           color="indigo"
           title={t("buttons.exportToPng")}
           aria-label={t("buttons.exportToPng")}
-          onClick={() => onExportToPng(exportedElements)}
+          onClick={() =>
+            onExportImage(EXPORT_IMAGE_TYPES.png, exportedElements)
+          }
         >
           PNG
         </ExportButton>
@@ -185,7 +180,9 @@ const ImageExportModal = ({
           color="red"
           title={t("buttons.exportToSvg")}
           aria-label={t("buttons.exportToSvg")}
-          onClick={() => onExportToSvg(exportedElements)}
+          onClick={() =>
+            onExportImage(EXPORT_IMAGE_TYPES.svg, exportedElements)
+          }
         >
           SVG
         </ExportButton>
@@ -194,7 +191,9 @@ const ImageExportModal = ({
         {(probablySupportsClipboardBlob || isFirefox) && (
           <ExportButton
             title={t("buttons.copyPngToClipboard")}
-            onClick={() => onExportToClipboard(exportedElements)}
+            onClick={() =>
+              onExportImage(EXPORT_IMAGE_TYPES.clipboard, exportedElements)
+            }
             color="gray"
             shade={7}
           >
@@ -209,45 +208,31 @@ const ImageExportModal = ({
 export const ImageExportDialog = ({
   elements,
   appState,
-  setAppState,
   files,
-  exportPadding = DEFAULT_EXPORT_PADDING,
   actionManager,
-  onExportToPng,
-  onExportToSvg,
-  onExportToClipboard,
+  onExportImage,
+  onCloseRequest,
 }: {
   appState: UIAppState;
-  setAppState: React.Component<any, UIAppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
   files: BinaryFiles;
-  exportPadding?: number;
   actionManager: ActionManager;
-  onExportToPng: ExportCB;
-  onExportToSvg: ExportCB;
-  onExportToClipboard: ExportCB;
+  onExportImage: AppClassProperties["onExportImage"];
+  onCloseRequest: () => void;
 }) => {
-  const handleClose = React.useCallback(() => {
-    setAppState({ openDialog: null });
-  }, [setAppState]);
+  if (appState.openDialog !== "imageExport") {
+    return null;
+  }
 
   return (
-    <>
-      {appState.openDialog === "imageExport" && (
-        <Dialog onCloseRequest={handleClose} title={t("buttons.exportImage")}>
-          <ImageExportModal
-            elements={elements}
-            appState={appState}
-            files={files}
-            exportPadding={exportPadding}
-            actionManager={actionManager}
-            onExportToPng={onExportToPng}
-            onExportToSvg={onExportToSvg}
-            onExportToClipboard={onExportToClipboard}
-            onCloseRequest={handleClose}
-          />
-        </Dialog>
-      )}
-    </>
+    <Dialog onCloseRequest={onCloseRequest} title={t("buttons.exportImage")}>
+      <ImageExportModal
+        elements={elements}
+        appState={appState}
+        files={files}
+        actionManager={actionManager}
+        onExportImage={onExportImage}
+      />
+    </Dialog>
   );
 };
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 0e08eafa8..f05f5df11 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -2,23 +2,22 @@ import clsx from "clsx";
 import React from "react";
 import { ActionManager } from "../actions/manager";
 import { CLASSES, DEFAULT_SIDEBAR, LIBRARY_SIDEBAR_WIDTH } from "../constants";
-import { exportCanvas } from "../data";
 import { isTextElement, showSelectedShapeActions } from "../element";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language, t } from "../i18n";
 import { calculateScrollCenter } from "../scene";
-import { ExportType } from "../scene/types";
 import {
   AppProps,
   AppState,
   ExcalidrawProps,
   BinaryFiles,
   UIAppState,
+  AppClassProperties,
 } from "../types";
-import { capitalizeString, isShallowEqual, muteFSAbortError } from "../utils";
+import { capitalizeString, isShallowEqual } from "../utils";
 import { SelectedShapeActions, ShapesSwitcher } from "./Actions";
 import { ErrorDialog } from "./ErrorDialog";
-import { ExportCB, ImageExportDialog } from "./ImageExportDialog";
+import { ImageExportDialog } from "./ImageExportDialog";
 import { FixedSideContainer } from "./FixedSideContainer";
 import { HintViewer } from "./HintViewer";
 import { Island } from "./Island";
@@ -31,7 +30,6 @@ import { HelpDialog } from "./HelpDialog";
 import Stack from "./Stack";
 import { UserList } from "./UserList";
 import { JSONExportDialog } from "./JSONExportDialog";
-import { isImageFileHandle } from "../data/blob";
 import { PenModeButton } from "./PenModeButton";
 import { trackEvent } from "../analytics";
 import { useDevice } from "../components/App";
@@ -69,6 +67,7 @@ interface LayerUIProps {
   renderCustomStats?: ExcalidrawProps["renderCustomStats"];
   UIOptions: AppProps["UIOptions"];
   onImageAction: (data: { insertOnCanvasDirectly: boolean }) => void;
+  onExportImage: AppClassProperties["onExportImage"];
   renderWelcomeScreen: boolean;
   children?: React.ReactNode;
 }
@@ -114,6 +113,7 @@ const LayerUI = ({
   renderCustomStats,
   UIOptions,
   onImageAction,
+  onExportImage,
   renderWelcomeScreen,
   children,
 }: LayerUIProps) => {
@@ -143,47 +143,14 @@ const LayerUI = ({
       return null;
     }
 
-    const createExporter =
-      (type: ExportType): ExportCB =>
-      async (exportedElements) => {
-        trackEvent("export", type, "ui");
-        const fileHandle = await exportCanvas(
-          type,
-          exportedElements,
-          // FIXME once we split UI canvas from element canvas
-          appState as AppState,
-          files,
-          {
-            exportBackground: appState.exportBackground,
-            name: appState.name,
-            viewBackgroundColor: appState.viewBackgroundColor,
-          },
-        )
-          .catch(muteFSAbortError)
-          .catch((error) => {
-            console.error(error);
-            setAppState({ errorMessage: error.message });
-          });
-
-        if (
-          appState.exportEmbedScene &&
-          fileHandle &&
-          isImageFileHandle(fileHandle)
-        ) {
-          setAppState({ fileHandle });
-        }
-      };
-
     return (
       <ImageExportDialog
         elements={elements}
         appState={appState}
-        setAppState={setAppState}
         files={files}
         actionManager={actionManager}
-        onExportToPng={createExporter("png")}
-        onExportToSvg={createExporter("svg")}
-        onExportToClipboard={createExporter("clipboard")}
+        onExportImage={onExportImage}
+        onCloseRequest={() => setAppState({ openDialog: null })}
       />
     );
   };
diff --git a/src/constants.ts b/src/constants.ts
index 5b59679cf..e7241e175 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -131,6 +131,12 @@ export const MIME_TYPES = {
   ...IMAGE_MIME_TYPES,
 } as const;
 
+export const EXPORT_IMAGE_TYPES = {
+  png: "png",
+  svg: "svg",
+  clipboard: "clipboard",
+} as const;
+
 export const EXPORT_DATA_TYPES = {
   excalidraw: "excalidraw",
   excalidrawClipboard: "excalidraw/clipboard",
diff --git a/src/types.ts b/src/types.ts
index 8aa07d3ce..666f9e03b 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -442,6 +442,7 @@ export type AppClassProperties = {
   pasteFromClipboard: App["pasteFromClipboard"];
   id: App["id"];
   onInsertElements: App["onInsertElements"];
+  onExportImage: App["onExportImage"];
 };
 
 export type PointerDownState = Readonly<{

From 6977c326318bd7af2b0b043c4bed8307ff4b64d7 Mon Sep 17 00:00:00 2001
From: Mohammad Amin <35834754+mohammadamin16@users.noreply.github.com>
Date: Sun, 14 May 2023 00:39:16 +0330
Subject: [PATCH 184/252] style: Removes extra spaces (#6558)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .../excalidraw/api/children-components/footer.mdx     |  1 -
 .../excalidraw/api/children-components/main-menu.mdx  |  4 +---
 .../@excalidraw/excalidraw/api/props/render-props.mdx | 11 ++++-------
 src/components/App.tsx                                |  2 +-
 src/excalidraw-app/collab/RoomDialog.tsx              |  2 +-
 src/packages/excalidraw/example/App.tsx               |  3 +--
 src/packages/excalidraw/example/CustomFooter.tsx      |  3 +--
 .../excalidraw/example/sidebar/ExampleSidebar.tsx     |  2 +-
 .../packages/__snapshots__/excalidraw.test.tsx.snap   |  1 -
 src/tests/packages/excalidraw.test.tsx                |  2 --
 10 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
index 262681895..cdd5ea5a4 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
@@ -16,7 +16,6 @@ function App() {
             className="custom-footer"
             onClick={() => alert("This is dummy footer")}
           >
-            {" "}
             custom footer
           </button>
         </Footer>
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
index 8fbf228df..2494df108 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
@@ -14,8 +14,7 @@ function App() {
             Item1
           </MainMenu.Item>
           <MainMenu.Item onSelect={() => window.alert("Item2")}>
-            {" "}
-            Item 2{" "}
+            Item 2
           </MainMenu.Item>
         </MainMenu>
       </Excalidraw>
@@ -93,7 +92,6 @@ function App() {
               style={{ height: "2rem" }}
               onClick={() => window.alert("custom menu item")}
             >
-              {" "}
               custom item
             </button>
           </MainMenu.ItemCustom>
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
index ca329e3e6..6531e29ec 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
@@ -3,7 +3,7 @@
 ## renderTopRightUI
 
 <pre>
-  (isMobile: boolean, appState:{" "}
+  (isMobile: boolean, appState:
   <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">
     AppState
   </a>
@@ -29,8 +29,7 @@ function App() {
               }}
               onClick={() => window.alert("This is dummy top right UI")}
             >
-              {" "}
-              Click me{" "}
+              Click me
             </button>
           );
         }}
@@ -55,8 +54,7 @@ function App() {
       <Excalidraw
         renderCustomStats={() => (
           <p style={{ color: "#70b1ec", fontWeight: "bold" }}>
-            {" "}
-            Dummy stats will be shown here{" "}
+            Dummy stats will be shown here
           </p>
         )}
       />
@@ -105,8 +103,7 @@ function App() {
   return (
     <div style={{ height: "500px" }}>
       <button className="custom-button" onClick={() => excalidrawAPI.toggleMenu("customSidebar")}>
-        {" "}
-        Toggle Custom Sidebar{" "}
+        Toggle Custom Sidebar
       </button>
       <Excalidraw
         UIOptions={{ dockedSidebarBreakpoint: 100 }}
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 02e317f7f..752854e92 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -661,7 +661,7 @@ class App extends React.Component<AppProps, AppState> {
                         )}
                         <main>{this.renderCanvas()}</main>
                       </ExcalidrawActionManagerContext.Provider>
-                    </ExcalidrawElementsContext.Provider>{" "}
+                    </ExcalidrawElementsContext.Provider>
                   </ExcalidrawAppStateContext.Provider>
                 </ExcalidrawSetAppStateContext.Provider>
               </DeviceContext.Provider>
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index 50f586efc..42c123302 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -154,7 +154,7 @@ const RoomDialog = ({
             <p>
               <span role="img" aria-hidden="true" className="RoomDialog-emoji">
                 {"🔒"}
-              </span>{" "}
+              </span>
               {t("roomDialog.desc_privacy")}
             </p>
             <p>{t("roomDialog.desc_exitSession")}</p>
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 85993a683..3a0634e63 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -161,8 +161,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
           onClick={() => alert("This is an empty top right UI")}
           style={{ height: "2.5rem" }}
         >
-          {" "}
-          Click me{" "}
+          Click me
         </button>
       </>
     );
diff --git a/src/packages/excalidraw/example/CustomFooter.tsx b/src/packages/excalidraw/example/CustomFooter.tsx
index fbc2ea732..5c47de6c6 100644
--- a/src/packages/excalidraw/example/CustomFooter.tsx
+++ b/src/packages/excalidraw/example/CustomFooter.tsx
@@ -65,8 +65,7 @@ const CustomFooter = ({
         className="custom-footer"
         onClick={() => alert("This is dummy footer")}
       >
-        {" "}
-        custom footer{" "}
+        custom footer
       </button>
     </>
   );
diff --git a/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx b/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
index 793d17b05..4c51ecdc2 100644
--- a/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
+++ b/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
@@ -11,7 +11,7 @@ export default function Sidebar({ children }: { children: React.ReactNode }) {
         </button>
         <div className="sidebar-links">
           <button>Empty Home</button>
-          <button>Empty About</button>{" "}
+          <button>Empty About</button>
         </div>
       </div>
       <div className={`${open ? "sidebar-open" : ""}`}>
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index 09402981e..d703dff87 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -43,7 +43,6 @@ exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items
       <button
         style="height: 2rem;"
       >
-         
         custom menu item
       </button>
     </div>
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index a0d495936..a5734b2ed 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -220,7 +220,6 @@ describe("<Excalidraw/>", () => {
                   style={{ height: "2rem" }}
                   onClick={() => window.alert("custom menu item")}
                 >
-                  {" "}
                   custom item
                 </button>
               </MainMenu.ItemCustom>
@@ -345,7 +344,6 @@ describe("<Excalidraw/>", () => {
                 style={{ height: "2rem" }}
                 onClick={() => window.alert("custom menu item")}
               >
-                {" "}
                 custom menu item
               </button>
             </MainMenu.ItemCustom>

From 5b7596582f44f951147886152966672ba876660c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Barnab=C3=A1s=20Moln=C3=A1r?=
 <38168628+barnabasmolnar@users.noreply.github.com>
Date: Thu, 18 May 2023 16:06:27 +0200
Subject: [PATCH 185/252] feat: color picker redesign (#6216)

Co-authored-by: Maielo <maielo.mv@gmail.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 .npmrc                                        |    1 +
 package.json                                  |    1 +
 src/actions/actionCanvas.tsx                  |   32 +-
 src/actions/actionFlip.ts                     |    6 +-
 src/actions/actionProperties.tsx              |   26 +-
 src/actions/actionStyles.test.tsx             |   30 +-
 src/appState.ts                               |    4 +-
 src/charts.ts                                 |   32 +-
 src/clients.ts                                |   20 +-
 src/colors.ts                                 |  183 +-
 src/components/App.tsx                        |    6 +-
 src/components/ColorPicker.tsx                |  430 ---
 src/components/ColorPicker/ColorInput.tsx     |   75 +
 .../{ => ColorPicker}/ColorPicker.scss        |  161 +-
 src/components/ColorPicker/ColorPicker.tsx    |  235 ++
 .../ColorPicker/CustomColorList.tsx           |   63 +
 src/components/ColorPicker/HotkeyLabel.tsx    |   29 +
 src/components/ColorPicker/Picker.tsx         |  156 +
 .../ColorPicker/PickerColorList.tsx           |   86 +
 src/components/ColorPicker/PickerHeading.tsx  |    7 +
 src/components/ColorPicker/ShadeList.tsx      |  105 +
 src/components/ColorPicker/TopPicks.tsx       |   64 +
 .../ColorPicker/colorPickerUtils.ts           |  139 +
 .../ColorPicker/keyboardNavHandlers.ts        |  249 ++
 src/components/LibraryUnit.tsx                |    4 +-
 src/components/ProjectName.tsx                |    3 +-
 .../dropdownMenu/DropdownMenuContent.tsx      |    2 +-
 src/constants.ts                              |    6 +-
 src/data/restore.ts                           |    6 +-
 src/element/textWysiwyg.test.tsx              |    2 +-
 src/element/textWysiwyg.tsx                   |   54 +-
 src/excalidraw-app/collab/RoomDialog.tsx      |    5 +-
 src/i18n.ts                                   |   14 +-
 src/locales/en.json                           |   65 +-
 src/packages/excalidraw/example/App.tsx       |    7 +-
 src/packages/excalidraw/package.json          |    2 +-
 src/packages/excalidraw/yarn.lock             |    8 +-
 src/tests/MobileMenu.test.tsx                 |    1 +
 .../__snapshots__/contextmenu.test.tsx.snap   |  262 +-
 .../__snapshots__/dragCreate.test.tsx.snap    |   10 +-
 .../linearElementEditor.test.tsx.snap         |    2 +-
 src/tests/__snapshots__/move.test.tsx.snap    |   12 +-
 .../multiPointCreate.test.tsx.snap            |    4 +-
 .../regressionTests.test.tsx.snap             |  977 +++---
 .../__snapshots__/selection.test.tsx.snap     |   10 +-
 src/tests/contextmenu.test.tsx                |   21 +-
 .../data/__snapshots__/restore.test.ts.snap   |   12 +-
 src/tests/helpers/ui.ts                       |    9 +
 .../__snapshots__/excalidraw.test.tsx.snap    |  102 +-
 .../packages/__snapshots__/utils.test.ts.snap |    2 +-
 src/tests/regressionTests.test.tsx            |   27 +-
 src/tests/test-utils.ts                       |   27 +-
 src/types.ts                                  |    7 +-
 src/utils.ts                                  |    5 +-
 yarn.lock                                     | 2901 +++++++++--------
 55 files changed, 4010 insertions(+), 2699 deletions(-)
 delete mode 100644 src/components/ColorPicker.tsx
 create mode 100644 src/components/ColorPicker/ColorInput.tsx
 rename src/components/{ => ColorPicker}/ColorPicker.scss (63%)
 create mode 100644 src/components/ColorPicker/ColorPicker.tsx
 create mode 100644 src/components/ColorPicker/CustomColorList.tsx
 create mode 100644 src/components/ColorPicker/HotkeyLabel.tsx
 create mode 100644 src/components/ColorPicker/Picker.tsx
 create mode 100644 src/components/ColorPicker/PickerColorList.tsx
 create mode 100644 src/components/ColorPicker/PickerHeading.tsx
 create mode 100644 src/components/ColorPicker/ShadeList.tsx
 create mode 100644 src/components/ColorPicker/TopPicks.tsx
 create mode 100644 src/components/ColorPicker/colorPickerUtils.ts
 create mode 100644 src/components/ColorPicker/keyboardNavHandlers.ts

diff --git a/.npmrc b/.npmrc
index cffe8cdef..1b78f1c6f 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1 +1,2 @@
 save-exact=true
+legacy-peer-deps=true
diff --git a/package.json b/package.json
index 57bdfe562..4556cb5f7 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     ]
   },
   "dependencies": {
+    "@radix-ui/react-popover": "1.0.3",
     "@radix-ui/react-tabs": "1.0.2",
     "@sentry/browser": "6.2.5",
     "@sentry/integrations": "6.2.5",
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index 440c59191..16c4fad19 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -1,4 +1,4 @@
-import { ColorPicker } from "../components/ColorPicker";
+import { ColorPicker } from "../components/ColorPicker/ColorPicker";
 import { ZoomInIcon, ZoomOutIcon } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
 import { CURSOR_TYPE, MIN_ZOOM, THEME, ZOOM_STEP } from "../constants";
@@ -19,6 +19,7 @@ import {
   isEraserActive,
   isHandToolActive,
 } from "../appState";
+import { DEFAULT_CANVAS_BACKGROUND_PICKS } from "../colors";
 
 export const actionChangeViewBackgroundColor = register({
   name: "changeViewBackgroundColor",
@@ -35,24 +36,21 @@ export const actionChangeViewBackgroundColor = register({
       commitToHistory: !!value.viewBackgroundColor,
     };
   },
-  PanelComponent: ({ elements, appState, updateData }) => {
+  PanelComponent: ({ elements, appState, updateData, appProps }) => {
     // FIXME move me to src/components/mainMenu/DefaultItems.tsx
     return (
-      <div style={{ position: "relative" }}>
-        <ColorPicker
-          label={t("labels.canvasBackground")}
-          type="canvasBackground"
-          color={appState.viewBackgroundColor}
-          onChange={(color) => updateData({ viewBackgroundColor: color })}
-          isActive={appState.openPopup === "canvasColorPicker"}
-          setActive={(active) =>
-            updateData({ openPopup: active ? "canvasColorPicker" : null })
-          }
-          data-testid="canvas-background-picker"
-          elements={elements}
-          appState={appState}
-        />
-      </div>
+      <ColorPicker
+        palette={null}
+        topPicks={DEFAULT_CANVAS_BACKGROUND_PICKS}
+        label={t("labels.canvasBackground")}
+        type="canvasBackground"
+        color={appState.viewBackgroundColor}
+        onChange={(color) => updateData({ viewBackgroundColor: color })}
+        data-testid="canvas-background-picker"
+        elements={elements}
+        appState={appState}
+        updateData={updateData}
+      />
     );
   },
 });
diff --git a/src/actions/actionFlip.ts b/src/actions/actionFlip.ts
index ff6bfe4b7..0dadc23b1 100644
--- a/src/actions/actionFlip.ts
+++ b/src/actions/actionFlip.ts
@@ -14,7 +14,7 @@ import {
 } from "../element/bounds";
 import { isLinearElement } from "../element/typeChecks";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { KEYS } from "../keys";
+import { CODES, KEYS } from "../keys";
 
 const enableActionFlipHorizontal = (
   elements: readonly ExcalidrawElement[],
@@ -48,7 +48,7 @@ export const actionFlipHorizontal = register({
       commitToHistory: true,
     };
   },
-  keyTest: (event) => event.shiftKey && event.code === "KeyH",
+  keyTest: (event) => event.shiftKey && event.code === CODES.H,
   contextItemLabel: "labels.flipHorizontal",
   predicate: (elements, appState) =>
     enableActionFlipHorizontal(elements, appState),
@@ -65,7 +65,7 @@ export const actionFlipVertical = register({
     };
   },
   keyTest: (event) =>
-    event.shiftKey && event.code === "KeyV" && !event[KEYS.CTRL_OR_CMD],
+    event.shiftKey && event.code === CODES.V && !event[KEYS.CTRL_OR_CMD],
   contextItemLabel: "labels.flipVertical",
   predicate: (elements, appState) =>
     enableActionFlipVertical(elements, appState),
diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index 382e964b9..6e921d6ea 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -1,7 +1,13 @@
 import { AppState } from "../../src/types";
+import {
+  DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE,
+  DEFAULT_ELEMENT_BACKGROUND_PICKS,
+  DEFAULT_ELEMENT_STROKE_COLOR_PALETTE,
+  DEFAULT_ELEMENT_STROKE_PICKS,
+} from "../colors";
 import { trackEvent } from "../analytics";
 import { ButtonIconSelect } from "../components/ButtonIconSelect";
-import { ColorPicker } from "../components/ColorPicker";
+import { ColorPicker } from "../components/ColorPicker/ColorPicker";
 import { IconPicker } from "../components/IconPicker";
 // TODO barnabasmolnar/editor-redesign
 // TextAlignTopIcon, TextAlignBottomIcon,TextAlignMiddleIcon,
@@ -226,10 +232,12 @@ export const actionChangeStrokeColor = register({
       commitToHistory: !!value.currentItemStrokeColor,
     };
   },
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, appProps }) => (
     <>
       <h3 aria-hidden="true">{t("labels.stroke")}</h3>
       <ColorPicker
+        topPicks={DEFAULT_ELEMENT_STROKE_PICKS}
+        palette={DEFAULT_ELEMENT_STROKE_COLOR_PALETTE}
         type="elementStroke"
         label={t("labels.stroke")}
         color={getFormValue(
@@ -239,12 +247,9 @@ export const actionChangeStrokeColor = register({
           appState.currentItemStrokeColor,
         )}
         onChange={(color) => updateData({ currentItemStrokeColor: color })}
-        isActive={appState.openPopup === "strokeColorPicker"}
-        setActive={(active) =>
-          updateData({ openPopup: active ? "strokeColorPicker" : null })
-        }
         elements={elements}
         appState={appState}
+        updateData={updateData}
       />
     </>
   ),
@@ -269,10 +274,12 @@ export const actionChangeBackgroundColor = register({
       commitToHistory: !!value.currentItemBackgroundColor,
     };
   },
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, appProps }) => (
     <>
       <h3 aria-hidden="true">{t("labels.background")}</h3>
       <ColorPicker
+        topPicks={DEFAULT_ELEMENT_BACKGROUND_PICKS}
+        palette={DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE}
         type="elementBackground"
         label={t("labels.background")}
         color={getFormValue(
@@ -282,12 +289,9 @@ export const actionChangeBackgroundColor = register({
           appState.currentItemBackgroundColor,
         )}
         onChange={(color) => updateData({ currentItemBackgroundColor: color })}
-        isActive={appState.openPopup === "backgroundColorPicker"}
-        setActive={(active) =>
-          updateData({ openPopup: active ? "backgroundColorPicker" : null })
-        }
         elements={elements}
         appState={appState}
+        updateData={updateData}
       />
     </>
   ),
diff --git a/src/actions/actionStyles.test.tsx b/src/actions/actionStyles.test.tsx
index c73864cc4..238196dfc 100644
--- a/src/actions/actionStyles.test.tsx
+++ b/src/actions/actionStyles.test.tsx
@@ -1,9 +1,14 @@
 import ExcalidrawApp from "../excalidraw-app";
-import { t } from "../i18n";
 import { CODES } from "../keys";
 import { API } from "../tests/helpers/api";
 import { Keyboard, Pointer, UI } from "../tests/helpers/ui";
-import { fireEvent, render, screen } from "../tests/test-utils";
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  togglePopover,
+} from "../tests/test-utils";
 import { copiedStyles } from "./actionStyles";
 
 const { h } = window;
@@ -14,7 +19,14 @@ describe("actionStyles", () => {
   beforeEach(async () => {
     await render(<ExcalidrawApp />);
   });
-  it("should copy & paste styles via keyboard", () => {
+
+  afterEach(async () => {
+    // https://github.com/floating-ui/floating-ui/issues/1908#issuecomment-1301553793
+    // affects node v16+
+    await act(async () => {});
+  });
+
+  it("should copy & paste styles via keyboard", async () => {
     UI.clickTool("rectangle");
     mouse.down(10, 10);
     mouse.up(20, 20);
@@ -24,10 +36,10 @@ describe("actionStyles", () => {
     mouse.up(20, 20);
 
     // Change some styles of second rectangle
-    UI.clickLabeledElement("Stroke");
-    UI.clickLabeledElement(t("colors.c92a2a"));
-    UI.clickLabeledElement("Background");
-    UI.clickLabeledElement(t("colors.e64980"));
+    togglePopover("Stroke");
+    UI.clickOnTestId("color-red");
+    togglePopover("Background");
+    UI.clickOnTestId("color-blue");
     // Fill style
     fireEvent.click(screen.getByTitle("Cross-hatch"));
     // Stroke width
@@ -60,8 +72,8 @@ describe("actionStyles", () => {
 
     const firstRect = API.getSelectedElement();
     expect(firstRect.id).toBe(h.elements[0].id);
-    expect(firstRect.strokeColor).toBe("#c92a2a");
-    expect(firstRect.backgroundColor).toBe("#e64980");
+    expect(firstRect.strokeColor).toBe("#e03131");
+    expect(firstRect.backgroundColor).toBe("#a5d8ff");
     expect(firstRect.fillStyle).toBe("cross-hatch");
     expect(firstRect.strokeWidth).toBe(2); // Bold: 2
     expect(firstRect.strokeStyle).toBe("dotted");
diff --git a/src/appState.ts b/src/appState.ts
index aaac94879..4468eb966 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -1,4 +1,4 @@
-import oc from "open-color";
+import { COLOR_PALETTE } from "./colors";
 import {
   DEFAULT_ELEMENT_PROPS,
   DEFAULT_FONT_FAMILY,
@@ -84,7 +84,7 @@ export const getDefaultAppState = (): Omit<
     startBoundElement: null,
     suggestedBindings: [],
     toast: null,
-    viewBackgroundColor: oc.white,
+    viewBackgroundColor: COLOR_PALETTE.white,
     zenModeEnabled: false,
     zoom: {
       value: 1 as NormalizedZoomValue,
diff --git a/src/charts.ts b/src/charts.ts
index c3b0950d1..b5714686c 100644
--- a/src/charts.ts
+++ b/src/charts.ts
@@ -1,5 +1,14 @@
-import colors from "./colors";
-import { DEFAULT_FONT_SIZE, ENV } from "./constants";
+import {
+  COLOR_PALETTE,
+  DEFAULT_CHART_COLOR_INDEX,
+  getAllColorsSpecificShade,
+} from "./colors";
+import {
+  DEFAULT_FONT_FAMILY,
+  DEFAULT_FONT_SIZE,
+  ENV,
+  VERTICAL_ALIGN,
+} from "./constants";
 import { newElement, newLinearElement, newTextElement } from "./element";
 import { NonDeletedExcalidrawElement } from "./element/types";
 import { randomId } from "./random";
@@ -153,15 +162,22 @@ export const tryParseSpreadsheet = (text: string): ParseSpreadsheetResult => {
   return result;
 };
 
-const bgColors = colors.elementBackground.slice(
-  2,
-  colors.elementBackground.length,
-);
+const bgColors = getAllColorsSpecificShade(DEFAULT_CHART_COLOR_INDEX);
 
 // Put all the common properties here so when the whole chart is selected
 // the properties dialog shows the correct selected values
 const commonProps = {
-  strokeColor: colors.elementStroke[0],
+  fillStyle: "hachure",
+  fontFamily: DEFAULT_FONT_FAMILY,
+  fontSize: DEFAULT_FONT_SIZE,
+  opacity: 100,
+  roughness: 1,
+  strokeColor: COLOR_PALETTE.black,
+  roundness: null,
+  strokeStyle: "solid",
+  strokeWidth: 1,
+  verticalAlign: VERTICAL_ALIGN.MIDDLE,
+  locked: false,
 } as const;
 
 const getChartDimentions = (spreadsheet: Spreadsheet) => {
@@ -322,7 +338,7 @@ const chartBaseElements = (
         y: y - chartHeight,
         width: chartWidth,
         height: chartHeight,
-        strokeColor: colors.elementStroke[0],
+        strokeColor: COLOR_PALETTE.black,
         fillStyle: "solid",
         opacity: 6,
       })
diff --git a/src/clients.ts b/src/clients.ts
index 94ffd7a62..604936e33 100644
--- a/src/clients.ts
+++ b/src/clients.ts
@@ -1,6 +1,17 @@
-import colors from "./colors";
+import {
+  DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
+  DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
+  getAllColorsSpecificShade,
+} from "./colors";
 import { AppState } from "./types";
 
+const BG_COLORS = getAllColorsSpecificShade(
+  DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
+);
+const STROKE_COLORS = getAllColorsSpecificShade(
+  DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
+);
+
 export const getClientColors = (clientId: string, appState: AppState) => {
   if (appState?.collaborators) {
     const currentUser = appState.collaborators.get(clientId);
@@ -11,12 +22,9 @@ export const getClientColors = (clientId: string, appState: AppState) => {
   // Naive way of getting an integer out of the clientId
   const sum = clientId.split("").reduce((a, str) => a + str.charCodeAt(0), 0);
 
-  // Skip transparent & gray colors
-  const backgrounds = colors.elementBackground.slice(3);
-  const strokes = colors.elementStroke.slice(3);
   return {
-    background: backgrounds[sum % backgrounds.length],
-    stroke: strokes[sum % strokes.length],
+    background: BG_COLORS[sum % BG_COLORS.length],
+    stroke: STROKE_COLORS[sum % STROKE_COLORS.length],
   };
 };
 
diff --git a/src/colors.ts b/src/colors.ts
index 63cd72839..198ec12e2 100644
--- a/src/colors.ts
+++ b/src/colors.ts
@@ -1,22 +1,167 @@
 import oc from "open-color";
+import { Merge } from "./utility-types";
 
-const shades = (index: number) => [
-  oc.red[index],
-  oc.pink[index],
-  oc.grape[index],
-  oc.violet[index],
-  oc.indigo[index],
-  oc.blue[index],
-  oc.cyan[index],
-  oc.teal[index],
-  oc.green[index],
-  oc.lime[index],
-  oc.yellow[index],
-  oc.orange[index],
-];
-
-export default {
-  canvasBackground: [oc.white, oc.gray[0], oc.gray[1], ...shades(0)],
-  elementBackground: ["transparent", oc.gray[4], oc.gray[6], ...shades(6)],
-  elementStroke: [oc.black, oc.gray[8], oc.gray[7], ...shades(9)],
+// FIXME can't put to utils.ts rn because of circular dependency
+const pick = <R extends Record<string, any>, K extends readonly (keyof R)[]>(
+  source: R,
+  keys: K,
+) => {
+  return keys.reduce((acc, key: K[number]) => {
+    if (key in source) {
+      acc[key] = source[key];
+    }
+    return acc;
+  }, {} as Pick<R, K[number]>) as Pick<R, K[number]>;
 };
+
+export type ColorPickerColor =
+  | Exclude<keyof oc, "indigo" | "lime">
+  | "transparent"
+  | "bronze";
+export type ColorTuple = readonly [string, string, string, string, string];
+export type ColorPalette = Merge<
+  Record<ColorPickerColor, ColorTuple>,
+  { black: string; white: string; transparent: string }
+>;
+
+// used general type instead of specific type (ColorPalette) to support custom colors
+export type ColorPaletteCustom = { [key: string]: ColorTuple | string };
+export type ColorShadesIndexes = [number, number, number, number, number];
+
+export const MAX_CUSTOM_COLORS_USED_IN_CANVAS = 5;
+export const COLORS_PER_ROW = 5;
+
+export const DEFAULT_CHART_COLOR_INDEX = 4;
+
+export const DEFAULT_ELEMENT_STROKE_COLOR_INDEX = 4;
+export const DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX = 1;
+export const ELEMENTS_PALETTE_SHADE_INDEXES = [0, 2, 4, 6, 8] as const;
+export const CANVAS_PALETTE_SHADE_INDEXES = [0, 1, 2, 3, 4] as const;
+
+export const getSpecificColorShades = (
+  color: Exclude<
+    ColorPickerColor,
+    "transparent" | "white" | "black" | "bronze"
+  >,
+  indexArr: Readonly<ColorShadesIndexes>,
+) => {
+  return indexArr.map((index) => oc[color][index]) as any as ColorTuple;
+};
+
+export const COLOR_PALETTE = {
+  transparent: "transparent",
+  black: "#1e1e1e",
+  white: "#ffffff",
+  // open-colors
+  gray: getSpecificColorShades("gray", ELEMENTS_PALETTE_SHADE_INDEXES),
+  red: getSpecificColorShades("red", ELEMENTS_PALETTE_SHADE_INDEXES),
+  pink: getSpecificColorShades("pink", ELEMENTS_PALETTE_SHADE_INDEXES),
+  grape: getSpecificColorShades("grape", ELEMENTS_PALETTE_SHADE_INDEXES),
+  violet: getSpecificColorShades("violet", ELEMENTS_PALETTE_SHADE_INDEXES),
+  blue: getSpecificColorShades("blue", ELEMENTS_PALETTE_SHADE_INDEXES),
+  cyan: getSpecificColorShades("cyan", ELEMENTS_PALETTE_SHADE_INDEXES),
+  teal: getSpecificColorShades("teal", ELEMENTS_PALETTE_SHADE_INDEXES),
+  green: getSpecificColorShades("green", ELEMENTS_PALETTE_SHADE_INDEXES),
+  yellow: getSpecificColorShades("yellow", ELEMENTS_PALETTE_SHADE_INDEXES),
+  orange: getSpecificColorShades("orange", ELEMENTS_PALETTE_SHADE_INDEXES),
+  // radix bronze shades 3,5,7,9,11
+  bronze: ["#f8f1ee", "#eaddd7", "#d2bab0", "#a18072", "#846358"],
+} as ColorPalette;
+
+const COMMON_ELEMENT_SHADES = pick(COLOR_PALETTE, [
+  "cyan",
+  "blue",
+  "violet",
+  "grape",
+  "pink",
+  "green",
+  "teal",
+  "yellow",
+  "orange",
+  "red",
+]);
+
+// -----------------------------------------------------------------------------
+// quick picks defaults
+// -----------------------------------------------------------------------------
+
+// ORDER matters for positioning in quick picker
+export const DEFAULT_ELEMENT_STROKE_PICKS = [
+  COLOR_PALETTE.black,
+  COLOR_PALETTE.red[DEFAULT_ELEMENT_STROKE_COLOR_INDEX],
+  COLOR_PALETTE.green[DEFAULT_ELEMENT_STROKE_COLOR_INDEX],
+  COLOR_PALETTE.blue[DEFAULT_ELEMENT_STROKE_COLOR_INDEX],
+  COLOR_PALETTE.yellow[DEFAULT_ELEMENT_STROKE_COLOR_INDEX],
+] as ColorTuple;
+
+// ORDER matters for positioning in quick picker
+export const DEFAULT_ELEMENT_BACKGROUND_PICKS = [
+  COLOR_PALETTE.transparent,
+  COLOR_PALETTE.red[DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX],
+  COLOR_PALETTE.green[DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX],
+  COLOR_PALETTE.blue[DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX],
+  COLOR_PALETTE.yellow[DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX],
+] as ColorTuple;
+
+// ORDER matters for positioning in quick picker
+export const DEFAULT_CANVAS_BACKGROUND_PICKS = [
+  COLOR_PALETTE.white,
+  // radix slate2
+  "#f8f9fa",
+  // radix blue2
+  "#f5faff",
+  // radix yellow2
+  "#fffce8",
+  // radix bronze2
+  "#fdf8f6",
+] as ColorTuple;
+
+// -----------------------------------------------------------------------------
+// palette defaults
+// -----------------------------------------------------------------------------
+
+export const DEFAULT_ELEMENT_STROKE_COLOR_PALETTE = {
+  // 1st row
+  transparent: COLOR_PALETTE.transparent,
+  white: COLOR_PALETTE.white,
+  gray: COLOR_PALETTE.gray,
+  black: COLOR_PALETTE.black,
+  bronze: COLOR_PALETTE.bronze,
+  // rest
+  ...COMMON_ELEMENT_SHADES,
+} as const;
+
+// ORDER matters for positioning in pallete (5x3 grid)s
+export const DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE = {
+  transparent: COLOR_PALETTE.transparent,
+  white: COLOR_PALETTE.white,
+  gray: COLOR_PALETTE.gray,
+  black: COLOR_PALETTE.black,
+  bronze: COLOR_PALETTE.bronze,
+
+  ...COMMON_ELEMENT_SHADES,
+} as const;
+
+// -----------------------------------------------------------------------------
+// helpers
+// -----------------------------------------------------------------------------
+
+// !!!MUST BE WITHOUT GRAY, TRANSPARENT AND BLACK!!!
+export const getAllColorsSpecificShade = (index: 0 | 1 | 2 | 3 | 4) =>
+  [
+    // 2nd row
+    COLOR_PALETTE.cyan[index],
+    COLOR_PALETTE.blue[index],
+    COLOR_PALETTE.violet[index],
+    COLOR_PALETTE.grape[index],
+    COLOR_PALETTE.pink[index],
+
+    // 3rd row
+    COLOR_PALETTE.green[index],
+    COLOR_PALETTE.teal[index],
+    COLOR_PALETTE.yellow[index],
+    COLOR_PALETTE.orange[index],
+    COLOR_PALETTE.red[index],
+  ] as const;
+
+// -----------------------------------------------------------------------------
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 752854e92..e6f961698 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -313,6 +313,7 @@ const deviceContextInitialValue = {
   isMobile: false,
   isTouchScreen: false,
   canDeviceFitSidebar: false,
+  isLandscape: false,
 };
 const DeviceContext = React.createContext<Device>(deviceContextInitialValue);
 DeviceContext.displayName = "DeviceContext";
@@ -947,6 +948,7 @@ class App extends React.Component<AppProps, AppState> {
         ? this.props.UIOptions.dockedSidebarBreakpoint
         : MQ_RIGHT_SIDEBAR_MIN_WIDTH;
     this.device = updateObject(this.device, {
+      isLandscape: width > height,
       isSmScreen: width < MQ_SM_MAX_WIDTH,
       isMobile:
         width < MQ_MAX_WIDTH_PORTRAIT ||
@@ -2323,11 +2325,11 @@ class App extends React.Component<AppProps, AppState> {
           (hasBackground(this.state.activeTool.type) ||
             selectedElements.some((element) => hasBackground(element.type)))
         ) {
-          this.setState({ openPopup: "backgroundColorPicker" });
+          this.setState({ openPopup: "elementBackground" });
           event.stopPropagation();
         }
         if (event.key === KEYS.S) {
-          this.setState({ openPopup: "strokeColorPicker" });
+          this.setState({ openPopup: "elementStroke" });
           event.stopPropagation();
         }
       }
diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
deleted file mode 100644
index cb05cf446..000000000
--- a/src/components/ColorPicker.tsx
+++ /dev/null
@@ -1,430 +0,0 @@
-import React from "react";
-import { Popover } from "./Popover";
-import { isTransparent } from "../utils";
-
-import "./ColorPicker.scss";
-import { isArrowKey, KEYS } from "../keys";
-import { t, getLanguage } from "../i18n";
-import { isWritableElement } from "../utils";
-import colors from "../colors";
-import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
-
-const MAX_CUSTOM_COLORS = 5;
-const MAX_DEFAULT_COLORS = 15;
-
-export const getCustomColors = (
-  elements: readonly ExcalidrawElement[],
-  type: "elementBackground" | "elementStroke",
-) => {
-  const customColors: string[] = [];
-  const updatedElements = elements
-    .filter((element) => !element.isDeleted)
-    .sort((ele1, ele2) => ele2.updated - ele1.updated);
-
-  let index = 0;
-  const elementColorTypeMap = {
-    elementBackground: "backgroundColor",
-    elementStroke: "strokeColor",
-  };
-  const colorType = elementColorTypeMap[type] as
-    | "backgroundColor"
-    | "strokeColor";
-  while (
-    index < updatedElements.length &&
-    customColors.length < MAX_CUSTOM_COLORS
-  ) {
-    const element = updatedElements[index];
-
-    if (
-      customColors.length < MAX_CUSTOM_COLORS &&
-      isCustomColor(element[colorType], type) &&
-      !customColors.includes(element[colorType])
-    ) {
-      customColors.push(element[colorType]);
-    }
-    index++;
-  }
-  return customColors;
-};
-
-const isCustomColor = (
-  color: string,
-  type: "elementBackground" | "elementStroke",
-) => {
-  return !colors[type].includes(color);
-};
-
-const isValidColor = (color: string) => {
-  const style = new Option().style;
-  style.color = color;
-  return !!style.color;
-};
-
-const getColor = (color: string): string | null => {
-  if (isTransparent(color)) {
-    return color;
-  }
-
-  // testing for `#` first fixes a bug on Electron (more specfically, an
-  // Obsidian popout window), where a hex color without `#` is (incorrectly)
-  // considered valid
-  return isValidColor(`#${color}`)
-    ? `#${color}`
-    : isValidColor(color)
-    ? color
-    : null;
-};
-
-// This is a narrow reimplementation of the awesome react-color Twitter component
-// https://github.com/casesandberg/react-color/blob/master/src/components/twitter/Twitter.js
-
-// Unfortunately, we can't detect keyboard layout in the browser. So this will
-// only work well for QWERTY but not AZERTY or others...
-const keyBindings = [
-  ["1", "2", "3", "4", "5"],
-  ["q", "w", "e", "r", "t"],
-  ["a", "s", "d", "f", "g"],
-  ["z", "x", "c", "v", "b"],
-].flat();
-
-const Picker = ({
-  colors,
-  color,
-  onChange,
-  onClose,
-  label,
-  showInput = true,
-  type,
-  elements,
-}: {
-  colors: string[];
-  color: string | null;
-  onChange: (color: string) => void;
-  onClose: () => void;
-  label: string;
-  showInput: boolean;
-  type: "canvasBackground" | "elementBackground" | "elementStroke";
-  elements: readonly ExcalidrawElement[];
-}) => {
-  const firstItem = React.useRef<HTMLButtonElement>();
-  const activeItem = React.useRef<HTMLButtonElement>();
-  const gallery = React.useRef<HTMLDivElement>();
-  const colorInput = React.useRef<HTMLInputElement>();
-
-  const [customColors] = React.useState(() => {
-    if (type === "canvasBackground") {
-      return [];
-    }
-    return getCustomColors(elements, type);
-  });
-
-  React.useEffect(() => {
-    // After the component is first mounted focus on first input
-    if (activeItem.current) {
-      activeItem.current.focus();
-    } else if (colorInput.current) {
-      colorInput.current.focus();
-    } else if (gallery.current) {
-      gallery.current.focus();
-    }
-  }, []);
-
-  const handleKeyDown = (event: React.KeyboardEvent) => {
-    let handled = false;
-    if (isArrowKey(event.key)) {
-      handled = true;
-      const { activeElement } = document;
-      const isRTL = getLanguage().rtl;
-      let isCustom = false;
-      let index = Array.prototype.indexOf.call(
-        gallery.current!.querySelector(".color-picker-content--default")
-          ?.children,
-        activeElement,
-      );
-      if (index === -1) {
-        index = Array.prototype.indexOf.call(
-          gallery.current!.querySelector(".color-picker-content--canvas-colors")
-            ?.children,
-          activeElement,
-        );
-        if (index !== -1) {
-          isCustom = true;
-        }
-      }
-      const parentElement = isCustom
-        ? gallery.current?.querySelector(".color-picker-content--canvas-colors")
-        : gallery.current?.querySelector(".color-picker-content--default");
-
-      if (parentElement && index !== -1) {
-        const length = parentElement.children.length - (showInput ? 1 : 0);
-        const nextIndex =
-          event.key === (isRTL ? KEYS.ARROW_LEFT : KEYS.ARROW_RIGHT)
-            ? (index + 1) % length
-            : event.key === (isRTL ? KEYS.ARROW_RIGHT : KEYS.ARROW_LEFT)
-            ? (length + index - 1) % length
-            : !isCustom && event.key === KEYS.ARROW_DOWN
-            ? (index + 5) % length
-            : !isCustom && event.key === KEYS.ARROW_UP
-            ? (length + index - 5) % length
-            : index;
-        (parentElement.children[nextIndex] as HTMLElement | undefined)?.focus();
-      }
-      event.preventDefault();
-    } else if (
-      keyBindings.includes(event.key.toLowerCase()) &&
-      !event[KEYS.CTRL_OR_CMD] &&
-      !event.altKey &&
-      !isWritableElement(event.target)
-    ) {
-      handled = true;
-      const index = keyBindings.indexOf(event.key.toLowerCase());
-      const isCustom = index >= MAX_DEFAULT_COLORS;
-      const parentElement = isCustom
-        ? gallery?.current?.querySelector(
-            ".color-picker-content--canvas-colors",
-          )
-        : gallery?.current?.querySelector(".color-picker-content--default");
-      const actualIndex = isCustom ? index - MAX_DEFAULT_COLORS : index;
-      (
-        parentElement?.children[actualIndex] as HTMLElement | undefined
-      )?.focus();
-
-      event.preventDefault();
-    } else if (event.key === KEYS.ESCAPE || event.key === KEYS.ENTER) {
-      handled = true;
-      event.preventDefault();
-      onClose();
-    }
-    if (handled) {
-      event.nativeEvent.stopImmediatePropagation();
-      event.stopPropagation();
-    }
-  };
-
-  const renderColors = (colors: Array<string>, custom: boolean = false) => {
-    return colors.map((_color, i) => {
-      const _colorWithoutHash = _color.replace("#", "");
-      const keyBinding = custom
-        ? keyBindings[i + MAX_DEFAULT_COLORS]
-        : keyBindings[i];
-      const label = custom
-        ? _colorWithoutHash
-        : t(`colors.${_colorWithoutHash}`);
-      return (
-        <button
-          className="color-picker-swatch"
-          onClick={(event) => {
-            (event.currentTarget as HTMLButtonElement).focus();
-            onChange(_color);
-          }}
-          title={`${label}${
-            !isTransparent(_color) ? ` (${_color})` : ""
-          } — ${keyBinding.toUpperCase()}`}
-          aria-label={label}
-          aria-keyshortcuts={keyBindings[i]}
-          style={{ color: _color }}
-          key={_color}
-          ref={(el) => {
-            if (!custom && el && i === 0) {
-              firstItem.current = el;
-            }
-            if (el && _color === color) {
-              activeItem.current = el;
-            }
-          }}
-          onFocus={() => {
-            onChange(_color);
-          }}
-        >
-          {isTransparent(_color) ? (
-            <div className="color-picker-transparent"></div>
-          ) : undefined}
-          <span className="color-picker-keybinding">{keyBinding}</span>
-        </button>
-      );
-    });
-  };
-
-  return (
-    <div
-      className={`color-picker color-picker-type-${type}`}
-      role="dialog"
-      aria-modal="true"
-      aria-label={t("labels.colorPicker")}
-      onKeyDown={handleKeyDown}
-    >
-      <div className="color-picker-triangle color-picker-triangle-shadow"></div>
-      <div className="color-picker-triangle"></div>
-      <div
-        className="color-picker-content"
-        ref={(el) => {
-          if (el) {
-            gallery.current = el;
-          }
-        }}
-        // to allow focusing by clicking but not by tabbing
-        tabIndex={-1}
-      >
-        <div className="color-picker-content--default">
-          {renderColors(colors)}
-        </div>
-        {!!customColors.length && (
-          <div className="color-picker-content--canvas">
-            <span className="color-picker-content--canvas-title">
-              {t("labels.canvasColors")}
-            </span>
-            <div className="color-picker-content--canvas-colors">
-              {renderColors(customColors, true)}
-            </div>
-          </div>
-        )}
-
-        {showInput && (
-          <ColorInput
-            color={color}
-            label={label}
-            onChange={(color) => {
-              onChange(color);
-            }}
-            ref={colorInput}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-const ColorInput = React.forwardRef(
-  (
-    {
-      color,
-      onChange,
-      label,
-    }: {
-      color: string | null;
-      onChange: (color: string) => void;
-      label: string;
-    },
-    ref,
-  ) => {
-    const [innerValue, setInnerValue] = React.useState(color);
-    const inputRef = React.useRef(null);
-
-    React.useEffect(() => {
-      setInnerValue(color);
-    }, [color]);
-
-    React.useImperativeHandle(ref, () => inputRef.current);
-
-    const changeColor = React.useCallback(
-      (inputValue: string) => {
-        const value = inputValue.toLowerCase();
-        const color = getColor(value);
-        if (color) {
-          onChange(color);
-        }
-        setInnerValue(value);
-      },
-      [onChange],
-    );
-
-    return (
-      <label className="color-input-container">
-        <div className="color-picker-hash">#</div>
-        <input
-          spellCheck={false}
-          className="color-picker-input"
-          aria-label={label}
-          onChange={(event) => changeColor(event.target.value)}
-          value={(innerValue || "").replace(/^#/, "")}
-          onBlur={() => setInnerValue(color)}
-          ref={inputRef}
-        />
-      </label>
-    );
-  },
-);
-
-ColorInput.displayName = "ColorInput";
-
-export const ColorPicker = ({
-  type,
-  color,
-  onChange,
-  label,
-  isActive,
-  setActive,
-  elements,
-  appState,
-}: {
-  type: "canvasBackground" | "elementBackground" | "elementStroke";
-  color: string | null;
-  onChange: (color: string) => void;
-  label: string;
-  isActive: boolean;
-  setActive: (active: boolean) => void;
-  elements: readonly ExcalidrawElement[];
-  appState: AppState;
-}) => {
-  const pickerButton = React.useRef<HTMLButtonElement>(null);
-  const coords = pickerButton.current?.getBoundingClientRect();
-
-  return (
-    <div>
-      <div className="color-picker-control-container">
-        <div className="color-picker-label-swatch-container">
-          <button
-            className="color-picker-label-swatch"
-            aria-label={label}
-            style={color ? { "--swatch-color": color } : undefined}
-            onClick={() => setActive(!isActive)}
-            ref={pickerButton}
-          />
-        </div>
-        <ColorInput
-          color={color}
-          label={label}
-          onChange={(color) => {
-            onChange(color);
-          }}
-        />
-      </div>
-      <React.Suspense fallback="">
-        {isActive ? (
-          <div
-            className="color-picker-popover-container"
-            style={{
-              position: "fixed",
-              top: coords?.top,
-              left: coords?.right,
-              zIndex: 1,
-            }}
-          >
-            <Popover
-              onCloseRequest={(event) =>
-                event.target !== pickerButton.current && setActive(false)
-              }
-            >
-              <Picker
-                colors={colors[type]}
-                color={color || null}
-                onChange={(changedColor) => {
-                  onChange(changedColor);
-                }}
-                onClose={() => {
-                  setActive(false);
-                  pickerButton.current?.focus();
-                }}
-                label={label}
-                showInput={false}
-                type={type}
-                elements={elements}
-              />
-            </Popover>
-          </div>
-        ) : null}
-      </React.Suspense>
-    </div>
-  );
-};
diff --git a/src/components/ColorPicker/ColorInput.tsx b/src/components/ColorPicker/ColorInput.tsx
new file mode 100644
index 000000000..bb9a85510
--- /dev/null
+++ b/src/components/ColorPicker/ColorInput.tsx
@@ -0,0 +1,75 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getColor } from "./ColorPicker";
+import { useAtom } from "jotai";
+import { activeColorPickerSectionAtom } from "./colorPickerUtils";
+import { KEYS } from "../../keys";
+
+interface ColorInputProps {
+  color: string | null;
+  onChange: (color: string) => void;
+  label: string;
+}
+
+export const ColorInput = ({ color, onChange, label }: ColorInputProps) => {
+  const [innerValue, setInnerValue] = useState(color);
+  const [activeSection, setActiveColorPickerSection] = useAtom(
+    activeColorPickerSectionAtom,
+  );
+
+  useEffect(() => {
+    setInnerValue(color);
+  }, [color]);
+
+  const changeColor = useCallback(
+    (inputValue: string) => {
+      const value = inputValue.toLowerCase();
+      const color = getColor(value);
+
+      if (color) {
+        onChange(color);
+      }
+      setInnerValue(value);
+    },
+    [onChange],
+  );
+
+  const inputRef = useRef<HTMLInputElement>(null);
+  const divRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [activeSection]);
+
+  return (
+    <label className="color-picker__input-label">
+      <div className="color-picker__input-hash">#</div>
+      <input
+        ref={activeSection === "hex" ? inputRef : undefined}
+        style={{ border: 0, padding: 0 }}
+        spellCheck={false}
+        className="color-picker-input"
+        aria-label={label}
+        onChange={(event) => {
+          changeColor(event.target.value);
+        }}
+        value={(innerValue || "").replace(/^#/, "")}
+        onBlur={() => {
+          setInnerValue(color);
+        }}
+        tabIndex={-1}
+        onFocus={() => setActiveColorPickerSection("hex")}
+        onKeyDown={(e) => {
+          if (e.key === KEYS.TAB) {
+            return;
+          }
+          if (e.key === KEYS.ESCAPE) {
+            divRef.current?.focus();
+          }
+          e.stopPropagation();
+        }}
+      />
+    </label>
+  );
+};
diff --git a/src/components/ColorPicker.scss b/src/components/ColorPicker/ColorPicker.scss
similarity index 63%
rename from src/components/ColorPicker.scss
rename to src/components/ColorPicker/ColorPicker.scss
index b816b2553..bc7146b6b 100644
--- a/src/components/ColorPicker.scss
+++ b/src/components/ColorPicker/ColorPicker.scss
@@ -1,6 +1,134 @@
-@import "../css/variables.module";
+@import "../../css/variables.module";
 
 .excalidraw {
+  .focus-visible-none {
+    &:focus-visible {
+      outline: none !important;
+    }
+  }
+
+  .color-picker__heading {
+    padding: 0 0.5rem;
+    font-size: 0.75rem;
+    text-align: left;
+  }
+
+  .color-picker-container {
+    display: grid;
+    grid-template-columns: 1fr 20px 1.625rem;
+    padding: 0.25rem 0px;
+    align-items: center;
+
+    @include isMobile {
+      max-width: 175px;
+    }
+  }
+
+  .color-picker__top-picks {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .color-picker__button {
+    --radius: 0.25rem;
+
+    padding: 0;
+    margin: 0;
+    width: 1.35rem;
+    height: 1.35rem;
+    border: 1px solid var(--color-gray-30);
+    border-radius: var(--radius);
+    filter: var(--theme-filter);
+    background-color: var(--swatch-color);
+    background-position: left center;
+    position: relative;
+    font-family: inherit;
+    box-sizing: border-box;
+
+    &:hover {
+      &::after {
+        content: "";
+        position: absolute;
+        top: -2px;
+        left: -2px;
+        right: -2px;
+        bottom: -2px;
+        box-shadow: 0 0 0 1px var(--color-gray-30);
+        border-radius: calc(var(--radius) + 1px);
+        filter: var(--theme-filter);
+      }
+    }
+
+    &.active {
+      .color-picker__button-outline {
+        position: absolute;
+        top: -2px;
+        left: -2px;
+        right: -2px;
+        bottom: -2px;
+        box-shadow: 0 0 0 1px var(--color-primary-darkest);
+        z-index: 1; // due hover state so this has preference
+        border-radius: calc(var(--radius) + 1px);
+        filter: var(--theme-filter);
+      }
+    }
+
+    &:focus-visible {
+      outline: none;
+
+      &::after {
+        content: "";
+        position: absolute;
+        top: -4px;
+        right: -4px;
+        bottom: -4px;
+        left: -4px;
+        border: 3px solid var(--focus-highlight-color);
+        border-radius: calc(var(--radius) + 1px);
+      }
+
+      &.active {
+        .color-picker__button-outline {
+          display: none;
+        }
+      }
+    }
+
+    &--large {
+      --radius: 0.5rem;
+      width: 1.875rem;
+      height: 1.875rem;
+    }
+
+    &.is-transparent {
+      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==");
+    }
+
+    &--no-focus-visible {
+      border: 0;
+      &::after {
+        display: none;
+      }
+      &:focus-visible {
+        outline: none !important;
+      }
+    }
+
+    &.active-color {
+      border-radius: calc(var(--radius) + 1px);
+      width: 1.625rem;
+      height: 1.625rem;
+    }
+  }
+
+  .color-picker__button__hotkey-label {
+    position: absolute;
+    right: 4px;
+    bottom: 4px;
+    filter: none;
+    font-size: 11px;
+  }
+
   .color-picker {
     background: var(--popup-bg-color);
     border: 0 solid transparentize($oc-white, 0.75);
@@ -72,11 +200,17 @@
     }
   }
 
+  .color-picker-content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
   .color-picker-content--default {
     padding: 0.5rem;
     display: grid;
-    grid-template-columns: repeat(5, auto);
-    grid-gap: 0.5rem;
+    grid-template-columns: repeat(5, 1.875rem);
+    grid-gap: 0.25rem;
     border-radius: 4px;
 
     &:focus {
@@ -178,6 +312,27 @@
     }
   }
 
+  .color-picker__input-label {
+    display: grid;
+    grid-template-columns: auto 1fr auto auto;
+    gap: 8px;
+    align-items: center;
+    border: 1px solid var(--default-border-color);
+    border-radius: 8px;
+    padding: 0 12px;
+    margin: 8px;
+    box-sizing: border-box;
+
+    &:focus-within {
+      box-shadow: 0 0 0 1px var(--color-primary-darkest);
+      border-radius: var(--border-radius-lg);
+    }
+  }
+
+  .color-picker__input-hash {
+    padding: 0 0.25rem;
+  }
+
   .color-picker-input {
     box-sizing: border-box;
     width: 100%;
diff --git a/src/components/ColorPicker/ColorPicker.tsx b/src/components/ColorPicker/ColorPicker.tsx
new file mode 100644
index 000000000..25ac7c1a8
--- /dev/null
+++ b/src/components/ColorPicker/ColorPicker.tsx
@@ -0,0 +1,235 @@
+import { isTransparent } from "../../utils";
+import { ExcalidrawElement } from "../../element/types";
+import { AppState } from "../../types";
+import { TopPicks } from "./TopPicks";
+import { Picker } from "./Picker";
+import * as Popover from "@radix-ui/react-popover";
+import { useAtom } from "jotai";
+import {
+  activeColorPickerSectionAtom,
+  ColorPickerType,
+} from "./colorPickerUtils";
+import { useDevice, useExcalidrawContainer } from "../App";
+import { ColorTuple, COLOR_PALETTE, ColorPaletteCustom } from "../../colors";
+import PickerHeading from "./PickerHeading";
+import { ColorInput } from "./ColorInput";
+import { t } from "../../i18n";
+import clsx from "clsx";
+
+import "./ColorPicker.scss";
+import React from "react";
+
+const isValidColor = (color: string) => {
+  const style = new Option().style;
+  style.color = color;
+  return !!style.color;
+};
+
+export const getColor = (color: string): string | null => {
+  if (isTransparent(color)) {
+    return color;
+  }
+
+  // testing for `#` first fixes a bug on Electron (more specfically, an
+  // Obsidian popout window), where a hex color without `#` is (incorrectly)
+  // considered valid
+  return isValidColor(`#${color}`)
+    ? `#${color}`
+    : isValidColor(color)
+    ? color
+    : null;
+};
+
+export interface ColorPickerProps {
+  type: ColorPickerType;
+  color: string | null;
+  onChange: (color: string) => void;
+  label: string;
+  elements: readonly ExcalidrawElement[];
+  appState: AppState;
+  palette?: ColorPaletteCustom | null;
+  topPicks?: ColorTuple;
+  updateData: (formData?: any) => void;
+}
+
+const ColorPickerPopupContent = ({
+  type,
+  color,
+  onChange,
+  label,
+  elements,
+  palette = COLOR_PALETTE,
+  updateData,
+}: Pick<
+  ColorPickerProps,
+  | "type"
+  | "color"
+  | "onChange"
+  | "label"
+  | "label"
+  | "elements"
+  | "palette"
+  | "updateData"
+>) => {
+  const [, setActiveColorPickerSection] = useAtom(activeColorPickerSectionAtom);
+
+  const { container } = useExcalidrawContainer();
+  const { isMobile, isLandscape } = useDevice();
+
+  const colorInputJSX = (
+    <div>
+      <PickerHeading>{t("colorPicker.hexCode")}</PickerHeading>
+      <ColorInput
+        color={color}
+        label={label}
+        onChange={(color) => {
+          onChange(color);
+        }}
+      />
+    </div>
+  );
+
+  return (
+    <Popover.Portal container={container}>
+      <Popover.Content
+        className="focus-visible-none"
+        data-prevent-outside-click
+        onCloseAutoFocus={(e) => {
+          // return focus to excalidraw container
+          if (container) {
+            container.focus();
+          }
+
+          e.preventDefault();
+          e.stopPropagation();
+
+          setActiveColorPickerSection(null);
+        }}
+        side={isMobile && !isLandscape ? "bottom" : "right"}
+        align={isMobile && !isLandscape ? "center" : "start"}
+        alignOffset={-16}
+        sideOffset={20}
+        style={{
+          zIndex: 9999,
+          backgroundColor: "var(--popup-bg-color)",
+          maxWidth: "208px",
+          maxHeight: window.innerHeight,
+          padding: "12px",
+          borderRadius: "8px",
+          boxSizing: "border-box",
+          overflowY: "auto",
+          boxShadow:
+            "0px 7px 14px rgba(0, 0, 0, 0.05), 0px 0px 3.12708px rgba(0, 0, 0, 0.0798), 0px 0px 0.931014px rgba(0, 0, 0, 0.1702)",
+        }}
+      >
+        {palette ? (
+          <Picker
+            palette={palette}
+            color={color || null}
+            onChange={(changedColor) => {
+              onChange(changedColor);
+            }}
+            label={label}
+            type={type}
+            elements={elements}
+            updateData={updateData}
+          >
+            {colorInputJSX}
+          </Picker>
+        ) : (
+          colorInputJSX
+        )}
+        <Popover.Arrow
+          width={20}
+          height={10}
+          style={{
+            fill: "var(--popup-bg-color)",
+            filter: "drop-shadow(rgba(0, 0, 0, 0.05) 0px 3px 2px)",
+          }}
+        />
+      </Popover.Content>
+    </Popover.Portal>
+  );
+};
+
+const ColorPickerTrigger = ({
+  label,
+  color,
+  type,
+}: {
+  color: string | null;
+  label: string;
+  type: ColorPickerType;
+}) => {
+  return (
+    <Popover.Trigger
+      type="button"
+      className={clsx("color-picker__button active-color", {
+        "is-transparent": color === "transparent" || !color,
+      })}
+      aria-label={label}
+      style={color ? { "--swatch-color": color } : undefined}
+      title={
+        type === "elementStroke"
+          ? t("labels.showStroke")
+          : t("labels.showBackground")
+      }
+    >
+      <div className="color-picker__button-outline" />
+    </Popover.Trigger>
+  );
+};
+
+export const ColorPicker = ({
+  type,
+  color,
+  onChange,
+  label,
+  elements,
+  palette = COLOR_PALETTE,
+  topPicks,
+  updateData,
+  appState,
+}: ColorPickerProps) => {
+  return (
+    <div>
+      <div role="dialog" aria-modal="true" className="color-picker-container">
+        <TopPicks
+          activeColor={color}
+          onChange={onChange}
+          type={type}
+          topPicks={topPicks}
+        />
+        <div
+          style={{
+            width: 1,
+            height: "100%",
+            backgroundColor: "var(--default-border-color)",
+            margin: "0 auto",
+          }}
+        />
+        <Popover.Root
+          open={appState.openPopup === type}
+          onOpenChange={(open) => {
+            updateData({ openPopup: open ? type : null });
+          }}
+        >
+          {/* serves as an active color indicator as well */}
+          <ColorPickerTrigger color={color} label={label} type={type} />
+          {/* popup content */}
+          {appState.openPopup === type && (
+            <ColorPickerPopupContent
+              type={type}
+              color={color}
+              onChange={onChange}
+              label={label}
+              elements={elements}
+              palette={palette}
+              updateData={updateData}
+            />
+          )}
+        </Popover.Root>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/ColorPicker/CustomColorList.tsx b/src/components/ColorPicker/CustomColorList.tsx
new file mode 100644
index 000000000..f606482b8
--- /dev/null
+++ b/src/components/ColorPicker/CustomColorList.tsx
@@ -0,0 +1,63 @@
+import clsx from "clsx";
+import { useAtom } from "jotai";
+import { useEffect, useRef } from "react";
+import { activeColorPickerSectionAtom } from "./colorPickerUtils";
+import HotkeyLabel from "./HotkeyLabel";
+
+interface CustomColorListProps {
+  colors: string[];
+  color: string | null;
+  onChange: (color: string) => void;
+  label: string;
+}
+
+export const CustomColorList = ({
+  colors,
+  color,
+  onChange,
+  label,
+}: CustomColorListProps) => {
+  const [activeColorPickerSection, setActiveColorPickerSection] = useAtom(
+    activeColorPickerSectionAtom,
+  );
+
+  const btnRef = useRef<HTMLButtonElement>(null);
+
+  useEffect(() => {
+    if (btnRef.current) {
+      btnRef.current.focus();
+    }
+  }, [color, activeColorPickerSection]);
+
+  return (
+    <div className="color-picker-content--default">
+      {colors.map((c, i) => {
+        return (
+          <button
+            ref={color === c ? btnRef : undefined}
+            tabIndex={-1}
+            type="button"
+            className={clsx(
+              "color-picker__button color-picker__button--large",
+              {
+                active: color === c,
+                "is-transparent": c === "transparent" || !c,
+              },
+            )}
+            onClick={() => {
+              onChange(c);
+              setActiveColorPickerSection("custom");
+            }}
+            title={c}
+            aria-label={label}
+            style={{ "--swatch-color": c }}
+            key={i}
+          >
+            <div className="color-picker__button-outline" />
+            <HotkeyLabel color={c} keyLabel={i + 1} isCustomColor />
+          </button>
+        );
+      })}
+    </div>
+  );
+};
diff --git a/src/components/ColorPicker/HotkeyLabel.tsx b/src/components/ColorPicker/HotkeyLabel.tsx
new file mode 100644
index 000000000..145060d19
--- /dev/null
+++ b/src/components/ColorPicker/HotkeyLabel.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { getContrastYIQ } from "./colorPickerUtils";
+
+interface HotkeyLabelProps {
+  color: string;
+  keyLabel: string | number;
+  isCustomColor?: boolean;
+  isShade?: boolean;
+}
+const HotkeyLabel = ({
+  color,
+  keyLabel,
+  isCustomColor = false,
+  isShade = false,
+}: HotkeyLabelProps) => {
+  return (
+    <div
+      className="color-picker__button__hotkey-label"
+      style={{
+        color: getContrastYIQ(color, isCustomColor),
+      }}
+    >
+      {isShade && "⇧"}
+      {keyLabel}
+    </div>
+  );
+};
+
+export default HotkeyLabel;
diff --git a/src/components/ColorPicker/Picker.tsx b/src/components/ColorPicker/Picker.tsx
new file mode 100644
index 000000000..be6410e13
--- /dev/null
+++ b/src/components/ColorPicker/Picker.tsx
@@ -0,0 +1,156 @@
+import React, { useEffect, useState } from "react";
+import { t } from "../../i18n";
+
+import { ExcalidrawElement } from "../../element/types";
+import { ShadeList } from "./ShadeList";
+
+import PickerColorList from "./PickerColorList";
+import { useAtom } from "jotai";
+import { CustomColorList } from "./CustomColorList";
+import { colorPickerKeyNavHandler } from "./keyboardNavHandlers";
+import PickerHeading from "./PickerHeading";
+import {
+  ColorPickerType,
+  activeColorPickerSectionAtom,
+  getColorNameAndShadeFromHex,
+  getMostUsedCustomColors,
+  isCustomColor,
+} from "./colorPickerUtils";
+import {
+  ColorPaletteCustom,
+  DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
+  DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
+} from "../../colors";
+
+interface PickerProps {
+  color: string | null;
+  onChange: (color: string) => void;
+  label: string;
+  type: ColorPickerType;
+  elements: readonly ExcalidrawElement[];
+  palette: ColorPaletteCustom;
+  updateData: (formData?: any) => void;
+  children?: React.ReactNode;
+}
+
+export const Picker = ({
+  color,
+  onChange,
+  label,
+  type,
+  elements,
+  palette,
+  updateData,
+  children,
+}: PickerProps) => {
+  const [customColors] = React.useState(() => {
+    if (type === "canvasBackground") {
+      return [];
+    }
+    return getMostUsedCustomColors(elements, type, palette);
+  });
+
+  const [activeColorPickerSection, setActiveColorPickerSection] = useAtom(
+    activeColorPickerSectionAtom,
+  );
+
+  const colorObj = getColorNameAndShadeFromHex({
+    hex: color || "transparent",
+    palette,
+  });
+
+  useEffect(() => {
+    if (!activeColorPickerSection) {
+      const isCustom = isCustomColor({ color, palette });
+      const isCustomButNotInList =
+        isCustom && !customColors.includes(color || "");
+
+      setActiveColorPickerSection(
+        isCustomButNotInList
+          ? "hex"
+          : isCustom
+          ? "custom"
+          : colorObj?.shade != null
+          ? "shades"
+          : "baseColors",
+      );
+    }
+  }, [
+    activeColorPickerSection,
+    color,
+    palette,
+    setActiveColorPickerSection,
+    colorObj,
+    customColors,
+  ]);
+
+  const [activeShade, setActiveShade] = useState(
+    colorObj?.shade ??
+      (type === "elementBackground"
+        ? DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX
+        : DEFAULT_ELEMENT_STROKE_COLOR_INDEX),
+  );
+
+  useEffect(() => {
+    if (colorObj?.shade != null) {
+      setActiveShade(colorObj.shade);
+    }
+  }, [colorObj]);
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={t("labels.colorPicker")}>
+      <div
+        onKeyDown={(e) => {
+          e.preventDefault();
+          e.stopPropagation();
+
+          colorPickerKeyNavHandler({
+            e,
+            activeColorPickerSection,
+            palette,
+            hex: color,
+            onChange,
+            customColors,
+            setActiveColorPickerSection,
+            updateData,
+            activeShade,
+          });
+        }}
+        className="color-picker-content"
+        // to allow focusing by clicking but not by tabbing
+        tabIndex={-1}
+      >
+        {!!customColors.length && (
+          <div>
+            <PickerHeading>
+              {t("colorPicker.mostUsedCustomColors")}
+            </PickerHeading>
+            <CustomColorList
+              colors={customColors}
+              color={color}
+              label={t("colorPicker.mostUsedCustomColors")}
+              onChange={onChange}
+            />
+          </div>
+        )}
+
+        <div>
+          <PickerHeading>{t("colorPicker.colors")}</PickerHeading>
+          <PickerColorList
+            color={color}
+            label={label}
+            palette={palette}
+            onChange={onChange}
+            activeShade={activeShade}
+          />
+        </div>
+
+        <div>
+          <PickerHeading>{t("colorPicker.shades")}</PickerHeading>
+          <ShadeList hex={color} onChange={onChange} palette={palette} />
+        </div>
+        {children}
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/ColorPicker/PickerColorList.tsx b/src/components/ColorPicker/PickerColorList.tsx
new file mode 100644
index 000000000..bd2d2bfcf
--- /dev/null
+++ b/src/components/ColorPicker/PickerColorList.tsx
@@ -0,0 +1,86 @@
+import clsx from "clsx";
+import { useAtom } from "jotai";
+import { useEffect, useRef } from "react";
+import {
+  activeColorPickerSectionAtom,
+  colorPickerHotkeyBindings,
+  getColorNameAndShadeFromHex,
+} from "./colorPickerUtils";
+import HotkeyLabel from "./HotkeyLabel";
+import { ColorPaletteCustom } from "../../colors";
+import { t } from "../../i18n";
+
+interface PickerColorListProps {
+  palette: ColorPaletteCustom;
+  color: string | null;
+  onChange: (color: string) => void;
+  label: string;
+  activeShade: number;
+}
+
+const PickerColorList = ({
+  palette,
+  color,
+  onChange,
+  label,
+  activeShade,
+}: PickerColorListProps) => {
+  const colorObj = getColorNameAndShadeFromHex({
+    hex: color || "transparent",
+    palette,
+  });
+  const [activeColorPickerSection, setActiveColorPickerSection] = useAtom(
+    activeColorPickerSectionAtom,
+  );
+
+  const btnRef = useRef<HTMLButtonElement>(null);
+
+  useEffect(() => {
+    if (btnRef.current && activeColorPickerSection === "baseColors") {
+      btnRef.current.focus();
+    }
+  }, [colorObj?.colorName, activeColorPickerSection]);
+
+  return (
+    <div className="color-picker-content--default">
+      {Object.entries(palette).map(([key, value], index) => {
+        const color =
+          (Array.isArray(value) ? value[activeShade] : value) || "transparent";
+
+        const keybinding = colorPickerHotkeyBindings[index];
+        const label = t(`colors.${key.replace(/\d+/, "")}`, null, "");
+
+        return (
+          <button
+            ref={colorObj?.colorName === key ? btnRef : undefined}
+            tabIndex={-1}
+            type="button"
+            className={clsx(
+              "color-picker__button color-picker__button--large",
+              {
+                active: colorObj?.colorName === key,
+                "is-transparent": color === "transparent" || !color,
+              },
+            )}
+            onClick={() => {
+              onChange(color);
+              setActiveColorPickerSection("baseColors");
+            }}
+            title={`${label}${
+              color.startsWith("#") ? ` ${color}` : ""
+            } — ${keybinding}`}
+            aria-label={`${label} — ${keybinding}`}
+            style={color ? { "--swatch-color": color } : undefined}
+            data-testid={`color-${key}`}
+            key={key}
+          >
+            <div className="color-picker__button-outline" />
+            <HotkeyLabel color={color} keyLabel={keybinding} />
+          </button>
+        );
+      })}
+    </div>
+  );
+};
+
+export default PickerColorList;
diff --git a/src/components/ColorPicker/PickerHeading.tsx b/src/components/ColorPicker/PickerHeading.tsx
new file mode 100644
index 000000000..043731366
--- /dev/null
+++ b/src/components/ColorPicker/PickerHeading.tsx
@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+
+const PickerHeading = ({ children }: { children: ReactNode }) => (
+  <div className="color-picker__heading">{children}</div>
+);
+
+export default PickerHeading;
diff --git a/src/components/ColorPicker/ShadeList.tsx b/src/components/ColorPicker/ShadeList.tsx
new file mode 100644
index 000000000..96c353e3d
--- /dev/null
+++ b/src/components/ColorPicker/ShadeList.tsx
@@ -0,0 +1,105 @@
+import clsx from "clsx";
+import { useAtom } from "jotai";
+import { useEffect, useRef } from "react";
+import {
+  activeColorPickerSectionAtom,
+  getColorNameAndShadeFromHex,
+} from "./colorPickerUtils";
+import HotkeyLabel from "./HotkeyLabel";
+import { t } from "../../i18n";
+import { ColorPaletteCustom } from "../../colors";
+
+interface ShadeListProps {
+  hex: string | null;
+  onChange: (color: string) => void;
+  palette: ColorPaletteCustom;
+}
+
+export const ShadeList = ({ hex, onChange, palette }: ShadeListProps) => {
+  const colorObj = getColorNameAndShadeFromHex({
+    hex: hex || "transparent",
+    palette,
+  });
+
+  const [activeColorPickerSection, setActiveColorPickerSection] = useAtom(
+    activeColorPickerSectionAtom,
+  );
+
+  const btnRef = useRef<HTMLButtonElement>(null);
+
+  useEffect(() => {
+    if (btnRef.current && activeColorPickerSection === "shades") {
+      btnRef.current.focus();
+    }
+  }, [colorObj, activeColorPickerSection]);
+
+  if (colorObj) {
+    const { colorName, shade } = colorObj;
+
+    const shades = palette[colorName];
+
+    if (Array.isArray(shades)) {
+      return (
+        <div className="color-picker-content--default shades">
+          {shades.map((color, i) => (
+            <button
+              ref={
+                i === shade && activeColorPickerSection === "shades"
+                  ? btnRef
+                  : undefined
+              }
+              tabIndex={-1}
+              key={i}
+              type="button"
+              className={clsx(
+                "color-picker__button color-picker__button--large",
+                { active: i === shade },
+              )}
+              aria-label="Shade"
+              title={`${colorName} - ${i + 1}`}
+              style={color ? { "--swatch-color": color } : undefined}
+              onClick={() => {
+                onChange(color);
+                setActiveColorPickerSection("shades");
+              }}
+            >
+              <div className="color-picker__button-outline" />
+              <HotkeyLabel color={color} keyLabel={i + 1} isShade />
+            </button>
+          ))}
+        </div>
+      );
+    }
+  }
+
+  return (
+    <div
+      className="color-picker-content--default"
+      style={{ position: "relative" }}
+      tabIndex={-1}
+    >
+      <button
+        type="button"
+        tabIndex={-1}
+        className="color-picker__button color-picker__button--large color-picker__button--no-focus-visible"
+      />
+      <div
+        tabIndex={-1}
+        style={{
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          textAlign: "center",
+          fontSize: "0.75rem",
+        }}
+      >
+        {t("colorPicker.noShades")}
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/ColorPicker/TopPicks.tsx b/src/components/ColorPicker/TopPicks.tsx
new file mode 100644
index 000000000..3345632eb
--- /dev/null
+++ b/src/components/ColorPicker/TopPicks.tsx
@@ -0,0 +1,64 @@
+import clsx from "clsx";
+import { ColorPickerType } from "./colorPickerUtils";
+import {
+  DEFAULT_CANVAS_BACKGROUND_PICKS,
+  DEFAULT_ELEMENT_BACKGROUND_PICKS,
+  DEFAULT_ELEMENT_STROKE_PICKS,
+} from "../../colors";
+
+interface TopPicksProps {
+  onChange: (color: string) => void;
+  type: ColorPickerType;
+  activeColor: string | null;
+  topPicks?: readonly string[];
+}
+
+export const TopPicks = ({
+  onChange,
+  type,
+  activeColor,
+  topPicks,
+}: TopPicksProps) => {
+  let colors;
+  if (type === "elementStroke") {
+    colors = DEFAULT_ELEMENT_STROKE_PICKS;
+  }
+
+  if (type === "elementBackground") {
+    colors = DEFAULT_ELEMENT_BACKGROUND_PICKS;
+  }
+
+  if (type === "canvasBackground") {
+    colors = DEFAULT_CANVAS_BACKGROUND_PICKS;
+  }
+
+  // this one can overwrite defaults
+  if (topPicks) {
+    colors = topPicks;
+  }
+
+  if (!colors) {
+    console.error("Invalid type for TopPicks");
+    return null;
+  }
+
+  return (
+    <div className="color-picker__top-picks">
+      {colors.map((color: string) => (
+        <button
+          className={clsx("color-picker__button", {
+            active: color === activeColor,
+            "is-transparent": color === "transparent" || !color,
+          })}
+          style={{ "--swatch-color": color }}
+          key={color}
+          type="button"
+          title={color}
+          onClick={() => onChange(color)}
+        >
+          <div className="color-picker__button-outline" />
+        </button>
+      ))}
+    </div>
+  );
+};
diff --git a/src/components/ColorPicker/colorPickerUtils.ts b/src/components/ColorPicker/colorPickerUtils.ts
new file mode 100644
index 000000000..4c4075b2a
--- /dev/null
+++ b/src/components/ColorPicker/colorPickerUtils.ts
@@ -0,0 +1,139 @@
+import { ExcalidrawElement } from "../../element/types";
+import { atom } from "jotai";
+import {
+  ColorPickerColor,
+  ColorPaletteCustom,
+  MAX_CUSTOM_COLORS_USED_IN_CANVAS,
+} from "../../colors";
+
+export const getColorNameAndShadeFromHex = ({
+  palette,
+  hex,
+}: {
+  palette: ColorPaletteCustom;
+  hex: string;
+}): {
+  colorName: ColorPickerColor;
+  shade: number | null;
+} | null => {
+  for (const [colorName, colorVal] of Object.entries(palette)) {
+    if (Array.isArray(colorVal)) {
+      const shade = colorVal.indexOf(hex);
+      if (shade > -1) {
+        return { colorName: colorName as ColorPickerColor, shade };
+      }
+    } else if (colorVal === hex) {
+      return { colorName: colorName as ColorPickerColor, shade: null };
+    }
+  }
+  return null;
+};
+
+export const colorPickerHotkeyBindings = [
+  ["q", "w", "e", "r", "t"],
+  ["a", "s", "d", "f", "g"],
+  ["z", "x", "c", "v", "b"],
+].flat();
+
+export const isCustomColor = ({
+  color,
+  palette,
+}: {
+  color: string | null;
+  palette: ColorPaletteCustom;
+}) => {
+  if (!color) {
+    return false;
+  }
+  const paletteValues = Object.values(palette).flat();
+  return !paletteValues.includes(color);
+};
+
+export const getMostUsedCustomColors = (
+  elements: readonly ExcalidrawElement[],
+  type: "elementBackground" | "elementStroke",
+  palette: ColorPaletteCustom,
+) => {
+  const elementColorTypeMap = {
+    elementBackground: "backgroundColor",
+    elementStroke: "strokeColor",
+  };
+
+  const colors = elements.filter((element) => {
+    if (element.isDeleted) {
+      return false;
+    }
+
+    const color =
+      element[elementColorTypeMap[type] as "backgroundColor" | "strokeColor"];
+
+    return isCustomColor({ color, palette });
+  });
+
+  const colorCountMap = new Map<string, number>();
+  colors.forEach((element) => {
+    const color =
+      element[elementColorTypeMap[type] as "backgroundColor" | "strokeColor"];
+    if (colorCountMap.has(color)) {
+      colorCountMap.set(color, colorCountMap.get(color)! + 1);
+    } else {
+      colorCountMap.set(color, 1);
+    }
+  });
+
+  return [...colorCountMap.entries()]
+    .sort((a, b) => b[1] - a[1])
+    .map((c) => c[0])
+    .slice(0, MAX_CUSTOM_COLORS_USED_IN_CANVAS);
+};
+
+export type ActiveColorPickerSectionAtomType =
+  | "custom"
+  | "baseColors"
+  | "shades"
+  | "hex"
+  | null;
+export const activeColorPickerSectionAtom =
+  atom<ActiveColorPickerSectionAtomType>(null);
+
+const calculateContrast = (r: number, g: number, b: number) => {
+  const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+  return yiq >= 160 ? "black" : "white";
+};
+
+// inspiration from https://stackoverflow.com/a/11868398
+export const getContrastYIQ = (bgHex: string, isCustomColor: boolean) => {
+  if (isCustomColor) {
+    const style = new Option().style;
+    style.color = bgHex;
+
+    if (style.color) {
+      const rgb = style.color
+        .replace(/^(rgb|rgba)\(/, "")
+        .replace(/\)$/, "")
+        .replace(/\s/g, "")
+        .split(",");
+      const r = parseInt(rgb[0]);
+      const g = parseInt(rgb[1]);
+      const b = parseInt(rgb[2]);
+
+      return calculateContrast(r, g, b);
+    }
+  }
+
+  // TODO: ? is this wanted?
+  if (bgHex === "transparent") {
+    return "black";
+  }
+
+  const r = parseInt(bgHex.substring(1, 3), 16);
+  const g = parseInt(bgHex.substring(3, 5), 16);
+  const b = parseInt(bgHex.substring(5, 7), 16);
+
+  return calculateContrast(r, g, b);
+};
+
+export type ColorPickerType =
+  | "canvasBackground"
+  | "elementBackground"
+  | "elementStroke";
diff --git a/src/components/ColorPicker/keyboardNavHandlers.ts b/src/components/ColorPicker/keyboardNavHandlers.ts
new file mode 100644
index 000000000..4ed539cee
--- /dev/null
+++ b/src/components/ColorPicker/keyboardNavHandlers.ts
@@ -0,0 +1,249 @@
+import {
+  ColorPickerColor,
+  ColorPalette,
+  ColorPaletteCustom,
+  COLORS_PER_ROW,
+  COLOR_PALETTE,
+} from "../../colors";
+import { KEYS } from "../../keys";
+import { ValueOf } from "../../utility-types";
+import {
+  ActiveColorPickerSectionAtomType,
+  colorPickerHotkeyBindings,
+  getColorNameAndShadeFromHex,
+} from "./colorPickerUtils";
+
+const arrowHandler = (
+  eventKey: string,
+  currentIndex: number | null,
+  length: number,
+) => {
+  const rows = Math.ceil(length / COLORS_PER_ROW);
+
+  currentIndex = currentIndex ?? -1;
+
+  switch (eventKey) {
+    case "ArrowLeft": {
+      const prevIndex = currentIndex - 1;
+      return prevIndex < 0 ? length - 1 : prevIndex;
+    }
+    case "ArrowRight": {
+      return (currentIndex + 1) % length;
+    }
+    case "ArrowDown": {
+      const nextIndex = currentIndex + COLORS_PER_ROW;
+      return nextIndex >= length ? currentIndex % COLORS_PER_ROW : nextIndex;
+    }
+    case "ArrowUp": {
+      const prevIndex = currentIndex - COLORS_PER_ROW;
+      const newIndex =
+        prevIndex < 0 ? COLORS_PER_ROW * rows + prevIndex : prevIndex;
+      return newIndex >= length ? undefined : newIndex;
+    }
+  }
+};
+
+interface HotkeyHandlerProps {
+  e: React.KeyboardEvent;
+  colorObj: { colorName: ColorPickerColor; shade: number | null } | null;
+  onChange: (color: string) => void;
+  palette: ColorPaletteCustom;
+  customColors: string[];
+  setActiveColorPickerSection: (
+    update: React.SetStateAction<ActiveColorPickerSectionAtomType>,
+  ) => void;
+  activeShade: number;
+}
+
+const hotkeyHandler = ({
+  e,
+  colorObj,
+  onChange,
+  palette,
+  customColors,
+  setActiveColorPickerSection,
+  activeShade,
+}: HotkeyHandlerProps) => {
+  if (colorObj?.shade != null) {
+    // shift + numpad is extremely messed up on windows apparently
+    if (
+      ["Digit1", "Digit2", "Digit3", "Digit4", "Digit5"].includes(e.code) &&
+      e.shiftKey
+    ) {
+      const newShade = Number(e.code.slice(-1)) - 1;
+      onChange(palette[colorObj.colorName][newShade]);
+      setActiveColorPickerSection("shades");
+    }
+  }
+
+  if (["1", "2", "3", "4", "5"].includes(e.key)) {
+    const c = customColors[Number(e.key) - 1];
+    if (c) {
+      onChange(customColors[Number(e.key) - 1]);
+      setActiveColorPickerSection("custom");
+    }
+  }
+
+  if (colorPickerHotkeyBindings.includes(e.key)) {
+    const index = colorPickerHotkeyBindings.indexOf(e.key);
+    const paletteKey = Object.keys(palette)[index] as keyof ColorPalette;
+    const paletteValue = palette[paletteKey];
+    const r = Array.isArray(paletteValue)
+      ? paletteValue[activeShade]
+      : paletteValue;
+    onChange(r);
+    setActiveColorPickerSection("baseColors");
+  }
+};
+
+interface ColorPickerKeyNavHandlerProps {
+  e: React.KeyboardEvent;
+  activeColorPickerSection: ActiveColorPickerSectionAtomType;
+  palette: ColorPaletteCustom;
+  hex: string | null;
+  onChange: (color: string) => void;
+  customColors: string[];
+  setActiveColorPickerSection: (
+    update: React.SetStateAction<ActiveColorPickerSectionAtomType>,
+  ) => void;
+  updateData: (formData?: any) => void;
+  activeShade: number;
+}
+
+export const colorPickerKeyNavHandler = ({
+  e,
+  activeColorPickerSection,
+  palette,
+  hex,
+  onChange,
+  customColors,
+  setActiveColorPickerSection,
+  updateData,
+  activeShade,
+}: ColorPickerKeyNavHandlerProps) => {
+  if (e.key === KEYS.ESCAPE || !hex) {
+    updateData({ openPopup: null });
+    return;
+  }
+
+  const colorObj = getColorNameAndShadeFromHex({ hex, palette });
+
+  if (e.key === KEYS.TAB) {
+    const sectionsMap: Record<
+      NonNullable<ActiveColorPickerSectionAtomType>,
+      boolean
+    > = {
+      custom: !!customColors.length,
+      baseColors: true,
+      shades: colorObj?.shade != null,
+      hex: true,
+    };
+
+    const sections = Object.entries(sectionsMap).reduce((acc, [key, value]) => {
+      if (value) {
+        acc.push(key as ActiveColorPickerSectionAtomType);
+      }
+      return acc;
+    }, [] as ActiveColorPickerSectionAtomType[]);
+
+    const activeSectionIndex = sections.indexOf(activeColorPickerSection);
+    const indexOffset = e.shiftKey ? -1 : 1;
+    const nextSectionIndex =
+      activeSectionIndex + indexOffset > sections.length - 1
+        ? 0
+        : activeSectionIndex + indexOffset < 0
+        ? sections.length - 1
+        : activeSectionIndex + indexOffset;
+
+    const nextSection = sections[nextSectionIndex];
+
+    if (nextSection) {
+      setActiveColorPickerSection(nextSection);
+    }
+
+    if (nextSection === "custom") {
+      onChange(customColors[0]);
+    } else if (nextSection === "baseColors") {
+      const baseColorName = (
+        Object.entries(palette) as [string, ValueOf<ColorPalette>][]
+      ).find(([name, shades]) => {
+        if (Array.isArray(shades)) {
+          return shades.includes(hex);
+        } else if (shades === hex) {
+          return name;
+        }
+        return null;
+      });
+
+      if (!baseColorName) {
+        onChange(COLOR_PALETTE.black);
+      }
+    }
+
+    e.preventDefault();
+    e.stopPropagation();
+
+    return;
+  }
+
+  hotkeyHandler({
+    e,
+    colorObj,
+    onChange,
+    palette,
+    customColors,
+    setActiveColorPickerSection,
+    activeShade,
+  });
+
+  if (activeColorPickerSection === "shades") {
+    if (colorObj) {
+      const { shade } = colorObj;
+      const newShade = arrowHandler(e.key, shade, COLORS_PER_ROW);
+
+      if (newShade !== undefined) {
+        onChange(palette[colorObj.colorName][newShade]);
+      }
+    }
+  }
+
+  if (activeColorPickerSection === "baseColors") {
+    if (colorObj) {
+      const { colorName } = colorObj;
+      const colorNames = Object.keys(palette) as (keyof ColorPalette)[];
+      const indexOfColorName = colorNames.indexOf(colorName);
+
+      const newColorIndex = arrowHandler(
+        e.key,
+        indexOfColorName,
+        colorNames.length,
+      );
+
+      if (newColorIndex !== undefined) {
+        const newColorName = colorNames[newColorIndex];
+        const newColorNameValue = palette[newColorName];
+
+        onChange(
+          Array.isArray(newColorNameValue)
+            ? newColorNameValue[activeShade]
+            : newColorNameValue,
+        );
+      }
+    }
+  }
+
+  if (activeColorPickerSection === "custom") {
+    const indexOfColor = customColors.indexOf(hex);
+
+    const newColorIndex = arrowHandler(
+      e.key,
+      indexOfColor,
+      customColors.length,
+    );
+
+    if (newColorIndex !== undefined) {
+      const newColor = customColors[newColorIndex];
+      onChange(newColor);
+    }
+  }
+};
diff --git a/src/components/LibraryUnit.tsx b/src/components/LibraryUnit.tsx
index 749877cdd..7e8181d7b 100644
--- a/src/components/LibraryUnit.tsx
+++ b/src/components/LibraryUnit.tsx
@@ -1,5 +1,4 @@
 import clsx from "clsx";
-import oc from "open-color";
 import { useEffect, useRef, useState } from "react";
 import { useDevice } from "../components/App";
 import { exportToSvg } from "../packages/utils";
@@ -7,6 +6,7 @@ import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 import { CheckboxItem } from "./CheckboxItem";
 import { PlusIcon } from "./icons";
+import { COLOR_PALETTE } from "../colors";
 
 export const LibraryUnit = ({
   id,
@@ -40,7 +40,7 @@ export const LibraryUnit = ({
         elements,
         appState: {
           exportBackground: false,
-          viewBackgroundColor: oc.white,
+          viewBackgroundColor: COLOR_PALETTE.white,
         },
         files: null,
       });
diff --git a/src/components/ProjectName.tsx b/src/components/ProjectName.tsx
index db2b70027..47a77ac4c 100644
--- a/src/components/ProjectName.tsx
+++ b/src/components/ProjectName.tsx
@@ -5,6 +5,7 @@ import { focusNearestParent } from "../utils";
 
 import "./ProjectName.scss";
 import { useExcalidrawContainer } from "./App";
+import { KEYS } from "../keys";
 
 type Props = {
   value: string;
@@ -26,7 +27,7 @@ export const ProjectName = (props: Props) => {
   };
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {
-    if (event.key === "Enter") {
+    if (event.key === KEYS.ENTER) {
       event.preventDefault();
       if (event.nativeEvent.isComposing || event.keyCode === 229) {
         return;
diff --git a/src/components/dropdownMenu/DropdownMenuContent.tsx b/src/components/dropdownMenu/DropdownMenuContent.tsx
index 3c50d474c..7585649c8 100644
--- a/src/components/dropdownMenu/DropdownMenuContent.tsx
+++ b/src/components/dropdownMenu/DropdownMenuContent.tsx
@@ -48,7 +48,7 @@ const MenuContent = ({
           <Island
             className="dropdown-menu-container"
             padding={2}
-            style={{ zIndex: 1 }}
+            style={{ zIndex: 2 }}
           >
             {children}
           </Island>
diff --git a/src/constants.ts b/src/constants.ts
index e7241e175..3b21dd40f 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,7 +1,7 @@
 import cssVariables from "./css/variables.module.scss";
 import { AppProps } from "./types";
 import { ExcalidrawElement, FontFamilyValues } from "./element/types";
-import oc from "open-color";
+import { COLOR_PALETTE } from "./colors";
 
 export const isDarwin = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
 export const isWindows = /^Win/.test(navigator.platform);
@@ -272,8 +272,8 @@ export const DEFAULT_ELEMENT_PROPS: {
   opacity: ExcalidrawElement["opacity"];
   locked: ExcalidrawElement["locked"];
 } = {
-  strokeColor: oc.black,
-  backgroundColor: "transparent",
+  strokeColor: COLOR_PALETTE.black,
+  backgroundColor: COLOR_PALETTE.transparent,
   fillStyle: "hachure",
   strokeWidth: 1,
   strokeStyle: "solid",
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 63f3dbcfb..96f30aaeb 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -34,13 +34,13 @@ import { LinearElementEditor } from "../element/linearElementEditor";
 import { bumpVersion } from "../element/mutateElement";
 import { getFontString, getUpdatedTimestamp, updateActiveTool } from "../utils";
 import { arrayToMap } from "../utils";
-import oc from "open-color";
 import { MarkOptional, Mutable } from "../utility-types";
 import {
   detectLineHeight,
   getDefaultLineHeight,
   measureBaseline,
 } from "../element/textElement";
+import { COLOR_PALETTE } from "../colors";
 
 type RestoredAppState = Omit<
   AppState,
@@ -119,8 +119,8 @@ const restoreElementWithProperties = <
     angle: element.angle || 0,
     x: extra.x ?? element.x ?? 0,
     y: extra.y ?? element.y ?? 0,
-    strokeColor: element.strokeColor || oc.black,
-    backgroundColor: element.backgroundColor || "transparent",
+    strokeColor: element.strokeColor || COLOR_PALETTE.black,
+    backgroundColor: element.backgroundColor || COLOR_PALETTE.transparent,
     width: element.width || 0,
     height: element.height || 0,
     seed: element.seed ?? 1,
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index f3c75db8b..294c13263 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -1521,7 +1521,7 @@ describe("textWysiwyg", () => {
           roundness: {
             type: 3,
           },
-          strokeColor: "#000000",
+          strokeColor: "#1e1e1e",
           strokeStyle: "solid",
           strokeWidth: 1,
           type: "rectangle",
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index d5fa0aadd..5b94ab3e8 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -636,20 +636,46 @@ export const textWysiwyg = ({
     // in that same tick.
     const target = event?.target;
 
-    const isTargetColorPicker =
-      target instanceof HTMLInputElement &&
-      target.closest(".color-picker-input") &&
-      isWritableElement(target);
+    const isTargetPickerTrigger =
+      target instanceof HTMLElement &&
+      target.classList.contains("active-color");
 
     setTimeout(() => {
       editable.onblur = handleSubmit;
-      if (target && isTargetColorPicker) {
-        target.onblur = () => {
-          editable.focus();
+
+      if (isTargetPickerTrigger) {
+        const callback = (
+          mutationList: MutationRecord[],
+          observer: MutationObserver,
+        ) => {
+          const radixIsRemoved = mutationList.find(
+            (mutation) =>
+              mutation.removedNodes.length > 0 &&
+              (mutation.removedNodes[0] as HTMLElement).dataset
+                ?.radixPopperContentWrapper !== undefined,
+          );
+
+          if (radixIsRemoved) {
+            // should work without this in theory
+            // and i think it does actually but radix probably somewhere,
+            // somehow sets the focus elsewhere
+            setTimeout(() => {
+              editable.focus();
+            });
+
+            observer.disconnect();
+          }
         };
+
+        const observer = new MutationObserver(callback);
+
+        observer.observe(document.querySelector(".excalidraw-container")!, {
+          childList: true,
+        });
       }
+
       // case: clicking on the same property → no change → no update → no focus
-      if (!isTargetColorPicker) {
+      if (!isTargetPickerTrigger) {
         editable.focus();
       }
     });
@@ -657,16 +683,16 @@ export const textWysiwyg = ({
 
   // prevent blur when changing properties from the menu
   const onPointerDown = (event: MouseEvent) => {
-    const isTargetColorPicker =
-      event.target instanceof HTMLInputElement &&
-      event.target.closest(".color-picker-input") &&
-      isWritableElement(event.target);
+    const isTargetPickerTrigger =
+      event.target instanceof HTMLElement &&
+      event.target.classList.contains("active-color");
+
     if (
       ((event.target instanceof HTMLElement ||
         event.target instanceof SVGElement) &&
         event.target.closest(`.${CLASSES.SHAPE_ACTIONS_MENU}`) &&
         !isWritableElement(event.target)) ||
-      isTargetColorPicker
+      isTargetPickerTrigger
     ) {
       editable.onblur = null;
       window.addEventListener("pointerup", bindBlurEvent);
@@ -680,7 +706,7 @@ export const textWysiwyg = ({
   const unbindUpdate = Scene.getScene(element)!.addCallback(() => {
     updateWysiwygStyle();
     const isColorPickerActive = !!document.activeElement?.closest(
-      ".color-picker-input",
+      ".color-picker-content",
     );
     if (!isColorPickerActive) {
       editable.focus();
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index 42c123302..4810b5a55 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -17,6 +17,7 @@ import { trackEvent } from "../../analytics";
 import { getFrame } from "../../utils";
 import DialogActionButton from "../../components/DialogActionButton";
 import { useI18n } from "../../i18n";
+import { KEYS } from "../../keys";
 
 const getShareIcon = () => {
   const navigator = window.navigator as any;
@@ -148,7 +149,9 @@ const RoomDialog = ({
                 value={username.trim() || ""}
                 className="RoomDialog-username TextInput"
                 onChange={(event) => onUsernameChange(event.target.value)}
-                onKeyPress={(event) => event.key === "Enter" && handleClose()}
+                onKeyPress={(event) =>
+                  event.key === KEYS.ENTER && handleClose()
+                }
               />
             </div>
             <p>
diff --git a/src/i18n.ts b/src/i18n.ts
index 40d5884b8..7c688b210 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -124,7 +124,8 @@ const findPartsForData = (data: any, parts: string[]) => {
 
 export const t = (
   path: string,
-  replacement?: { [key: string]: string | number },
+  replacement?: { [key: string]: string | number } | null,
+  fallback?: string,
 ) => {
   if (currentLang.code.startsWith(TEST_LANG_CODE)) {
     const name = replacement
@@ -136,9 +137,16 @@ export const t = (
   const parts = path.split(".");
   let translation =
     findPartsForData(currentLangData, parts) ||
-    findPartsForData(fallbackLangData, parts);
+    findPartsForData(fallbackLangData, parts) ||
+    fallback;
   if (translation === undefined) {
-    throw new Error(`Can't find translation for ${path}`);
+    const errorMessage = `Can't find translation for ${path}`;
+    // in production, don't blow up the app on a missing translation key
+    if (process.env.NODE_ENV === "production") {
+      console.warn(errorMessage);
+      return "";
+    }
+    throw new Error(errorMessage);
   }
 
   if (replacement) {
diff --git a/src/locales/en.json b/src/locales/en.json
index 136a0bc80..edc360142 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Use {{shortcut}} to paste as a single element,\nor paste into an existing text editor"
   },
   "colors": {
-    "ffffff": "White",
-    "f8f9fa": "Gray 0",
-    "f1f3f5": "Gray 1",
-    "fff5f5": "Red 0",
-    "fff0f6": "Pink 0",
-    "f8f0fc": "Grape 0",
-    "f3f0ff": "Violet 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blue 0",
-    "e3fafc": "Cyan 0",
-    "e6fcf5": "Teal 0",
-    "ebfbee": "Green 0",
-    "f4fce3": "Lime 0",
-    "fff9db": "Yellow 0",
-    "fff4e6": "Orange 0",
     "transparent": "Transparent",
-    "ced4da": "Gray 4",
-    "868e96": "Gray 6",
-    "fa5252": "Red 6",
-    "e64980": "Pink 6",
-    "be4bdb": "Grape 6",
-    "7950f2": "Violet 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blue 6",
-    "15aabf": "Cyan 6",
-    "12b886": "Teal 6",
-    "40c057": "Green 6",
-    "82c91e": "Lime 6",
-    "fab005": "Yellow 6",
-    "fd7e14": "Orange 6",
-    "000000": "Black",
-    "343a40": "Gray 8",
-    "495057": "Gray 7",
-    "c92a2a": "Red 9",
-    "a61e4d": "Pink 9",
-    "862e9c": "Grape 9",
-    "5f3dc4": "Violet 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blue 9",
-    "0b7285": "Cyan 9",
-    "087f5b": "Teal 9",
-    "2b8a3e": "Green 9",
-    "5c940d": "Lime 9",
-    "e67700": "Yellow 9",
-    "d9480f": "Orange 9"
+    "black": "Black",
+    "white": "White",
+    "red": "Red",
+    "pink": "Pink",
+    "grape": "Grape",
+    "violet": "Violet",
+    "gray": "Gray",
+    "blue": "Blue",
+    "cyan": "Cyan",
+    "teal": "Teal",
+    "green": "Green",
+    "yellow": "Yellow",
+    "orange": "Orange",
+    "bronze": "Bronze"
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Pick a tool & Start drawing!",
       "helpHint": "Shortcuts & help"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "Most used custom colors",
+    "colors": "Colors",
+    "shades": "Shades",
+    "hexCode": "Hex code",
+    "noShades": "No shades available for this color"
   }
 }
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 3a0634e63..bccb42bdc 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -30,6 +30,7 @@ import { NonDeletedExcalidrawElement } from "../../../element/types";
 import { ImportedLibraryData } from "../../../data/types";
 import CustomFooter from "./CustomFooter";
 import MobileFooter from "./MobileFooter";
+import { KEYS } from "../../../keys";
 
 declare global {
   interface Window {
@@ -55,9 +56,9 @@ type PointerDownState = {
     y: number;
   };
 };
+
 // This is so that we use the bundled excalidraw.development.js file instead
 // of the actual source code
-
 const {
   exportToCanvas,
   exportToSvg,
@@ -484,7 +485,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
         }}
         onBlur={saveComment}
         onKeyDown={(event) => {
-          if (!event.shiftKey && event.key === "Enter") {
+          if (!event.shiftKey && event.key === KEYS.ENTER) {
             event.preventDefault();
             saveComment();
           }
@@ -521,9 +522,11 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
       </MainMenu>
     );
   };
+
   return (
     <div className="App" ref={appRef}>
       <h1>{appTitle}</h1>
+      {/* TODO fix type */}
       <ExampleSidebar>
         <div className="button-wrapper">
           <button onClick={loadSceneOrLibrary}>Load Scene or Library</button>
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 57f6ce395..9b6acfdd8 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -63,7 +63,7 @@
     "sass-loader": "13.0.2",
     "terser-webpack-plugin": "5.3.3",
     "ts-loader": "9.3.1",
-    "typescript": "4.7.4",
+    "typescript": "4.9.4",
     "webpack": "5.76.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "4.10.0",
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 339cda939..485d3cd00 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -3678,10 +3678,10 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typescript@4.7.4:
-  version "4.7.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+typescript@4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
diff --git a/src/tests/MobileMenu.test.tsx b/src/tests/MobileMenu.test.tsx
index 41d5d0169..60059cb2e 100644
--- a/src/tests/MobileMenu.test.tsx
+++ b/src/tests/MobileMenu.test.tsx
@@ -29,6 +29,7 @@ describe("Test MobileMenu", () => {
     expect(h.app.device).toMatchInlineSnapshot(`
       Object {
         "canDeviceFitSidebar": false,
+        "isLandscape": true,
         "isMobile": true,
         "isSmScreen": false,
         "isTouchScreen": false,
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 5b69dbe08..5e3a5b221 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -279,7 +279,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -369,7 +369,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -402,7 +402,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -459,7 +459,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -546,7 +546,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -604,7 +604,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -645,7 +645,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -730,7 +730,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -761,7 +761,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -819,7 +819,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -861,7 +861,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -889,7 +889,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -931,7 +931,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -959,7 +959,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1000,7 +1000,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -1085,7 +1085,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1116,7 +1116,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1174,7 +1174,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1216,7 +1216,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1244,7 +1244,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1286,7 +1286,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1314,7 +1314,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1355,7 +1355,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -1442,7 +1442,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1500,7 +1500,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1541,7 +1541,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -1623,14 +1623,14 @@ Object {
   "roundness": Object {
     "type": 3,
   },
-  "seed": 337897,
-  "strokeColor": "#000000",
+  "seed": 1278240551,
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
   "version": 3,
-  "versionNonce": 449462985,
+  "versionNonce": 453191,
   "width": 20,
   "x": -10,
   "y": 0,
@@ -1681,14 +1681,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 337897,
-          "strokeColor": "#000000",
+          "seed": 1278240551,
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 1278240551,
+          "versionNonce": 449462985,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -1721,14 +1721,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 337897,
-          "strokeColor": "#000000",
+          "seed": 1278240551,
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 3,
-          "versionNonce": 449462985,
+          "versionNonce": 453191,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -1763,7 +1763,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -1848,7 +1848,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1879,7 +1879,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1937,7 +1937,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1979,7 +1979,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2007,7 +2007,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2048,7 +2048,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -2141,7 +2141,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2174,7 +2174,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2232,7 +2232,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2274,7 +2274,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2302,7 +2302,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2350,7 +2350,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2380,7 +2380,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2412,7 +2412,7 @@ Object {
   "collaborators": Map {},
   "contextMenu": null,
   "currentChartType": "bar",
-  "currentItemBackgroundColor": "#e64980",
+  "currentItemBackgroundColor": "#a5d8ff",
   "currentItemEndArrowhead": "arrow",
   "currentItemFillStyle": "cross-hatch",
   "currentItemFontFamily": 1,
@@ -2421,7 +2421,7 @@ Object {
   "currentItemRoughness": 2,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#c92a2a",
+  "currentItemStrokeColor": "#e03131",
   "currentItemStrokeStyle": "dotted",
   "currentItemStrokeWidth": 2,
   "currentItemTextAlign": "left",
@@ -2450,7 +2450,7 @@ Object {
   "offsetTop": 10,
   "openDialog": null,
   "openMenu": null,
-  "openPopup": "backgroundColorPicker",
+  "openPopup": null,
   "openSidebar": null,
   "pasteDialog": Object {
     "data": null,
@@ -2493,7 +2493,7 @@ Object {
 exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
 Object {
   "angle": 0,
-  "backgroundColor": "#e64980",
+  "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "groupIds": Array [],
@@ -2508,7 +2508,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#c92a2a",
+  "strokeColor": "#e03131",
   "strokeStyle": "dotted",
   "strokeWidth": 2,
   "type": "rectangle",
@@ -2524,7 +2524,7 @@ Object {
 exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
 Object {
   "angle": 0,
-  "backgroundColor": "#e64980",
+  "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "groupIds": Array [],
@@ -2539,7 +2539,7 @@ Object {
     "type": 3,
   },
   "seed": 400692809,
-  "strokeColor": "#c92a2a",
+  "strokeColor": "#e03131",
   "strokeStyle": "dotted",
   "strokeWidth": 2,
   "type": "rectangle",
@@ -2597,7 +2597,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2639,7 +2639,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2667,7 +2667,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2709,7 +2709,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2737,7 +2737,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2779,7 +2779,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2792,7 +2792,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
@@ -2807,7 +2807,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2849,7 +2849,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2862,7 +2862,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -2877,7 +2877,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2919,7 +2919,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2932,7 +2932,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -2947,7 +2947,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "solid",
           "strokeWidth": 2,
           "type": "rectangle",
@@ -2989,7 +2989,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3002,7 +3002,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -3017,7 +3017,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "dotted",
           "strokeWidth": 2,
           "type": "rectangle",
@@ -3059,7 +3059,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3072,7 +3072,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -3087,7 +3087,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "dotted",
           "strokeWidth": 2,
           "type": "rectangle",
@@ -3129,7 +3129,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3142,7 +3142,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -3157,7 +3157,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "dotted",
           "strokeWidth": 2,
           "type": "rectangle",
@@ -3184,7 +3184,7 @@ Object {
       "elements": Array [
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -3199,7 +3199,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "dotted",
           "strokeWidth": 2,
           "type": "rectangle",
@@ -3212,7 +3212,7 @@ Object {
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#e64980",
+          "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "groupIds": Array [],
@@ -3227,7 +3227,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#c92a2a",
+          "strokeColor": "#e03131",
           "strokeStyle": "dotted",
           "strokeWidth": 2,
           "type": "rectangle",
@@ -3246,7 +3246,7 @@ Object {
 
 exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `33`;
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `32`;
 
 exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
 Object {
@@ -3268,7 +3268,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -3353,7 +3353,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3384,7 +3384,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3442,7 +3442,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3484,7 +3484,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3512,7 +3512,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3554,7 +3554,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3582,7 +3582,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3623,7 +3623,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -3708,7 +3708,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3739,7 +3739,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3797,7 +3797,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3839,7 +3839,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3867,7 +3867,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3909,7 +3909,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3937,7 +3937,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3978,7 +3978,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -4067,7 +4067,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4098,7 +4098,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4156,7 +4156,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4198,7 +4198,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4226,7 +4226,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4274,7 +4274,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4304,7 +4304,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4348,7 +4348,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4376,7 +4376,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4676,7 +4676,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -4767,7 +4767,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4798,7 +4798,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4856,7 +4856,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4898,7 +4898,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4926,7 +4926,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5226,7 +5226,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -5321,7 +5321,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -5354,7 +5354,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -5412,7 +5412,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5454,7 +5454,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5482,7 +5482,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5531,7 +5531,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5561,7 +5561,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5717,7 +5717,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -6085,7 +6085,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -6431,7 +6431,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -6516,7 +6516,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6547,7 +6547,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6578,7 +6578,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6636,7 +6636,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
diff --git a/src/tests/__snapshots__/dragCreate.test.tsx.snap b/src/tests/__snapshots__/dragCreate.test.tsx.snap
index ffcf57b0d..4508fd3c7 100644
--- a/src/tests/__snapshots__/dragCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/dragCreate.test.tsx.snap
@@ -35,7 +35,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -68,7 +68,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -101,7 +101,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -147,7 +147,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -180,7 +180,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index a2f142b66..d1a73e72f 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Test Linear Elements Test bound text element should match styles for te
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/__snapshots__/move.test.tsx.snap b/src/tests/__snapshots__/move.test.tsx.snap
index 7c0eed29b..b214243c5 100644
--- a/src/tests/__snapshots__/move.test.tsx.snap
+++ b/src/tests/__snapshots__/move.test.tsx.snap
@@ -18,7 +18,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -49,7 +49,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -80,7 +80,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -116,7 +116,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -152,7 +152,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -206,7 +206,7 @@ Object {
     "focus": -0.6000000000000001,
     "gap": 10,
   },
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
diff --git a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
index 03ef0d26b..a1ce56362 100644
--- a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
@@ -40,7 +40,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -93,7 +93,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 82d3dbbff..68d87ef33 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -20,7 +20,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -116,7 +116,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -149,7 +149,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -182,7 +182,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -240,7 +240,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -282,7 +282,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -310,7 +310,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -352,7 +352,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -380,7 +380,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -408,7 +408,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -455,7 +455,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -485,7 +485,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -515,7 +515,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -556,7 +556,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -659,7 +659,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -692,7 +692,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -725,7 +725,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -783,7 +783,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -825,7 +825,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -853,7 +853,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -895,7 +895,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -923,7 +923,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -951,7 +951,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -997,7 +997,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1027,7 +1027,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1057,7 +1057,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1098,7 +1098,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -1187,7 +1187,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1221,7 +1221,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1254,7 +1254,7 @@ Object {
     "type": 3,
   },
   "seed": 400692809,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -1312,7 +1312,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1354,7 +1354,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1382,7 +1382,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1431,7 +1431,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1461,7 +1461,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1506,7 +1506,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1536,7 +1536,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1580,7 +1580,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1610,7 +1610,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1638,7 +1638,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1689,7 +1689,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1720,7 +1720,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1750,7 +1750,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1796,7 +1796,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1827,7 +1827,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1857,7 +1857,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1903,7 +1903,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1934,7 +1934,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -1964,7 +1964,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2005,7 +2005,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -2093,7 +2093,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -2151,7 +2151,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -2194,7 +2194,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -2235,7 +2235,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -2328,7 +2328,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2361,7 +2361,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2394,7 +2394,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2452,7 +2452,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2494,7 +2494,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2522,7 +2522,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2564,7 +2564,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2592,7 +2592,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2620,7 +2620,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2667,7 +2667,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2697,7 +2697,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2727,7 +2727,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2768,7 +2768,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -2856,7 +2856,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2887,7 +2887,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -2945,7 +2945,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -2988,7 +2988,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3016,7 +3016,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3057,7 +3057,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -3142,7 +3142,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3200,7 +3200,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3241,7 +3241,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -3329,7 +3329,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3360,7 +3360,7 @@ Object {
     "type": 3,
   },
   "seed": 453191,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -3391,7 +3391,7 @@ Object {
     "type": 2,
   },
   "seed": 2019559783,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -3449,7 +3449,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3491,7 +3491,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3519,7 +3519,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3561,7 +3561,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3589,7 +3589,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3617,7 +3617,7 @@ Object {
             "type": 2,
           },
           "seed": 2019559783,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -3660,7 +3660,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3688,7 +3688,7 @@ Object {
             "type": 3,
           },
           "seed": 453191,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3716,7 +3716,7 @@ Object {
             "type": 2,
           },
           "seed": 2019559783,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -3748,7 +3748,7 @@ Object {
   "collaborators": Map {},
   "contextMenu": null,
   "currentChartType": "bar",
-  "currentItemBackgroundColor": "#fa5252",
+  "currentItemBackgroundColor": "#ffc9c9",
   "currentItemEndArrowhead": "arrow",
   "currentItemFillStyle": "hachure",
   "currentItemFontFamily": 1,
@@ -3757,7 +3757,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#5f3dc4",
+  "currentItemStrokeColor": "#1971c2",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -3786,7 +3786,7 @@ Object {
   "offsetTop": 0,
   "openDialog": null,
   "openMenu": null,
-  "openPopup": "strokeColorPicker",
+  "openPopup": "elementStroke",
   "openSidebar": null,
   "pasteDialog": Object {
     "data": null,
@@ -3827,7 +3827,7 @@ Object {
 exports[`regression tests change the properties of a shape: [end of test] element 0 1`] = `
 Object {
   "angle": 0,
-  "backgroundColor": "#fa5252",
+  "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [],
@@ -3842,13 +3842,13 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#5f3dc4",
+  "strokeColor": "#1971c2",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
-  "version": 4,
-  "versionNonce": 453191,
+  "version": 5,
+  "versionNonce": 401146281,
   "width": 10,
   "x": 10,
   "y": 10,
@@ -3900,7 +3900,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3927,7 +3927,7 @@ Object {
       "elements": Array [
         Object {
           "angle": 0,
-          "backgroundColor": "#fa5252",
+          "backgroundColor": "#ffec99",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
@@ -3942,7 +3942,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3969,7 +3969,7 @@ Object {
       "elements": Array [
         Object {
           "angle": 0,
-          "backgroundColor": "#fa5252",
+          "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
@@ -3984,7 +3984,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#5f3dc4",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -3997,13 +3997,55 @@ Object {
         },
       ],
     },
+    Object {
+      "appState": Object {
+        "editingGroupId": null,
+        "editingLinearElement": null,
+        "name": "Untitled-201933152653",
+        "selectedElementIds": Object {
+          "id0": true,
+        },
+        "selectedGroupIds": Object {},
+        "viewBackgroundColor": "#ffffff",
+      },
+      "elements": Array [
+        Object {
+          "angle": 0,
+          "backgroundColor": "#ffc9c9",
+          "boundElements": null,
+          "fillStyle": "hachure",
+          "groupIds": Array [],
+          "height": 10,
+          "id": "id0",
+          "isDeleted": false,
+          "link": null,
+          "locked": false,
+          "opacity": 100,
+          "roughness": 1,
+          "roundness": Object {
+            "type": 3,
+          },
+          "seed": 337897,
+          "strokeColor": "#1971c2",
+          "strokeStyle": "solid",
+          "strokeWidth": 1,
+          "type": "rectangle",
+          "updated": 1,
+          "version": 5,
+          "versionNonce": 401146281,
+          "width": 10,
+          "x": 10,
+          "y": 10,
+        },
+      ],
+    },
   ],
 }
 `;
 
 exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `1`;
 
-exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `15`;
+exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `14`;
 
 exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
 Object {
@@ -4025,7 +4067,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -4113,7 +4155,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4171,7 +4213,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4214,7 +4256,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4255,7 +4297,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -4345,7 +4387,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4403,7 +4445,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4446,7 +4488,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4490,7 +4532,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4531,7 +4573,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -4619,7 +4661,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4650,7 +4692,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4708,7 +4750,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4750,7 +4792,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4778,7 +4820,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -4819,7 +4861,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -4908,7 +4950,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4939,7 +4981,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -4970,7 +5012,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -5028,7 +5070,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5070,7 +5112,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5098,7 +5140,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5140,7 +5182,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5168,7 +5210,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5196,7 +5238,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5237,7 +5279,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -5260,7 +5302,7 @@ Object {
       "type": 2,
     },
     "seed": 2019559783,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -5331,7 +5373,7 @@ Object {
       "type": 2,
     },
     "seed": 2019559783,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -5378,7 +5420,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -5409,7 +5451,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -5467,7 +5509,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5509,7 +5551,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5537,7 +5579,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -5578,7 +5620,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -5601,7 +5643,7 @@ Object {
       "type": 2,
     },
     "seed": 2019559783,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -5692,7 +5734,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -5723,7 +5765,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -5781,7 +5823,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5823,7 +5865,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -5851,7 +5893,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -5892,7 +5934,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -5915,7 +5957,7 @@ Object {
       "type": 2,
     },
     "seed": 449462985,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -5984,7 +6026,7 @@ Object {
       "type": 2,
     },
     "seed": 449462985,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -6031,7 +6073,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6089,7 +6131,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6130,7 +6172,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -6217,7 +6259,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -6275,7 +6317,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -6316,7 +6358,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -6403,7 +6445,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6436,7 +6478,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6469,7 +6511,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6527,7 +6569,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6569,7 +6611,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6597,7 +6639,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6639,7 +6681,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6667,7 +6709,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6695,7 +6737,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6743,7 +6785,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6773,7 +6815,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6803,7 +6845,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -6844,7 +6886,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -6936,7 +6978,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -6967,7 +7009,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -7025,7 +7067,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7067,7 +7109,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7095,7 +7137,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -7140,7 +7182,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7168,7 +7210,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -7209,7 +7251,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -7294,7 +7336,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -7325,7 +7367,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -7356,7 +7398,7 @@ Object {
     "type": 2,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -7402,7 +7444,7 @@ Object {
   "seed": 1150084233,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -7448,7 +7490,7 @@ Object {
   "seed": 238820263,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -7501,7 +7543,7 @@ Object {
   "seed": 1505387817,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -7554,7 +7596,7 @@ Object {
   "seed": 760410951,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -7607,7 +7649,7 @@ Object {
   "roundness": null,
   "seed": 941653321,
   "simulatePressure": false,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "freedraw",
@@ -7665,7 +7707,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7707,7 +7749,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7735,7 +7777,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -7777,7 +7819,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7805,7 +7847,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -7833,7 +7875,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -7875,7 +7917,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -7903,7 +7945,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -7931,7 +7973,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -7974,7 +8016,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8016,7 +8058,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -8044,7 +8086,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -8072,7 +8114,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -8115,7 +8157,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8158,7 +8200,7 @@ Object {
           "seed": 238820263,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -8200,7 +8242,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -8228,7 +8270,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -8256,7 +8298,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -8299,7 +8341,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8342,7 +8384,7 @@ Object {
           "seed": 238820263,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -8388,7 +8430,7 @@ Object {
           "seed": 1505387817,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8430,7 +8472,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -8458,7 +8500,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -8486,7 +8528,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -8529,7 +8571,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8572,7 +8614,7 @@ Object {
           "seed": 238820263,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -8622,7 +8664,7 @@ Object {
           "seed": 1505387817,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8664,7 +8706,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -8692,7 +8734,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -8720,7 +8762,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -8763,7 +8805,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8806,7 +8848,7 @@ Object {
           "seed": 238820263,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -8856,7 +8898,7 @@ Object {
           "seed": 1505387817,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -8902,7 +8944,7 @@ Object {
           "seed": 760410951,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -8944,7 +8986,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -8972,7 +9014,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -9000,7 +9042,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -9043,7 +9085,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -9086,7 +9128,7 @@ Object {
           "seed": 238820263,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -9136,7 +9178,7 @@ Object {
           "seed": 1505387817,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -9186,7 +9228,7 @@ Object {
           "seed": 760410951,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -9228,7 +9270,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -9256,7 +9298,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -9284,7 +9326,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -9327,7 +9369,7 @@ Object {
           "seed": 1150084233,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -9370,7 +9412,7 @@ Object {
           "seed": 238820263,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -9420,7 +9462,7 @@ Object {
           "seed": 1505387817,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -9470,7 +9512,7 @@ Object {
           "seed": 760410951,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -9520,7 +9562,7 @@ Object {
           "roundness": null,
           "seed": 941653321,
           "simulatePressure": false,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "freedraw",
@@ -9561,7 +9603,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -9651,7 +9693,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -9682,7 +9724,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -9713,7 +9755,7 @@ Object {
     "type": 2,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -9771,7 +9813,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -9813,7 +9855,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -9841,7 +9883,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -9883,7 +9925,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -9911,7 +9953,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -9939,7 +9981,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -9971,7 +10013,7 @@ Object {
   "collaborators": Map {},
   "contextMenu": null,
   "currentChartType": "bar",
-  "currentItemBackgroundColor": "#fa5252",
+  "currentItemBackgroundColor": "#ffc9c9",
   "currentItemEndArrowhead": "arrow",
   "currentItemFillStyle": "hachure",
   "currentItemFontFamily": 1,
@@ -9980,7 +10022,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -10009,7 +10051,7 @@ Object {
   "offsetTop": 0,
   "openDialog": null,
   "openMenu": null,
-  "openPopup": null,
+  "openPopup": "elementBackground",
   "openSidebar": null,
   "pasteDialog": Object {
     "data": null,
@@ -10056,11 +10098,11 @@ Object {
 exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 0 1`] = `
 Object {
   "angle": 0,
-  "backgroundColor": "#fa5252",
+  "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [],
-  "height": 0,
+  "height": 1000,
   "id": "id0",
   "isDeleted": false,
   "link": null,
@@ -10071,14 +10113,14 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
-  "version": 1,
-  "versionNonce": 0,
-  "width": 0,
+  "version": 2,
+  "versionNonce": 1278240551,
+  "width": 1000,
   "x": 0,
   "y": 0,
 }
@@ -10087,7 +10129,7 @@ Object {
 exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 1 1`] = `
 Object {
   "angle": 0,
-  "backgroundColor": "#fa5252",
+  "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [],
@@ -10101,14 +10143,14 @@ Object {
   "roundness": Object {
     "type": 2,
   },
-  "seed": 1278240551,
-  "strokeColor": "#000000",
+  "seed": 449462985,
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
   "updated": 1,
   "version": 2,
-  "versionNonce": 449462985,
+  "versionNonce": 453191,
   "width": 1000,
   "x": 500,
   "y": 500,
@@ -10136,18 +10178,20 @@ Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
+        "selectedElementIds": Object {
+          "id0": true,
+        },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
       "elements": Array [
         Object {
           "angle": 0,
-          "backgroundColor": "#fa5252",
+          "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
-          "height": 0,
+          "height": 1000,
           "id": "id0",
           "isDeleted": false,
           "link": null,
@@ -10158,14 +10202,14 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
-          "version": 1,
-          "versionNonce": 0,
-          "width": 0,
+          "version": 2,
+          "versionNonce": 1278240551,
+          "width": 1000,
           "x": 0,
           "y": 0,
         },
@@ -10185,11 +10229,11 @@ Object {
       "elements": Array [
         Object {
           "angle": 0,
-          "backgroundColor": "#fa5252",
+          "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
-          "height": 0,
+          "height": 1000,
           "id": "id0",
           "isDeleted": false,
           "link": null,
@@ -10200,20 +10244,20 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
-          "version": 1,
-          "versionNonce": 0,
-          "width": 0,
+          "version": 2,
+          "versionNonce": 1278240551,
+          "width": 1000,
           "x": 0,
           "y": 0,
         },
         Object {
           "angle": 0,
-          "backgroundColor": "#fa5252",
+          "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
@@ -10227,14 +10271,14 @@ Object {
           "roundness": Object {
             "type": 2,
           },
-          "seed": 1278240551,
-          "strokeColor": "#000000",
+          "seed": 449462985,
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
           "updated": 1,
           "version": 2,
-          "versionNonce": 449462985,
+          "versionNonce": 453191,
           "width": 1000,
           "x": 500,
           "y": 500,
@@ -10269,7 +10313,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -10358,7 +10402,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -10389,7 +10433,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -10448,7 +10492,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -10476,7 +10520,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -10517,7 +10561,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -10607,7 +10651,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -10638,7 +10682,7 @@ Object {
     "type": 3,
   },
   "seed": 1278240551,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -10697,7 +10741,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -10725,7 +10769,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -10769,7 +10813,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -10797,7 +10841,7 @@ Object {
             "type": 3,
           },
           "seed": 1278240551,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -10838,7 +10882,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -10923,7 +10967,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -10981,7 +11025,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -11022,7 +11066,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -11107,7 +11151,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -11165,7 +11209,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -11206,7 +11250,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -11291,7 +11335,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -11349,7 +11393,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -11390,7 +11434,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -11513,7 +11557,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -11586,7 +11630,7 @@ Object {
           "seed": 337897,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -11627,7 +11671,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -11750,7 +11794,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -11823,7 +11867,7 @@ Object {
           "seed": 337897,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -11864,7 +11908,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -11971,7 +12015,7 @@ Object {
   "roundness": null,
   "seed": 337897,
   "simulatePressure": false,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "freedraw",
@@ -12051,7 +12095,7 @@ Object {
           "roundness": null,
           "seed": 337897,
           "simulatePressure": false,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "freedraw",
@@ -12092,7 +12136,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -12215,7 +12259,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -12288,7 +12332,7 @@ Object {
           "seed": 337897,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -12329,7 +12373,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -12414,7 +12458,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -12472,7 +12516,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -12513,7 +12557,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -12636,7 +12680,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -12709,7 +12753,7 @@ Object {
           "seed": 337897,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "line",
@@ -12750,7 +12794,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -12835,7 +12879,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -12893,7 +12937,7 @@ Object {
             "type": 2,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -12934,7 +12978,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -13041,7 +13085,7 @@ Object {
   "roundness": null,
   "seed": 337897,
   "simulatePressure": false,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "freedraw",
@@ -13121,7 +13165,7 @@ Object {
           "roundness": null,
           "seed": 337897,
           "simulatePressure": false,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "freedraw",
@@ -13162,7 +13206,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -13247,7 +13291,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13305,7 +13349,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13346,7 +13390,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -13444,7 +13488,7 @@ Object {
     "type": 3,
   },
   "seed": 915032327,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13477,7 +13521,7 @@ Object {
     "type": 3,
   },
   "seed": 747212839,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13510,7 +13554,7 @@ Object {
     "type": 3,
   },
   "seed": 760410951,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13543,7 +13587,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13576,7 +13620,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13609,7 +13653,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -13667,7 +13711,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13709,7 +13753,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13737,7 +13781,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13779,7 +13823,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13807,7 +13851,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13835,7 +13879,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13884,7 +13928,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13914,7 +13958,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13944,7 +13988,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -13994,7 +14038,7 @@ Object {
             "type": 3,
           },
           "seed": 915032327,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14024,7 +14068,7 @@ Object {
             "type": 3,
           },
           "seed": 747212839,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14054,7 +14098,7 @@ Object {
             "type": 3,
           },
           "seed": 760410951,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14084,7 +14128,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14114,7 +14158,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14144,7 +14188,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14185,7 +14229,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -14274,7 +14318,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -14305,7 +14349,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -14363,7 +14407,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14405,7 +14449,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14433,7 +14477,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14474,7 +14518,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -14585,7 +14629,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -14694,7 +14738,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -14782,7 +14826,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -14840,7 +14884,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -14881,7 +14925,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -14975,7 +15019,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -15006,7 +15050,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -15064,7 +15108,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15106,7 +15150,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15134,7 +15178,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15180,7 +15224,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15208,7 +15252,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15249,7 +15293,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -15340,7 +15384,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -15371,7 +15415,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -15402,7 +15446,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -15460,7 +15504,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15502,7 +15546,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15530,7 +15574,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15572,7 +15616,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15600,7 +15644,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15628,7 +15672,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15677,7 +15721,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15707,7 +15751,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15737,7 +15781,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15783,7 +15827,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15811,7 +15855,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15839,7 +15883,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -15871,7 +15915,7 @@ Object {
   "collaborators": Map {},
   "contextMenu": null,
   "currentChartType": "bar",
-  "currentItemBackgroundColor": "#fa5252",
+  "currentItemBackgroundColor": "#ffc9c9",
   "currentItemEndArrowhead": "arrow",
   "currentItemFillStyle": "hachure",
   "currentItemFontFamily": 1,
@@ -15880,7 +15924,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -15909,7 +15953,7 @@ Object {
   "offsetTop": 0,
   "openDialog": null,
   "openMenu": null,
-  "openPopup": null,
+  "openPopup": "elementBackground",
   "openSidebar": null,
   "pasteDialog": Object {
     "data": null,
@@ -15925,6 +15969,7 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
+    "id1": true,
   },
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -15950,7 +15995,7 @@ Object {
 exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 0 1`] = `
 Object {
   "angle": 0,
-  "backgroundColor": "#fa5252",
+  "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
   "groupIds": Array [],
@@ -15965,7 +16010,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -16023,7 +16068,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16050,7 +16095,7 @@ Object {
       "elements": Array [
         Object {
           "angle": 0,
-          "backgroundColor": "#fa5252",
+          "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "groupIds": Array [],
@@ -16065,7 +16110,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16084,7 +16129,7 @@ Object {
 
 exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `1`;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `14`;
+exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `13`;
 
 exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
 Object {
@@ -16106,7 +16151,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -16205,7 +16250,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -16239,7 +16284,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -16273,7 +16318,7 @@ Object {
     "type": 3,
   },
   "seed": 1014066025,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -16307,7 +16352,7 @@ Object {
     "type": 3,
   },
   "seed": 400692809,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -16365,7 +16410,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16407,7 +16452,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16435,7 +16480,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16484,7 +16529,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16514,7 +16559,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16558,7 +16603,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16588,7 +16633,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16616,7 +16661,7 @@ Object {
             "type": 3,
           },
           "seed": 1014066025,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16660,7 +16705,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16690,7 +16735,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16718,7 +16763,7 @@ Object {
             "type": 3,
           },
           "seed": 1014066025,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16746,7 +16791,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16795,7 +16840,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16825,7 +16870,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16855,7 +16900,7 @@ Object {
             "type": 3,
           },
           "seed": 1014066025,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16885,7 +16930,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16935,7 +16980,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16966,7 +17011,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -16997,7 +17042,7 @@ Object {
             "type": 3,
           },
           "seed": 1014066025,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17028,7 +17073,7 @@ Object {
             "type": 3,
           },
           "seed": 400692809,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17069,7 +17114,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -17178,7 +17223,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -17267,7 +17312,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -17301,7 +17346,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -17335,7 +17380,7 @@ Object {
     "type": 3,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -17393,7 +17438,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17435,7 +17480,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17463,7 +17508,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17505,7 +17550,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17533,7 +17578,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17561,7 +17606,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17609,7 +17654,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17639,7 +17684,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17669,7 +17714,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17715,7 +17760,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17745,7 +17790,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17775,7 +17820,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17823,7 +17868,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17854,7 +17899,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17885,7 +17930,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17934,7 +17979,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17965,7 +18010,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -17996,7 +18041,7 @@ Object {
             "type": 3,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -18037,7 +18082,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -18060,7 +18105,7 @@ Object {
       "type": 2,
     },
     "seed": 1116226695,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -18133,7 +18178,7 @@ Object {
       "type": 2,
     },
     "seed": 1116226695,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -18180,7 +18225,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -18211,7 +18256,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -18242,7 +18287,7 @@ Object {
     "type": 2,
   },
   "seed": 401146281,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -18300,7 +18345,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -18342,7 +18387,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -18370,7 +18415,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -18412,7 +18457,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -18440,7 +18485,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -18468,7 +18513,7 @@ Object {
             "type": 2,
           },
           "seed": 401146281,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "diamond",
@@ -18509,7 +18554,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -18532,7 +18577,7 @@ Object {
       "type": 2,
     },
     "seed": 401146281,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -18603,7 +18648,7 @@ Object {
       "type": 2,
     },
     "seed": 401146281,
-    "strokeColor": "#000000",
+    "strokeColor": "#1e1e1e",
     "strokeStyle": "solid",
     "strokeWidth": 1,
     "type": "selection",
@@ -18650,7 +18695,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -18681,7 +18726,7 @@ Object {
     "type": 2,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -18739,7 +18784,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -18781,7 +18826,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -18809,7 +18854,7 @@ Object {
             "type": 2,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
@@ -18850,7 +18895,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -18961,7 +19006,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -19046,7 +19091,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -19077,7 +19122,7 @@ Object {
     "type": 3,
   },
   "seed": 449462985,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
@@ -19126,7 +19171,7 @@ Object {
   "seed": 401146281,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -19172,7 +19217,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19200,7 +19245,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19250,7 +19295,7 @@ Object {
           "seed": 401146281,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -19292,7 +19337,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19320,7 +19365,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19366,7 +19411,7 @@ Object {
           "seed": 401146281,
           "startArrowhead": null,
           "startBinding": null,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "arrow",
@@ -19421,7 +19466,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19463,7 +19508,7 @@ Object {
             "type": 3,
           },
           "seed": 337897,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19491,7 +19536,7 @@ Object {
             "type": 3,
           },
           "seed": 449462985,
-          "strokeColor": "#000000",
+          "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
@@ -19532,7 +19577,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
@@ -19641,7 +19686,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
diff --git a/src/tests/__snapshots__/selection.test.tsx.snap b/src/tests/__snapshots__/selection.test.tsx.snap
index 6379fa0aa..61c4dc97a 100644
--- a/src/tests/__snapshots__/selection.test.tsx.snap
+++ b/src/tests/__snapshots__/selection.test.tsx.snap
@@ -33,7 +33,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -79,7 +79,7 @@ Object {
   "seed": 337897,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -110,7 +110,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "diamond",
@@ -141,7 +141,7 @@ Object {
     "type": 2,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "ellipse",
@@ -172,7 +172,7 @@ Object {
     "type": 3,
   },
   "seed": 337897,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
diff --git a/src/tests/contextmenu.test.tsx b/src/tests/contextmenu.test.tsx
index 0a74de367..9b4007b03 100644
--- a/src/tests/contextmenu.test.tsx
+++ b/src/tests/contextmenu.test.tsx
@@ -9,6 +9,7 @@ import {
   queryByText,
   queryAllByText,
   waitFor,
+  togglePopover,
 } from "./test-utils";
 import ExcalidrawApp from "../excalidraw-app";
 import * as Renderer from "../renderer/renderScene";
@@ -19,7 +20,6 @@ import { ShortcutName } from "../actions/shortcuts";
 import { copiedStyles } from "../actions/actionStyles";
 import { API } from "./helpers/api";
 import { setDateTimeForTests } from "../utils";
-import { t } from "../i18n";
 import { LibraryItem } from "../types";
 
 const checkpoint = (name: string) => {
@@ -303,10 +303,10 @@ describe("contextMenu element", () => {
     mouse.up(20, 20);
 
     // Change some styles of second rectangle
-    UI.clickLabeledElement("Stroke");
-    UI.clickLabeledElement(t("colors.c92a2a"));
-    UI.clickLabeledElement("Background");
-    UI.clickLabeledElement(t("colors.e64980"));
+    togglePopover("Stroke");
+    UI.clickOnTestId("color-red");
+    togglePopover("Background");
+    UI.clickOnTestId("color-blue");
     // Fill style
     fireEvent.click(screen.getByTitle("Cross-hatch"));
     // Stroke width
@@ -320,13 +320,20 @@ describe("contextMenu element", () => {
       target: { value: "60" },
     });
 
+    // closing the background popover as this blocks
+    // context menu from rendering after we started focussing
+    // the popover once rendered :/
+    togglePopover("Background");
+
     mouse.reset();
+
     // Copy styles of second rectangle
     fireEvent.contextMenu(GlobalTestState.canvas, {
       button: 2,
       clientX: 40,
       clientY: 40,
     });
+
     let contextMenu = UI.queryContextMenu();
     fireEvent.click(queryByText(contextMenu!, "Copy styles")!);
     const secondRect = JSON.parse(copiedStyles)[0];
@@ -344,8 +351,8 @@ describe("contextMenu element", () => {
 
     const firstRect = API.getSelectedElement();
     expect(firstRect.id).toBe(h.elements[0].id);
-    expect(firstRect.strokeColor).toBe("#c92a2a");
-    expect(firstRect.backgroundColor).toBe("#e64980");
+    expect(firstRect.strokeColor).toBe("#e03131");
+    expect(firstRect.backgroundColor).toBe("#a5d8ff");
     expect(firstRect.fillStyle).toBe("cross-hatch");
     expect(firstRect.strokeWidth).toBe(2); // Bold: 2
     expect(firstRect.strokeStyle).toBe("dotted");
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index 7e30b9d86..cfb57ecb2 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -33,7 +33,7 @@ Object {
   "seed": Any<Number>,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "arrow",
@@ -173,7 +173,7 @@ Object {
   },
   "seed": Any<Number>,
   "simulatePressure": true,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "freedraw",
@@ -219,7 +219,7 @@ Object {
   "seed": Any<Number>,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -265,7 +265,7 @@ Object {
   "seed": Any<Number>,
   "startArrowhead": null,
   "startBinding": null,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "line",
@@ -302,7 +302,7 @@ Object {
     "type": 3,
   },
   "seed": Any<Number>,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "text": "text",
@@ -342,7 +342,7 @@ Object {
     "type": 3,
   },
   "seed": Any<Number>,
-  "strokeColor": "#000000",
+  "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "text": "",
diff --git a/src/tests/helpers/ui.ts b/src/tests/helpers/ui.ts
index fcf67166b..c88201133 100644
--- a/src/tests/helpers/ui.ts
+++ b/src/tests/helpers/ui.ts
@@ -237,6 +237,15 @@ export class UI {
     fireEvent.click(element);
   };
 
+  static clickOnTestId = (testId: string) => {
+    const element = document.querySelector(`[data-testid='${testId}']`);
+    // const element = GlobalTestState.renderResult.queryByTestId(testId);
+    if (!element) {
+      throw new Error(`No element with testid "${testId}" found`);
+    }
+    fireEvent.click(element);
+  };
+
   /**
    * Creates an Excalidraw element, and returns a proxy that wraps it so that
    * accessing props will return the latest ones from the object existing in
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index d703dff87..4caa6c6dd 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items
 >
   <div
     class="Island dropdown-menu-container"
-    style="--padding: 2; z-index: 1;"
+    style="--padding: 2; z-index: 2;"
   >
     <button
       class="dropdown-menu-item dropdown-menu-item-base"
@@ -115,7 +115,7 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu
 >
   <div
     class="Island dropdown-menu-container"
-    style="--padding: 2; z-index: 1;"
+    style="--padding: 2; z-index: 2;"
   >
     <button
       aria-label="Open"
@@ -523,38 +523,84 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu
       <div
         style="padding: 0px 0.625rem;"
       >
-        <div
-          style="position: relative;"
-        >
-          <div>
+        <div>
+          <div
+            aria-modal="true"
+            class="color-picker-container"
+            role="dialog"
+          >
             <div
-              class="color-picker-control-container"
+              class="color-picker__top-picks"
             >
-              <div
-                class="color-picker-label-swatch-container"
-              >
-                <button
-                  aria-label="Canvas background"
-                  class="color-picker-label-swatch"
-                  style="--swatch-color: #ffffff;"
-                />
-              </div>
-              <label
-                class="color-input-container"
+              <button
+                class="color-picker__button active"
+                style="--swatch-color: #ffffff;"
+                title="#ffffff"
+                type="button"
               >
                 <div
-                  class="color-picker-hash"
-                >
-                  #
-                </div>
-                <input
-                  aria-label="Canvas background"
-                  class="color-picker-input"
-                  spellcheck="false"
-                  value="ffffff"
+                  class="color-picker__button-outline"
                 />
-              </label>
+              </button>
+              <button
+                class="color-picker__button"
+                style="--swatch-color: #f8f9fa;"
+                title="#f8f9fa"
+                type="button"
+              >
+                <div
+                  class="color-picker__button-outline"
+                />
+              </button>
+              <button
+                class="color-picker__button"
+                style="--swatch-color: #f5faff;"
+                title="#f5faff"
+                type="button"
+              >
+                <div
+                  class="color-picker__button-outline"
+                />
+              </button>
+              <button
+                class="color-picker__button"
+                style="--swatch-color: #fffce8;"
+                title="#fffce8"
+                type="button"
+              >
+                <div
+                  class="color-picker__button-outline"
+                />
+              </button>
+              <button
+                class="color-picker__button"
+                style="--swatch-color: #fdf8f6;"
+                title="#fdf8f6"
+                type="button"
+              >
+                <div
+                  class="color-picker__button-outline"
+                />
+              </button>
             </div>
+            <div
+              style="width: 1px; height: 100%; margin: 0px auto;"
+            />
+            <button
+              aria-controls="radix-:r0:"
+              aria-expanded="false"
+              aria-haspopup="dialog"
+              aria-label="Canvas background"
+              class="color-picker__button active-color"
+              data-state="closed"
+              style="--swatch-color: #ffffff;"
+              title="Show background color picker"
+              type="button"
+            >
+              <div
+                class="color-picker__button-outline"
+              />
+            </button>
           </div>
         </div>
       </div>
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index aa5f84334..98303fb75 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -20,7 +20,7 @@ Object {
   "currentItemRoughness": 1,
   "currentItemRoundness": "round",
   "currentItemStartArrowhead": null,
-  "currentItemStrokeColor": "#000000",
+  "currentItemStrokeColor": "#1e1e1e",
   "currentItemStrokeStyle": "solid",
   "currentItemStrokeWidth": 1,
   "currentItemTextAlign": "left",
diff --git a/src/tests/regressionTests.test.tsx b/src/tests/regressionTests.test.tsx
index 07a6a449f..9ecbfb42c 100644
--- a/src/tests/regressionTests.test.tsx
+++ b/src/tests/regressionTests.test.tsx
@@ -12,11 +12,11 @@ import {
   fireEvent,
   render,
   screen,
+  togglePopover,
   waitFor,
 } from "./test-utils";
 import { defaultLang } from "../i18n";
 import { FONT_FAMILY } from "../constants";
-import { t } from "../i18n";
 
 const { h } = window;
 
@@ -42,7 +42,6 @@ const checkpoint = (name: string) => {
     expect(element).toMatchSnapshot(`[${name}] element ${i}`),
   );
 };
-
 beforeEach(async () => {
   // Unmount ReactDOM from root
   ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
@@ -159,13 +158,14 @@ describe("regression tests", () => {
     UI.clickTool("rectangle");
     mouse.down(10, 10);
     mouse.up(10, 10);
+    togglePopover("Background");
+    UI.clickOnTestId("color-yellow");
+    UI.clickOnTestId("color-red");
 
-    UI.clickLabeledElement("Background");
-    UI.clickLabeledElement(t("colors.fa5252"));
-    UI.clickLabeledElement("Stroke");
-    UI.clickLabeledElement(t("colors.5f3dc4"));
-    expect(API.getSelectedElement().backgroundColor).toBe("#fa5252");
-    expect(API.getSelectedElement().strokeColor).toBe("#5f3dc4");
+    togglePopover("Stroke");
+    UI.clickOnTestId("color-blue");
+    expect(API.getSelectedElement().backgroundColor).toBe("#ffc9c9");
+    expect(API.getSelectedElement().strokeColor).toBe("#1971c2");
   });
 
   it("click on an element and drag it", () => {
@@ -988,8 +988,8 @@ describe("regression tests", () => {
       UI.clickTool("rectangle");
       // change background color since default is transparent
       // and transparent elements can't be selected by clicking inside of them
-      UI.clickLabeledElement("Background");
-      UI.clickLabeledElement(t("colors.fa5252"));
+      togglePopover("Background");
+      UI.clickOnTestId("color-red");
       mouse.down();
       mouse.up(1000, 1000);
 
@@ -1088,15 +1088,14 @@ describe("regression tests", () => {
     assertSelectedElements(rect3);
   });
 
-  it("should show fill icons when element has non transparent background", () => {
+  it("should show fill icons when element has non transparent background", async () => {
     UI.clickTool("rectangle");
     expect(screen.queryByText(/fill/i)).not.toBeNull();
     mouse.down();
     mouse.up(10, 10);
     expect(screen.queryByText(/fill/i)).toBeNull();
-
-    UI.clickLabeledElement("Background");
-    UI.clickLabeledElement(t("colors.fa5252"));
+    togglePopover("Background");
+    UI.clickOnTestId("color-red");
     // select rectangle
     mouse.reset();
     mouse.click();
diff --git a/src/tests/test-utils.ts b/src/tests/test-utils.ts
index 9560f681f..bb771b196 100644
--- a/src/tests/test-utils.ts
+++ b/src/tests/test-utils.ts
@@ -16,6 +16,7 @@ import { STORAGE_KEYS } from "../excalidraw-app/app_constants";
 import { SceneData } from "../types";
 import { getSelectedElements } from "../scene/selection";
 import { ExcalidrawElement } from "../element/types";
+import { UI } from "./helpers/ui";
 
 const customQueries = {
   ...queries,
@@ -186,11 +187,6 @@ export const assertSelectedElements = (
   expect(selectedElementIds).toEqual(expect.arrayContaining(ids));
 };
 
-export const toggleMenu = (container: HTMLElement) => {
-  // open menu
-  fireEvent.click(container.querySelector(".dropdown-menu-button")!);
-};
-
 export const createPasteEvent = (
   text:
     | string
@@ -211,3 +207,24 @@ export const createPasteEvent = (
     },
   );
 };
+
+export const toggleMenu = (container: HTMLElement) => {
+  // open menu
+  fireEvent.click(container.querySelector(".dropdown-menu-button")!);
+};
+
+export const togglePopover = (label: string) => {
+  // Needed for radix-ui/react-popover as tests fail due to resize observer not being present
+  (global as any).ResizeObserver = class ResizeObserver {
+    constructor(cb: any) {
+      (this as any).cb = cb;
+    }
+
+    observe() {}
+
+    unobserve() {}
+    disconnect() {}
+  };
+
+  UI.clickLabeledElement(label);
+};
diff --git a/src/types.ts b/src/types.ts
index 666f9e03b..52a75b615 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -163,11 +163,7 @@ export type AppState = {
   isRotating: boolean;
   zoom: Zoom;
   openMenu: "canvas" | "shape" | null;
-  openPopup:
-    | "canvasColorPicker"
-    | "backgroundColorPicker"
-    | "strokeColorPicker"
-    | null;
+  openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
   openSidebar: { name: SidebarName; tab?: SidebarTabName } | null;
   openDialog: "imageExport" | "help" | "jsonExport" | null;
   /**
@@ -542,4 +538,5 @@ export type Device = Readonly<{
   isMobile: boolean;
   isTouchScreen: boolean;
   canDeviceFitSidebar: boolean;
+  isLandscape: boolean;
 }>;
diff --git a/src/utils.ts b/src/utils.ts
index 83376cd3b..b5a65cae2 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,6 +1,5 @@
 import oc from "open-color";
-
-import colors from "./colors";
+import { COLOR_PALETTE } from "./colors";
 import {
   CURSOR_TYPE,
   DEFAULT_VERSION,
@@ -529,7 +528,7 @@ export const isTransparent = (color: string) => {
   return (
     isRGBTransparent ||
     isRRGGBBTransparent ||
-    color === colors.elementBackground[0]
+    color === COLOR_PALETTE.transparent
   );
 };
 
diff --git a/yarn.lock b/yarn.lock
index b4cc8c6f8..eca6964bf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,12 +2,12 @@
 # yarn lockfile v1
 
 
-"@ampproject/remapping@^2.1.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
-  integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
+"@ampproject/remapping@^2.2.0":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
+  integrity sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.1.0"
+    "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
 "@apideck/better-ajv-errors@^0.3.1":
@@ -26,90 +26,56 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.8.3":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
-  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4", "@babel/code-frame@^7.8.3":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
+  integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
   dependencies:
     "@babel/highlight" "^7.18.6"
 
-"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.19.4", "@babel/compat-data@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.0.tgz#9b61938c5f688212c7b9ae363a819df7d29d4093"
-  integrity sha512-Gt9jszFJYq7qzXVK4slhc6NzJXnOVmRECWcVjF/T23rNXD9NtWQ0W3qxdg+p9wWIB+VQw3GYV/U2Ha9bRTfs4w==
+"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
+  integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
 
-"@babel/compat-data@^7.20.1":
-  version "7.20.1"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.1.tgz#f2e6ef7790d8c8dbf03d379502dcc246dcce0b30"
-  integrity sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==
-
-"@babel/core@^7.1.0", "@babel/core@^7.12.3", "@babel/core@^7.16.0":
-  version "7.19.6"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.19.6.tgz#7122ae4f5c5a37c0946c066149abd8e75f81540f"
-  integrity sha512-D2Ue4KHpc6Ys2+AxpIx1BZ8+UegLLLE2p3KJEuJRKmokHOtl49jQ5ny1773KsGLZs8MQvBidAF6yWUJxRqtKtg==
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
+  integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
   dependencies:
-    "@ampproject/remapping" "^2.1.0"
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.19.6"
-    "@babel/helper-compilation-targets" "^7.19.3"
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helpers" "^7.19.4"
-    "@babel/parser" "^7.19.6"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.6"
-    "@babel/types" "^7.19.4"
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.4"
+    "@babel/helper-compilation-targets" "^7.21.4"
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helpers" "^7.21.0"
+    "@babel/parser" "^7.21.4"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.4"
+    "@babel/types" "^7.21.4"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
-    json5 "^2.2.1"
-    semver "^6.3.0"
-
-"@babel/core@^7.11.1", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.2.tgz#8dc9b1620a673f92d3624bd926dc49a52cf25b92"
-  integrity sha512-w7DbG8DtMrJcFOi4VrLm+8QM4az8Mo+PuLBKLp2zrYRCow8W/f9xiXm5sN53C8HksCyDQwCKha9JiDoIyPjT2g==
-  dependencies:
-    "@ampproject/remapping" "^2.1.0"
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.2"
-    "@babel/helper-compilation-targets" "^7.20.0"
-    "@babel/helper-module-transforms" "^7.20.2"
-    "@babel/helpers" "^7.20.1"
-    "@babel/parser" "^7.20.2"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.1"
-    "@babel/types" "^7.20.2"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.1"
+    json5 "^2.2.2"
     semver "^6.3.0"
 
 "@babel/eslint-parser@^7.16.3":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz#4f68f6b0825489e00a24b41b6a1ae35414ecd2f4"
-  integrity sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.21.3.tgz#d79e822050f2de65d7f368a076846e7184234af7"
+  integrity sha512-kfhmPimwo6k4P8zxNs8+T7yR44q1LdpsZdE1NkCsVlfiuTPRfnGgjaF8Qgug9q9Pou17u6wneYF0lDCZJATMFg==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.0"
 
-"@babel/generator@^7.19.6", "@babel/generator@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.0.tgz#0bfc5379e0efb05ca6092091261fcdf7ec36249d"
-  integrity sha512-GUPcXxWibClgmYJuIwC2Bc2Lg+8b9VjaJ+HlNdACEVt+Wlr1eoU1OPZjZRm7Hzl0gaTsUZNQfeihvZJhG7oc3w==
+"@babel/generator@^7.21.4", "@babel/generator@^7.7.2":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.4.tgz#64a94b7448989f421f919d5239ef553b37bb26bc"
+  integrity sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==
   dependencies:
-    "@babel/types" "^7.20.0"
-    "@jridgewell/gen-mapping" "^0.3.2"
-    jsesc "^2.5.1"
-
-"@babel/generator@^7.20.1", "@babel/generator@^7.20.2", "@babel/generator@^7.7.2":
-  version "7.20.4"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.4.tgz#4d9f8f0c30be75fd90a0562099a26e5839602ab8"
-  integrity sha512-luCf7yk/cm7yab6CAW1aiFnmEfBJplb/JojV56MYEK7ziWfGmFlTfmL9Ehwfy4gFhbjBfWO1wj7/TuSbVNEEtA==
-  dependencies:
-    "@babel/types" "^7.20.2"
+    "@babel/types" "^7.21.4"
     "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
 "@babel/helper-annotate-as-pure@^7.18.6":
@@ -127,36 +93,38 @@
     "@babel/helper-explode-assignable-expression" "^7.18.6"
     "@babel/types" "^7.18.9"
 
-"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.19.0", "@babel/helper-compilation-targets@^7.19.3", "@babel/helper-compilation-targets@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz#6bf5374d424e1b3922822f1d9bdaa43b1a139d0a"
-  integrity sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==
+"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.4.tgz#770cd1ce0889097ceacb99418ee6934ef0572656"
+  integrity sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==
   dependencies:
-    "@babel/compat-data" "^7.20.0"
-    "@babel/helper-validator-option" "^7.18.6"
+    "@babel/compat-data" "^7.21.4"
+    "@babel/helper-validator-option" "^7.21.0"
     browserslist "^4.21.3"
+    lru-cache "^5.1.1"
     semver "^6.3.0"
 
-"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz#bfd6904620df4e46470bae4850d66be1054c404b"
-  integrity sha512-NRz8DwF4jT3UfrmUoZjd0Uph9HQnP30t7Ash+weACcyNkiYTywpIjDBgReJMKgr+n86sn2nPVVmJ28Dm053Kqw==
+"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.4.tgz#3a017163dc3c2ba7deb9a7950849a9586ea24c18"
+  integrity sha512-46QrX2CQlaFRF4TkwfTt6nJD7IHq8539cCL7SDpqWSDeJKY1xylKKY5F/33mJhLZ3mFvKv2gGrVS6NkyF6qs+Q==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.18.6"
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-member-expression-to-functions" "^7.18.9"
+    "@babel/helper-function-name" "^7.21.0"
+    "@babel/helper-member-expression-to-functions" "^7.21.0"
     "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.18.9"
+    "@babel/helper-replace-supers" "^7.20.7"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/helper-split-export-declaration" "^7.18.6"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.19.0.tgz#7976aca61c0984202baca73d84e2337a5424a41b"
-  integrity sha512-htnV+mHX32DF81amCDrwIDr8nrp1PTm+3wfBN9/v8QJOLEioOCOG7qNyq0nHeFiWbT3Eb7gsPwEmV64UCQ1jzw==
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.20.5":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.21.4.tgz#40411a8ab134258ad2cf3a3d987ec6aa0723cee5"
+  integrity sha512-M00OuhU+0GyZ5iBBN9czjugzWrEq2vDpf/zCYHxxf93ul/Q5rv+a5h+/+0WnI1AebHNVtl5bFV0qsJoH23DbfA==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.18.6"
-    regexpu-core "^5.1.0"
+    regexpu-core "^5.3.1"
 
 "@babel/helper-define-polyfill-provider@^0.3.3":
   version "0.3.3"
@@ -182,13 +150,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
-  integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==
+"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0", "@babel/helper-function-name@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
+  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
   dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/types" "^7.19.0"
+    "@babel/template" "^7.20.7"
+    "@babel/types" "^7.21.0"
 
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
@@ -197,47 +165,33 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-member-expression-to-functions@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz#1531661e8375af843ad37ac692c132841e2fd815"
-  integrity sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg==
+"@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
+  integrity sha512-Muu8cdZwNN6mRRNG6lAYErJ5X3bRevgYR2O8wN0yn7jJSnGDu6eG59RfT29JHxGUovyfrh6Pj0XzmR7drNVL3Q==
   dependencies:
-    "@babel/types" "^7.18.9"
+    "@babel/types" "^7.21.0"
 
-"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
-  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz#ac88b2f76093637489e718a90cec6cf8a9b029af"
+  integrity sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/types" "^7.21.4"
 
-"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.6":
-  version "7.19.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.6.tgz#6c52cc3ac63b70952d33ee987cbee1c9368b533f"
-  integrity sha512-fCmcfQo/KYr/VXXDIyd3CBGZ6AFhPFy1TfSEJ+PilGVlQT6jcbqtHAM4C1EciRqMza7/TpOUZliuSH+U6HAhJw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-simple-access" "^7.19.4"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.6"
-    "@babel/types" "^7.19.4"
-
-"@babel/helper-module-transforms@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz#ac53da669501edd37e658602a21ba14c08748712"
-  integrity sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA==
+"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.2":
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
+  integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
   dependencies:
     "@babel/helper-environment-visitor" "^7.18.9"
     "@babel/helper-module-imports" "^7.18.6"
     "@babel/helper-simple-access" "^7.20.2"
     "@babel/helper-split-export-declaration" "^7.18.6"
     "@babel/helper-validator-identifier" "^7.19.1"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.1"
-    "@babel/types" "^7.20.2"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.2"
+    "@babel/types" "^7.21.2"
 
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
@@ -246,17 +200,12 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf"
-  integrity sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==
-
-"@babel/helper-plugin-utils@^7.20.2":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.20.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
-"@babel/helper-remap-async-to-generator@^7.18.6", "@babel/helper-remap-async-to-generator@^7.18.9":
+"@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
   integrity sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==
@@ -266,23 +215,17 @@
     "@babel/helper-wrap-function" "^7.18.9"
     "@babel/types" "^7.18.9"
 
-"@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.18.9", "@babel/helper-replace-supers@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.19.1.tgz#e1592a9b4b368aa6bdb8784a711e0bcbf0612b78"
-  integrity sha512-T7ahH7wV0Hfs46SFh5Jz3s0B6+o8g3c+7TMxu7xKfmHikg7EAZ3I2Qk9LFhjxXq8sL7UkP5JflezNwoZa8WvWw==
+"@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.20.7.tgz#243ecd2724d2071532b2c8ad2f0f9f083bcae331"
+  integrity sha512-vujDMtB6LVfNW13jhlCrp48QNslK6JXi7lQG736HVbHz/mbf4Dc7tIRh1Xf5C0rF7BP8iiSxGMCmY6Ci1ven3A==
   dependencies:
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-member-expression-to-functions" "^7.18.9"
+    "@babel/helper-member-expression-to-functions" "^7.20.7"
     "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/traverse" "^7.19.1"
-    "@babel/types" "^7.19.0"
-
-"@babel/helper-simple-access@^7.19.4":
-  version "7.19.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.19.4.tgz#be553f4951ac6352df2567f7daa19a0ee15668e7"
-  integrity sha512-f9Xq6WqBFqaDfbCzn2w85hwklswz5qsKlh7f08w4Y9yhJHpnNC0QemtSkK5YyOY8kPGvyiwdzZksGUhnGdaUIg==
-  dependencies:
-    "@babel/types" "^7.19.4"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.20.7"
+    "@babel/types" "^7.20.7"
 
 "@babel/helper-simple-access@^7.20.2":
   version "7.20.2"
@@ -291,7 +234,7 @@
   dependencies:
     "@babel/types" "^7.20.2"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.18.9":
+"@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
   integrity sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==
@@ -315,38 +258,29 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
-"@babel/helper-validator-option@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
-  integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
+"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
+  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
 
 "@babel/helper-wrap-function@^7.18.9":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.19.0.tgz#89f18335cff1152373222f76a4b37799636ae8b1"
-  integrity sha512-txX8aN8CZyYGTwcLhlk87KRqncAzhh5TpQamZUa0/u3an36NtDpUP6bQgBCBcLeBs09R/OwQu3OjK0k/HwfNDg==
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3"
+  integrity sha512-bYMxIWK5mh+TgXGVqAtnu5Yn1un+v8DDZtqyzKRLUzrh70Eal2O3aZ7aPYiMADO4uKlkzOiRiZ6GX5q3qxvW9Q==
   dependencies:
     "@babel/helper-function-name" "^7.19.0"
     "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.0"
-    "@babel/types" "^7.19.0"
+    "@babel/traverse" "^7.20.5"
+    "@babel/types" "^7.20.5"
 
-"@babel/helpers@^7.19.4":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.0.tgz#27c8ffa8cc32a2ed3762fba48886e7654dbcf77f"
-  integrity sha512-aGMjYraN0zosCEthoGLdqot1oRsmxVTQRHadsUPz5QM44Zej2PYRz7XiDE7GqnkZnNtLbOuxqoZw42vkU7+XEQ==
+"@babel/helpers@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
+  integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
   dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.0"
-    "@babel/types" "^7.20.0"
-
-"@babel/helpers@^7.20.1":
-  version "7.20.1"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.1.tgz#2ab7a0fcb0a03b5bf76629196ed63c2d7311f4c9"
-  integrity sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg==
-  dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.1"
-    "@babel/types" "^7.20.0"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.0"
+    "@babel/types" "^7.21.0"
 
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.18.6":
   version "7.18.6"
@@ -357,15 +291,10 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.18.10", "@babel/parser@^7.19.6", "@babel/parser@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.0.tgz#b26133c888da4d79b0d3edcf42677bcadc783046"
-  integrity sha512-G9VgAhEaICnz8iiJeGJQyVl6J2nTjbW0xeisva0PK6XcKsga7BIaqm4ZF8Rg1Wbaqmy6znspNqhPaPkyukujzg==
-
-"@babel/parser@^7.20.1", "@babel/parser@^7.20.2":
-  version "7.20.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.3.tgz#5358cf62e380cf69efcb87a7bb922ff88bfac6e2"
-  integrity sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg==
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
+  integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
 
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
   version "7.18.6"
@@ -374,32 +303,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.18.9.tgz#a11af19aa373d68d561f08e0a57242350ed0ec50"
-  integrity sha512-AHrP9jadvH7qlOj6PINbgSuphjQUAK7AOT7DPjBo9EHoLhQTnnK5u45e1Hd4DbSQEO9nqPWtQ89r+XEOWFScKg==
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.20.7.tgz#d9c85589258539a22a901033853101a6198d4ef1"
+  integrity sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
-    "@babel/plugin-proposal-optional-chaining" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.20.7"
 
-"@babel/plugin-proposal-async-generator-functions@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.19.1.tgz#34f6f5174b688529342288cd264f80c9ea9fb4a7"
-  integrity sha512-0yu8vNATgLy4ivqMNBIwb1HebCelqN7YX8SL3FDXORv/RqT0zEEWUCH4GH44JsSrvCu6GqnAdR5EBFAPeNBB4Q==
+"@babel/plugin-proposal-async-generator-functions@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz#bfb7276d2d573cb67ba379984a2334e262ba5326"
+  integrity sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==
   dependencies:
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-remap-async-to-generator" "^7.18.9"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-
-"@babel/plugin-proposal-async-generator-functions@^7.20.1":
-  version "7.20.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.1.tgz#352f02baa5d69f4e7529bdac39aaa02d41146af9"
-  integrity sha512-Gh5rchzSwE4kC+o/6T8waD0WHEQIsDmjltY8WnWRXHUdH8axZhuH86Ov9M72YhJfDrZseQwuuWaaIT/TmePp3g==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-remap-async-to-generator" "^7.18.9"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
 
@@ -411,25 +330,25 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-proposal-class-static-block@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.18.6.tgz#8aa81d403ab72d3962fc06c26e222dacfc9b9020"
-  integrity sha512-+I3oIiNxrCpup3Gi8n5IGMwj0gOCAjcJUSQEcotNnCCPMEnixawOQ+KeJPlgfjzx+FKQ1QSyZOWe7wmoJp7vhw==
+"@babel/plugin-proposal-class-static-block@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.21.0.tgz#77bdd66fb7b605f3a61302d224bdfacf5547977d"
+  integrity sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
 
 "@babel/plugin-proposal-decorators@^7.16.4":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.20.0.tgz#3acef1f1206d7a6a1436aa6ccf9ed7b1bd06aff7"
-  integrity sha512-vnuRRS20ygSxclEYikHzVrP9nZDFXaSzvJxGLQNAiBX041TmhS4hOUHWNIpq/q4muENuEP9XPJFXTNFejhemkg==
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.21.0.tgz#70e0c89fdcd7465c97593edb8f628ba6e4199d63"
+  integrity sha512-MfgX49uRrFUTL/HvWtmx3zmpyzMMr4MTj3d527MLlr/4RTT9G/ytFFP7qet2uM2Ve03b+BkpWUpK+lRXnQ+v9w==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.19.0"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-replace-supers" "^7.19.1"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-replace-supers" "^7.20.7"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/plugin-syntax-decorators" "^7.19.0"
+    "@babel/plugin-syntax-decorators" "^7.21.0"
 
 "@babel/plugin-proposal-dynamic-import@^7.18.6":
   version "7.18.6"
@@ -455,12 +374,12 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
 
-"@babel/plugin-proposal-logical-assignment-operators@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.18.9.tgz#8148cbb350483bf6220af06fa6db3690e14b2e23"
-  integrity sha512-128YbMpjCrP35IOExw2Fq+x55LMP42DzhOhX2aNNIdI9avSWl2PI0yuBWarr3RYpZBSPtabfadkH2yeRiMD61Q==
+"@babel/plugin-proposal-logical-assignment-operators@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.20.7.tgz#dfbcaa8f7b4d37b51e8bfb46d94a5aea2bb89d83"
+  integrity sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
 
 "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6":
@@ -479,27 +398,16 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-proposal-object-rest-spread@^7.19.4":
-  version "7.19.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.19.4.tgz#a8fc86e8180ff57290c91a75d83fe658189b642d"
-  integrity sha512-wHmj6LDxVDnL+3WhXteUBaoM1aVILZODAUjg11kHqG4cOlfgMQGxw6aCgvrXrmaJR3Bn14oZhImyCPZzRpC93Q==
+"@babel/plugin-proposal-object-rest-spread@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz#aa662940ef425779c75534a5c41e9d936edc390a"
+  integrity sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==
   dependencies:
-    "@babel/compat-data" "^7.19.4"
-    "@babel/helper-compilation-targets" "^7.19.3"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.18.8"
-
-"@babel/plugin-proposal-object-rest-spread@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.2.tgz#a556f59d555f06961df1e572bb5eca864c84022d"
-  integrity sha512-Ks6uej9WFK+fvIMesSqbAto5dD8Dz4VuuFvGJFKgIGSkJuRGcrwGECPA1fDgQK3/DbExBJpEkTeYeB8geIFCSQ==
-  dependencies:
-    "@babel/compat-data" "^7.20.1"
-    "@babel/helper-compilation-targets" "^7.20.0"
+    "@babel/compat-data" "^7.20.5"
+    "@babel/helper-compilation-targets" "^7.20.7"
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.20.1"
+    "@babel/plugin-transform-parameters" "^7.20.7"
 
 "@babel/plugin-proposal-optional-catch-binding@^7.18.6":
   version "7.18.6"
@@ -509,13 +417,13 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-proposal-optional-chaining@^7.16.0", "@babel/plugin-proposal-optional-chaining@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz#e8e8fe0723f2563960e4bf5e9690933691915993"
-  integrity sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w==
+"@babel/plugin-proposal-optional-chaining@^7.16.0", "@babel/plugin-proposal-optional-chaining@^7.20.7", "@babel/plugin-proposal-optional-chaining@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
+  integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
 "@babel/plugin-proposal-private-methods@^7.16.0", "@babel/plugin-proposal-private-methods@^7.18.6":
@@ -526,14 +434,14 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-proposal-private-property-in-object@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.18.6.tgz#a64137b232f0aca3733a67eb1a144c192389c503"
-  integrity sha512-9Rysx7FOctvT5ouj5JODjAFAkgGoudQuLPamZb0v1TGLpapdNaftzifU8NTWQm0IRjqoYypdrSmyWgkocDQ8Dw==
+"@babel/plugin-proposal-private-property-in-object@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0.tgz#19496bd9883dd83c23c7d7fc45dcd9ad02dfa1dc"
+  integrity sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
 
 "@babel/plugin-proposal-unicode-property-regex@^7.18.6", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
@@ -572,12 +480,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-decorators@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.19.0.tgz#5f13d1d8fce96951bea01a10424463c9a5b3a599"
-  integrity sha512-xaBZUEDntt4faL1yN8oIFlhfXeQAWJW7CLKYsHTUqriCUbj8xOra8bfxxKGi/UwExPFBuPdH4XfHc9rGQhrVkQ==
+"@babel/plugin-syntax-decorators@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.21.0.tgz#d2b3f31c3e86fa86e16bb540b7660c55bd7d0e78"
+  integrity sha512-tIoPpGBR8UuM4++ccWN3gifhVvQu7ZizuR1fklhRJrd5ewgbkUS+0KVFeWWxELtn18NTLoW32XV7zyOgIAiz+w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-syntax-dynamic-import@^7.8.3":
   version "7.8.3"
@@ -594,13 +502,13 @@
     "@babel/helper-plugin-utils" "^7.8.3"
 
 "@babel/plugin-syntax-flow@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.18.6.tgz#774d825256f2379d06139be0c723c4dd444f3ca1"
-  integrity sha512-LUbR+KNTBWCUAqRG9ex5Gnzu2IOkt8jRJbHHXFT9q+L9zm7M/QQbEqXyw1n1pohYvOyWC8CjeyjrSaIwiYjK7A==
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.21.4.tgz#3e37fca4f06d93567c1cd9b75156422e90a67107"
+  integrity sha512-l9xd3N+XG4fZRxEP3vXdK6RW7vN1Uf5dxzRC/09wV86wqZ/YYQooBIGNsiRdfNR3/q2/5pPzV4B54J/9ctX5jw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-syntax-import-assertions@^7.18.6", "@babel/plugin-syntax-import-assertions@^7.20.0":
+"@babel/plugin-syntax-import-assertions@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.20.0.tgz#bb50e0d4bea0957235390641209394e87bdb9cc4"
   integrity sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==
@@ -621,12 +529,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
-  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
+"@babel/plugin-syntax-jsx@^7.18.6", "@babel/plugin-syntax-jsx@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz#f264ed7bf40ffc9ec239edabc17a50c4f5b6fea2"
+  integrity sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
@@ -685,27 +593,27 @@
     "@babel/helper-plugin-utils" "^7.14.5"
 
 "@babel/plugin-syntax-typescript@^7.20.0", "@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
-  integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz#2751948e9b7c6d771a8efa59340c15d4a2891ff8"
+  integrity sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-transform-arrow-functions@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.18.6.tgz#19063fcf8771ec7b31d742339dac62433d0611fe"
-  integrity sha512-9S9X9RUefzrsHZmKMbDXxweEH+YlE8JJEuat9FdvW9Qh1cw7W64jELCtWNkPBPX5En45uy28KGvA/AySqUh8CQ==
+"@babel/plugin-transform-arrow-functions@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.20.7.tgz#bea332b0e8b2dab3dafe55a163d8227531ab0551"
+  integrity sha512-3poA5E7dzDomxj9WXWwuD6A5F3kc7VXwIJO+E+J8qtDtS+pXPAhrgEyh+9GBwBgPq1Z+bB+/JD60lp5jsN7JPQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-transform-async-to-generator@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.18.6.tgz#ccda3d1ab9d5ced5265fdb13f1882d5476c71615"
-  integrity sha512-ARE5wZLKnTgPW7/1ftQmSi1CmkqqHo2DNmtztFhvgtOWSDfq0Cq9/9L+KnZNYSNrydBekhW3rwShduf59RoXag==
+"@babel/plugin-transform-async-to-generator@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.20.7.tgz#dfee18623c8cb31deb796aa3ca84dda9cea94354"
+  integrity sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==
   dependencies:
     "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-remap-async-to-generator" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-remap-async-to-generator" "^7.18.9"
 
 "@babel/plugin-transform-block-scoped-functions@^7.18.6":
   version "7.18.6"
@@ -714,68 +622,40 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-block-scoping@^7.19.4":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.20.0.tgz#91fe5e6ffc9ba13cb6c95ed7f0b1204f68c988c5"
-  integrity sha512-sXOohbpHZSk7GjxK9b3dKB7CfqUD5DwOH+DggKzOQ7TXYP+RCSbRykfjQmn/zq+rBjycVRtLf9pYhAaEJA786w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
-
-"@babel/plugin-transform-block-scoping@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.20.2.tgz#f59b1767e6385c663fd0bce655db6ca9c8b236ed"
-  integrity sha512-y5V15+04ry69OV2wULmwhEA6jwSWXO1TwAtIwiPXcvHcoOQUqpyMVd2bDsQJMW8AurjulIyUV8kDqtjSwHy1uQ==
+"@babel/plugin-transform-block-scoping@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.21.0.tgz#e737b91037e5186ee16b76e7ae093358a5634f02"
+  integrity sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-transform-classes@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.19.0.tgz#0e61ec257fba409c41372175e7c1e606dc79bb20"
-  integrity sha512-YfeEE9kCjqTS9IitkgfJuxjcEtLUHMqa8yUJ6zdz8vR7hKuo6mOy2C05P0F1tdMmDCeuyidKnlrw/iTppHcr2A==
+"@babel/plugin-transform-classes@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.21.0.tgz#f469d0b07a4c5a7dbb21afad9e27e57b47031665"
+  integrity sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-compilation-targets" "^7.19.0"
+    "@babel/helper-compilation-targets" "^7.20.7"
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-replace-supers" "^7.18.9"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    globals "^11.1.0"
-
-"@babel/plugin-transform-classes@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.20.2.tgz#c0033cf1916ccf78202d04be4281d161f6709bb2"
-  integrity sha512-9rbPp0lCVVoagvtEyQKSo5L8oo0nQS/iif+lwlAz29MccX2642vWDlSZK+2T2buxbopotId2ld7zZAzRfz9j1g==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-compilation-targets" "^7.20.0"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
+    "@babel/helper-function-name" "^7.21.0"
     "@babel/helper-optimise-call-expression" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-replace-supers" "^7.19.1"
+    "@babel/helper-replace-supers" "^7.20.7"
     "@babel/helper-split-export-declaration" "^7.18.6"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.18.9.tgz#2357a8224d402dad623caf6259b611e56aec746e"
-  integrity sha512-+i0ZU1bCDymKakLxn5srGHrsAPRELC2WIbzwjLhHW9SIE1cPYkLCL0NlnXMZaM1vhfgA2+M7hySk42VBvrkBRw==
+"@babel/plugin-transform-computed-properties@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.20.7.tgz#704cc2fd155d1c996551db8276d55b9d46e4d0aa"
+  integrity sha512-Lz7MvBK6DTjElHAmfu6bfANzKcxpyNPeYBGEafyA6E5HtRpjpZwU+u7Qrgz/2OR0z+5TvKYbPdphfSaAcZBrYQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/template" "^7.20.7"
 
-"@babel/plugin-transform-destructuring@^7.19.4":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.20.0.tgz#712829ef4825d9cc04bb379de316f981e9a6f648"
-  integrity sha512-1dIhvZfkDVx/zn2S1aFwlruspTt4189j7fEkH0Y0VyuDM6bQt7bD6kLcz3l4IlLG+e5OReaBz9ROAbttRtUHqA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
-
-"@babel/plugin-transform-destructuring@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.20.2.tgz#c23741cfa44ddd35f5e53896e88c75331b8b2792"
-  integrity sha512-mENM+ZHrvEgxLTBXUiQ621rRXZes3KWUv6NdQlrnr1TkWVw+hUjQBZuP2X32qKlrlG2BzgR95gkuCRSkJl8vIw==
+"@babel/plugin-transform-destructuring@^7.21.3":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.21.3.tgz#73b46d0fd11cd6ef57dea8a381b1215f4959d401"
+  integrity sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
@@ -803,19 +683,19 @@
     "@babel/helper-plugin-utils" "^7.18.6"
 
 "@babel/plugin-transform-flow-strip-types@^7.16.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.19.0.tgz#e9e8606633287488216028719638cbbb2f2dde8f"
-  integrity sha512-sgeMlNaQVbCSpgLSKP4ZZKfsJVnFnNQlUSk6gPYzR/q7tzCgQF2t8RBKAP6cKJeZdveei7Q7Jm527xepI8lNLg==
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.21.0.tgz#6aeca0adcb81dc627c8986e770bfaa4d9812aff5"
+  integrity sha512-FlFA2Mj87a6sDkW4gfGrQQqwY/dLlBAyJa2dJEZ+FHXUVHBflO2wyKvg+OOEzXfrKYIa4HWl0mgmbCzt0cMb7w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-flow" "^7.18.6"
 
-"@babel/plugin-transform-for-of@^7.18.8":
-  version "7.18.8"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.18.8.tgz#6ef8a50b244eb6a0bdbad0c7c61877e4e30097c1"
-  integrity sha512-yEfTRnjuskWYo0k1mHUqrVWaZwrdq8AYbfrpqULOJOaucGSp4mNMVps+YtA8byoevxS/urwU75vyhQIxcCgiBQ==
+"@babel/plugin-transform-for-of@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.21.0.tgz#964108c9988de1a60b4be2354a7d7e245f36e86e"
+  integrity sha512-LlUYlydgDkKpIY7mcBWvyPPmMcOphEyYA27Ef4xpbh1IiDNLr0kZsos2nf92vz3IccvJI25QUwp86Eo5s6HmBQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-transform-function-name@^7.18.9":
   version "7.18.9"
@@ -840,31 +720,31 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-modules-amd@^7.18.6", "@babel/plugin-transform-modules-amd@^7.19.6":
-  version "7.19.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.19.6.tgz#aca391801ae55d19c4d8d2ebfeaa33df5f2a2cbd"
-  integrity sha512-uG3od2mXvAtIFQIh0xrpLH6r5fpSQN04gIVovl+ODLdUMANokxQLZnPBHcjmv3GxRjnqwLuHvppjjcelqUFZvg==
+"@babel/plugin-transform-modules-amd@^7.20.11":
+  version "7.20.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.20.11.tgz#3daccca8e4cc309f03c3a0c4b41dc4b26f55214a"
+  integrity sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==
   dependencies:
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-module-transforms" "^7.20.11"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-transform-modules-commonjs@^7.18.6", "@babel/plugin-transform-modules-commonjs@^7.19.6":
-  version "7.19.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.19.6.tgz#25b32feef24df8038fc1ec56038917eacb0b730c"
-  integrity sha512-8PIa1ym4XRTKuSsOUXqDG0YaOlEuTVvHMe5JCfgBMOtHvJKw/4NGovEGN33viISshG/rZNVrACiBmPQLvWN8xQ==
+"@babel/plugin-transform-modules-commonjs@^7.21.2":
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7"
+  integrity sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-simple-access" "^7.19.4"
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-simple-access" "^7.20.2"
 
-"@babel/plugin-transform-modules-systemjs@^7.19.0", "@babel/plugin-transform-modules-systemjs@^7.19.6":
-  version "7.19.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.19.6.tgz#59e2a84064b5736a4471b1aa7b13d4431d327e0d"
-  integrity sha512-fqGLBepcc3kErfR9R3DnVpURmckXP7gj7bAlrTQyBxrigFqszZCkFkcoxzCp2v32XmwXLvbw+8Yq9/b+QqksjQ==
+"@babel/plugin-transform-modules-systemjs@^7.20.11":
+  version "7.20.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.20.11.tgz#467ec6bba6b6a50634eea61c9c232654d8a4696e"
+  integrity sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==
   dependencies:
     "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-module-transforms" "^7.20.11"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-validator-identifier" "^7.19.1"
 
 "@babel/plugin-transform-modules-umd@^7.18.6":
@@ -875,13 +755,13 @@
     "@babel/helper-module-transforms" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.19.1.tgz#ec7455bab6cd8fb05c525a94876f435a48128888"
-  integrity sha512-oWk9l9WItWBQYS4FgXD4Uyy5kq898lvkXpXQxoJEY1RnvPk4R/Dvu2ebXU9q8lP+rlMwUQTFf2Ok6d78ODa0kw==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.20.5":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.20.5.tgz#626298dd62ea51d452c3be58b285d23195ba69a8"
+  integrity sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.19.0"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.20.5"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-transform-new-target@^7.18.6":
   version "7.18.6"
@@ -898,17 +778,10 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/helper-replace-supers" "^7.18.6"
 
-"@babel/plugin-transform-parameters@^7.18.8":
-  version "7.18.8"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.18.8.tgz#ee9f1a0ce6d78af58d0956a9378ea3427cccb48a"
-  integrity sha512-ivfbE3X2Ss+Fj8nnXvKJS6sjRG4gzwPMsP+taZC+ZzEGjAYlvENixmt1sZ5Ca6tWls+BlKSGKPJ6OOXvXCbkFg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-transform-parameters@^7.20.1":
-  version "7.20.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.20.3.tgz#7b3468d70c3c5b62e46be0a47b6045d8590fb748"
-  integrity sha512-oZg/Fpx0YDrj13KsLyO8I/CX3Zdw7z0O9qOd95SqcoIzuqy/WTGWvePeHAnZCN54SfdyjHcb1S30gc8zlzlHcA==
+"@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.21.3":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.21.3.tgz#18fc4e797cf6d6d972cb8c411dbe8a809fa157db"
+  integrity sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
@@ -920,11 +793,11 @@
     "@babel/helper-plugin-utils" "^7.18.6"
 
 "@babel/plugin-transform-react-constant-elements@^7.12.1":
-  version "7.18.12"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.18.12.tgz#edf3bec47eb98f14e84fa0af137fcc6aad8e0443"
-  integrity sha512-Q99U9/ttiu+LMnRU8psd23HhvwXmKWDQIpocm0JKaICcZHnw+mdQbHm6xnSy7dOl8I5PELakYtNBubNQlBXbZw==
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.21.3.tgz#b32a5556100d424b25e388dd689050d78396884d"
+  integrity sha512-4DVcFeWe/yDYBLp0kBmOGFJ6N2UYg7coGid1gdxb4co62dy/xISDMaYBXBVXEDhfgMk7qkbcYiGtwd5Q/hwDDQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.18.6":
   version "7.18.6"
@@ -941,15 +814,15 @@
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
 "@babel/plugin-transform-react-jsx@^7.18.6":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz#b3cbb7c3a00b92ec8ae1027910e331ba5c500eb9"
-  integrity sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg==
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz#656b42c2fdea0a6d8762075d58ef9d4e3c4ab8a2"
+  integrity sha512-6OAWljMvQrZjR2DaNhVfRz6dkCAVV+ymcLUmaf8bccGOHn2v5rHJK3tTpij0BuhdYWP4LLaqj5lwcdlpAAPuvg==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.18.6"
     "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-jsx" "^7.18.6"
-    "@babel/types" "^7.19.0"
+    "@babel/types" "^7.21.0"
 
 "@babel/plugin-transform-react-pure-annotations@^7.18.6":
   version "7.18.6"
@@ -959,13 +832,13 @@
     "@babel/helper-annotate-as-pure" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-regenerator@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.18.6.tgz#585c66cb84d4b4bf72519a34cfce761b8676ca73"
-  integrity sha512-poqRI2+qiSdeldcz4wTSTXBRryoq3Gc70ye7m7UD5Ww0nE29IXqMl6r7Nd15WBgRd74vloEMlShtH6CKxVzfmQ==
+"@babel/plugin-transform-regenerator@^7.20.5":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.20.5.tgz#57cda588c7ffb7f4f8483cc83bdcea02a907f04d"
+  integrity sha512-kW/oO7HPBtntbsahzQ0qSE3tFvkFwnbozz3NWFhLGqH75vLEg+sCGngLlhVkePlCs3Jv0dBBHDzCHxNiFAQKCQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    regenerator-transform "^0.15.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    regenerator-transform "^0.15.1"
 
 "@babel/plugin-transform-reserved-words@^7.18.6":
   version "7.18.6"
@@ -975,12 +848,12 @@
     "@babel/helper-plugin-utils" "^7.18.6"
 
 "@babel/plugin-transform-runtime@^7.16.4":
-  version "7.19.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.19.6.tgz#9d2a9dbf4e12644d6f46e5e75bfbf02b5d6e9194"
-  integrity sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw==
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.4.tgz#2e1da21ca597a7d01fc96b699b21d8d2023191aa"
+  integrity sha512-1J4dhrw1h1PqnNNpzwxQ2UBymJUF8KuPjAAnlLwZcGhHAIqUigFW7cdK6GHoB64ubY4qXQNYknoUeks4Wz7CUA==
   dependencies:
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-module-imports" "^7.21.4"
+    "@babel/helper-plugin-utils" "^7.20.2"
     babel-plugin-polyfill-corejs2 "^0.3.3"
     babel-plugin-polyfill-corejs3 "^0.6.0"
     babel-plugin-polyfill-regenerator "^0.4.1"
@@ -993,13 +866,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-spread@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.19.0.tgz#dd60b4620c2fec806d60cfaae364ec2188d593b6"
-  integrity sha512-RsuMk7j6n+r752EtzyScnWkQyuJdli6LdO5Klv8Yx0OfPVTcQkIUfS8clx5e9yHXzlnhOZF3CbQ8C2uP5j074w==
+"@babel/plugin-transform-spread@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.20.7.tgz#c2d83e0b99d3bf83e07b11995ee24bf7ca09401e"
+  integrity sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
 
 "@babel/plugin-transform-sticky-regex@^7.18.6":
   version "7.18.6"
@@ -1022,13 +895,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
-"@babel/plugin-transform-typescript@^7.18.6":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.20.0.tgz#2c7ec62b8bfc21482f3748789ba294a46a375169"
-  integrity sha512-xOAsAFaun3t9hCwZ13Qe7gq423UgMZ6zAgmLxeGGapFqlT/X3L5qT2btjiVLlFn7gWtMaVyceS5VxGAuKbgizw==
+"@babel/plugin-transform-typescript@^7.21.3":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz#316c5be579856ea890a57ebc5116c5d064658f2b"
+  integrity sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.19.0"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-annotate-as-pure" "^7.18.6"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-typescript" "^7.20.0"
 
 "@babel/plugin-transform-unicode-escapes@^7.18.10":
@@ -1046,31 +920,31 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/preset-env@^7.11.0":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.20.2.tgz#9b1642aa47bb9f43a86f9630011780dab7f86506"
-  integrity sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg==
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.21.4.tgz#a952482e634a8dd8271a3fe5459a16eb10739c58"
+  integrity sha512-2W57zHs2yDLm6GD5ZpvNn71lZ0B/iypSdIeq25OurDKji6AdzV07qp4s3n1/x5BqtiGaTrPN3nerlSCaC5qNTw==
   dependencies:
-    "@babel/compat-data" "^7.20.1"
-    "@babel/helper-compilation-targets" "^7.20.0"
+    "@babel/compat-data" "^7.21.4"
+    "@babel/helper-compilation-targets" "^7.21.4"
     "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-validator-option" "^7.18.6"
+    "@babel/helper-validator-option" "^7.21.0"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.18.6"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.18.9"
-    "@babel/plugin-proposal-async-generator-functions" "^7.20.1"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.20.7"
+    "@babel/plugin-proposal-async-generator-functions" "^7.20.7"
     "@babel/plugin-proposal-class-properties" "^7.18.6"
-    "@babel/plugin-proposal-class-static-block" "^7.18.6"
+    "@babel/plugin-proposal-class-static-block" "^7.21.0"
     "@babel/plugin-proposal-dynamic-import" "^7.18.6"
     "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
     "@babel/plugin-proposal-json-strings" "^7.18.6"
-    "@babel/plugin-proposal-logical-assignment-operators" "^7.18.9"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.20.7"
     "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.6"
     "@babel/plugin-proposal-numeric-separator" "^7.18.6"
-    "@babel/plugin-proposal-object-rest-spread" "^7.20.2"
+    "@babel/plugin-proposal-object-rest-spread" "^7.20.7"
     "@babel/plugin-proposal-optional-catch-binding" "^7.18.6"
-    "@babel/plugin-proposal-optional-chaining" "^7.18.9"
+    "@babel/plugin-proposal-optional-chaining" "^7.21.0"
     "@babel/plugin-proposal-private-methods" "^7.18.6"
-    "@babel/plugin-proposal-private-property-in-object" "^7.18.6"
+    "@babel/plugin-proposal-private-property-in-object" "^7.21.0"
     "@babel/plugin-proposal-unicode-property-regex" "^7.18.6"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
     "@babel/plugin-syntax-class-properties" "^7.12.13"
@@ -1087,121 +961,40 @@
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
     "@babel/plugin-syntax-top-level-await" "^7.14.5"
-    "@babel/plugin-transform-arrow-functions" "^7.18.6"
-    "@babel/plugin-transform-async-to-generator" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.20.7"
+    "@babel/plugin-transform-async-to-generator" "^7.20.7"
     "@babel/plugin-transform-block-scoped-functions" "^7.18.6"
-    "@babel/plugin-transform-block-scoping" "^7.20.2"
-    "@babel/plugin-transform-classes" "^7.20.2"
-    "@babel/plugin-transform-computed-properties" "^7.18.9"
-    "@babel/plugin-transform-destructuring" "^7.20.2"
+    "@babel/plugin-transform-block-scoping" "^7.21.0"
+    "@babel/plugin-transform-classes" "^7.21.0"
+    "@babel/plugin-transform-computed-properties" "^7.20.7"
+    "@babel/plugin-transform-destructuring" "^7.21.3"
     "@babel/plugin-transform-dotall-regex" "^7.18.6"
     "@babel/plugin-transform-duplicate-keys" "^7.18.9"
     "@babel/plugin-transform-exponentiation-operator" "^7.18.6"
-    "@babel/plugin-transform-for-of" "^7.18.8"
+    "@babel/plugin-transform-for-of" "^7.21.0"
     "@babel/plugin-transform-function-name" "^7.18.9"
     "@babel/plugin-transform-literals" "^7.18.9"
     "@babel/plugin-transform-member-expression-literals" "^7.18.6"
-    "@babel/plugin-transform-modules-amd" "^7.19.6"
-    "@babel/plugin-transform-modules-commonjs" "^7.19.6"
-    "@babel/plugin-transform-modules-systemjs" "^7.19.6"
+    "@babel/plugin-transform-modules-amd" "^7.20.11"
+    "@babel/plugin-transform-modules-commonjs" "^7.21.2"
+    "@babel/plugin-transform-modules-systemjs" "^7.20.11"
     "@babel/plugin-transform-modules-umd" "^7.18.6"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.19.1"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.20.5"
     "@babel/plugin-transform-new-target" "^7.18.6"
     "@babel/plugin-transform-object-super" "^7.18.6"
-    "@babel/plugin-transform-parameters" "^7.20.1"
+    "@babel/plugin-transform-parameters" "^7.21.3"
     "@babel/plugin-transform-property-literals" "^7.18.6"
-    "@babel/plugin-transform-regenerator" "^7.18.6"
+    "@babel/plugin-transform-regenerator" "^7.20.5"
     "@babel/plugin-transform-reserved-words" "^7.18.6"
     "@babel/plugin-transform-shorthand-properties" "^7.18.6"
-    "@babel/plugin-transform-spread" "^7.19.0"
+    "@babel/plugin-transform-spread" "^7.20.7"
     "@babel/plugin-transform-sticky-regex" "^7.18.6"
     "@babel/plugin-transform-template-literals" "^7.18.9"
     "@babel/plugin-transform-typeof-symbol" "^7.18.9"
     "@babel/plugin-transform-unicode-escapes" "^7.18.10"
     "@babel/plugin-transform-unicode-regex" "^7.18.6"
     "@babel/preset-modules" "^0.1.5"
-    "@babel/types" "^7.20.2"
-    babel-plugin-polyfill-corejs2 "^0.3.3"
-    babel-plugin-polyfill-corejs3 "^0.6.0"
-    babel-plugin-polyfill-regenerator "^0.4.1"
-    core-js-compat "^3.25.1"
-    semver "^6.3.0"
-
-"@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
-  version "7.19.4"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.19.4.tgz#4c91ce2e1f994f717efb4237891c3ad2d808c94b"
-  integrity sha512-5QVOTXUdqTCjQuh2GGtdd7YEhoRXBMVGROAtsBeLGIbIz3obCBIfRMT1I3ZKkMgNzwkyCkftDXSSkHxnfVf4qg==
-  dependencies:
-    "@babel/compat-data" "^7.19.4"
-    "@babel/helper-compilation-targets" "^7.19.3"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-validator-option" "^7.18.6"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.18.6"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.18.9"
-    "@babel/plugin-proposal-async-generator-functions" "^7.19.1"
-    "@babel/plugin-proposal-class-properties" "^7.18.6"
-    "@babel/plugin-proposal-class-static-block" "^7.18.6"
-    "@babel/plugin-proposal-dynamic-import" "^7.18.6"
-    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
-    "@babel/plugin-proposal-json-strings" "^7.18.6"
-    "@babel/plugin-proposal-logical-assignment-operators" "^7.18.9"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.6"
-    "@babel/plugin-proposal-numeric-separator" "^7.18.6"
-    "@babel/plugin-proposal-object-rest-spread" "^7.19.4"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.18.6"
-    "@babel/plugin-proposal-optional-chaining" "^7.18.9"
-    "@babel/plugin-proposal-private-methods" "^7.18.6"
-    "@babel/plugin-proposal-private-property-in-object" "^7.18.6"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.18.6"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.18.6"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
-    "@babel/plugin-transform-arrow-functions" "^7.18.6"
-    "@babel/plugin-transform-async-to-generator" "^7.18.6"
-    "@babel/plugin-transform-block-scoped-functions" "^7.18.6"
-    "@babel/plugin-transform-block-scoping" "^7.19.4"
-    "@babel/plugin-transform-classes" "^7.19.0"
-    "@babel/plugin-transform-computed-properties" "^7.18.9"
-    "@babel/plugin-transform-destructuring" "^7.19.4"
-    "@babel/plugin-transform-dotall-regex" "^7.18.6"
-    "@babel/plugin-transform-duplicate-keys" "^7.18.9"
-    "@babel/plugin-transform-exponentiation-operator" "^7.18.6"
-    "@babel/plugin-transform-for-of" "^7.18.8"
-    "@babel/plugin-transform-function-name" "^7.18.9"
-    "@babel/plugin-transform-literals" "^7.18.9"
-    "@babel/plugin-transform-member-expression-literals" "^7.18.6"
-    "@babel/plugin-transform-modules-amd" "^7.18.6"
-    "@babel/plugin-transform-modules-commonjs" "^7.18.6"
-    "@babel/plugin-transform-modules-systemjs" "^7.19.0"
-    "@babel/plugin-transform-modules-umd" "^7.18.6"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.19.1"
-    "@babel/plugin-transform-new-target" "^7.18.6"
-    "@babel/plugin-transform-object-super" "^7.18.6"
-    "@babel/plugin-transform-parameters" "^7.18.8"
-    "@babel/plugin-transform-property-literals" "^7.18.6"
-    "@babel/plugin-transform-regenerator" "^7.18.6"
-    "@babel/plugin-transform-reserved-words" "^7.18.6"
-    "@babel/plugin-transform-shorthand-properties" "^7.18.6"
-    "@babel/plugin-transform-spread" "^7.19.0"
-    "@babel/plugin-transform-sticky-regex" "^7.18.6"
-    "@babel/plugin-transform-template-literals" "^7.18.9"
-    "@babel/plugin-transform-typeof-symbol" "^7.18.9"
-    "@babel/plugin-transform-unicode-escapes" "^7.18.10"
-    "@babel/plugin-transform-unicode-regex" "^7.18.6"
-    "@babel/preset-modules" "^0.1.5"
-    "@babel/types" "^7.19.4"
+    "@babel/types" "^7.21.4"
     babel-plugin-polyfill-corejs2 "^0.3.3"
     babel-plugin-polyfill-corejs3 "^0.6.0"
     babel-plugin-polyfill-regenerator "^0.4.1"
@@ -1232,97 +1025,57 @@
     "@babel/plugin-transform-react-pure-annotations" "^7.18.6"
 
 "@babel/preset-typescript@^7.16.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399"
-  integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ==
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.21.4.tgz#b913ac8e6aa8932e47c21b01b4368d8aa239a529"
+  integrity sha512-sMLNWY37TCdRH/bJ6ZeeOH1nPuanED7Ai9Y/vH31IPqalioJ6ZNFUWONsakhv4r4n+I6gm5lmoE0olkgib/j/A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-validator-option" "^7.18.6"
-    "@babel/plugin-transform-typescript" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-validator-option" "^7.21.0"
+    "@babel/plugin-syntax-jsx" "^7.21.4"
+    "@babel/plugin-transform-modules-commonjs" "^7.21.2"
+    "@babel/plugin-transform-typescript" "^7.21.3"
 
-"@babel/runtime-corejs3@^7.10.2":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.20.0.tgz#56ef7af3cd23d1570969809a5a8782e774e0141a"
-  integrity sha512-v1JH7PeAAGBEyTQM9TqojVl+b20zXtesFKCJHu50xMxZKD1fX0TKaKHPsZfFkXfs7D1M9M6Eeqg1FkJ3a0x2dA==
-  dependencies:
-    core-js-pure "^3.25.1"
-    regenerator-runtime "^0.13.10"
+"@babel/regjsgen@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
+  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.14.6", "@babel/runtime@^7.16.3", "@babel/runtime@^7.18.9", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.0.tgz#824a9ef325ffde6f78056059db3168c08785e24a"
-  integrity sha512-NDYdls71fTXoU8TZHfbBWg7DiZfNzClcKui/+kyi6ppD2L1qnWW3VV6CjtaBXSUGGhiTWJ6ereOIkUvenif66Q==
-  dependencies:
-    regenerator-runtime "^0.13.10"
-
-"@babel/runtime@^7.11.2":
-  version "7.20.1"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.1.tgz#1148bb33ab252b165a06698fde7576092a78b4a9"
-  integrity sha512-mrzLkl6U9YLF8qpqI7TB82PESyEGjm/0Ly91jG575eVxMMlb8fYfOXFZIJ8XfLrJZQbm7dlKry2bJmXBUEkdFg==
-  dependencies:
-    regenerator-runtime "^0.13.10"
-
-"@babel/runtime@^7.13.10":
-  version "7.20.13"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.13.tgz#7055ab8a7cff2b8f6058bf6ae45ff84ad2aded4b"
-  integrity sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.6", "@babel/runtime@^7.16.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.21.0.tgz#5b55c9d394e5fcf304909a8b00c07dc217b56673"
+  integrity sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/template@^7.18.10", "@babel/template@^7.3.3":
-  version "7.18.10"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
-  integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==
+"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
+  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
   dependencies:
     "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.18.10"
-    "@babel/types" "^7.18.10"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.19.6", "@babel/traverse@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.0.tgz#538c4c6ce6255f5666eba02252a7b59fc2d5ed98"
-  integrity sha512-5+cAXQNARgjRUK0JWu2UBwja4JLSO/rBMPJzpsKb+oBF5xlUuCfljQepS4XypBQoiigL0VQjTZy6WiONtUdScQ==
+"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.7.2":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
+  integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
   dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.0"
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.4"
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
+    "@babel/helper-function-name" "^7.21.0"
     "@babel/helper-hoist-variables" "^7.18.6"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.20.0"
-    "@babel/types" "^7.20.0"
+    "@babel/parser" "^7.21.4"
+    "@babel/types" "^7.21.4"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/traverse@^7.20.1", "@babel/traverse@^7.7.2":
-  version "7.20.1"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.1.tgz#9b15ccbf882f6d107eeeecf263fbcdd208777ec8"
-  integrity sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.1"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.20.1"
-    "@babel/types" "^7.20.0"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.19.4", "@babel/types@^7.20.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.0.tgz#52c94cf8a7e24e89d2a194c25c35b17a64871479"
-  integrity sha512-Jlgt3H0TajCW164wkTOTzHkZb075tMQMULzrLUoUeKmO7eFL96GgDxf7/Axhc5CAuKE3KFyVW1p6ysKsi2oXAg==
-  dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.2.tgz#67ac09266606190f496322dbaff360fdaa5e7842"
-  integrity sha512-FnnvsNWgZCr232sqtXggapvlkk/tuwR/qhGzcmxI0GXLCjmPYQPzio2FbdlWuY6y1sHFfQKk+rRbUZ9VStQMog==
+"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
+  integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
   dependencies:
     "@babel/helper-string-parser" "^7.19.4"
     "@babel/helper-validator-identifier" "^7.19.1"
@@ -1440,9 +1193,21 @@
   integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
 
 "@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
-  integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
+  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.4.0":
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.5.0.tgz#f6f729b02feee2c749f57e334b7a1b5f40a81724"
+  integrity sha512-vITaYzIcNmjn5tF5uxcZ/ft7/RXGrMUIS9HalWckEOF6ESiwXKoMzAQf2UW0aVd6rnOeExTJVd5hmWXucBKGXQ==
 
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
@@ -1459,21 +1224,26 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@eslint/eslintrc@^1.3.3":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.3.tgz#2b044ab39fdfa75b4688184f9e573ce3c5b0ff95"
-  integrity sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==
+"@eslint/eslintrc@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.2.tgz#01575e38707add677cf73ca1589abba8da899a02"
+  integrity sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.4.0"
-    globals "^13.15.0"
+    espree "^9.5.1"
+    globals "^13.19.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@eslint/js@8.38.0":
+  version "8.38.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.38.0.tgz#73a8a0d8aa8a8e6fe270431c5e72ae91b5337892"
+  integrity sha512-IoD2MfUnOV58ghIHCiil01PcohxjbYR/qCxsoC+xNgUwh1EY8jOOrYmu3d3a71+tJJ23uscEV4X2HJWMsPJu4g==
+
 "@excalidraw/eslint-config@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.0.tgz#1cc527a88cfe20fd730496c1b631c3aecf9c825e"
@@ -1708,10 +1478,30 @@
   resolved "https://registry.yarnpkg.com/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.4.1.tgz#600f2275ff54739ad5ac0102f1467b8963cd5f71"
   integrity sha512-0yPjzuzGMkW1GkrC8yWsiN7vt1OzkMIi9HgxRmKREZl2wnNPOKo/yScTjXf/O57HM8dltqxPF6jlNLFVtc2qdw==
 
+"@floating-ui/core@^0.7.3":
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-0.7.3.tgz#d274116678ffae87f6b60e90f88cc4083eefab86"
+  integrity sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg==
+
+"@floating-ui/dom@^0.5.3":
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-0.5.4.tgz#4eae73f78bcd4bd553ae2ade30e6f1f9c73fe3f1"
+  integrity sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==
+  dependencies:
+    "@floating-ui/core" "^0.7.3"
+
+"@floating-ui/react-dom@0.7.2":
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-0.7.2.tgz#0bf4ceccb777a140fc535c87eb5d6241c8e89864"
+  integrity sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==
+  dependencies:
+    "@floating-ui/dom" "^0.5.3"
+    use-isomorphic-layout-effect "^1.1.1"
+
 "@grpc/grpc-js@^1.0.0":
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.7.3.tgz#f2ea79f65e31622d7f86d4b4c9ae38f13ccab99a"
-  integrity sha512-H9l79u4kJ2PVSxUNA08HMYAnUBLj9v6KjYQ7SQ71hOZcEXhShE/y5iQCesP8+6/Ik/7i2O0a10bPquIcYfufog==
+  version "1.8.13"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.8.13.tgz#e775685962909b76f8d4b813833c3d123867165b"
+  integrity sha512-iY3jsdfbc0ARoCLFvbvUB8optgyb0r1XLPb142u+QtgBcKJYkCIFt3Fd/881KqjLYWjsBJF57N3b8Eop9NDfUA==
   dependencies:
     "@grpc/proto-loader" "^0.7.0"
     "@types/node" ">=12.12.47"
@@ -1725,9 +1515,9 @@
     protobufjs "^6.8.6"
 
 "@grpc/proto-loader@^0.7.0":
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.7.3.tgz#75a6f95b51b85c5078ac7394da93850c32d36bb8"
-  integrity sha512-5dAvoZwna2Py3Ef96Ux9jIkp3iZ62TUsV00p3wVBPNX5K178UbNi8Q7gQVqwXT1Yq9RejIGG9G2IPEo93T6RcA==
+  version "0.7.6"
+  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.7.6.tgz#b71fdf92b184af184b668c4e9395a5ddc23d61de"
+  integrity sha512-QyAXR8Hyh7uMDmveWxDSUcJr9NAWaZ2I6IXgAYvQmfflwouTM+rArE2eEaCtLlRqO81j7pRLCt81IefUei6Zbw==
   dependencies:
     "@types/long" "^4.0.1"
     lodash.camelcase "^4.3.0"
@@ -1735,10 +1525,10 @@
     protobufjs "^7.0.0"
     yargs "^16.2.0"
 
-"@humanwhocodes/config-array@^0.11.6":
-  version "0.11.7"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.7.tgz#38aec044c6c828f6ed51d5d7ae3d9b9faf6dbb0f"
-  integrity sha512-kBbPWzN8oVMLb0hOUYXhmxggL/1cJE6ydvjDIGi9EnAGUyA7cLVKQg+d/Dsm+KZwx2czGHrCmMVLiyg8s5JPKw==
+"@humanwhocodes/config-array@^0.11.8":
+  version "0.11.8"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
+  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
@@ -1847,12 +1637,12 @@
     "@types/node" "*"
     jest-mock "^27.5.1"
 
-"@jest/expect-utils@^29.2.2":
-  version "29.2.2"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.2.2.tgz#460a5b5a3caf84d4feb2668677393dd66ff98665"
-  integrity sha512-vwnVmrVhTmGgQzyvcpze08br91OL61t9O0lJMDyb6Y/D8EKQ9V7rGUb/p7PDt0GPzK0zFYqXWFo4EO2legXmkg==
+"@jest/expect-utils@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
+  integrity sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==
   dependencies:
-    jest-get-type "^29.2.0"
+    jest-get-type "^29.4.3"
 
 "@jest/fake-timers@^27.5.1":
   version "27.5.1"
@@ -1913,12 +1703,12 @@
   dependencies:
     "@sinclair/typebox" "^0.24.1"
 
-"@jest/schemas@^29.0.0":
-  version "29.0.0"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.0.0.tgz#5f47f5994dd4ef067fb7b4188ceac45f77fe952a"
-  integrity sha512-3Ab5HgYIIAnS0HjqJHQYZS+zXc4tUmTmBH3z83ajI6afXp8X3ZtdLX+nXx+I7LNkJD7uN9LAVhgnjDgZa2z0kA==
+"@jest/schemas@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
+  integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
   dependencies:
-    "@sinclair/typebox" "^0.24.1"
+    "@sinclair/typebox" "^0.25.16"
 
 "@jest/source-map@^27.5.1":
   version "27.5.1"
@@ -2003,30 +1793,22 @@
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
-"@jest/types@^29.2.1":
-  version "29.2.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.2.1.tgz#ec9c683094d4eb754e41e2119d8bdaef01cf6da0"
-  integrity sha512-O/QNDQODLnINEPAI0cl9U6zUIDXEWXt6IC1o2N2QENuos7hlGUIthlKyV4p6ki3TvXFX071blj8HUhgLGquPjw==
+"@jest/types@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
+  integrity sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==
   dependencies:
-    "@jest/schemas" "^29.0.0"
+    "@jest/schemas" "^29.4.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
-"@jridgewell/gen-mapping@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
-  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
-  dependencies:
-    "@jridgewell/set-array" "^1.0.0"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-
 "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
-  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
+  integrity sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==
   dependencies:
     "@jridgewell/set-array" "^1.0.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
@@ -2037,28 +1819,33 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
-"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
+"@jridgewell/set-array@^1.0.1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
 "@jridgewell/source-map@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb"
-  integrity sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.3.tgz#8108265659d4c33e72ffe14e33d6cc5eb59f2fda"
+  integrity sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/sourcemap-codec@1.4.14":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/trace-mapping@^0.3.14", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.17"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
-  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+"@jridgewell/sourcemap-codec@^1.4.10":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.18"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
+  integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
   dependencies:
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
@@ -2097,9 +1884,9 @@
     fastq "^1.6.0"
 
 "@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
-  version "0.5.9"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.9.tgz#35aae6624a6270ca7ad755800b7eec417fa6f830"
-  integrity sha512-7QV4cqUwhkDIHpMAZ9mestSJ2DMIotVTbOUwbiudhjCRTAWWKIaBecELiEM2LT3AHFeOAaHIcFu4dbXjX+9GBA==
+  version "0.5.10"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
+  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
   dependencies:
     ansi-html-community "^0.0.8"
     common-path-prefix "^3.0.0"
@@ -2107,7 +1894,7 @@
     error-stack-parser "^2.0.6"
     find-up "^5.0.0"
     html-entities "^2.1.0"
-    loader-utils "^2.0.3"
+    loader-utils "^2.0.4"
     schema-utils "^3.0.0"
     source-map "^0.7.3"
 
@@ -2171,6 +1958,14 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-arrow@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-arrow/-/react-arrow-1.0.1.tgz#5246adf79e97f89e819af68da51ddcf349ecf1c4"
+  integrity sha512-1yientwXqXcErDHEv8av9ZVNEBldH8L9scVR3is20lL+jOCfcJyMFZFEY5cgIrgexsq1qggSXqiEL/d/4f+QXA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-primitive" "1.0.1"
+
 "@radix-ui/react-collection@1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.0.1.tgz#259506f97c6703b36291826768d3c1337edd1de5"
@@ -2203,6 +1998,35 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-dismissable-layer@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.2.tgz#f04d1061bddf00b1ca304148516b9ddc62e45fb2"
+  integrity sha512-WjJzMrTWROozDqLB0uRWYvj4UuXsM/2L19EmQ3Au+IJWqwvwq9Bwd+P8ivo0Deg9JDPArR1I6MbWNi1CmXsskg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "1.0.0"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+    "@radix-ui/react-use-escape-keydown" "1.0.2"
+
+"@radix-ui/react-focus-guards@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz#339c1c69c41628c1a5e655f15f7020bf11aa01fa"
+  integrity sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-focus-scope@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.1.tgz#faea8c25f537c5a5c38c50914b63722db0e7f951"
+  integrity sha512-Ej2MQTit8IWJiS2uuujGUmxXjF/y5xZptIIQnyd2JHLwtV0R2j9NRVoRj/1j/gJ7e3REdaBw4Hjf4a1ImhkZcQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+
 "@radix-ui/react-id@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.0.tgz#8d43224910741870a45a8c9d092f25887bb6d11e"
@@ -2211,6 +2035,53 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-use-layout-effect" "1.0.0"
 
+"@radix-ui/react-popover@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-popover/-/react-popover-1.0.3.tgz#65ae2ee1fca2d7fd750308549eb8e0857c6160fe"
+  integrity sha512-YwedSukfWsyJs3/yP3yXUq44k4/JBe3jqU63Z8v2i19qZZ3dsx32oma17ztgclWPNuqp3A+Xa9UiDlZHyVX8Vg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "1.0.0"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-context" "1.0.0"
+    "@radix-ui/react-dismissable-layer" "1.0.2"
+    "@radix-ui/react-focus-guards" "1.0.0"
+    "@radix-ui/react-focus-scope" "1.0.1"
+    "@radix-ui/react-id" "1.0.0"
+    "@radix-ui/react-popper" "1.1.0"
+    "@radix-ui/react-portal" "1.0.1"
+    "@radix-ui/react-presence" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-slot" "1.0.1"
+    "@radix-ui/react-use-controllable-state" "1.0.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.5.5"
+
+"@radix-ui/react-popper@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-popper/-/react-popper-1.1.0.tgz#2be7e4c0cd4581f54277ca33a981c9037d2a8e60"
+  integrity sha512-07U7jpI0dZcLRAxT7L9qs6HecSoPhDSJybF7mEGHJDBDv+ZoGCvIlva0s+WxMXwJEav+ckX3hAlXBtnHmuvlCQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@floating-ui/react-dom" "0.7.2"
+    "@radix-ui/react-arrow" "1.0.1"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-context" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.1"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+    "@radix-ui/react-use-layout-effect" "1.0.0"
+    "@radix-ui/react-use-rect" "1.0.0"
+    "@radix-ui/react-use-size" "1.0.0"
+    "@radix-ui/rect" "1.0.0"
+
+"@radix-ui/react-portal@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.0.1.tgz#169c5a50719c2bb0079cf4c91a27aa6d37e5dd33"
+  integrity sha512-NY2vUWI5WENgAT1nfC6JS7RU5xRYBfjZVLq0HmgEN1Ezy3rk/UruMV4+Rd0F40PEaFC5SrLS1ixYvcYIQrb4Ig==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-primitive" "1.0.1"
+
 "@radix-ui/react-presence@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.0.tgz#814fe46df11f9a468808a6010e3f3ca7e0b2e84a"
@@ -2282,6 +2153,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-use-callback-ref" "1.0.0"
 
+"@radix-ui/react-use-escape-keydown@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.2.tgz#09ab6455ab240b4f0a61faf06d4e5132c4d639f6"
+  integrity sha512-DXGim3x74WgUv+iMNCF+cAo8xUHHeqvjx8zs7trKf+FkQKPQXLk2sX7Gx1ysH7Q76xCpZuxIJE7HLPxRE+Q+GA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+
 "@radix-ui/react-use-layout-effect@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz#2fc19e97223a81de64cd3ba1dc42ceffd82374dc"
@@ -2289,6 +2168,29 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-use-rect@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-rect/-/react-use-rect-1.0.0.tgz#b040cc88a4906b78696cd3a32b075ed5b1423b3e"
+  integrity sha512-TB7pID8NRMEHxb/qQJpvSt3hQU4sqNPM1VCTjTRjEOa7cEop/QMuq8S6fb/5Tsz64kqSvB9WnwsDHtjnrM9qew==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/rect" "1.0.0"
+
+"@radix-ui/react-use-size@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-size/-/react-use-size-1.0.0.tgz#a0b455ac826749419f6354dc733e2ca465054771"
+  integrity sha512-imZ3aYcoYCKhhgNpkNDh/aTiU05qw9hX+HHI1QDBTyIlcFjgeFlKKySNGMwTp7nYFLQg/j0VA2FmCY4WPDDHMg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-layout-effect" "1.0.0"
+
+"@radix-ui/rect@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.0.0.tgz#0dc8e6a829ea2828d53cbc94b81793ba6383bf3c"
+  integrity sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@rollup/plugin-babel@^5.2.0":
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
@@ -2398,10 +2300,15 @@
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
   integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
 
+"@sinclair/typebox@^0.25.16":
+  version "0.25.24"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
+  integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
+
 "@sinonjs/commons@^1.7.0":
-  version "1.8.3"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.3.tgz#3802ddd21a50a949b6721ddd72da36e67e7f1b2d"
-  integrity sha512-xkNcLAn/wZaX14RPlwizcKicDk9G3F8m2nU3L7Ukm5zBgTwiT0wsoFAHx9Jq56fJA1z/7uKGtCRu16sOUCLIHQ==
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
+  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
   dependencies:
     type-detect "4.0.8"
 
@@ -2526,13 +2433,13 @@
     loader-utils "^2.0.0"
 
 "@testing-library/dom@^8.0.0":
-  version "8.19.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.19.0.tgz#bd3f83c217ebac16694329e413d9ad5fdcfd785f"
-  integrity sha512-6YWYPPpxG3e/xOo6HIWwB/58HukkwIVTOaZ0VwdMVjhRUX/01E4FtQbck9GazOOj7MXHc5RBzMrU86iBJHbI+A==
+  version "8.20.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.20.0.tgz#914aa862cef0f5e89b98cc48e3445c4c921010f6"
+  integrity sha512-d9ULIT+a4EXLX3UU8FBjauG9NnsZHkHztXoIcTsOKoOw030fyjheN9svkTULjJxtYag9DZz5Jz5qkWZDPxTFwA==
   dependencies:
     "@babel/code-frame" "^7.10.4"
     "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
+    "@types/aria-query" "^5.0.1"
     aria-query "^5.0.0"
     chalk "^4.1.0"
     dom-accessibility-api "^0.5.9"
@@ -2578,29 +2485,18 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@types/aria-query@^4.2.0":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc"
-  integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
+"@types/aria-query@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.1.tgz#3286741fb8f1e1580ac28784add4c7a1d49bdfbc"
+  integrity sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==
 
-"@types/babel__core@^7.0.0":
-  version "7.1.19"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
-  integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
+  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
   dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
-"@types/babel__core@^7.1.14":
-  version "7.1.20"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.20.tgz#e168cdd612c92a2d335029ed62ac94c95b362359"
-  integrity sha512-PVb6Bg2QuscZ30FvOU7z4guG6c926D9YRvOxEaelzndpMsvP+YM74Q/dAFASpg2l6+XLalxSGxcq/lrgYWZtyQ==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
     "@types/babel__generator" "*"
     "@types/babel__template" "*"
     "@types/babel__traverse" "*"
@@ -2621,9 +2517,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
-  version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.2.tgz#235bf339d17185bdec25e024ca19cce257cc7309"
-  integrity sha512-FcFaxOr2V5KZCviw1TnutEMVUVsGt4D2hP1TAfXZAMKuHYW3xQhe3jTxNPWutgCJ3/X1c5yX8ZoGVEItxKbwBg==
+  version "7.18.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
+  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
   dependencies:
     "@babel/types" "^7.3.0"
 
@@ -2671,9 +2567,9 @@
     "@types/estree" "*"
 
 "@types/eslint@*", "@types/eslint@^7.29.0 || ^8.4.1":
-  version "8.4.10"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.10.tgz#19731b9685c19ed1552da7052b6f668ed7eb64bb"
-  integrity sha512-Sl/HOqN8NKPmhWo2VBEPm0nvHnu2LL3v9vKo8MEq0EtbJ4eVzGPl41VNPvn5E1i5poMk4/XD8UriLHpJvEP/Nw==
+  version "8.37.0"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.37.0.tgz#29cebc6c2a3ac7fea7113207bf5a828fdf4d7ef1"
+  integrity sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
@@ -2693,29 +2589,29 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
   integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
-"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
-  version "4.17.31"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz#a1139efeab4e7323834bb0226e62ac019f474b2f"
-  integrity sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q==
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
+  version "4.17.33"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
+  integrity sha512-TPBqmR/HRYI3eC2E5hmiivIzv+bidAfXofM+sbonAGvyDhySGw9/PQZFt2BLOrjUUR++4eJVpx6KnLQK1Fk9tA==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
     "@types/range-parser" "*"
 
 "@types/express@*", "@types/express@^4.17.13":
-  version "4.17.14"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.14.tgz#143ea0557249bc1b3b54f15db4c81c3d4eb3569c"
-  integrity sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg==
+  version "4.17.17"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.17.tgz#01d5437f6ef9cfa8668e616e13c2f2ac9a491ae4"
+  integrity sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==
   dependencies:
     "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.18"
+    "@types/express-serve-static-core" "^4.17.33"
     "@types/qs" "*"
     "@types/serve-static" "*"
 
 "@types/graceful-fs@^4.1.2":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15"
-  integrity sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.6.tgz#e14b2576a1c25026b7f02ede1de3b84c3a1efeae"
+  integrity sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==
   dependencies:
     "@types/node" "*"
 
@@ -2725,9 +2621,9 @@
   integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
 
 "@types/http-proxy@^1.17.8":
-  version "1.17.9"
-  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.9.tgz#7f0e7931343761efde1e2bf48c40f02f3f75705a"
-  integrity sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw==
+  version "1.17.10"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.10.tgz#e576c8e4a0cc5c6a138819025a88e167ebb38d6c"
+  integrity sha512-Qs5aULi+zV1bwKAg5z1PWnDXWmsn+LxIvUGv6E2+OOMYhclZMO+OXd9pYVf2gLykf2I7IV2u7oTHwChPNsvJ7g==
   dependencies:
     "@types/node" "*"
 
@@ -2751,9 +2647,9 @@
     "@types/istanbul-lib-report" "*"
 
 "@types/jest@*":
-  version "29.2.0"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.2.0.tgz#fa98e08b46ab119f1a74a9552c48c589f5378a96"
-  integrity sha512-KO7bPV21d65PKwv3LLsD8Jn3E05pjNjRZvkm+YTacWhVmykAb07wW6IkZUmQAltwQafNcDUEUrMO2h3jeBSisg==
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.0.tgz#337b90bbcfe42158f39c2fb5619ad044bbb518ac"
+  integrity sha512-3Emr5VOl/aoBwnWcH/EFQvlSAmjV+XtV9GGu5mwdYew5vhQh0IUZx/60x0TzHDu09Bi7HMx10t/namdJw5QIcg==
   dependencies:
     expect "^29.0.0"
     pretty-format "^29.0.0"
@@ -2784,9 +2680,9 @@
     "@types/lodash" "*"
 
 "@types/lodash@*":
-  version "4.14.186"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.186.tgz#862e5514dd7bd66ada6c70ee5fce844b06c8ee97"
-  integrity sha512-eHcVlLXP0c2FlMPm56ITode2AgLMSa6aJ05JTTbYbI+7EMkCEE5qk2E41d5g2lCVTqRe0GnnRFurmlCsDODrPw==
+  version "4.14.192"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.192.tgz#5790406361a2852d332d41635d927f1600811285"
+  integrity sha512-km+Vyn3BYm5ytMO13k9KTp27O75rbQ0NFw+U//g+PX7VZyjCioXaRFisqSIJRECljcTv73G3i6BpglNGHgUQ5A==
 
 "@types/long@^4.0.1":
   version "4.0.2"
@@ -2799,9 +2695,9 @@
   integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
 
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
-  version "18.11.8"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.8.tgz#16d222a58d4363a2a359656dd20b28414de5d265"
-  integrity sha512-uGwPWlE0Hj972KkHtCDVwZ8O39GmyjfMane1Z3GUBGGnkZ2USDq7SxLpVIiIHpweY9DS0QTDH0Nw7RNBsAAZ5A==
+  version "18.15.11"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.11.tgz#b3b790f09cb1696cffcec605de025b088fa4225f"
+  integrity sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==
 
 "@types/pako@1.0.3":
   version "1.0.3"
@@ -2819,9 +2715,9 @@
   integrity sha512-13SEyETRE5psd9bE0AmN+0M1tannde2fwHfLVaVIljkbL9V0OfFvKwCicyeDvVYLkmjQWEydbAlsDsmjrdyTOg==
 
 "@types/prettier@^2.1.5":
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.1.tgz#dfd20e2dc35f027cdd6c1908e80a5ddc7499670e"
-  integrity sha512-ri0UmynRRvZiiUJdiz38MmIblKK+oH30MztdBVR95dv/Ubw6neWSb8u1XpRb72L4qsZOhz+L+z9JD40SJmfWow==
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
+  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
 
 "@types/prop-types@*":
   version "15.7.5"
@@ -2851,16 +2747,16 @@
     "@types/react" "*"
 
 "@types/react-dom@<18.0.0":
-  version "17.0.18"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.18.tgz#8f7af38f5d9b42f79162eea7492e5a1caff70dc2"
-  integrity sha512-rLVtIfbwyur2iFKykP2w0pl/1unw26b5td16d5xMgp7/yjTHomkyxPYChFoCr/FtEX1lN9wY6lFj1qvKdS5kDw==
+  version "17.0.19"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.19.tgz#36feef3aa35d045cacd5ed60fe0eef5272f19492"
+  integrity sha512-PiYG40pnQRdPHnlf7tZnp0aQ6q9tspYr72vD61saO6zFCybLfMqwUCN0va1/P+86DXn18ZWeW30Bk7xlC5eEAQ==
   dependencies:
     "@types/react" "^17"
 
 "@types/react@*":
-  version "18.0.24"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.24.tgz#2f79ed5b27f08d05107aab45c17919754cc44c20"
-  integrity sha512-wRJWT6ouziGUy+9uX0aW4YOJxAY0bG6/AOk5AW5QSvZqI7dk6VBIbXvcVgIw/W5Jrl24f77df98GEKTJGOLx7Q==
+  version "18.0.34"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.34.tgz#e553444a578f023e6e1ac499514688fb80b0a984"
+  integrity sha512-NO1UO8941541CJl1BeOXi8a9dNKFK09Gnru5ZJqkm4Q3/WoQJtHvmwt0VX0SB9YCEwe7TfSSxDuaNmx6H2BAIQ==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2876,9 +2772,9 @@
     csstype "^3.0.2"
 
 "@types/react@^17":
-  version "17.0.52"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.52.tgz#10d8b907b5c563ac014a541f289ae8eaa9bf2e9b"
-  integrity sha512-vwk8QqVODi0VaZZpDXQCmEmiOuyjEFPY7Ttaw5vjM112LOq37yz1CDJGrRJwA1fYEq4Iitd5rnjd1yWAc/bT+A==
+  version "17.0.57"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.57.tgz#341152f222222075caf020ae6e0e68b9b835404c"
+  integrity sha512-e4msYpu5QDxzNrXDHunU/VPyv2M1XemGG/p7kfCjUiPtlLDCWLGQfgAMng6YyisWYxZ09mYdQlmMnyS0NfZdEg==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2902,9 +2798,9 @@
   integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
 
 "@types/scheduler@*":
-  version "0.16.2"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
-  integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
+  version "0.16.3"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
+  integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
 
 "@types/semver@^7.3.12":
   version "7.3.13"
@@ -2919,9 +2815,9 @@
     "@types/express" "*"
 
 "@types/serve-static@*", "@types/serve-static@^1.13.10":
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.0.tgz#c7930ff61afb334e121a9da780aac0d9b8f34155"
-  integrity sha512-z5xyF6uh8CbjAu9760KDKsH2FcDxZ2tFCsA4HIMWE6IkiYMXfVoa+4f9KX+FN0ZLsaMw1WNG2ETLA6N+/YA+cg==
+  version "1.15.1"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.1.tgz#86b1753f0be4f9a1bee68d459fcda5be4ea52b5d"
+  integrity sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==
   dependencies:
     "@types/mime" "*"
     "@types/node" "*"
@@ -2951,14 +2847,14 @@
     "@types/jest" "*"
 
 "@types/trusted-types@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.2.tgz#fc25ad9943bcac11cceb8168db4f275e0e72e756"
-  integrity sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.3.tgz#a136f83b0758698df454e328759dbd3d44555311"
+  integrity sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==
 
 "@types/ws@^8.5.1":
-  version "8.5.3"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.3.tgz#7d25a1ffbecd3c4f2d35068d0b283c037003274d"
-  integrity sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==
+  version "8.5.4"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.4.tgz#bb10e36116d6e570dd943735f86c933c1587b8a5"
+  integrity sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==
   dependencies:
     "@types/node" "*"
 
@@ -2968,107 +2864,108 @@
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
 "@types/yargs@^16.0.0":
-  version "16.0.4"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.4.tgz#26aad98dd2c2a38e421086ea9ad42b9e51642977"
-  integrity sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==
+  version "16.0.5"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.5.tgz#12cc86393985735a283e387936398c2f9e5f88e3"
+  integrity sha512-AxO/ADJOBFJScHbWhq2xAhlWP24rY4aCEG/NFaMvbT3X2MgRsLjhjQwsn0Zi5zn0LG9jUhCCZMeX9Dkuw6k+vQ==
   dependencies:
     "@types/yargs-parser" "*"
 
 "@types/yargs@^17.0.8":
-  version "17.0.13"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.13.tgz#34cced675ca1b1d51fcf4d34c3c6f0fa142a5c76"
-  integrity sha512-9sWaruZk2JGxIQU+IhI1fhPYRcQ0UuTNuKuCW9bR5fp7qi2Llf7WDzNa17Cy7TKnh3cdxDOiyTu6gaLS0eDatg==
+  version "17.0.24"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.24.tgz#b3ef8d50ad4aa6aecf6ddc97c580a00f5aa11902"
+  integrity sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==
   dependencies:
     "@types/yargs-parser" "*"
 
 "@typescript-eslint/eslint-plugin@^5.5.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.43.0.tgz#4a5248eb31b454715ddfbf8cfbf497529a0a78bc"
-  integrity sha512-wNPzG+eDR6+hhW4yobEmpR36jrqqQv1vxBq5LJO3fBAktjkvekfr4BRl+3Fn1CM/A+s8/EiGUbOMDoYqWdbtXA==
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.58.0.tgz#b1d4b0ad20243269d020ef9bbb036a40b0849829"
+  integrity sha512-vxHvLhH0qgBd3/tW6/VccptSfc8FxPQIkmNTVLWcCOVqSBvqpnKkBTYrhcGlXfSnd78azwe+PsjYFj0X34/njA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.43.0"
-    "@typescript-eslint/type-utils" "5.43.0"
-    "@typescript-eslint/utils" "5.43.0"
+    "@eslint-community/regexpp" "^4.4.0"
+    "@typescript-eslint/scope-manager" "5.58.0"
+    "@typescript-eslint/type-utils" "5.58.0"
+    "@typescript-eslint/utils" "5.58.0"
     debug "^4.3.4"
+    grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     natural-compare-lite "^1.4.0"
-    regexpp "^3.2.0"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
 "@typescript-eslint/experimental-utils@^5.0.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-5.43.0.tgz#2fbea6ea89e59e780e42ca65bc39fc830db95ed4"
-  integrity sha512-WkT637CumTJbm/hRbFfnHBMgfUYTKr08LitVsD7gQId7bi6rnkx3pu3jac67lmp5ObW4MpJ9SNFZAIOUB/Qbsw==
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-5.58.0.tgz#157af1376add1a945c4559eef25114f0a29f49e1"
+  integrity sha512-LA/sRPaynZlrlYxdefrZbMx8dqs/1Kc0yNG+XOk5CwwZx7tTv263ix3AJNioF0YBVt7hADpAUR20owl6pv4MIQ==
   dependencies:
-    "@typescript-eslint/utils" "5.43.0"
+    "@typescript-eslint/utils" "5.58.0"
 
 "@typescript-eslint/parser@^5.5.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.43.0.tgz#9c86581234b88f2ba406f0b99a274a91c11630fd"
-  integrity sha512-2iHUK2Lh7PwNUlhFxxLI2haSDNyXvebBO9izhjhMoDC+S3XI9qt2DGFUsiJ89m2k7gGYch2aEpYqV5F/+nwZug==
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.58.0.tgz#2ac4464cf48bef2e3234cb178ede5af352dddbc6"
+  integrity sha512-ixaM3gRtlfrKzP8N6lRhBbjTow1t6ztfBvQNGuRM8qH1bjFFXIJ35XY+FC0RRBKn3C6cT+7VW1y8tNm7DwPHDQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.43.0"
-    "@typescript-eslint/types" "5.43.0"
-    "@typescript-eslint/typescript-estree" "5.43.0"
+    "@typescript-eslint/scope-manager" "5.58.0"
+    "@typescript-eslint/types" "5.58.0"
+    "@typescript-eslint/typescript-estree" "5.58.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.43.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.43.0.tgz#566e46303392014d5d163704724872e1f2dd3c15"
-  integrity sha512-XNWnGaqAtTJsUiZaoiGIrdJYHsUOd3BZ3Qj5zKp9w6km6HsrjPk/TGZv0qMTWyWj0+1QOqpHQ2gZOLXaGA9Ekw==
+"@typescript-eslint/scope-manager@5.58.0":
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.58.0.tgz#5e023a48352afc6a87be6ce3c8e763bc9e2f0bc8"
+  integrity sha512-b+w8ypN5CFvrXWQb9Ow9T4/6LC2MikNf1viLkYTiTbkQl46CnR69w7lajz1icW0TBsYmlpg+mRzFJ4LEJ8X9NA==
   dependencies:
-    "@typescript-eslint/types" "5.43.0"
-    "@typescript-eslint/visitor-keys" "5.43.0"
+    "@typescript-eslint/types" "5.58.0"
+    "@typescript-eslint/visitor-keys" "5.58.0"
 
-"@typescript-eslint/type-utils@5.43.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.43.0.tgz#91110fb827df5161209ecca06f70d19a96030be6"
-  integrity sha512-K21f+KY2/VvYggLf5Pk4tgBOPs2otTaIHy2zjclo7UZGLyFH86VfUOm5iq+OtDtxq/Zwu2I3ujDBykVW4Xtmtg==
+"@typescript-eslint/type-utils@5.58.0":
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.58.0.tgz#f7d5b3971483d4015a470d8a9e5b8a7d10066e52"
+  integrity sha512-FF5vP/SKAFJ+LmR9PENql7fQVVgGDOS+dq3j+cKl9iW/9VuZC/8CFmzIP0DLKXfWKpRHawJiG70rVH+xZZbp8w==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.43.0"
-    "@typescript-eslint/utils" "5.43.0"
+    "@typescript-eslint/typescript-estree" "5.58.0"
+    "@typescript-eslint/utils" "5.58.0"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.43.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.43.0.tgz#e4ddd7846fcbc074325293515fa98e844d8d2578"
-  integrity sha512-jpsbcD0x6AUvV7tyOlyvon0aUsQpF8W+7TpJntfCUWU1qaIKu2K34pMwQKSzQH8ORgUrGYY6pVIh1Pi8TNeteg==
+"@typescript-eslint/types@5.58.0":
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.58.0.tgz#54c490b8522c18986004df7674c644ffe2ed77d8"
+  integrity sha512-JYV4eITHPzVQMnHZcYJXl2ZloC7thuUHrcUmxtzvItyKPvQ50kb9QXBkgNAt90OYMqwaodQh2kHutWZl1fc+1g==
 
-"@typescript-eslint/typescript-estree@5.43.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.43.0.tgz#b6883e58ba236a602c334be116bfc00b58b3b9f2"
-  integrity sha512-BZ1WVe+QQ+igWal2tDbNg1j2HWUkAa+CVqdU79L4HP9izQY6CNhXfkNwd1SS4+sSZAP/EthI1uiCSY/+H0pROg==
+"@typescript-eslint/typescript-estree@5.58.0":
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.58.0.tgz#4966e6ff57eaf6e0fce2586497edc097e2ab3e61"
+  integrity sha512-cRACvGTodA+UxnYM2uwA2KCwRL7VAzo45syNysqlMyNyjw0Z35Icc9ihPJZjIYuA5bXJYiJ2YGUB59BqlOZT1Q==
   dependencies:
-    "@typescript-eslint/types" "5.43.0"
-    "@typescript-eslint/visitor-keys" "5.43.0"
+    "@typescript-eslint/types" "5.58.0"
+    "@typescript-eslint/visitor-keys" "5.58.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.43.0", "@typescript-eslint/utils@^5.13.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.43.0.tgz#00fdeea07811dbdf68774a6f6eacfee17fcc669f"
-  integrity sha512-8nVpA6yX0sCjf7v/NDfeaOlyaIIqL7OaIGOWSPFqUKK59Gnumd3Wa+2l8oAaYO2lk0sO+SbWFWRSvhu8gLGv4A==
+"@typescript-eslint/utils@5.58.0", "@typescript-eslint/utils@^5.43.0":
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.58.0.tgz#430d7c95f23ec457b05be5520c1700a0dfd559d5"
+  integrity sha512-gAmLOTFXMXOC+zP1fsqm3VceKSBQJNzV385Ok3+yzlavNHZoedajjS4UyS21gabJYcobuigQPs/z71A9MdJFqQ==
   dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
     "@types/json-schema" "^7.0.9"
     "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.43.0"
-    "@typescript-eslint/types" "5.43.0"
-    "@typescript-eslint/typescript-estree" "5.43.0"
+    "@typescript-eslint/scope-manager" "5.58.0"
+    "@typescript-eslint/types" "5.58.0"
+    "@typescript-eslint/typescript-estree" "5.58.0"
     eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
     semver "^7.3.7"
 
-"@typescript-eslint/visitor-keys@5.43.0":
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.43.0.tgz#cbbdadfdfea385310a20a962afda728ea106befa"
-  integrity sha512-icl1jNH/d18OVHLfcwdL3bWUKsBeIiKYTGxMJCoGe7xFht+E4QgzOqoWYrU8XSLJWhVw8nTacbm03v23J/hFTg==
+"@typescript-eslint/visitor-keys@5.58.0":
+  version "5.58.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.58.0.tgz#eb9de3a61d2331829e6761ce7fd13061781168b4"
+  integrity sha512-/fBraTlPj0jwdyTwLyrRTxv/3lnU2H96pNTVM6z3esTWLtA5MZ9ghSMJ7Rb+TtUAdtEw9EyJzJ0EydIMKxQ9gA==
   dependencies:
-    "@typescript-eslint/types" "5.43.0"
+    "@typescript-eslint/types" "5.58.0"
     eslint-visitor-keys "^3.3.0"
 
 "@webassemblyjs/ast@1.11.1":
@@ -3233,34 +3130,25 @@ acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-node@^1.8.2:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
-  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
-  dependencies:
-    acorn "^7.0.0"
-    acorn-walk "^7.0.0"
-    xtend "^4.0.2"
-
-acorn-walk@^7.0.0, acorn-walk@^7.1.1:
+acorn-walk@^7.1.1:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^7.0.0, acorn@^7.1.1, acorn@^7.4.0:
+acorn@^7.1.1, acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
 acorn@^8.2.4, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.0:
-  version "8.8.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.1.tgz#0a3f9cbecc4ec3bea6f0a80b66ae8dd2da250b73"
-  integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==
+  version "8.8.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
+  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
 address@^1.0.1, address@^1.1.2:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.2.1.tgz#25bb61095b7522d65b357baa11bc05492d4c8acd"
-  integrity sha512-B+6bi5D34+fDYENiH5qOlA0cV2rAGKuWZ9LeyUUehbXy8e0VS9e498yO0Jeeh+iM+6KbfudHTFjXw2MmJD4QRA==
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
+  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
 
 adjust-sourcemap-loader@^4.0.0:
   version "4.0.0"
@@ -3319,20 +3207,10 @@ ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.6.0, ajv@^8.8.0:
-  version "8.11.2"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.2.tgz#aecb20b50607acf2569b6382167b65a96008bb78"
-  integrity sha512-E4bfmKAhGiSTvMfL1Myyycaub+cUEU2/IvpylXkUu7CHBkBj1f/ikdzbD7YQ6FKUbixDxeYvB/xY4fvyroDlQg==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    json-schema-traverse "^1.0.0"
-    require-from-string "^2.0.2"
-    uri-js "^4.2.2"
-
-ajv@^8.0.1:
-  version "8.11.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz#977e91dd96ca669f54a11e23e378e33b884a565f"
-  integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
+ajv@^8.0.0, ajv@^8.0.1, ajv@^8.6.0, ajv@^8.8.0:
+  version "8.12.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
+  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
   dependencies:
     fast-deep-equal "^3.1.1"
     json-schema-traverse "^1.0.0"
@@ -3390,10 +3268,15 @@ ansi-styles@^6.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
 anymatch@^3.0.3, anymatch@~3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
-  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
@@ -3415,21 +3298,28 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-aria-query@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
-  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
+aria-hidden@^1.1.1:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.3.tgz#14aeb7fb692bbb72d69bebfa47279c1fd725e954"
+  integrity sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==
   dependencies:
-    "@babel/runtime" "^7.10.2"
-    "@babel/runtime-corejs3" "^7.10.2"
+    tslib "^2.0.0"
 
-aria-query@^5.0.0:
+aria-query@^5.0.0, aria-query@^5.1.3:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
   integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
   dependencies:
     deep-equal "^2.0.5"
 
+array-buffer-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
+  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
+  dependencies:
+    call-bind "^1.0.2"
+    is-array-buffer "^3.0.1"
+
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
@@ -3440,18 +3330,7 @@ array-flatten@^2.1.2:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
-array-includes@^3.1.4, array-includes@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.5.tgz#2c320010db8d31031fd2a5f6b3bbd4b1aad31bdb"
-  integrity sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.19.5"
-    get-intrinsic "^1.1.1"
-    is-string "^1.0.7"
-
-array-includes@^3.1.6:
+array-includes@^3.1.5, array-includes@^3.1.6:
   version "3.1.6"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
   integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==
@@ -3467,14 +3346,14 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.flat@^1.2.5:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz#0b0c1567bf57b38b56b4c97b8aa72ab45e4adc7b"
-  integrity sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==
+array.prototype.flat@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz#ffc6576a7ca3efc2f46a143b9d1dda9b4b3cf5e2"
+  integrity sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
 array.prototype.flatmap@^1.3.1:
@@ -3487,14 +3366,14 @@ array.prototype.flatmap@^1.3.1:
     es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
-array.prototype.reduce@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.4.tgz#8167e80089f78bff70a99e20bd4201d4663b0a6f"
-  integrity sha512-WnM+AjG/DvLRLo4DDl+r+SvCzYtD2Jd9oeBYMcEaI7t3fFrHY9M53/wdLcTvmZNQ70IU6Htj0emFkZ5TS+lrdw==
+array.prototype.reduce@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
+  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
     es-array-method-boxes-properly "^1.0.0"
     is-string "^1.0.7"
 
@@ -3567,12 +3446,12 @@ atob@^2.1.2:
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
 autoprefixer@^10.4.13:
-  version "10.4.13"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.13.tgz#b5136b59930209a321e9fa3dca2e7c4d223e83a8"
-  integrity sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==
+  version "10.4.14"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
+  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
   dependencies:
-    browserslist "^4.21.4"
-    caniuse-lite "^1.0.30001426"
+    browserslist "^4.21.5"
+    caniuse-lite "^1.0.30001464"
     fraction.js "^4.2.0"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
@@ -3583,15 +3462,17 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
-axe-core@^4.4.3:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.5.0.tgz#6efe2ecdba205fcc9d7ddb3d48c2cf630f70eb5e"
-  integrity sha512-4+rr8eQ7+XXS5nZrKcMO/AikHL0hVqy+lHWAnE3xdHl+aguag8SOQ6eEqLexwLNWgXIMfunGuD3ON1/6Kyet0A==
+axe-core@^4.6.2:
+  version "4.6.3"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.6.3.tgz#fc0db6fdb65cc7a80ccf85286d91d64ababa3ece"
+  integrity sha512-/BQzOX780JhsxDnPpH4ZiyrJAzcd8AfzFPkv+89veFSr1rcMjuq2JDCwypKaPeB6ljHp9KjXhPpjgCvQlWYuqg==
 
-axobject-query@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
-  integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
+axobject-query@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.1.1.tgz#3b6e5c6d4e43ca7ba51c5babf99d22a9c68485e1"
+  integrity sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==
+  dependencies:
+    deep-equal "^2.0.5"
 
 babel-jest@^27.4.2, babel-jest@^27.5.1:
   version "27.5.1"
@@ -3810,9 +3691,9 @@ body-parser@1.20.1:
     unpipe "1.0.0"
 
 bonjour-service@^1.0.11:
-  version "1.0.14"
-  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.0.14.tgz#c346f5bc84e87802d08f8d5a60b93f758e514ee7"
-  integrity sha512-HIMbgLnk1Vqvs6B4Wq5ep7mxvj9sGz5d1JJyDNSGNIdA/w2MCz6GTjWTdjqOJV1bEPj+6IkxDvWNFKEBxNt4kQ==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.1.1.tgz#960948fa0e0153f5d26743ab15baf8e33752c135"
+  integrity sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==
   dependencies:
     array-flatten "^2.1.2"
     dns-equal "^1.0.0"
@@ -3856,15 +3737,15 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.18.1, browserslist@^4.21.3, browserslist@^4.21.4:
-  version "4.21.4"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
-  integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
+browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4.21.3, browserslist@^4.21.4, browserslist@^4.21.5:
+  version "4.21.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
+  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
   dependencies:
-    caniuse-lite "^1.0.30001400"
-    electron-to-chromium "^1.4.251"
-    node-releases "^2.0.6"
-    update-browserslist-db "^1.0.9"
+    caniuse-lite "^1.0.30001449"
+    electron-to-chromium "^1.4.284"
+    node-releases "^2.0.8"
+    update-browserslist-db "^1.0.10"
 
 bser@2.1.1:
   version "2.1.1"
@@ -3939,15 +3820,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001400:
-  version "1.0.30001427"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001427.tgz#d3a749f74be7ae0671fbec3a4eea18576e8ad646"
-  integrity sha512-lfXQ73oB9c8DP5Suxaszm+Ta2sr/4tf8+381GkIm1MLj/YdLf+rEDyDSRCzeltuyTVGm+/s18gdZ0q+Wmp8VsQ==
-
-caniuse-lite@^1.0.30001426:
-  version "1.0.30001431"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz#e7c59bd1bc518fae03a4656be442ce6c4887a795"
-  integrity sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+  version "1.0.30001478"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz#0ef8a1cf8b16be47a0f9fc4ecfc952232724b32a"
+  integrity sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==
 
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
@@ -4008,9 +3884,9 @@ check-error@^1.0.2:
   integrity sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==
 
 check-types@^11.1.1:
-  version "11.1.2"
-  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.1.2.tgz#86a7c12bf5539f6324eb0e70ca8896c0e38f3e2f"
-  integrity sha512-tzWzvgePgLORb9/3a0YenggReLKAIb2owL03H2Xdoe5pKcUyWRSEQ8xfCar8t2SIAuEDwtmx2da1YB52YuHQMQ==
+  version "11.2.2"
+  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.2.tgz#7afc0b6a860d686885062f2dba888ba5710335b4"
+  integrity sha512-HBiYvXvn9Z70Z88XKjz3AEKd4HJhBXsa3j7xFnITAzoS8+q6eIGi8qDB8FKPBAjtuxjI/zFpwuiCb8oDtKOYrA==
 
 "chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
   version "3.5.3"
@@ -4033,9 +3909,9 @@ chrome-trace-event@^1.0.2:
   integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
 
 ci-info@^3.2.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.5.0.tgz#bfac2a29263de4c829d806b1ab478e35091e171f"
-  integrity sha512-yH4RezKOGlOhxkmhbeNuC4eYZKAUsEaGtBuBzDDP1eFUKiccDWzBABxBfOx31IDwDIXMTxWuwAxUGModvkbuVw==
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
+  integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
 cjs-module-lexer@^1.0.0:
   version "1.2.2"
@@ -4043,9 +3919,9 @@ cjs-module-lexer@^1.0.0:
   integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
 
 clean-css@^5.2.2:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.1.tgz#d0610b0b90d125196a2894d35366f734e5d7aa32"
-  integrity sha512-lCr8OHhiWCTw4v8POJovCoh4T7I9U11yVsPjMWWnnMmp9ZowCxyad1Pathle/9HjaDp+fdQKjO9fQydE6RHTZg==
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.2.tgz#70ecc7d4d4114921f5d298349ff86a31a9975224"
+  integrity sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==
   dependencies:
     source-map "~0.6.0"
 
@@ -4156,6 +4032,11 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
 commander@^7.2.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
@@ -4239,9 +4120,9 @@ content-disposition@0.5.4:
     safe-buffer "5.2.1"
 
 content-type@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
-  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
 
 convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
   version "1.9.0"
@@ -4259,36 +4140,26 @@ cookie@0.5.0:
   integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
 
 core-js-compat@^3.25.1:
-  version "3.26.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.26.0.tgz#94e2cf8ba3e63800c4956ea298a6473bc9d62b44"
-  integrity sha512-piOX9Go+Z4f9ZiBFLnZ5VrOpBl0h7IGCkiFUN11QTe6LjAvOT3ifL/5TdoizMh99hcGy5SoLyWbapIY/PIb/3A==
+  version "3.30.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.30.0.tgz#99aa2789f6ed2debfa1df3232784126ee97f4d80"
+  integrity sha512-P5A2h/9mRYZFIAP+5Ab8ns6083IyVpSclU74UNvbGVQ8VM7n3n3/g2yF3AkKQ9NXz2O+ioxLbEWKnDtgsFamhg==
   dependencies:
-    browserslist "^4.21.4"
+    browserslist "^4.21.5"
 
 core-js-pure@^3.23.3:
-  version "3.26.1"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.26.1.tgz#653f4d7130c427820dcecd3168b594e8bb095a33"
-  integrity sha512-VVXcDpp/xJ21KdULRq/lXdLzQAtX7+37LzpyfFM973il0tWSsDEoyzG38G14AjTpK9VTfiNM9jnFauq/CpaWGQ==
-
-core-js-pure@^3.25.1:
-  version "3.26.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.26.0.tgz#7ad8a5dd7d910756f3124374b50026e23265ca9a"
-  integrity sha512-LiN6fylpVBVwT8twhhluD9TzXmZQQsr2I2eIKtWNbZI1XMfBT7CV18itaN6RA7EtQd/SDdRx/wzvAShX2HvhQA==
+  version "3.30.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.30.0.tgz#41b6c42e5f363bd53d79999bd35093b17e42e1bf"
+  integrity sha512-+2KbMFGeBU0ln/csoPqTe0i/yfHbrd2EUhNMObsGtXMKS/RTtlkYyi+/3twLcevbgNR0yM/r0Psa3TEoQRpFMQ==
 
 core-js@3.6.5:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
   integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
 
-core-js@^3.19.2:
-  version "3.26.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.26.1.tgz#7a9816dabd9ee846c1c0fe0e8fcad68f3709134e"
-  integrity sha512-21491RRQVzUn0GGM9Z1Jrpr6PNPxPi+Za8OM9q4tksTSnlbXXGKK1nXNg/QvwFYettXvSX6zWKCtHHfjN4puyA==
-
-core-js@^3.4:
-  version "3.26.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.26.0.tgz#a516db0ed0811be10eac5d94f3b8463d03faccfe"
-  integrity sha512-+DkDrhoR4Y0PxDz6rurahuB+I45OsEUv8E1maPTB6OuHRohMMcznBq9TMpdpDMm/hUPob/mJJS3PqgbHpMTQgw==
+core-js@^3.19.2, core-js@^3.4:
+  version "3.30.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.30.0.tgz#64ac6f83bc7a49fd42807327051701d4b1478dea"
+  integrity sha512-hQotSSARoNh1mYPi9O2YaWeiq/cEB95kOrFb4NCrO4RIFt1qqNpKsaE+vy/L3oiqvND5cThqXzUU3r9F7Efztg==
 
 core-util-is@~1.0.0:
   version "1.0.3"
@@ -4312,9 +4183,9 @@ cosmiconfig@^6.0.0:
     yaml "^1.7.2"
 
 cosmiconfig@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
-  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
   dependencies:
     "@types/parse-json" "^4.0.0"
     import-fresh "^3.2.1"
@@ -4356,9 +4227,9 @@ css-blank-pseudo@^3.0.3:
     postcss-selector-parser "^6.0.9"
 
 css-declaration-sorter@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec"
-  integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz#630618adc21724484b3e9505bce812def44000ad"
+  integrity sha512-jDfsatwWMWN0MODAFuHszfjphEXfNw9JUAhmY4pLu3TyTU+ohUpsbVtbU+1MZn4a47D9kqh03i4eyOm+74+zew==
 
 css-has-pseudo@^3.0.4:
   version "3.0.4"
@@ -4368,12 +4239,12 @@ css-has-pseudo@^3.0.4:
     postcss-selector-parser "^6.0.9"
 
 css-loader@^6.5.1:
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.2.tgz#26bc22401b5921686a10fbeba75d124228302304"
-  integrity sha512-oqGbbVcBJkm8QwmnNzrFrWTnudnRZC+1eXikLJl0n4ljcfotgRifpg2a1lKy8jTrc4/d9A/ap1GFq1jDKG7J+Q==
+  version "6.7.3"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
+  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
   dependencies:
     icss-utils "^5.1.0"
-    postcss "^8.4.18"
+    postcss "^8.4.19"
     postcss-modules-extract-imports "^3.0.0"
     postcss-modules-local-by-default "^4.0.0"
     postcss-modules-scope "^3.0.0"
@@ -4465,9 +4336,9 @@ css@^3.0.0:
     source-map-resolve "^0.6.0"
 
 cssdb@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.1.0.tgz#574f97235a83eb753a29f0b1f2cbacac0d628bb8"
-  integrity sha512-Sd99PrFgx28ez4GHu8yoQIufc/70h9oYowDf4EjeIKi8mac9whxRjhM3IaMr6EllP6KKKWtJrMfN6C7T9tIWvQ==
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.4.tgz#e34dafee5184d67634604e345e389ca79ac179ea"
+  integrity sha512-fGD+J6Jlq+aurfE1VDXlLS4Pt0VtNlu2+YgfGOdMxRyl/HQ9bDiHTwSck1Yz8A97Dt/82izSK6Bp/4nVqacOsg==
 
 cssesc@^3.0.0:
   version "3.0.0"
@@ -4479,22 +4350,22 @@ cssfontparser@^1.2.1:
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
 
-cssnano-preset-default@^5.2.13:
-  version "5.2.13"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.13.tgz#e7353b0c57975d1bdd97ac96e68e5c1b8c68e990"
-  integrity sha512-PX7sQ4Pb+UtOWuz8A1d+Rbi+WimBIxJTRyBdgGp1J75VU0r/HFQeLnMYgHiCAp6AR4rqrc7Y4R+1Rjk3KJz6DQ==
+cssnano-preset-default@^5.2.14:
+  version "5.2.14"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
+  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
   dependencies:
     css-declaration-sorter "^6.3.1"
     cssnano-utils "^3.1.0"
     postcss-calc "^8.2.3"
-    postcss-colormin "^5.3.0"
+    postcss-colormin "^5.3.1"
     postcss-convert-values "^5.1.3"
     postcss-discard-comments "^5.1.2"
     postcss-discard-duplicates "^5.1.0"
     postcss-discard-empty "^5.1.1"
     postcss-discard-overridden "^5.1.0"
     postcss-merge-longhand "^5.1.7"
-    postcss-merge-rules "^5.1.3"
+    postcss-merge-rules "^5.1.4"
     postcss-minify-font-values "^5.1.0"
     postcss-minify-gradients "^5.1.1"
     postcss-minify-params "^5.1.4"
@@ -4509,7 +4380,7 @@ cssnano-preset-default@^5.2.13:
     postcss-normalize-url "^5.1.0"
     postcss-normalize-whitespace "^5.1.1"
     postcss-ordered-values "^5.1.3"
-    postcss-reduce-initial "^5.1.1"
+    postcss-reduce-initial "^5.1.2"
     postcss-reduce-transforms "^5.1.0"
     postcss-svgo "^5.1.0"
     postcss-unique-selectors "^5.1.1"
@@ -4520,11 +4391,11 @@ cssnano-utils@^3.1.0:
   integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
 
 cssnano@^5.0.6:
-  version "5.1.14"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.14.tgz#07b0af6da73641276fe5a6d45757702ebae2eb05"
-  integrity sha512-Oou7ihiTocbKqi0J1bB+TRJIQX5RMR3JghA8hcWSw9mjBLQ5Y3RWqEDoYG3sRNlAbCIXpqMoZGbq5KDR3vdzgw==
+  version "5.1.15"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
+  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
   dependencies:
-    cssnano-preset-default "^5.2.13"
+    cssnano-preset-default "^5.2.14"
     lilconfig "^2.0.3"
     yaml "^1.10.2"
 
@@ -4553,9 +4424,9 @@ cssstyle@^2.3.0:
     cssom "~0.3.6"
 
 csstype@^3.0.2:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
-  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
+  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
 damerau-levenshtein@^1.0.8:
   version "1.0.8"
@@ -4571,7 +4442,7 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
-debug@2.6.9, debug@^2.6.0, debug@^2.6.9:
+debug@2.6.9, debug@^2.6.0:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -4600,9 +4471,9 @@ debug@~3.1.0:
     ms "2.0.0"
 
 decimal.js@^10.2.1:
-  version "10.4.2"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.2.tgz#0341651d1d997d86065a2ce3a441fbd0d8e8b98e"
-  integrity sha512-ic1yEvwT6GuvaYwBLLY6/aFFgjZdySKTE8en/fkU3QICTmRtgtSlFn0u0BXN06InZwtfCelR7j8LRiDI/02iGA==
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
+  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
 decode-uri-component@^0.2.0:
   version "0.2.2"
@@ -4622,25 +4493,27 @@ deep-eql@^3.0.1:
     type-detect "^4.0.0"
 
 deep-equal@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.0.5.tgz#55cd2fe326d83f9cbf7261ef0e060b3f724c5cb9"
-  integrity sha512-nPiRgmbAtm1a3JsnLCf6/SLfXcjyN5v8L1TXzdCmHrXJ4hx+gW/w1YCcn7z8gJtSiDArZCgYtbao3QqLm/N1Sw==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.0.tgz#5caeace9c781028b9ff459f33b779346637c43e6"
+  integrity sha512-RdpzE0Hv4lhowpIUKKMJfeH6C1pXdtT1/it80ubgWqwI3qpuxUBpC1S4hnHg+zjnuOoDkzUtUCEEkG+XG5l3Mw==
   dependencies:
-    call-bind "^1.0.0"
-    es-get-iterator "^1.1.1"
-    get-intrinsic "^1.0.1"
-    is-arguments "^1.0.4"
-    is-date-object "^1.0.2"
-    is-regex "^1.1.1"
+    call-bind "^1.0.2"
+    es-get-iterator "^1.1.2"
+    get-intrinsic "^1.1.3"
+    is-arguments "^1.1.1"
+    is-array-buffer "^3.0.1"
+    is-date-object "^1.0.5"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
     isarray "^2.0.5"
-    object-is "^1.1.4"
+    object-is "^1.1.5"
     object-keys "^1.1.1"
-    object.assign "^4.1.2"
-    regexp.prototype.flags "^1.3.0"
-    side-channel "^1.0.3"
-    which-boxed-primitive "^1.0.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.4.3"
+    side-channel "^1.0.4"
+    which-boxed-primitive "^1.0.2"
     which-collection "^1.0.1"
-    which-typed-array "^1.1.2"
+    which-typed-array "^1.1.9"
 
 deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.4"
@@ -4648,9 +4521,9 @@ deep-is@^0.1.3, deep-is@~0.1.3:
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
 deepmerge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
 default-gateway@^6.0.3:
   version "6.0.3"
@@ -4665,18 +4538,13 @@ define-lazy-prop@^2.0.0:
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
 define-properties@^1.1.3, define-properties@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
-  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
+  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
   dependencies:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
-defined@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
-  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -4702,6 +4570,11 @@ detect-newline@^3.0.0:
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
   integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
 
+detect-node-es@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
+  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
+
 detect-node@^2.0.4:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
@@ -4715,15 +4588,6 @@ detect-port-alt@^1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
-detective@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
-  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
-  dependencies:
-    acorn-node "^1.8.2"
-    defined "^1.0.0"
-    minimist "^1.2.6"
-
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -4734,10 +4598,10 @@ diff-sequences@^27.5.1:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
   integrity sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==
 
-diff-sequences@^29.2.0:
-  version "29.2.0"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.2.0.tgz#4c55b5b40706c7b5d2c5c75999a50c56d214e8f6"
-  integrity sha512-413SY5JpYeSBZxmenGEmCVQ8mCgtFJF0w9PROdaS6z987XC2Pd2GOKqOITLtMftmyFZqgtCOb/QA7/Z3ZXfzIw==
+diff-sequences@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.4.3.tgz#9314bc1fabe09267ffeca9cbafc457d8499a13f2"
+  integrity sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==
 
 dir-glob@^3.0.1:
   version "3.0.1"
@@ -4757,9 +4621,9 @@ dns-equal@^1.0.0:
   integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
 
 dns-packet@^5.2.2:
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.4.0.tgz#1f88477cf9f27e78a213fb6d118ae38e759a879b"
-  integrity sha512-EgqGeaBB8hLiHLZtp/IbaDQTL8pZ0+IvwzSHA6d7VyMDM+B9hgddEMa9xjK5oYnw0ci0JQ6g2XCD7/f6cafU6g==
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.5.0.tgz#f59cbf3396c130957c56a6ad5fd3959ccdc30065"
+  integrity sha512-USawdAUzRkV6xrqTjiAEp6M9YagZEzWcSUaZTcIFAiyQWW1SoI6KyId8y2+/71wbgHKQAKd+iupLv4YvEwYWvA==
   dependencies:
     "@leichtgewicht/ip-codec" "^2.0.1"
 
@@ -4778,9 +4642,9 @@ doctrine@^3.0.0:
     esutils "^2.0.2"
 
 dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
-  version "0.5.14"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.14.tgz#56082f71b1dc7aac69d83c4285eef39c15d93f56"
-  integrity sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==
+  version "0.5.16"
+  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
+  integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
 dom-converter@^0.2.0:
   version "0.2.0"
@@ -4898,16 +4762,16 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 ejs@^3.1.6:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.8.tgz#758d32910c78047585c7ef1f92f9ee041c1c190b"
-  integrity sha512-/sXZeMlhS0ArkfX2Aw780gJzXSMPnKjtspYZv+f3NiKLlubezAHDU5+9xz6gd3/NhG3txQCo6xlglmTS+oTGEQ==
+  version "3.1.9"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.9.tgz#03c9e8777fe12686a9effcef22303ca3d8eeb361"
+  integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.4.251:
-  version "1.4.284"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
-  integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
+electron-to-chromium@^1.4.284:
+  version "1.4.359"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.359.tgz#5c4d13cb08032469fcd6bd36457915caa211356b"
+  integrity sha512-OoVcngKCIuNXtZnsYoqlCvr0Cf3NIPzDIgwUfI9bdTFjXCrr79lI0kwQstLPZ7WhCezLlGksZk/BFAzoXC7GDw==
 
 emittery@^0.10.2:
   version "0.10.2"
@@ -4968,9 +4832,9 @@ engine.io-parser@~2.2.0:
     has-binary2 "~1.0.2"
 
 enhanced-resolve@^5.10.0:
-  version "5.10.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
-  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
+  version "5.12.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
+  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -5001,60 +4865,80 @@ error-stack-parser@^2.0.6:
   dependencies:
     stackframe "^1.3.4"
 
-es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.19.1, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20.0, es-abstract@^1.20.1, es-abstract@^1.20.4:
-  version "1.20.4"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.4.tgz#1d103f9f8d78d4cf0713edcd6d0ed1a46eed5861"
-  integrity sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==
+es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
+  version "1.21.2"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
+  integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
   dependencies:
+    array-buffer-byte-length "^1.0.0"
+    available-typed-arrays "^1.0.5"
     call-bind "^1.0.2"
+    es-set-tostringtag "^2.0.1"
     es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
     function.prototype.name "^1.1.5"
-    get-intrinsic "^1.1.3"
+    get-intrinsic "^1.2.0"
     get-symbol-description "^1.0.0"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
     has "^1.0.3"
     has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
     has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
+    internal-slot "^1.0.5"
+    is-array-buffer "^3.0.2"
     is-callable "^1.2.7"
     is-negative-zero "^2.0.2"
     is-regex "^1.1.4"
     is-shared-array-buffer "^1.0.2"
     is-string "^1.0.7"
+    is-typed-array "^1.1.10"
     is-weakref "^1.0.2"
-    object-inspect "^1.12.2"
+    object-inspect "^1.12.3"
     object-keys "^1.1.1"
     object.assign "^4.1.4"
     regexp.prototype.flags "^1.4.3"
     safe-regex-test "^1.0.0"
-    string.prototype.trimend "^1.0.5"
-    string.prototype.trimstart "^1.0.5"
+    string.prototype.trim "^1.2.7"
+    string.prototype.trimend "^1.0.6"
+    string.prototype.trimstart "^1.0.6"
+    typed-array-length "^1.0.4"
     unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.9"
 
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
   integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
 
-es-get-iterator@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.2.tgz#9234c54aba713486d7ebde0220864af5e2b283f7"
-  integrity sha512-+DTO8GYwbMCwbywjimwZMHp8AuYXOS2JZFWoi2AlPOS3ebnII9w/NLpNZtA7A0YLaVDw+O7KFCeoIV7OPvM7hQ==
+es-get-iterator@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
+  integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==
   dependencies:
     call-bind "^1.0.2"
-    get-intrinsic "^1.1.0"
-    has-symbols "^1.0.1"
-    is-arguments "^1.1.0"
+    get-intrinsic "^1.1.3"
+    has-symbols "^1.0.3"
+    is-arguments "^1.1.1"
     is-map "^2.0.2"
     is-set "^2.0.2"
-    is-string "^1.0.5"
+    is-string "^1.0.7"
     isarray "^2.0.5"
+    stop-iteration-iterator "^1.0.0"
 
 es-module-lexer@^0.9.0:
   version "0.9.3"
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
+es-set-tostringtag@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
+  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
+  dependencies:
+    get-intrinsic "^1.1.3"
+    has "^1.0.3"
+    has-tostringtag "^1.0.0"
+
 es-shim-unscopables@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
@@ -5133,15 +5017,16 @@ eslint-config-react-app@^7.0.1:
     eslint-plugin-react-hooks "^4.3.0"
     eslint-plugin-testing-library "^5.0.1"
 
-eslint-import-resolver-node@^0.3.6:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz#4048b958395da89668252001dbd9eca6b83bacbd"
-  integrity sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==
+eslint-import-resolver-node@^0.3.7:
+  version "0.3.7"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz#83b375187d412324a1963d84fa664377a23eb4d7"
+  integrity sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==
   dependencies:
     debug "^3.2.7"
-    resolve "^1.20.0"
+    is-core-module "^2.11.0"
+    resolve "^1.22.1"
 
-eslint-module-utils@^2.7.3:
+eslint-module-utils@^2.7.4:
   version "2.7.4"
   resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz#4f3e41116aaf13a20792261e61d3a2e7e0583974"
   integrity sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==
@@ -5157,22 +5042,24 @@ eslint-plugin-flowtype@^8.0.3:
     string-natural-compare "^3.0.1"
 
 eslint-plugin-import@^2.25.3:
-  version "2.26.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz#f812dc47be4f2b72b478a021605a59fc6fe8b88b"
-  integrity sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==
+  version "2.27.5"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz#876a6d03f52608a3e5bb439c2550588e51dd6c65"
+  integrity sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==
   dependencies:
-    array-includes "^3.1.4"
-    array.prototype.flat "^1.2.5"
-    debug "^2.6.9"
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    array.prototype.flatmap "^1.3.1"
+    debug "^3.2.7"
     doctrine "^2.1.0"
-    eslint-import-resolver-node "^0.3.6"
-    eslint-module-utils "^2.7.3"
+    eslint-import-resolver-node "^0.3.7"
+    eslint-module-utils "^2.7.4"
     has "^1.0.3"
-    is-core-module "^2.8.1"
+    is-core-module "^2.11.0"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
-    object.values "^1.1.5"
-    resolve "^1.22.0"
+    object.values "^1.1.6"
+    resolve "^1.22.1"
+    semver "^6.3.0"
     tsconfig-paths "^3.14.1"
 
 eslint-plugin-jest@^25.3.0:
@@ -5183,22 +5070,25 @@ eslint-plugin-jest@^25.3.0:
     "@typescript-eslint/experimental-utils" "^5.0.0"
 
 eslint-plugin-jsx-a11y@^6.5.1:
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.6.1.tgz#93736fc91b83fdc38cc8d115deedfc3091aef1ff"
-  integrity sha512-sXgFVNHiWffBq23uiS/JaP6eVR622DqwB4yTzKvGZGcPq6/yZ3WmOZfuBks/vHWo9GaFOqC2ZK4i6+C35knx7Q==
+  version "6.7.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz#fca5e02d115f48c9a597a6894d5bcec2f7a76976"
+  integrity sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==
   dependencies:
-    "@babel/runtime" "^7.18.9"
-    aria-query "^4.2.2"
-    array-includes "^3.1.5"
+    "@babel/runtime" "^7.20.7"
+    aria-query "^5.1.3"
+    array-includes "^3.1.6"
+    array.prototype.flatmap "^1.3.1"
     ast-types-flow "^0.0.7"
-    axe-core "^4.4.3"
-    axobject-query "^2.2.0"
+    axe-core "^4.6.2"
+    axobject-query "^3.1.1"
     damerau-levenshtein "^1.0.8"
     emoji-regex "^9.2.2"
     has "^1.0.3"
-    jsx-ast-utils "^3.3.2"
-    language-tags "^1.0.5"
+    jsx-ast-utils "^3.3.3"
+    language-tags "=1.0.5"
     minimatch "^3.1.2"
+    object.entries "^1.1.6"
+    object.fromentries "^2.0.6"
     semver "^6.3.0"
 
 eslint-plugin-prettier@3.3.1:
@@ -5214,9 +5104,9 @@ eslint-plugin-react-hooks@^4.3.0:
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
 eslint-plugin-react@^7.27.1:
-  version "7.31.11"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.11.tgz#011521d2b16dcf95795df688a4770b4eaab364c8"
-  integrity sha512-TTvq5JsT5v56wPa9OYHzsrOlHzKZKjV+aLgS+55NJP/cuzdiQPC7PfYoUjMoxlffKtvijpk7vA/jmuqRb9nohw==
+  version "7.32.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz#e71f21c7c265ebce01bcbc9d0955170c55571f10"
+  integrity sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.flatmap "^1.3.1"
@@ -5230,16 +5120,16 @@ eslint-plugin-react@^7.27.1:
     object.hasown "^1.1.2"
     object.values "^1.1.6"
     prop-types "^15.8.1"
-    resolve "^2.0.0-next.3"
+    resolve "^2.0.0-next.4"
     semver "^6.3.0"
     string.prototype.matchall "^4.0.8"
 
 eslint-plugin-testing-library@^5.0.1:
-  version "5.9.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.9.1.tgz#12e4bd34c48683ee98af4df2e3318ec9f51dcf8a"
-  integrity sha512-6BQp3tmb79jLLasPHJmy8DnxREe+2Pgf7L+7o09TSWPfdqqtQfRZmZNetr5mOs3yqZk/MRNxpN3RUpJe0wB4LQ==
+  version "5.10.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.10.2.tgz#12f231ad9b52b6aef45c801fd00aa129a932e0c2"
+  integrity sha512-f1DmDWcz5SDM+IpCkEX0lbFqrrTs8HRsEElzDEqN/EBI0hpRj8Cns5+IVANXswE8/LeybIJqPAOQIFu2j5Y5sw==
   dependencies:
-    "@typescript-eslint/utils" "^5.13.0"
+    "@typescript-eslint/utils" "^5.43.0"
 
 eslint-scope@5.1.1, eslint-scope@^5.1.1:
   version "5.1.1"
@@ -5264,13 +5154,6 @@ eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
 eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
@@ -5281,10 +5164,10 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
-  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
+  integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
 
 eslint-webpack-plugin@^3.1.1:
   version "3.2.0"
@@ -5344,12 +5227,15 @@ eslint@^7.32.0:
     v8-compile-cache "^2.0.3"
 
 eslint@^8.3.0:
-  version "8.28.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.28.0.tgz#81a680732634677cc890134bcdd9fdfea8e63d6e"
-  integrity sha512-S27Di+EVyMxcHiwDrFzk8dJYAaD+/5SoWKxL1ri/71CRHsnJnRDPNt2Kzj24+MT9FDupf4aqqyqPrvI8MvQ4VQ==
+  version "8.38.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.38.0.tgz#a62c6f36e548a5574dd35728ac3c6209bd1e2f1a"
+  integrity sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==
   dependencies:
-    "@eslint/eslintrc" "^1.3.3"
-    "@humanwhocodes/config-array" "^0.11.6"
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.4.0"
+    "@eslint/eslintrc" "^2.0.2"
+    "@eslint/js" "8.38.0"
+    "@humanwhocodes/config-array" "^0.11.8"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
     ajv "^6.10.0"
@@ -5359,16 +5245,15 @@ eslint@^8.3.0:
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
     eslint-scope "^7.1.1"
-    eslint-utils "^3.0.0"
-    eslint-visitor-keys "^3.3.0"
-    espree "^9.4.0"
-    esquery "^1.4.0"
+    eslint-visitor-keys "^3.4.0"
+    espree "^9.5.1"
+    esquery "^1.4.2"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
     find-up "^5.0.0"
     glob-parent "^6.0.2"
-    globals "^13.15.0"
+    globals "^13.19.0"
     grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
@@ -5383,7 +5268,6 @@ eslint@^8.3.0:
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.1"
-    regexpp "^3.2.0"
     strip-ansi "^6.0.1"
     strip-json-comments "^3.1.0"
     text-table "^0.2.0"
@@ -5397,24 +5281,24 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
-espree@^9.4.0:
-  version "9.4.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.1.tgz#51d6092615567a2c2cff7833445e37c28c0065bd"
-  integrity sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==
+espree@^9.5.1:
+  version "9.5.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.1.tgz#4f26a4d5f18905bf4f2e0bd99002aab807e96dd4"
+  integrity sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==
   dependencies:
     acorn "^8.8.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.3.0"
+    eslint-visitor-keys "^3.4.0"
 
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
-  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+esquery@^1.4.0, esquery@^1.4.2:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
+  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
   dependencies:
     estraverse "^5.1.0"
 
@@ -5491,15 +5375,15 @@ expect@^27.5.1:
     jest-message-util "^27.5.1"
 
 expect@^29.0.0:
-  version "29.2.2"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.2.2.tgz#ba2dd0d7e818727710324a6e7f13dd0e6d086106"
-  integrity sha512-hE09QerxZ5wXiOhqkXy5d2G9ar+EqOyifnCXCpMNu+vZ6DG9TJ6CO2c2kPDSLqERTTWrO7OZj8EkYHQqSd78Yw==
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
+  integrity sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==
   dependencies:
-    "@jest/expect-utils" "^29.2.2"
-    jest-get-type "^29.2.0"
-    jest-matcher-utils "^29.2.2"
-    jest-message-util "^29.2.1"
-    jest-util "^29.2.1"
+    "@jest/expect-utils" "^29.5.0"
+    jest-get-type "^29.4.3"
+    jest-matcher-utils "^29.5.0"
+    jest-message-util "^29.5.0"
+    jest-util "^29.5.0"
 
 express@^4.17.3:
   version "4.18.2"
@@ -5577,9 +5461,9 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastq@^1.6.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
-  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
+  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
   dependencies:
     reusify "^1.0.4"
 
@@ -5729,9 +5613,9 @@ for-each@^0.3.3:
     is-callable "^1.1.3"
 
 fork-ts-checker-webpack-plugin@^6.5.0:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz#4f67183f2f9eb8ba7df7177ce3cf3e75cdafb340"
-  integrity sha512-m5cUmF30xkZ7h4tWUgTAcEaKmUW7tfyUyTqNNOz7OxWJ0v1VWKTcOvH8FWHUwSjlW/356Ijc9vi3XfcPstpQKA==
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
+  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
   dependencies:
     "@babel/code-frame" "^7.8.3"
     "@types/json-schema" "^7.0.5"
@@ -5845,15 +5729,20 @@ get-func-name@^2.0.0:
   resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.0.tgz#ead774abee72e20409433a066366023dd6887a41"
   integrity sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==
 
-get-intrinsic@^1.0.1, get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
-  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
+  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
   dependencies:
     function-bind "^1.1.1"
     has "^1.0.3"
     has-symbols "^1.0.3"
 
+get-nonce@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
+  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
+
 get-own-enumerable-property-symbols@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
@@ -5896,6 +5785,18 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
+glob@7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -5929,19 +5830,19 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.15.0:
-  version "13.18.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.18.0.tgz#fb224daeeb2bb7d254cd2c640f003528b8d0c1dc"
-  integrity sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==
+globals@^13.19.0, globals@^13.6.0, globals@^13.9.0:
+  version "13.20.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
+  integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
   dependencies:
     type-fest "^0.20.2"
 
-globals@^13.6.0, globals@^13.9.0:
-  version "13.17.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.17.0.tgz#902eb1e680a41da93945adbdcb5a9f361ba69bd4"
-  integrity sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==
+globalthis@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
   dependencies:
-    type-fest "^0.20.2"
+    define-properties "^1.1.3"
 
 globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
@@ -5960,10 +5861,17 @@ glur@^1.1.2:
   resolved "https://registry.yarnpkg.com/glur/-/glur-1.1.2.tgz#f20ea36db103bfc292343921f1f91e83c3467689"
   integrity sha512-l+8esYHTKOx2G/Aao4lEQ0bnHWg4fWtJbVoZZT9Knxi01pB8C80BR85nONLFwkkQoFRCmXY+BUcGZN3yZ2QsRA==
 
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
 graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
-  version "4.2.10"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
-  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
 grapheme-splitter@^1.0.4:
   version "1.0.4"
@@ -6021,6 +5929,11 @@ has-property-descriptors@^1.0.0:
   dependencies:
     get-intrinsic "^1.1.1"
 
+has-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
+  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+
 has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
@@ -6271,9 +6184,9 @@ ignore@^4.0.6:
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
 ignore@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
-  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
 image-blob-reduce@3.0.1:
   version "3.0.1"
@@ -6288,14 +6201,14 @@ immediate@~3.0.5:
   integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
 
 immer@^9.0.7:
-  version "9.0.16"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.16.tgz#8e7caab80118c2b54b37ad43e05758cdefad0198"
-  integrity sha512-qenGE7CstVm1NrHQbMh8YaSzTZTFNP3zPqr3YU0S0UY441j4bJTg4A2Hh5KAhwgaiU6ZZ1Ar6y/2f4TblnMReQ==
+  version "9.0.21"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
+  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
 
 immutable@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
-  integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be"
+  integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==
 
 import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
   version "3.3.0"
@@ -6351,15 +6264,22 @@ ini@^1.3.5:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
-internal-slot@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
-  integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==
+internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
+  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
   dependencies:
-    get-intrinsic "^1.1.0"
+    get-intrinsic "^1.2.0"
     has "^1.0.3"
     side-channel "^1.0.4"
 
+invariant@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
+  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
+  dependencies:
+    loose-envify "^1.0.0"
+
 ipaddr.js@1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
@@ -6370,7 +6290,7 @@ ipaddr.js@^2.0.1:
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
   integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
 
-is-arguments@^1.0.4, is-arguments@^1.1.0:
+is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
   integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
@@ -6378,6 +6298,15 @@ is-arguments@^1.0.4, is-arguments@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
+  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.0"
+    is-typed-array "^1.1.10"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -6410,14 +6339,14 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.8.1, is-core-module@^2.9.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
-  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
+is-core-module@^2.11.0, is-core-module@^2.9.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.0.tgz#36ad62f6f73c8253fd6472517a12483cf03e7ec4"
+  integrity sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==
   dependencies:
     has "^1.0.3"
 
-is-date-object@^1.0.1, is-date-object@^1.0.2:
+is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
   integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
@@ -6503,7 +6432,7 @@ is-potential-custom-element-name@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-regex@^1.1.1, is-regex@^1.1.4:
+is-regex@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
   integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
@@ -6552,15 +6481,15 @@ is-symbol@^1.0.2, is-symbol@^1.0.3:
   dependencies:
     has-symbols "^1.0.2"
 
-is-typed-array@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.9.tgz#246d77d2871e7d9f5aeb1d54b9f52c71329ece67"
-  integrity sha512-kfrlnTTn8pZkfpJMUgYD7YZ3qzeJgWUn8XfVYBARc4wnmNOmLbmuuaAs3q5fvB0UJOn6yHAKaGTPM7d6ezoD/A==
+is-typed-array@^1.1.10, is-typed-array@^1.1.9:
+  version "1.1.10"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.10.tgz#36a5b5cb4189b575d1a3e4b08536bfb485801e3f"
+  integrity sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==
   dependencies:
     available-typed-arrays "^1.0.5"
     call-bind "^1.0.2"
-    es-abstract "^1.20.0"
     for-each "^0.3.3"
+    gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
 is-typedarray@^1.0.0:
@@ -6767,15 +6696,15 @@ jest-diff@^27.0.0, jest-diff@^27.5.1:
     jest-get-type "^27.5.1"
     pretty-format "^27.5.1"
 
-jest-diff@^29.2.1:
-  version "29.2.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.2.1.tgz#027e42f5a18b693fb2e88f81b0ccab533c08faee"
-  integrity sha512-gfh/SMNlQmP3MOUgdzxPOd4XETDJifADpT937fN1iUGz+9DgOu2eUPHH25JDkLVcLwwqxv3GzVyK4VBUr9fjfA==
+jest-diff@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.5.0.tgz#e0d83a58eb5451dcc1fa61b1c3ee4e8f5a290d63"
+  integrity sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==
   dependencies:
     chalk "^4.0.0"
-    diff-sequences "^29.2.0"
-    jest-get-type "^29.2.0"
-    pretty-format "^29.2.1"
+    diff-sequences "^29.4.3"
+    jest-get-type "^29.4.3"
+    pretty-format "^29.5.0"
 
 jest-docblock@^27.5.1:
   version "27.5.1"
@@ -6825,10 +6754,10 @@ jest-get-type@^27.5.1:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
   integrity sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==
 
-jest-get-type@^29.2.0:
-  version "29.2.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.2.0.tgz#726646f927ef61d583a3b3adb1ab13f3a5036408"
-  integrity sha512-uXNJlg8hKFEnDgFsrCjznB+sTxdkuqiCL6zMgA75qEbAJjJYTs9XPrvDctrEig2GDow22T/LvHgO57iJhXB/UA==
+jest-get-type@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
+  integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
 jest-haste-map@^27.5.1:
   version "27.5.1"
@@ -6891,15 +6820,15 @@ jest-matcher-utils@^27.5.1:
     jest-get-type "^27.5.1"
     pretty-format "^27.5.1"
 
-jest-matcher-utils@^29.2.2:
-  version "29.2.2"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.2.2.tgz#9202f8e8d3a54733266784ce7763e9a08688269c"
-  integrity sha512-4DkJ1sDPT+UX2MR7Y3od6KtvRi9Im1ZGLGgdLFLm4lPexbTaCgJW5NN3IOXlQHF7NSHY/VHhflQ+WoKtD/vyCw==
+jest-matcher-utils@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
+  integrity sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^29.2.1"
-    jest-get-type "^29.2.0"
-    pretty-format "^29.2.1"
+    jest-diff "^29.5.0"
+    jest-get-type "^29.4.3"
+    pretty-format "^29.5.0"
 
 jest-message-util@^27.5.1:
   version "27.5.1"
@@ -6931,18 +6860,18 @@ jest-message-util@^28.1.3:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-message-util@^29.2.1:
-  version "29.2.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.2.1.tgz#3a51357fbbe0cc34236f17a90d772746cf8d9193"
-  integrity sha512-Dx5nEjw9V8C1/Yj10S/8ivA8F439VS8vTq1L7hEgwHFn9ovSKNpYW/kwNh7UglaEgXO42XxzKJB+2x0nSglFVw==
+jest-message-util@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
+  integrity sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^29.2.1"
+    "@jest/types" "^29.5.0"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     micromatch "^4.0.4"
-    pretty-format "^29.2.1"
+    pretty-format "^29.5.0"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
@@ -6955,9 +6884,9 @@ jest-mock@^27.5.1:
     "@types/node" "*"
 
 jest-pnp-resolver@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
-  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
+  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
 
 jest-regex-util@^27.5.1:
   version "27.5.1"
@@ -7109,12 +7038,12 @@ jest-util@^28.1.3:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-util@^29.2.1:
-  version "29.2.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.2.1.tgz#f26872ba0dc8cbefaba32c34f98935f6cf5fc747"
-  integrity sha512-P5VWDj25r7kj7kl4pN2rG/RN2c1TLfYYYZYULnS/35nFDjBai+hBeo3MDrYZS7p6IoY3YHZnt2vq4L6mKnLk0g==
+jest-util@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
+  integrity sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==
   dependencies:
-    "@jest/types" "^29.2.1"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
@@ -7209,15 +7138,20 @@ jest@^27.4.3:
     import-local "^3.0.2"
     jest-cli "^27.5.1"
 
+jiti@^1.17.2:
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
+  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
+
 jotai@1.6.4:
   version "1.6.4"
   resolved "https://registry.yarnpkg.com/jotai/-/jotai-1.6.4.tgz#4d9904362c53c4293d32e21fb358d3de34b82912"
   integrity sha512-XC0ExLhdE6FEBdIjKTe6kMlHaAUV/QiwN7vZond76gNr/WdcdonJOEW79+5t8u38sR41bJXi26B1dRi7cCRz9A==
 
 js-sdsl@^4.1.4:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.5.tgz#1ff1645e6b4d1b028cd3f862db88c9d887f26e2a"
-  integrity sha512-08bOAKweV2NUC1wqTtf3qZlnpOX/R2DU9ikpjOHs0H+ibQv3zpncVQg6um4uYtRtrwIX8M4Nh3ytK4HGlYAq7Q==
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
+  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -7307,17 +7241,17 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
-json5@^1.0.1:
+json5@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
   integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.0, json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
 jsonfile@^6.0.1:
   version "6.1.0"
@@ -7333,7 +7267,7 @@ jsonpointer@^5.0.0:
   resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
   integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
 
-"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.2:
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz#76b3e6e6cece5c69d49a5792c3d01bd1a0cdc7ea"
   integrity sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==
@@ -7352,22 +7286,30 @@ kleur@^3.0.3:
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
 klona@^2.0.4, klona@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
-  integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
+  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
 
 language-subtag-registry@~0.3.2:
   version "0.3.22"
   resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
   integrity sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==
 
-language-tags@^1.0.5:
+language-tags@=1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.5.tgz#d321dbc4da30ba8bf3024e040fa5c14661f9193a"
   integrity sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==
   dependencies:
     language-subtag-registry "~0.3.2"
 
+launch-editor@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.0.tgz#4c0c1a6ac126c572bd9ff9a30da1d2cae66defd7"
+  integrity sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==
+  dependencies:
+    picocolors "^1.0.0"
+    shell-quote "^1.7.3"
+
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
@@ -7402,9 +7344,9 @@ lilconfig@2.0.4:
   integrity sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==
 
 lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4"
-  integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
 
 lines-and-columns@^1.1.6:
   version "1.2.4"
@@ -7450,7 +7392,7 @@ loader-runner@^4.2.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
   integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
 
-loader-utils@^2.0.0, loader-utils@^2.0.3:
+loader-utils@^2.0.0, loader-utils@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
   integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
@@ -7554,11 +7496,11 @@ long@^4.0.0:
   integrity sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==
 
 long@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/long/-/long-5.2.0.tgz#2696dadf4b4da2ce3f6f6b89186085d94d52fd61"
-  integrity sha512-9RTUNjK60eJbx3uz+TEGF7fUr29ZDxR5QzXcyDpeSfeH28S9ycINflOgOlppit5U+4kNTe83KQnMEerw7GmE8w==
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/long/-/long-5.2.1.tgz#e27595d0083d103d2fa2c20c7699f8e0c92b897f"
+  integrity sha512-GKSNGeNAtw8IryjjkhZxuKB3JzlcLTwjtiQCHKvqQet81I93kXslhDQruGI/QsddO83mcDToBVy7GqGS/zYf/A==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -7566,9 +7508,9 @@ loose-envify@^1.1.0, loose-envify@^1.4.0:
     js-tokens "^3.0.0 || ^4.0.0"
 
 loupe@^2.3.1:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.4.tgz#7e0b9bffc76f148f9be769cb1321d3dcf3cb25f3"
-  integrity sha512-OvKfgCC2Ndby6aSTREl5aCCPTNIzlDfQZvZxNUrBrihDhL3xcrYegTblhmEiCrg2kKQz4XsFIaemE5BF4ybSaQ==
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.6.tgz#76e4af498103c532d1ecc9be102036a21f787b53"
+  integrity sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==
   dependencies:
     get-func-name "^2.0.0"
 
@@ -7579,6 +7521,13 @@ lower-case@^2.0.2:
   dependencies:
     tslib "^2.0.3"
 
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
 lru-cache@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
@@ -7587,9 +7536,9 @@ lru-cache@^6.0.0:
     yallist "^4.0.0"
 
 lz-string@^1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
-  integrity sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
+  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
 
 magic-string@^0.25.0, magic-string@^0.25.7:
   version "0.25.9"
@@ -7628,9 +7577,9 @@ media-typer@0.3.0:
   integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
 
 memfs@^3.1.2, memfs@^3.4.3:
-  version "3.4.11"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.11.tgz#3a34837ade675825d805a2c135e88cefe5e53aaf"
-  integrity sha512-GvsCITGAyDCxxsJ+X6prJexFQEhOCJaIlUbsAvjzSI5o5O7j2dle3jWvz5Z5aOdpOxW6ol3vI1+0ut+641F1+w==
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.5.0.tgz#9da86405fca0a539addafd37dbd452344fd1c0bd"
+  integrity sha512-yK6o8xVJlQerz57kvPROwTMgx5WtGwC2ZxDtOUsnGl49rHjYkfQoPNZPCKH73VdLE1BwBu/+Fx/NL8NYMUw2aA==
   dependencies:
     fs-monkey "^1.0.3"
 
@@ -7690,9 +7639,9 @@ min-indent@^1.0.0:
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
 mini-css-extract-plugin@^2.4.5:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.0.tgz#d7d9ba0c5b596d155e36e2b174082fc7f010dd64"
-  integrity sha512-auqtVo8KhTScMsba7MbijqZTfibbXiBNlPAQbsVt7enQfcDYLdgG57eGxMqwVU3mfeWANY4F1wUg+rMF+ycZgw==
+  version "2.7.5"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.5.tgz#afbb344977659ec0f1f6e050c7aea456b121cfc5"
+  integrity sha512-9HaR++0mlgom81s95vvNjxkg52n2b5s//3ZTI1EtzFb98awsLSivs2LMsVqnQ3ay0PVhqWcGNyDaTE961FOcjQ==
   dependencies:
     schema-utils "^4.0.0"
 
@@ -7709,16 +7658,16 @@ minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
     brace-expansion "^1.1.7"
 
 minimatch@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.0.tgz#1717b464f4971b144f6aabe8f2d0b8e4511e09c7"
-  integrity sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
   dependencies:
     brace-expansion "^2.0.1"
 
 minimist@^1.2.0, minimist@^1.2.6:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
-  integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
 mkdirp@^0.5.6, mkdirp@~0.5.1:
   version "0.5.6"
@@ -7765,15 +7714,24 @@ multimath@^2.0.0:
     glur "^1.1.2"
     object-assign "^4.1.1"
 
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
 nanoid@3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
   integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
 
 nanoid@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
-  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
 natural-compare-lite@^1.4.0:
   version "1.4.0"
@@ -7818,10 +7776,10 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
 
-node-releases@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
-  integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==
+node-releases@^2.0.8:
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
+  integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
 
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
@@ -7860,11 +7818,11 @@ nth-check@^2.0.1:
     boolbase "^1.0.0"
 
 nwsapi@^2.2.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
-  integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.3.tgz#00e04dfd5a4a751e5ec2fecdc75dfd2f0db820fa"
+  integrity sha512-jscxIO4/VKScHlbmFBdV1Z6LXnLO+ZR4VMtypudUdfwtKxUN3TQcNFIHLwKtrUbDyHN4/GycY9+oRGZ2XMXYPw==
 
-object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -7874,12 +7832,12 @@ object-hash@^3.0.0:
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
   integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
 
-object-inspect@^1.12.0, object-inspect@^1.12.2, object-inspect@^1.9.0:
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
-  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
+object-inspect@^1.12.0, object-inspect@^1.12.3, object-inspect@^1.9.0:
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
+  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
 
-object-is@^1.1.4:
+object-is@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
   integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
@@ -7892,7 +7850,7 @@ object-keys@^1.1.1:
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.2, object.assign@^4.1.3, object.assign@^4.1.4:
+object.assign@^4.1.3, object.assign@^4.1.4:
   version "4.1.4"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
   integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
@@ -7921,14 +7879,14 @@ object.fromentries@^2.0.6:
     es-abstract "^1.20.4"
 
 object.getownpropertydescriptors@^2.1.0:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.4.tgz#7965e6437a57278b587383831a9b829455a4bc37"
-  integrity sha512-sccv3L/pMModT6dJAYF3fzGMVcb38ysQ0tEE6ixv2yXJDtEIPph268OlAdJj5/qZMZDq2g/jqvwppt36uS/uQQ==
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
+  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
   dependencies:
-    array.prototype.reduce "^1.0.4"
+    array.prototype.reduce "^1.0.5"
     call-bind "^1.0.2"
     define-properties "^1.1.4"
-    es-abstract "^1.20.1"
+    es-abstract "^1.20.4"
 
 object.hasown@^1.1.2:
   version "1.1.2"
@@ -7938,16 +7896,7 @@ object.hasown@^1.1.2:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-object.values@^1.1.0, object.values@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.5.tgz#959f63e3ce9ef108720333082131e4a459b716ac"
-  integrity sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
-
-object.values@^1.1.6:
+object.values@^1.1.0, object.values@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
   integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
@@ -7993,9 +7942,9 @@ open-color@1.9.1:
   integrity sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==
 
 open@^8.0.9, open@^8.4.0:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
-  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
   dependencies:
     define-lazy-prop "^2.0.0"
     is-docker "^2.1.1"
@@ -8239,7 +8188,7 @@ pify@^2.3.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
-pirates@^4.0.4:
+pirates@^4.0.1, pirates@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
@@ -8348,12 +8297,12 @@ postcss-color-rebeccapurple@^7.1.1:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-colormin@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.0.tgz#3cee9e5ca62b2c27e84fce63affc0cfb5901956a"
-  integrity sha512-WdDO4gOFG2Z8n4P8TWBpshnL3JpmNmJwdnfP2gbk2qBA8PWwOYcmjmI/t3CmMeL72a7Hkd+x/Mg9O2/0rD54Pg==
+postcss-colormin@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
+  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
   dependencies:
-    browserslist "^4.16.6"
+    browserslist "^4.21.4"
     caniuse-api "^3.0.0"
     colord "^2.9.1"
     postcss-value-parser "^4.2.0"
@@ -8374,9 +8323,9 @@ postcss-custom-media@^8.0.2:
     postcss-value-parser "^4.2.0"
 
 postcss-custom-properties@^12.1.10:
-  version "12.1.10"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.10.tgz#624517179fd4cf50078a7a60f628d5782e7d4903"
-  integrity sha512-U3BHdgrYhCrwTVcByFHs9EOBoqcKq4Lf3kXwbTi4hhq0qWhl/pDWq2THbv/ICX/Fl9KqeHBb8OVrTf2OaYF07A==
+  version "12.1.11"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
+  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -8480,9 +8429,9 @@ postcss-initial@^4.0.1:
   integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
 
 postcss-js@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.0.tgz#31db79889531b80dc7bc9b0ad283e418dce0ac00"
-  integrity sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
   dependencies:
     camelcase-css "^2.0.1"
 
@@ -8529,10 +8478,10 @@ postcss-merge-longhand@^5.1.7:
     postcss-value-parser "^4.2.0"
     stylehacks "^5.1.1"
 
-postcss-merge-rules@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.3.tgz#8f97679e67cc8d08677a6519afca41edf2220894"
-  integrity sha512-LbLd7uFC00vpOuMvyZop8+vvhnfRGpp2S+IMQKeuOZZapPRY4SMq5ErjQeHbHsjCUgJkRNrlU+LmxsKIqPKQlA==
+postcss-merge-rules@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
+  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
   dependencies:
     browserslist "^4.21.4"
     caniuse-api "^3.0.0"
@@ -8687,9 +8636,9 @@ postcss-normalize@^10.0.1:
     sanitize.css "*"
 
 postcss-opacity-percentage@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.2.tgz#bd698bb3670a0a27f6d657cc16744b3ebf3b1145"
-  integrity sha512-lyUfF7miG+yewZ8EAk9XUBIlrHyUE6fijnesuz+Mj5zrIHIEw6KcIZSOk/elVMqzLvREmXB83Zi/5QpNRYd47w==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
+  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
 
 postcss-ordered-values@^5.1.3:
   version "5.1.3"
@@ -8780,10 +8729,10 @@ postcss-pseudo-class-any-link@^7.1.6:
   dependencies:
     postcss-selector-parser "^6.0.10"
 
-postcss-reduce-initial@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.1.tgz#c18b7dfb88aee24b1f8e4936541c29adbd35224e"
-  integrity sha512-//jeDqWcHPuXGZLoolFrUXBDyuEGbr9S2rMo19bkTIjBQ4PqkaO+oI8wua5BOUxpfi97i3PCoInsiFIEBfkm9w==
+postcss-reduce-initial@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
+  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
   dependencies:
     browserslist "^4.21.4"
     caniuse-api "^3.0.0"
@@ -8807,10 +8756,10 @@ postcss-selector-not@^6.0.1:
   dependencies:
     postcss-selector-parser "^6.0.10"
 
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
-  version "6.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
-  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
   dependencies:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
@@ -8843,10 +8792,10 @@ postcss@^7.0.35:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.3.5, postcss@^8.4.18, postcss@^8.4.4:
-  version "8.4.19"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
-  integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==
+postcss@^8.0.9, postcss@^8.3.5, postcss@^8.4.19, postcss@^8.4.4:
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
@@ -8906,12 +8855,12 @@ pretty-format@^28.1.3:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-pretty-format@^29.0.0, pretty-format@^29.2.1:
-  version "29.2.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.2.1.tgz#86e7748fe8bbc96a6a4e04fa99172630907a9611"
-  integrity sha512-Y41Sa4aLCtKAXvwuIpTvcFBkyeYp2gdFWzXGA+ZNES3VwURIB165XO/z7CjETwzCCS53MjW/rLMyyqEnTtaOfA==
+pretty-format@^29.0.0, pretty-format@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
+  integrity sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==
   dependencies:
-    "@jest/schemas" "^29.0.0"
+    "@jest/schemas" "^29.4.3"
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
@@ -8974,9 +8923,9 @@ protobufjs@^6.8.6:
     long "^4.0.0"
 
 protobufjs@^7.0.0:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.1.2.tgz#a0cf6aeaf82f5625bffcf5a38b7cd2a7de05890c"
-  integrity sha512-4ZPTPkXCdel3+L81yw3dG6+Kq3umdWKh7Dc7GW/CpNk4SX3hK58iPCWeCyhVTDrbkNeKrYNZ7EojM5WDaEWTLQ==
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.2.3.tgz#01af019e40d9c6133c49acbb3ff9e30f4f0f70b2"
+  integrity sha512-TtpvOqwB5Gdz/PQmOjgsrGH1nHjAQVCN7JG4A6r1sXRWESL5rNMAiRcBQlCAdKxZcAbstExQePYG8xof/JVRgg==
   dependencies:
     "@protobufjs/aspromise" "^1.1.2"
     "@protobufjs/base64" "^1.1.2"
@@ -9005,9 +8954,9 @@ psl@^1.1.33:
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
 punycode@^2.1.0, punycode@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
+  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
 
 pwacompat@2.0.17:
   version "2.0.17"
@@ -9019,13 +8968,20 @@ q@^1.1.2:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
 
-qs@6.11.0, qs@^6.4.0:
+qs@6.11.0:
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
   integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
   dependencies:
     side-channel "^1.0.4"
 
+qs@^6.4.0:
+  version "6.11.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
+  integrity sha512-0wsrzgTz/kAVIeuxSjnpGC56rzYtr6JT/2BwEvMaPhFIoYa1aGO8LbzuU1R0uUYQkLpWBTOj0l/CLAJB64J6nQ==
+  dependencies:
+    side-channel "^1.0.4"
+
 querystringify@^2.1.1:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
@@ -9145,6 +9101,25 @@ react-refresh@^0.11.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
   integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
 
+react-remove-scroll-bar@^2.3.3:
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz#53e272d7a5cb8242990c7f144c44d8bd8ab5afd9"
+  integrity sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==
+  dependencies:
+    react-style-singleton "^2.2.1"
+    tslib "^2.0.0"
+
+react-remove-scroll@2.5.5:
+  version "2.5.5"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz#1e31a1260df08887a8a0e46d09271b52b3a37e77"
+  integrity sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==
+  dependencies:
+    react-remove-scroll-bar "^2.3.3"
+    react-style-singleton "^2.2.1"
+    tslib "^2.1.0"
+    use-callback-ref "^1.3.0"
+    use-sidecar "^1.1.2"
+
 react-scripts@5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"
@@ -9200,6 +9175,15 @@ react-scripts@5.0.1:
   optionalDependencies:
     fsevents "^2.3.2"
 
+react-style-singleton@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
+  integrity sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==
+  dependencies:
+    get-nonce "^1.0.0"
+    invariant "^2.2.4"
+    tslib "^2.0.0"
+
 react@18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
@@ -9215,9 +9199,9 @@ read-cache@^1.0.0:
     pify "^2.3.0"
 
 readable-stream@^2.0.1:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.3"
@@ -9228,9 +9212,9 @@ readable-stream@^2.0.1:
     util-deprecate "~1.0.1"
 
 readable-stream@^3.0.6:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
   dependencies:
     inherits "^2.0.3"
     string_decoder "^1.1.1"
@@ -9280,20 +9264,15 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.10:
-  version "0.13.10"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.10.tgz#ed07b19616bcbec5da6274ebc75ae95634bfc2ee"
-  integrity sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw==
-
 regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
-regenerator-transform@^0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.0.tgz#cbd9ead5d77fae1a48d957cf889ad0586adb6537"
-  integrity sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg==
+regenerator-transform@^0.15.1:
+  version "0.15.1"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.1.tgz#f6c4e99fc1b4591f780db2586328e4d9a9d8dc56"
+  integrity sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==
   dependencies:
     "@babel/runtime" "^7.8.4"
 
@@ -9302,7 +9281,7 @@ regex-parser@^2.2.11:
   resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58"
   integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==
 
-regexp.prototype.flags@^1.3.0, regexp.prototype.flags@^1.4.3:
+regexp.prototype.flags@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
   integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
@@ -9311,27 +9290,22 @@ regexp.prototype.flags@^1.3.0, regexp.prototype.flags@^1.4.3:
     define-properties "^1.1.3"
     functions-have-names "^1.2.2"
 
-regexpp@^3.1.0, regexpp@^3.2.0:
+regexpp@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
 
-regexpu-core@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.2.1.tgz#a69c26f324c1e962e9ffd0b88b055caba8089139"
-  integrity sha512-HrnlNtpvqP1Xkb28tMhBUO2EbyUHdQlsnlAhzWcwHy8WJR53UWr7/MAvqrsQKMbV4qdpv03oTMG8iIhfsPFktQ==
+regexpu-core@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
+  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
   dependencies:
+    "@babel/regjsgen" "^0.8.0"
     regenerate "^1.4.2"
     regenerate-unicode-properties "^10.1.0"
-    regjsgen "^0.7.1"
     regjsparser "^0.9.1"
     unicode-match-property-ecmascript "^2.0.0"
-    unicode-match-property-value-ecmascript "^2.0.0"
-
-regjsgen@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.7.1.tgz#ee5ef30e18d3f09b7c369b76e7c2373ed25546f6"
-  integrity sha512-RAt+8H2ZEzHeYWxZ3H2z6tF18zyyOnlcdaafLrm21Bguj7uZy6ULibiAFdXEtKQY4Sy7wDTwDiOazasMLc4KPA==
+    unicode-match-property-value-ecmascript "^2.1.0"
 
 regjsparser@^0.9.1:
   version "0.9.1"
@@ -9400,20 +9374,20 @@ resolve-url-loader@^4.0.0:
     source-map "0.6.1"
 
 resolve.exports@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
-  integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
+  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
 
-resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
-  version "1.22.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
-  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1:
+  version "1.22.2"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
+  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
   dependencies:
-    is-core-module "^2.9.0"
+    is-core-module "^2.11.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^2.0.0-next.3:
+resolve@^2.0.0-next.4:
   version "2.0.0-next.4"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.4.tgz#3d37a113d6429f496ec4752d2a2e58efb1fd4660"
   integrity sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==
@@ -9493,9 +9467,9 @@ run-parallel@^1.1.9:
     queue-microtask "^1.2.2"
 
 rxjs@^7.5.5:
-  version "7.5.7"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.7.tgz#2ec0d57fdc89ece220d2e702730ae8f1e49def39"
-  integrity sha512-z9MzKh/UcOqB3i20H6rtrlaE/CgjLOvheWK/9ILrbhROGTweAi1BaFsTT9FbwZi5Trr1qNRs+MXkhmR06awzQA==
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.0.tgz#90a938862a82888ff4c7359811a595e14e1e09a4"
+  integrity sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==
   dependencies:
     tslib "^2.1.0"
 
@@ -9629,9 +9603,9 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
 semver@^7.2.1, semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.4.0.tgz#8481c92feffc531ab1e012a8ffc15bdd3a0f4318"
+  integrity sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==
   dependencies:
     lru-cache "^6.0.0"
 
@@ -9661,10 +9635,10 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
-serialize-javascript@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
-  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+serialize-javascript@^6.0.0, serialize-javascript@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
+  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
   dependencies:
     randombytes "^2.1.0"
 
@@ -9714,11 +9688,11 @@ shebang-regex@^3.0.0:
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
 shell-quote@^1.7.3:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.4.tgz#33fe15dee71ab2a81fcbd3a52106c5cfb9fb75d8"
-  integrity sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
-side-channel@^1.0.3, side-channel@^1.0.4:
+side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
   integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
@@ -9904,9 +9878,9 @@ stable@^0.1.8:
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.5.tgz#d25265fca995154659dbbfba3b49254778d2fdd5"
-  integrity sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
+  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
   dependencies:
     escape-string-regexp "^2.0.0"
 
@@ -9925,6 +9899,13 @@ statuses@2.0.1:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
 
+stop-iteration-iterator@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz#6a60be0b4ee757d1ed5254858ec66b10c49285e4"
+  integrity sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==
+  dependencies:
+    internal-slot "^1.0.4"
+
 string-argv@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
@@ -9983,23 +9964,32 @@ string.prototype.matchall@^4.0.6, string.prototype.matchall@^4.0.8:
     regexp.prototype.flags "^1.4.3"
     side-channel "^1.0.4"
 
-string.prototype.trimend@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
-  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
+string.prototype.trim@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533"
+  integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
   dependencies:
     call-bind "^1.0.2"
     define-properties "^1.1.4"
-    es-abstract "^1.19.5"
+    es-abstract "^1.20.4"
 
-string.prototype.trimstart@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
-  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
+string.prototype.trimend@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
+  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
   dependencies:
     call-bind "^1.0.2"
     define-properties "^1.1.4"
-    es-abstract "^1.19.5"
+    es-abstract "^1.20.4"
+
+string.prototype.trimstart@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
+  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
 
 string_decoder@^1.1.1:
   version "1.3.0"
@@ -10071,9 +10061,9 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
 style-loader@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
-  integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.2.tgz#eaebca714d9e462c19aa1e3599057bc363924899"
+  integrity sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==
 
 stylehacks@^5.1.1:
   version "5.1.1"
@@ -10083,6 +10073,19 @@ stylehacks@^5.1.1:
     browserslist "^4.21.4"
     postcss-selector-parser "^6.0.4"
 
+sucrase@^3.29.0:
+  version "3.32.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
+  integrity sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "7.1.6"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -10105,9 +10108,9 @@ supports-color@^8.0.0:
     has-flag "^4.0.0"
 
 supports-color@^9.2.1:
-  version "9.2.3"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.2.3.tgz#a6e2c97fc20c80abecd69e50aebe4783ff77d45a"
-  integrity sha512-aszYUX/DVK/ed5rFLb/dDinVJrQjG/vmU433wtqVSD800rYsJNWxh2R3USV90aLSU+UsyQkbNeffVLzc6B6foA==
+  version "9.3.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.3.1.tgz#34e4ad3c71c9a39dae3254ecc46c9b74e89e15a6"
+  integrity sha512-knBY82pjmnIzK3NifMo3RxEIRD9E0kIzV4BKcyTZ9+9kWgLMxd4PrsTSMoFQUabgRBbF8KOLRDCyKgNV+iK44Q==
 
 supports-hyperlinks@^2.0.0:
   version "2.3.0"
@@ -10165,9 +10168,9 @@ symbol-tree@^3.2.4:
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
 table@^6.0.9:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca"
-  integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==
+  version "6.8.1"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.8.1.tgz#ea2b71359fe03b017a5fbc296204471158080bdf"
+  integrity sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==
   dependencies:
     ajv "^8.0.1"
     lodash.truncate "^4.4.2"
@@ -10176,33 +10179,34 @@ table@^6.0.9:
     strip-ansi "^6.0.1"
 
 tailwindcss@^3.0.2:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.2.4.tgz#afe3477e7a19f3ceafb48e4b083e292ce0dc0250"
-  integrity sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.1.tgz#b6662fab6a9b704779e48d083a9fef5a81d2b81e"
+  integrity sha512-Vkiouc41d4CEq0ujXl6oiGFQ7bA3WEhUZdTgXAhtKxSy49OmKs8rEfQmupsfF0IGW8fv2iQkp1EVUuapCFrZ9g==
   dependencies:
     arg "^5.0.2"
     chokidar "^3.5.3"
     color-name "^1.1.4"
-    detective "^5.2.1"
     didyoumean "^1.2.2"
     dlv "^1.1.3"
     fast-glob "^3.2.12"
     glob-parent "^6.0.2"
     is-glob "^4.0.3"
+    jiti "^1.17.2"
     lilconfig "^2.0.6"
     micromatch "^4.0.5"
     normalize-path "^3.0.0"
     object-hash "^3.0.0"
     picocolors "^1.0.0"
-    postcss "^8.4.18"
+    postcss "^8.0.9"
     postcss-import "^14.1.0"
     postcss-js "^4.0.0"
     postcss-load-config "^3.1.4"
     postcss-nested "6.0.0"
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.11"
     postcss-value-parser "^4.2.0"
     quick-lru "^5.1.1"
     resolve "^1.22.1"
+    sucrase "^3.29.0"
 
 tapable@^1.0.0:
   version "1.1.3"
@@ -10238,20 +10242,20 @@ terminal-link@^2.0.0:
     supports-hyperlinks "^2.0.0"
 
 terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
-  version "5.3.6"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz#5590aec31aa3c6f771ce1b1acca60639eab3195c"
-  integrity sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==
+  version "5.3.7"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz#ef760632d24991760f339fe9290deb936ad1ffc7"
+  integrity sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.14"
+    "@jridgewell/trace-mapping" "^0.3.17"
     jest-worker "^27.4.5"
     schema-utils "^3.1.1"
-    serialize-javascript "^6.0.0"
-    terser "^5.14.1"
+    serialize-javascript "^6.0.1"
+    terser "^5.16.5"
 
-terser@^5.0.0, terser@^5.10.0, terser@^5.14.1:
-  version "5.15.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.15.1.tgz#8561af6e0fd6d839669c73b92bdd5777d870ed6c"
-  integrity sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw==
+terser@^5.0.0, terser@^5.10.0, terser@^5.16.5:
+  version "5.16.9"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.9.tgz#7a28cb178e330c484369886f2afd623d9847495f"
+  integrity sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==
   dependencies:
     "@jridgewell/source-map" "^0.3.2"
     acorn "^8.5.0"
@@ -10272,10 +10276,24 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
 throat@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.1.tgz#d514fedad95740c12c2d7fc70ea863eb51ade375"
-  integrity sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
+  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
 
 through@^2.3.8:
   version "2.3.8"
@@ -10343,13 +10361,18 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
 tsconfig-paths@^3.14.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
-  integrity sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz#6e32f1f79412decd261f92d633a9dc1cfa99f088"
+  integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==
   dependencies:
     "@types/json5" "^0.0.29"
-    json5 "^1.0.1"
+    json5 "^1.0.2"
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
@@ -10358,10 +10381,10 @@ tslib@^1.8.1, tslib@^1.9.3:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.3, tslib@^2.1.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
-  integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
+  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
 
 tsutils@^3.21.0:
   version "3.21.0"
@@ -10419,6 +10442,15 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typed-array-length@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
+  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    is-typed-array "^1.1.9"
+
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -10468,10 +10500,10 @@ unicode-match-property-ecmascript@^2.0.0:
     unicode-canonical-property-names-ecmascript "^2.0.0"
     unicode-property-aliases-ecmascript "^2.0.0"
 
-unicode-match-property-value-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.0.0.tgz#1a01aa57247c14c568b89775a54938788189a714"
-  integrity sha512-7Yhkc0Ye+t4PNYzOGKedDhXbYIBe1XEQYQxOPyhcXNMJ0WCABqqj6ckydd6pWRZTHV4GuCPKdBAUiMc60tsKVw==
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
+  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
 
 unicode-property-aliases-ecmascript@^2.0.0:
   version "2.1.0"
@@ -10517,7 +10549,7 @@ upath@^1.2.0:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-browserslist-db@^1.0.9:
+update-browserslist-db@^1.0.10:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
   integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
@@ -10545,6 +10577,26 @@ url-parse@^1.5.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
+use-callback-ref@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.0.tgz#772199899b9c9a50526fedc4993fc7fa1f7e32d5"
+  integrity sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==
+  dependencies:
+    tslib "^2.0.0"
+
+use-isomorphic-layout-effect@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
+  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+
+use-sidecar@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.2.tgz#2f43126ba2d7d7e117aa5855e5d8f0276dfe73c2"
+  integrity sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==
+  dependencies:
+    detect-node-es "^1.1.0"
+    tslib "^2.0.0"
+
 use-sync-external-store@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
@@ -10662,9 +10714,9 @@ webpack-dev-middleware@^5.3.1:
     schema-utils "^4.0.0"
 
 webpack-dev-server@^4.6.0:
-  version "4.11.1"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz#ae07f0d71ca0438cf88446f09029b92ce81380b5"
-  integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw==
+  version "4.13.2"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.13.2.tgz#d97445481d78691efe6d9a3b230833d802fc31f9"
+  integrity sha512-5i6TrGBRxG4vnfDpB6qSQGfnB6skGBXNL5/542w2uRGLimX6qeE5BQMLrzIC3JYV/xlGOv+s+hTleI9AZKUQNw==
   dependencies:
     "@types/bonjour" "^3.5.9"
     "@types/connect-history-api-fallback" "^1.3.5"
@@ -10685,6 +10737,7 @@ webpack-dev-server@^4.6.0:
     html-entities "^2.3.2"
     http-proxy-middleware "^2.0.3"
     ipaddr.js "^2.0.1"
+    launch-editor "^2.6.0"
     open "^8.0.9"
     p-retry "^4.5.0"
     rimraf "^3.0.2"
@@ -10694,7 +10747,7 @@ webpack-dev-server@^4.6.0:
     sockjs "^0.3.24"
     spdy "^4.0.2"
     webpack-dev-middleware "^5.3.1"
-    ws "^8.4.2"
+    ws "^8.13.0"
 
 webpack-manifest-plugin@^4.0.2:
   version "4.1.1"
@@ -10726,9 +10779,9 @@ webpack-sources@^3.2.3:
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
 webpack@^5.64.4:
-  version "5.76.1"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.76.1.tgz#7773de017e988bccb0f13c7d75ec245f377d295c"
-  integrity sha512-4+YIK4Abzv8172/SGqObnUjaIHjLEuUasz9EwQj/9xmPPkYJy2Mh03Q/lJfSD3YLzbxy5FeTq5Uw0323Oh6SJQ==
+  version "5.78.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.78.0.tgz#836452a12416af2a7beae906b31644cb2562f9e6"
+  integrity sha512-gT5DP72KInmE/3azEaQrISjTvLYlSM0j1Ezhht/KLVkrqtv10JoP/RXhwmX/frrutOPuSq3o5Vq0ehR/4Vmd1g==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"
@@ -10821,7 +10874,7 @@ whatwg-url@^8.0.0, whatwg-url@^8.4.0, whatwg-url@^8.5.0:
     tr46 "^2.1.0"
     webidl-conversions "^6.1.0"
 
-which-boxed-primitive@^1.0.1, which-boxed-primitive@^1.0.2:
+which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
   integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
@@ -10842,17 +10895,17 @@ which-collection@^1.0.1:
     is-weakmap "^2.0.1"
     is-weakset "^2.0.1"
 
-which-typed-array@^1.1.2:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.8.tgz#0cfd53401a6f334d90ed1125754a42ed663eb01f"
-  integrity sha512-Jn4e5PItbcAHyLoRDwvPj1ypu27DJbtdYXUa5zsinrUx77Uvfb0cXwwnGMTn7cjUfhhqgVQnVJCwF+7cgU7tpw==
+which-typed-array@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
+  integrity sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==
   dependencies:
     available-typed-arrays "^1.0.5"
     call-bind "^1.0.2"
-    es-abstract "^1.20.0"
     for-each "^0.3.3"
+    gopd "^1.0.1"
     has-tostringtag "^1.0.0"
-    is-typed-array "^1.1.9"
+    is-typed-array "^1.1.10"
 
 which@^1.3.1:
   version "1.3.1"
@@ -11080,10 +11133,10 @@ ws@^7.4.6:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
   integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
 
-ws@^8.4.2:
-  version "8.11.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.11.0.tgz#6a0d36b8edfd9f96d8b25683db2f8d7de6e8e143"
-  integrity sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==
+ws@^8.13.0:
+  version "8.13.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
+  integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
 
 ws@~6.1.0:
   version "6.1.4"
@@ -11112,16 +11165,16 @@ xmlhttprequest@1.8.0:
   resolved "https://registry.yarnpkg.com/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz#67fe075c5c24fef39f9d65f5f7b7fe75171968fc"
   integrity sha512-58Im/U0mlVBLM38NdZjHyhuMtCqa61469k2YP/AaPbvCoV9aQGUpbJBj1QRm2ytRiVQBD/fsw7L2bJGDVQswBA==
 
-xtend@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
 yallist@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"

From a89952e32f965ecdd8bff197bd156379866b1c7e Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Thu, 18 May 2023 16:23:09 +0200
Subject: [PATCH 186/252] chore: Update translations from Crowdin (#6589)

---
 src/locales/ar-SA.json       |  65 ++++++++--------------
 src/locales/bg-BG.json       |  65 ++++++++--------------
 src/locales/bn-BD.json       |  65 ++++++++--------------
 src/locales/ca-ES.json       |  65 ++++++++--------------
 src/locales/cs-CZ.json       |  65 ++++++++--------------
 src/locales/da-DK.json       |  65 ++++++++--------------
 src/locales/de-DE.json       |  65 ++++++++--------------
 src/locales/el-GR.json       |  65 ++++++++--------------
 src/locales/es-ES.json       |  65 ++++++++--------------
 src/locales/eu-ES.json       |  79 ++++++++++-----------------
 src/locales/fa-IR.json       |  65 ++++++++--------------
 src/locales/fi-FI.json       |  65 ++++++++--------------
 src/locales/fr-FR.json       |  65 ++++++++--------------
 src/locales/gl-ES.json       |  65 ++++++++--------------
 src/locales/he-IL.json       |  65 ++++++++--------------
 src/locales/hi-IN.json       |  65 ++++++++--------------
 src/locales/hu-HU.json       |  65 ++++++++--------------
 src/locales/id-ID.json       |  65 ++++++++--------------
 src/locales/it-IT.json       |  73 +++++++++----------------
 src/locales/ja-JP.json       |  65 ++++++++--------------
 src/locales/kaa.json         |  65 ++++++++--------------
 src/locales/kab-KAB.json     |  65 ++++++++--------------
 src/locales/kk-KZ.json       |  65 ++++++++--------------
 src/locales/km-KH.json       |  65 ++++++++--------------
 src/locales/ko-KR.json       |  65 ++++++++--------------
 src/locales/ku-TR.json       |  65 ++++++++--------------
 src/locales/lt-LT.json       |  65 ++++++++--------------
 src/locales/lv-LV.json       |  65 ++++++++--------------
 src/locales/mr-IN.json       |  65 ++++++++--------------
 src/locales/my-MM.json       |  65 ++++++++--------------
 src/locales/nb-NO.json       |  65 ++++++++--------------
 src/locales/nl-NL.json       |  65 ++++++++--------------
 src/locales/nn-NO.json       |  65 ++++++++--------------
 src/locales/oc-FR.json       |  65 ++++++++--------------
 src/locales/pa-IN.json       |  65 ++++++++--------------
 src/locales/percentages.json | 102 +++++++++++++++++------------------
 src/locales/pl-PL.json       |  65 ++++++++--------------
 src/locales/pt-BR.json       |  81 ++++++++++------------------
 src/locales/pt-PT.json       |  65 ++++++++--------------
 src/locales/ro-RO.json       |  65 ++++++++--------------
 src/locales/ru-RU.json       |  65 ++++++++--------------
 src/locales/si-LK.json       |  65 ++++++++--------------
 src/locales/sk-SK.json       |  65 ++++++++--------------
 src/locales/sl-SI.json       |  65 ++++++++--------------
 src/locales/sv-SE.json       |  65 ++++++++--------------
 src/locales/ta-IN.json       |  65 ++++++++--------------
 src/locales/th-TH.json       |  65 ++++++++--------------
 src/locales/tr-TR.json       |  65 ++++++++--------------
 src/locales/uk-UA.json       |  65 ++++++++--------------
 src/locales/vi-VN.json       |  65 ++++++++--------------
 src/locales/zh-CN.json       |  65 ++++++++--------------
 src/locales/zh-HK.json       |  65 ++++++++--------------
 src/locales/zh-TW.json       |  65 ++++++++--------------
 53 files changed, 1162 insertions(+), 2358 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 9bfec8236..c02cd1899 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "أبيض",
-    "f8f9fa": "رمادي 0",
-    "f1f3f5": "رمادي 1",
-    "fff5f5": "أحمر 0",
-    "fff0f6": "وردي 0",
-    "f8f0fc": "عنبي 0",
-    "f3f0ff": "بنفسجي 0",
-    "edf2ff": "نيلي 0",
-    "e7f5ff": "أزرق 0",
-    "e3fafc": "سماوي 0",
-    "e6fcf5": "تركواز 0",
-    "ebfbee": "أخضر 0",
-    "f4fce3": "ليموني 0",
-    "fff9db": "أصفر 0",
-    "fff4e6": "برتقالي 0",
     "transparent": "شفاف",
-    "ced4da": "رمادي 4",
-    "868e96": "رمادي 6",
-    "fa5252": "أحمر 6",
-    "e64980": "وردي 6",
-    "be4bdb": "عنبي 6",
-    "7950f2": "بنفسجي 6",
-    "4c6ef5": "نيلي 6",
-    "228be6": "أزرق 6",
-    "15aabf": "سماوي 6",
-    "12b886": "تركواز 6",
-    "40c057": "أخضر 6",
-    "82c91e": "ليموني 6",
-    "fab005": "أصفر 6",
-    "fd7e14": "برتقالي 6",
-    "000000": "أسود",
-    "343a40": "رمادي 8",
-    "495057": "رمادي 7",
-    "c92a2a": "أحمر 9",
-    "a61e4d": "وردي 9",
-    "862e9c": "عنبي 9",
-    "5f3dc4": "بنفسجي 9",
-    "364fc7": "نيلي 9",
-    "1864ab": "أزرق 9",
-    "0b7285": "سماوي 9",
-    "087f5b": "تركواز 9",
-    "2b8a3e": "أخضر 9",
-    "5c940d": "ليموني 9",
-    "e67700": "أصفر 9",
-    "d9480f": "برتقالي 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index ef9a3759d..724a5dcf1 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index d652c1ebc..f7132f8e7 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "সাদা",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "কালো",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 02bb253d5..c6cb0051b 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Fer servir {{shortcut}} per enganxar com un sol element,\no enganxeu-lo en un editor de text existent"
   },
   "colors": {
-    "ffffff": "Blanc",
-    "f8f9fa": "Gris 0",
-    "f1f3f5": "Gris 1",
-    "fff5f5": "Vermell 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Malva 0",
-    "f3f0ff": "Violat 0",
-    "edf2ff": "Indi 0",
-    "e7f5ff": "Blau 0",
-    "e3fafc": "Cian 0",
-    "e6fcf5": "Xarxet 0",
-    "ebfbee": "Verd 0",
-    "f4fce3": "Llima 0",
-    "fff9db": "Groc 0",
-    "fff4e6": "Taronja 0",
     "transparent": "Transparent",
-    "ced4da": "Gris 4",
-    "868e96": "Gris 6",
-    "fa5252": "Vermell 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Malva 6",
-    "7950f2": "Violat 6",
-    "4c6ef5": "Indi 6",
-    "228be6": "Blau 6",
-    "15aabf": "Cian 6",
-    "12b886": "Xarxet 6",
-    "40c057": "Verd 6",
-    "82c91e": "Llima 6",
-    "fab005": "Groc 6",
-    "fd7e14": "Taronja 6",
-    "000000": "Negre",
-    "343a40": "Gris 8",
-    "495057": "Gris 7",
-    "c92a2a": "Vermell 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Malva 9",
-    "5f3dc4": "Violat 9",
-    "364fc7": "Indi 9",
-    "1864ab": "Blau 9",
-    "0b7285": "Cian 9",
-    "087f5b": "Xarxet 9",
-    "2b8a3e": "Verd 9",
-    "5c940d": "Llima 9",
-    "e67700": "Groc 9",
-    "d9480f": "Taronja 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Selecciona una eina i comença a dibuixar!",
       "helpHint": "Dreceres i ajuda"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 3ab4827b7..1b80b7453 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Bílá",
-    "f8f9fa": "Šedá 0",
-    "f1f3f5": "Šedá 1",
-    "fff5f5": "Červená 0",
-    "fff0f6": "Růžová 0",
-    "f8f0fc": "Vínová 0",
-    "f3f0ff": "Fialová 0",
-    "edf2ff": "Indigová 0",
-    "e7f5ff": "Modrá 0",
-    "e3fafc": "Azurová 0",
-    "e6fcf5": "Modrozelená 0",
-    "ebfbee": "Zelená 0",
-    "f4fce3": "Limetková 0",
-    "fff9db": "Žlutá 0",
-    "fff4e6": "Oranžová 0",
     "transparent": "Průhledná",
-    "ced4da": "Šedá 4",
-    "868e96": "Šedá 6",
-    "fa5252": "Červená 6",
-    "e64980": "Růžová 6",
-    "be4bdb": "Vínová 6",
-    "7950f2": "Fialová 6",
-    "4c6ef5": "Indigová 6",
-    "228be6": "Modrá 6",
-    "15aabf": "Azurová 6",
-    "12b886": "Modrozelená 6",
-    "40c057": "Zelená 6",
-    "82c91e": "Limetková 6",
-    "fab005": "Žlutá 6",
-    "fd7e14": "Oranžová 6",
-    "000000": "Černá",
-    "343a40": "Šedá 8",
-    "495057": "Šedá 7",
-    "c92a2a": "Červená 9",
-    "a61e4d": "Růžová 9",
-    "862e9c": "Vínová 9",
-    "5f3dc4": "Fialová 9",
-    "364fc7": "Indigová 9",
-    "1864ab": "Modrá 9",
-    "0b7285": "Azurová 9",
-    "087f5b": "Modrozelená 9",
-    "2b8a3e": "Zelená 9",
-    "5c940d": "Limetková 9",
-    "e67700": "Žlutá 9",
-    "d9480f": "Oranzova"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 15801ed4d..c4ed43571 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index f28dc123b..8e5518569 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Verwende {{shortcut}} , um als einzelnes Element\neinzufügen oder in einen existierenden Texteditor einzufügen"
   },
   "colors": {
-    "ffffff": "Weiß",
-    "f8f9fa": "Grau 0",
-    "f1f3f5": "Grau 1",
-    "fff5f5": "Rot 0",
-    "fff0f6": "Pink 0",
-    "f8f0fc": "Traube 0",
-    "f3f0ff": "Violett 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blau 0",
-    "e3fafc": "Cyan 0",
-    "e6fcf5": "Teal 0",
-    "ebfbee": "Grün 0",
-    "f4fce3": "Hellgrün 0",
-    "fff9db": "Gelb 0",
-    "fff4e6": "Orange 0",
     "transparent": "Transparent",
-    "ced4da": "Grau 4",
-    "868e96": "Grau 6",
-    "fa5252": "Rot 6",
-    "e64980": "Pink 6",
-    "be4bdb": "Traube 6",
-    "7950f2": "Violett 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blau 6",
-    "15aabf": "Cyan 6",
-    "12b886": "Teal 6",
-    "40c057": "Grün 6",
-    "82c91e": "Hellgrün 6",
-    "fab005": "Gelb 6",
-    "fd7e14": "Orange 6",
-    "000000": "Schwarz",
-    "343a40": "Grau 8",
-    "495057": "Grau 7",
-    "c92a2a": "Rot 9",
-    "a61e4d": "Pink 9",
-    "862e9c": "Traube 9",
-    "5f3dc4": "Violett 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blau 9",
-    "0b7285": "Cyan 9",
-    "087f5b": "Teal 9",
-    "2b8a3e": "Grün 9",
-    "5c940d": "Hellgrün 9",
-    "e67700": "Gelb 9",
-    "d9480f": "Orange 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Wähle ein Werkzeug & beginne zu zeichnen!",
       "helpHint": "Kurzbefehle & Hilfe"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index ddd6af340..e1008e05c 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Χρησιμοποίησε το {{shortcut}} για να επικολλήσεις ως ένα μόνο στοιχείο,\nή να επικολλήσεις σε έναν υπάρχοντα επεξεργαστή κειμένου"
   },
   "colors": {
-    "ffffff": "Λευκό",
-    "f8f9fa": "Γκρι 0",
-    "f1f3f5": "Γκρι 1",
-    "fff5f5": "Κόκκινο 0",
-    "fff0f6": "Ροζ 0",
-    "f8f0fc": "Σταφυλί 0",
-    "f3f0ff": "Βιολετί 0",
-    "edf2ff": "Λουλάκι 0",
-    "e7f5ff": "Μπλε 0",
-    "e3fafc": "Κυανό 0",
-    "e6fcf5": "Τιρκουάζ 0",
-    "ebfbee": "Πράσινο 0",
-    "f4fce3": "Πρασινοκίτρινο 0",
-    "fff9db": "Κίτρινο 0",
-    "fff4e6": "Πορτοκαλί 0",
     "transparent": "Διαφανές",
-    "ced4da": "Γκρι 4",
-    "868e96": "Γκρι 6",
-    "fa5252": "Κόκκινο 6",
-    "e64980": "Ροζ 6",
-    "be4bdb": "Σταφυλί 6",
-    "7950f2": "Βιολετί 6",
-    "4c6ef5": "Λουλάκι 6",
-    "228be6": "Μπλε 6",
-    "15aabf": "Κυανό 6",
-    "12b886": "Τιρκουάζ 6",
-    "40c057": "Πράσινο 6",
-    "82c91e": "Πρασινοκίτρινο 6",
-    "fab005": "Κίτρινο 6",
-    "fd7e14": "Πορτοκαλί 6",
-    "000000": "Μαύρο",
-    "343a40": "Γκρι 8",
-    "495057": "Γκρι 7",
-    "c92a2a": "Κόκκινο 9",
-    "a61e4d": "Ροζ 9",
-    "862e9c": "Σταφυλί 9",
-    "5f3dc4": "Βιολετί 9",
-    "364fc7": "Λουλάκι 9",
-    "1864ab": "Μπλε 9",
-    "0b7285": "Κυανό 9",
-    "087f5b": "Τιρκουάζ 9",
-    "2b8a3e": "Πράσινο 9",
-    "5c940d": "Πρασινοκίτρινο 9",
-    "e67700": "Κίτρινο 9",
-    "d9480f": "Πορτοκαλί 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Επιλέξτε ένα εργαλείο και ξεκινήστε να σχεδιάζεται!",
       "helpHint": "Συντομεύσεις και βοήθεια"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index 594efb663..bf6a80c3e 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Usa {{shortcut}} para pegar como un solo elemento,\no pegar en un editor de texto existente"
   },
   "colors": {
-    "ffffff": "Blanco",
-    "f8f9fa": "Gris 0",
-    "f1f3f5": "Gris 1",
-    "fff5f5": "Rojo 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Uva 0",
-    "f3f0ff": "Violeta 0",
-    "edf2ff": "Índigo 0",
-    "e7f5ff": "Azul 0",
-    "e3fafc": "Cian 0",
-    "e6fcf5": "Turquesa 0",
-    "ebfbee": "Verde 0",
-    "f4fce3": "Lima 0",
-    "fff9db": "Amarillo 0",
-    "fff4e6": "Naranja 0",
     "transparent": "Transparente",
-    "ced4da": "Gris 4",
-    "868e96": "Gris 6",
-    "fa5252": "Rojo 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Uva 6",
-    "7950f2": "Violeta 6",
-    "4c6ef5": "Índigo 6",
-    "228be6": "Azul 6",
-    "15aabf": "Cian 6",
-    "12b886": "Turquesa 6",
-    "40c057": "Verde 6",
-    "82c91e": "Lima 6",
-    "fab005": "Amarillo 6",
-    "fd7e14": "Naranja 6",
-    "000000": "Negro",
-    "343a40": "Gris 8",
-    "495057": "Gris 7",
-    "c92a2a": "Rojo 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Uva 9",
-    "5f3dc4": "Violeta 9",
-    "364fc7": "Índigo 9",
-    "1864ab": "Azul 9",
-    "0b7285": "Cian 9",
-    "087f5b": "Turquesa 9",
-    "2b8a3e": "Verde 9",
-    "5c940d": "Lima 9",
-    "e67700": "Amarillo 9",
-    "d9480f": "Naranja 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "¡Elige una herramienta y empieza a dibujar!",
       "helpHint": "Atajos y ayuda"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index a3fd66cf0..379fb89bc 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -54,7 +54,7 @@
     "veryLarge": "Oso handia",
     "solid": "Solidoa",
     "hachure": "Itzalduna",
-    "zigzag": "",
+    "zigzag": "Sigi-saga",
     "crossHatch": "Marraduna",
     "thin": "Mehea",
     "bold": "Lodia",
@@ -208,10 +208,10 @@
     "collabSaveFailed": "Ezin izan da backend datu-basean gorde. Arazoak jarraitzen badu, zure fitxategia lokalean gorde beharko zenuke zure lana ez duzula galtzen ziurtatzeko.",
     "collabSaveFailed_sizeExceeded": "Ezin izan da backend datu-basean gorde, ohiala handiegia dela dirudi. Fitxategia lokalean gorde beharko zenuke zure lana galtzen ez duzula ziurtatzeko.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Brave arakatzailea erabiltzen ari zarela dirudi <bold>Blokeatu hatz-markak erasokorki</bold> ezarpena gaituta.",
+      "line2": "Honek zure marrazkietako <bold>Testu-elementuak</bold> hautsi ditzake.",
+      "line3": "Ezarpen hau desgaitzea gomendatzen dugu. <link>urrats hauek</link> jarrai ditzakezu hori nola egin jakiteko.",
+      "line4": "Ezarpen hau desgaituz gero, testu-elementuen bistaratzea konpontzen ez bada, ireki <issueLink>arazo</issueLink> gure GitHub-en edo idatzi iezaguzu <discordLink>Discord</discordLink> helbidera"
     }
   },
   "toolBar": {
@@ -306,8 +306,8 @@
     "doubleClick": "klik bikoitza",
     "drag": "arrastatu",
     "editor": "Editorea",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Editatu lerroak/gezi-puntuak",
+    "editText": "Editatu testua / gehitu etiketa",
     "github": "Arazorik izan al duzu? Eman horren berri",
     "howto": "Jarraitu gure gidak",
     "or": "edo",
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Erabili {{shortcut}} elementu bakar gisa itsasteko,\nedo itsatsi lehendik dagoen testu-editore batean"
   },
   "colors": {
-    "ffffff": "Zuria",
-    "f8f9fa": "Grisa 0",
-    "f1f3f5": "Grisa 1",
-    "fff5f5": "Gorria 0",
-    "fff0f6": "Arrosa 0",
-    "f8f0fc": "Mahats kolorea 0",
-    "f3f0ff": "Bioleta 0",
-    "edf2ff": "Indigoa 0",
-    "e7f5ff": "Urdina 0",
-    "e3fafc": "Ziana 0",
-    "e6fcf5": "Berde urdinxka 0",
-    "ebfbee": "Berdea 0",
-    "f4fce3": "Lima 0",
-    "fff9db": "Horia 0",
-    "fff4e6": "Laranja 0",
     "transparent": "Gardena",
-    "ced4da": "Grisa 4",
-    "868e96": "Grisa 6",
-    "fa5252": "Gorria 6",
-    "e64980": "Arrosa 6",
-    "be4bdb": "Mahats kolorea 6",
-    "7950f2": "Bioleta 6",
-    "4c6ef5": "Indigoa 6",
-    "228be6": "Urdina 6",
-    "15aabf": "Ziana 6",
-    "12b886": "Berde urdinxka 6",
-    "40c057": "Berdea 6",
-    "82c91e": "Lima 6",
-    "fab005": "Horia 6",
-    "fd7e14": "Laranja 6",
-    "000000": "Beltza",
-    "343a40": "Grisa 8",
-    "495057": "Grisa 7",
-    "c92a2a": "Gorria 9",
-    "a61e4d": "Arrosa 9",
-    "862e9c": "Mahats kolorea 9",
-    "5f3dc4": "Bioleta 9",
-    "364fc7": "Indigoa 9",
-    "1864ab": "Urdina 9",
-    "0b7285": "Ziana 9",
-    "087f5b": "Berde urdinxka 9",
-    "2b8a3e": "Berdea 9",
-    "5c940d": "Lima 9",
-    "e67700": "Horia 9",
-    "d9480f": "Laranja 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Aukeratu tresna bat eta hasi marrazten!",
       "helpHint": "Lasterbideak eta laguntza"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index cf793845d..4f9ae9858 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "از {{shortcut}} برای چسباندن به عنوان یک عنصر استفاده کنید،\nیا در یک ویرایشگر متن موجود جایگذاری کنید"
   },
   "colors": {
-    "ffffff": "سفید",
-    "f8f9fa": "خاکستری 0",
-    "f1f3f5": "خاکستری 1",
-    "fff5f5": "قرمز 0",
-    "fff0f6": "صورتی 0",
-    "f8f0fc": "انگوری 0",
-    "f3f0ff": "بنفش 0",
-    "edf2ff": "نیلی 0",
-    "e7f5ff": "آبی 0",
-    "e3fafc": "آبی نفتی 0",
-    "e6fcf5": "آبی فیروزه ای 0",
-    "ebfbee": "سبز 0",
-    "f4fce3": "لیمویی 0",
-    "fff9db": "زرد 0",
-    "fff4e6": "نارنجی 0",
     "transparent": "شفاف",
-    "ced4da": "خاکستری 4",
-    "868e96": "خاکستری 6",
-    "fa5252": "قرمز 6",
-    "e64980": "صورتی 6",
-    "be4bdb": "انگوری 6",
-    "7950f2": "بنفش 6",
-    "4c6ef5": "نیلی 6",
-    "228be6": "آبی 6",
-    "15aabf": "آبی نفتی 6",
-    "12b886": "آبی فیروزه ای 6",
-    "40c057": "سبز 6",
-    "82c91e": "لیمویی 6",
-    "fab005": "زرد 6",
-    "fd7e14": "نارنجی 6",
-    "000000": "سیاه",
-    "343a40": "خاکستری 8",
-    "495057": "خاکستری 7",
-    "c92a2a": "قرمز 9",
-    "a61e4d": "صورتی 9",
-    "862e9c": "انگوری 9",
-    "5f3dc4": "بنفش 9",
-    "364fc7": "نیلی 9",
-    "1864ab": "آبی 9",
-    "0b7285": "آبی نفتی 9",
-    "087f5b": "آبی فیروزه ای 9",
-    "2b8a3e": "سبز 9",
-    "5c940d": "لیمویی 9",
-    "e67700": "زرد 9",
-    "d9480f": "نارنجی 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "ابزاری را انتخاب کنید و نقاشی را شروع کنید!",
       "helpHint": "میانبرها و راهنما"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index 399876265..a7a354dcd 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Käytä {{shortcut}} liittääksesi yhtenä elementtinä,\ntai liittääksesi olemassa olevaan tekstieditoriin"
   },
   "colors": {
-    "ffffff": "Valkoinen",
-    "f8f9fa": "Harmaa 0",
-    "f1f3f5": "Harmaa 1",
-    "fff5f5": "Punainen 0",
-    "fff0f6": "Pinkki 0",
-    "f8f0fc": "Rypäle 0",
-    "f3f0ff": "Violetti 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Sininen 0",
-    "e3fafc": "Syaani 0",
-    "e6fcf5": "Sinivihreä 0",
-    "ebfbee": "Vihreä 0",
-    "f4fce3": "Limenvihreä 0",
-    "fff9db": "Keltainen 0",
-    "fff4e6": "Oranssi 0",
     "transparent": "Läpinäkyvä",
-    "ced4da": "Harmaa 4",
-    "868e96": "Harmaa 6",
-    "fa5252": "Punainen 6",
-    "e64980": "Pinkki 6",
-    "be4bdb": "Rypäle 6",
-    "7950f2": "Violetti 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Sininen 6",
-    "15aabf": "Syaani 6",
-    "12b886": "Sinivihreä 6",
-    "40c057": "Vihreä 6",
-    "82c91e": "Limenvihreä 6",
-    "fab005": "Keltainen 6",
-    "fd7e14": "Oranssi 6",
-    "000000": "Musta",
-    "343a40": "Harmaa 8",
-    "495057": "Harmaa 7",
-    "c92a2a": "Punainen 9",
-    "a61e4d": "Pinkki 9",
-    "862e9c": "Rypäle 9",
-    "5f3dc4": "Violetti 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Sininen 9",
-    "0b7285": "Syaani 9",
-    "087f5b": "Sinivihreä 9",
-    "2b8a3e": "Vihreä 9",
-    "5c940d": "Limenvihreä 9",
-    "e67700": "Keltainen 9",
-    "d9480f": "Oranssi 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Valitse työkalu ja aloita piirtäminen!",
       "helpHint": "Pikanäppäimet & ohje"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index b97f2c285..93a761afd 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Utiliser {{shortcut}} pour coller comme un seul élément,\nou coller dans un éditeur de texte existant"
   },
   "colors": {
-    "ffffff": "Blanc",
-    "f8f9fa": "Gris 0",
-    "f1f3f5": "Gris 1",
-    "fff5f5": "Rouge 0",
-    "fff0f6": "Rose 0",
-    "f8f0fc": "Mauve 0",
-    "f3f0ff": "Violet 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Bleu 0",
-    "e3fafc": "Cyan 0",
-    "e6fcf5": "Turquoise 0",
-    "ebfbee": "Vert 0",
-    "f4fce3": "Citron vert 0",
-    "fff9db": "Jaune 0",
-    "fff4e6": "Orange 0",
     "transparent": "Transparent",
-    "ced4da": "Gris 4",
-    "868e96": "Gris 6",
-    "fa5252": "Rouge 6",
-    "e64980": "Rose 6",
-    "be4bdb": "Mauve 6",
-    "7950f2": "Violet 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Bleu 6",
-    "15aabf": "Cyan 6",
-    "12b886": "Turquoise 6",
-    "40c057": "Vert 6",
-    "82c91e": "Citron vert 6",
-    "fab005": "Jaune 6",
-    "fd7e14": "Orange 6",
-    "000000": "Noir",
-    "343a40": "Gris 8",
-    "495057": "Gris 7",
-    "c92a2a": "Rouge 9",
-    "a61e4d": "Rose 9",
-    "862e9c": "Mauve 9",
-    "5f3dc4": "Violet 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Bleu 9",
-    "0b7285": "Cyan 9",
-    "087f5b": "Turquoise 9",
-    "2b8a3e": "Vert 9",
-    "5c940d": "Citron vert 9",
-    "e67700": "Jaune 9",
-    "d9480f": "Orange 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Choisissez un outil et commencez à dessiner !",
       "helpHint": "Raccourcis et aide"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 602ddac17..7938f7aed 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Usa {{shortcut}} para pegar como un único elemento\nou pega nun editor de texto existente"
   },
   "colors": {
-    "ffffff": "Branco",
-    "f8f9fa": "Gris 0",
-    "f1f3f5": "Gris 1",
-    "fff5f5": "Vermello 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Uva 0",
-    "f3f0ff": "Violeta 0",
-    "edf2ff": "Índigo 0",
-    "e7f5ff": "Azul 0",
-    "e3fafc": "Ciano 0",
-    "e6fcf5": "Turquesa 0",
-    "ebfbee": "Verde 0",
-    "f4fce3": "Lima 0",
-    "fff9db": "Amarelo 0",
-    "fff4e6": "Laranxa 0",
     "transparent": "Transparente",
-    "ced4da": "Gris 4",
-    "868e96": "Gris 6",
-    "fa5252": "Vermello 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Uva 6",
-    "7950f2": "Violeta 6",
-    "4c6ef5": "Índigo 6",
-    "228be6": "Azul 6",
-    "15aabf": "Ciano 6",
-    "12b886": "Turquesa 6",
-    "40c057": "Verde 6",
-    "82c91e": "Lima 6",
-    "fab005": "Amarelo 6",
-    "fd7e14": "Laranxa 6",
-    "000000": "Negro",
-    "343a40": "Gris 8",
-    "495057": "Gris 7",
-    "c92a2a": "Vermello 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Uva 9",
-    "5f3dc4": "Violeta 9",
-    "364fc7": "Índigo 9",
-    "1864ab": "Azul 9",
-    "0b7285": "Ciano 9",
-    "087f5b": "Turquesa 9",
-    "2b8a3e": "Verde 9",
-    "5c940d": "Lima 9",
-    "e67700": "Amarelo 9",
-    "d9480f": "Laranxa 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Escolle unha ferramenta & Comeza a debuxar!",
       "helpHint": "Atallos & axuda"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 567a96825..813131eaf 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "השתמש ב- {{shortcut}} כדי להדביק כפריט יחיד,\nאו הדבק לתוך עורך טקסט קיים"
   },
   "colors": {
-    "ffffff": "לבן",
-    "f8f9fa": "אפור 0",
-    "f1f3f5": "אפור 1",
-    "fff5f5": "אדום 0",
-    "fff0f6": "ורוד 0",
-    "f8f0fc": "ענבים 0",
-    "f3f0ff": "סגול 0",
-    "edf2ff": "כחול כהה 0",
-    "e7f5ff": "כחול 0",
-    "e3fafc": "טורקיז 0",
-    "e6fcf5": "ירקרק 0",
-    "ebfbee": "ירוק 0",
-    "f4fce3": "ליים 0",
-    "fff9db": "צהוב",
-    "fff4e6": "כתום 0",
     "transparent": "שקוף",
-    "ced4da": "אפור 4",
-    "868e96": "אפור 6",
-    "fa5252": "אדום 6",
-    "e64980": "ורוד 6",
-    "be4bdb": "ענבים 6",
-    "7950f2": "סגול 6",
-    "4c6ef5": "כחול כהה 6",
-    "228be6": "כחול 6",
-    "15aabf": "טורקיז 6",
-    "12b886": "ירקרק 6",
-    "40c057": "ירוק 6",
-    "82c91e": "ליים 6",
-    "fab005": "צהוב 6",
-    "fd7e14": "כתום 6",
-    "000000": "שחור",
-    "343a40": "אפור 8",
-    "495057": "אפור 7",
-    "c92a2a": "אדום 9",
-    "a61e4d": "ורוד 9",
-    "862e9c": "ענבים 9",
-    "5f3dc4": "סגול 9",
-    "364fc7": "כחול כהה 9",
-    "1864ab": "כחול 9",
-    "0b7285": "טורקיז 9",
-    "087f5b": "ירוק-כחול 9",
-    "2b8a3e": "ירוק 9",
-    "5c940d": "ליים 9",
-    "e67700": "צהוב 9",
-    "d9480f": "כתום 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "בחר כלי & והתחל לצייר!",
       "helpHint": "קיצורים & עזרה"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 1c1978bbd..0a4f47d92 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "एक अवयव के रूप में चिपकाने के लिए {{shortcut}} का उपयोग करें,\nया किसी मौजूदा पाठ संपादक में चिपकायें"
   },
   "colors": {
-    "ffffff": "सफेद",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "अंगूरी 0",
-    "f3f0ff": "",
-    "edf2ff": "नील 0",
-    "e7f5ff": "नीला 0",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "आसमानी",
-    "087f5b": "",
-    "2b8a3e": "हरा",
-    "5c940d": "",
-    "e67700": "पीला",
-    "d9480f": "नारंगी"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "एक औजार चुने और चित्रकारी प्रारंभ करे!",
       "helpHint": "शॉर्ट्कट और सहाय्य"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index a54dde9f6..3a4cf1d5a 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Fehér",
-    "f8f9fa": "Szürke 0",
-    "f1f3f5": "Szürke 1",
-    "fff5f5": "Piros 0",
-    "fff0f6": "Pink 0",
-    "f8f0fc": "Szőlő 0",
-    "f3f0ff": "Ibolya 0",
-    "edf2ff": "Indigó 0",
-    "e7f5ff": "Kék 0",
-    "e3fafc": "Cián 0",
-    "e6fcf5": "Kékes-zöld 0",
-    "ebfbee": "Zöld 0",
-    "f4fce3": "Lime 0",
-    "fff9db": "Sárga 0",
-    "fff4e6": "Narancs 0",
     "transparent": "Átlátszó",
-    "ced4da": "Szürke 4",
-    "868e96": "Szürke 6",
-    "fa5252": "Piros 6",
-    "e64980": "Pink 6",
-    "be4bdb": "Szőlő 6",
-    "7950f2": "Ibolya 6",
-    "4c6ef5": "Indigó 6",
-    "228be6": "Kék 6",
-    "15aabf": "Cián 6",
-    "12b886": "Kékes-zöld 6",
-    "40c057": "Zöld 6",
-    "82c91e": "Lime 6",
-    "fab005": "Sárga 6",
-    "fd7e14": "Narancs 6",
-    "000000": "Fekete",
-    "343a40": "Szürke 8",
-    "495057": "Szürke 7",
-    "c92a2a": "Piros 9",
-    "a61e4d": "Pink 9",
-    "862e9c": "Szőlő 9",
-    "5f3dc4": "Ibolya 9",
-    "364fc7": "Indigó 9",
-    "1864ab": "Kék 9",
-    "0b7285": "Cián 9",
-    "087f5b": "Kékes-zöld 9",
-    "2b8a3e": "Zöld 9",
-    "5c940d": "Lime 9",
-    "e67700": "Sárga 9",
-    "d9480f": "Narancs 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index bb83459dc..37ecf6a18 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Gunakan {{shortcut}} untuk menempelkan sebagai satu elemen,\natau tempelkan ke teks editor yang ada"
   },
   "colors": {
-    "ffffff": "Putih",
-    "f8f9fa": "Abu-abu 0",
-    "f1f3f5": "Abu-abu 1",
-    "fff5f5": "Merah 0",
-    "fff0f6": "Merah muda 0",
-    "f8f0fc": "Ungu 0",
-    "f3f0ff": "Violet 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Biru 0",
-    "e3fafc": "Cyan 0",
-    "e6fcf5": "Teal 0",
-    "ebfbee": "Hijau 0",
-    "f4fce3": "Lime 0",
-    "fff9db": "Kuning 0",
-    "fff4e6": "Jingga 0",
     "transparent": "Transparan",
-    "ced4da": "Abu-abu 4",
-    "868e96": "Abu-abu 6",
-    "fa5252": "Merah 6",
-    "e64980": "Merah muda 6",
-    "be4bdb": "Ungu 6",
-    "7950f2": "Violet 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Biru 6",
-    "15aabf": "Cyan 6",
-    "12b886": "Teal 6",
-    "40c057": "Hijau 6",
-    "82c91e": "Lime 6",
-    "fab005": "Kuning 6",
-    "fd7e14": "Jingga 6",
-    "000000": "Hitam",
-    "343a40": "Abu-abu 8",
-    "495057": "Abu-abu 7",
-    "c92a2a": "Merah 9",
-    "a61e4d": "Merah muda 9",
-    "862e9c": "Ungu 9",
-    "5f3dc4": "Violet 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Biru 9",
-    "0b7285": "Cyan 9",
-    "087f5b": "Teal 9",
-    "2b8a3e": "Hijau 9",
-    "5c940d": "Lime 9",
-    "e67700": "Kuning 9",
-    "d9480f": "Jingga 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Pilih alat & mulai menggambar!",
       "helpHint": "Pintasan & bantuan"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 12d215623..d8e8afd5a 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -208,10 +208,10 @@
     "collabSaveFailed": "Impossibile salvare nel database di backend. Se i problemi persistono, dovresti salvare il tuo file localmente per assicurarti di non perdere il tuo lavoro.",
     "collabSaveFailed_sizeExceeded": "Impossibile salvare nel database di backend, la tela sembra essere troppo grande. Dovresti salvare il file localmente per assicurarti di non perdere il tuo lavoro.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Sembra che tu stia utilizzando il browser Brave con l'impostazione <bold>Blocco aggressivo delle impronte digitali</bold> abilitata.",
+      "line2": "Ciò potrebbe causare la rottura degli <bold>Elementi di testo</bold> nei tuoi disegni.",
+      "line3": "Consigliamo vivamente di disabilitare questa impostazione. Puoi seguire <link>questi passaggi</link> su come farlo.",
+      "line4": "Se la disattivazione di questa impostazione non risolve la visualizzazione degli elementi di testo, apri un <issueLink>problema</issueLink> sul nostro GitHub o scrivici su <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Usa {{shortcut}} per incollare come un singolo elemento,\no incollare in un editor di testo esistente"
   },
   "colors": {
-    "ffffff": "Bianco",
-    "f8f9fa": "Grigio 0",
-    "f1f3f5": "Grigio 1",
-    "fff5f5": "Rosso 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Uva 0",
-    "f3f0ff": "Viola 0",
-    "edf2ff": "Indaco 0",
-    "e7f5ff": "Blu 0",
-    "e3fafc": "Ciano 0",
-    "e6fcf5": "Verde acqua 0",
-    "ebfbee": "Verde 0",
-    "f4fce3": "Lime 0",
-    "fff9db": "Giallo 0",
-    "fff4e6": "Arancio 0",
     "transparent": "Trasparente",
-    "ced4da": "Grigio 4",
-    "868e96": "Grigio 6",
-    "fa5252": "Rosso 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Uva 6",
-    "7950f2": "Viola 6",
-    "4c6ef5": "Indaco 6",
-    "228be6": "Blu 6",
-    "15aabf": "Ciano 6",
-    "12b886": "Verde acqua 6",
-    "40c057": "Verde 6",
-    "82c91e": "Lime 6",
-    "fab005": "Giallo 6",
-    "fd7e14": "Arancio 6",
-    "000000": "Nero",
-    "343a40": "Grigio 8",
-    "495057": "Grigio 7",
-    "c92a2a": "Rosso 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Uva 9",
-    "5f3dc4": "Viola 9",
-    "364fc7": "Indaco 9",
-    "1864ab": "Blu 9",
-    "0b7285": "Ciano 9",
-    "087f5b": "Verde acqua 9",
-    "2b8a3e": "Verde 9",
-    "5c940d": "Lime 9",
-    "e67700": "Giallo 9",
-    "d9480f": "Arancio 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Scegli uno strumento & Inizia a disegnare!",
       "helpHint": "Scorciatoie & aiuto"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index fd4f2c2c7..f11b4c5b3 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "{{shortcut}} を使用して単一の要素として貼り付けるか、\n既存のテキストエディタに貼り付け"
   },
   "colors": {
-    "ffffff": "ホワイト",
-    "f8f9fa": "グレー 0",
-    "f1f3f5": "グレー 1",
-    "fff5f5": "レッド 0",
-    "fff0f6": "ピンク 0",
-    "f8f0fc": "グレープ 0",
-    "f3f0ff": "バイオレット 0",
-    "edf2ff": "インディゴ 0",
-    "e7f5ff": "ブルー 0",
-    "e3fafc": "シアン 0",
-    "e6fcf5": "ティール 0",
-    "ebfbee": "グリーン 0",
-    "f4fce3": "ライム 0",
-    "fff9db": "イエロー 0",
-    "fff4e6": "オレンジ 0",
     "transparent": "透明",
-    "ced4da": "グレー 4",
-    "868e96": "グレー 6",
-    "fa5252": "レッド 6",
-    "e64980": "ピンク 6",
-    "be4bdb": "グレープ 6",
-    "7950f2": "バイオレット 6",
-    "4c6ef5": "インディゴ 6",
-    "228be6": "ブルー 6",
-    "15aabf": "シアン 6",
-    "12b886": "ティール 6",
-    "40c057": "グリーン 6",
-    "82c91e": "ライム 6",
-    "fab005": "イエロー 6",
-    "fd7e14": "オレンジ 6",
-    "000000": "ブラック",
-    "343a40": "グレー 8",
-    "495057": "グレー 7",
-    "c92a2a": "レッド 9",
-    "a61e4d": "ピンク 9",
-    "862e9c": "グレープ 9",
-    "5f3dc4": "バイオレット 9",
-    "364fc7": "インディゴ 9",
-    "1864ab": "ブルー 9",
-    "0b7285": "シアン 9",
-    "087f5b": "ティール 9",
-    "2b8a3e": "グリーン 9",
-    "5c940d": "ライム 9",
-    "e67700": "イエロー 9",
-    "d9480f": "オレンジ 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "ツールを選んで描き始めよう！",
       "helpHint": "ショートカットとヘルプ"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/kaa.json b/src/locales/kaa.json
index 6a2c194cf..cf1bce08d 100644
--- a/src/locales/kaa.json
+++ b/src/locales/kaa.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Aq",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "Qızıl 0",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "Kók",
-    "e3fafc": "",
-    "e6fcf5": "Piruza 0",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "Sarı 0",
-    "fff4e6": "Qızǵılt sarı 0",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "Qızıl 6",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "Kók 6",
-    "15aabf": "",
-    "12b886": "Piruza 6",
-    "40c057": "Jasıl 6",
-    "82c91e": "",
-    "fab005": "Sarı 6",
-    "fd7e14": "",
-    "000000": "Qara",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "Qızıl 9",
-    "a61e4d": "Qızǵılt 9",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "Kók 9",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "Jasıl 9",
-    "5c940d": "",
-    "e67700": "Sarı 9",
-    "d9480f": "Qızǵılt sarı 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 56e82d102..67db65014 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Amellal",
-    "f8f9fa": "Aɣiɣdi 0",
-    "f1f3f5": "Aɣiɣdi 1",
-    "fff5f5": "Azeggaɣ",
-    "fff0f6": "Axuxi 0",
-    "f8f0fc": "Tiẓurin 0",
-    "f3f0ff": "Amidadi 0",
-    "edf2ff": "",
-    "e7f5ff": "Anili 0",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "Azegzaw 0",
-    "f4fce3": "Llim 0",
-    "fff9db": "Awraɣ 0",
-    "fff4e6": "Aččinawi 0",
     "transparent": "Afrawan",
-    "ced4da": "Aɣiɣdi 4",
-    "868e96": "Aɣiɣdi 6",
-    "fa5252": "Azeggaɣ 6",
-    "e64980": "Axuxi 6",
-    "be4bdb": "",
-    "7950f2": "Amidadi 6",
-    "4c6ef5": "",
-    "228be6": "Anili 6",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "Azegzaw 0",
-    "82c91e": "Llim 6",
-    "fab005": "Awraɣ 6",
-    "fd7e14": "Aččinawi 6",
-    "000000": "Aberkan",
-    "343a40": "Aɣiɣdi 8",
-    "495057": "Aɣiɣdi 7",
-    "c92a2a": "Azeggaɣ 9",
-    "a61e4d": "Axuxi 9",
-    "862e9c": "Tiẓurin 9",
-    "5f3dc4": "Amidadi 9",
-    "364fc7": "",
-    "1864ab": "Anili 9",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "Azegzaw 9",
-    "5c940d": "Llim 9",
-    "e67700": "Awraɣ 9",
-    "d9480f": "Aččinawi 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Fren afecku tebduḍ asuneɣ!",
       "helpHint": "Inegzumen akked tallelt"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 3718c7767..89d7c500d 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/km-KH.json b/src/locales/km-KH.json
index c0558015b..a51c437a2 100644
--- a/src/locales/km-KH.json
+++ b/src/locales/km-KH.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "កាប់ស្តាំង ០",
-    "ebfbee": "បៃតង ០",
-    "f4fce3": "បៃតងខ្ចី ០",
-    "fff9db": "លឿង ០",
-    "fff4e6": "ទឹកក្រូច ០",
     "transparent": "ថ្លាមើលធ្លុះ",
-    "ced4da": "ប្រផេះ ៤",
-    "868e96": "ប្រផេះ ៦",
-    "fa5252": "ក្រហម ៦",
-    "e64980": "ផ្កាឈូក ៦",
-    "be4bdb": "ស្វាយចាស់ ៦",
-    "7950f2": "ស្វាយ​ ៦",
-    "4c6ef5": "ខៀវចាស់ ៦",
-    "228be6": "ខៀវ ៦",
-    "15aabf": "ខៀវខ្ចី ៦",
-    "12b886": "កាប់ស្តាំង ៦",
-    "40c057": "បៃតង ៦",
-    "82c91e": "បៃតងខ្ចី ៦",
-    "fab005": "លឿង ៦",
-    "fd7e14": "ទឹកក្រូច ៦",
-    "000000": "ខ្មៅ",
-    "343a40": "ប្រផេះ ៨",
-    "495057": "ប្រផេះ ៧",
-    "c92a2a": "ក្រហម​ ៩",
-    "a61e4d": "ផ្កាឈូក ៩",
-    "862e9c": "ស្វាយចាស់ ៩",
-    "5f3dc4": "ស្វាយ ៩",
-    "364fc7": "ខៀវចាស់ ៩",
-    "1864ab": "ខៀវ ៩",
-    "0b7285": "ខៀវខ្ចី ៩",
-    "087f5b": "កាប់ស្តាំង ៩",
-    "2b8a3e": "បៃតង ៩",
-    "5c940d": "បៃតងខ្ចី ៩",
-    "e67700": "លឿង ៩",
-    "d9480f": "ទឹកក្រូច ៩"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "ជ្រើសរើសឧបករណ៍មួយ និង ចាប់ផ្តើមគូរ!",
       "helpHint": "ផ្លូវកាត់ &​ ជំនួយ"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 20bdd4306..3ec5233d7 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "단일 요소로 붙여넣거나, 기존 텍스트 에디터에 붙여넣으려면 {{shortcut}} 을 사용하세요."
   },
   "colors": {
-    "ffffff": "화이트",
-    "f8f9fa": "회색 0",
-    "f1f3f5": "회색 1",
-    "fff5f5": "빨강색 0",
-    "fff0f6": "핑크색 0",
-    "f8f0fc": "그레이프 0",
-    "f3f0ff": "바이올렛 0",
-    "edf2ff": "남색 0",
-    "e7f5ff": "파란색 0",
-    "e3fafc": "청록색 0",
-    "e6fcf5": "틸 0",
-    "ebfbee": "녹색 0",
-    "f4fce3": "라임 0",
-    "fff9db": "노란색 0",
-    "fff4e6": "주황색 0",
     "transparent": "투명",
-    "ced4da": "회색 4",
-    "868e96": "회색 6",
-    "fa5252": "빨강색 6",
-    "e64980": "핑크색 6",
-    "be4bdb": "그레이프 6",
-    "7950f2": "바이올렛 6",
-    "4c6ef5": "남색 6",
-    "228be6": "파란색 6",
-    "15aabf": "청록색 6",
-    "12b886": "틸 6",
-    "40c057": "녹색 6",
-    "82c91e": "라임 6",
-    "fab005": "노란색 6",
-    "fd7e14": "주황색 6",
-    "000000": "검정색",
-    "343a40": "회색 8",
-    "495057": "회색 7",
-    "c92a2a": "빨강색 9",
-    "a61e4d": "핑크색 9",
-    "862e9c": "그레이프 9",
-    "5f3dc4": "바이올렛 9",
-    "364fc7": "남색 9",
-    "1864ab": "파란색 9",
-    "0b7285": "청록색 9",
-    "087f5b": "틸 9",
-    "2b8a3e": "녹색 9",
-    "5c940d": "라임 9",
-    "e67700": "노란색 9",
-    "d9480f": "주황색 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "도구를 선택하고, 그리세요!",
       "helpHint": "단축키 & 도움말"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 1e2afe444..90f4ceec6 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "بۆ دانانەوە وەکو یەک توخم یان دانانەوە بۆ نێو دەسکاریکەرێکی دەق کە بوونی هەیە {{shortcut}} بەکاربهێنە"
   },
   "colors": {
-    "ffffff": "سپی",
-    "f8f9fa": "خۆڵەمێشی 0",
-    "f1f3f5": "خۆڵەمێشی 1",
-    "fff5f5": "سور 0",
-    "fff0f6": "پەمەی 0",
-    "f8f0fc": "مێوژی 0",
-    "f3f0ff": "مۆر 0",
-    "edf2ff": "نیلی 0",
-    "e7f5ff": "شین 0",
-    "e3fafc": "شینی ئاسمانی 0",
-    "e6fcf5": "سەوزباوی 0",
-    "ebfbee": "سه‌وز 0",
-    "f4fce3": "نارنجی 0",
-    "fff9db": "زەرد 0",
-    "fff4e6": "پرتەقاڵی 0",
     "transparent": "ڕوون",
-    "ced4da": "خۆڵەمێشی 4",
-    "868e96": "خۆڵەمێشی 6",
-    "fa5252": "سور 6",
-    "e64980": "پەمەی 6",
-    "be4bdb": "مێوژی 6",
-    "7950f2": "مۆر 6",
-    "4c6ef5": "نیلی 6",
-    "228be6": "شین 6",
-    "15aabf": "شینی ئاسمانی 6",
-    "12b886": "سەوزباوی 6",
-    "40c057": "سه‌وز 6",
-    "82c91e": "نارنجی 6",
-    "fab005": "زەرد 6",
-    "fd7e14": "پرتەقاڵی 6",
-    "000000": "ڕەش",
-    "343a40": "خۆڵەمێشی 8",
-    "495057": "خۆڵەمێشی 7",
-    "c92a2a": "سور 9",
-    "a61e4d": "پەمەی 9",
-    "862e9c": "مێوژی 9",
-    "5f3dc4": "مۆر 9",
-    "364fc7": "نیلی 9",
-    "1864ab": "شین 9",
-    "0b7285": "شینی ئاسمانی 9",
-    "087f5b": "سەوزباوی 9",
-    "2b8a3e": "سه‌وز 9",
-    "5c940d": "نارنجی 9",
-    "e67700": "زەرد 9",
-    "d9480f": "پرتەقاڵی 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "ئامرازێک هەڵبگرە و دەستبکە بە کێشان!",
       "helpHint": "قەدبڕەکان و یارمەتی"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 20ce45a5e..7fb6e9ffe 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Balta",
-    "f8f9fa": "Pilka 0",
-    "f1f3f5": "Pilka 1",
-    "fff5f5": "Raudona 0",
-    "fff0f6": "Rožinė 0",
-    "f8f0fc": "",
-    "f3f0ff": "Violetinė 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Mėlyna 0",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "Žalia 0",
-    "f4fce3": "",
-    "fff9db": "Geltona 0",
-    "fff4e6": "Oranžinė 0",
     "transparent": "Permatoma",
-    "ced4da": "Pilka 4",
-    "868e96": "Pilka 6",
-    "fa5252": "Raudona 6",
-    "e64980": "Rožinė 6",
-    "be4bdb": "",
-    "7950f2": "Violetinė 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Mėlyna 6",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "Žalia 6",
-    "82c91e": "",
-    "fab005": "Geltona 6",
-    "fd7e14": "Oranžinė 6",
-    "000000": "Juoda",
-    "343a40": "Pilna 8",
-    "495057": "Pilka 7",
-    "c92a2a": "Raudona 9",
-    "a61e4d": "Rožinė 9",
-    "862e9c": "",
-    "5f3dc4": "Violetinė 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Mėlyna 9",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "Žalia 9",
-    "5c940d": "",
-    "e67700": "Geltona 9",
-    "d9480f": "Oranžinė 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index c8c90d426..2a5b84055 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Izmantojiet {{shortcut}}, lai ielīmētu kā jaunu elementu, vai ielīmētu esošā teksta lauciņā"
   },
   "colors": {
-    "ffffff": "Balts",
-    "f8f9fa": "Pelēks 0",
-    "f1f3f5": "Pelēks 1",
-    "fff5f5": "Sarkans 0",
-    "fff0f6": "Rozā 0",
-    "f8f0fc": "Vīnogu 0",
-    "f3f0ff": "Violets 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Zils 0",
-    "e3fafc": "Ciāns 0",
-    "e6fcf5": "Zilganzaļš 0",
-    "ebfbee": "Zaļš 0",
-    "f4fce3": "Laims 0",
-    "fff9db": "Dzeltens 0",
-    "fff4e6": "Oranžs 0",
     "transparent": "Caurspīdīgs",
-    "ced4da": "Pelēks 4",
-    "868e96": "Pelēks 6",
-    "fa5252": "Sarkans 6",
-    "e64980": "Rozā 6",
-    "be4bdb": "Vīnogu 6",
-    "7950f2": "Violets 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Zils 6",
-    "15aabf": "Ciāns 6",
-    "12b886": "Zilganzaļš 6",
-    "40c057": "Zaļš 6",
-    "82c91e": "Laims 6",
-    "fab005": "Dzeltens 6",
-    "fd7e14": "Oranžs 6",
-    "000000": "Melns",
-    "343a40": "Pelēks 8",
-    "495057": "Pelēks 7",
-    "c92a2a": "Sarkans 9",
-    "a61e4d": "Rozā 9",
-    "862e9c": "Vīnogu 9",
-    "5f3dc4": "Violets 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Zils 9",
-    "0b7285": "Ciāns 9",
-    "087f5b": "Zilganzaļš 9",
-    "2b8a3e": "Zaļš 9",
-    "5c940d": "Laims 9",
-    "e67700": "Dzeltens 9",
-    "d9480f": "Oranžs 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Izvēlies rīku un sāc zīmēt!",
       "helpHint": "Īsceļi un palīdzība"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 85e346d08..275e1bca9 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "एक घटक म्हणून चिपकावण्या साठी {{shortcut}} वापरा,\nकिंवा विद्यमान मजकूर संपादकात चिपकवा"
   },
   "colors": {
-    "ffffff": "पांढरा",
-    "f8f9fa": "करडा 0",
-    "f1f3f5": "करडा 1",
-    "fff5f5": "लाल 0",
-    "fff0f6": "गुलाबी 0",
-    "f8f0fc": "अंगूरी 0",
-    "f3f0ff": "जांभळा 0",
-    "edf2ff": "बैंगनी 0",
-    "e7f5ff": "नीळा 0",
-    "e3fafc": "आसमानी 0",
-    "e6fcf5": "पाचू 0",
-    "ebfbee": "हिरवा 0",
-    "f4fce3": "लिंबु 0",
-    "fff9db": "पिवळा 0",
-    "fff4e6": "नारंगी 0",
     "transparent": "पारदर्शक",
-    "ced4da": "करडा 4",
-    "868e96": "करडा 6",
-    "fa5252": "लाल 6",
-    "e64980": "गुलाबी 6",
-    "be4bdb": "अंगूरी 6",
-    "7950f2": "जांभळा 6",
-    "4c6ef5": "बैंगनी 6",
-    "228be6": "नीळा 6",
-    "15aabf": "आसमानी 6",
-    "12b886": "पाचू 6",
-    "40c057": "हिरवा 6",
-    "82c91e": "लिंबु 6",
-    "fab005": "पिवळा 6",
-    "fd7e14": "नारंगी 6",
-    "000000": "काळा",
-    "343a40": "करडा 8",
-    "495057": "करडा 7",
-    "c92a2a": "लाल 9",
-    "a61e4d": "गुलाबी 9",
-    "862e9c": "अंगूरी 9",
-    "5f3dc4": "जामुनी 9",
-    "364fc7": "बैंगनी 9",
-    "1864ab": "नीला 9",
-    "0b7285": "आसमानी 9",
-    "087f5b": "पाचू 9",
-    "2b8a3e": "हरा 9",
-    "5c940d": "नीबू 9",
-    "e67700": "पीला 9",
-    "d9480f": "नारंगी 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "एक साधन निवडा आणि चित्रीकरण सुरु करा!",
       "helpHint": "शॉर्टकट आणि सहाय्य"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 50f8bb560..ffca0c201 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 66b197317..c624ac8e5 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Bruk {{shortcut}} for å lime inn som ett enkelt element,\neller lim inn i en eksisterende tekstbehandler"
   },
   "colors": {
-    "ffffff": "Hvit",
-    "f8f9fa": "Grå 0",
-    "f1f3f5": "Grå 1",
-    "fff5f5": "Rød 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Drue 0",
-    "f3f0ff": "Fiolett 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blå 0",
-    "e3fafc": "Turkis 0",
-    "e6fcf5": "Blågrønn 0",
-    "ebfbee": "Grønn 0",
-    "f4fce3": "Limegrønn 0",
-    "fff9db": "Gul 0",
-    "fff4e6": "Oransje 0",
     "transparent": "Gjennomsiktig",
-    "ced4da": "Grå 4",
-    "868e96": "Grå 6",
-    "fa5252": "Rød 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Drue 6",
-    "7950f2": "Fiolett 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blå 6",
-    "15aabf": "Turkis 6",
-    "12b886": "Blågrønn 6",
-    "40c057": "Grønn 6",
-    "82c91e": "Limegrønn 6",
-    "fab005": "Gul 6",
-    "fd7e14": "Oransje 6",
-    "000000": "Sort",
-    "343a40": "Grå 8",
-    "495057": "Grå 7",
-    "c92a2a": "Rød 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Drue 9",
-    "5f3dc4": "Fiolett 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blå 9",
-    "0b7285": "Turkis 9",
-    "087f5b": "Blågrønn 9",
-    "2b8a3e": "Grønn 9",
-    "5c940d": "Limegrønn 9",
-    "e67700": "Gul 9",
-    "d9480f": "Oransje 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Velg et verktøy og start å tegne!",
       "helpHint": "Snarveier & hjelp"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index e94b89f0e..af27dd94a 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Gebruik {{shortcut}} om te plakken als een enkel element,\nof plak in een bestaande teksteditor"
   },
   "colors": {
-    "ffffff": "Wit",
-    "f8f9fa": "Grijs 0",
-    "f1f3f5": "Grijs 1",
-    "fff5f5": "Rood 0",
-    "fff0f6": "Roze 0",
-    "f8f0fc": "Druiven 0",
-    "f3f0ff": "Violet 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blauw 0",
-    "e3fafc": "Cyaan 0",
-    "e6fcf5": "Groenblauw 0",
-    "ebfbee": "Groen 0",
-    "f4fce3": "Limoen 0",
-    "fff9db": "Geel 0",
-    "fff4e6": "Oranje 0",
     "transparent": "Transparant",
-    "ced4da": "Grijs 4",
-    "868e96": "Grijs 6",
-    "fa5252": "Rood 6",
-    "e64980": "Roze 6",
-    "be4bdb": "Druiven 6",
-    "7950f2": "Violet",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blauw 6",
-    "15aabf": "Cyaan 6",
-    "12b886": "Groenblauw 6",
-    "40c057": "Groen 6",
-    "82c91e": "Limoen 6",
-    "fab005": "Geel 6",
-    "fd7e14": "Oranje 6",
-    "000000": "Zwart",
-    "343a40": "Grijs 8",
-    "495057": "Grijs 7",
-    "c92a2a": "Rood 9",
-    "a61e4d": "Roze 9",
-    "862e9c": "Druiven 9",
-    "5f3dc4": "Violet 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blauw 9",
-    "0b7285": "Cyaan 9",
-    "087f5b": "Groenblauw 9",
-    "2b8a3e": "Groen 9",
-    "5c940d": "Limoen 9",
-    "e67700": "Geel 9",
-    "d9480f": "Oranje 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Kies een tool & begin met tekenen!",
       "helpHint": "Snelkoppelingen en hulp"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index 755101171..eb2ed1bd7 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Kvit",
-    "f8f9fa": "Grå 0",
-    "f1f3f5": "Grå 1",
-    "fff5f5": "Raud 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Drue 0",
-    "f3f0ff": "Fiolett 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blå 0",
-    "e3fafc": "Turkis 0",
-    "e6fcf5": "Blågrøn 0",
-    "ebfbee": "Grøn 0",
-    "f4fce3": "Limegrøn 0",
-    "fff9db": "Gul 0",
-    "fff4e6": "Oransje 0",
     "transparent": "Gjennomsiktig",
-    "ced4da": "Grå 4",
-    "868e96": "Grå 6",
-    "fa5252": "Raud 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Drue 6",
-    "7950f2": "Fiolett 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blå 6",
-    "15aabf": "Turkis 6",
-    "12b886": "Blågrøn 6",
-    "40c057": "Grøn 6",
-    "82c91e": "Limegrøn 6",
-    "fab005": "Gul 6",
-    "fd7e14": "Oransje 6",
-    "000000": "Svart",
-    "343a40": "Grå 8",
-    "495057": "Grå 7",
-    "c92a2a": "Raud 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Drue 9",
-    "5f3dc4": "Fiolett 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blå 9",
-    "0b7285": "Turkis 9",
-    "087f5b": "Blågrøn 9",
-    "2b8a3e": "Grøn 9",
-    "5c940d": "Limegrøn 9",
-    "e67700": "Gul 9",
-    "d9480f": "Oransj 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index a15c33b93..5628692f8 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Blanc",
-    "f8f9fa": "Gris 0",
-    "f1f3f5": "Gris 0",
-    "fff5f5": "Roge 0",
-    "fff0f6": "Ròse 0",
-    "f8f0fc": "Bordèu 0",
-    "f3f0ff": "Violet 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blau 0",
-    "e3fafc": "Cian 0",
-    "e6fcf5": "Esmerauda 0",
-    "ebfbee": "Verd 0",
-    "f4fce3": "Verd citron 0",
-    "fff9db": "Jaune 0",
-    "fff4e6": "Irange 0",
     "transparent": "Transparéncia",
-    "ced4da": "Gris 4",
-    "868e96": "Gris 6",
-    "fa5252": "Roge 6",
-    "e64980": "Ròse 6",
-    "be4bdb": "Bordèu 6",
-    "7950f2": "Violet 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blau 6",
-    "15aabf": "Cian 6",
-    "12b886": "Esmerauda 6",
-    "40c057": "Verd 6",
-    "82c91e": "Verd citron 6",
-    "fab005": "Jaune 6",
-    "fd7e14": "Irange 6",
-    "000000": "Negre",
-    "343a40": "Gris 8",
-    "495057": "Gris 7",
-    "c92a2a": "Roge 9",
-    "a61e4d": "Ròse 9",
-    "862e9c": "Bordèu 9",
-    "5f3dc4": "Violet 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blau 9",
-    "0b7285": "Cian 9",
-    "087f5b": "Esmerauda 9",
-    "2b8a3e": "Verd 9",
-    "5c940d": "Verd citron 9",
-    "e67700": "Jaune 9",
-    "d9480f": "Irange 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Prenètz un esplech e començatz de dessenhar !",
       "helpHint": "Acorchis e ajuda"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index 06ae1c178..b270d3e7f 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "ਚਿੱਟਾ",
-    "f8f9fa": "ਸੁਰਮਈ 0",
-    "f1f3f5": "ਸੁਰਮਈ 1",
-    "fff5f5": "ਲਾਲ 0",
-    "fff0f6": "ਗੁਲਾਬੀ 0",
-    "f8f0fc": "ਅੰਗੂਰੀ 0",
-    "f3f0ff": "ਜਾਮਣੀ 0",
-    "edf2ff": "ਗੂੜ੍ਹਾ ਨੀਲਾ 0",
-    "e7f5ff": "ਨੀਲਾ 0",
-    "e3fafc": "ਫਿਰੋਜੀ 0",
-    "e6fcf5": "ਟੀਲ 0",
-    "ebfbee": "ਹਰਾ 0",
-    "f4fce3": "ਲਾਇਮ 0",
-    "fff9db": "ਪੀਲਾ 0",
-    "fff4e6": "ਸੰਤਰੀ 0",
     "transparent": "ਪਾਰਦਰਸ਼ੀ",
-    "ced4da": "ਸੁਰਮਈ 4",
-    "868e96": "ਸੁਰਮਈ 6",
-    "fa5252": "ਲਾਲ 6",
-    "e64980": "ਗੁਲਾਬੀ 6",
-    "be4bdb": "ਅੰਗੂਰੀ 6",
-    "7950f2": "ਜਾਮਣੀ 6",
-    "4c6ef5": "ਗੂੜ੍ਹਾ ਨੀਲਾ 6",
-    "228be6": "ਨੀਲਾ 6",
-    "15aabf": "ਫਿਰੋਜੀ 6",
-    "12b886": "ਟੀਲ 6",
-    "40c057": "ਹਰਾ 6",
-    "82c91e": "ਲਾਇਮ 6",
-    "fab005": "ਪੀਲਾ 6",
-    "fd7e14": "ਸੰਤਰੀ 6",
-    "000000": "ਕਾਲਾ",
-    "343a40": "ਸੁਰਮਈ 8",
-    "495057": "ਸੁਰਮਈ 7",
-    "c92a2a": "ਲਾਲ 9",
-    "a61e4d": "ਗੁਲਾਬੀ 9",
-    "862e9c": "ਅੰਗੂਰੀ 9",
-    "5f3dc4": "ਜਾਮਣੀ 9",
-    "364fc7": "ਗੂੜ੍ਹਾ ਨੀਲਾ 9",
-    "1864ab": "ਨੀਲਾ 9",
-    "0b7285": "ਫਿਰੋਜੀ 9",
-    "087f5b": "ਟੀਲ 9",
-    "2b8a3e": "ਹਰਾ 9",
-    "5c940d": "ਲਾਇਮ 9",
-    "e67700": "ਪੀਲਾ 9",
-    "d9480f": "ਸੰਤਰੀ 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index b80dce1b4..1619ae971 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,55 +1,55 @@
 {
-  "ar-SA": 89,
-  "bg-BG": 54,
-  "bn-BD": 60,
-  "ca-ES": 97,
-  "cs-CZ": 74,
-  "da-DK": 33,
-  "de-DE": 100,
-  "el-GR": 97,
+  "ar-SA": 83,
+  "bg-BG": 57,
+  "bn-BD": 63,
+  "ca-ES": 92,
+  "cs-CZ": 67,
+  "da-DK": 35,
+  "de-DE": 94,
+  "el-GR": 92,
   "en": 100,
-  "es-ES": 98,
-  "eu-ES": 98,
-  "fa-IR": 98,
-  "fi-FI": 97,
-  "fr-FR": 98,
-  "gl-ES": 98,
-  "he-IL": 96,
-  "hi-IN": 72,
-  "hu-HU": 86,
-  "id-ID": 97,
-  "it-IT": 98,
-  "ja-JP": 98,
-  "kaa": 21,
-  "kab-KAB": 95,
-  "kk-KZ": 20,
-  "km-KH": 10,
-  "ko-KR": 100,
-  "ku-TR": 100,
-  "lt-LT": 63,
-  "lv-LV": 98,
-  "mr-IN": 98,
-  "my-MM": 40,
-  "nb-NO": 100,
-  "nl-NL": 93,
-  "nn-NO": 87,
-  "oc-FR": 96,
-  "pa-IN": 88,
-  "pl-PL": 89,
-  "pt-BR": 97,
-  "pt-PT": 98,
-  "ro-RO": 100,
-  "ru-RU": 100,
-  "si-LK": 8,
-  "sk-SK": 100,
-  "sl-SI": 100,
-  "sv-SE": 100,
-  "ta-IN": 92,
+  "es-ES": 93,
+  "eu-ES": 94,
+  "fa-IR": 93,
+  "fi-FI": 92,
+  "fr-FR": 93,
+  "gl-ES": 92,
+  "he-IL": 91,
+  "hi-IN": 74,
+  "hu-HU": 80,
+  "id-ID": 92,
+  "it-IT": 94,
+  "ja-JP": 92,
+  "kaa": 18,
+  "kab-KAB": 92,
+  "kk-KZ": 22,
+  "km-KH": 2,
+  "ko-KR": 94,
+  "ku-TR": 94,
+  "lt-LT": 59,
+  "lv-LV": 93,
+  "mr-IN": 93,
+  "my-MM": 43,
+  "nb-NO": 94,
+  "nl-NL": 87,
+  "nn-NO": 81,
+  "oc-FR": 91,
+  "pa-IN": 82,
+  "pl-PL": 83,
+  "pt-BR": 94,
+  "pt-PT": 93,
+  "ro-RO": 94,
+  "ru-RU": 94,
+  "si-LK": 9,
+  "sk-SK": 94,
+  "sl-SI": 94,
+  "sv-SE": 94,
+  "ta-IN": 86,
   "th-TH": 41,
-  "tr-TR": 96,
-  "uk-UA": 100,
-  "vi-VN": 57,
-  "zh-CN": 100,
-  "zh-HK": 26,
-  "zh-TW": 100
+  "tr-TR": 91,
+  "uk-UA": 94,
+  "vi-VN": 59,
+  "zh-CN": 94,
+  "zh-HK": 27,
+  "zh-TW": 94
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index 047e5ec6b..e05fdc65c 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "Biały",
-    "f8f9fa": "Szary 0",
-    "f1f3f5": "Szary 1",
-    "fff5f5": "Czerwony 0",
-    "fff0f6": "Różowy 0",
-    "f8f0fc": "Bordowy 0",
-    "f3f0ff": "Fioletowy 0",
-    "edf2ff": "Granatowy 0",
-    "e7f5ff": "Niebieski 0",
-    "e3fafc": "Błękitny 0",
-    "e6fcf5": "Turkusowy 0",
-    "ebfbee": "Zielony 0",
-    "f4fce3": "Limonkowy 0",
-    "fff9db": "Żółty 0",
-    "fff4e6": "Pomarańczowy 0",
     "transparent": "Przezroczysty",
-    "ced4da": "Szary 4",
-    "868e96": "Szary 6",
-    "fa5252": "Czerwony 6",
-    "e64980": "Różowy 6",
-    "be4bdb": "Bordowy 6",
-    "7950f2": "Fioletowy 6",
-    "4c6ef5": "Granatowy 6",
-    "228be6": "Niebieski 6",
-    "15aabf": "Błękitny 6",
-    "12b886": "Turkusowy 6",
-    "40c057": "Zielony 6",
-    "82c91e": "Limonkowy 6",
-    "fab005": "Żółty 6",
-    "fd7e14": "Pomarańczowy 6",
-    "000000": "Czarny",
-    "343a40": "Szary 8",
-    "495057": "Szary 7",
-    "c92a2a": "Czerwony 9",
-    "a61e4d": "Różowy 9",
-    "862e9c": "Bordowy 9",
-    "5f3dc4": "Fioletowy 9",
-    "364fc7": "Granatowy 9",
-    "1864ab": "Niebieski 9",
-    "0b7285": "Błękitny 9",
-    "087f5b": "Turkusowy 9",
-    "2b8a3e": "Zielony 9",
-    "5c940d": "Limonkowy 9",
-    "e67700": "Żółty 9",
-    "d9480f": "Pomarańczowy 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index bf4f7d445..30ae031d5 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -54,7 +54,7 @@
     "veryLarge": "Muito grande",
     "solid": "Sólido",
     "hachure": "Hachura",
-    "zigzag": "",
+    "zigzag": "Zigue-zague",
     "crossHatch": "Hachura cruzada",
     "thin": "Fino",
     "bold": "Espesso",
@@ -111,7 +111,7 @@
     "increaseFontSize": "Aumentar o tamanho da fonte",
     "unbindText": "Desvincular texto",
     "bindText": "Vincular texto ao contêiner",
-    "createContainerFromText": "",
+    "createContainerFromText": "Envolver texto em um contêiner",
     "link": {
       "edit": "Editar link",
       "create": "Criar link",
@@ -208,10 +208,10 @@
     "collabSaveFailed": "Não foi possível salvar no banco de dados do servidor. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
     "collabSaveFailed_sizeExceeded": "Não foi possível salvar no banco de dados do servidor, a tela parece ser muito grande. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Parece que você está usando o navegador Brave com a configuração <bold>Bloquear Impressões Digitais</bold> no modo agressivo.",
+      "line2": "Isso pode acabar quebrando <bold>Elementos de Texto</bold> em seus desenhos.",
+      "line3": "Recomendamos fortemente desativar essa configuração. Você pode acessar o <link>passo a passo</link> sobre como fazer isso.",
+      "line4": "Se desativar essa configuração não corrigir a exibição de elementos de texto, por favor abra uma <issueLink>issue</issueLink> em nosso GitHub, ou mande uma mensagem em nosso <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
@@ -306,8 +306,8 @@
     "doubleClick": "clique duplo",
     "drag": "arrastar",
     "editor": "Editor",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Editar linha/ponta da seta",
+    "editText": "Editar texto / adicionar etiqueta",
     "github": "Encontrou algum problema? Nos informe",
     "howto": "Siga nossos guias",
     "or": "ou",
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Use {{shortcut}} para colar como um único elemento,\nou cole em um editor de texto já existente"
   },
   "colors": {
-    "ffffff": "Braco",
-    "f8f9fa": "Cinza 0",
-    "f1f3f5": "Cinza 1",
-    "fff5f5": "Vermelho 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Uva 0",
-    "f3f0ff": "Violeta 0",
-    "edf2ff": "Índigo 0",
-    "e7f5ff": "Azul 0",
-    "e3fafc": "Ciano 0",
-    "e6fcf5": "Verde-azulado 0",
-    "ebfbee": "Verde 0",
-    "f4fce3": "Lima 0",
-    "fff9db": "Amarelo 0",
-    "fff4e6": "Laranja 0",
     "transparent": "Transparente",
-    "ced4da": "Cinza 4",
-    "868e96": "Cinza 6",
-    "fa5252": "Vermelho 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Uva 6",
-    "7950f2": "Violeta 6",
-    "4c6ef5": "Índigo 6",
-    "228be6": "Azul 6",
-    "15aabf": "Ciano 6",
-    "12b886": "Verde-azulado 6",
-    "40c057": "Verde 6",
-    "82c91e": "Lima 6",
-    "fab005": "Amarelo 6",
-    "fd7e14": "Laranja 6",
-    "000000": "Preto",
-    "343a40": "Cinza 8",
-    "495057": "Cinza 7",
-    "c92a2a": "Vermelho 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Uva 9",
-    "5f3dc4": "Violeta 9",
-    "364fc7": "Índigo 9",
-    "1864ab": "Azul 9",
-    "0b7285": "Ciano 9",
-    "087f5b": "Verde-azulado 9",
-    "2b8a3e": "Verde 9",
-    "5c940d": "Lima 9",
-    "e67700": "Amarelo 9",
-    "d9480f": "Laranja 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Escolha uma ferramenta e comece a desenhar!",
       "helpHint": "Atalhos e ajuda"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 0070d162c..943e5db3f 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Usar {{shortcut}} para colar como um único elemento,\nou colar num editor de texto existente"
   },
   "colors": {
-    "ffffff": "Branco",
-    "f8f9fa": "Cinza 0",
-    "f1f3f5": "Cinza 1",
-    "fff5f5": "Vermelho 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Uva 0",
-    "f3f0ff": "Violeta 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Azul 0",
-    "e3fafc": "Ciano 0",
-    "e6fcf5": "Verde-azulado 0",
-    "ebfbee": "Verde 0",
-    "f4fce3": "Lima 0",
-    "fff9db": "Amarelo 0",
-    "fff4e6": "Laranja 0",
     "transparent": "Transparente",
-    "ced4da": "Cinza 4",
-    "868e96": "Cinza 6",
-    "fa5252": "Vermelho 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Uva 6",
-    "7950f2": "Violeta 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Azul 6",
-    "15aabf": "Ciano 6",
-    "12b886": "Verde-azulado 6",
-    "40c057": "Verde 6",
-    "82c91e": "Lima 6",
-    "fab005": "Amarelo 6",
-    "fd7e14": "Laranja 6",
-    "000000": "Preto",
-    "343a40": "Cinza 8",
-    "495057": "Cinza 7",
-    "c92a2a": "Vermelho 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Uva 9",
-    "5f3dc4": "Violeta 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Azul 9",
-    "0b7285": "Ciano 9",
-    "087f5b": "Verde-azulado 9",
-    "2b8a3e": "Verde 9",
-    "5c940d": "Lima 9",
-    "e67700": "Amarelo 9",
-    "d9480f": "Laranja 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Escolha uma ferramenta e comece a desenhar!",
       "helpHint": "Atalhos e ajuda"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 1f478f36a..5440f8f72 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Folosește {{shortcut}} pentru a insera ca un singur element\nsau insera într-un editor de text existent"
   },
   "colors": {
-    "ffffff": "Alb",
-    "f8f9fa": "Gri 0",
-    "f1f3f5": "Gri 1",
-    "fff5f5": "Roșu 0",
-    "fff0f6": "Roz 0",
-    "f8f0fc": "Struguriu 0",
-    "f3f0ff": "Violet 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Albastru 0",
-    "e3fafc": "Cyan 0",
-    "e6fcf5": "Cyan-verde",
-    "ebfbee": "Verde 0",
-    "f4fce3": "Verde-limetă",
-    "fff9db": "Galben 0",
-    "fff4e6": "Portocaliu 0",
     "transparent": "Transparent",
-    "ced4da": "Gri 4",
-    "868e96": "Gri 6",
-    "fa5252": "Roșu 6",
-    "e64980": "Roz 6",
-    "be4bdb": "Struguriu 6",
-    "7950f2": "Violet 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Albastru 6",
-    "15aabf": "Cyan 6",
-    "12b886": "Cyan-verde 6",
-    "40c057": "Verde 6",
-    "82c91e": "Verde-limetă 6",
-    "fab005": "Galben 6",
-    "fd7e14": "Portocaliu 6",
-    "000000": "Negru",
-    "343a40": "Gri 8",
-    "495057": "Gri 7",
-    "c92a2a": "Roșu 9",
-    "a61e4d": "Roz 9",
-    "862e9c": "Struguriu 9",
-    "5f3dc4": "Violet 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Albastru 9",
-    "0b7285": "Cyan 9",
-    "087f5b": "Cyan-verde 9",
-    "2b8a3e": "Verde 9",
-    "5c940d": "Verde-limetă 9",
-    "e67700": "Galben 9",
-    "d9480f": "Portocaliu 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Alege un instrument și începe să desenezi!",
       "helpHint": "Comenzi rapide și ajutor"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index c4680a7f6..7ba5b3374 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Используйте {{shortcut}}, чтобы вставить один объект,\nили вставьте в существующий текстовый редактор"
   },
   "colors": {
-    "ffffff": "Белый",
-    "f8f9fa": "Серый 0",
-    "f1f3f5": "Серый 1",
-    "fff5f5": "Красный 0",
-    "fff0f6": "Розовый 0",
-    "f8f0fc": "Виноградный 0",
-    "f3f0ff": "Фиолетовый 0",
-    "edf2ff": "Индиго 0",
-    "e7f5ff": "Синий 0",
-    "e3fafc": "Голубой 0",
-    "e6fcf5": "Бирюзовый 0",
-    "ebfbee": "Зелёный 0",
-    "f4fce3": "Лайм 0",
-    "fff9db": "Жёлтый 0",
-    "fff4e6": "Оранжевый 0",
     "transparent": "Прозрачный",
-    "ced4da": "Серый 4",
-    "868e96": "Серый 6",
-    "fa5252": "Красный 6",
-    "e64980": "Розовый 6",
-    "be4bdb": "Виноградный 6",
-    "7950f2": "Фиолетовый 6",
-    "4c6ef5": "Индиго 6",
-    "228be6": "Синий 6",
-    "15aabf": "Голубой 6",
-    "12b886": "Бирюзовый 6",
-    "40c057": "Зелёный 6",
-    "82c91e": "Лайм 6",
-    "fab005": "Жёлтый 6",
-    "fd7e14": "Оранжевый 6",
-    "000000": "Чёрный",
-    "343a40": "Серый 8",
-    "495057": "Серый 7",
-    "c92a2a": "Красный 9",
-    "a61e4d": "Розовый 9",
-    "862e9c": "Виноградный 9",
-    "5f3dc4": "Фиолетовый 9",
-    "364fc7": "Индиго 9",
-    "1864ab": "Синий 9",
-    "0b7285": "Голубой 9",
-    "087f5b": "Бирюзовый 9",
-    "2b8a3e": "Зелёный 9",
-    "5c940d": "Лайм 9",
-    "e67700": "Жёлтый 9",
-    "d9480f": "Оранжевый 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Выберите инструмент и начните рисовать!",
       "helpHint": "Сочетания клавиш и помощь"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 60a3d2f1f..e3b5a5357 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 4e97ba73e..2123d7c1a 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Použitím {{shortcut}} vložte ako samostatný prvok alebo vložte do existujúceho editovaného textu"
   },
   "colors": {
-    "ffffff": "Biela",
-    "f8f9fa": "Sivá 0",
-    "f1f3f5": "Sivá 1",
-    "fff5f5": "Červená 0",
-    "fff0f6": "Ružová 0",
-    "f8f0fc": "Hroznová fialová 0",
-    "f3f0ff": "Fialová 0",
-    "edf2ff": "Tmavomodrá 0",
-    "e7f5ff": "Modrá 0",
-    "e3fafc": "Azúrová 0",
-    "e6fcf5": "Modrozelená 0",
-    "ebfbee": "Zelená 0",
-    "f4fce3": "Limetková 0",
-    "fff9db": "Žltá 0",
-    "fff4e6": "Oranžová 0",
     "transparent": "Priehľadná",
-    "ced4da": "Sivá 4",
-    "868e96": "Sivá 6",
-    "fa5252": "Červená 6",
-    "e64980": "Ružová 6",
-    "be4bdb": "Hroznová fialová 6",
-    "7950f2": "Fialová 6",
-    "4c6ef5": "Tmavomodrá 6",
-    "228be6": "Modrá 6",
-    "15aabf": "Azúrová 6",
-    "12b886": "Modrozelená 6",
-    "40c057": "Zelená 6",
-    "82c91e": "Limetková 6",
-    "fab005": "Žltá 6",
-    "fd7e14": "Oranžová 6",
-    "000000": "Čierna",
-    "343a40": "Sivá 8",
-    "495057": "Sivá 7",
-    "c92a2a": "Červená 9",
-    "a61e4d": "Ružová 9",
-    "862e9c": "Hroznová fialová 9",
-    "5f3dc4": "Fialová 9",
-    "364fc7": "Tmavomodrá 9",
-    "1864ab": "Modrá 9",
-    "0b7285": "Azúrová 9",
-    "087f5b": "Modrozelená 9",
-    "2b8a3e": "Zelená 9",
-    "5c940d": "Limetková 9",
-    "e67700": "Žltá 9",
-    "d9480f": "Oranžová 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Zvoľte nástroj a začnite kresliť!",
       "helpHint": "Klávesové skratky a pomocník"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 1b5957384..902b2476f 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Uporabite {{shortcut}}, da prilepite kot en element,\n ali prilepite v obstoječ urejevalnik besedil"
   },
   "colors": {
-    "ffffff": "Bela",
-    "f8f9fa": "Siva 0",
-    "f1f3f5": "Siva 1",
-    "fff5f5": "Rdeča 0",
-    "fff0f6": "Roza 0",
-    "f8f0fc": "Grozdje 0",
-    "f3f0ff": "Vijolična 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Modra 0",
-    "e3fafc": "Cijan 0",
-    "e6fcf5": "Modrozelena 0",
-    "ebfbee": "Zelena 0",
-    "f4fce3": "Limeta 0",
-    "fff9db": "Rumena 0",
-    "fff4e6": "Oranžna 0",
     "transparent": "Prosojno",
-    "ced4da": "Siva 4",
-    "868e96": "Siva 6",
-    "fa5252": "Rdeča 6",
-    "e64980": "Roza 6",
-    "be4bdb": "Grozdje 6",
-    "7950f2": "Vijolična 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Modra 6",
-    "15aabf": "Cijan 6",
-    "12b886": "Modrozelena 6",
-    "40c057": "Zelena 6",
-    "82c91e": "Limeta 6",
-    "fab005": "Rumena 6",
-    "fd7e14": "Oranžna 6",
-    "000000": "Črna",
-    "343a40": "Siva 8",
-    "495057": "Siva 7",
-    "c92a2a": "Rdeča 9",
-    "a61e4d": "Roza 9",
-    "862e9c": "Grozdje 9",
-    "5f3dc4": "Vijolična 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Modra 9",
-    "0b7285": "Cijan 9",
-    "087f5b": "Modrozelena 9",
-    "2b8a3e": "Zelena 9",
-    "5c940d": "Limeta 9",
-    "e67700": "Rumena 9",
-    "d9480f": "Oranžna 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Izberi orodje in začni z risanjem!",
       "helpHint": "Bližnjice in pomoč"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index a3d98d7a7..641e3ce66 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Använd {{shortcut}} för att klistra in som ett enda element,\neller klistra in i en befintlig textredigerare"
   },
   "colors": {
-    "ffffff": "Vit",
-    "f8f9fa": "Grå 0",
-    "f1f3f5": "Grå 1",
-    "fff5f5": "Röd 0",
-    "fff0f6": "Rosa 0",
-    "f8f0fc": "Lila 0",
-    "f3f0ff": "Violett 0",
-    "edf2ff": "Indigo 0",
-    "e7f5ff": "Blå 0",
-    "e3fafc": "Turkos 0",
-    "e6fcf5": "Blågrön 0",
-    "ebfbee": "Grön 0",
-    "f4fce3": "Limegrön 0",
-    "fff9db": "Gul 0",
-    "fff4e6": "Orange 0",
     "transparent": "Genomskinlig",
-    "ced4da": "Grå 4",
-    "868e96": "Grå 6",
-    "fa5252": "Röd 6",
-    "e64980": "Rosa 6",
-    "be4bdb": "Lila 6",
-    "7950f2": "Violett 6",
-    "4c6ef5": "Indigo 6",
-    "228be6": "Blå 6",
-    "15aabf": "Turkos 6",
-    "12b886": "Blågrön 6",
-    "40c057": "Grön 6",
-    "82c91e": "Limegrön 6",
-    "fab005": "Gul 6",
-    "fd7e14": "Orange 6",
-    "000000": "Svart",
-    "343a40": "Grå 8",
-    "495057": "Grå 7",
-    "c92a2a": "Röd 9",
-    "a61e4d": "Rosa 9",
-    "862e9c": "Lila 9",
-    "5f3dc4": "Violett 9",
-    "364fc7": "Indigo 9",
-    "1864ab": "Blå 9",
-    "0b7285": "Turkos 9",
-    "087f5b": "Blågrön 9",
-    "2b8a3e": "Grön 9",
-    "5c940d": "Limegrön 9",
-    "e67700": "Gul 9",
-    "d9480f": "Orange 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Välj ett verktyg & börja rita!",
       "helpHint": "Genvägar & hjälp"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index b82220f4a..640334e97 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "வெள்ளை",
-    "f8f9fa": "சாம்பல்நிறம் 0",
-    "f1f3f5": "சாம்பல்நிறம் 1",
-    "fff5f5": "சிகப்பு 0",
-    "fff0f6": "இளஞ்சிவப்பு 0",
-    "f8f0fc": "திராட்சை 0",
-    "f3f0ff": "ஊதா 0",
-    "edf2ff": "கருநீலம் 0",
-    "e7f5ff": "நீலம் 0",
-    "e3fafc": "மயில்நிறம் 0",
-    "e6fcf5": "டீல் 0",
-    "ebfbee": "பச்சை 0",
-    "f4fce3": "தேசிக்காய்நிறம் 0",
-    "fff9db": "மஞ்சள் 0",
-    "fff4e6": "ஆரஞ்சு 0",
     "transparent": "ஒளிபுகுத்தன்மை",
-    "ced4da": "சாம்பல்நிறம் 4",
-    "868e96": "சாம்பல்நிறம் 6",
-    "fa5252": "சிகப்பு 6",
-    "e64980": "இளஞ்சிவப்பு 6",
-    "be4bdb": "திராட்சை 6",
-    "7950f2": "ஊதா 6",
-    "4c6ef5": "கருநீலம் 6",
-    "228be6": "நீலம் 6",
-    "15aabf": "மயில்நிறம் 6",
-    "12b886": "டீல் 6",
-    "40c057": "பச்சை 6",
-    "82c91e": "தேசிக்காய்நிறம் 6",
-    "fab005": "மஞ்சள் 6",
-    "fd7e14": "ஆரஞ்சு 6",
-    "000000": "கருப்பு",
-    "343a40": "சாம்பல்நிறம் 8",
-    "495057": "சாம்பல்நிறம் 7",
-    "c92a2a": "சிகப்பு 9",
-    "a61e4d": "இளஞ்சிவப்பு 9",
-    "862e9c": "திராட்சை 9",
-    "5f3dc4": "ஊதா 9",
-    "364fc7": "கருநீலம் 9",
-    "1864ab": "நீலம் 9",
-    "0b7285": "மயில்நிறம் 9",
-    "087f5b": "டீல் 9",
-    "2b8a3e": "பச்சை 9",
-    "5c940d": "தேசிக்காய்நிறம் 9",
-    "e67700": "மஞ்சள் 9",
-    "d9480f": "ஆரஞ்சு 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "கருவியைத் தேர்ந்தெடு & வரை!",
       "helpHint": "குறுக்குவழிகள் & உதவி"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
index 3860af21d..e7ca29d25 100644
--- a/src/locales/th-TH.json
+++ b/src/locales/th-TH.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "สีขาว",
-    "f8f9fa": "สีเทา 0",
-    "f1f3f5": "สีเทา 1",
-    "fff5f5": "สีแดง 0",
-    "fff0f6": "สีชมพู 0",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "สีเทา 4",
-    "868e96": "สีเทา 6",
-    "fa5252": "สีแดง 6",
-    "e64980": "สีชมพู 6",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index a48a16408..102273797 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Tekil obje olarak yapıştırmak için veya var olan bir metin editörüne yapıştırmak için {{shortcut}} kullanın"
   },
   "colors": {
-    "ffffff": "Beyaz",
-    "f8f9fa": "Gri 0",
-    "f1f3f5": "Gri 1",
-    "fff5f5": "Kırmızı 0",
-    "fff0f6": "Pembe 0",
-    "f8f0fc": "Koyu Mor 0",
-    "f3f0ff": "Mor 0",
-    "edf2ff": "Çivit 0",
-    "e7f5ff": "Mavi 0",
-    "e3fafc": "Camgöbeği 0",
-    "e6fcf5": "Deniz Mavisi 0",
-    "ebfbee": "Yeşil 0",
-    "f4fce3": "Yeşil 0",
-    "fff9db": "Sarı 0",
-    "fff4e6": "Turuncu 0",
     "transparent": "Şeffaf",
-    "ced4da": "Gri 4",
-    "868e96": "Gri 6",
-    "fa5252": "Kırmızı 6",
-    "e64980": "Pembe 6",
-    "be4bdb": "Koyu Mor 6",
-    "7950f2": "Mor 6",
-    "4c6ef5": "Çivit 6",
-    "228be6": "Mavi 6",
-    "15aabf": "Camgöbeği 6",
-    "12b886": "Deniz Mavisi 6",
-    "40c057": "Yeşil 6",
-    "82c91e": "Green 6",
-    "fab005": "Sarı 6",
-    "fd7e14": "Turuncu 6",
-    "000000": "Siyah",
-    "343a40": "Gri 8",
-    "495057": "Gri 7",
-    "c92a2a": "Kırmızı 9",
-    "a61e4d": "Pembe 9",
-    "862e9c": "Koyu Mor 9",
-    "5f3dc4": "Mor 9",
-    "364fc7": "Çivit 9",
-    "1864ab": "Mavi 9",
-    "0b7285": "Camgöbeği 9",
-    "087f5b": "Deniz Mavisi 9",
-    "2b8a3e": "Yeşil 9",
-    "5c940d": "Yeşil 9",
-    "e67700": "Sarı 9",
-    "d9480f": "Turuncu 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Bir araç seçin ve çizime başlayın!",
       "helpHint": "Kısayollar & yardım"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index a070cde6d..53dd31d55 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "Використайте {{shortcut}} для вставки самостійного зразка або використайте в текстовому редакторі"
   },
   "colors": {
-    "ffffff": "Білий",
-    "f8f9fa": "Сірий 0",
-    "f1f3f5": "Сірий 1",
-    "fff5f5": "Червоний 0",
-    "fff0f6": "Рожевий 0",
-    "f8f0fc": "Виноград 0",
-    "f3f0ff": "Фіолетовий 0",
-    "edf2ff": "Індиго 0",
-    "e7f5ff": "Синій 0",
-    "e3fafc": "Ціан 0",
-    "e6fcf5": "Зеленувато-блакитний 0",
-    "ebfbee": "Зелений 0",
-    "f4fce3": "Лайм 0",
-    "fff9db": "Жовтий 0",
-    "fff4e6": "Помаранчевий 0",
     "transparent": "Прозорий",
-    "ced4da": "Сірий 4",
-    "868e96": "Сірий 6",
-    "fa5252": "Червоний 6",
-    "e64980": "Рожевий 6",
-    "be4bdb": "Виноград 6",
-    "7950f2": "Фіолетовий 6",
-    "4c6ef5": "Індиго 6",
-    "228be6": "Синій 6",
-    "15aabf": "Ціан 6",
-    "12b886": "Зеленувато-блакитний 6",
-    "40c057": "Зелений 6",
-    "82c91e": "Лайм 6",
-    "fab005": "Жовтий 6",
-    "fd7e14": "Помаранчевий 6",
-    "000000": "Чорний",
-    "343a40": "Сірий 8",
-    "495057": "Сірий 7",
-    "c92a2a": "Червоний 9",
-    "a61e4d": "Рожевий 9",
-    "862e9c": "Виноград 9",
-    "5f3dc4": "Фіолетовий 9",
-    "364fc7": "Індиго 9",
-    "1864ab": "Синій 9",
-    "0b7285": "Ціан 9",
-    "087f5b": "Зеленувато-блакитний 9",
-    "2b8a3e": "Зелений 9",
-    "5c940d": "Лаймовий 9",
-    "e67700": "Жовтий 9",
-    "d9480f": "Помаранчевий 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "Оберіть інструмент і почніть малювати!",
       "helpHint": "Гарячі клавіші і допомога"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 1015b0393..63a4cd68c 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "Chàm 9",
-    "1864ab": "Xanh Dương 9",
-    "0b7285": "Lục Lam 9",
-    "087f5b": "Xanh Mòng Két 9",
-    "2b8a3e": "Xanh Lá 9",
-    "5c940d": "Chanh Xanh 9",
-    "e67700": "Vàng 9",
-    "d9480f": "Cam 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 08e0a8379..93ad2c948 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "使用 {{shortcut}} 粘贴为单个元素，\n或粘贴到现有的文本编辑器里"
   },
   "colors": {
-    "ffffff": "白",
-    "f8f9fa": "灰 0",
-    "f1f3f5": "灰 1",
-    "fff5f5": "红 0",
-    "fff0f6": "粉红 0",
-    "f8f0fc": "紫红 0",
-    "f3f0ff": "蓝紫 0",
-    "edf2ff": "靛蓝 0",
-    "e7f5ff": "蓝 0",
-    "e3fafc": "青 0",
-    "e6fcf5": "蓝绿 0",
-    "ebfbee": "绿 0",
-    "f4fce3": "柠檬绿 0",
-    "fff9db": "黄 0",
-    "fff4e6": "橙 0",
     "transparent": "透明",
-    "ced4da": "灰 4",
-    "868e96": "灰 6",
-    "fa5252": "红 6",
-    "e64980": "粉红 6",
-    "be4bdb": "紫红 6",
-    "7950f2": "蓝紫 6",
-    "4c6ef5": "靛蓝 6",
-    "228be6": "蓝 6",
-    "15aabf": "青 6",
-    "12b886": "蓝绿 6",
-    "40c057": "绿 6",
-    "82c91e": "柠檬绿 6",
-    "fab005": "黄 6",
-    "fd7e14": "橙 6",
-    "000000": "黑",
-    "343a40": "灰 8",
-    "495057": "灰 7",
-    "c92a2a": "红 9",
-    "a61e4d": "粉红 9",
-    "862e9c": "紫红 9",
-    "5f3dc4": "蓝紫 9",
-    "364fc7": "靛蓝 9",
-    "1864ab": "蓝 9",
-    "0b7285": "青 9",
-    "087f5b": "蓝绿 9",
-    "2b8a3e": "绿 9",
-    "5c940d": "柠檬绿 9",
-    "e67700": "黄 9",
-    "d9480f": "橙 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "选择工具并开始绘图！",
       "helpHint": "快捷键和帮助"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index 527937163..6d03449d1 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": ""
   },
   "colors": {
-    "ffffff": "",
-    "f8f9fa": "",
-    "f1f3f5": "",
-    "fff5f5": "",
-    "fff0f6": "",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
-    "e7f5ff": "",
-    "e3fafc": "",
-    "e6fcf5": "",
-    "ebfbee": "",
-    "f4fce3": "",
-    "fff9db": "",
-    "fff4e6": "",
     "transparent": "",
-    "ced4da": "",
-    "868e96": "",
-    "fa5252": "",
-    "e64980": "",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
-    "228be6": "",
-    "15aabf": "",
-    "12b886": "",
-    "40c057": "",
-    "82c91e": "",
-    "fab005": "",
-    "fd7e14": "",
-    "000000": "",
-    "343a40": "",
-    "495057": "",
-    "c92a2a": "",
-    "a61e4d": "",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
-    "1864ab": "",
-    "0b7285": "",
-    "087f5b": "",
-    "2b8a3e": "",
-    "5c940d": "",
-    "e67700": "",
-    "d9480f": ""
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "",
       "helpHint": ""
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 08965de95..3be58ef56 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -394,51 +394,21 @@
     "pasteAsSingleElement": "使用 {{shortcut}} 以做為單一物件貼上，\n或貼上至現有的文字編輯器"
   },
   "colors": {
-    "ffffff": "白",
-    "f8f9fa": "灰 0",
-    "f1f3f5": "灰 1",
-    "fff5f5": "紅 0",
-    "fff0f6": "粉紅 0",
-    "f8f0fc": "深紫 0",
-    "f3f0ff": "藍紫 0",
-    "edf2ff": "靛藍 0",
-    "e7f5ff": "藍 0",
-    "e3fafc": "青 0",
-    "e6fcf5": "藍綠 0",
-    "ebfbee": "綠 0",
-    "f4fce3": "黃綠 0",
-    "fff9db": "黃 0",
-    "fff4e6": "橘 0",
     "transparent": "透明",
-    "ced4da": "灰 4",
-    "868e96": "灰 6",
-    "fa5252": "紅 6",
-    "e64980": "粉紅 6",
-    "be4bdb": "深紫 6",
-    "7950f2": "藍紫 6",
-    "4c6ef5": "靛藍 6",
-    "228be6": "藍 6",
-    "15aabf": "青 6",
-    "12b886": "藍綠 6",
-    "40c057": "綠 6",
-    "82c91e": "黃綠 6",
-    "fab005": "黃 6",
-    "fd7e14": "橘 6",
-    "000000": "黑",
-    "343a40": "灰 8",
-    "495057": "灰 7",
-    "c92a2a": "紅 9",
-    "a61e4d": "粉紅 9",
-    "862e9c": "深紫 9",
-    "5f3dc4": "藍紫 9",
-    "364fc7": "靛藍 9",
-    "1864ab": "藍 9",
-    "0b7285": "青 9",
-    "087f5b": "藍綠 9",
-    "2b8a3e": "綠 9",
-    "5c940d": "黃綠 9",
-    "e67700": "黃 9",
-    "d9480f": "橘 9"
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
   },
   "welcomeScreen": {
     "app": {
@@ -452,5 +422,12 @@
       "toolbarHint": "選個工具開始畫圖吧！",
       "helpHint": "快速鍵與說明"
     }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
   }
 }

From a8f0a14610da74060592dec8f1171cb2cf42dd37 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 19 May 2023 15:47:01 +0200
Subject: [PATCH 187/252] fix: `withInternalFallback` leaking state in
 multi-instance scenarios (#6602)

---
 .../hoc/withInternalFallback.test.tsx         | 100 ++++++++++++++++++
 src/components/hoc/withInternalFallback.tsx   |  43 ++++----
 2 files changed, 125 insertions(+), 18 deletions(-)
 create mode 100644 src/components/hoc/withInternalFallback.test.tsx

diff --git a/src/components/hoc/withInternalFallback.test.tsx b/src/components/hoc/withInternalFallback.test.tsx
new file mode 100644
index 000000000..af43db58a
--- /dev/null
+++ b/src/components/hoc/withInternalFallback.test.tsx
@@ -0,0 +1,100 @@
+import { render, queryAllByTestId } from "../../tests/test-utils";
+import { Excalidraw, MainMenu } from "../../packages/excalidraw/index";
+
+describe("Test internal component fallback rendering", () => {
+  it("should render only one menu per excalidraw instance (custom menu first scenario)", async () => {
+    const { container } = await render(
+      <div>
+        <Excalidraw>
+          <MainMenu>test</MainMenu>
+        </Excalidraw>
+        <Excalidraw />
+      </div>,
+    );
+
+    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+
+    const excalContainers = container.querySelectorAll<HTMLDivElement>(
+      ".excalidraw-container",
+    );
+
+    expect(
+      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+    ).toBe(1);
+    expect(
+      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+    ).toBe(1);
+  });
+
+  it("should render only one menu per excalidraw instance (default menu first scenario)", async () => {
+    const { container } = await render(
+      <div>
+        <Excalidraw />
+        <Excalidraw>
+          <MainMenu>test</MainMenu>
+        </Excalidraw>
+      </div>,
+    );
+
+    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+
+    const excalContainers = container.querySelectorAll<HTMLDivElement>(
+      ".excalidraw-container",
+    );
+
+    expect(
+      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+    ).toBe(1);
+    expect(
+      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+    ).toBe(1);
+  });
+
+  it("should render only one menu per excalidraw instance (two custom menus scenario)", async () => {
+    const { container } = await render(
+      <div>
+        <Excalidraw>
+          <MainMenu>test</MainMenu>
+        </Excalidraw>
+        <Excalidraw>
+          <MainMenu>test</MainMenu>
+        </Excalidraw>
+      </div>,
+    );
+
+    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+
+    const excalContainers = container.querySelectorAll<HTMLDivElement>(
+      ".excalidraw-container",
+    );
+
+    expect(
+      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+    ).toBe(1);
+    expect(
+      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+    ).toBe(1);
+  });
+
+  it("should render only one menu per excalidraw instance (two default menus scenario)", async () => {
+    const { container } = await render(
+      <div>
+        <Excalidraw />
+        <Excalidraw />
+      </div>,
+    );
+
+    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+
+    const excalContainers = container.querySelectorAll<HTMLDivElement>(
+      ".excalidraw-container",
+    );
+
+    expect(
+      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+    ).toBe(1);
+    expect(
+      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+    ).toBe(1);
+  });
+});
diff --git a/src/components/hoc/withInternalFallback.tsx b/src/components/hoc/withInternalFallback.tsx
index 581a1874f..4131c51ec 100644
--- a/src/components/hoc/withInternalFallback.tsx
+++ b/src/components/hoc/withInternalFallback.tsx
@@ -1,5 +1,5 @@
 import { atom, useAtom } from "jotai";
-import React, { useLayoutEffect } from "react";
+import React, { useLayoutEffect, useRef } from "react";
 import { useTunnels } from "../../context/tunnels";
 
 export const withInternalFallback = <P,>(
@@ -7,13 +7,6 @@ export const withInternalFallback = <P,>(
   Component: React.FC<P>,
 ) => {
   const renderAtom = atom(0);
-  // flag set on initial render to tell the fallback component to skip the
-  // render until mount counter are initialized. This is because the counter
-  // is initialized in an effect, and thus we could end rendering both
-  // components at the same time until counter is initialized.
-  let preferHost = false;
-
-  let counter = 0;
 
   const WrapperComponent: React.FC<
     P & {
@@ -21,38 +14,52 @@ export const withInternalFallback = <P,>(
     }
   > = (props) => {
     const { jotaiScope } = useTunnels();
-    const [, setRender] = useAtom(renderAtom, jotaiScope);
+    // for rerenders
+    const [, setCounter] = useAtom(renderAtom, jotaiScope);
+    // for initial & subsequent renders. Tracked as component state
+    // due to excalidraw multi-instance scanerios.
+    const metaRef = useRef({
+      // flag set on initial render to tell the fallback component to skip the
+      // render until mount counter are initialized. This is because the counter
+      // is initialized in an effect, and thus we could end rendering both
+      // components at the same time until counter is initialized.
+      preferHost: false,
+      counter: 0,
+    });
 
     useLayoutEffect(() => {
-      setRender((c) => {
+      const meta = metaRef.current;
+      setCounter((c) => {
         const next = c + 1;
-        counter = next;
+        meta.counter = next;
 
         return next;
       });
       return () => {
-        setRender((c) => {
+        setCounter((c) => {
           const next = c - 1;
-          counter = next;
+          meta.counter = next;
           if (!next) {
-            preferHost = false;
+            meta.preferHost = false;
           }
           return next;
         });
       };
-    }, [setRender]);
+    }, [setCounter]);
 
     if (!props.__fallback) {
-      preferHost = true;
+      metaRef.current.preferHost = true;
     }
 
     // ensure we don't render fallback and host components at the same time
     if (
       // either before the counters are initialized
-      (!counter && props.__fallback && preferHost) ||
+      (!metaRef.current.counter &&
+        props.__fallback &&
+        metaRef.current.preferHost) ||
       // or after the counters are initialized, and both are rendered
       // (this is the default when host renders as well)
-      (counter > 1 && props.__fallback)
+      (metaRef.current.counter > 1 && props.__fallback)
     ) {
       return null;
     }

From a4f05339aa0cbaecdb619f3de11f5e40d8c37e3e Mon Sep 17 00:00:00 2001
From: Rounik Prashar <56750020+irounik@users.noreply.github.com>
Date: Wed, 24 May 2023 02:07:19 +0530
Subject: [PATCH 188/252] fix: Library dropdown visibility issue for mobile
 (#6613)

Fix: Library dropdown visibility issue for mobile

Co-authored-by: Rounik Prashar <rounik.prashar@increff.com>
---
 src/components/dropdownMenu/DropdownMenu.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/dropdownMenu/DropdownMenu.scss b/src/components/dropdownMenu/DropdownMenu.scss
index ff94f4920..6e628736f 100644
--- a/src/components/dropdownMenu/DropdownMenu.scss
+++ b/src/components/dropdownMenu/DropdownMenu.scss
@@ -11,8 +11,6 @@
       top: auto;
       left: 0;
       width: 100%;
-      display: flex;
-      flex-direction: column;
       row-gap: 0.75rem;
 
       .dropdown-menu-container {

From 7340c70a0697bcdafe3eebab33ffecb116c8bc5f Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Wed, 24 May 2023 16:40:20 +0200
Subject: [PATCH 189/252] perf: improve rendering performance for Library
 (#6587)

* perf: improve rendering performance for Library

* fix: return onDrag and onToggle functionality to Library Items

* perf: cache exportToSvg output

* fix: lint warning

* fix: add onClick handler into LibraryUnit

* feat: better spinner

* fix: useCallback for getInsertedElements to fix linter error

* feat: different batch size when svgs are cached

* fix: library items alignment in row

* feat: skeleton instead of spinner

* fix: remove unused variables

* feat: use css vars instead of hadcoded colors

* feat: reverting skeleton, removing spinner

* cleanup and unrelated refactor

* change ROWS_RENDERED_PER_BATCH to 6

---------

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/LibraryMenu.tsx        |  17 +-
 src/components/LibraryMenuItems.tsx   | 246 ++++++++++----------------
 src/components/LibraryMenuSection.tsx | 110 ++++++++++++
 src/components/LibraryUnit.tsx        |  27 +--
 src/components/Spinner.scss           |   1 +
 src/components/Spinner.tsx            |  15 +-
 src/hooks/useLibraryItemSvg.ts        |  59 ++++++
 7 files changed, 295 insertions(+), 180 deletions(-)
 create mode 100644 src/components/LibraryMenuSection.tsx
 create mode 100644 src/hooks/useLibraryItemSvg.ts

diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index 0101d0cb5..a49f31970 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from "react";
+import React, { useCallback } from "react";
 import Library, {
   distributeLibraryItemsOnSquareGrid,
   libraryItemsAtom,
@@ -43,8 +43,6 @@ export const LibraryMenuContent = ({
   library,
   id,
   appState,
-  selectedItems,
-  onSelectItems,
 }: {
   pendingElements: LibraryItem["elements"];
   onInsertLibraryItems: (libraryItems: LibraryItems) => void;
@@ -54,8 +52,6 @@ export const LibraryMenuContent = ({
   library: Library;
   id: string;
   appState: UIAppState;
-  selectedItems: LibraryItem["id"][];
-  onSelectItems: (id: LibraryItem["id"][]) => void;
 }) => {
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
 
@@ -113,8 +109,6 @@ export const LibraryMenuContent = ({
         }
         onInsertLibraryItems={onInsertLibraryItems}
         pendingElements={pendingElements}
-        selectedItems={selectedItems}
-        onSelectItems={onSelectItems}
         id={id}
         libraryReturnUrl={libraryReturnUrl}
         theme={appState.theme}
@@ -143,9 +137,8 @@ export const LibraryMenu = () => {
   const setAppState = useExcalidrawSetAppState();
   const elements = useExcalidrawElements();
 
-  const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
-
-  const deselectItems = useCallback(() => {
+  const onAddToLibrary = useCallback(() => {
+    // deselect canvas elements
     setAppState({
       selectedElementIds: {},
       selectedGroupIds: {},
@@ -158,14 +151,12 @@ export const LibraryMenu = () => {
       onInsertLibraryItems={(libraryItems) => {
         onInsertElements(distributeLibraryItemsOnSquareGrid(libraryItems));
       }}
-      onAddToLibrary={deselectItems}
+      onAddToLibrary={onAddToLibrary}
       setAppState={setAppState}
       libraryReturnUrl={appProps.libraryReturnUrl}
       library={library}
       id={id}
       appState={appState}
-      selectedItems={selectedItems}
-      onSelectItems={setSelectedItems}
     />
   );
 };
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index 0f4dda589..74f295cd4 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -1,6 +1,5 @@
-import React, { useState } from "react";
+import React, { useCallback, useState } from "react";
 import { serializeLibraryAsJSON } from "../data/json";
-import { ExcalidrawElement, NonDeleted } from "../element/types";
 import { t } from "../i18n";
 import {
   ExcalidrawProps,
@@ -8,27 +7,23 @@ import {
   LibraryItems,
   UIAppState,
 } from "../types";
-import { arrayToMap, chunk } from "../utils";
-import { LibraryUnit } from "./LibraryUnit";
+import { arrayToMap } from "../utils";
 import Stack from "./Stack";
 import { MIME_TYPES } from "../constants";
 import Spinner from "./Spinner";
 import { duplicateElements } from "../element/newElement";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
+import LibraryMenuSection from "./LibraryMenuSection";
 
 import "./LibraryMenuItems.scss";
 
-const CELLS_PER_ROW = 4;
-
-const LibraryMenuItems = ({
+export default function LibraryMenuItems({
   isLoading,
   libraryItems,
   onAddToLibrary,
   onInsertLibraryItems,
   pendingElements,
-  selectedItems,
-  onSelectItems,
   theme,
   id,
   libraryReturnUrl,
@@ -38,12 +33,26 @@ const LibraryMenuItems = ({
   pendingElements: LibraryItem["elements"];
   onInsertLibraryItems: (libraryItems: LibraryItems) => void;
   onAddToLibrary: (elements: LibraryItem["elements"]) => void;
-  selectedItems: LibraryItem["id"][];
-  onSelectItems: (id: LibraryItem["id"][]) => void;
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
   theme: UIAppState["theme"];
   id: string;
-}) => {
+}) {
+  const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
+
+  const unpublishedItems = libraryItems.filter(
+    (item) => item.status !== "published",
+  );
+  const publishedItems = libraryItems.filter(
+    (item) => item.status === "published",
+  );
+
+  const showBtn = !libraryItems.length && !pendingElements.length;
+
+  const isLibraryEmpty =
+    !pendingElements.length &&
+    !unpublishedItems.length &&
+    !publishedItems.length;
+
   const [lastSelectedItem, setLastSelectedItem] = useState<
     LibraryItem["id"] | null
   >(null);
@@ -64,7 +73,7 @@ const LibraryMenuItems = ({
         const rangeEnd = orderedItems.findIndex((item) => item.id === id);
 
         if (rangeStart === -1 || rangeEnd === -1) {
-          onSelectItems([...selectedItems, id]);
+          setSelectedItems([...selectedItems, id]);
           return;
         }
 
@@ -82,136 +91,69 @@ const LibraryMenuItems = ({
           [],
         );
 
-        onSelectItems(nextSelectedIds);
+        setSelectedItems(nextSelectedIds);
       } else {
-        onSelectItems([...selectedItems, id]);
+        setSelectedItems([...selectedItems, id]);
       }
       setLastSelectedItem(id);
     } else {
       setLastSelectedItem(null);
-      onSelectItems(selectedItems.filter((_id) => _id !== id));
+      setSelectedItems(selectedItems.filter((_id) => _id !== id));
     }
   };
 
-  const getInsertedElements = (id: string) => {
-    let targetElements;
-    if (selectedItems.includes(id)) {
-      targetElements = libraryItems.filter((item) =>
-        selectedItems.includes(item.id),
-      );
-    } else {
-      targetElements = libraryItems.filter((item) => item.id === id);
-    }
-    return targetElements.map((item) => {
-      return {
-        ...item,
-        // duplicate each library item before inserting on canvas to confine
-        // ids and bindings to each library item. See #6465
-        elements: duplicateElements(item.elements, { randomizeSeed: true }),
-      };
-    });
-  };
+  const getInsertedElements = useCallback(
+    (id: string) => {
+      let targetElements;
+      if (selectedItems.includes(id)) {
+        targetElements = libraryItems.filter((item) =>
+          selectedItems.includes(item.id),
+        );
+      } else {
+        targetElements = libraryItems.filter((item) => item.id === id);
+      }
+      return targetElements.map((item) => {
+        return {
+          ...item,
+          // duplicate each library item before inserting on canvas to confine
+          // ids and bindings to each library item. See #6465
+          elements: duplicateElements(item.elements, { randomizeSeed: true }),
+        };
+      });
+    },
+    [libraryItems, selectedItems],
+  );
 
-  const createLibraryItemCompo = (params: {
-    item:
-      | LibraryItem
-      | /* pending library item */ {
-          id: null;
-          elements: readonly NonDeleted<ExcalidrawElement>[];
-        }
-      | null;
-    onClick?: () => void;
-    key: string;
-  }) => {
-    return (
-      <Stack.Col key={params.key}>
-        <LibraryUnit
-          elements={params.item?.elements}
-          isPending={!params.item?.id && !!params.item?.elements}
-          onClick={params.onClick || (() => {})}
-          id={params.item?.id || null}
-          selected={!!params.item?.id && selectedItems.includes(params.item.id)}
-          onToggle={onItemSelectToggle}
-          onDrag={(id, event) => {
-            event.dataTransfer.setData(
-              MIME_TYPES.excalidrawlib,
-              serializeLibraryAsJSON(getInsertedElements(id)),
-            );
-          }}
-        />
-      </Stack.Col>
+  const onItemDrag = (id: LibraryItem["id"], event: React.DragEvent) => {
+    event.dataTransfer.setData(
+      MIME_TYPES.excalidrawlib,
+      serializeLibraryAsJSON(getInsertedElements(id)),
     );
   };
 
-  const renderLibrarySection = (
-    items: (
-      | LibraryItem
-      | /* pending library item */ {
-          id: null;
-          elements: readonly NonDeleted<ExcalidrawElement>[];
-        }
-    )[],
-  ) => {
-    const _items = items.map((item) => {
-      if (item.id) {
-        return createLibraryItemCompo({
-          item,
-          onClick: () => onInsertLibraryItems(getInsertedElements(item.id)),
-          key: item.id,
-        });
-      }
-      return createLibraryItemCompo({
-        key: "__pending__item__",
-        item,
-        onClick: () => onAddToLibrary(pendingElements),
-      });
-    });
-
-    // ensure we render all empty cells if no items are present
-    let rows = chunk(_items, CELLS_PER_ROW);
-    if (!rows.length) {
-      rows = [[]];
+  const isItemSelected = (id: LibraryItem["id"] | null) => {
+    if (!id) {
+      return false;
     }
 
-    return rows.map((rowItems, index, rows) => {
-      if (index === rows.length - 1) {
-        // pad row with empty cells
-        rowItems = rowItems.concat(
-          new Array(CELLS_PER_ROW - rowItems.length)
-            .fill(null)
-            .map((_, index) => {
-              return createLibraryItemCompo({
-                key: `empty_${index}`,
-                item: null,
-              });
-            }),
-        );
-      }
-      return (
-        <Stack.Row
-          align="center"
-          key={index}
-          className="library-menu-items-container__row"
-        >
-          {rowItems}
-        </Stack.Row>
-      );
-    });
+    return selectedItems.includes(id);
   };
 
-  const unpublishedItems = libraryItems.filter(
-    (item) => item.status !== "published",
+  const onItemClick = useCallback(
+    (id: LibraryItem["id"] | null) => {
+      if (!id) {
+        onAddToLibrary(pendingElements);
+      } else {
+        onInsertLibraryItems(getInsertedElements(id));
+      }
+    },
+    [
+      getInsertedElements,
+      onAddToLibrary,
+      onInsertLibraryItems,
+      pendingElements,
+    ],
   );
-  const publishedItems = libraryItems.filter(
-    (item) => item.status === "published",
-  );
-
-  const showBtn = !libraryItems.length && !pendingElements.length;
-
-  const isLibraryEmpty =
-    !pendingElements.length &&
-    !unpublishedItems.length &&
-    !publishedItems.length;
 
   return (
     <div
@@ -227,7 +169,7 @@ const LibraryMenuItems = ({
       {!isLibraryEmpty && (
         <LibraryDropdownMenu
           selectedItems={selectedItems}
-          onSelectItems={onSelectItems}
+          onSelectItems={setSelectedItems}
           className="library-menu-dropdown-container--in-heading"
         />
       )}
@@ -258,28 +200,32 @@ const LibraryMenuItems = ({
               <Spinner />
             </div>
           )}
-          <div className="library-menu-items-private-library-container">
-            {!pendingElements.length && !unpublishedItems.length ? (
-              <div className="library-menu-items__no-items">
-                <div className="library-menu-items__no-items__label">
-                  {t("library.noItems")}
-                </div>
-                <div className="library-menu-items__no-items__hint">
-                  {publishedItems.length > 0
-                    ? t("library.hint_emptyPrivateLibrary")
-                    : t("library.hint_emptyLibrary")}
-                </div>
+          {!pendingElements.length && !unpublishedItems.length ? (
+            <div className="library-menu-items__no-items">
+              <div className="library-menu-items__no-items__label">
+                {t("library.noItems")}
               </div>
-            ) : (
-              renderLibrarySection([
+              <div className="library-menu-items__no-items__hint">
+                {publishedItems.length > 0
+                  ? t("library.hint_emptyPrivateLibrary")
+                  : t("library.hint_emptyLibrary")}
+              </div>
+            </div>
+          ) : (
+            <LibraryMenuSection
+              items={[
                 // append pending library item
                 ...(pendingElements.length
                   ? [{ id: null, elements: pendingElements }]
                   : []),
                 ...unpublishedItems,
-              ])
-            )}
-          </div>
+              ]}
+              onItemSelectToggle={onItemSelectToggle}
+              onItemDrag={onItemDrag}
+              onClick={onItemClick}
+              isItemSelected={isItemSelected}
+            />
+          )}
         </>
 
         <>
@@ -291,7 +237,13 @@ const LibraryMenuItems = ({
             </div>
           )}
           {publishedItems.length > 0 ? (
-            renderLibrarySection(publishedItems)
+            <LibraryMenuSection
+              items={publishedItems}
+              onItemSelectToggle={onItemSelectToggle}
+              onItemDrag={onItemDrag}
+              onClick={onItemClick}
+              isItemSelected={isItemSelected}
+            />
           ) : unpublishedItems.length > 0 ? (
             <div
               style={{
@@ -318,13 +270,11 @@ const LibraryMenuItems = ({
           >
             <LibraryDropdownMenu
               selectedItems={selectedItems}
-              onSelectItems={onSelectItems}
+              onSelectItems={setSelectedItems}
             />
           </LibraryMenuControlButtons>
         )}
       </Stack.Col>
     </div>
   );
-};
-
-export default LibraryMenuItems;
+}
diff --git a/src/components/LibraryMenuSection.tsx b/src/components/LibraryMenuSection.tsx
new file mode 100644
index 000000000..d1af85481
--- /dev/null
+++ b/src/components/LibraryMenuSection.tsx
@@ -0,0 +1,110 @@
+import React, { useEffect, useMemo, useState, useTransition } from "react";
+import { LibraryUnit } from "./LibraryUnit";
+import { LibraryItem } from "../types";
+import Stack from "./Stack";
+import clsx from "clsx";
+import { ExcalidrawElement, NonDeleted } from "../element/types";
+import { useAtom } from "jotai";
+import { libraryItemSvgsCache } from "../hooks/useLibraryItemSvg";
+
+const ITEMS_PER_ROW = 4;
+const ROWS_RENDERED_PER_BATCH = 6;
+const CACHED_ROWS_RENDERED_PER_BATCH = 16;
+
+type LibraryOrPendingItem = (
+  | LibraryItem
+  | /* pending library item */ {
+      id: null;
+      elements: readonly NonDeleted<ExcalidrawElement>[];
+    }
+)[];
+
+interface Props {
+  items: LibraryOrPendingItem;
+  onClick: (id: LibraryItem["id"] | null) => void;
+  onItemSelectToggle: (id: LibraryItem["id"], event: React.MouseEvent) => void;
+  onItemDrag: (id: LibraryItem["id"], event: React.DragEvent) => void;
+  isItemSelected: (id: LibraryItem["id"] | null) => boolean;
+}
+
+function LibraryRow({
+  items,
+  onItemSelectToggle,
+  onItemDrag,
+  isItemSelected,
+  onClick,
+}: Props) {
+  return (
+    <Stack.Row className="library-menu-items-container__row">
+      {items.map((item) => (
+        <Stack.Col key={item.id}>
+          <LibraryUnit
+            elements={item?.elements}
+            isPending={!item?.id && !!item?.elements}
+            onClick={onClick}
+            id={item?.id || null}
+            selected={isItemSelected(item.id)}
+            onToggle={onItemSelectToggle}
+            onDrag={onItemDrag}
+          />
+        </Stack.Col>
+      ))}
+    </Stack.Row>
+  );
+}
+
+const EmptyLibraryRow = () => (
+  <Stack.Row className="library-menu-items-container__row" gap={1}>
+    <Stack.Col>
+      <div className={clsx("library-unit")} />
+    </Stack.Col>
+  </Stack.Row>
+);
+
+function LibraryMenuSection({
+  items,
+  onItemSelectToggle,
+  onItemDrag,
+  isItemSelected,
+  onClick,
+}: Props) {
+  const rows = Math.ceil(items.length / ITEMS_PER_ROW);
+  const [, startTransition] = useTransition();
+  const [index, setIndex] = useState(0);
+  const [svgCache] = useAtom(libraryItemSvgsCache);
+
+  const rowsRenderedPerBatch = useMemo(() => {
+    return svgCache.size === 0
+      ? ROWS_RENDERED_PER_BATCH
+      : CACHED_ROWS_RENDERED_PER_BATCH;
+  }, [svgCache]);
+
+  useEffect(() => {
+    if (index < rows) {
+      startTransition(() => {
+        setIndex(index + rowsRenderedPerBatch);
+      });
+    }
+  }, [index, rows, startTransition, rowsRenderedPerBatch]);
+
+  return (
+    <>
+      {Array.from({ length: rows }).map((_, i) =>
+        i < index ? (
+          <LibraryRow
+            key={i}
+            items={items.slice(i * ITEMS_PER_ROW, (i + 1) * ITEMS_PER_ROW)}
+            onItemSelectToggle={onItemSelectToggle}
+            onItemDrag={onItemDrag}
+            onClick={onClick}
+            isItemSelected={isItemSelected}
+          />
+        ) : (
+          <EmptyLibraryRow key={i} />
+        ),
+      )}
+    </>
+  );
+}
+
+export default LibraryMenuSection;
diff --git a/src/components/LibraryUnit.tsx b/src/components/LibraryUnit.tsx
index 7e8181d7b..68fdec143 100644
--- a/src/components/LibraryUnit.tsx
+++ b/src/components/LibraryUnit.tsx
@@ -1,12 +1,11 @@
 import clsx from "clsx";
 import { useEffect, useRef, useState } from "react";
 import { useDevice } from "../components/App";
-import { exportToSvg } from "../packages/utils";
 import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 import { CheckboxItem } from "./CheckboxItem";
 import { PlusIcon } from "./icons";
-import { COLOR_PALETTE } from "../colors";
+import { useLibraryItemSvg } from "../hooks/useLibraryItemSvg";
 
 export const LibraryUnit = ({
   id,
@@ -20,38 +19,30 @@ export const LibraryUnit = ({
   id: LibraryItem["id"] | /** for pending item */ null;
   elements?: LibraryItem["elements"];
   isPending?: boolean;
-  onClick: () => void;
+  onClick: (id: LibraryItem["id"] | null) => void;
   selected: boolean;
   onToggle: (id: string, event: React.MouseEvent) => void;
   onDrag: (id: string, event: React.DragEvent) => void;
 }) => {
   const ref = useRef<HTMLDivElement | null>(null);
+  const svg = useLibraryItemSvg(id, elements);
+
   useEffect(() => {
     const node = ref.current;
+
     if (!node) {
       return;
     }
 
-    (async () => {
-      if (!elements) {
-        return;
-      }
-      const svg = await exportToSvg({
-        elements,
-        appState: {
-          exportBackground: false,
-          viewBackgroundColor: COLOR_PALETTE.white,
-        },
-        files: null,
-      });
+    if (svg) {
       svg.querySelector(".style-fonts")?.remove();
       node.innerHTML = svg.outerHTML;
-    })();
+    }
 
     return () => {
       node.innerHTML = "";
     };
-  }, [elements]);
+  }, [elements, svg]);
 
   const [isHovered, setIsHovered] = useState(false);
   const isMobile = useDevice().isMobile;
@@ -81,7 +72,7 @@ export const LibraryUnit = ({
                 if (id && event.shiftKey) {
                   onToggle(id, event);
                 } else {
-                  onClick();
+                  onClick(id);
                 }
               }
             : undefined
diff --git a/src/components/Spinner.scss b/src/components/Spinner.scss
index fd6fd50e8..e2d90f881 100644
--- a/src/components/Spinner.scss
+++ b/src/components/Spinner.scss
@@ -15,6 +15,7 @@ $duration: 1.6s;
 
     svg {
       animation: rotate $duration linear infinite;
+      animation-delay: var(--spinner-delay);
       transform-origin: center center;
     }
 
diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
index c4edb65af..8bc1e5911 100644
--- a/src/components/Spinner.tsx
+++ b/src/components/Spinner.tsx
@@ -5,13 +5,26 @@ import "./Spinner.scss";
 const Spinner = ({
   size = "1em",
   circleWidth = 8,
+  synchronized = false,
 }: {
   size?: string | number;
   circleWidth?: number;
+  synchronized?: boolean;
 }) => {
+  const mountTime = React.useRef(Date.now());
+  const mountDelay = -(mountTime.current % 1600);
+
   return (
     <div className="Spinner">
-      <svg viewBox="0 0 100 100" style={{ width: size, height: size }}>
+      <svg
+        viewBox="0 0 100 100"
+        style={{
+          width: size,
+          height: size,
+          // fix for remounting causing spinner flicker
+          ["--spinner-delay" as any]: synchronized ? `${mountDelay}ms` : 0,
+        }}
+      >
         <circle
           cx="50"
           cy="50"
diff --git a/src/hooks/useLibraryItemSvg.ts b/src/hooks/useLibraryItemSvg.ts
new file mode 100644
index 000000000..d0a0f5326
--- /dev/null
+++ b/src/hooks/useLibraryItemSvg.ts
@@ -0,0 +1,59 @@
+import { atom, useAtom } from "jotai";
+import { useEffect, useState } from "react";
+import { COLOR_PALETTE } from "../colors";
+import { exportToSvg } from "../packages/utils";
+import { LibraryItem } from "../types";
+
+export const libraryItemSvgsCache = atom<Map<LibraryItem["id"], SVGSVGElement>>(
+  new Map(),
+);
+
+const exportLibraryItemToSvg = async (elements: LibraryItem["elements"]) => {
+  return await exportToSvg({
+    elements,
+    appState: {
+      exportBackground: false,
+      viewBackgroundColor: COLOR_PALETTE.white,
+    },
+    files: null,
+  });
+};
+
+export const useLibraryItemSvg = (
+  id: LibraryItem["id"] | null,
+  elements: LibraryItem["elements"] | undefined,
+): SVGSVGElement | undefined => {
+  const [svgCache, setSvgCache] = useAtom(libraryItemSvgsCache);
+  const [svg, setSvg] = useState<SVGSVGElement>();
+
+  useEffect(() => {
+    if (elements) {
+      if (id) {
+        // Try to load cached svg
+        const cachedSvg = svgCache.get(id);
+
+        if (cachedSvg) {
+          setSvg(cachedSvg);
+        } else {
+          // When there is no svg in cache export it and save to cache
+          (async () => {
+            const exportedSvg = await exportLibraryItemToSvg(elements);
+
+            if (exportedSvg) {
+              setSvgCache(svgCache.set(id, exportedSvg));
+              setSvg(exportedSvg);
+            }
+          })();
+        }
+      } else {
+        // When we have no id (usualy selected items from canvas) just export the svg
+        (async () => {
+          const exportedSvg = await exportLibraryItemToSvg(elements);
+          setSvg(exportedSvg);
+        })();
+      }
+    }
+  }, [id, elements, svgCache, setSvgCache, setSvg]);
+
+  return svg;
+};

From fecbde3f5cff17783e6d7fa355b2f7890d2fcc9f Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Wed, 24 May 2023 16:50:11 +0200
Subject: [PATCH 190/252] chore: Update translations from Crowdin (#6598)

* New translations en.json (Greek)

* New translations en.json (Slovenian)

* New translations en.json (Portuguese, Brazilian)

* Auto commit: Calculate translation coverage

* New translations en.json (German)

* Auto commit: Calculate translation coverage

* New translations en.json (Korean)

* New translations en.json (Chinese Traditional)

* Auto commit: Calculate translation coverage

* New translations en.json (Norwegian Bokmal)

* Auto commit: Calculate translation coverage

* New translations en.json (Indonesian)

* New translations en.json (Indonesian)

* Auto commit: Calculate translation coverage

* New translations en.json (Indonesian)

* Auto commit: Calculate translation coverage

* New translations en.json (Indonesian)

* Auto commit: Calculate translation coverage

* New translations en.json (Chinese Simplified)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* Auto commit: Calculate translation coverage

* New translations en.json (Romanian)

* Auto commit: Calculate translation coverage

* New translations en.json (Russian)

* Auto commit: Calculate translation coverage

* New translations en.json (Slovak)

* Auto commit: Calculate translation coverage

* New translations en.json (Italian)

* Auto commit: Calculate translation coverage

* New translations en.json (Italian)

* Auto commit: Calculate translation coverage

* New translations en.json (Kurdish)

* New translations en.json (Swedish)

* Auto commit: Calculate translation coverage

* New translations en.json (Portuguese)

* Auto commit: Calculate translation coverage

* New translations en.json (Portuguese)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage

* New translations en.json (Khmer)

* Auto commit: Calculate translation coverage
---
 src/locales/de-DE.json       |  38 +-
 src/locales/el-GR.json       |  38 +-
 src/locales/id-ID.json       |  58 +--
 src/locales/it-IT.json       |  40 +-
 src/locales/km-KH.json       | 718 +++++++++++++++++------------------
 src/locales/ko-KR.json       |  38 +-
 src/locales/ku-TR.json       |   4 +-
 src/locales/nb-NO.json       |  38 +-
 src/locales/percentages.json |  32 +-
 src/locales/pt-BR.json       |  38 +-
 src/locales/pt-PT.json       |  28 +-
 src/locales/ro-RO.json       |  38 +-
 src/locales/ru-RU.json       |  38 +-
 src/locales/sk-SK.json       |  38 +-
 src/locales/sl-SI.json       |  38 +-
 src/locales/sv-SE.json       |  38 +-
 src/locales/zh-CN.json       |  38 +-
 src/locales/zh-TW.json       |  38 +-
 18 files changed, 668 insertions(+), 668 deletions(-)

diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index 8e5518569..44a748c4d 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Transparent",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Schwarz",
+    "white": "Weiß",
+    "red": "Rot",
+    "pink": "Pink",
+    "grape": "Traube",
+    "violet": "Violett",
+    "gray": "Grau",
+    "blue": "Blau",
+    "cyan": "Cyan",
+    "teal": "Blaugrün",
+    "green": "Grün",
+    "yellow": "Gelb",
+    "orange": "Orange",
+    "bronze": "Bronze"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Beliebteste benutzerdefinierte Farben",
+    "colors": "Farben",
+    "shades": "Schattierungen",
+    "hexCode": "Hex-Code",
+    "noShades": "Keine Schattierungen für diese Farbe verfügbar"
   }
 }
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index e1008e05c..638254cd0 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Διαφανές",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Μαύρο",
+    "white": "Λευκό",
+    "red": "Κόκκινο",
+    "pink": "Ροζ",
+    "grape": "Σταφυλί",
+    "violet": "Βιολετί",
+    "gray": "Γκρι",
+    "blue": "Μπλε",
+    "cyan": "Κυανό",
+    "teal": "Τιρκουάζ",
+    "green": "Πράσινο",
+    "yellow": "Κίτρινο",
+    "orange": "Πορτοκαλί",
+    "bronze": "Χαλκινο"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Πιο χρησιμοποιούμενα χρώματα",
+    "colors": "Χρώματα",
+    "shades": "Αποχρώσεις",
+    "hexCode": "Κωδικός Hex",
+    "noShades": "Δεν υπάρχουν διαθέσιμες αποχρώσεις για αυτό το χρώμα"
   }
 }
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 37ecf6a18..84abeef73 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -54,7 +54,7 @@
     "veryLarge": "Sangat besar",
     "solid": "Padat",
     "hachure": "Garis-garis",
-    "zigzag": "",
+    "zigzag": "Zigzag",
     "crossHatch": "Asiran silang",
     "thin": "Lembut",
     "bold": "Tebal",
@@ -111,7 +111,7 @@
     "increaseFontSize": "Besarkan ukuran font",
     "unbindText": "Lepas teks",
     "bindText": "Kunci teks ke kontainer",
-    "createContainerFromText": "",
+    "createContainerFromText": "Bungkus teks dalam kontainer",
     "link": {
       "edit": "Edit tautan",
       "create": "Buat tautan",
@@ -208,10 +208,10 @@
     "collabSaveFailed": "Tidak dapat menyimpan ke dalam basis data server. Jika masih berlanjut, Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
     "collabSaveFailed_sizeExceeded": "Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Sepertinya Anda menggunkan peramban Brave dengan pengaturan <bold>Blokir Fingerprinting yang Agresif</bold> diaktifkan.",
+      "line2": "Ini dapat membuat <bold>Elemen Teks</bold> dalam gambar mu.",
+      "line3": "Kami sangat menyarankan mematikan pengaturan ini. Anda dapat mengikuti <link>langkah-langkah ini</link> untuk melakukannya.",
+      "line4": "Jika mematikan pengaturan ini tidak membenarkan tampilan elemen teks, mohon buka\n<issueLink>isu</issueLink> di GitHub kami, atau chat kami di <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
@@ -229,7 +229,7 @@
     "penMode": "Mode pena - mencegah sentuhan",
     "link": "Tambah/Perbarui tautan untuk bentuk yang dipilih",
     "eraser": "Penghapus",
-    "hand": ""
+    "hand": "Tangan (alat panning)"
   },
   "headings": {
     "canvasActions": "Opsi Kanvas",
@@ -237,7 +237,7 @@
     "shapes": "Bentuk"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Untuk memindahkan kanvas, tekan roda mouse atau spacebar sambil menyeret, atau menggunakan alat tangan",
     "linearElement": "Klik untuk memulai banyak poin, seret untuk satu baris",
     "freeDraw": "Klik dan seret, lepaskan jika Anda selesai",
     "text": "Tip: Anda juga dapat menambahkan teks dengan klik ganda di mana saja dengan alat pemilihan",
@@ -306,8 +306,8 @@
     "doubleClick": "klik-ganda",
     "drag": "seret",
     "editor": "Editor",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Edit titik garis/panah",
+    "editText": "Edit teks / tambah label",
     "github": "Menemukan masalah? Kirimkan",
     "howto": "Ikuti panduan kami",
     "or": "atau",
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Transparan",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Hitam",
+    "white": "Putih",
+    "red": "Merah",
+    "pink": "Pink",
+    "grape": "Ungu",
+    "violet": "Violet",
+    "gray": "Abu-abu",
+    "blue": "Biru",
+    "cyan": "Cyan",
+    "teal": "Teal",
+    "green": "Hijau",
+    "yellow": "Kuning",
+    "orange": "Jingga",
+    "bronze": "Tembaga"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Warna yang sering dipakai",
+    "colors": "Warna",
+    "shades": "Nuansa",
+    "hexCode": "Kode hexa",
+    "noShades": "Tidak ada nuansa untuk warna ini"
   }
 }
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index d8e8afd5a..775cced8f 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -111,7 +111,7 @@
     "increaseFontSize": "Aumenta la dimensione dei caratteri",
     "unbindText": "Scollega testo",
     "bindText": "Associa il testo al container",
-    "createContainerFromText": "",
+    "createContainerFromText": "Avvolgi il testo in un container",
     "link": {
       "edit": "Modifica link",
       "create": "Crea link",
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Trasparente",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Nero",
+    "white": "Bianco",
+    "red": "Rosso",
+    "pink": "Rosa",
+    "grape": "Uva",
+    "violet": "Viola",
+    "gray": "Grigio",
+    "blue": "Blu",
+    "cyan": "Ciano",
+    "teal": "Verde acqua",
+    "green": "Verde",
+    "yellow": "Giallo",
+    "orange": "Arancio",
+    "bronze": "Bronzo"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Colori personalizzati più utilizzati",
+    "colors": "Colori",
+    "shades": "Sfumature",
+    "hexCode": "Codice esadecimale",
+    "noShades": "Nessuna sfumatura disponibile per questo colore"
   }
 }
diff --git a/src/locales/km-KH.json b/src/locales/km-KH.json
index a51c437a2..d49abb45b 100644
--- a/src/locales/km-KH.json
+++ b/src/locales/km-KH.json
@@ -1,414 +1,414 @@
 {
   "labels": {
-    "paste": "",
-    "pasteAsPlaintext": "",
-    "pasteCharts": "",
-    "selectAll": "",
-    "multiSelect": "",
-    "moveCanvas": "",
-    "cut": "",
-    "copy": "",
-    "copyAsPng": "",
-    "copyAsSvg": "",
-    "copyText": "",
-    "bringForward": "",
-    "sendToBack": "",
-    "bringToFront": "",
-    "sendBackward": "",
-    "delete": "",
-    "copyStyles": "",
-    "pasteStyles": "",
-    "stroke": "",
-    "background": "",
-    "fill": "",
-    "strokeWidth": "",
-    "strokeStyle": "",
-    "strokeStyle_solid": "",
-    "strokeStyle_dashed": "",
-    "strokeStyle_dotted": "",
-    "sloppiness": "",
-    "opacity": "",
-    "textAlign": "",
-    "edges": "",
-    "sharp": "",
-    "round": "",
-    "arrowheads": "",
-    "arrowhead_none": "",
-    "arrowhead_arrow": "",
-    "arrowhead_bar": "",
-    "arrowhead_dot": "",
-    "arrowhead_triangle": "",
-    "fontSize": "",
-    "fontFamily": "",
-    "onlySelected": "",
-    "withBackground": "",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
-    "addWatermark": "",
-    "handDrawn": "",
-    "normal": "",
-    "code": "",
-    "small": "",
-    "medium": "",
-    "large": "",
-    "veryLarge": "",
-    "solid": "",
-    "hachure": "",
-    "zigzag": "",
-    "crossHatch": "",
-    "thin": "",
-    "bold": "",
-    "left": "",
-    "center": "",
-    "right": "",
-    "extraBold": "",
-    "architect": "",
-    "artist": "",
-    "cartoonist": "",
-    "fileTitle": "",
-    "colorPicker": "",
-    "canvasColors": "",
-    "canvasBackground": "",
-    "drawingCanvas": "",
-    "layers": "",
-    "actions": "",
-    "language": "",
-    "liveCollaboration": "",
-    "duplicateSelection": "",
-    "untitled": "",
-    "name": "",
-    "yourName": "",
-    "madeWithExcalidraw": "",
-    "group": "",
-    "ungroup": "",
-    "collaborators": "",
-    "showGrid": "",
-    "addToLibrary": "",
-    "removeFromLibrary": "",
-    "libraryLoadingMessage": "",
-    "libraries": "",
-    "loadingScene": "",
-    "align": "",
-    "alignTop": "",
-    "alignBottom": "",
-    "alignLeft": "",
-    "alignRight": "",
-    "centerVertically": "",
-    "centerHorizontally": "",
-    "distributeHorizontally": "",
-    "distributeVertically": "",
-    "flipHorizontal": "",
-    "flipVertical": "",
-    "viewMode": "",
-    "toggleExportColorScheme": "",
-    "share": "",
-    "showStroke": "",
-    "showBackground": "",
-    "toggleTheme": "",
-    "personalLib": "",
-    "excalidrawLib": "",
-    "decreaseFontSize": "",
-    "increaseFontSize": "",
-    "unbindText": "",
-    "bindText": "",
-    "createContainerFromText": "",
+    "paste": "បិទភ្ជាប់",
+    "pasteAsPlaintext": "បិទភ្ជាប់ជាអត្ថបទធម្មតា",
+    "pasteCharts": "បិទភ្ជាប់តារាង",
+    "selectAll": "ជ្រើសរើស​ទាំងអស់",
+    "multiSelect": "បន្ថែមធាតុទៅលើការជ្រើសរើស",
+    "moveCanvas": "ផ្លាស់ទីបាវ",
+    "cut": "កាត់",
+    "copy": "ចម្លង",
+    "copyAsPng": "ចម្លងទៅក្តារតម្បៀតខ្ទាស់ជា​ PNG",
+    "copyAsSvg": "ចម្លងទៅក្តារតម្បៀតខ្ទាស់ជា​ SVG",
+    "copyText": "ចម្លងទៅក្តារតម្បៀតខ្ទាស់ជា​អត្ថបទ",
+    "bringForward": "នាំយកទៅលើ",
+    "sendToBack": "នាំយកទៅក្រោយបង្អស់",
+    "bringToFront": "នាំយកទៅលើបង្អស់",
+    "sendBackward": "នាំយកទៅក្រោយ",
+    "delete": "លុប",
+    "copyStyles": "ចម្លងរចនាប័ទ្ម",
+    "pasteStyles": "បិទភ្ជាប់រចនាប័ទ្ម",
+    "stroke": "ខ្វាច់",
+    "background": "ផ្ទៃខាងក្រោយ",
+    "fill": "បំពេញ",
+    "strokeWidth": "ទទឹងខ្វាច់",
+    "strokeStyle": "រចនាប័ទ្មរបស់ខ្វាច់",
+    "strokeStyle_solid": "តាន់",
+    "strokeStyle_dashed": "ដាច់ៗ",
+    "strokeStyle_dotted": "ចំណុចៗ",
+    "sloppiness": "រចនាប័ទ្មបន្ទាត់",
+    "opacity": "ភាពច្បាស់",
+    "textAlign": "តម្រឹមអត្ថបទ",
+    "edges": "គែម",
+    "sharp": "មុត",
+    "round": "រាងមូល",
+    "arrowheads": "ក្បាលព្រួញ",
+    "arrowhead_none": "គ្មាន",
+    "arrowhead_arrow": "ព្រួញ",
+    "arrowhead_bar": "របារ",
+    "arrowhead_dot": "ចំណុច",
+    "arrowhead_triangle": "ត្រីកោណ",
+    "fontSize": "ទំហំពុម្ពអក្សរ",
+    "fontFamily": "ក្រុម​ពុម្ពអក្សរ",
+    "onlySelected": "យកផ្នែកដែលត្រូវបានជ្រើសរើស​ប៉ុណ្ណោះ",
+    "withBackground": "ផ្ទៃខាងក្រោយ",
+    "exportEmbedScene": "ស៊ីនដែលត្រូវបានបង្កប់",
+    "exportEmbedScene_details": "ទិន្នន័យរបស់ស៊ីននឹងត្រូវបានរក្សាទុកទៅក្នុងឯកសារ PNG​ ឬ SVG ដូច្នេះស៊ីនអាចស្ដារឡើងវិញពីឯកសារនេះ ប៉ុន្តែទំហំឯកសារដែលនឹងត្រូវបាននាំចេញនេះនឹងកាន់តែធំ។",
+    "addWatermark": "បន្ថែមវ៉ាត់ធើម៉ាក \"Made with Excalidraw\"",
+    "handDrawn": "គូរដោយដៃ",
+    "normal": "ធម្មតា",
+    "code": "កូដ",
+    "small": "តូច",
+    "medium": "មធ្យម",
+    "large": "ធំ",
+    "veryLarge": "ធំខ្លាំង",
+    "solid": "តាន់",
+    "hachure": "Hachure",
+    "zigzag": "Zigzag",
+    "crossHatch": "បន្ទាត់ឆ្នូតៗ",
+    "thin": "ស្តើង",
+    "bold": "ដឹត",
+    "left": "ខាងឆ្វេង",
+    "center": "កណ្ដាល",
+    "right": "នៅខាងស្ដាំ",
+    "extraBold": "ដិតបន្ថែម",
+    "architect": "ស្ថាបត្យករ",
+    "artist": "សិល្បៈករ",
+    "cartoonist": "អ្នកគំនូរជីវចល",
+    "fileTitle": "ឈ្មោះ​ឯកសារ",
+    "colorPicker": "ឧបករណ៍​ជ្រើស​ពណ៌",
+    "canvasColors": "ប្រើលើបាវ",
+    "canvasBackground": "ផ្ទៃខាងក្រោយបាវ",
+    "drawingCanvas": "តំបន់គំនូរ",
+    "layers": "ស្រទាប់",
+    "actions": "សកម្មភាព",
+    "language": "ភាសា",
+    "liveCollaboration": "សហការគ្នាផ្ទាល់...",
+    "duplicateSelection": "ចម្លង",
+    "untitled": "គ្មានឈ្មោះ",
+    "name": "ឈ្មោះ",
+    "yourName": "ឈ្មោះ​របស់​អ្នក",
+    "madeWithExcalidraw": "បង្កើតជាមួយ Excalidraw",
+    "group": "ការជ្រើសរើសជាក្រុម",
+    "ungroup": "បំបែកក្រុមការជ្រើសរើសជាក្រុម",
+    "collaborators": "អ្នកសហការ",
+    "showGrid": "បង្ហាញក្រឡាចត្រង្គ",
+    "addToLibrary": "បន្ថែមទៅបណ្ណាល័យ",
+    "removeFromLibrary": "លុបចេញពីបណ្ណាល័យ",
+    "libraryLoadingMessage": "កំពុងផ្ទុកបណ្ណាល័យ...",
+    "libraries": "រកមើលបណ្ណាល័យ",
+    "loadingScene": "កំពុង​ផ្ទុក​ស៊ីន...",
+    "align": "តម្រឹម",
+    "alignTop": "តម្រឹមផ្នែកខាងលើ",
+    "alignBottom": "តម្រឹមផ្នែកខាងក្រោម",
+    "alignLeft": "​តម្រឹម​ឆ្វេង",
+    "alignRight": "តម្រឹម​ស្តាំ",
+    "centerVertically": "កណ្តាល​បញ្ឈរ",
+    "centerHorizontally": "កណ្តាល​ផ្ដេក",
+    "distributeHorizontally": "ចែកចាយផ្ដេក",
+    "distributeVertically": "ចែកចាយបញ្ឈរ",
+    "flipHorizontal": "ត្រឡប់​ដោយ​ផ្ដេក",
+    "flipVertical": "ត្រឡប់​ដោយ​បញ្ឈរ",
+    "viewMode": "ម៉ូដ​បង្ហាញ",
+    "toggleExportColorScheme": "បិទ/បើក​ពណ៌​ចម្រុះ​នាំចេញ",
+    "share": "ចែករំលែក",
+    "showStroke": "បង្ហាញឧបករណ៍ជ្រើសរើសពណ៌ខ្វាច់",
+    "showBackground": "បង្ហាញឧបករណ៍ជ្រើសរើសពណ៌ផ្ទៃខាងក្រោយ",
+    "toggleTheme": "បិទ/បើកប្រធានបទ",
+    "personalLib": "បណ្ណាល័យផ្ទាល់ខ្លួន",
+    "excalidrawLib": "បណ្ណាល័យ Excalidraw",
+    "decreaseFontSize": "បន្ថយទំហំពុម្ពអក្សរ",
+    "increaseFontSize": "បង្កើនទំហំពុម្ពអក្សរ",
+    "unbindText": "ស្រាយអត្ថបទ",
+    "bindText": "ភ្ជាប់អត្ថបទទៅប្រអប់",
+    "createContainerFromText": "រុំអត្ថបទក្នុងប្រអប់មួយ",
     "link": {
-      "edit": "",
-      "create": "",
-      "label": ""
+      "edit": "កែតំណភ្ជាប់",
+      "create": "បង្កើតតំណភ្ជាប់",
+      "label": "តំណ"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "កែសម្រួលបន្ទាត់",
+      "exit": "ចាកចេញពីការកែសម្រួលបន្ទាត់"
     },
     "elementLock": {
-      "lock": "",
-      "unlock": "",
-      "lockAll": "",
-      "unlockAll": ""
+      "lock": "ចាក់សោ",
+      "unlock": "ដោះសោ",
+      "lockAll": "ចាក់សោទាំងអស់",
+      "unlockAll": "ដោះសោទាំងអស់"
     },
-    "statusPublished": "",
-    "sidebarLock": ""
+    "statusPublished": "ត្រូវបានបោះពុម្ពផ្សាយ",
+    "sidebarLock": "ទុករបារចំហៀងបើក"
   },
   "library": {
-    "noItems": "",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "noItems": "មិនទាន់មានធាតុបន្ថែមទេ...",
+    "hint_emptyLibrary": "ជ្រើសរើសធាតុនៅលើបាវដើម្បីបន្ថែមវានៅទីនេះ ឬដំឡើងបណ្ណាល័យពីឃ្លាំងសាធារណៈខាងក្រោម។",
+    "hint_emptyPrivateLibrary": "ជ្រើសរើសធាតុនៅលើបាវដើម្បីបន្ថែមវានៅទីនេះ"
   },
   "buttons": {
-    "clearReset": "",
-    "exportJSON": "",
-    "exportImage": "",
-    "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
-    "copyToClipboard": "",
-    "copyPngToClipboard": "",
-    "scale": "",
-    "save": "",
-    "saveAs": "",
-    "load": "",
-    "getShareableLink": "",
-    "close": "",
-    "selectLanguage": "",
-    "scrollBackToContent": "",
-    "zoomIn": "",
-    "zoomOut": "",
-    "resetZoom": "",
-    "menu": "",
-    "done": "",
-    "edit": "",
-    "undo": "",
-    "redo": "",
-    "resetLibrary": "",
-    "createNewRoom": "",
-    "fullScreen": "",
-    "darkMode": "",
-    "lightMode": "",
-    "zenMode": "",
-    "exitZenMode": "",
-    "cancel": "",
-    "clear": "",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "clearReset": "កំណត់បាវឡើងវិញ",
+    "exportJSON": "នាំចេញជាឯកសារ",
+    "exportImage": "នាំរូបភាពចេញ",
+    "export": "រក្សាទុក​នៅ...",
+    "exportToPng": "នាំចេញជា PNG",
+    "exportToSvg": "នាំចេញជា SVG",
+    "copyToClipboard": "ចម្លងទៅក្តារតម្បៀតខ្ទាស់",
+    "copyPngToClipboard": "ចម្លង PNG ទៅក្តារតម្បៀតខ្ទាស់",
+    "scale": "មាត្រដ្ឋាន",
+    "save": "រក្សាទុកទៅឯកសារបច្ចុប្បន្ន",
+    "saveAs": "រក្សាទុក​ជា",
+    "load": "បើក",
+    "getShareableLink": "យកតំណដែលអាចចែករំលែកបាន",
+    "close": "បិទ",
+    "selectLanguage": "រើសភាសា",
+    "scrollBackToContent": "រំកិលត្រឡប់ទៅមាតិកាវិញ",
+    "zoomIn": "ពង្រីក",
+    "zoomOut": "បង្រួម",
+    "resetZoom": "កំណត់ការពង្រីកឡើងវិញ",
+    "menu": "ម៉ឺនុយ",
+    "done": "រួចរាល់",
+    "edit": "កែ",
+    "undo": "ត្រឡប់វិញ",
+    "redo": "ធ្វើ​វិញ",
+    "resetLibrary": "កំណត់បណ្ណាល័យឡើងវិញ",
+    "createNewRoom": "បង្កើតបន្ទប់ថ្មី",
+    "fullScreen": "ពេញ​អេក្រង់",
+    "darkMode": "ម៉ូដងងឹត",
+    "lightMode": "ម៉ូដភ្លឺ",
+    "zenMode": "ម៉ូត Zen",
+    "exitZenMode": "ចេញពី zen​ ម៉ូត",
+    "cancel": "បោះបង់",
+    "clear": "សម្អាត",
+    "remove": "ដកចេញ",
+    "publishLibrary": "បោះពុម្ពផ្សាយ",
+    "submit": "ដាក់​ស្នើ",
+    "confirm": "បញ្ជាក់"
   },
   "alerts": {
-    "clearReset": "",
-    "couldNotCreateShareableLink": "",
-    "couldNotCreateShareableLinkTooBig": "",
-    "couldNotLoadInvalidFile": "",
-    "importBackendFailed": "",
-    "cannotExportEmptyCanvas": "",
-    "couldNotCopyToClipboard": "",
-    "decryptFailed": "",
-    "uploadedSecurly": "",
-    "loadSceneOverridePrompt": "",
-    "collabStopOverridePrompt": "",
-    "errorAddingToLibrary": "",
-    "errorRemovingFromLibrary": "",
-    "confirmAddLibrary": "",
-    "imageDoesNotContainScene": "",
-    "cannotRestoreFromImage": "",
-    "invalidSceneUrl": "",
-    "resetLibrary": "",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": "",
-    "collabOfflineWarning": ""
+    "clearReset": "វានឹងសម្អាតបាវទាំងមូល។ តើ​អ្នក​ប្រាកដ​ឬ​អត់?",
+    "couldNotCreateShareableLink": "មិនអាចបង្កើតតំណដែលអាចចែករំលែកបានទេ។",
+    "couldNotCreateShareableLinkTooBig": "មិន​អាច​បង្កើត​តំណ​ដែល​អាច​ចែក​រំលែក​បាន៖ ស៊ីន​ធំ​ពេក",
+    "couldNotLoadInvalidFile": "មិនអាចផ្ទុកឯកសារមិនត្រឹមត្រូវបានទេ។",
+    "importBackendFailed": "ការនាំចូលពីម៉ាស៊ីនមេបានបរាជ័យ។",
+    "cannotExportEmptyCanvas": "មិនអាចនាំចេញបាវទទេបានទេ។",
+    "couldNotCopyToClipboard": "មិនអាចចម្លងទៅក្ដារតម្បៀតខ្ទាស់បានទេ។",
+    "decryptFailed": "មិនអាចឌិគ្រីបទិន្នន័យបានទេ។",
+    "uploadedSecurly": "ការបង្ហោះត្រូវបានការពារដោយការអ៊ិនគ្រីបពីចុងដល់ចប់ មានន័យថា ទាំងម៉ាស៊ីនមេរបស់ Excalidraw ឬភាគីទីបីមិនអាចអានខ្លឹមសារបានទេ។",
+    "loadSceneOverridePrompt": "ការផ្ទុកគំនូរខាងក្រៅនឹងជំនួសមាតិកាដែលមានស្រាប់របស់អ្នក។ តើអ្នកចង់បន្តទេ?",
+    "collabStopOverridePrompt": "ការបញ្ឈប់សម័យនឹងសរសេរជាន់លើគំនូរដែលបានរក្សាទុកនៅលើកុំព្យូទ័ររបស់អ្នកពីមុន។ តើ​អ្នក​ប្រាកដ​ឬ​អត់?\n\n(ប្រសិនបើអ្នកចង់រក្សាគំនូរដែលនៅលើកុំព្យូទ័ររបស់អ្នក គ្រាន់តែបិទផ្ទាំងកម្មវិធីរុករក។)",
+    "errorAddingToLibrary": "មិនអាចបន្ថែមធាតុទៅបណ្ណាល័យបានទេ",
+    "errorRemovingFromLibrary": "មិនអាចលុបធាតុចេញពីបណ្ណាល័យបានទេ",
+    "confirmAddLibrary": "វានឹងបន្ថែមរូបរាង {{numShapes}} ទៅបណ្ណាល័យរបស់អ្នក។ តើ​អ្នក​ប្រាកដ​ឬ​អត់?",
+    "imageDoesNotContainScene": "រូបភាពនេះហាក់ដូចជាមិនមានទិន្នន័យស៊ីនណាមួយទេ។ តើអ្នកបានបើកការបង្កប់ស៊ីននៅពេលនាំចេញទេ?",
+    "cannotRestoreFromImage": "មិនអាចស្ដារស៊ីនពីឯកសាររូបភាពនេះបានទេ",
+    "invalidSceneUrl": "មិន​អាច​នាំចូល​ស៊ីន​ពី URL ដែល​បាន​ផ្តល់​ឱ្យ​ទេ។ វាមានទម្រង់ខុស ឬមិនមានទិន្នន័យ Excalidraw JSON ដែលត្រឹមត្រូវ។",
+    "resetLibrary": "វានឹងសម្អាតបាវទាំងមូល។ តើ​អ្នក​ប្រាកដ​ឬ​អត់?",
+    "removeItemsFromsLibrary": "តើអ្នកប្រាកដថាចង់លុប {{count}} ធាតុចេញពីបណ្ណាល័យទេ?",
+    "invalidEncryptionKey": "សោអ៊ីនគ្រីបត្រូវតែមាន 22 តួអក្សរ។ ការសហការផ្ទាល់ត្រូវបានបិទ។",
+    "collabOfflineWarning": "គ្មានការតភ្ជាប់អ៊ីនធឺណិត។\nការផ្លាស់ប្តូររបស់អ្នកនឹងមិនត្រូវបានរក្សាទុកទេ!"
   },
   "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
-    "invalidSVGString": "",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": "",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": "",
+    "unsupportedFileType": "ប្រភេទឯកសារមិនត្រូវបានគាំទ្រទេ។",
+    "imageInsertError": "មិនអាចបញ្ចូលរូបភាពបានទេ។ សូម​ព្យាយាម​ម្តង​ទៀត​នៅ​ពេល​ក្រោយ……",
+    "fileTooBig": "ឯកសារធំពេក។ ទំហំអតិបរមាដែលអនុញ្ញាតគឺ {{maxSize}}។",
+    "svgImageInsertError": "មិនអាចបញ្ចូលរូបភាព SVG បានទេ។ ស្លាក SVG ហាក់ដូចជាមិនត្រឹមត្រូវ។",
+    "invalidSVGString": "SVG មិន​ត្រឹមត្រូវ។",
+    "cannotResolveCollabServer": "មិនអាចភ្ជាប់ទៅម៉ាស៊ីនមេសហការផ្ទាល់បានទេ។ សូមផ្ទុកទំព័រឡើងវិញ ហើយព្យាយាមម្តងទៀត។",
+    "importLibraryError": "មិនអាចផ្ទុកបណ្ណាល័យបានទេ។",
+    "collabSaveFailed": "មិនអាចរក្សាទុកទៅម៉ាស៊ីនមេបានទេ។ ប្រសិនបើបញ្ហានៅតែបន្តកើតមាន​ អ្នកគួរតែរក្សាទុកឯកសាររបស់អ្នកនៅលើកុំព្យូទ័ររបស់អ្នកសិន ដើម្បីធានាថាការងាររបស់អ្នកមិនបាត់បង់។",
+    "collabSaveFailed_sizeExceeded": "មិនអាចរក្សាទុកទៅម៉ាស៊ីនមេបានទេ, ផ្ទាំងបាវហាក់ដូចជាធំពេក។ អ្នកគួរតែរក្សាទុកឯកសាររបស់អ្នកនៅលើកុំព្យូទ័ររបស់អ្នកសិន ដើម្បីធានាថាការងាររបស់អ្នកមិនបាត់បង់។",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "អ្នកហាក់ដូចជាកំពុងប្រើប្រាស់កម្មវិធីរុករកតាមអ៊ីនធឺណិត Brave ជាមួយនឹងការកំណត់ <bold>ការពារស្នាមម្រាមដៃយ៉ាងធ្ងន់ធ្ងរ</bold> ត្រូវបានបើក។",
+      "line2": "វាអាចបណ្តាលឱ្យមានការបំបែក <bold>ធាតុអត្ថបទ</bold> នៅក្នុងគំនូររបស់អ្នក។",
+      "line3": "យើងណែនាំយ៉ាងមុតមាំឱ្យបិទការកំណត់នេះ។ អ្នកអាចអនុវត្តតាម <link>ជំហានទាំងនេះ</link> ដើម្បីបិទការកំណត់នេះ។",
+      "line4": "ប្រសិនបើការបិទការកំណត់នេះមិនបានជួសជុលការបង្ហាញធាតុអត្ថបទទេ សូមដាក់ <issueLink>issue</issueLink> នៅលើ GitHub ឬរាយការណ៍នៅលើ <discordLink>Discord</discordLink> របស់យើង"
     }
   },
   "toolBar": {
-    "selection": "",
-    "image": "",
-    "rectangle": "",
-    "diamond": "",
-    "ellipse": "",
-    "arrow": "",
-    "line": "",
-    "freedraw": "",
-    "text": "",
-    "library": "",
-    "lock": "",
-    "penMode": "",
-    "link": "",
-    "eraser": "",
-    "hand": ""
+    "selection": "ការជ្រើសរើស",
+    "image": "បញ្ចូលរូបភាព",
+    "rectangle": "ចតុ​កោណ​កែង​",
+    "diamond": "ពេជ្រ",
+    "ellipse": "ពងក្រពើ",
+    "arrow": "ព្រួញ",
+    "line": "បន្ទាត់",
+    "freedraw": "គូរ",
+    "text": "អត្ថបទ",
+    "library": "បណ្ណាល័យ",
+    "lock": "រក្សារឧបករណ៍ដែលបានជ្រើសរើសបន្ទាប់ពីគូររួច",
+    "penMode": "របៀបប៊ិច - ជៀសវាងការប៉ះ",
+    "link": "បន្ថែម/ធ្វើបច្ចុប្បន្នភាពតំណភ្ជាប់សម្រាប់រូបរាងដែលបានជ្រើសរើស",
+    "eraser": "ជ័រលុប",
+    "hand": "ដៃ (panning tool)"
   },
   "headings": {
-    "canvasActions": "",
-    "selectedShapeActions": "",
-    "shapes": ""
+    "canvasActions": "សកម្មភាពបាវ",
+    "selectedShapeActions": "សកម្មភាពរបស់រាងដែលបានជ្រើសរើស",
+    "shapes": "រាង"
   },
   "hints": {
-    "canvasPanning": "",
-    "linearElement": "",
-    "freeDraw": "",
-    "text": "",
-    "text_selected": "",
-    "text_editing": "",
-    "linearElementMulti": "",
-    "lockAngle": "",
-    "resize": "",
-    "resizeImage": "",
-    "rotate": "",
-    "lineEditor_info": "",
-    "lineEditor_pointSelected": "",
-    "lineEditor_nothingSelected": "",
-    "placeImage": "",
-    "publishLibrary": "",
-    "bindTextToElement": "",
-    "deepBoxSelect": "",
-    "eraserRevert": "",
-    "firefox_clipboard_write": ""
+    "canvasPanning": "ដើម្បីផ្លាស់ទីបាវ សូមសង្កត់កង់កណ្ដុរឬគ្រាប់ចុចspacebarខណៈពេលកំពុងអូស ឬប្រើឧបករណ៍ដៃ។",
+    "linearElement": "ចុចដើម្បីបង្កើតចំណុចច្រើន អូសដើម្បីបង្កើតបន្ទាត់មួយ",
+    "freeDraw": "ចុច​ហើយ​អូស លែង​ពេល​រួចរាល់",
+    "text": "គន្លឹះ៖ អ្នកក៏អាចបន្ថែមអត្ថបទដោយចុចពីរដងនៅកន្លែងណាមួយដោយប្រើឧបករណ៍ជ្រើសរើស",
+    "text_selected": "ចុចពីរដង ឬចុច ENTER ដើម្បីកែសម្រួលអត្ថបទ",
+    "text_editing": "ចុច Escape ឬ CtrlOrCmd +ENTER ដើម្បីបញ្ចប់ការកែសម្រួល",
+    "linearElementMulti": "ចុចលើចំណុចចុងក្រោយ ឬចុច Esc/Enter ដើម្បីបញ្ចប់",
+    "lockAngle": "អ្នកអាចសង្កត់ Shift ដើម្បីកំណត់មុំ",
+    "resize": "អ្នកអាចសង្កត់ SHIFT ដើម្បីបងំ្ខឲមានសមាមាត្រ ខណៈពេលដែលប្តូរទំហំ\nសង្កត់ ALT ដើម្បីប្តូរទំហំពីកណ្តាល",
+    "resizeImage": "អ្នកអាចប្តូរទំហំរូបភាពដោយសេរីដោយសង្កត់ SHIFT,\nសង្កត់ ALT ដើម្បីប្តូរទំហំពីកណ្តាល",
+    "rotate": "អ្នកអាចសង្កត់ Shift ខណៈពេលកំពុងបង្វិល ដើម្បីកម្រិតមុំ",
+    "lineEditor_info": "សង្កត់ CtrlOrCmd ហើយចុចពីរដង ឬចុច CtrlOrCmd + Enter ដើម្បីកែសម្រួលចំណុច",
+    "lineEditor_pointSelected": "ចុច Delete ដើម្បីលុបចំណុច(ច្រើន)\nCtrlOrCmd+D ដើម្បីចម្លង, ឬអូសដើម្បីផ្លាស់ទី",
+    "lineEditor_nothingSelected": "ជ្រើសរើសចំណុចដែលត្រូវកែសម្រួល (សង្កត់ SHIFT ដើម្បីជ្រើសរើសច្រើនចំណុច)\nឬ សង្កត់ Alt ហើយចុចដើម្បីបន្ថែមចំណុចថ្មី។",
+    "placeImage": "ចុចដើម្បីដាក់រូបភាព ឬចុចហើយអូសដើម្បីកំណត់ទំហំរបស់រូបភាពដោយដៃ",
+    "publishLibrary": "បោះពុម្ពផ្សាយបណ្ណាល័យផ្ទាល់ខ្លួនរបស់អ្នក",
+    "bindTextToElement": "ចុច Enter ដើម្បីបន្ថែមអត្ថបទ",
+    "deepBoxSelect": "សង្កត់ CtrlOrCmd ដើម្បីជ្រើសរើសយ៉ាងជ្រៅ និងជៀសវាងការអូស",
+    "eraserRevert": "សង្កត់ Alt ដើម្បីដកការជ្រើសរើសធាតុដែលត្រូវបានសម្គាល់សម្រាប់ការលុប",
+    "firefox_clipboard_write": "បើកមុខងារនេះដោយកំណត់ទង់ \"dom.events.asyncClipboard.clipboardItem\" ទៅ \"true\" \nដើម្បីផ្លាស់ប្តូរទង់កម្មវិធីរុករកនៅក្នុង Firefox សូមចូលទៅកាន់ទំព័រ \"about:config\"។"
   },
   "canvasError": {
-    "cannotShowPreview": "",
-    "canvasTooBig": "",
-    "canvasTooBigTip": ""
+    "cannotShowPreview": "មិនអាចបង្ហាញការមើលជាមុនបាន",
+    "canvasTooBig": "បាវអាចមានទំហំធំពេក។",
+    "canvasTooBigTip": "គន្លឹះ៖ ព្យាយាមផ្លាស់ទីធាតុដែលឆ្ងាយបំផុតឱ្យទៅជិតគ្នាបន្តិច។"
   },
   "errorSplash": {
-    "headingMain": "",
-    "clearCanvasMessage": "",
-    "clearCanvasCaveat": "",
-    "trackedToSentry": "",
-    "openIssueMessage": "",
-    "sceneContent": ""
+    "headingMain": "បានជួបប្រទះកំហុសមួយ។ សូមព្យាយាម <button>ផ្ទុកទំព័រឡើងវិញ</button>។",
+    "clearCanvasMessage": "ប្រសិនបើការផ្ទុកឡើងវិញមិនអាចដោះស្រាយកំហុសបានទេ សូមសាកល្បង <button>សម្អាតបាវ។</button>",
+    "clearCanvasCaveat": " នេះនឹងបណ្តាលឱ្យបាត់បង់ការងារ ",
+    "trackedToSentry": "កំហុសជាមួយលេខសម្គាល់ {{eventId}} ត្រូវបានតាមដាននៅលើប្រព័ន្ធរបស់យើង។",
+    "openIssueMessage": "យើងមានការប្រុងប្រយ័ត្នខ្លាំងណាស់ក្នុងការមិនបញ្ចូលព័ត៌មានរបស់ស៊ីនរបស់អ្នកទៅលើកំហុស។ ប្រសិនបើស៊ីនរបស់អ្នកមិនមានលក្ខណៈឯកជនទេ សូមពិចារណាបន្តទៅកាន់ <button>កម្មវិធីតាមដានកំហុសរបស់យើង។</button> សូមបញ្ចូលព័ត៌មានខាងក្រោមដោយចម្លង និងបិទភ្ជាប់វាទៅក្នុងបញ្ហារបស់ GitHub។",
+    "sceneContent": "មាតិកាបាវ៖"
   },
   "roomDialog": {
-    "desc_intro": "",
-    "desc_privacy": "",
-    "button_startSession": "",
-    "button_stopSession": "",
-    "desc_inProgressIntro": "",
-    "desc_shareLink": "",
-    "desc_exitSession": "",
-    "shareTitle": ""
+    "desc_intro": "អ្នកអាចអញ្ជើញអ្នកដទៃឱ្យសហការជាមួយអ្នកនៅលើស៊ីនបច្ចុប្បន្ន។",
+    "desc_privacy": "កុំបារម្ភ វគ្គប្រើការអ៊ិនគ្រីបពីចុងដល់ចប់ ដូច្នេះអ្វីដែលអ្នកគូរនឹងនៅតែជាឯកជន។ សូម្បីតែម៉ាស៊ីនមេរបស់យើងក៏នឹងមិនអាចមើលឃើញអ្វីដែលអ្នកកំពុងធ្វើដែរ។",
+    "button_startSession": "ចាប់ផ្តើមវគ្គ",
+    "button_stopSession": "បញ្ឈប់វគ្គ",
+    "desc_inProgressIntro": "វគ្គសហការផ្ទាល់ឥឡូវនេះកំពុងដំណើរការ។",
+    "desc_shareLink": "ចែករំលែកតំណនេះជាមួយអ្នកដែលអ្នកចង់សហការជាមួយ៖",
+    "desc_exitSession": "ការបញ្ឈប់វគ្គនេះនឹងផ្តាច់អ្នកចេញពីបន្ទប់ ប៉ុន្តែអ្នកនឹងនៅតែអាចបន្តប្រើបាវនៅលើកុំព្យូទ័ររបស់អ្នក។ សូមចំណាំថាវានឹងមិនប៉ះពាល់ដល់អ្នកប្រើប្រាស់ផ្សេងទៀតទេ​ ហើយពួកគេនឹងនៅតែអាចបន្តសហការលើកំណែរបស់ពួកគេ។",
+    "shareTitle": "ចូលរួមវគ្គសហការផ្ទាល់នៅលើ Excalidraw"
   },
   "errorDialog": {
-    "title": ""
+    "title": "មានកំហុស"
   },
   "exportDialog": {
-    "disk_title": "",
-    "disk_details": "",
-    "disk_button": "",
-    "link_title": "",
-    "link_details": "",
-    "link_button": "",
-    "excalidrawplus_description": "",
-    "excalidrawplus_button": "",
-    "excalidrawplus_exportError": ""
+    "disk_title": "រក្សាទុកទៅថាស",
+    "disk_details": "នាំចេញទិន្នន័យរបស់ស៊ីនជាឯកសារដែលអ្នកអាចនាំចូលនៅពេលក្រោយ។",
+    "disk_button": "រក្សាទុកក្នុងឯកសារ",
+    "link_title": "តំណដែលអាចចែករំលែកបាន",
+    "link_details": "នាំចេញជាតំណបានតែមើលឬអាន។",
+    "link_button": "នាំចេញជាតំណ",
+    "excalidrawplus_description": "រក្សាទុកស៊ីនទៅកន្លែងធ្វើការ Excalidraw+ របស់អ្នក។",
+    "excalidrawplus_button": "នាំចេញ",
+    "excalidrawplus_exportError": "មិនអាចនាំចេញទៅ Excalidraw+ បានទេនៅពេលនេះ..."
   },
   "helpDialog": {
-    "blog": "",
-    "click": "",
-    "deepSelect": "",
-    "deepBoxSelect": "",
-    "curvedArrow": "",
-    "curvedLine": "",
-    "documentation": "",
-    "doubleClick": "",
-    "drag": "",
-    "editor": "",
-    "editLineArrowPoints": "",
-    "editText": "",
-    "github": "",
-    "howto": "",
-    "or": "",
-    "preventBinding": "",
-    "tools": "",
-    "shortcuts": "",
-    "textFinish": "",
-    "textNewLine": "",
-    "title": "",
-    "view": "",
-    "zoomToFit": "",
-    "zoomToSelection": "",
-    "toggleElementLock": "",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "blog": "អានប្លក់របស់យើង",
+    "click": "ចុច",
+    "deepSelect": "ការជ្រើសរើសជាក្រុម",
+    "deepBoxSelect": "ជ្រើសរើសជាក្រុម និង ជៀសវាងការអូសទាញផ្លាស់ទី",
+    "curvedArrow": "ព្រួញកោង",
+    "curvedLine": "ព្រួញកោង",
+    "documentation": "ឯកសារ",
+    "doubleClick": "ចុច​ពីរ​ដង",
+    "drag": "អូស",
+    "editor": "កម្មវិធីនិពន្ធ",
+    "editLineArrowPoints": "កែសម្រួលចំណុចនៃបន្ទាត់ ឬព្រួញ",
+    "editText": "បន្ថែម ឬកែសម្រួលអត្ថបទ",
+    "github": "រកឃើញបញ្ហា? ដាក់ស្នើ",
+    "howto": "ឯកសារជំនួយ",
+    "or": "ឬ",
+    "preventBinding": "ទប់ស្កាត់ការចងព្រួញ",
+    "tools": "ឧបករណ៍",
+    "shortcuts": "ផ្លូវកាត់ក្តារចុច",
+    "textFinish": "បញ្ចប់ការកែសម្រួល (កម្មវិធីនិពន្ធអត្ថបទ)",
+    "textNewLine": "ចុះបន្ទាត់ (កម្មវិធីនិពន្ធអត្ថបទ)",
+    "title": "ជំនួយ",
+    "view": "បង្ហាញ",
+    "zoomToFit": "ធ្វើមាត្រដ្ឋានឱ្យសមនឹងធាតុទាំងអស់។",
+    "zoomToSelection": "ពង្រីកទៅការជ្រើសរើស",
+    "toggleElementLock": "ចាក់សោ/ដោះសោការជ្រើសរើស",
+    "movePageUpDown": "ផ្លាស់ទីទំព័រឡើងលើ/ចុះក្រោម",
+    "movePageLeftRight": "ផ្លាស់ទីទំព័រទៅឆ្វេង/ស្ដាំ"
   },
   "clearCanvasDialog": {
-    "title": ""
+    "title": "សម្អាតបាវ"
   },
   "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
-    "website": "",
+    "title": "បោះពុម្ពបណ្ណាល័យ",
+    "itemName": "ឈ្មោះ​ធាតុ",
+    "authorName": "ឈ្មោះអ្នកនិពន្ធ",
+    "githubUsername": "ឈ្មោះអ្នកប្រើ GitHub",
+    "twitterUsername": "ឈ្មោះអ្នកប្រើ Twitter",
+    "libraryName": "ឈ្មោះបណ្ណាល័យ",
+    "libraryDesc": "ការពិពណ៌នាអំពីបណ្ណាល័យ",
+    "website": "គេហទំព័រ",
     "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
-      "githubHandle": "",
-      "twitterHandle": "",
-      "website": ""
+      "authorName": "ឈ្មោះរបស់អ្នក ឬឈ្មោះអ្នកប្រើប្រាស់",
+      "libraryName": "ឈ្មោះបណ្ណាល័យរបស់អ្នក",
+      "libraryDesc": "ការពិពណ៌នាអំពីបណ្ណាល័យរបស់អ្នក នឹងអនុញ្ញាតឱ្យអ្នក​ផ្សេងយល់ពីការប្រើប្រាស់របស់វា។",
+      "githubHandle": "ឈ្មោះអ្នកប្រើ GitHub (ជាជម្រើស) ដូច្នេះអ្នកអាចកែសម្រួលបណ្ណាល័យបាននៅពេលដាក់ស្នើសម្រាប់ការពិនិត្យ",
+      "twitterHandle": "ឈ្មោះអ្នកប្រើប្រាស់ Twitter (ជាជម្រើស) ដូច្នេះយើងដឹងថាអ្នកណាដែលត្រូវផ្តល់ក្រេឌីតនៅពេលផ្សព្វផ្សាយតាម Twitter",
+      "website": "ភ្ជាប់ទៅគេហទំព័រផ្ទាល់ខ្លួនរបស់អ្នក ឬគេហទំព័រផ្សេងទៀត (ជាជម្រើស)"
     },
     "errors": {
-      "required": "",
-      "website": ""
+      "required": "ត្រូវបានទាមទារ",
+      "website": "សូមវាយបញ្ចូល URL ​ដែលត្រឹមត្រូវ"
     },
-    "noteDescription": "",
-    "noteGuidelines": "",
-    "noteLicense": "",
-    "noteItems": "",
-    "atleastOneLibItem": "",
-    "republishWarning": ""
+    "noteDescription": "ដាក់ស្នើបណ្ណាល័យរបស់អ្នកដើម្បីដាក់បញ្ចូលក្នុង <link>ឃ្លាំងបណ្ណាល័យសាធារណៈ</link> សម្រាប់ឲ្យអ្នកផ្សេងប្រើក្នុងគំនូររបស់ពួកគេ។",
+    "noteGuidelines": "បណ្ណាល័យត្រូវតែអនុម័តដោយដៃជាមុនសិន។ សូមអាន <link>ការណែនាំ</link> មុនពេលដាក់ស្នើ។ ការប្រាស្រ័យទាក់ទងជាបន្តបន្ទាប់ និងការផ្លាស់ប្តូរបណ្ណាល័យទាមទារឱ្យអ្នកមានគណនី GitHub ប៉ុន្តែមិនត្រូវបានទាមទារយ៉ាងតឹងរ៉ឹងទេ។",
+    "noteLicense": "តាមរយៈការដាក់ស្នើ អ្នកយល់ព្រមថាបណ្ណាល័យនឹងត្រូវបានបោះពុម្ពផ្សាយក្រោម <link>អាជ្ញាប័ណ្ណ MIT</link> ដែលមានន័យយ៉ាងខ្លី អ្នកណាក៏អាចប្រើប្រាស់វាបានដោយគ្មានការរឹតត្បិត។",
+    "noteItems": "ធាតុនីមួយៗនៅក្នុងបណ្ណាល័យត្រូវតែមានឈ្មោះផ្ទាល់ខ្លួនដើម្បីយើងអាចត្រងវាបាន។ ធាតុខាងក្រោមនឹងត្រូវបានរួមបញ្ចូល:",
+    "atleastOneLibItem": "សូមជ្រើសរើសយ៉ាងហោចណាស់ធាតុបណ្ណាល័យមួយដើម្បីចាប់ផ្តើម",
+    "republishWarning": "ចំណាំ៖ ធាតុដែលត្រូវបានជ្រើសរើសមួយចំនួនត្រូវបានសម្គាល់ថាបានបោះពុម្ព/បញ្ជូនរួចរាល់ហើយ។ អ្នកគួរតែបញ្ជូនធាតុឡើងវិញនៅពេលដែលធ្វើបច្ចុប្បន្នភាពបណ្ណាល័យដែលមានស្រាប់ ឬការបញ្ជូន។"
   },
   "publishSuccessDialog": {
-    "title": "",
-    "content": ""
+    "title": "បណ្ណាល័យត្រូវបានដាក់ស្នើ",
+    "content": "សូមអរគុណ {{authorName}}។ បណ្ណាល័យរបស់អ្នកត្រូវបានបញ្ជូនមកពិនិត្យ។ សូមចុច <link>ទីនេះ</link> ដើម្បីតាមដានស្ថានភាពនៃការដាក់ស្នើនេះ។"
   },
   "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "កំណត់បណ្ណាល័យឡើងវិញ",
+    "removeItemsFromLib": "លុបធាតុដែលបានជ្រើសរើសចេញពីបណ្ណាល័យ"
   },
   "encrypted": {
-    "tooltip": "",
-    "link": ""
+    "tooltip": "គំនូររបស់អ្នកត្រូវបានអ៊ិនគ្រីបពីចុងដល់ចប់ ដូច្នេះម៉ាស៊ីនមេរបស់ Excalidraw នឹងមិនឃើញពួកវាទេ។",
+    "link": "ប្លក់ផុសលើការអ៊ិនគ្រីបពីចុងដល់ចុងក្នុង Excalidraw"
   },
   "stats": {
-    "angle": "",
-    "element": "",
-    "elements": "",
-    "height": "",
-    "scene": "",
-    "selected": "",
-    "storage": "",
-    "title": "",
-    "total": "",
-    "version": "",
-    "versionCopy": "",
-    "versionNotAvailable": "",
-    "width": ""
+    "angle": "មុំ",
+    "element": "ធាតុ",
+    "elements": "ធាតុច្រើន",
+    "height": "កម្ពស់",
+    "scene": "ស៊ីន",
+    "selected": "បានជ្រើសរើស",
+    "storage": "ការផ្ទុក",
+    "title": "ស្ថិតិសម្រាប់ nerds",
+    "total": "សរុប",
+    "version": "ជំនាន់:",
+    "versionCopy": "ចុចដើម្បីចម្លង",
+    "versionNotAvailable": "កំណែមិនអាចប្រើបាន",
+    "width": "ទទឹង​"
   },
   "toast": {
-    "addedToLibrary": "",
-    "copyStyles": "",
-    "copyToClipboard": "",
-    "copyToClipboardAsPng": "",
-    "fileSaved": "",
-    "fileSavedToFilename": "",
-    "canvas": "",
-    "selection": "",
-    "pasteAsSingleElement": ""
+    "addedToLibrary": "បានបន្ថែមទៅបណ្ណាល័យ",
+    "copyStyles": "រចនាប័ទ្មត្រូវបានចម្លង។",
+    "copyToClipboard": "បានចម្លងទៅក្ដារតម្បៀតខ្ទាស់។",
+    "copyToClipboardAsPng": "បានចម្លង {{exportSelection}} ទៅក្ដារតម្បៀតខ្ទាស់ជា PNG\n({{exportColorScheme}})",
+    "fileSaved": "ឯកសារត្រូវបានរក្សាទុក។",
+    "fileSavedToFilename": "បានរក្សាទុកនៅក្នុង {filename}",
+    "canvas": "តំបន់គំនូរ",
+    "selection": "ការជ្រើសរើស",
+    "pasteAsSingleElement": "ប្រើ {{shortcut}} ដើម្បីបិទភ្ជាប់ជាធាតុតែមួយ,\nឬបិទភ្ជាប់ទៅក្នុងកម្មវិធីនិពន្ធអត្ថបទដែលមានស្រាប់"
   },
   "colors": {
     "transparent": "ថ្លាមើលធ្លុះ",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "ពណ៍ខ្មៅ",
+    "white": "ពណ៌ស",
+    "red": "ពណ៌ក្រហម",
+    "pink": "ពណ៌ផ្កាឈូក",
+    "grape": "ពណ៌ទំពាំងបាយជូរ",
+    "violet": "ពណ៌ស្វាយ",
+    "gray": "ពណ៌ប្រផេះ",
+    "blue": "ពណ៌ខៀវ",
+    "cyan": "ពណ៌ផ្ទៃមេឃ",
+    "teal": "ពណ៌​ខៀវបៃតង",
+    "green": "ពណ៌បៃតង",
+    "yellow": "ពណ៌លឿង",
+    "orange": "ពណ៌ទឹកក្រូច",
+    "bronze": "ពណ៌សំរិទ្ធ"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "ពណ៌ផ្ទាល់ខ្លួនដែលប្រើច្រើនបំផុត",
+    "colors": "ពណ៌",
+    "shades": "ស្រមោល",
+    "hexCode": "លេខកូដ hex",
+    "noShades": "មិនមានស្រមោលសម្រាប់ពណ៌នេះទេ"
   }
 }
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 3ec5233d7..2bb2bc7fa 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "투명",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "검정색",
+    "white": "흰색",
+    "red": "빨강색",
+    "pink": "핑크색",
+    "grape": "그레이프",
+    "violet": "바이올렛",
+    "gray": "회색",
+    "blue": "파란색",
+    "cyan": "시안",
+    "teal": "틸",
+    "green": "녹색",
+    "yellow": "노란색",
+    "orange": "주황색",
+    "bronze": "브론즈"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "자주 사용된 커스텀 색상들",
+    "colors": "색상",
+    "shades": "색조",
+    "hexCode": "Hex 코드",
+    "noShades": "이 색상에는 색조가 없습니다"
   }
 }
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 90f4ceec6..4ef15d853 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -75,10 +75,10 @@
     "language": "زمان",
     "liveCollaboration": "هاوکاریکردنی زیندو...",
     "duplicateSelection": "لەبەرگرتنەوە",
-    "untitled": "Untitled",
+    "untitled": "بێ-ناو",
     "name": "ناو",
     "yourName": "ناوەکەت",
-    "madeWithExcalidraw": "Made with Excalidraw",
+    "madeWithExcalidraw": "دروستکراوە بە Excalidraw",
     "group": "دیاریکردنی گروپ",
     "ungroup": "گروپی دیاریکراوەکان لابەرە",
     "collaborators": "هاوکارەکان",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index c624ac8e5..5211a703b 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Gjennomsiktig",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Svart",
+    "white": "Hvit",
+    "red": "Rød",
+    "pink": "Rosa",
+    "grape": "Drue",
+    "violet": "Fiolett",
+    "gray": "Grå",
+    "blue": "Blå",
+    "cyan": "Turkis",
+    "teal": "Blågrønn",
+    "green": "Grønn",
+    "yellow": "Gul",
+    "orange": "Oransje",
+    "bronze": "Bronse"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Mest brukte egendefinerte farger",
+    "colors": "Farger",
+    "shades": "Toner",
+    "hexCode": "Heksadesimal kode",
+    "noShades": "Ingen toner tilgjengelig for denne fargen"
   }
 }
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 1619ae971..09e8386ad 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -5,8 +5,8 @@
   "ca-ES": 92,
   "cs-CZ": 67,
   "da-DK": 35,
-  "de-DE": 94,
-  "el-GR": 92,
+  "de-DE": 100,
+  "el-GR": 97,
   "en": 100,
   "es-ES": 93,
   "eu-ES": 94,
@@ -17,39 +17,39 @@
   "he-IL": 91,
   "hi-IN": 74,
   "hu-HU": 80,
-  "id-ID": 92,
-  "it-IT": 94,
+  "id-ID": 100,
+  "it-IT": 100,
   "ja-JP": 92,
   "kaa": 18,
   "kab-KAB": 92,
   "kk-KZ": 22,
-  "km-KH": 2,
-  "ko-KR": 94,
+  "km-KH": 100,
+  "ko-KR": 100,
   "ku-TR": 94,
   "lt-LT": 59,
   "lv-LV": 93,
   "mr-IN": 93,
   "my-MM": 43,
-  "nb-NO": 94,
+  "nb-NO": 100,
   "nl-NL": 87,
   "nn-NO": 81,
   "oc-FR": 91,
   "pa-IN": 82,
   "pl-PL": 83,
-  "pt-BR": 94,
-  "pt-PT": 93,
-  "ro-RO": 94,
-  "ru-RU": 94,
+  "pt-BR": 100,
+  "pt-PT": 97,
+  "ro-RO": 100,
+  "ru-RU": 100,
   "si-LK": 9,
-  "sk-SK": 94,
-  "sl-SI": 94,
-  "sv-SE": 94,
+  "sk-SK": 100,
+  "sl-SI": 100,
+  "sv-SE": 100,
   "ta-IN": 86,
   "th-TH": 41,
   "tr-TR": 91,
   "uk-UA": 94,
   "vi-VN": 59,
-  "zh-CN": 94,
+  "zh-CN": 100,
   "zh-HK": 27,
-  "zh-TW": 94
+  "zh-TW": 100
 }
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 30ae031d5..614c782fd 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Transparente",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Preto",
+    "white": "Branco",
+    "red": "Vermelho",
+    "pink": "Rosa",
+    "grape": "Uva",
+    "violet": "Violeta",
+    "gray": "Cinza",
+    "blue": "Azul",
+    "cyan": "Ciano",
+    "teal": "Verde-azulado",
+    "green": "Verde",
+    "yellow": "Amarelo",
+    "orange": "Laranja",
+    "bronze": "Bronze"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Cores personalizadas mais usadas",
+    "colors": "Cores",
+    "shades": "Tons",
+    "hexCode": "Código hexadecimal",
+    "noShades": "Sem tons disponíveis para essa cor"
   }
 }
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 943e5db3f..297daed10 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Transparente",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
+    "black": "Preto",
+    "white": "Branco",
+    "red": "Vermelho",
+    "pink": "Rosa",
+    "grape": "Uva",
+    "violet": "Violeta",
+    "gray": "Cinza",
+    "blue": "Azul",
     "cyan": "",
     "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "green": "Verde",
+    "yellow": "Amarelo",
+    "orange": "Laranja",
+    "bronze": "Bronze"
   },
   "welcomeScreen": {
     "app": {
@@ -425,8 +425,8 @@
   },
   "colorPicker": {
     "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
+    "colors": "Cores",
+    "shades": "Tons",
     "hexCode": "",
     "noShades": ""
   }
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 5440f8f72..d6d6c3c3e 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Transparent",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Negru",
+    "white": "Alb",
+    "red": "Roșu",
+    "pink": "Roz",
+    "grape": "Struguriu",
+    "violet": "Violet",
+    "gray": "Gri",
+    "blue": "Albastru",
+    "cyan": "Cyan",
+    "teal": "Cyan-verde",
+    "green": "Verde",
+    "yellow": "Galben",
+    "orange": "Portocaliu",
+    "bronze": "Bronz"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Cele mai utilizate culori personalizate",
+    "colors": "Culori",
+    "shades": "Nuanțe",
+    "hexCode": "Cod hexa",
+    "noShades": "Nu este disponibilă nicio nuanță pentru această culoare"
   }
 }
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 7ba5b3374..2d2958d3c 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Прозрачный",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Чёрный",
+    "white": "Белый",
+    "red": "Красный",
+    "pink": "Розовый",
+    "grape": "Виноградный",
+    "violet": "Фиолетовый",
+    "gray": "Серый",
+    "blue": "Синий",
+    "cyan": "Голубой",
+    "teal": "Бирюзовый",
+    "green": "Зелёный",
+    "yellow": "Жёлтый",
+    "orange": "Оранжевый",
+    "bronze": "Бронзовый"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Часто используемые пользовательские цвета",
+    "colors": "Цвета",
+    "shades": "Оттенки",
+    "hexCode": "Шестнадцатеричный код",
+    "noShades": "Нет доступных оттенков для этого цвета"
   }
 }
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 2123d7c1a..c976091cc 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Priehľadná",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Čierna",
+    "white": "Biela",
+    "red": "Červená",
+    "pink": "Ružová",
+    "grape": "Hroznová fialová",
+    "violet": "Fialová",
+    "gray": "Sivá",
+    "blue": "Modrá",
+    "cyan": "Azúrová",
+    "teal": "Modrozelená",
+    "green": "Zelená",
+    "yellow": "Žltá",
+    "orange": "Oranžová",
+    "bronze": "Bronzová"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Najpoužívanejšie vlastné farby",
+    "colors": "Farby",
+    "shades": "Odtiene",
+    "hexCode": "Hex kód",
+    "noShades": "Pre túto farbu nie sú dostupné žiadne odtiene"
   }
 }
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 902b2476f..801a3bc03 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Prosojno",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Črna",
+    "white": "Bela",
+    "red": "Rdeča",
+    "pink": "Roza",
+    "grape": "Grozdje",
+    "violet": "Vijolična",
+    "gray": "Siva",
+    "blue": "Modra",
+    "cyan": "Cijan",
+    "teal": "Turkizna",
+    "green": "Zelena",
+    "yellow": "Rumena",
+    "orange": "Oranžna",
+    "bronze": "Bronasta"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Najpogosteje uporabljene barve po meri",
+    "colors": "Barve",
+    "shades": "Odtenki",
+    "hexCode": "Hex koda",
+    "noShades": "Odtenki za to barvo niso na voljo"
   }
 }
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index 641e3ce66..de2e9982c 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "Genomskinlig",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Svart",
+    "white": "Vit",
+    "red": "Röd",
+    "pink": "Rosa",
+    "grape": "Lila",
+    "violet": "Violett",
+    "gray": "Grå",
+    "blue": "Blå",
+    "cyan": "Turkos",
+    "teal": "Blågrön",
+    "green": "Grön",
+    "yellow": "Gul",
+    "orange": "Orange",
+    "bronze": "Brons"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Mest frekvent använda anpassade färger",
+    "colors": "Färger",
+    "shades": "Nyanser",
+    "hexCode": "Hex-kod",
+    "noShades": "Inga nyanser tillgängliga för denna färg"
   }
 }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 93ad2c948..50ba89073 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "透明",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "黑",
+    "white": "白",
+    "red": "红",
+    "pink": "粉红",
+    "grape": "紫红",
+    "violet": "蓝紫",
+    "gray": "灰",
+    "blue": "蓝",
+    "cyan": "青",
+    "teal": "蓝绿",
+    "green": "绿",
+    "yellow": "黄",
+    "orange": "橙",
+    "bronze": "古铜"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "常用自定义颜色",
+    "colors": "颜色",
+    "shades": "色调明暗",
+    "hexCode": "十六进制值",
+    "noShades": "此颜色没有可用的明暗变化"
   }
 }
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 3be58ef56..b86edb2bc 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -395,20 +395,20 @@
   },
   "colors": {
     "transparent": "透明",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "黑",
+    "white": "白",
+    "red": "紅",
+    "pink": "粉紅",
+    "grape": "深紫",
+    "violet": "藍紫",
+    "gray": "灰",
+    "blue": "藍",
+    "cyan": "青",
+    "teal": "藍綠",
+    "green": "綠",
+    "yellow": "黃",
+    "orange": "橘",
+    "bronze": "銅"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +424,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "最常使用的自訂顏色",
+    "colors": "顏色",
+    "shades": "漸變色",
+    "hexCode": "Hex 碼",
+    "noShades": "沒有此顏色的漸變色"
   }
 }

From 13780f390a668163504d245f88794206d458f199 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 24 May 2023 17:24:54 +0200
Subject: [PATCH 191/252] fix: add react v17 `useTransition` polyfill (#6618)

---
 src/components/LibraryMenuSection.tsx | 3 ++-
 src/hooks/useTransition.ts            | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src/hooks/useTransition.ts

diff --git a/src/components/LibraryMenuSection.tsx b/src/components/LibraryMenuSection.tsx
index d1af85481..b6866e1e9 100644
--- a/src/components/LibraryMenuSection.tsx
+++ b/src/components/LibraryMenuSection.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState, useTransition } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { LibraryUnit } from "./LibraryUnit";
 import { LibraryItem } from "../types";
 import Stack from "./Stack";
@@ -6,6 +6,7 @@ import clsx from "clsx";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
 import { useAtom } from "jotai";
 import { libraryItemSvgsCache } from "../hooks/useLibraryItemSvg";
+import { useTransition } from "../hooks/useTransition";
 
 const ITEMS_PER_ROW = 4;
 const ROWS_RENDERED_PER_BATCH = 6;
diff --git a/src/hooks/useTransition.ts b/src/hooks/useTransition.ts
new file mode 100644
index 000000000..bb107edbc
--- /dev/null
+++ b/src/hooks/useTransition.ts
@@ -0,0 +1,9 @@
+import React, { useCallback } from "react";
+
+/** noop polyfill for v17. Subset of API available */
+function useTransitionPolyfill() {
+  const startTransition = useCallback((callback: () => void) => callback(), []);
+  return [false, startTransition] as const;
+}
+
+export const useTransition = React.useTransition || useTransitionPolyfill;

From 75bea48b5487339abb3bd017731d5a291bd3fba1 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 24 May 2023 22:52:21 +0200
Subject: [PATCH 192/252] fix: export dialog shortcut toggles console on
 firefox (#6620)

---
 src/components/App.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index e6f961698..49919c957 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -2156,6 +2156,7 @@ class App extends React.Component<AppProps, AppState> {
         event.shiftKey &&
         event[KEYS.CTRL_OR_CMD]
       ) {
+        event.preventDefault();
         this.setState({ openDialog: "imageExport" });
         return;
       }

From 6459ccda6aca3246832dbe9a4434839952b703b7 Mon Sep 17 00:00:00 2001
From: Alex Kim <45559664+alex-kim-dev@users.noreply.github.com>
Date: Thu, 25 May 2023 19:27:41 +0500
Subject: [PATCH 193/252] feat: add flipping for multiple elements (#5578)

* feat: add flipping when resizing multiple elements

* fix: image elements not flipping its content

* test: fix accidental resizing in grouping test

* fix: angles not flipping vertically when resizing

* feat: add flipping multiple elements with a command

* revert: image elements not flipping its content

This reverts commit cb989a6c66e62a02a8c04ce41f12507806c8d0a0.

* fix: add special cases for flipping text & images

* fix: a few corner cases for flipping

* fix: remove angle flip

* fix: bound text scaling when resizing

* fix: linear elements drifting away after multiple flips

* revert: fix linear elements drifting away after multiple flips

This reverts commit bffc33dd3ffe56c72029eee6aca843d992bac7ab.

* fix: linear elements unstable bounds

* revert: linear elements unstable bounds

This reverts commit 22ae9b02c4a49f0ed6448c27abe1969cf6abb1e3.

* fix: hand-drawn lines shift after flipping

* test: fix flipping tests

* test: fix the number of context menu items

* fix: incorrect scaling due to ignoring bound text when finding selection bounds

* fix: bound text coordinates not being updated

* fix: lines bound text rotation

* fix: incorrect placement of bound lines on flip

* remove redundant predicates in actionFlip

* update test

* refactor resizeElement with some renaming and comments

* fix grouped bounded text elements not being flipped correctly

* combine mutation for bounded text element

* remove incorrect return

* fix: linear elements bindings after flipping

* revert: remove incorrect return

This reverts commit e6b205ca900b504fe982e4ac1b3b19dcfca246b8.

* fix: minimum size for all elements in selection

---------

Co-authored-by: Ryan Di <ryan.weihao.di@gmail.com>
---
 src/actions/actionFlip.ts                     | 204 ++---------------
 src/element/resizeElements.ts                 | 210 +++++++++++++-----
 .../__snapshots__/contextmenu.test.tsx.snap   |  10 -
 .../regressionTests.test.tsx.snap             |  17 +-
 src/tests/contextmenu.test.tsx                |   4 +
 src/tests/flip.test.tsx                       |  75 ++++---
 src/tests/regressionTests.test.tsx            |   2 +-
 7 files changed, 240 insertions(+), 282 deletions(-)

diff --git a/src/actions/actionFlip.ts b/src/actions/actionFlip.ts
index 0dadc23b1..8edbbc4aa 100644
--- a/src/actions/actionFlip.ts
+++ b/src/actions/actionFlip.ts
@@ -1,42 +1,17 @@
 import { register } from "./register";
 import { getSelectedElements } from "../scene";
 import { getNonDeletedElements } from "../element";
-import { mutateElement } from "../element/mutateElement";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
-import { normalizeAngle, resizeSingleElement } from "../element/resizeElements";
-import { AppState } from "../types";
-import { getTransformHandles } from "../element/transformHandles";
-import { updateBoundElements } from "../element/binding";
+import { resizeMultipleElements } from "../element/resizeElements";
+import { AppState, PointerDownState } from "../types";
 import { arrayToMap } from "../utils";
-import {
-  getElementAbsoluteCoords,
-  getElementPointsCoords,
-} from "../element/bounds";
-import { isLinearElement } from "../element/typeChecks";
-import { LinearElementEditor } from "../element/linearElementEditor";
 import { CODES, KEYS } from "../keys";
-
-const enableActionFlipHorizontal = (
-  elements: readonly ExcalidrawElement[],
-  appState: AppState,
-) => {
-  const eligibleElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
-  return eligibleElements.length === 1 && eligibleElements[0].type !== "text";
-};
-
-const enableActionFlipVertical = (
-  elements: readonly ExcalidrawElement[],
-  appState: AppState,
-) => {
-  const eligibleElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
-  return eligibleElements.length === 1;
-};
+import { getCommonBoundingBox } from "../element/bounds";
+import {
+  bindOrUnbindSelectedElements,
+  isBindingEnabled,
+  unbindLinearElements,
+} from "../element/binding";
 
 export const actionFlipHorizontal = register({
   name: "flipHorizontal",
@@ -50,8 +25,6 @@ export const actionFlipHorizontal = register({
   },
   keyTest: (event) => event.shiftKey && event.code === CODES.H,
   contextItemLabel: "labels.flipHorizontal",
-  predicate: (elements, appState) =>
-    enableActionFlipHorizontal(elements, appState),
 });
 
 export const actionFlipVertical = register({
@@ -67,8 +40,6 @@ export const actionFlipVertical = register({
   keyTest: (event) =>
     event.shiftKey && event.code === CODES.V && !event[KEYS.CTRL_OR_CMD],
   contextItemLabel: "labels.flipVertical",
-  predicate: (elements, appState) =>
-    enableActionFlipVertical(elements, appState),
 });
 
 const flipSelectedElements = (
@@ -81,11 +52,6 @@ const flipSelectedElements = (
     appState,
   );
 
-  // remove once we allow for groups of elements to be flipped
-  if (selectedElements.length > 1) {
-    return elements;
-  }
-
   const updatedElements = flipElements(
     selectedElements,
     appState,
@@ -104,144 +70,20 @@ const flipElements = (
   appState: AppState,
   flipDirection: "horizontal" | "vertical",
 ): ExcalidrawElement[] => {
-  elements.forEach((element) => {
-    flipElement(element, appState);
-    // If vertical flip, rotate an extra 180
-    if (flipDirection === "vertical") {
-      rotateElement(element, Math.PI);
-    }
-  });
+  const { minX, minY, maxX, maxY } = getCommonBoundingBox(elements);
+
+  resizeMultipleElements(
+    { originalElements: arrayToMap(elements) } as PointerDownState,
+    elements,
+    "nw",
+    true,
+    flipDirection === "horizontal" ? maxX : minX,
+    flipDirection === "horizontal" ? minY : maxY,
+  );
+
+  (isBindingEnabled(appState)
+    ? bindOrUnbindSelectedElements
+    : unbindLinearElements)(elements);
+
   return elements;
 };
-
-const flipElement = (
-  element: NonDeleted<ExcalidrawElement>,
-  appState: AppState,
-) => {
-  const originalX = element.x;
-  const originalY = element.y;
-  const width = element.width;
-  const height = element.height;
-  const originalAngle = normalizeAngle(element.angle);
-
-  // Rotate back to zero, if necessary
-  mutateElement(element, {
-    angle: normalizeAngle(0),
-  });
-  // Flip unrotated by pulling TransformHandle to opposite side
-  const transformHandles = getTransformHandles(element, appState.zoom);
-  let usingNWHandle = true;
-  let nHandle = transformHandles.nw;
-  if (!nHandle) {
-    // Use ne handle instead
-    usingNWHandle = false;
-    nHandle = transformHandles.ne;
-    if (!nHandle) {
-      mutateElement(element, {
-        angle: originalAngle,
-      });
-      return;
-    }
-  }
-
-  let finalOffsetX = 0;
-  if (isLinearElement(element) && element.points.length < 3) {
-    finalOffsetX =
-      element.points.reduce((max, point) => Math.max(max, point[0]), 0) * 2 -
-      element.width;
-  }
-
-  let initialPointsCoords;
-  if (isLinearElement(element)) {
-    initialPointsCoords = getElementPointsCoords(element, element.points);
-  }
-  const initialElementAbsoluteCoords = getElementAbsoluteCoords(element);
-
-  if (isLinearElement(element) && element.points.length < 3) {
-    for (let index = 1; index < element.points.length; index++) {
-      LinearElementEditor.movePoints(element, [
-        {
-          index,
-          point: [-element.points[index][0], element.points[index][1]],
-        },
-      ]);
-    }
-    LinearElementEditor.normalizePoints(element);
-  } else {
-    const elWidth = initialPointsCoords
-      ? initialPointsCoords[2] - initialPointsCoords[0]
-      : initialElementAbsoluteCoords[2] - initialElementAbsoluteCoords[0];
-
-    const startPoint = initialPointsCoords
-      ? [initialPointsCoords[0], initialPointsCoords[1]]
-      : [initialElementAbsoluteCoords[0], initialElementAbsoluteCoords[1]];
-
-    resizeSingleElement(
-      new Map().set(element.id, element),
-      false,
-      element,
-      usingNWHandle ? "nw" : "ne",
-      true,
-      usingNWHandle ? startPoint[0] + elWidth : startPoint[0] - elWidth,
-      startPoint[1],
-    );
-  }
-
-  // Rotate by (360 degrees - original angle)
-  let angle = normalizeAngle(2 * Math.PI - originalAngle);
-  if (angle < 0) {
-    // check, probably unnecessary
-    angle = normalizeAngle(angle + 2 * Math.PI);
-  }
-  mutateElement(element, {
-    angle,
-  });
-
-  // Move back to original spot to appear "flipped in place"
-  mutateElement(element, {
-    x: originalX + finalOffsetX,
-    y: originalY,
-    width,
-    height,
-  });
-
-  updateBoundElements(element);
-
-  if (initialPointsCoords && isLinearElement(element)) {
-    // Adjusting origin because when a beizer curve path exceeds min/max points it offsets the origin.
-    // There's still room for improvement since when the line roughness is > 1
-    // we still have a small offset of the origin when fliipping the element.
-    const finalPointsCoords = getElementPointsCoords(element, element.points);
-
-    const topLeftCoordsDiff = initialPointsCoords[0] - finalPointsCoords[0];
-    const topRightCoordDiff = initialPointsCoords[2] - finalPointsCoords[2];
-
-    const coordsDiff = topLeftCoordsDiff + topRightCoordDiff;
-
-    mutateElement(element, {
-      x: element.x + coordsDiff * 0.5,
-      y: element.y,
-      width,
-      height,
-    });
-  }
-};
-
-const rotateElement = (element: ExcalidrawElement, rotationAngle: number) => {
-  const originalX = element.x;
-  const originalY = element.y;
-  let angle = normalizeAngle(element.angle + rotationAngle);
-  if (angle < 0) {
-    // check, probably unnecessary
-    angle = normalizeAngle(2 * Math.PI + angle);
-  }
-  mutateElement(element, {
-    angle,
-  });
-
-  // Move back to original spot
-  mutateElement(element, {
-    x: originalX,
-    y: originalY,
-  });
-};
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 67a6346be..3610d7577 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -14,17 +14,21 @@ import {
   NonDeleted,
   ExcalidrawElement,
   ExcalidrawTextElementWithContainer,
+  ExcalidrawImageElement,
 } from "./types";
+import type { Mutable } from "../utility-types";
 import {
   getElementAbsoluteCoords,
   getCommonBounds,
   getResizedElementAbsoluteCoords,
   getCommonBoundingBox,
+  getElementPointsCoords,
 } from "./bounds";
 import {
   isArrowElement,
   isBoundToContainer,
   isFreeDrawElement,
+  isImageElement,
   isLinearElement,
   isTextElement,
 } from "./typeChecks";
@@ -49,8 +53,12 @@ import {
   measureText,
   getBoundTextMaxHeight,
 } from "./textElement";
+import { LinearElementEditor } from "./linearElementEditor";
 
 export const normalizeAngle = (angle: number): number => {
+  if (angle < 0) {
+    return angle + 2 * Math.PI;
+  }
   if (angle >= 2 * Math.PI) {
     return angle - 2 * Math.PI;
   }
@@ -596,7 +604,7 @@ export const resizeSingleElement = (
   }
 };
 
-const resizeMultipleElements = (
+export const resizeMultipleElements = (
   pointerDownState: PointerDownState,
   selectedElements: readonly NonDeletedExcalidrawElement[],
   transformHandleType: "nw" | "ne" | "sw" | "se",
@@ -627,8 +635,28 @@ const resizeMultipleElements = (
     [],
   );
 
+  // getCommonBoundingBox() uses getBoundTextElement() which returns null for
+  // original elements from pointerDownState, so we have to find and add these
+  // bound text elements manually. Additionally, the coordinates of bound text
+  // elements aren't always up to date.
+  const boundTextElements = targetElements.reduce((acc, { orig }) => {
+    if (!isLinearElement(orig)) {
+      return acc;
+    }
+    const textId = getBoundTextElementId(orig);
+    if (!textId) {
+      return acc;
+    }
+    const text = pointerDownState.originalElements.get(textId) ?? null;
+    if (!isBoundToContainer(text)) {
+      return acc;
+    }
+    const xy = LinearElementEditor.getBoundTextElementPosition(orig, text);
+    return [...acc, { ...text, ...xy }];
+  }, [] as ExcalidrawTextElementWithContainer[]);
+
   const { minX, minY, maxX, maxY, midX, midY } = getCommonBoundingBox(
-    targetElements.map(({ orig }) => orig),
+    targetElements.map(({ orig }) => orig).concat(boundTextElements),
   );
   const direction = transformHandleType;
 
@@ -640,12 +668,22 @@ const resizeMultipleElements = (
   };
 
   // anchor point must be on the opposite side of the dragged selection handle
-  // or be the center of the selection if alt is pressed
+  // or be the center of the selection if shouldResizeFromCenter
   const [anchorX, anchorY]: Point = shouldResizeFromCenter
     ? [midX, midY]
     : mapDirectionsToAnchors[direction];
 
-  const mapDirectionsToPointerSides: Record<
+  const scale =
+    Math.max(
+      Math.abs(pointerX - anchorX) / (maxX - minX) || 0,
+      Math.abs(pointerY - anchorY) / (maxY - minY) || 0,
+    ) * (shouldResizeFromCenter ? 2 : 1);
+
+  if (scale === 0) {
+    return;
+  }
+
+  const mapDirectionsToPointerPositions: Record<
     typeof direction,
     [x: boolean, y: boolean]
   > = {
@@ -655,68 +693,117 @@ const resizeMultipleElements = (
     nw: [pointerX <= anchorX, pointerY <= anchorY],
   };
 
-  // pointer side relative to anchor
-  const [pointerSideX, pointerSideY] = mapDirectionsToPointerSides[
+  /**
+   * to flip an element:
+   * 1. determine over which axis is the element being flipped
+   *    (could be x, y, or both) indicated by `flipFactorX` & `flipFactorY`
+   * 2. shift element's position by the amount of width or height (or both) or
+   *    mirror points in the case of linear & freedraw elemenets
+   * 3. adjust element angle
+   */
+  const [flipFactorX, flipFactorY] = mapDirectionsToPointerPositions[
     direction
   ].map((condition) => (condition ? 1 : -1));
+  const isFlippedByX = flipFactorX < 0;
+  const isFlippedByY = flipFactorY < 0;
 
-  // stop resizing if a pointer is on the other side of selection
-  if (pointerSideX < 0 && pointerSideY < 0) {
-    return;
-  }
+  const elementsAndUpdates: {
+    element: NonDeletedExcalidrawElement;
+    update: Mutable<
+      Pick<ExcalidrawElement, "x" | "y" | "width" | "height" | "angle">
+    > & {
+      points?: ExcalidrawLinearElement["points"];
+      fontSize?: ExcalidrawTextElement["fontSize"];
+      baseline?: ExcalidrawTextElement["baseline"];
+      scale?: ExcalidrawImageElement["scale"];
+    };
+    boundText: {
+      element: ExcalidrawTextElementWithContainer;
+      fontSize: ExcalidrawTextElement["fontSize"];
+      baseline: ExcalidrawTextElement["baseline"];
+    } | null;
+  }[] = [];
 
-  const scale =
-    Math.max(
-      (pointerSideX * Math.abs(pointerX - anchorX)) / (maxX - minX),
-      (pointerSideY * Math.abs(pointerY - anchorY)) / (maxY - minY),
-    ) * (shouldResizeFromCenter ? 2 : 1);
+  for (const { orig, latest } of targetElements) {
+    // bounded text elements are updated along with their container elements
+    if (isTextElement(orig) && isBoundToContainer(orig)) {
+      continue;
+    }
 
-  if (scale === 0) {
-    return;
-  }
+    const width = orig.width * scale;
+    const height = orig.height * scale;
+    const angle = normalizeAngle(orig.angle * flipFactorX * flipFactorY);
 
-  targetElements.forEach((element) => {
-    const width = element.orig.width * scale;
-    const height = element.orig.height * scale;
-    const x = anchorX + (element.orig.x - anchorX) * scale;
-    const y = anchorY + (element.orig.y - anchorY) * scale;
+    const isLinearOrFreeDraw = isLinearElement(orig) || isFreeDrawElement(orig);
+    const offsetX = orig.x - anchorX;
+    const offsetY = orig.y - anchorY;
+    const shiftX = isFlippedByX && !isLinearOrFreeDraw ? width : 0;
+    const shiftY = isFlippedByY && !isLinearOrFreeDraw ? height : 0;
+    const x = anchorX + flipFactorX * (offsetX * scale + shiftX);
+    const y = anchorY + flipFactorY * (offsetY * scale + shiftY);
 
-    // readjust points for linear & free draw elements
     const rescaledPoints = rescalePointsInElement(
-      element.orig,
-      width,
-      height,
+      orig,
+      width * flipFactorX,
+      height * flipFactorY,
       false,
     );
 
-    const update: {
-      width: number;
-      height: number;
-      x: number;
-      y: number;
-      points?: Point[];
-      fontSize?: number;
-      baseline?: number;
-    } = {
-      width,
-      height,
+    const update: typeof elementsAndUpdates[0]["update"] = {
       x,
       y,
+      width,
+      height,
+      angle,
       ...rescaledPoints,
     };
 
-    let boundTextUpdates: { fontSize: number; baseline: number } | null = null;
+    if (isImageElement(orig) && targetElements.length === 1) {
+      update.scale = [orig.scale[0] * flipFactorX, orig.scale[1] * flipFactorY];
+    }
 
-    const boundTextElement = getBoundTextElement(element.latest);
+    if (isLinearElement(orig) && (isFlippedByX || isFlippedByY)) {
+      const origBounds = getElementPointsCoords(orig, orig.points);
+      const newBounds = getElementPointsCoords(
+        { ...orig, x, y },
+        rescaledPoints.points!,
+      );
+      const origXY = [orig.x, orig.y];
+      const newXY = [x, y];
 
-    if (boundTextElement || isTextElement(element.orig)) {
+      const linearShift = (axis: "x" | "y") => {
+        const i = axis === "x" ? 0 : 1;
+        return (
+          (newBounds[i + 2] -
+            newXY[i] -
+            (origXY[i] - origBounds[i]) * scale +
+            (origBounds[i + 2] - origXY[i]) * scale -
+            (newXY[i] - newBounds[i])) /
+          2
+        );
+      };
+
+      if (isFlippedByX) {
+        update.x -= linearShift("x");
+      }
+
+      if (isFlippedByY) {
+        update.y -= linearShift("y");
+      }
+    }
+
+    let boundText: typeof elementsAndUpdates[0]["boundText"] = null;
+
+    const boundTextElement = getBoundTextElement(latest);
+
+    if (boundTextElement || isTextElement(orig)) {
       const updatedElement = {
-        ...element.latest,
+        ...latest,
         width,
         height,
       };
       const metrics = measureFontSizeFromWidth(
-        boundTextElement ?? (element.orig as ExcalidrawTextElement),
+        boundTextElement ?? (orig as ExcalidrawTextElement),
         boundTextElement
           ? getBoundTextMaxWidth(updatedElement)
           : updatedElement.width,
@@ -729,29 +816,50 @@ const resizeMultipleElements = (
         return;
       }
 
-      if (isTextElement(element.orig)) {
+      if (isTextElement(orig)) {
         update.fontSize = metrics.size;
         update.baseline = metrics.baseline;
       }
 
       if (boundTextElement) {
-        boundTextUpdates = {
+        boundText = {
+          element: boundTextElement,
           fontSize: metrics.size,
           baseline: metrics.baseline,
         };
       }
     }
 
-    updateBoundElements(element.latest, { newSize: { width, height } });
+    elementsAndUpdates.push({ element: latest, update, boundText });
+  }
 
-    mutateElement(element.latest, update);
+  const elementsToUpdate = elementsAndUpdates.map(({ element }) => element);
 
-    if (boundTextElement && boundTextUpdates) {
-      mutateElement(boundTextElement, boundTextUpdates);
+  for (const { element, update, boundText } of elementsAndUpdates) {
+    const { width, height, angle } = update;
 
-      handleBindTextResize(element.latest, transformHandleType);
+    mutateElement(element, update, false);
+
+    updateBoundElements(element, {
+      simultaneouslyUpdated: elementsToUpdate,
+      newSize: { width, height },
+    });
+
+    if (boundText) {
+      const { element: boundTextElement, ...boundTextUpdates } = boundText;
+      mutateElement(
+        boundTextElement,
+        {
+          ...boundTextUpdates,
+          angle: isLinearElement(element) ? undefined : angle,
+        },
+        false,
+      );
+      handleBindTextResize(element, transformHandleType);
     }
-  });
+  }
+
+  Scene.getScene(elementsAndUpdates[0].element)?.informMutation();
 };
 
 const rotateMultipleElements = (
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 5e3a5b221..6103c2f51 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -197,7 +197,6 @@ Object {
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -207,7 +206,6 @@ Object {
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4594,7 +4592,6 @@ Object {
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4604,7 +4601,6 @@ Object {
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5144,7 +5140,6 @@ Object {
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5154,7 +5149,6 @@ Object {
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6003,7 +5997,6 @@ Object {
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6013,7 +6006,6 @@ Object {
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6349,7 +6341,6 @@ Object {
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6359,7 +6350,6 @@ Object {
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 68d87ef33..931a2db5a 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -15332,7 +15332,10 @@ Object {
   "penMode": false,
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
+    "id0": true,
+    "id1": true,
     "id2": true,
+    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -15342,7 +15345,6 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
     "id5": true,
   },
   "selectedGroupIds": Object {},
@@ -15390,7 +15392,7 @@ Object {
   "type": "rectangle",
   "updated": 1,
   "version": 4,
-  "versionNonce": 1505387817,
+  "versionNonce": 23633383,
   "width": 10,
   "x": 10,
   "y": 10,
@@ -15421,7 +15423,7 @@ Object {
   "type": "rectangle",
   "updated": 1,
   "version": 4,
-  "versionNonce": 23633383,
+  "versionNonce": 493213705,
   "width": 10,
   "x": 30,
   "y": 10,
@@ -15452,7 +15454,7 @@ Object {
   "type": "rectangle",
   "updated": 1,
   "version": 4,
-  "versionNonce": 493213705,
+  "versionNonce": 915032327,
   "width": 10,
   "x": 50,
   "y": 10,
@@ -15803,7 +15805,6 @@ Object {
           "id0": true,
           "id1": true,
           "id2": true,
-          "id3": true,
           "id5": true,
         },
         "selectedGroupIds": Object {},
@@ -15833,7 +15834,7 @@ Object {
           "type": "rectangle",
           "updated": 1,
           "version": 4,
-          "versionNonce": 1505387817,
+          "versionNonce": 23633383,
           "width": 10,
           "x": 10,
           "y": 10,
@@ -15861,7 +15862,7 @@ Object {
           "type": "rectangle",
           "updated": 1,
           "version": 4,
-          "versionNonce": 23633383,
+          "versionNonce": 493213705,
           "width": 10,
           "x": 30,
           "y": 10,
@@ -15889,7 +15890,7 @@ Object {
           "type": "rectangle",
           "updated": 1,
           "version": 4,
-          "versionNonce": 493213705,
+          "versionNonce": 915032327,
           "width": 10,
           "x": 50,
           "y": 10,
diff --git a/src/tests/contextmenu.test.tsx b/src/tests/contextmenu.test.tsx
index 9b4007b03..9e89996af 100644
--- a/src/tests/contextmenu.test.tsx
+++ b/src/tests/contextmenu.test.tsx
@@ -207,6 +207,8 @@ describe("contextMenu element", () => {
       "deleteSelectedElements",
       "group",
       "addToLibrary",
+      "flipHorizontal",
+      "flipVertical",
       "sendBackward",
       "bringForward",
       "sendToBack",
@@ -258,6 +260,8 @@ describe("contextMenu element", () => {
       "deleteSelectedElements",
       "ungroup",
       "addToLibrary",
+      "flipHorizontal",
+      "flipVertical",
       "sendBackward",
       "bringForward",
       "sendToBack",
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index c1469bc83..091d1c73b 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -195,10 +195,8 @@ const checkElementsBoundingBox = async (
   debugger;
   await waitFor(() => {
     // Check if width and height did not change
-    expect(x1 - toleranceInPx <= x12 && x12 <= x1 + toleranceInPx).toBeTruthy();
-    expect(y1 - toleranceInPx <= y12 && y12 <= y1 + toleranceInPx).toBeTruthy();
-    expect(x2 - toleranceInPx <= x22 && x22 <= x2 + toleranceInPx).toBeTruthy();
-    expect(y2 - toleranceInPx <= y22 && y22 <= y2 + toleranceInPx).toBeTruthy();
+    expect(x2 - x1).toBeCloseTo(x22 - x12, -1);
+    expect(y2 - y1).toBeCloseTo(y22 - y12, -1);
   });
 };
 
@@ -216,14 +214,22 @@ const checkTwoPointsLineHorizontalFlip = async () => {
   h.app.actionManager.executeAction(actionFlipHorizontal);
   const newElement = h.elements[0] as ExcalidrawLinearElement;
   await waitFor(() => {
-    expect(originalElement.points[0][0]).toEqual(
-      newElement.points[0][0] !== 0 ? -newElement.points[0][0] : 0,
+    expect(originalElement.points[0][0]).toBeCloseTo(
+      -newElement.points[0][0],
+      5,
     );
-    expect(originalElement.points[0][1]).toEqual(newElement.points[0][1]);
-    expect(originalElement.points[1][0]).toEqual(
-      newElement.points[1][0] !== 0 ? -newElement.points[1][0] : 0,
+    expect(originalElement.points[0][1]).toBeCloseTo(
+      newElement.points[0][1],
+      5,
+    );
+    expect(originalElement.points[1][0]).toBeCloseTo(
+      -newElement.points[1][0],
+      5,
+    );
+    expect(originalElement.points[1][1]).toBeCloseTo(
+      newElement.points[1][1],
+      5,
     );
-    expect(originalElement.points[1][1]).toEqual(newElement.points[1][1]);
   });
 };
 
@@ -234,14 +240,22 @@ const checkTwoPointsLineVerticalFlip = async () => {
   h.app.actionManager.executeAction(actionFlipVertical);
   const newElement = h.elements[0] as ExcalidrawLinearElement;
   await waitFor(() => {
-    expect(originalElement.points[0][0]).toEqual(
-      newElement.points[0][0] !== 0 ? -newElement.points[0][0] : 0,
+    expect(originalElement.points[0][0]).toBeCloseTo(
+      newElement.points[0][0],
+      5,
     );
-    expect(originalElement.points[0][1]).toEqual(newElement.points[0][1]);
-    expect(originalElement.points[1][0]).toEqual(
-      newElement.points[1][0] !== 0 ? -newElement.points[1][0] : 0,
+    expect(originalElement.points[0][1]).toBeCloseTo(
+      -newElement.points[0][1],
+      5,
+    );
+    expect(originalElement.points[1][0]).toBeCloseTo(
+      newElement.points[1][0],
+      5,
+    );
+    expect(originalElement.points[1][1]).toBeCloseTo(
+      -newElement.points[1][1],
+      5,
     );
-    expect(originalElement.points[1][1]).toEqual(newElement.points[1][1]);
   });
 };
 
@@ -318,7 +332,7 @@ describe("rectangle", () => {
 
   it("flips a rotated rectangle vertically correctly", async () => {
     const originalAngle = (3 * Math.PI) / 4;
-    const expectedAgnle = Math.PI / 4;
+    const expectedAgnle = (5 * Math.PI) / 4;
 
     createAndSelectOneRectangle(originalAngle);
 
@@ -351,7 +365,7 @@ describe("diamond", () => {
 
   it("flips a rotated diamond vertically correctly", async () => {
     const originalAngle = (5 * Math.PI) / 4;
-    const expectedAngle = (7 * Math.PI) / 4;
+    const expectedAngle = (3 * Math.PI) / 4;
 
     createAndSelectOneDiamond(originalAngle);
 
@@ -384,7 +398,7 @@ describe("ellipse", () => {
 
   it("flips a rotated ellipse vertically correctly", async () => {
     const originalAngle = (7 * Math.PI) / 4;
-    const expectedAngle = (5 * Math.PI) / 4;
+    const expectedAngle = Math.PI / 4;
 
     createAndSelectOneEllipse(originalAngle);
 
@@ -429,7 +443,7 @@ describe("arrow", () => {
 
   it("flips a rotated arrow vertically with line inside min/max points bounds", async () => {
     const originalAngle = Math.PI / 4;
-    const expectedAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementWithCurveInsideMinMaxPoints("arrow");
     h.app.scene.replaceAllElements([line]);
     h.app.state.selectedElementIds[line.id] = true;
@@ -481,7 +495,7 @@ describe("arrow", () => {
   //TODO: elements with curve outside minMax points have a wrong bounding box!!!
   it.skip("flips a rotated arrow vertically with line outside min/max points bounds", async () => {
     const originalAngle = Math.PI / 4;
-    const expectedAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementsWithCurveOutsideMinMaxPoints("arrow");
     mutateElement(line, { angle: originalAngle });
     h.app.scene.replaceAllElements([line]);
@@ -512,7 +526,6 @@ describe("arrow", () => {
 
   it("flips a two points arrow vertically correctly", async () => {
     createAndSelectOneArrow();
-
     await checkTwoPointsLineVerticalFlip();
   });
 });
@@ -581,7 +594,7 @@ describe("line", () => {
   //TODO: elements with curve outside minMax points have a wrong bounding box
   it.skip("flips a rotated line vertically with line outside min/max points bounds", async () => {
     const originalAngle = Math.PI / 4;
-    const expectedAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementsWithCurveOutsideMinMaxPoints("line");
     mutateElement(line, { angle: originalAngle });
     h.app.scene.replaceAllElements([line]);
@@ -616,7 +629,7 @@ describe("line", () => {
 
   it("flips a rotated line vertically with line inside min/max points bounds", async () => {
     const originalAngle = Math.PI / 4;
-    const expectedAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementWithCurveInsideMinMaxPoints("line");
     h.app.scene.replaceAllElements([line]);
     h.app.state.selectedElementIds[line.id] = true;
@@ -670,7 +683,7 @@ describe("freedraw", () => {
 
   it("flips a rotated drawing vertically correctly", async () => {
     const originalAngle = Math.PI / 4;
-    const expectedAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
 
     const draw = createAndReturnOneDraw(originalAngle);
     // select draw, since not done automatically
@@ -718,8 +731,8 @@ describe("image", () => {
     });
 
     await checkVerticalFlip();
-    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, 1]);
-    expect(h.elements[0].angle).toBeCloseTo(Math.PI);
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, -1]);
+    expect(h.elements[0].angle).toBeCloseTo(0);
   });
 
   it("flips an rotated image horizontally correctly", async () => {
@@ -742,7 +755,7 @@ describe("image", () => {
 
   it("flips an rotated image vertically correctly", async () => {
     const originalAngle = Math.PI / 4;
-    const expectedAngle = (3 * Math.PI) / 4;
+    const expectedAngle = (7 * Math.PI) / 4;
     //paste image
     await createImage();
     await waitFor(() => {
@@ -757,7 +770,7 @@ describe("image", () => {
     });
 
     await checkRotatedVerticalFlip(expectedAngle);
-    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, 1]);
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, -1]);
     expect(h.elements[0].angle).toBeCloseTo(expectedAngle);
   });
 
@@ -772,7 +785,7 @@ describe("image", () => {
     });
 
     await checkVerticalHorizontalFlip();
-    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
-    expect(h.elements[0].angle).toBeCloseTo(Math.PI);
+    expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([-1, -1]);
+    expect(h.elements[0].angle).toBeCloseTo(0);
   });
 });
diff --git a/src/tests/regressionTests.test.tsx b/src/tests/regressionTests.test.tsx
index 9ecbfb42c..2b9094888 100644
--- a/src/tests/regressionTests.test.tsx
+++ b/src/tests/regressionTests.test.tsx
@@ -542,7 +542,7 @@ describe("regression tests", () => {
       expect(element.groupIds.length).toBe(1);
     }
 
-    mouse.reset();
+    mouse.moveTo(-10, -10); // the NW resizing handle is at [0, 0], so moving further
     mouse.down();
     mouse.restorePosition(...end);
     mouse.up();

From 08563e7d7bd30db16d09da47b40b8faae176d998 Mon Sep 17 00:00:00 2001
From: Are <me@iama.re>
Date: Fri, 26 May 2023 16:16:55 +0200
Subject: [PATCH 194/252] feat: update design of ImageExportDialog (#6614)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionExport.tsx                |   3 +-
 src/actions/manager.tsx                     |   7 +-
 src/components/ConfirmDialog.tsx            |   2 +-
 src/components/Dialog.scss                  |  29 ++
 src/components/Dialog.tsx                   |  33 +-
 src/components/ErrorDialog.tsx              |   2 +-
 src/components/ImageExportDialog.scss       | 215 ++++++++++++
 src/components/ImageExportDialog.tsx        | 360 +++++++++++++-------
 src/components/LibraryMenuHeaderContent.tsx |   2 +-
 src/components/Modal.scss                   |  19 +-
 src/components/Modal.tsx                    |   2 +-
 src/components/PasteChartDialog.tsx         |   2 +-
 src/components/ProjectName.tsx              |   5 +-
 src/components/RadioGroup.scss              | 100 ++++++
 src/components/RadioGroup.tsx               |  42 +++
 src/components/Switch.scss                  | 116 +++++++
 src/components/Switch.tsx                   |  38 +++
 src/components/icons.tsx                    |  29 ++
 src/excalidraw-app/collab/RoomDialog.tsx    |   2 +-
 src/locales/en.json                         |  33 +-
 src/tests/packages/excalidraw.test.tsx      |  11 +-
 21 files changed, 881 insertions(+), 171 deletions(-)
 create mode 100644 src/components/ImageExportDialog.scss
 create mode 100644 src/components/RadioGroup.scss
 create mode 100644 src/components/RadioGroup.tsx
 create mode 100644 src/components/Switch.scss
 create mode 100644 src/components/Switch.tsx

diff --git a/src/actions/actionExport.tsx b/src/actions/actionExport.tsx
index f142eac87..d945ba959 100644
--- a/src/actions/actionExport.tsx
+++ b/src/actions/actionExport.tsx
@@ -26,7 +26,7 @@ export const actionChangeProjectName = register({
   perform: (_elements, appState, value) => {
     return { appState: { ...appState, name: value }, commitToHistory: false };
   },
-  PanelComponent: ({ appState, updateData, appProps }) => (
+  PanelComponent: ({ appState, updateData, appProps, data }) => (
     <ProjectName
       label={t("labels.fileTitle")}
       value={appState.name || "Unnamed"}
@@ -34,6 +34,7 @@ export const actionChangeProjectName = register({
       isNameEditable={
         typeof appProps.name === "undefined" && !appState.viewModeEnabled
       }
+      ignoreFocus={data?.ignoreFocus ?? false}
     />
   ),
 });
diff --git a/src/actions/manager.tsx b/src/actions/manager.tsx
index 60648e410..e52e91da7 100644
--- a/src/actions/manager.tsx
+++ b/src/actions/manager.tsx
@@ -118,10 +118,13 @@ export class ActionManager {
     return true;
   }
 
-  executeAction(action: Action, source: ActionSource = "api") {
+  executeAction(
+    action: Action,
+    source: ActionSource = "api",
+    value: any = null,
+  ) {
     const elements = this.getElementsIncludingDeleted();
     const appState = this.getAppState();
-    const value = null;
 
     trackAction(action, source, appState, elements, this.app, value);
 
diff --git a/src/components/ConfirmDialog.tsx b/src/components/ConfirmDialog.tsx
index a0f257e36..9061fefa0 100644
--- a/src/components/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog.tsx
@@ -31,7 +31,7 @@ const ConfirmDialog = (props: Props) => {
   return (
     <Dialog
       onCloseRequest={onCancel}
-      small={true}
+      size="small"
       {...rest}
       className={`confirm-dialog ${className}`}
     >
diff --git a/src/components/Dialog.scss b/src/components/Dialog.scss
index 604b3c64e..405f9235a 100644
--- a/src/components/Dialog.scss
+++ b/src/components/Dialog.scss
@@ -14,4 +14,33 @@
     padding: 0 0 0.75rem;
     margin-bottom: 1.5rem;
   }
+
+  .Dialog__close {
+    color: var(--color-gray-40);
+    margin: 0;
+    position: absolute;
+    top: 0.75rem;
+    right: 0.5rem;
+    border: 0;
+    background-color: transparent;
+    line-height: 0;
+    cursor: pointer;
+
+    &:hover {
+      color: var(--color-gray-60);
+    }
+    &:active {
+      color: var(--color-gray-40);
+    }
+
+    @include isMobile {
+      top: 1.25rem;
+      right: 1.25rem;
+    }
+
+    svg {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+  }
 }
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index 363bb849f..a76f65e46 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -21,9 +21,9 @@ import { jotaiScope } from "../jotai";
 export interface DialogProps {
   children: React.ReactNode;
   className?: string;
-  small?: boolean;
+  size?: "small" | "regular" | "wide";
   onCloseRequest(): void;
-  title: React.ReactNode;
+  title: React.ReactNode | false;
   autofocus?: boolean;
   theme?: AppState["theme"];
   closeOnClickOutside?: boolean;
@@ -33,6 +33,7 @@ export const Dialog = (props: DialogProps) => {
   const [islandNode, setIslandNode] = useCallbackRefState<HTMLDivElement>();
   const [lastActiveElement] = useState(document.activeElement);
   const { id } = useExcalidrawContainer();
+  const device = useDevice();
 
   useEffect(() => {
     if (!islandNode) {
@@ -86,23 +87,27 @@ export const Dialog = (props: DialogProps) => {
     <Modal
       className={clsx("Dialog", props.className)}
       labelledBy="dialog-title"
-      maxWidth={props.small ? 550 : 800}
+      maxWidth={
+        props.size === "wide" ? 1024 : props.size === "small" ? 550 : 800
+      }
       onCloseRequest={onClose}
       theme={props.theme}
       closeOnClickOutside={props.closeOnClickOutside}
     >
       <Island ref={setIslandNode}>
-        <h2 id={`${id}-dialog-title`} className="Dialog__title">
-          <span className="Dialog__titleContent">{props.title}</span>
-          <button
-            className="Modal__close"
-            onClick={onClose}
-            title={t("buttons.close")}
-            aria-label={t("buttons.close")}
-          >
-            {useDevice().isMobile ? back : CloseIcon}
-          </button>
-        </h2>
+        {props.title && (
+          <h2 id={`${id}-dialog-title`} className="Dialog__title">
+            <span className="Dialog__titleContent">{props.title}</span>
+          </h2>
+        )}
+        <button
+          className="Dialog__close"
+          onClick={onClose}
+          title={t("buttons.close")}
+          aria-label={t("buttons.close")}
+        >
+          {device.isMobile ? back : CloseIcon}
+        </button>
         <div className="Dialog__content">{props.children}</div>
       </Island>
     </Modal>
diff --git a/src/components/ErrorDialog.tsx b/src/components/ErrorDialog.tsx
index 56c303c15..74d265f73 100644
--- a/src/components/ErrorDialog.tsx
+++ b/src/components/ErrorDialog.tsx
@@ -28,7 +28,7 @@ export const ErrorDialog = ({
     <>
       {modalIsShown && (
         <Dialog
-          small
+          size="small"
           onCloseRequest={handleClose}
           title={t("errorDialog.title")}
         >
diff --git a/src/components/ImageExportDialog.scss b/src/components/ImageExportDialog.scss
new file mode 100644
index 000000000..a74cfdc20
--- /dev/null
+++ b/src/components/ImageExportDialog.scss
@@ -0,0 +1,215 @@
+@import "../css/variables.module";
+
+.excalidraw {
+  --ImageExportModal-preview-border: #d6d6d6;
+
+  &.theme--dark {
+    --ImageExportModal-preview-border: #5c5c5c;
+  }
+
+  .ImageExportModal {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    & h3 {
+      font-family: "Assistant";
+      font-style: normal;
+      font-weight: 700;
+      font-size: 1.313rem;
+      line-height: 130%;
+      padding: 0;
+      margin: 0;
+
+      @include isMobile {
+        display: none;
+      }
+    }
+
+    & > h3 {
+      display: none;
+
+      @include isMobile {
+        display: block;
+      }
+    }
+
+    @include isMobile {
+      flex-direction: column;
+      height: calc(100vh - 5rem);
+    }
+
+    &__preview {
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      height: 360px;
+      width: 55%;
+
+      margin-right: 1.5rem;
+
+      @include isMobile {
+        max-width: unset;
+        margin-right: unset;
+
+        width: 100%;
+        height: unset;
+        flex-grow: 1;
+      }
+
+      &__filename {
+        & > input {
+          margin-top: 1rem;
+        }
+      }
+
+      &__canvas {
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-grow: 1;
+        justify-content: center;
+        align-items: center;
+
+        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==")
+          left center;
+
+        border: 1px solid var(--ImageExportModal-preview-border);
+        border-radius: 12px;
+
+        overflow: hidden;
+        padding: 1rem;
+
+        & > canvas {
+          max-width: calc(100% - 2rem);
+          max-height: calc(100% - 2rem);
+
+          filter: none !important;
+
+          @include isMobile {
+            max-height: 100%;
+          }
+        }
+
+        @include isMobile {
+          margin-top: 24px;
+          max-width: unset;
+        }
+      }
+    }
+
+    &__settings {
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      gap: 18px;
+
+      @include isMobile {
+        margin-left: unset;
+        margin-top: 1rem;
+        flex-direction: row;
+        gap: 6px 34px;
+
+        align-content: flex-start;
+      }
+
+      &__setting {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+
+        @include isMobile {
+          flex-direction: column;
+          align-items: start;
+          justify-content: unset;
+          height: 52px;
+        }
+
+        &__label {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+
+          font-family: "Assistant";
+          font-weight: 600;
+          font-size: 1rem;
+          line-height: 150%;
+
+          & svg {
+            width: 20px;
+            height: 20px;
+            margin-left: 10px;
+          }
+        }
+
+        &__content {
+          display: flex;
+          height: 100%;
+          align-items: center;
+        }
+      }
+
+      &__buttons {
+        flex-grow: 1;
+        flex-wrap: wrap;
+        display: flex;
+        flex-direction: row;
+        gap: 11px;
+
+        align-items: flex-end;
+        align-content: flex-end;
+
+        @include isMobile {
+          padding-top: 32px;
+          flex-basis: 100%;
+          justify-content: center;
+        }
+
+        &__button {
+          box-sizing: border-box;
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+          padding: 8px 16px;
+          flex-shrink: 0;
+          width: fit-content;
+          gap: 8px;
+
+          height: 40px;
+          border: 0;
+          border-radius: 8px;
+
+          user-select: none;
+          font-family: "Assistant";
+          font-style: normal;
+          font-weight: 600;
+          font-size: 0.75rem;
+          line-height: 100%;
+          transition: 150ms ease-out;
+          transition-property: background, color;
+
+          background: var(--color-primary);
+          color: var(--color-icon-white);
+
+          &:hover {
+            background: var(--color-primary-darker);
+            color: var(--color-icon-white);
+          }
+
+          &:active {
+            background: var(--color-primary-darkest);
+          }
+
+          & > svg {
+            width: 20px;
+            height: 20px;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 38467d6eb..604f50b4f 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -1,25 +1,39 @@
 import React, { useEffect, useRef, useState } from "react";
+
+import type { ActionManager } from "../actions/manager";
+import type { AppClassProperties, BinaryFiles, UIAppState } from "../types";
+
+import {
+  actionExportWithDarkMode,
+  actionChangeExportBackground,
+  actionChangeExportEmbedScene,
+  actionChangeExportScale,
+  actionChangeProjectName,
+} from "../actions/actionExport";
 import { probablySupportsClipboardBlob } from "../clipboard";
-import { canvasToBlob } from "../data/blob";
-import { NonDeletedExcalidrawElement } from "../element/types";
-import { t } from "../i18n";
-import { getSelectedElements, isSomeElementSelected } from "../scene";
-import { AppClassProperties, BinaryFiles, UIAppState } from "../types";
-import { Dialog } from "./Dialog";
-import { clipboard } from "./icons";
-import Stack from "./Stack";
-import OpenColor from "open-color";
-import { CheckboxItem } from "./CheckboxItem";
 import {
   DEFAULT_EXPORT_PADDING,
   EXPORT_IMAGE_TYPES,
   isFirefox,
+  EXPORT_SCALES,
 } from "../constants";
+
+import { canvasToBlob } from "../data/blob";
 import { nativeFileSystemSupported } from "../data/filesystem";
-import { ActionManager } from "../actions/manager";
+import { NonDeletedExcalidrawElement } from "../element/types";
+import { t } from "../i18n";
+import { getSelectedElements, isSomeElementSelected } from "../scene";
 import { exportToCanvas } from "../packages/utils";
 
-import "./ExportDialog.scss";
+import { copyIcon, downloadIcon, helpIcon } from "./icons";
+import { Button } from "./Button";
+import { Dialog } from "./Dialog";
+import { RadioGroup } from "./RadioGroup";
+import { Switch } from "./Switch";
+import { Tooltip } from "./Tooltip";
+
+import "./ImageExportDialog.scss";
+import { useAppProps } from "./App";
 
 const supportsContextFilters =
   "filter" in document.createElement("canvas").getContext("2d")!;
@@ -36,50 +50,36 @@ export const ErrorCanvasPreview = () => {
   );
 };
 
-export type ExportCB = (
-  elements: readonly NonDeletedExcalidrawElement[],
-  scale?: number,
-) => void;
-
-const ExportButton: React.FC<{
-  color: keyof OpenColor;
-  onClick: () => void;
-  title: string;
-  shade?: number;
-  children?: React.ReactNode;
-}> = ({ children, title, onClick, color, shade = 6 }) => {
-  return (
-    <button
-      className="ExportDialog-imageExportButton"
-      style={{
-        ["--button-color" as any]: OpenColor[color][shade],
-        ["--button-color-darker" as any]: OpenColor[color][shade + 1],
-        ["--button-color-darkest" as any]: OpenColor[color][shade + 2],
-      }}
-      title={title}
-      aria-label={title}
-      onClick={onClick}
-    >
-      {children}
-    </button>
-  );
-};
-
-const ImageExportModal = ({
-  elements,
-  appState,
-  files,
-  actionManager,
-  onExportImage,
-}: {
+type ImageExportModalProps = {
   appState: UIAppState;
   elements: readonly NonDeletedExcalidrawElement[];
   files: BinaryFiles;
   actionManager: ActionManager;
   onExportImage: AppClassProperties["onExportImage"];
-}) => {
+};
+
+const ImageExportModal = ({
+  appState,
+  elements,
+  files,
+  actionManager,
+  onExportImage,
+}: ImageExportModalProps) => {
+  const appProps = useAppProps();
+  const [projectName, setProjectName] = useState(appState.name);
+
   const someElementIsSelected = isSomeElementSelected(elements, appState);
+
   const [exportSelected, setExportSelected] = useState(someElementIsSelected);
+  const [exportWithBackground, setExportWithBackground] = useState(
+    appState.exportBackground,
+  );
+  const [exportDarkMode, setExportDarkMode] = useState(
+    appState.exportWithDarkMode,
+  );
+  const [embedScene, setEmbedScene] = useState(appState.exportEmbedScene);
+  const [exportScale, setExportScale] = useState(appState.exportScale);
+
   const previewRef = useRef<HTMLDivElement>(null);
   const [renderError, setRenderError] = useState<Error | null>(null);
 
@@ -93,6 +93,7 @@ const ImageExportModal = ({
       return;
     }
     const maxWidth = previewNode.offsetWidth;
+    const maxHeight = previewNode.offsetHeight;
     if (!maxWidth) {
       return;
     }
@@ -101,7 +102,7 @@ const ImageExportModal = ({
       appState,
       files,
       exportPadding: DEFAULT_EXPORT_PADDING,
-      maxWidthOrHeight: maxWidth,
+      maxWidthOrHeight: Math.max(maxWidth, maxHeight),
     })
       .then((canvas) => {
         setRenderError(null);
@@ -118,89 +119,190 @@ const ImageExportModal = ({
   }, [appState, files, exportedElements]);
 
   return (
-    <div className="ExportDialog">
-      <div className="ExportDialog__preview" ref={previewRef}>
-        {renderError && <ErrorCanvasPreview />}
-      </div>
-      {supportsContextFilters &&
-        actionManager.renderAction("exportWithDarkMode")}
-      <div style={{ display: "grid", gridTemplateColumns: "1fr" }}>
-        <div
-          style={{
-            display: "grid",
-            gridTemplateColumns: "repeat(auto-fit, minmax(190px, 1fr))",
-            // dunno why this is needed, but when the items wrap it creates
-            // an overflow
-            overflow: "hidden",
-          }}
-        >
-          {actionManager.renderAction("changeExportBackground")}
-          {someElementIsSelected && (
-            <CheckboxItem
-              checked={exportSelected}
-              onChange={(checked) => setExportSelected(checked)}
-            >
-              {t("labels.onlySelected")}
-            </CheckboxItem>
+    <div className="ImageExportModal">
+      <h3>{t("imageExportDialog.header")}</h3>
+      <div className="ImageExportModal__preview">
+        <div className="ImageExportModal__preview__canvas" ref={previewRef}>
+          {renderError && <ErrorCanvasPreview />}
+        </div>
+        <div className="ImageExportModal__preview__filename">
+          {!nativeFileSystemSupported && (
+            <input
+              type="text"
+              className="TextInput"
+              value={projectName}
+              style={{ width: "30ch" }}
+              disabled={
+                typeof appProps.name !== "undefined" || appState.viewModeEnabled
+              }
+              onChange={(event) => {
+                setProjectName(event.target.value);
+                actionManager.executeAction(
+                  actionChangeProjectName,
+                  "ui",
+                  event.target.value,
+                );
+              }}
+            />
           )}
-          {actionManager.renderAction("changeExportEmbedScene")}
         </div>
       </div>
-      <div style={{ display: "flex", alignItems: "center", marginTop: ".6em" }}>
-        <Stack.Row gap={2}>
-          {actionManager.renderAction("changeExportScale")}
-        </Stack.Row>
-        <p style={{ marginLeft: "1em", userSelect: "none" }}>
-          {t("buttons.scale")}
-        </p>
-      </div>
-      <div
-        style={{
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          margin: ".6em 0",
-        }}
-      >
-        {!nativeFileSystemSupported &&
-          actionManager.renderAction("changeProjectName")}
-      </div>
-      <Stack.Row gap={2} justifyContent="center" style={{ margin: "2em 0" }}>
-        <ExportButton
-          color="indigo"
-          title={t("buttons.exportToPng")}
-          aria-label={t("buttons.exportToPng")}
-          onClick={() =>
-            onExportImage(EXPORT_IMAGE_TYPES.png, exportedElements)
-          }
-        >
-          PNG
-        </ExportButton>
-        <ExportButton
-          color="red"
-          title={t("buttons.exportToSvg")}
-          aria-label={t("buttons.exportToSvg")}
-          onClick={() =>
-            onExportImage(EXPORT_IMAGE_TYPES.svg, exportedElements)
-          }
-        >
-          SVG
-        </ExportButton>
-        {/* firefox supports clipboard API under a flag,
-            so let's throw and tell people what they can do */}
-        {(probablySupportsClipboardBlob || isFirefox) && (
-          <ExportButton
-            title={t("buttons.copyPngToClipboard")}
-            onClick={() =>
-              onExportImage(EXPORT_IMAGE_TYPES.clipboard, exportedElements)
-            }
-            color="gray"
-            shade={7}
+      <div className="ImageExportModal__settings">
+        <h3>{t("imageExportDialog.header")}</h3>
+        {someElementIsSelected && (
+          <ExportSetting
+            label={t("imageExportDialog.label.onlySelected")}
+            name="exportOnlySelected"
           >
-            {clipboard}
-          </ExportButton>
+            <Switch
+              name="exportOnlySelected"
+              checked={exportSelected}
+              onChange={(checked) => {
+                setExportSelected(checked);
+              }}
+            />
+          </ExportSetting>
         )}
-      </Stack.Row>
+        <ExportSetting
+          label={t("imageExportDialog.label.withBackground")}
+          name="exportBackgroundSwitch"
+        >
+          <Switch
+            name="exportBackgroundSwitch"
+            checked={exportWithBackground}
+            onChange={(checked) => {
+              setExportWithBackground(checked);
+              actionManager.executeAction(
+                actionChangeExportBackground,
+                "ui",
+                checked,
+              );
+            }}
+          />
+        </ExportSetting>
+        {supportsContextFilters && (
+          <ExportSetting
+            label={t("imageExportDialog.label.darkMode")}
+            name="exportDarkModeSwitch"
+          >
+            <Switch
+              name="exportDarkModeSwitch"
+              checked={exportDarkMode}
+              onChange={(checked) => {
+                setExportDarkMode(checked);
+                actionManager.executeAction(
+                  actionExportWithDarkMode,
+                  "ui",
+                  checked,
+                );
+              }}
+            />
+          </ExportSetting>
+        )}
+        <ExportSetting
+          label={t("imageExportDialog.label.embedScene")}
+          tooltip={t("imageExportDialog.tooltip.embedScene")}
+          name="exportEmbedSwitch"
+        >
+          <Switch
+            name="exportEmbedSwitch"
+            checked={embedScene}
+            onChange={(checked) => {
+              setEmbedScene(checked);
+              actionManager.executeAction(
+                actionChangeExportEmbedScene,
+                "ui",
+                checked,
+              );
+            }}
+          />
+        </ExportSetting>
+        <ExportSetting
+          label={t("imageExportDialog.label.scale")}
+          name="exportScale"
+        >
+          <RadioGroup
+            name="exportScale"
+            value={exportScale}
+            onChange={(scale) => {
+              setExportScale(scale);
+              actionManager.executeAction(actionChangeExportScale, "ui", scale);
+            }}
+            choices={EXPORT_SCALES.map((scale) => ({
+              value: scale,
+              label: `${scale}\u00d7`,
+            }))}
+          />
+        </ExportSetting>
+
+        <div className="ImageExportModal__settings__buttons">
+          <Button
+            className="ImageExportModal__settings__buttons__button"
+            title={t("imageExportDialog.title.exportToPng")}
+            aria-label={t("imageExportDialog.title.exportToPng")}
+            onSelect={() =>
+              onExportImage(EXPORT_IMAGE_TYPES.png, exportedElements)
+            }
+          >
+            {downloadIcon} {t("imageExportDialog.button.exportToPng")}
+          </Button>
+          <Button
+            className="ImageExportModal__settings__buttons__button"
+            title={t("imageExportDialog.title.exportToSvg")}
+            aria-label={t("imageExportDialog.title.exportToSvg")}
+            onSelect={() =>
+              onExportImage(EXPORT_IMAGE_TYPES.svg, exportedElements)
+            }
+          >
+            {downloadIcon} {t("imageExportDialog.button.exportToSvg")}
+          </Button>
+          {(probablySupportsClipboardBlob || isFirefox) && (
+            <Button
+              className="ImageExportModal__settings__buttons__button"
+              title={t("imageExportDialog.title.copyPngToClipboard")}
+              aria-label={t("imageExportDialog.title.copyPngToClipboard")}
+              onSelect={() =>
+                onExportImage(EXPORT_IMAGE_TYPES.clipboard, exportedElements)
+              }
+            >
+              {copyIcon} {t("imageExportDialog.button.copyPngToClipboard")}
+            </Button>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+type ExportSettingProps = {
+  label: string;
+  children: React.ReactNode;
+  tooltip?: string;
+  name?: string;
+};
+
+const ExportSetting = ({
+  label,
+  children,
+  tooltip,
+  name,
+}: ExportSettingProps) => {
+  return (
+    <div className="ImageExportModal__settings__setting" title={label}>
+      <label
+        htmlFor={name}
+        className="ImageExportModal__settings__setting__label"
+      >
+        {label}
+        {tooltip && (
+          <Tooltip label={tooltip} long={true}>
+            {helpIcon}
+          </Tooltip>
+        )}
+      </label>
+      <div className="ImageExportModal__settings__setting__content">
+        {children}
+      </div>
     </div>
   );
 };
@@ -225,7 +327,7 @@ export const ImageExportDialog = ({
   }
 
   return (
-    <Dialog onCloseRequest={onCloseRequest} title={t("buttons.exportImage")}>
+    <Dialog onCloseRequest={onCloseRequest} size="wide" title={false}>
       <ImageExportModal
         elements={elements}
         appState={appState}
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index 3f16bdb62..d51f651f3 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -106,7 +106,7 @@ export const LibraryDropdownMenuButton: React.FC<{
         onCloseRequest={() => setPublishLibSuccess(null)}
         title={t("publishSuccessDialog.title")}
         className="publish-library-success"
-        small={true}
+        size="small"
       >
         <p>
           <Trans
diff --git a/src/components/Modal.scss b/src/components/Modal.scss
index 71a1a4c0f..8bf50caaf 100644
--- a/src/components/Modal.scss
+++ b/src/components/Modal.scss
@@ -24,13 +24,15 @@
   }
 
   .Modal__background {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     background-color: rgba(#121212, 0.2);
+
+    animation: Modal__background__fade-in 0.125s linear forwards;
   }
 
   .Modal__content {
@@ -65,14 +67,23 @@
     }
   }
 
-  @keyframes Modal__content_fade-in {
+  @keyframes Modal__background__fade-in {
     from {
       opacity: 0;
-      transform: translateY(10px);
     }
     to {
       opacity: 1;
-      transform: translateY(0);
+    }
+  }
+
+  @keyframes Modal__content_fade-in {
+    from {
+      opacity: 0;
+      transform: scale(0.9);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
     }
   }
 
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index 3d774b3df..30a4e6fd1 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -44,7 +44,7 @@ export const Modal: React.FC<{
       <div
         className="Modal__background"
         onClick={closeOnClickOutside ? props.onCloseRequest : undefined}
-      ></div>
+      />
       <div
         className="Modal__content"
         style={{ "--max-width": `${props.maxWidth}px` }}
diff --git a/src/components/PasteChartDialog.tsx b/src/components/PasteChartDialog.tsx
index a44db4025..9878f6fcc 100644
--- a/src/components/PasteChartDialog.tsx
+++ b/src/components/PasteChartDialog.tsx
@@ -106,7 +106,7 @@ export const PasteChartDialog = ({
 
   return (
     <Dialog
-      small
+      size="small"
       onCloseRequest={handleClose}
       title={t("labels.pasteCharts")}
       className={"PasteChartDialog"}
diff --git a/src/components/ProjectName.tsx b/src/components/ProjectName.tsx
index 47a77ac4c..69ff33527 100644
--- a/src/components/ProjectName.tsx
+++ b/src/components/ProjectName.tsx
@@ -12,6 +12,7 @@ type Props = {
   onChange: (value: string) => void;
   label: string;
   isNameEditable: boolean;
+  ignoreFocus?: boolean;
 };
 
 export const ProjectName = (props: Props) => {
@@ -19,7 +20,9 @@ export const ProjectName = (props: Props) => {
   const [fileName, setFileName] = useState<string>(props.value);
 
   const handleBlur = (event: any) => {
-    focusNearestParent(event.target);
+    if (!props.ignoreFocus) {
+      focusNearestParent(event.target);
+    }
     const value = event.target.value;
     if (value !== props.value) {
       props.onChange(value);
diff --git a/src/components/RadioGroup.scss b/src/components/RadioGroup.scss
new file mode 100644
index 000000000..860648269
--- /dev/null
+++ b/src/components/RadioGroup.scss
@@ -0,0 +1,100 @@
+@import "../css/variables.module";
+
+.excalidraw {
+  --RadioGroup-background: #ffffff;
+  --RadioGroup-border: var(--color-gray-30);
+
+  --RadioGroup-choice-color-off: var(--color-primary);
+  --RadioGroup-choice-color-off-hover: var(--color-primary-darkest);
+  --RadioGroup-choice-background-off: white;
+  --RadioGroup-choice-background-off-active: var(--color-gray-20);
+
+  --RadioGroup-choice-color-on: white;
+  --RadioGroup-choice-background-on: var(--color-primary);
+  --RadioGroup-choice-background-on-hover: var(--color-primary-darker);
+  --RadioGroup-choice-background-on-active: var(--color-primary-darkest);
+
+  &.theme--dark {
+    --RadioGroup-background: var(--color-gray-85);
+    --RadioGroup-border: var(--color-gray-70);
+
+    --RadioGroup-choice-background-off: var(--color-gray-85);
+    --RadioGroup-choice-background-off-active: var(--color-gray-70);
+    --RadioGroup-choice-color-on: var(--color-gray-85);
+  }
+
+  .RadioGroup {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+
+    padding: 3px;
+    border-radius: 10px;
+
+    background: var(--RadioGroup-background);
+    border: 1px solid var(--RadioGroup-border);
+
+    &__choice {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 24px;
+
+      color: var(--RadioGroup-choice-color-off);
+      background: var(--RadioGroup-choice-background-off);
+
+      border-radius: 8px;
+
+      font-family: "Assistant";
+      font-style: normal;
+      font-weight: 600;
+      font-size: 0.75rem;
+      line-height: 100%;
+      user-select: none;
+      letter-spacing: 0.4px;
+
+      transition: all 75ms ease-out;
+
+      &:hover {
+        color: var(--RadioGroup-choice-color-off-hover);
+      }
+
+      &:active {
+        background: var(--RadioGroup-choice-background-off-active);
+      }
+
+      &.active {
+        color: var(--RadioGroup-choice-color-on);
+        background: var(--RadioGroup-choice-background-on);
+
+        &:hover {
+          background: var(--RadioGroup-choice-background-on-hover);
+        }
+
+        &:active {
+          background: var(--RadioGroup-choice-background-on-active);
+        }
+      }
+
+      & input {
+        z-index: 1;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+
+        border-radius: 8px;
+
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+
+        cursor: pointer;
+      }
+    }
+  }
+}
diff --git a/src/components/RadioGroup.tsx b/src/components/RadioGroup.tsx
new file mode 100644
index 000000000..40c6551f1
--- /dev/null
+++ b/src/components/RadioGroup.tsx
@@ -0,0 +1,42 @@
+import clsx from "clsx";
+import "./RadioGroup.scss";
+
+export type RadioGroupChoice<T> = {
+  value: T;
+  label: string;
+};
+
+export type RadioGroupProps<T> = {
+  choices: RadioGroupChoice<T>[];
+  value: T;
+  onChange: (value: T) => void;
+  name: string;
+};
+
+export const RadioGroup = function <T>({
+  onChange,
+  value,
+  choices,
+  name,
+}: RadioGroupProps<T>) {
+  return (
+    <div className="RadioGroup">
+      {choices.map((choice) => (
+        <div
+          className={clsx("RadioGroup__choice", {
+            active: choice.value === value,
+          })}
+          key={choice.label}
+        >
+          <input
+            name={name}
+            type="radio"
+            checked={choice.value === value}
+            onChange={() => onChange(choice.value)}
+          />
+          {choice.label}
+        </div>
+      ))}
+    </div>
+  );
+};
diff --git a/src/components/Switch.scss b/src/components/Switch.scss
new file mode 100644
index 000000000..ab98bad63
--- /dev/null
+++ b/src/components/Switch.scss
@@ -0,0 +1,116 @@
+@import "../css/variables.module";
+
+.excalidraw {
+  --Switch-disabled-color: #d6d6d6;
+  --Switch-track-background: white;
+  --Switch-thumb-background: #3d3d3d;
+
+  &.theme--dark {
+    --Switch-disabled-color: #5c5c5c;
+    --Switch-track-background: #242424;
+    --Switch-thumb-background: #b8b8b8;
+  }
+
+  .Switch {
+    position: relative;
+    box-sizing: border-box;
+
+    width: 40px;
+    height: 20px;
+    border-radius: 12px;
+
+    transition-property: background, border;
+    transition-duration: 150ms;
+    transition-timing-function: ease-out;
+
+    background: var(--Switch-track-background);
+    border: 1px solid var(--Switch-disabled-color);
+
+    &:hover {
+      background: var(--Switch-track-background);
+      border: 1px solid #999999;
+    }
+
+    &.toggled {
+      background: var(--color-primary);
+      border: 1px solid var(--color-primary);
+
+      &:hover {
+        background: var(--color-primary-darker);
+        border: 1px solid var(--color-primary-darker);
+      }
+    }
+
+    &.disabled {
+      background: var(--Switch-track-background);
+      border: 1px solid var(--Switch-disabled-color);
+
+      &.toggled {
+        background: var(--Switch-disabled-color);
+        border: 1px solid var(--Switch-disabled-color);
+      }
+    }
+
+    &:before {
+      content: "";
+      box-sizing: border-box;
+      display: block;
+      pointer-events: none;
+      position: absolute;
+
+      border-radius: 100%;
+      transition: all 150ms ease-out;
+
+      width: 10px;
+      height: 10px;
+      top: 4px;
+      left: 4px;
+
+      background: var(--Switch-thumb-background);
+    }
+
+    &:active:before {
+      width: 12px;
+    }
+
+    &.toggled:before {
+      width: 14px;
+      height: 14px;
+      left: 22px;
+      top: 2px;
+
+      background: var(--Switch-track-background);
+    }
+
+    &.toggled:active:before {
+      width: 16px;
+      left: 20px;
+    }
+
+    &.disabled:before {
+      background: var(--Switch-disabled-color);
+    }
+
+    &.disabled.toggled:before {
+      background: var(--color-gray-50);
+    }
+
+    & input {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+
+      border-radius: 12px;
+
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
+
+      cursor: pointer;
+
+      &:disabled {
+        cursor: unset;
+      }
+    }
+  }
+}
diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
new file mode 100644
index 000000000..dfbf332fc
--- /dev/null
+++ b/src/components/Switch.tsx
@@ -0,0 +1,38 @@
+import clsx from "clsx";
+
+import "./Switch.scss";
+
+export type SwitchProps = {
+  name: string;
+  checked: boolean;
+  title?: string;
+  onChange: (value: boolean) => void;
+  disabled?: boolean;
+};
+
+export const Switch = ({
+  title,
+  name,
+  checked,
+  onChange,
+  disabled = false,
+}: SwitchProps) => {
+  return (
+    <div className={clsx("Switch", { toggled: checked, disabled })}>
+      <input
+        name={name}
+        id={name}
+        title={title}
+        type="checkbox"
+        checked={checked}
+        disabled={disabled}
+        onChange={() => onChange(!checked)}
+        onKeyDown={(e) => {
+          if (e.key === " ") {
+            onChange(!checked);
+          }
+        }}
+      />
+    </div>
+  );
+};
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 784e81024..3841d030e 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1550,3 +1550,32 @@ export const handIcon = createIcon(
   </g>,
   tablerIconProps,
 );
+
+export const downloadIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
+    <path d="M7 11l5 5l5 -5"></path>
+    <path d="M12 4l0 12"></path>
+  </>,
+  tablerIconProps,
+);
+
+export const copyIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z"></path>
+    <path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"></path>
+  </>,
+  tablerIconProps,
+);
+
+export const helpIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
+    <path d="M12 17l0 .01"></path>
+    <path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4"></path>
+  </>,
+  tablerIconProps,
+);
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index 4810b5a55..05772774a 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -180,7 +180,7 @@ const RoomDialog = ({
   };
   return (
     <Dialog
-      small
+      size="small"
       onCloseRequest={handleClose}
       title={t("labels.liveCollaboration")}
       theme={theme}
diff --git a/src/locales/en.json b/src/locales/en.json
index edc360142..66b635d47 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triangle",
     "fontSize": "Font size",
     "fontFamily": "Font family",
-    "onlySelected": "Only selected",
-    "withBackground": "Background",
-    "exportEmbedScene": "Embed scene",
-    "exportEmbedScene_details": "Scene data will be saved into the exported PNG/SVG file so that the scene can be restored from it.\nWill increase exported file size.",
     "addWatermark": "Add \"Made with Excalidraw\"",
     "handDrawn": "Hand-drawn",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Flip horizontal",
     "flipVertical": "Flip vertical",
     "viewMode": "View mode",
-    "toggleExportColorScheme": "Toggle export color scheme",
     "share": "Share",
     "showStroke": "Show stroke color picker",
     "showBackground": "Show background color picker",
@@ -140,11 +135,7 @@
     "exportJSON": "Export to file",
     "exportImage": "Export image...",
     "export": "Save to...",
-    "exportToPng": "Export to PNG",
-    "exportToSvg": "Export to SVG",
     "copyToClipboard": "Copy to clipboard",
-    "copyPngToClipboard": "Copy PNG to clipboard",
-    "scale": "Scale",
     "save": "Save to current file",
     "saveAs": "Save as",
     "load": "Open",
@@ -363,6 +354,30 @@
     "resetLibrary": "Reset library",
     "removeItemsFromLib": "Remove selected items from library"
   },
+  "imageExportDialog": {
+    "header": "Export image",
+    "label": {
+      "withBackground": "Background",
+      "onlySelected": "Only selected",
+      "darkMode": "Dark mode",
+      "embedScene": "Embed scene",
+      "scale": "Scale",
+      "padding": "Padding"
+    },
+    "tooltip": {
+      "embedScene": "Scene data will be saved into the exported PNG/SVG file so that the scene can be restored from it.\nWill increase exported file size."
+    },
+    "title": {
+      "exportToPng": "Export to PNG",
+      "exportToSvg": "Export to SVG",
+      "copyPngToClipboard": "Copy PNG to clipboard"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Copy to clipboard"
+    }
+  },
   "encrypted": {
     "tooltip": "Your drawings are end-to-end encrypted so Excalidraw's servers will never see them.",
     "link": "Blog post on end-to-end encryption in Excalidraw"
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index a5734b2ed..91fd9c09f 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -290,7 +290,7 @@ describe("<Excalidraw/>", () => {
       toggleMenu(container);
       fireEvent.click(queryByTestId(container, "image-export-button")!);
       const textInput: HTMLInputElement | null = document.querySelector(
-        ".ExportDialog .ProjectName .TextInput",
+        ".ImageExportModal .ImageExportModal__preview__filename .TextInput",
       );
       expect(textInput?.value).toContain(`${t("labels.untitled")}`);
       expect(textInput?.nodeName).toBe("INPUT");
@@ -303,10 +303,11 @@ describe("<Excalidraw/>", () => {
       toggleMenu(container);
       await fireEvent.click(queryByTestId(container, "image-export-button")!);
       const textInput = document.querySelector(
-        ".ExportDialog .ProjectName .TextInput--readonly",
-      );
-      expect(textInput?.textContent).toEqual(name);
-      expect(textInput?.nodeName).toBe("SPAN");
+        ".ImageExportModal .ImageExportModal__preview__filename .TextInput",
+      ) as HTMLInputElement;
+      expect(textInput?.value).toEqual(name);
+      expect(textInput?.nodeName).toBe("INPUT");
+      expect(textInput?.disabled).toBe(true);
     });
   });
 

From a91e401554388b72741efc19b27478f7964d939a Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Mon, 29 May 2023 16:01:44 +0200
Subject: [PATCH 195/252] feat: clearing library cache (#6621)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/App.tsx                      |  1 +
 src/components/LibraryMenuHeaderContent.tsx | 63 +++++++++++----------
 src/components/LibraryMenuItems.tsx         |  4 ++
 src/components/LibraryMenuSection.tsx       |  9 ++-
 src/components/LibraryUnit.tsx              |  6 +-
 src/data/library.ts                         | 15 +++++
 src/hooks/useLibraryItemSvg.ts              | 29 ++++++++--
 7 files changed, 86 insertions(+), 41 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 49919c957..0b730fc47 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1072,6 +1072,7 @@ class App extends React.Component<AppProps, AppState> {
     this.unmounted = true;
     this.removeEventListeners();
     this.scene.destroy();
+    this.library.destroy();
     clearTimeout(touchTimeout);
     touchTimeout = 0;
   }
diff --git a/src/components/LibraryMenuHeaderContent.tsx b/src/components/LibraryMenuHeaderContent.tsx
index d51f651f3..56c8fe6d0 100644
--- a/src/components/LibraryMenuHeaderContent.tsx
+++ b/src/components/LibraryMenuHeaderContent.tsx
@@ -24,6 +24,7 @@ import DropdownMenu from "./dropdownMenu/DropdownMenu";
 import { isLibraryMenuOpenAtom } from "./LibraryMenu";
 import { useUIAppState } from "../context/ui-appState";
 import clsx from "clsx";
+import { useLibraryCache } from "../hooks/useLibraryItemSvg";
 
 const getSelectedItems = (
   libraryItems: LibraryItems,
@@ -55,7 +56,7 @@ export const LibraryDropdownMenuButton: React.FC<{
     jotaiScope,
   );
 
-  const renderRemoveLibAlert = useCallback(() => {
+  const renderRemoveLibAlert = () => {
     const content = selectedItems.length
       ? t("alerts.removeItemsFromsLibrary", { count: selectedItems.length })
       : t("alerts.resetLibrary");
@@ -80,7 +81,7 @@ export const LibraryDropdownMenuButton: React.FC<{
         <p>{content}</p>
       </ConfirmDialog>
     );
-  }, [selectedItems, onRemoveFromLibrary, resetLibrary]);
+  };
 
   const [showRemoveLibAlert, setShowRemoveLibAlert] = useState(false);
 
@@ -136,20 +137,20 @@ export const LibraryDropdownMenuButton: React.FC<{
     );
   }, [setPublishLibSuccess, publishLibSuccess]);
 
-  const onPublishLibSuccess = useCallback(
-    (data: { url: string; authorName: string }, libraryItems: LibraryItems) => {
-      setShowPublishLibraryDialog(false);
-      setPublishLibSuccess({ url: data.url, authorName: data.authorName });
-      const nextLibItems = libraryItems.slice();
-      nextLibItems.forEach((libItem) => {
-        if (selectedItems.includes(libItem.id)) {
-          libItem.status = "published";
-        }
-      });
-      library.setLibrary(nextLibItems);
-    },
-    [setShowPublishLibraryDialog, setPublishLibSuccess, selectedItems, library],
-  );
+  const onPublishLibSuccess = (
+    data: { url: string; authorName: string },
+    libraryItems: LibraryItems,
+  ) => {
+    setShowPublishLibraryDialog(false);
+    setPublishLibSuccess({ url: data.url, authorName: data.authorName });
+    const nextLibItems = libraryItems.slice();
+    nextLibItems.forEach((libItem) => {
+      if (selectedItems.includes(libItem.id)) {
+        libItem.status = "published";
+      }
+    });
+    library.setLibrary(nextLibItems);
+  };
 
   const onLibraryImport = async () => {
     try {
@@ -280,27 +281,29 @@ export const LibraryDropdownMenu = ({
   className?: string;
 }) => {
   const { library } = useApp();
+  const { clearLibraryCache, deleteItemsFromLibraryCache } = useLibraryCache();
   const appState = useUIAppState();
   const setAppState = useExcalidrawSetAppState();
 
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
 
-  const removeFromLibrary = useCallback(
-    async (libraryItems: LibraryItems) => {
-      const nextItems = libraryItems.filter(
-        (item) => !selectedItems.includes(item.id),
-      );
-      library.setLibrary(nextItems).catch(() => {
-        setAppState({ errorMessage: t("alerts.errorRemovingFromLibrary") });
-      });
-      onSelectItems([]);
-    },
-    [library, setAppState, selectedItems, onSelectItems],
-  );
+  const removeFromLibrary = async (libraryItems: LibraryItems) => {
+    const nextItems = libraryItems.filter(
+      (item) => !selectedItems.includes(item.id),
+    );
+    library.setLibrary(nextItems).catch(() => {
+      setAppState({ errorMessage: t("alerts.errorRemovingFromLibrary") });
+    });
 
-  const resetLibrary = useCallback(() => {
+    deleteItemsFromLibraryCache(selectedItems);
+
+    onSelectItems([]);
+  };
+
+  const resetLibrary = () => {
     library.resetLibrary();
-  }, [library]);
+    clearLibraryCache();
+  };
 
   return (
     <LibraryDropdownMenuButton
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index 74f295cd4..55de2aaf6 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -15,6 +15,7 @@ import { duplicateElements } from "../element/newElement";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
 import LibraryMenuSection from "./LibraryMenuSection";
+import { useLibraryCache } from "../hooks/useLibraryItemSvg";
 
 import "./LibraryMenuItems.scss";
 
@@ -38,6 +39,7 @@ export default function LibraryMenuItems({
   id: string;
 }) {
   const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
+  const { svgCache } = useLibraryCache();
 
   const unpublishedItems = libraryItems.filter(
     (item) => item.status !== "published",
@@ -224,6 +226,7 @@ export default function LibraryMenuItems({
               onItemDrag={onItemDrag}
               onClick={onItemClick}
               isItemSelected={isItemSelected}
+              svgCache={svgCache}
             />
           )}
         </>
@@ -243,6 +246,7 @@ export default function LibraryMenuItems({
               onItemDrag={onItemDrag}
               onClick={onItemClick}
               isItemSelected={isItemSelected}
+              svgCache={svgCache}
             />
           ) : unpublishedItems.length > 0 ? (
             <div
diff --git a/src/components/LibraryMenuSection.tsx b/src/components/LibraryMenuSection.tsx
index b6866e1e9..d13c8959d 100644
--- a/src/components/LibraryMenuSection.tsx
+++ b/src/components/LibraryMenuSection.tsx
@@ -4,8 +4,7 @@ import { LibraryItem } from "../types";
 import Stack from "./Stack";
 import clsx from "clsx";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
-import { useAtom } from "jotai";
-import { libraryItemSvgsCache } from "../hooks/useLibraryItemSvg";
+import { SvgCache } from "../hooks/useLibraryItemSvg";
 import { useTransition } from "../hooks/useTransition";
 
 const ITEMS_PER_ROW = 4;
@@ -26,6 +25,7 @@ interface Props {
   onItemSelectToggle: (id: LibraryItem["id"], event: React.MouseEvent) => void;
   onItemDrag: (id: LibraryItem["id"], event: React.DragEvent) => void;
   isItemSelected: (id: LibraryItem["id"] | null) => boolean;
+  svgCache: SvgCache;
 }
 
 function LibraryRow({
@@ -34,6 +34,7 @@ function LibraryRow({
   onItemDrag,
   isItemSelected,
   onClick,
+  svgCache,
 }: Props) {
   return (
     <Stack.Row className="library-menu-items-container__row">
@@ -47,6 +48,7 @@ function LibraryRow({
             selected={isItemSelected(item.id)}
             onToggle={onItemSelectToggle}
             onDrag={onItemDrag}
+            svgCache={svgCache}
           />
         </Stack.Col>
       ))}
@@ -68,11 +70,11 @@ function LibraryMenuSection({
   onItemDrag,
   isItemSelected,
   onClick,
+  svgCache,
 }: Props) {
   const rows = Math.ceil(items.length / ITEMS_PER_ROW);
   const [, startTransition] = useTransition();
   const [index, setIndex] = useState(0);
-  const [svgCache] = useAtom(libraryItemSvgsCache);
 
   const rowsRenderedPerBatch = useMemo(() => {
     return svgCache.size === 0
@@ -99,6 +101,7 @@ function LibraryMenuSection({
             onItemDrag={onItemDrag}
             onClick={onClick}
             isItemSelected={isItemSelected}
+            svgCache={svgCache}
           />
         ) : (
           <EmptyLibraryRow key={i} />
diff --git a/src/components/LibraryUnit.tsx b/src/components/LibraryUnit.tsx
index 68fdec143..97f73f80a 100644
--- a/src/components/LibraryUnit.tsx
+++ b/src/components/LibraryUnit.tsx
@@ -5,7 +5,7 @@ import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 import { CheckboxItem } from "./CheckboxItem";
 import { PlusIcon } from "./icons";
-import { useLibraryItemSvg } from "../hooks/useLibraryItemSvg";
+import { SvgCache, useLibraryItemSvg } from "../hooks/useLibraryItemSvg";
 
 export const LibraryUnit = ({
   id,
@@ -15,6 +15,7 @@ export const LibraryUnit = ({
   selected,
   onToggle,
   onDrag,
+  svgCache,
 }: {
   id: LibraryItem["id"] | /** for pending item */ null;
   elements?: LibraryItem["elements"];
@@ -23,9 +24,10 @@ export const LibraryUnit = ({
   selected: boolean;
   onToggle: (id: string, event: React.MouseEvent) => void;
   onDrag: (id: string, event: React.DragEvent) => void;
+  svgCache: SvgCache;
 }) => {
   const ref = useRef<HTMLDivElement | null>(null);
-  const svg = useLibraryItemSvg(id, elements);
+  const svg = useLibraryItemSvg(id, elements, svgCache);
 
   useEffect(() => {
     const node = ref.current;
diff --git a/src/data/library.ts b/src/data/library.ts
index b9033bace..381caed11 100644
--- a/src/data/library.ts
+++ b/src/data/library.ts
@@ -22,6 +22,7 @@ import {
   DEFAULT_SIDEBAR,
   LIBRARY_SIDEBAR_TAB,
 } from "../constants";
+import { libraryItemSvgsCache } from "../hooks/useLibraryItemSvg";
 
 export const libraryItemsAtom = atom<{
   status: "loading" | "loaded";
@@ -115,6 +116,20 @@ class Library {
     }
   };
 
+  /** call on excalidraw instance unmount */
+  destroy = () => {
+    this.isInitialized = false;
+    this.updateQueue = [];
+    this.lastLibraryItems = [];
+    jotaiStore.set(libraryItemSvgsCache, new Map());
+    // TODO uncomment after/if we make jotai store scoped to each excal instance
+    // jotaiStore.set(libraryItemsAtom, {
+    //   status: "loading",
+    //   isInitialized: false,
+    //   libraryItems: [],
+    // });
+  };
+
   resetLibrary = () => {
     return this.setLibrary([]);
   };
diff --git a/src/hooks/useLibraryItemSvg.ts b/src/hooks/useLibraryItemSvg.ts
index d0a0f5326..ba9802199 100644
--- a/src/hooks/useLibraryItemSvg.ts
+++ b/src/hooks/useLibraryItemSvg.ts
@@ -1,12 +1,13 @@
 import { atom, useAtom } from "jotai";
 import { useEffect, useState } from "react";
 import { COLOR_PALETTE } from "../colors";
+import { jotaiScope } from "../jotai";
 import { exportToSvg } from "../packages/utils";
 import { LibraryItem } from "../types";
 
-export const libraryItemSvgsCache = atom<Map<LibraryItem["id"], SVGSVGElement>>(
-  new Map(),
-);
+export type SvgCache = Map<LibraryItem["id"], SVGSVGElement>;
+
+export const libraryItemSvgsCache = atom<SvgCache>(new Map());
 
 const exportLibraryItemToSvg = async (elements: LibraryItem["elements"]) => {
   return await exportToSvg({
@@ -22,8 +23,8 @@ const exportLibraryItemToSvg = async (elements: LibraryItem["elements"]) => {
 export const useLibraryItemSvg = (
   id: LibraryItem["id"] | null,
   elements: LibraryItem["elements"] | undefined,
+  svgCache: SvgCache,
 ): SVGSVGElement | undefined => {
-  const [svgCache, setSvgCache] = useAtom(libraryItemSvgsCache);
   const [svg, setSvg] = useState<SVGSVGElement>();
 
   useEffect(() => {
@@ -40,7 +41,7 @@ export const useLibraryItemSvg = (
             const exportedSvg = await exportLibraryItemToSvg(elements);
 
             if (exportedSvg) {
-              setSvgCache(svgCache.set(id, exportedSvg));
+              svgCache.set(id, exportedSvg);
               setSvg(exportedSvg);
             }
           })();
@@ -53,7 +54,23 @@ export const useLibraryItemSvg = (
         })();
       }
     }
-  }, [id, elements, svgCache, setSvgCache, setSvg]);
+  }, [id, elements, svgCache, setSvg]);
 
   return svg;
 };
+
+export const useLibraryCache = () => {
+  const [svgCache] = useAtom(libraryItemSvgsCache, jotaiScope);
+
+  const clearLibraryCache = () => svgCache.clear();
+
+  const deleteItemsFromLibraryCache = (items: LibraryItem["id"][]) => {
+    items.forEach((item) => svgCache.delete(item));
+  };
+
+  return {
+    clearLibraryCache,
+    deleteItemsFromLibraryCache,
+    svgCache,
+  };
+};

From 1e3c94a37ad80cb8d32dc339758eefc54ae5f108 Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Wed, 31 May 2023 10:22:02 +0200
Subject: [PATCH 196/252] feat: recover scrolled position after Library
 re-opening (#6624)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/LibraryMenuItems.tsx   | 13 +++-
 src/components/LibraryMenuSection.tsx |  8 ++-
 src/components/LibraryUnit.scss       | 35 +++++++++++
 src/components/LibraryUnit.tsx        |  1 +
 src/components/Stack.tsx              | 89 +++++++++++++--------------
 src/hooks/useScrollPosition.ts        | 32 ++++++++++
 6 files changed, 129 insertions(+), 49 deletions(-)
 create mode 100644 src/hooks/useScrollPosition.ts

diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index 55de2aaf6..8dd6b30f2 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { serializeLibraryAsJSON } from "../data/json";
 import { t } from "../i18n";
 import {
@@ -15,6 +15,7 @@ import { duplicateElements } from "../element/newElement";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
 import LibraryMenuSection from "./LibraryMenuSection";
+import { useScrollPosition } from "../hooks/useScrollPosition";
 import { useLibraryCache } from "../hooks/useLibraryItemSvg";
 
 import "./LibraryMenuItems.scss";
@@ -39,6 +40,15 @@ export default function LibraryMenuItems({
   id: string;
 }) {
   const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
+  const libraryContainerRef = useRef<HTMLDivElement>(null);
+  const scrollPosition = useScrollPosition<HTMLDivElement>(libraryContainerRef);
+
+  // This effect has to be called only on first render, therefore  `scrollPosition` isn't in the dependency array
+  useEffect(() => {
+    if (scrollPosition > 0) {
+      libraryContainerRef.current?.scrollTo(0, scrollPosition);
+    }
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
   const { svgCache } = useLibraryCache();
 
   const unpublishedItems = libraryItems.filter(
@@ -183,6 +193,7 @@ export default function LibraryMenuItems({
           flex: publishedItems.length > 0 ? 1 : "0 1 auto",
           marginBottom: 0,
         }}
+        ref={libraryContainerRef}
       >
         <>
           {!isLibraryEmpty && (
diff --git a/src/components/LibraryMenuSection.tsx b/src/components/LibraryMenuSection.tsx
index d13c8959d..496f045b7 100644
--- a/src/components/LibraryMenuSection.tsx
+++ b/src/components/LibraryMenuSection.tsx
@@ -58,9 +58,11 @@ function LibraryRow({
 
 const EmptyLibraryRow = () => (
   <Stack.Row className="library-menu-items-container__row" gap={1}>
-    <Stack.Col>
-      <div className={clsx("library-unit")} />
-    </Stack.Col>
+    {Array.from({ length: ITEMS_PER_ROW }).map((_, index) => (
+      <Stack.Col key={index}>
+        <div className={clsx("library-unit", "library-unit--skeleton")} />
+      </Stack.Col>
+    ))}
   </Stack.Row>
 );
 
diff --git a/src/components/LibraryUnit.scss b/src/components/LibraryUnit.scss
index 85d7505c3..1bfc1e6df 100644
--- a/src/components/LibraryUnit.scss
+++ b/src/components/LibraryUnit.scss
@@ -20,6 +20,27 @@
       border-color: var(--color-primary);
       border-width: 1px;
     }
+
+    &--skeleton {
+      opacity: 0.5;
+      background: linear-gradient(
+        -45deg,
+        var(--color-gray-10),
+        var(--color-gray-20),
+        var(--color-gray-10)
+      );
+      background-size: 200% 200%;
+      animation: library-unit__skeleton-opacity-animation 0.3s linear;
+    }
+  }
+
+  &.theme--dark .library-unit--skeleton {
+    background-image: linear-gradient(
+      -45deg,
+      var(--color-gray-100),
+      var(--color-gray-80),
+      var(--color-gray-100)
+    );
   }
 
   .library-unit__dragger {
@@ -142,4 +163,18 @@
       transform: scale(0.85);
     }
   }
+
+  @keyframes library-unit__skeleton-opacity-animation {
+    0% {
+      opacity: 0;
+    }
+
+    75% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 0.5;
+    }
+  }
 }
diff --git a/src/components/LibraryUnit.tsx b/src/components/LibraryUnit.tsx
index 97f73f80a..f256b49f1 100644
--- a/src/components/LibraryUnit.tsx
+++ b/src/components/LibraryUnit.tsx
@@ -58,6 +58,7 @@ export const LibraryUnit = ({
         "library-unit__active": elements,
         "library-unit--hover": elements && isHovered,
         "library-unit--selected": selected,
+        "library-unit--skeleton": !svg,
       })}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
diff --git a/src/components/Stack.tsx b/src/components/Stack.tsx
index aa18e8998..c54a6aef8 100644
--- a/src/components/Stack.tsx
+++ b/src/components/Stack.tsx
@@ -1,6 +1,6 @@
 import "./Stack.scss";
 
-import React from "react";
+import React, { forwardRef } from "react";
 import clsx from "clsx";
 
 type StackProps = {
@@ -10,53 +10,52 @@ type StackProps = {
   justifyContent?: "center" | "space-around" | "space-between";
   className?: string | boolean;
   style?: React.CSSProperties;
+  ref: React.RefObject<HTMLDivElement>;
 };
 
-const RowStack = ({
-  children,
-  gap,
-  align,
-  justifyContent,
-  className,
-  style,
-}: StackProps) => {
-  return (
-    <div
-      className={clsx("Stack Stack_horizontal", className)}
-      style={{
-        "--gap": gap,
-        alignItems: align,
-        justifyContent,
-        ...style,
-      }}
-    >
-      {children}
-    </div>
-  );
-};
+const RowStack = forwardRef(
+  (
+    { children, gap, align, justifyContent, className, style }: StackProps,
+    ref: React.ForwardedRef<HTMLDivElement>,
+  ) => {
+    return (
+      <div
+        className={clsx("Stack Stack_horizontal", className)}
+        style={{
+          "--gap": gap,
+          alignItems: align,
+          justifyContent,
+          ...style,
+        }}
+        ref={ref}
+      >
+        {children}
+      </div>
+    );
+  },
+);
 
-const ColStack = ({
-  children,
-  gap,
-  align,
-  justifyContent,
-  className,
-  style,
-}: StackProps) => {
-  return (
-    <div
-      className={clsx("Stack Stack_vertical", className)}
-      style={{
-        "--gap": gap,
-        justifyItems: align,
-        justifyContent,
-        ...style,
-      }}
-    >
-      {children}
-    </div>
-  );
-};
+const ColStack = forwardRef(
+  (
+    { children, gap, align, justifyContent, className, style }: StackProps,
+    ref: React.ForwardedRef<HTMLDivElement>,
+  ) => {
+    return (
+      <div
+        className={clsx("Stack Stack_vertical", className)}
+        style={{
+          "--gap": gap,
+          justifyItems: align,
+          justifyContent,
+          ...style,
+        }}
+        ref={ref}
+      >
+        {children}
+      </div>
+    );
+  },
+);
 
 export default {
   Row: RowStack,
diff --git a/src/hooks/useScrollPosition.ts b/src/hooks/useScrollPosition.ts
new file mode 100644
index 000000000..e4efb460e
--- /dev/null
+++ b/src/hooks/useScrollPosition.ts
@@ -0,0 +1,32 @@
+import { useEffect } from "react";
+import { atom, useAtom } from "jotai";
+import throttle from "lodash.throttle";
+
+const scrollPositionAtom = atom<number>(0);
+
+export const useScrollPosition = <T extends HTMLElement>(
+  elementRef: React.RefObject<T>,
+) => {
+  const [scrollPosition, setScrollPosition] = useAtom(scrollPositionAtom);
+
+  useEffect(() => {
+    const { current: element } = elementRef;
+    if (!element) {
+      return;
+    }
+
+    const handleScroll = throttle(() => {
+      const { scrollTop } = element;
+      setScrollPosition(scrollTop);
+    }, 200);
+
+    element.addEventListener("scroll", handleScroll);
+
+    return () => {
+      handleScroll.cancel();
+      element.removeEventListener("scroll", handleScroll);
+    };
+  }, [elementRef, setScrollPosition]);
+
+  return scrollPosition;
+};

From 82d8d02697e534bcfbeffe7f9438ca60c72230d9 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 31 May 2023 17:30:14 +0530
Subject: [PATCH 197/252] test: Add coverage script (#6634)

Add coverage script
---
 package.json | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/package.json b/package.json
index 4556cb5f7..246c785a5 100644
--- a/package.json
+++ b/package.json
@@ -96,6 +96,15 @@
   },
   "homepage": ".",
   "jest": {
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}"
+    ],
+    "coveragePathIgnorePatterns": [
+      "<rootDir>/locales",
+      "<rootDir>/src/packages/excalidraw/dist/",
+      "<rootDir>/src/packages/excalidraw/types",
+      "<rootDir>/src/packages/excalidraw/example"
+    ],
     "transformIgnorePatterns": [
       "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access)/)"
     ],
@@ -128,6 +137,7 @@
     "test:typecheck": "tsc",
     "test:update": "yarn test:app --updateSnapshot --watchAll=false",
     "test": "yarn test:app",
+    "test:coverage": "react-scripts test --passWithNoTests --coverage --watchAll",
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
     "release": "node scripts/release.js"

From 253c5c78663314d6cb2c1d6d03a0139eddddaff9 Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Wed, 31 May 2023 15:37:13 +0200
Subject: [PATCH 198/252] perf: memoize rendering of library (#6622)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/LibraryMenu.tsx        | 129 ++++++++++-----
 src/components/LibraryMenuItems.scss  |   6 +
 src/components/LibraryMenuItems.tsx   | 229 ++++++++++++++++----------
 src/components/LibraryMenuSection.tsx | 145 ++++++----------
 src/components/LibraryUnit.scss       |   2 +-
 src/components/LibraryUnit.tsx        | 171 +++++++++----------
 src/hooks/useLibraryItemSvg.ts        |   1 +
 7 files changed, 377 insertions(+), 306 deletions(-)

diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index a49f31970..f5f386d4c 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import React, { useState, useCallback, useMemo, useRef } from "react";
 import Library, {
   distributeLibraryItemsOnSquareGrid,
   libraryItemsAtom,
@@ -27,6 +27,8 @@ import { useUIAppState } from "../context/ui-appState";
 
 import "./LibraryMenu.scss";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
+import { isShallowEqual } from "../utils";
+import { NonDeletedExcalidrawElement } from "../element/types";
 
 export const isLibraryMenuOpenAtom = atom(false);
 
@@ -42,7 +44,9 @@ export const LibraryMenuContent = ({
   libraryReturnUrl,
   library,
   id,
-  appState,
+  theme,
+  selectedItems,
+  onSelectItems,
 }: {
   pendingElements: LibraryItem["elements"];
   onInsertLibraryItems: (libraryItems: LibraryItems) => void;
@@ -51,33 +55,47 @@ export const LibraryMenuContent = ({
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
   library: Library;
   id: string;
-  appState: UIAppState;
+  theme: UIAppState["theme"];
+  selectedItems: LibraryItem["id"][];
+  onSelectItems: (id: LibraryItem["id"][]) => void;
 }) => {
   const [libraryItemsData] = useAtom(libraryItemsAtom, jotaiScope);
 
-  const addToLibrary = useCallback(
-    async (elements: LibraryItem["elements"], libraryItems: LibraryItems) => {
-      trackEvent("element", "addToLibrary", "ui");
-      if (elements.some((element) => element.type === "image")) {
-        return setAppState({
-          errorMessage: "Support for adding images to the library coming soon!",
+  const _onAddToLibrary = useCallback(
+    (elements: LibraryItem["elements"]) => {
+      const addToLibrary = async (
+        processedElements: LibraryItem["elements"],
+        libraryItems: LibraryItems,
+      ) => {
+        trackEvent("element", "addToLibrary", "ui");
+        if (processedElements.some((element) => element.type === "image")) {
+          return setAppState({
+            errorMessage:
+              "Support for adding images to the library coming soon!",
+          });
+        }
+        const nextItems: LibraryItems = [
+          {
+            status: "unpublished",
+            elements: processedElements,
+            id: randomId(),
+            created: Date.now(),
+          },
+          ...libraryItems,
+        ];
+        onAddToLibrary();
+        library.setLibrary(nextItems).catch(() => {
+          setAppState({ errorMessage: t("alerts.errorAddingToLibrary") });
         });
-      }
-      const nextItems: LibraryItems = [
-        {
-          status: "unpublished",
-          elements,
-          id: randomId(),
-          created: Date.now(),
-        },
-        ...libraryItems,
-      ];
-      onAddToLibrary();
-      library.setLibrary(nextItems).catch(() => {
-        setAppState({ errorMessage: t("alerts.errorAddingToLibrary") });
-      });
+      };
+      addToLibrary(elements, libraryItemsData.libraryItems);
     },
-    [onAddToLibrary, library, setAppState],
+    [onAddToLibrary, library, setAppState, libraryItemsData.libraryItems],
+  );
+
+  const libraryItems = useMemo(
+    () => libraryItemsData.libraryItems,
+    [libraryItemsData],
   );
 
   if (
@@ -103,15 +121,15 @@ export const LibraryMenuContent = ({
     <LibraryMenuWrapper>
       <LibraryMenuItems
         isLoading={libraryItemsData.status === "loading"}
-        libraryItems={libraryItemsData.libraryItems}
-        onAddToLibrary={(elements) =>
-          addToLibrary(elements, libraryItemsData.libraryItems)
-        }
+        libraryItems={libraryItems}
+        onAddToLibrary={_onAddToLibrary}
         onInsertLibraryItems={onInsertLibraryItems}
         pendingElements={pendingElements}
         id={id}
         libraryReturnUrl={libraryReturnUrl}
-        theme={appState.theme}
+        theme={theme}
+        onSelectItems={onSelectItems}
+        selectedItems={selectedItems}
       />
       {showBtn && (
         <LibraryMenuControlButtons
@@ -119,13 +137,36 @@ export const LibraryMenuContent = ({
           style={{ padding: "16px 12px 0 12px" }}
           id={id}
           libraryReturnUrl={libraryReturnUrl}
-          theme={appState.theme}
+          theme={theme}
         />
       )}
     </LibraryMenuWrapper>
   );
 };
 
+const usePendingElementsMemo = (
+  appState: UIAppState,
+  elements: readonly NonDeletedExcalidrawElement[],
+) => {
+  const create = () => getSelectedElements(elements, appState, true);
+  const val = useRef(create());
+  const prevAppState = useRef<UIAppState>(appState);
+  const prevElements = useRef(elements);
+
+  if (
+    !isShallowEqual(
+      appState.selectedElementIds,
+      prevAppState.current.selectedElementIds,
+    ) ||
+    !isShallowEqual(elements, prevElements.current)
+  ) {
+    val.current = create();
+    prevAppState.current = appState;
+    prevElements.current = elements;
+  }
+  return val.current;
+};
+
 /**
  * This component is meant to be rendered inside <Sidebar.Tab/> inside our
  * <DefaultSidebar/> or host apps Sidebar components.
@@ -136,9 +177,19 @@ export const LibraryMenu = () => {
   const appState = useUIAppState();
   const setAppState = useExcalidrawSetAppState();
   const elements = useExcalidrawElements();
+  const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
+  const memoizedLibrary = useMemo(() => library, [library]);
+  // BUG: pendingElements are still causing some unnecessary rerenders because clicking into canvas returns some ids even when no element is selected.
+  const pendingElements = usePendingElementsMemo(appState, elements);
 
-  const onAddToLibrary = useCallback(() => {
-    // deselect canvas elements
+  const onInsertLibraryItems = useCallback(
+    (libraryItems: LibraryItems) => {
+      onInsertElements(distributeLibraryItemsOnSquareGrid(libraryItems));
+    },
+    [onInsertElements],
+  );
+
+  const deselectItems = useCallback(() => {
     setAppState({
       selectedElementIds: {},
       selectedGroupIds: {},
@@ -147,16 +198,16 @@ export const LibraryMenu = () => {
 
   return (
     <LibraryMenuContent
-      pendingElements={getSelectedElements(elements, appState, true)}
-      onInsertLibraryItems={(libraryItems) => {
-        onInsertElements(distributeLibraryItemsOnSquareGrid(libraryItems));
-      }}
-      onAddToLibrary={onAddToLibrary}
+      pendingElements={pendingElements}
+      onInsertLibraryItems={onInsertLibraryItems}
+      onAddToLibrary={deselectItems}
       setAppState={setAppState}
       libraryReturnUrl={appProps.libraryReturnUrl}
-      library={library}
+      library={memoizedLibrary}
       id={id}
-      appState={appState}
+      theme={appState.theme}
+      selectedItems={selectedItems}
+      onSelectItems={setSelectedItems}
     />
   );
 };
diff --git a/src/components/LibraryMenuItems.scss b/src/components/LibraryMenuItems.scss
index 1a3fa9715..8ac09aabc 100644
--- a/src/components/LibraryMenuItems.scss
+++ b/src/components/LibraryMenuItems.scss
@@ -73,6 +73,12 @@
       }
     }
 
+    &__grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr 1fr;
+      grid-gap: 1rem;
+    }
+
     .separator {
       width: 100%;
       display: flex;
diff --git a/src/components/LibraryMenuItems.tsx b/src/components/LibraryMenuItems.tsx
index 8dd6b30f2..ff88e537c 100644
--- a/src/components/LibraryMenuItems.tsx
+++ b/src/components/LibraryMenuItems.tsx
@@ -1,4 +1,10 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import { serializeLibraryAsJSON } from "../data/json";
 import { t } from "../i18n";
 import {
@@ -14,12 +20,22 @@ import Spinner from "./Spinner";
 import { duplicateElements } from "../element/newElement";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 import { LibraryDropdownMenu } from "./LibraryMenuHeaderContent";
-import LibraryMenuSection from "./LibraryMenuSection";
+import {
+  LibraryMenuSection,
+  LibraryMenuSectionGrid,
+} from "./LibraryMenuSection";
 import { useScrollPosition } from "../hooks/useScrollPosition";
 import { useLibraryCache } from "../hooks/useLibraryItemSvg";
 
 import "./LibraryMenuItems.scss";
 
+// using an odd number of items per batch so the rendering creates an irregular
+// pattern which looks more organic
+const ITEMS_RENDERED_PER_BATCH = 17;
+// when render outputs cached we can render many more items per batch to
+// speed it up
+const CACHED_ITEMS_RENDERED_PER_BATCH = 64;
+
 export default function LibraryMenuItems({
   isLoading,
   libraryItems,
@@ -29,6 +45,8 @@ export default function LibraryMenuItems({
   theme,
   id,
   libraryReturnUrl,
+  onSelectItems,
+  selectedItems,
 }: {
   isLoading: boolean;
   libraryItems: LibraryItems;
@@ -38,8 +56,9 @@ export default function LibraryMenuItems({
   libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
   theme: UIAppState["theme"];
   id: string;
+  selectedItems: LibraryItem["id"][];
+  onSelectItems: (id: LibraryItem["id"][]) => void;
 }) {
-  const [selectedItems, setSelectedItems] = useState<LibraryItem["id"][]>([]);
   const libraryContainerRef = useRef<HTMLDivElement>(null);
   const scrollPosition = useScrollPosition<HTMLDivElement>(libraryContainerRef);
 
@@ -49,13 +68,16 @@ export default function LibraryMenuItems({
       libraryContainerRef.current?.scrollTo(0, scrollPosition);
     }
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
-  const { svgCache } = useLibraryCache();
 
-  const unpublishedItems = libraryItems.filter(
-    (item) => item.status !== "published",
+  const { svgCache } = useLibraryCache();
+  const unpublishedItems = useMemo(
+    () => libraryItems.filter((item) => item.status !== "published"),
+    [libraryItems],
   );
-  const publishedItems = libraryItems.filter(
-    (item) => item.status === "published",
+
+  const publishedItems = useMemo(
+    () => libraryItems.filter((item) => item.status === "published"),
+    [libraryItems],
   );
 
   const showBtn = !libraryItems.length && !pendingElements.length;
@@ -69,50 +91,56 @@ export default function LibraryMenuItems({
     LibraryItem["id"] | null
   >(null);
 
-  const onItemSelectToggle = (
-    id: LibraryItem["id"],
-    event: React.MouseEvent,
-  ) => {
-    const shouldSelect = !selectedItems.includes(id);
+  const onItemSelectToggle = useCallback(
+    (id: LibraryItem["id"], event: React.MouseEvent) => {
+      const shouldSelect = !selectedItems.includes(id);
 
-    const orderedItems = [...unpublishedItems, ...publishedItems];
+      const orderedItems = [...unpublishedItems, ...publishedItems];
 
-    if (shouldSelect) {
-      if (event.shiftKey && lastSelectedItem) {
-        const rangeStart = orderedItems.findIndex(
-          (item) => item.id === lastSelectedItem,
-        );
-        const rangeEnd = orderedItems.findIndex((item) => item.id === id);
+      if (shouldSelect) {
+        if (event.shiftKey && lastSelectedItem) {
+          const rangeStart = orderedItems.findIndex(
+            (item) => item.id === lastSelectedItem,
+          );
+          const rangeEnd = orderedItems.findIndex((item) => item.id === id);
 
-        if (rangeStart === -1 || rangeEnd === -1) {
-          setSelectedItems([...selectedItems, id]);
-          return;
+          if (rangeStart === -1 || rangeEnd === -1) {
+            onSelectItems([...selectedItems, id]);
+            return;
+          }
+
+          const selectedItemsMap = arrayToMap(selectedItems);
+          const nextSelectedIds = orderedItems.reduce(
+            (acc: LibraryItem["id"][], item, idx) => {
+              if (
+                (idx >= rangeStart && idx <= rangeEnd) ||
+                selectedItemsMap.has(item.id)
+              ) {
+                acc.push(item.id);
+              }
+              return acc;
+            },
+            [],
+          );
+
+          onSelectItems(nextSelectedIds);
+        } else {
+          onSelectItems([...selectedItems, id]);
         }
-
-        const selectedItemsMap = arrayToMap(selectedItems);
-        const nextSelectedIds = orderedItems.reduce(
-          (acc: LibraryItem["id"][], item, idx) => {
-            if (
-              (idx >= rangeStart && idx <= rangeEnd) ||
-              selectedItemsMap.has(item.id)
-            ) {
-              acc.push(item.id);
-            }
-            return acc;
-          },
-          [],
-        );
-
-        setSelectedItems(nextSelectedIds);
+        setLastSelectedItem(id);
       } else {
-        setSelectedItems([...selectedItems, id]);
+        setLastSelectedItem(null);
+        onSelectItems(selectedItems.filter((_id) => _id !== id));
       }
-      setLastSelectedItem(id);
-    } else {
-      setLastSelectedItem(null);
-      setSelectedItems(selectedItems.filter((_id) => _id !== id));
-    }
-  };
+    },
+    [
+      lastSelectedItem,
+      onSelectItems,
+      publishedItems,
+      selectedItems,
+      unpublishedItems,
+    ],
+  );
 
   const getInsertedElements = useCallback(
     (id: string) => {
@@ -136,37 +164,45 @@ export default function LibraryMenuItems({
     [libraryItems, selectedItems],
   );
 
-  const onItemDrag = (id: LibraryItem["id"], event: React.DragEvent) => {
-    event.dataTransfer.setData(
-      MIME_TYPES.excalidrawlib,
-      serializeLibraryAsJSON(getInsertedElements(id)),
-    );
-  };
+  const onItemDrag = useCallback(
+    (id: LibraryItem["id"], event: React.DragEvent) => {
+      event.dataTransfer.setData(
+        MIME_TYPES.excalidrawlib,
+        serializeLibraryAsJSON(getInsertedElements(id)),
+      );
+    },
+    [getInsertedElements],
+  );
 
-  const isItemSelected = (id: LibraryItem["id"] | null) => {
-    if (!id) {
-      return false;
-    }
+  const isItemSelected = useCallback(
+    (id: LibraryItem["id"] | null) => {
+      if (!id) {
+        return false;
+      }
 
-    return selectedItems.includes(id);
-  };
+      return selectedItems.includes(id);
+    },
+    [selectedItems],
+  );
+
+  const onAddToLibraryClick = useCallback(() => {
+    onAddToLibrary(pendingElements);
+  }, [pendingElements, onAddToLibrary]);
 
   const onItemClick = useCallback(
     (id: LibraryItem["id"] | null) => {
-      if (!id) {
-        onAddToLibrary(pendingElements);
-      } else {
+      if (id) {
         onInsertLibraryItems(getInsertedElements(id));
       }
     },
-    [
-      getInsertedElements,
-      onAddToLibrary,
-      onInsertLibraryItems,
-      pendingElements,
-    ],
+    [getInsertedElements, onInsertLibraryItems],
   );
 
+  const itemsRenderedPerBatch =
+    svgCache.size >= libraryItems.length
+      ? CACHED_ITEMS_RENDERED_PER_BATCH
+      : ITEMS_RENDERED_PER_BATCH;
+
   return (
     <div
       className="library-menu-items-container"
@@ -181,7 +217,7 @@ export default function LibraryMenuItems({
       {!isLibraryEmpty && (
         <LibraryDropdownMenu
           selectedItems={selectedItems}
-          onSelectItems={setSelectedItems}
+          onSelectItems={onSelectItems}
           className="library-menu-dropdown-container--in-heading"
         />
       )}
@@ -225,20 +261,28 @@ export default function LibraryMenuItems({
               </div>
             </div>
           ) : (
-            <LibraryMenuSection
-              items={[
-                // append pending library item
-                ...(pendingElements.length
-                  ? [{ id: null, elements: pendingElements }]
-                  : []),
-                ...unpublishedItems,
-              ]}
-              onItemSelectToggle={onItemSelectToggle}
-              onItemDrag={onItemDrag}
-              onClick={onItemClick}
-              isItemSelected={isItemSelected}
-              svgCache={svgCache}
-            />
+            <LibraryMenuSectionGrid>
+              {pendingElements.length > 0 && (
+                <LibraryMenuSection
+                  itemsRenderedPerBatch={itemsRenderedPerBatch}
+                  items={[{ id: null, elements: pendingElements }]}
+                  onItemSelectToggle={onItemSelectToggle}
+                  onItemDrag={onItemDrag}
+                  onClick={onAddToLibraryClick}
+                  isItemSelected={isItemSelected}
+                  svgCache={svgCache}
+                />
+              )}
+              <LibraryMenuSection
+                itemsRenderedPerBatch={itemsRenderedPerBatch}
+                items={unpublishedItems}
+                onItemSelectToggle={onItemSelectToggle}
+                onItemDrag={onItemDrag}
+                onClick={onItemClick}
+                isItemSelected={isItemSelected}
+                svgCache={svgCache}
+              />
+            </LibraryMenuSectionGrid>
           )}
         </>
 
@@ -251,14 +295,17 @@ export default function LibraryMenuItems({
             </div>
           )}
           {publishedItems.length > 0 ? (
-            <LibraryMenuSection
-              items={publishedItems}
-              onItemSelectToggle={onItemSelectToggle}
-              onItemDrag={onItemDrag}
-              onClick={onItemClick}
-              isItemSelected={isItemSelected}
-              svgCache={svgCache}
-            />
+            <LibraryMenuSectionGrid>
+              <LibraryMenuSection
+                itemsRenderedPerBatch={itemsRenderedPerBatch}
+                items={publishedItems}
+                onItemSelectToggle={onItemSelectToggle}
+                onItemDrag={onItemDrag}
+                onClick={onItemClick}
+                isItemSelected={isItemSelected}
+                svgCache={svgCache}
+              />
+            </LibraryMenuSectionGrid>
           ) : unpublishedItems.length > 0 ? (
             <div
               style={{
@@ -285,7 +332,7 @@ export default function LibraryMenuItems({
           >
             <LibraryDropdownMenu
               selectedItems={selectedItems}
-              onSelectItems={setSelectedItems}
+              onSelectItems={onSelectItems}
             />
           </LibraryMenuControlButtons>
         )}
diff --git a/src/components/LibraryMenuSection.tsx b/src/components/LibraryMenuSection.tsx
index 496f045b7..0e10470fc 100644
--- a/src/components/LibraryMenuSection.tsx
+++ b/src/components/LibraryMenuSection.tsx
@@ -1,16 +1,10 @@
-import React, { useEffect, useMemo, useState } from "react";
-import { LibraryUnit } from "./LibraryUnit";
+import React, { memo, ReactNode, useEffect, useState } from "react";
+import { EmptyLibraryUnit, LibraryUnit } from "./LibraryUnit";
 import { LibraryItem } from "../types";
-import Stack from "./Stack";
-import clsx from "clsx";
 import { ExcalidrawElement, NonDeleted } from "../element/types";
 import { SvgCache } from "../hooks/useLibraryItemSvg";
 import { useTransition } from "../hooks/useTransition";
 
-const ITEMS_PER_ROW = 4;
-const ROWS_RENDERED_PER_BATCH = 6;
-const CACHED_ROWS_RENDERED_PER_BATCH = 16;
-
 type LibraryOrPendingItem = (
   | LibraryItem
   | /* pending library item */ {
@@ -26,91 +20,58 @@ interface Props {
   onItemDrag: (id: LibraryItem["id"], event: React.DragEvent) => void;
   isItemSelected: (id: LibraryItem["id"] | null) => boolean;
   svgCache: SvgCache;
+  itemsRenderedPerBatch: number;
 }
 
-function LibraryRow({
-  items,
-  onItemSelectToggle,
-  onItemDrag,
-  isItemSelected,
-  onClick,
-  svgCache,
-}: Props) {
-  return (
-    <Stack.Row className="library-menu-items-container__row">
-      {items.map((item) => (
-        <Stack.Col key={item.id}>
-          <LibraryUnit
-            elements={item?.elements}
-            isPending={!item?.id && !!item?.elements}
-            onClick={onClick}
-            id={item?.id || null}
-            selected={isItemSelected(item.id)}
-            onToggle={onItemSelectToggle}
-            onDrag={onItemDrag}
-            svgCache={svgCache}
-          />
-        </Stack.Col>
-      ))}
-    </Stack.Row>
-  );
-}
+export const LibraryMenuSectionGrid = ({
+  children,
+}: {
+  children: ReactNode;
+}) => {
+  return <div className="library-menu-items-container__grid">{children}</div>;
+};
 
-const EmptyLibraryRow = () => (
-  <Stack.Row className="library-menu-items-container__row" gap={1}>
-    {Array.from({ length: ITEMS_PER_ROW }).map((_, index) => (
-      <Stack.Col key={index}>
-        <div className={clsx("library-unit", "library-unit--skeleton")} />
-      </Stack.Col>
-    ))}
-  </Stack.Row>
+export const LibraryMenuSection = memo(
+  ({
+    items,
+    onItemSelectToggle,
+    onItemDrag,
+    isItemSelected,
+    onClick,
+    svgCache,
+    itemsRenderedPerBatch,
+  }: Props) => {
+    const [, startTransition] = useTransition();
+    const [index, setIndex] = useState(0);
+
+    useEffect(() => {
+      if (index < items.length) {
+        startTransition(() => {
+          setIndex(index + itemsRenderedPerBatch);
+        });
+      }
+    }, [index, items.length, startTransition, itemsRenderedPerBatch]);
+
+    return (
+      <>
+        {items.map((item, i) => {
+          return i < index ? (
+            <LibraryUnit
+              elements={item?.elements}
+              isPending={!item?.id && !!item?.elements}
+              onClick={onClick}
+              svgCache={svgCache}
+              id={item?.id}
+              selected={isItemSelected(item.id)}
+              onToggle={onItemSelectToggle}
+              onDrag={onItemDrag}
+              key={item?.id ?? i}
+            />
+          ) : (
+            <EmptyLibraryUnit key={i} />
+          );
+        })}
+      </>
+    );
+  },
 );
-
-function LibraryMenuSection({
-  items,
-  onItemSelectToggle,
-  onItemDrag,
-  isItemSelected,
-  onClick,
-  svgCache,
-}: Props) {
-  const rows = Math.ceil(items.length / ITEMS_PER_ROW);
-  const [, startTransition] = useTransition();
-  const [index, setIndex] = useState(0);
-
-  const rowsRenderedPerBatch = useMemo(() => {
-    return svgCache.size === 0
-      ? ROWS_RENDERED_PER_BATCH
-      : CACHED_ROWS_RENDERED_PER_BATCH;
-  }, [svgCache]);
-
-  useEffect(() => {
-    if (index < rows) {
-      startTransition(() => {
-        setIndex(index + rowsRenderedPerBatch);
-      });
-    }
-  }, [index, rows, startTransition, rowsRenderedPerBatch]);
-
-  return (
-    <>
-      {Array.from({ length: rows }).map((_, i) =>
-        i < index ? (
-          <LibraryRow
-            key={i}
-            items={items.slice(i * ITEMS_PER_ROW, (i + 1) * ITEMS_PER_ROW)}
-            onItemSelectToggle={onItemSelectToggle}
-            onItemDrag={onItemDrag}
-            onClick={onClick}
-            isItemSelected={isItemSelected}
-            svgCache={svgCache}
-          />
-        ) : (
-          <EmptyLibraryRow key={i} />
-        ),
-      )}
-    </>
-  );
-}
-
-export default LibraryMenuSection;
diff --git a/src/components/LibraryUnit.scss b/src/components/LibraryUnit.scss
index 1bfc1e6df..a5f26bff4 100644
--- a/src/components/LibraryUnit.scss
+++ b/src/components/LibraryUnit.scss
@@ -30,7 +30,7 @@
         var(--color-gray-10)
       );
       background-size: 200% 200%;
-      animation: library-unit__skeleton-opacity-animation 0.3s linear;
+      animation: library-unit__skeleton-opacity-animation 0.2s linear;
     }
   }
 
diff --git a/src/components/LibraryUnit.tsx b/src/components/LibraryUnit.tsx
index f256b49f1..ce5d4ebbb 100644
--- a/src/components/LibraryUnit.tsx
+++ b/src/components/LibraryUnit.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { useEffect, useRef, useState } from "react";
+import { memo, useEffect, useRef, useState } from "react";
 import { useDevice } from "../components/App";
 import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
@@ -7,96 +7,101 @@ import { CheckboxItem } from "./CheckboxItem";
 import { PlusIcon } from "./icons";
 import { SvgCache, useLibraryItemSvg } from "../hooks/useLibraryItemSvg";
 
-export const LibraryUnit = ({
-  id,
-  elements,
-  isPending,
-  onClick,
-  selected,
-  onToggle,
-  onDrag,
-  svgCache,
-}: {
-  id: LibraryItem["id"] | /** for pending item */ null;
-  elements?: LibraryItem["elements"];
-  isPending?: boolean;
-  onClick: (id: LibraryItem["id"] | null) => void;
-  selected: boolean;
-  onToggle: (id: string, event: React.MouseEvent) => void;
-  onDrag: (id: string, event: React.DragEvent) => void;
-  svgCache: SvgCache;
-}) => {
-  const ref = useRef<HTMLDivElement | null>(null);
-  const svg = useLibraryItemSvg(id, elements, svgCache);
+export const LibraryUnit = memo(
+  ({
+    id,
+    elements,
+    isPending,
+    onClick,
+    selected,
+    onToggle,
+    onDrag,
+    svgCache,
+  }: {
+    id: LibraryItem["id"] | /** for pending item */ null;
+    elements?: LibraryItem["elements"];
+    isPending?: boolean;
+    onClick: (id: LibraryItem["id"] | null) => void;
+    selected: boolean;
+    onToggle: (id: string, event: React.MouseEvent) => void;
+    onDrag: (id: string, event: React.DragEvent) => void;
+    svgCache: SvgCache;
+  }) => {
+    const ref = useRef<HTMLDivElement | null>(null);
+    const svg = useLibraryItemSvg(id, elements, svgCache);
 
-  useEffect(() => {
-    const node = ref.current;
+    useEffect(() => {
+      const node = ref.current;
 
-    if (!node) {
-      return;
-    }
+      if (!node) {
+        return;
+      }
 
-    if (svg) {
-      svg.querySelector(".style-fonts")?.remove();
-      node.innerHTML = svg.outerHTML;
-    }
+      if (svg) {
+        node.innerHTML = svg.outerHTML;
+      }
 
-    return () => {
-      node.innerHTML = "";
-    };
-  }, [elements, svg]);
+      return () => {
+        node.innerHTML = "";
+      };
+    }, [svg]);
 
-  const [isHovered, setIsHovered] = useState(false);
-  const isMobile = useDevice().isMobile;
-  const adder = isPending && (
-    <div className="library-unit__adder">{PlusIcon}</div>
-  );
+    const [isHovered, setIsHovered] = useState(false);
+    const isMobile = useDevice().isMobile;
+    const adder = isPending && (
+      <div className="library-unit__adder">{PlusIcon}</div>
+    );
 
-  return (
-    <div
-      className={clsx("library-unit", {
-        "library-unit__active": elements,
-        "library-unit--hover": elements && isHovered,
-        "library-unit--selected": selected,
-        "library-unit--skeleton": !svg,
-      })}
-      onMouseEnter={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-    >
+    return (
       <div
-        className={clsx("library-unit__dragger", {
-          "library-unit__pulse": !!isPending,
+        className={clsx("library-unit", {
+          "library-unit__active": elements,
+          "library-unit--hover": elements && isHovered,
+          "library-unit--selected": selected,
+          "library-unit--skeleton": !svg,
         })}
-        ref={ref}
-        draggable={!!elements}
-        onClick={
-          !!elements || !!isPending
-            ? (event) => {
-                if (id && event.shiftKey) {
-                  onToggle(id, event);
-                } else {
-                  onClick(id);
+        onMouseEnter={() => setIsHovered(true)}
+        onMouseLeave={() => setIsHovered(false)}
+      >
+        <div
+          className={clsx("library-unit__dragger", {
+            "library-unit__pulse": !!isPending,
+          })}
+          ref={ref}
+          draggable={!!elements}
+          onClick={
+            !!elements || !!isPending
+              ? (event) => {
+                  if (id && event.shiftKey) {
+                    onToggle(id, event);
+                  } else {
+                    onClick(id);
+                  }
                 }
-              }
-            : undefined
-        }
-        onDragStart={(event) => {
-          if (!id) {
-            event.preventDefault();
-            return;
+              : undefined
           }
-          setIsHovered(false);
-          onDrag(id, event);
-        }}
-      />
-      {adder}
-      {id && elements && (isHovered || isMobile || selected) && (
-        <CheckboxItem
-          checked={selected}
-          onChange={(checked, event) => onToggle(id, event)}
-          className="library-unit__checkbox"
+          onDragStart={(event) => {
+            if (!id) {
+              event.preventDefault();
+              return;
+            }
+            setIsHovered(false);
+            onDrag(id, event);
+          }}
         />
-      )}
-    </div>
-  );
-};
+        {adder}
+        {id && elements && (isHovered || isMobile || selected) && (
+          <CheckboxItem
+            checked={selected}
+            onChange={(checked, event) => onToggle(id, event)}
+            className="library-unit__checkbox"
+          />
+        )}
+      </div>
+    );
+  },
+);
+
+export const EmptyLibraryUnit = () => (
+  <div className="library-unit library-unit--skeleton" />
+);
diff --git a/src/hooks/useLibraryItemSvg.ts b/src/hooks/useLibraryItemSvg.ts
index ba9802199..1c27f0ce7 100644
--- a/src/hooks/useLibraryItemSvg.ts
+++ b/src/hooks/useLibraryItemSvg.ts
@@ -39,6 +39,7 @@ export const useLibraryItemSvg = (
           // When there is no svg in cache export it and save to cache
           (async () => {
             const exportedSvg = await exportLibraryItemToSvg(elements);
+            exportedSvg.querySelector(".style-fonts")?.remove();
 
             if (exportedSvg) {
               svgCache.set(id, exportedSvg);

From 7bf4de5892a1ef7899b0f701ded79ad835b7a1b2 Mon Sep 17 00:00:00 2001
From: Are <me@iama.re>
Date: Wed, 31 May 2023 18:27:29 +0200
Subject: [PATCH 199/252] feat: redesign of Live Collaboration dialog (#6635)

* feat: redesiged Live Collaboration dialog

* fix: address lints

* fix: inactive dialog dark mode improvements

* fix: follow styleguide with event parameter, add FilledButton size prop

* fix: change timer to be imperative

* fix: add spacing after emoji

* fix: remove unused useEffect

* fix: change margin into whitespace

* fix: add share button check back
---
 src/assets/lock.svg                       |  20 ++
 src/components/FilledButton.scss          |  95 +++++++
 src/components/FilledButton.tsx           |  61 +++++
 src/components/ImageExportDialog.scss     |  42 ----
 src/components/ImageExportDialog.tsx      |  38 +--
 src/components/Switch.tsx                 |   4 +-
 src/components/TextField.scss             | 118 +++++++++
 src/components/TextField.tsx              |  57 +++++
 src/components/icons.tsx                  |  28 +++
 src/css/theme.scss                        |   2 +
 src/excalidraw-app/collab/RoomDialog.scss | 191 +++++++++-----
 src/excalidraw-app/collab/RoomDialog.tsx  | 293 ++++++++++++----------
 src/excalidraw-app/index.tsx              |   2 +-
 13 files changed, 698 insertions(+), 253 deletions(-)
 create mode 100644 src/assets/lock.svg
 create mode 100644 src/components/FilledButton.scss
 create mode 100644 src/components/FilledButton.tsx
 create mode 100644 src/components/TextField.scss
 create mode 100644 src/components/TextField.tsx

diff --git a/src/assets/lock.svg b/src/assets/lock.svg
new file mode 100644
index 000000000..aa9dbf170
--- /dev/null
+++ b/src/assets/lock.svg
@@ -0,0 +1,20 @@
+<svg width="178" height="162" viewBox="0 0 178 162" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.3329 54.3823L38.5547 94.3134L39.7731 111.754L40.1282 118.907L41.0832 123.59L44.3502 131.942L48.9438 137.693L52.5472 143.333L58.5544 147.755L62.5364 150.239L72.3634 154.486L83.15 156.361L91.1212 158.708L101.174 157.525L110.808 156.719L115.983 154.049L124.511 151.377L129.276 148.71L133.701 143.947L139.666 135.877L142.001 128.136L145.746 118.192L145.188 111.065L145.489 94.3675L145.873 75.2546L143.227 59.7779L142.022 47.4695L138.595 46.8345L102.952 45.4703L56.9173 46.7498L46.0719 49.1207L41.9323 50.6825L39.5684 53.4297" fill="#E3E2FE"/>
+<path d="M41.0014 54.2859C41.0861 64.8796 38.3765 102.581 40.9779 117.876C43.5793 133.17 48.2646 139.346 56.6121 146.047C64.9596 152.746 79.1214 157.662 91.0653 158.078C103.009 158.492 119.347 155.242 128.277 148.543C137.206 141.842 142.112 133.527 144.641 117.874C147.169 102.221 146.061 66.4132 143.446 54.6222C140.83 42.8289 143.97 48.2857 128.948 47.1238C113.925 45.9619 67.9608 46.477 53.3051 47.6483C38.6493 48.8197 43.2053 53.0675 41.0155 54.1518M40.5263 53.9801C40.5404 64.6138 37.9249 103.418 40.5921 118.587C43.257 133.755 48.147 138.325 56.5251 144.991C64.9008 151.655 78.7263 157.935 90.8536 158.577C102.981 159.221 120.212 155.413 129.289 148.844C138.368 142.277 142.872 134.995 145.321 119.168C147.767 103.343 146.805 65.8698 143.977 53.8837C141.148 41.8975 143.615 48.4292 128.348 47.2508C113.081 46.0724 67.14 45.6726 52.3737 46.8157C37.6074 47.9564 41.7776 53.091 39.7524 54.1024" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M64.7935 45.726L66.36 36.6964L65.5979 34.4501L67.3384 30.7668L70.4197 26.5048L74.8157 21.0598L81.9095 16.9131L89.9419 14.4951L95.6127 12.8534L97.7555 13.2133L103.819 15.269L106.552 18.5807L109.967 22.3793L114.45 27.2387L114.904 34.3937L117.153 38.9214L116.031 44.5005L116.765 45.5448L118.863 47.3559L126.164 47.6782L127.744 46.7797L128.76 44.7052L123.882 25.8227L120.641 20.4835L116.351 15.8758L112.809 11.0729L108.617 7.36601L101.352 5.43025L93.263 3.31104L84.2451 5.1433L77.7299 7.86229L76.0011 8.0975L62.1168 19.8532L59.5366 24.5597L55.7733 32.3215L55.0371 39.5282L56.0626 44.8933L56.5636 47.1725L59.6401 46.8644L66.1648 46.0388" fill="#E3E2FE"/>
+<path d="M65.0037 46.0106C65.1166 43.8231 64.9237 36.8492 66.1421 33.2412C67.3605 29.6307 69.0799 27.2857 72.314 24.3527C75.5481 21.422 81.273 17.6093 85.5444 15.6453C89.8157 13.6813 94.3317 12.1148 97.9421 12.5664C101.555 13.0157 104.544 15.857 107.219 18.3478C109.893 20.8387 112.356 24.0869 113.986 27.5115C115.618 30.9338 116.389 35.8684 117.006 38.8861C117.622 41.9038 115.992 44.2888 117.69 45.6178C119.388 46.949 125.617 48.1721 127.195 46.8667C128.773 45.5613 127.717 41.1888 127.157 37.7877C126.597 34.3866 125.494 30.1247 123.838 26.4601C122.183 22.7956 119.746 18.9029 117.222 15.7982C114.698 12.6934 112.791 9.9086 108.696 7.83642C104.601 5.76189 97.8081 3.42863 92.6547 3.35337C87.5013 3.2781 81.5529 5.74308 77.7708 7.38717C73.991 9.03127 72.8879 10.6166 69.9666 13.218C67.043 15.8217 62.4306 19.6768 60.2384 23.0026C58.0486 26.3284 57.4818 29.252 56.8185 33.1753C56.1529 37.0962 54.6499 44.39 56.2517 46.5327C57.8511 48.6731 64.7756 45.98 66.4267 46.0247M65.9704 45.5096C65.9845 43.348 64.2652 37.5525 65.5423 33.8456C66.8172 30.1364 70.2959 26.4789 73.6264 23.259C76.9546 20.039 81.3177 16.3015 85.5208 14.5281C89.7216 12.7523 95.1079 11.7903 98.8383 12.6111C102.569 13.432 105.283 16.8072 107.903 19.4486C110.526 22.09 113.146 25.3029 114.567 28.4664C115.987 31.6276 116.03 35.4051 116.425 38.4204C116.82 41.4334 115.124 45.1426 116.937 46.5515C118.751 47.9604 125.539 48.2968 127.31 46.8761C129.081 45.4578 127.978 41.4428 127.562 38.0347C127.145 34.6265 126.501 30.1646 124.81 26.4296C123.116 22.6921 120.195 18.7594 117.413 15.6194C114.63 12.4818 112.247 9.39349 108.117 7.58945C103.987 5.78541 97.5776 5.02099 92.6335 4.79519C87.6895 4.56939 82.3503 4.78813 78.4505 6.23466C74.5484 7.68118 72.0882 10.6542 69.228 13.4696C66.3679 16.2851 63.4725 19.7873 61.2898 23.1319C59.1071 26.4789 56.9761 29.4896 56.1293 33.5469C55.285 37.6043 54.577 45.2132 56.2117 47.4759C57.8487 49.7409 64.2675 47.3418 65.9445 47.1301" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M140.37 54.8958C137.884 58.1322 127.704 71.2286 125.185 74.5427M139.697 54.209C137.098 57.5466 127.005 71.7884 124.51 75.3565" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M141.663 63.1765C139.661 66.0413 131.311 77.1501 129.077 79.9726M141.065 62.5908C139.021 65.2792 130.631 76.1364 128.717 78.8625" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M141.888 72.9917C139.475 75.8589 130.268 86.8478 127.966 89.7455M141.02 72.726C138.503 75.6496 129.775 87.2476 127.58 90.3242" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M141.948 82.215C139.815 85.1057 130.308 96.8214 127.961 99.7709M141.459 81.7375C139.298 84.4119 129.816 95.9888 127.479 98.8606" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M141.357 91.7838C138.885 95.2484 128.808 108.535 126.428 111.76M142.474 91.4757C139.917 94.7921 128.38 107.493 125.781 110.883" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M142.568 101.479C140.028 104.403 129.867 115.528 127.195 118.356M141.811 101.018C139.212 104.055 129.477 115.975 126.828 118.97" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M141.023 112.172C138.591 114.775 128.028 125.905 125.422 128.664M140.51 113.465C138.008 116.147 127.36 125.233 124.742 127.582" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M139.004 123.69C136.501 126.275 125.952 137.248 123.287 140.108M138.343 124.817C135.805 127.454 125.487 138.261 122.848 140.75" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M132.192 139.862C129.854 141.624 120.87 148.168 118.574 150.012M131.39 139.496C128.97 141.333 120.524 148.89 118.322 150.621" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.6351 92.3124L78.2767 89.0148L78.6718 88.8784L75.6282 79.6865L74.4922 76.0525L75.0379 74.1074L78.6248 69.5444L83.6182 65.186L86.6924 64.0711L93.7768 63.9864L99.9181 63.9276L103.905 64.4215L106.038 66.068L109.333 67.6392L110.251 69.4479L112.438 73.1877L112.702 81.928L111.674 82.93L110.907 85.5573L107.828 89.2336L101.273 92.9193L102.785 120.401L99.5488 125.521L98.0059 127.838L96.1313 129.414L93.17 130.237L92.2198 130.033L90.1358 129.233L88.8328 126.594L87.8378 95.2549L88.9386 93.3215L86.0409 91.294L80.9533 91.1552" fill="white"/>
+<path d="M82.8214 92.0607C82.0664 91.4327 79.291 90.7201 77.8539 88.2033C76.4167 85.6866 73.5284 80.4438 74.1964 76.9581C74.862 73.4723 78.6959 69.6384 81.8524 67.2887C85.0089 64.939 88.9227 63.1138 93.1353 62.8574C97.3478 62.6034 103.957 63.9888 107.132 65.7575C110.31 67.5263 111.416 70.5651 112.196 73.4747C112.977 76.3842 112.606 80.6626 111.82 83.2122C111.035 85.7642 109.078 87.1661 107.481 88.7749C105.883 90.3837 103.106 91.2751 102.233 92.8651C101.363 94.4551 102.327 95.3254 102.25 98.3125C102.172 101.3 101.76 107.227 101.767 110.788C101.772 114.349 102.487 116.981 102.285 119.676C102.085 122.374 101.52 125.126 100.556 126.965C99.5917 128.805 98.077 130.256 96.5011 130.715C94.9275 131.171 92.4485 130.36 91.1101 129.713C89.7742 129.066 89.0144 128.341 88.4805 126.836C87.9489 125.331 87.9678 123.964 87.9137 120.681C87.8596 117.397 88.1159 111.599 88.1583 107.14C88.203 102.68 89.2779 96.445 88.1724 93.9236C87.0693 91.4022 82.7791 92.4347 81.5325 92.0137M82.0194 91.6068C81.222 90.7624 78.4536 89.7886 77.3623 87.1567C76.2733 84.5247 74.6621 79.3125 75.4783 75.815C76.2921 72.3151 79.1428 68.3166 82.2522 66.1597C85.3617 64.0029 90.1693 63.062 94.1302 62.8739C98.0911 62.6857 102.925 63.0832 106.02 65.0331C109.118 66.9853 111.834 71.5836 112.705 74.5801C113.572 77.5743 111.949 80.7731 111.234 83.0076C110.519 85.2444 109.835 86.3711 108.417 87.9916C107.001 89.6146 103.738 90.9623 102.732 92.7358C101.725 94.5092 102.351 95.6382 102.377 98.6301C102.405 101.62 102.866 106.949 102.894 110.682C102.922 114.417 102.955 118.291 102.544 121.038C102.13 123.783 101.408 125.54 100.42 127.161C99.4318 128.781 98.1005 130.233 96.6163 130.759C95.1322 131.286 92.9353 130.893 91.51 130.322C90.0846 129.753 88.7769 128.889 88.0618 127.335C87.3468 125.78 87.0128 124.317 87.2198 120.998C87.4268 117.68 89.0874 112.046 89.299 107.422C89.5107 102.798 89.8494 95.9322 88.4946 93.2509C87.1398 90.5695 82.4804 91.4845 81.1679 91.3316" stroke="#6965DB" stroke-width="2" stroke-linecap="round"/>
+<path d="M28.1943 139.31C26.7936 139.432 25.332 140.402 23.8703 140.523C23.1395 140.766 22.5914 140.16 21.9824 139.735C21.5561 139.553 21.008 138.461 20.8253 138.219C20.5817 136.884 19.9118 134.276 20.0336 133.002C19.7291 131.364 21.5561 129.787 23.0786 129.727C23.2613 129.727 23.8094 129.787 23.8703 129.787C25.7583 130.151 27.5853 131.546 29.5341 131.728C29.595 131.728 29.6559 131.728 29.6559 131.668C30.4476 130.333 30.204 126.937 30.813 125.542C30.813 125.36 31.1784 123.54 31.1784 123.237C31.6048 122.327 32.1529 121.781 33.1273 122.084C33.7972 122.266 34.6498 122.388 34.6498 123.237V128.635C34.8325 129.242 36.1114 128.999 36.5986 128.999C38.7911 128.028 40.8617 127.422 43.3586 127.058C45.6729 127.179 46.7082 129.242 46.5864 131.304C46.6473 132.396 45.4293 133.245 44.6985 133.973C44.4549 134.094 43.4804 134.519 43.115 134.397C42.2624 133.791 41.1662 134.033 40.1309 134.094C40.1309 134.155 40.0091 134.337 40.07 134.397C41.288 135.853 43.5413 136.096 45.0639 137.066C46.1601 138.34 47.4999 138.643 47.1345 140.341C47.0736 141.191 47.1345 142.1 46.221 142.404C45.9774 142.586 44.5767 142.828 44.2722 142.828C43.9677 142.768 43.3586 142.343 43.115 142.04C40.9835 141.13 38.6693 140.402 36.2332 140.159V145.133C35.9896 146.468 35.6851 147.923 34.6498 148.955C34.2844 149.015 33.1273 149.015 32.7619 148.955C32.4574 148.773 31.4221 147.741 31.1784 147.438C30.5694 145.133 30.4476 142.404 29.6559 140.159C29.1687 139.553 28.986 139.25 28.1943 139.31Z" fill="#6965DB"/>
+<path d="M59.5964 139.31C58.1956 139.432 56.734 140.402 55.2724 140.523C54.5416 140.766 53.9935 140.16 53.3845 139.735C52.9582 139.553 52.41 138.461 52.2273 138.219C51.9837 136.884 51.3138 134.276 51.4356 133.002C51.1311 131.364 52.9582 129.787 54.4807 129.727C54.6634 129.727 55.2115 129.787 55.2724 129.787C57.1603 130.151 58.9874 131.546 60.9362 131.728C60.9971 131.728 61.058 131.728 61.058 131.668C61.8497 130.333 61.6061 126.937 62.2151 125.542C62.2151 125.36 62.5805 123.54 62.5805 123.237C63.0068 122.327 63.5549 121.781 64.5293 122.084C65.1992 122.266 66.0519 122.388 66.0519 123.237V128.635C66.2346 129.242 67.5135 128.999 68.0007 128.999C70.1931 128.028 72.2638 127.422 74.7607 127.058C77.0749 127.179 78.1103 129.242 77.9885 131.304C78.0494 132.396 76.8313 133.245 76.1005 133.973C75.8569 134.094 74.8825 134.519 74.5171 134.397C73.6645 133.791 72.5683 134.033 71.5329 134.094C71.5329 134.155 71.4112 134.337 71.4721 134.397C72.6901 135.853 74.9434 136.096 76.4659 137.066C77.5621 138.34 78.902 138.643 78.5366 140.341C78.4757 141.191 78.5366 142.1 77.623 142.404C77.3794 142.586 75.9787 142.828 75.6742 142.828C75.3697 142.768 74.7607 142.343 74.5171 142.04C72.3856 141.13 70.0713 140.402 67.6353 140.159V145.133C67.3917 146.468 67.0872 147.923 66.0519 148.955C65.6865 149.015 64.5293 149.015 64.1639 148.955C63.8594 148.773 62.8241 147.741 62.5805 147.438C61.9715 145.133 61.8497 142.404 61.058 140.159C60.5708 139.553 60.3881 139.25 59.5964 139.31Z" fill="#6965DB"/>
+<path d="M90.9984 139.31C89.5977 139.432 88.1361 140.402 86.6745 140.523C85.9436 140.766 85.3955 140.16 84.7865 139.735C84.3602 139.553 83.8121 138.461 83.6294 138.219C83.3858 136.884 82.7159 134.276 82.8377 133.002C82.5332 131.364 84.3602 129.787 85.8827 129.727C86.0654 129.727 86.6136 129.787 86.6745 129.787C88.5624 130.151 90.3894 131.546 92.3382 131.728C92.3991 131.728 92.46 131.728 92.46 131.668C93.2518 130.333 93.0082 126.937 93.6172 125.542C93.6172 125.36 93.9826 123.54 93.9826 123.237C94.4089 122.327 94.957 121.781 95.9314 122.084C96.6013 122.266 97.4539 122.388 97.4539 123.237V128.635C97.6366 129.242 98.9155 128.999 99.4028 128.999C101.595 128.028 103.666 127.422 106.163 127.058C108.477 127.179 109.512 129.242 109.391 131.304C109.451 132.396 108.233 133.245 107.503 133.973C107.259 134.094 106.285 134.519 105.919 134.397C105.067 133.791 103.97 134.033 102.935 134.094C102.935 134.155 102.813 134.337 102.874 134.397C104.092 135.853 106.345 136.096 107.868 137.066C108.964 138.34 110.304 138.643 109.939 140.341C109.878 141.191 109.939 142.1 109.025 142.404C108.782 142.586 107.381 142.828 107.076 142.828C106.772 142.768 106.163 142.343 105.919 142.04C103.788 141.13 101.473 140.402 99.0373 140.159V145.133C98.7937 146.468 98.4892 147.923 97.4539 148.955C97.0885 149.015 95.9314 149.015 95.566 148.955C95.2615 148.773 94.2262 147.741 93.9826 147.438C93.3736 145.133 93.2518 142.404 92.46 140.159C91.9728 139.553 91.7901 139.25 90.9984 139.31Z" fill="#6965DB"/>
+</svg>
diff --git a/src/components/FilledButton.scss b/src/components/FilledButton.scss
new file mode 100644
index 000000000..d742e22e7
--- /dev/null
+++ b/src/components/FilledButton.scss
@@ -0,0 +1,95 @@
+@import "../css/variables.module";
+
+.excalidraw {
+  .ExcButton {
+    &--color-primary {
+      color: var(--input-bg-color);
+
+      --accent-color: var(--color-primary);
+      --accent-color-hover: var(--color-primary-darker);
+      --accent-color-active: var(--color-primary-darkest);
+    }
+
+    &--color-danger {
+      color: var(--input-bg-color);
+
+      --accent-color: var(--color-danger);
+      --accent-color-hover: #d65550;
+      --accent-color-active: #d1413c;
+    }
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+
+    border-radius: 0.5rem;
+
+    font-family: "Assistant";
+
+    user-select: none;
+
+    transition: all 150ms ease-out;
+
+    &--size-large {
+      font-weight: 400;
+      font-size: 0.875rem;
+      height: 3rem;
+      padding: 0.5rem 1.5rem;
+      gap: 0.75rem;
+
+      letter-spacing: 0.4px;
+    }
+
+    &--size-medium {
+      font-weight: 600;
+      font-size: 0.75rem;
+      height: 2.5rem;
+      padding: 0.5rem 1rem;
+      gap: 0.5rem;
+
+      letter-spacing: normal;
+    }
+
+    &--variant-filled {
+      background: var(--accent-color);
+      border: 1px solid transparent;
+
+      &:hover {
+        background: var(--accent-color-hover);
+      }
+
+      &:active {
+        background: var(--accent-color-active);
+      }
+    }
+
+    &--variant-outlined,
+    &--variant-icon {
+      border: 1px solid var(--accent-color);
+      color: var(--accent-color);
+      background: transparent;
+
+      &:hover {
+        border: 1px solid var(--accent-color-hover);
+        color: var(--accent-color-hover);
+      }
+
+      &:active {
+        border: 1px solid var(--accent-color-active);
+        color: var(--accent-color-active);
+      }
+    }
+
+    &--variant-icon {
+      padding: 0.5rem 0.75rem;
+      width: 3rem;
+    }
+
+    &__icon {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+}
diff --git a/src/components/FilledButton.tsx b/src/components/FilledButton.tsx
new file mode 100644
index 000000000..0db724216
--- /dev/null
+++ b/src/components/FilledButton.tsx
@@ -0,0 +1,61 @@
+import React, { forwardRef } from "react";
+import clsx from "clsx";
+
+import "./FilledButton.scss";
+
+export type ButtonVariant = "filled" | "outlined" | "icon";
+export type ButtonColor = "primary" | "danger";
+export type ButtonSize = "medium" | "large";
+
+export type FilledButtonProps = {
+  label: string;
+
+  children?: React.ReactNode;
+  onClick?: () => void;
+
+  variant?: ButtonVariant;
+  color?: ButtonColor;
+  size?: ButtonSize;
+  className?: string;
+
+  startIcon?: React.ReactNode;
+};
+
+export const FilledButton = forwardRef<HTMLButtonElement, FilledButtonProps>(
+  (
+    {
+      children,
+      startIcon,
+      onClick,
+      label,
+      variant = "filled",
+      color = "primary",
+      size = "medium",
+      className,
+    },
+    ref,
+  ) => {
+    return (
+      <button
+        className={clsx(
+          "ExcButton",
+          `ExcButton--color-${color}`,
+          `ExcButton--variant-${variant}`,
+          `ExcButton--size-${size}`,
+          className,
+        )}
+        onClick={onClick}
+        type="button"
+        aria-label={label}
+        ref={ref}
+      >
+        {startIcon && (
+          <div className="ExcButton__icon" aria-hidden>
+            {startIcon}
+          </div>
+        )}
+        {variant !== "icon" && (children ?? label)}
+      </button>
+    );
+  },
+);
diff --git a/src/components/ImageExportDialog.scss b/src/components/ImageExportDialog.scss
index a74cfdc20..093e1a76f 100644
--- a/src/components/ImageExportDialog.scss
+++ b/src/components/ImageExportDialog.scss
@@ -167,48 +167,6 @@
           flex-basis: 100%;
           justify-content: center;
         }
-
-        &__button {
-          box-sizing: border-box;
-          display: flex;
-          flex-direction: row;
-          justify-content: center;
-          align-items: center;
-          padding: 8px 16px;
-          flex-shrink: 0;
-          width: fit-content;
-          gap: 8px;
-
-          height: 40px;
-          border: 0;
-          border-radius: 8px;
-
-          user-select: none;
-          font-family: "Assistant";
-          font-style: normal;
-          font-weight: 600;
-          font-size: 0.75rem;
-          line-height: 100%;
-          transition: 150ms ease-out;
-          transition-property: background, color;
-
-          background: var(--color-primary);
-          color: var(--color-icon-white);
-
-          &:hover {
-            background: var(--color-primary-darker);
-            color: var(--color-icon-white);
-          }
-
-          &:active {
-            background: var(--color-primary-darkest);
-          }
-
-          & > svg {
-            width: 20px;
-            height: 20px;
-          }
-        }
       }
     }
   }
diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 604f50b4f..042d5a3fb 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -26,7 +26,6 @@ import { getSelectedElements, isSomeElementSelected } from "../scene";
 import { exportToCanvas } from "../packages/utils";
 
 import { copyIcon, downloadIcon, helpIcon } from "./icons";
-import { Button } from "./Button";
 import { Dialog } from "./Dialog";
 import { RadioGroup } from "./RadioGroup";
 import { Switch } from "./Switch";
@@ -34,6 +33,7 @@ import { Tooltip } from "./Tooltip";
 
 import "./ImageExportDialog.scss";
 import { useAppProps } from "./App";
+import { FilledButton } from "./FilledButton";
 
 const supportsContextFilters =
   "filter" in document.createElement("canvas").getContext("2d")!;
@@ -236,37 +236,37 @@ const ImageExportModal = ({
         </ExportSetting>
 
         <div className="ImageExportModal__settings__buttons">
-          <Button
+          <FilledButton
             className="ImageExportModal__settings__buttons__button"
-            title={t("imageExportDialog.title.exportToPng")}
-            aria-label={t("imageExportDialog.title.exportToPng")}
-            onSelect={() =>
+            label={t("imageExportDialog.title.exportToPng")}
+            onClick={() =>
               onExportImage(EXPORT_IMAGE_TYPES.png, exportedElements)
             }
+            startIcon={downloadIcon}
           >
-            {downloadIcon} {t("imageExportDialog.button.exportToPng")}
-          </Button>
-          <Button
+            {t("imageExportDialog.button.exportToPng")}
+          </FilledButton>
+          <FilledButton
             className="ImageExportModal__settings__buttons__button"
-            title={t("imageExportDialog.title.exportToSvg")}
-            aria-label={t("imageExportDialog.title.exportToSvg")}
-            onSelect={() =>
+            label={t("imageExportDialog.title.exportToSvg")}
+            onClick={() =>
               onExportImage(EXPORT_IMAGE_TYPES.svg, exportedElements)
             }
+            startIcon={downloadIcon}
           >
-            {downloadIcon} {t("imageExportDialog.button.exportToSvg")}
-          </Button>
+            {t("imageExportDialog.button.exportToSvg")}
+          </FilledButton>
           {(probablySupportsClipboardBlob || isFirefox) && (
-            <Button
+            <FilledButton
               className="ImageExportModal__settings__buttons__button"
-              title={t("imageExportDialog.title.copyPngToClipboard")}
-              aria-label={t("imageExportDialog.title.copyPngToClipboard")}
-              onSelect={() =>
+              label={t("imageExportDialog.title.copyPngToClipboard")}
+              onClick={() =>
                 onExportImage(EXPORT_IMAGE_TYPES.clipboard, exportedElements)
               }
+              startIcon={copyIcon}
             >
-              {copyIcon} {t("imageExportDialog.button.copyPngToClipboard")}
-            </Button>
+              {t("imageExportDialog.button.copyPngToClipboard")}
+            </FilledButton>
           )}
         </div>
       </div>
diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
index dfbf332fc..431c644f0 100644
--- a/src/components/Switch.tsx
+++ b/src/components/Switch.tsx
@@ -27,8 +27,8 @@ export const Switch = ({
         checked={checked}
         disabled={disabled}
         onChange={() => onChange(!checked)}
-        onKeyDown={(e) => {
-          if (e.key === " ") {
+        onKeyDown={(event) => {
+          if (event.key === " ") {
             onChange(!checked);
           }
         }}
diff --git a/src/components/TextField.scss b/src/components/TextField.scss
new file mode 100644
index 000000000..57093996c
--- /dev/null
+++ b/src/components/TextField.scss
@@ -0,0 +1,118 @@
+@import "../css/variables.module";
+
+.excalidraw {
+  --ExcTextField--color: var(--color-gray-80);
+  --ExcTextField--label-color: var(--color-gray-80);
+  --ExcTextField--background: white;
+  --ExcTextField--readonly--background: var(--color-gray-10);
+  --ExcTextField--readonly--color: var(--color-gray-80);
+  --ExcTextField--border: var(--color-gray-40);
+  --ExcTextField--border-hover: var(--color-gray-50);
+  --ExcTextField--placeholder: var(--color-gray-40);
+
+  &.theme--dark {
+    --ExcTextField--color: var(--color-gray-10);
+    --ExcTextField--label-color: var(--color-gray-20);
+    --ExcTextField--background: var(--color-gray-85);
+    --ExcTextField--readonly--background: var(--color-gray-80);
+    --ExcTextField--readonly--color: var(--color-gray-40);
+    --ExcTextField--border: var(--color-gray-70);
+    --ExcTextField--border-hover: var(--color-gray-60);
+    --ExcTextField--placeholder: var(--color-gray-80);
+  }
+
+  .ExcTextField {
+    &--fullWidth {
+      width: 100%;
+      flex-grow: 1;
+    }
+
+    &__label {
+      font-family: "Assistant";
+      font-style: normal;
+      font-weight: 600;
+      font-size: 0.875rem;
+      line-height: 150%;
+
+      color: var(--ExcTextField--label-color);
+
+      margin-bottom: 0.25rem;
+      user-select: none;
+    }
+
+    &__input {
+      box-sizing: border-box;
+
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      padding: 0 1rem;
+
+      height: 3rem;
+
+      background: var(--ExcTextField--background);
+      border: 1px solid var(--ExcTextField--border);
+      border-radius: 0.5rem;
+
+      &:not(&--readonly) {
+        &:hover {
+          border-color: var(--ExcTextField--border-hover);
+        }
+
+        &:active,
+        &:focus-within {
+          border-color: var(--color-primary);
+        }
+      }
+
+      & input {
+        display: flex;
+        align-items: center;
+
+        border: none;
+        outline: none;
+        padding: 0;
+        margin: 0;
+
+        height: 1.5rem;
+
+        color: var(--ExcTextField--color);
+
+        font-family: "Assistant";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 1rem;
+        line-height: 150%;
+        text-overflow: ellipsis;
+
+        background: transparent;
+
+        width: 100%;
+
+        &::placeholder {
+          color: var(--ExcTextField--placeholder);
+        }
+
+        &:not(:focus) {
+          &:hover {
+            background-color: initial;
+          }
+        }
+
+        &:focus {
+          outline: initial;
+          box-shadow: initial;
+        }
+      }
+
+      &--readonly {
+        background: var(--ExcTextField--readonly--background);
+        border-color: transparent;
+
+        & input {
+          color: var(--ExcTextField--readonly--color);
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/TextField.tsx b/src/components/TextField.tsx
new file mode 100644
index 000000000..7f7a41fd0
--- /dev/null
+++ b/src/components/TextField.tsx
@@ -0,0 +1,57 @@
+import { forwardRef, useRef, useImperativeHandle, KeyboardEvent } from "react";
+import clsx from "clsx";
+
+import "./TextField.scss";
+
+export type TextFieldProps = {
+  value?: string;
+
+  onChange?: (value: string) => void;
+  onClick?: () => void;
+  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+
+  readonly?: boolean;
+  fullWidth?: boolean;
+
+  label?: string;
+  placeholder?: string;
+};
+
+export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
+  (
+    { value, onChange, label, fullWidth, placeholder, readonly, onKeyDown },
+    ref,
+  ) => {
+    const innerRef = useRef<HTMLInputElement | null>(null);
+
+    useImperativeHandle(ref, () => innerRef.current!);
+
+    return (
+      <div
+        className={clsx("ExcTextField", {
+          "ExcTextField--fullWidth": fullWidth,
+        })}
+        onClick={() => {
+          innerRef.current?.focus();
+        }}
+      >
+        <div className="ExcTextField__label">{label}</div>
+        <div
+          className={clsx("ExcTextField__input", {
+            "ExcTextField__input--readonly": readonly,
+          })}
+        >
+          <input
+            readOnly={readonly}
+            type="text"
+            value={value}
+            placeholder={placeholder}
+            ref={innerRef}
+            onChange={(event) => onChange?.(event.target.value)}
+            onKeyDown={onKeyDown}
+          />
+        </div>
+      </div>
+    );
+  },
+);
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 3841d030e..543248a1a 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1579,3 +1579,31 @@ export const helpIcon = createIcon(
   </>,
   tablerIconProps,
 );
+
+export const playerPlayIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M7 4v16l13 -8z"></path>
+  </>,
+  tablerIconProps,
+);
+
+export const playerStopFilledIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path
+      d="M17 4h-10a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3 -3v-10a3 3 0 0 0 -3 -3z"
+      strokeWidth="0"
+      fill="currentColor"
+    ></path>
+  </>,
+  tablerIconProps,
+);
+
+export const tablerCheckIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M5 12l5 5l10 -10"></path>
+  </>,
+  tablerIconProps,
+);
diff --git a/src/css/theme.scss b/src/css/theme.scss
index c8abc4fff..92b5989a8 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -103,6 +103,8 @@
 
   --color-danger: #db6965;
   --color-promo: #e70078;
+  --color-success: #268029;
+  --color-success-lighter: #cafccc;
 
   --border-radius-md: 0.375rem;
   --border-radius-lg: 0.5rem;
diff --git a/src/excalidraw-app/collab/RoomDialog.scss b/src/excalidraw-app/collab/RoomDialog.scss
index c8bf0dcde..0d1bcad6c 100644
--- a/src/excalidraw-app/collab/RoomDialog.scss
+++ b/src/excalidraw-app/collab/RoomDialog.scss
@@ -1,76 +1,149 @@
 @import "../../css/variables.module";
 
 .excalidraw {
-  .RoomDialog__button {
-    border: 1px solid var(--default-border-color) !important;
-  }
-
-  .RoomDialog-linkContainer {
+  .RoomDialog {
     display: flex;
-    margin: 1.5em 0;
-  }
+    flex-direction: column;
+    gap: 1.5rem;
 
-  input.RoomDialog-link {
-    color: var(--text-primary-color);
-    min-width: 0;
-    flex: 1 1 auto;
-    margin-inline-start: 1em;
-    display: inline-block;
-    cursor: pointer;
-    border: none;
-    padding: 0 0.5rem;
-    white-space: nowrap;
-    border-radius: var(--space-factor);
-    background-color: var(--button-gray-1);
-  }
-
-  .RoomDialog-emoji {
-    font-family: sans-serif;
-  }
-
-  .RoomDialog-usernameContainer {
-    display: flex;
-    margin: 1.5em 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     @include isMobile {
-      flex-direction: column;
-      align-items: stretch;
+      height: calc(100vh - 5rem);
     }
-  }
 
-  @include isMobile {
-    .RoomDialog-usernameLabel {
-      font-weight: bold;
+    &__popover {
+      @keyframes RoomDialog__popover__scaleIn {
+        from {
+          opacity: 0;
+        }
+        to {
+          opacity: 1;
+        }
+      }
+
+      box-sizing: border-box;
+      z-index: 100;
+
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: flex-start;
+      padding: 0.125rem 0.5rem;
+      gap: 0.125rem;
+
+      height: 1.125rem;
+
+      border: none;
+      border-radius: 0.6875rem;
+
+      font-family: "Assistant";
+      font-style: normal;
+      font-weight: 600;
+      font-size: 0.75rem;
+      line-height: 110%;
+
+      background: var(--color-success-lighter);
+      color: var(--color-success);
+
+      & > svg {
+        width: 0.875rem;
+        height: 0.875rem;
+      }
+
+      transform-origin: var(--radix-popover-content-transform-origin);
+      animation: RoomDialog__popover__scaleIn 150ms ease-out;
     }
-  }
 
-  .RoomDialog-username {
-    background-color: var(--input-bg-color);
-    border-color: var(--input-border-color);
-    appearance: none;
-    min-width: 0;
-    flex: 1 1 auto;
-    margin-inline-start: 1em;
-    @include isMobile {
-      margin-top: 0.5em;
-      margin-inline-start: 0;
+    &__inactive {
+      font-family: "Assistant";
+
+      &__illustration {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        justify-content: center;
+
+        & svg {
+          filter: var(--theme-filter);
+        }
+      }
+
+      &__header {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        justify-content: center;
+
+        font-weight: 700;
+        font-size: 1.3125rem;
+        line-height: 130%;
+
+        color: var(--color-primary);
+      }
+
+      &__description {
+        font-weight: 400;
+        font-size: 0.875rem;
+        line-height: 150%;
+
+        text-align: center;
+
+        color: var(--text-primary-color);
+
+        & strong {
+          display: block;
+          font-weight: 700;
+        }
+      }
+
+      &__start_session {
+        display: flex;
+
+        align-items: center;
+        justify-content: center;
+      }
     }
-    font-size: 1em;
-  }
 
-  .RoomDialog-sessionStartButtonContainer {
-    display: flex;
-    justify-content: center;
-  }
+    &__active {
+      &__share {
+        display: none !important;
 
-  .Modal .RoomDialog-stopSession {
-    background-color: var(--button-destructive-bg-color);
+        @include isMobile {
+          display: flex !important;
+        }
+      }
 
-    .ToolIcon__label,
-    .ToolIcon__icon svg {
-      color: var(--button-destructive-color);
+      &__header {
+        margin: 0;
+      }
+
+      &__linkRow {
+        display: flex;
+        flex-direction: row;
+        align-items: flex-end;
+        gap: 0.75rem;
+      }
+
+      &__description {
+        border-top: 1px solid var(--color-gray-20);
+
+        padding: 0.5rem 0.5rem 0;
+        font-weight: 400;
+        font-size: 0.75rem;
+        line-height: 150%;
+
+        & p {
+          margin: 0;
+        }
+
+        & p + p {
+          margin-top: 1em;
+        }
+      }
+
+      &__actions {
+        display: flex;
+        justify-content: center;
+      }
     }
   }
 }
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index 05772774a..daec8cfe9 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -1,24 +1,29 @@
-import React, { useRef } from "react";
+import { useRef, useState } from "react";
+import * as Popover from "@radix-ui/react-popover";
+
 import { copyTextToSystemClipboard } from "../../clipboard";
-import { Dialog } from "../../components/Dialog";
-import {
-  clipboard,
-  start,
-  stop,
-  share,
-  shareIOS,
-  shareWindows,
-} from "../../components/icons";
-import { ToolButton } from "../../components/ToolButton";
-import "./RoomDialog.scss";
-import Stack from "../../components/Stack";
 import { AppState } from "../../types";
 import { trackEvent } from "../../analytics";
 import { getFrame } from "../../utils";
-import DialogActionButton from "../../components/DialogActionButton";
 import { useI18n } from "../../i18n";
 import { KEYS } from "../../keys";
 
+import { Dialog } from "../../components/Dialog";
+import {
+  copyIcon,
+  playerPlayIcon,
+  playerStopFilledIcon,
+  share,
+  shareIOS,
+  shareWindows,
+  tablerCheckIcon,
+} from "../../components/icons";
+import { TextField } from "../../components/TextField";
+import { FilledButton } from "../../components/FilledButton";
+
+import { ReactComponent as CollabImage } from "../../assets/lock.svg";
+import "./RoomDialog.scss";
+
 const getShareIcon = () => {
   const navigator = window.navigator as any;
   const isAppleBrowser = /Apple/.test(navigator.vendor);
@@ -33,16 +38,7 @@ const getShareIcon = () => {
   return share;
 };
 
-const RoomDialog = ({
-  handleClose,
-  activeRoomLink,
-  username,
-  onUsernameChange,
-  onRoomCreate,
-  onRoomDestroy,
-  setErrorMessage,
-  theme,
-}: {
+export type RoomModalProps = {
   handleClose: () => void;
   activeRoomLink: string;
   username: string;
@@ -51,19 +47,41 @@ const RoomDialog = ({
   onRoomDestroy: () => void;
   setErrorMessage: (message: string) => void;
   theme: AppState["theme"];
-}) => {
+};
+
+export const RoomModal = ({
+  activeRoomLink,
+  onRoomCreate,
+  onRoomDestroy,
+  setErrorMessage,
+  username,
+  onUsernameChange,
+  handleClose,
+}: RoomModalProps) => {
   const { t } = useI18n();
-  const roomLinkInput = useRef<HTMLInputElement>(null);
+  const [justCopied, setJustCopied] = useState(false);
+  const timerRef = useRef<number>(0);
+  const ref = useRef<HTMLInputElement>(null);
+  const isShareSupported = "share" in navigator;
 
   const copyRoomLink = async () => {
     try {
       await copyTextToSystemClipboard(activeRoomLink);
+
+      setJustCopied(true);
+
+      if (timerRef.current) {
+        window.clearTimeout(timerRef.current);
+      }
+
+      timerRef.current = window.setTimeout(() => {
+        setJustCopied(false);
+      }, 3000);
     } catch (error: any) {
       setErrorMessage(error.message);
     }
-    if (roomLinkInput.current) {
-      roomLinkInput.current.select();
-    }
+
+    ref.current?.select();
   };
 
   const shareRoomLink = async () => {
@@ -78,114 +96,129 @@ const RoomDialog = ({
     }
   };
 
-  const selectInput = (event: React.MouseEvent<HTMLInputElement>) => {
-    if (event.target !== document.activeElement) {
-      event.preventDefault();
-      (event.target as HTMLInputElement).select();
-    }
-  };
-
-  const renderRoomDialog = () => {
+  if (activeRoomLink) {
     return (
-      <div className="RoomDialog-modal">
-        {!activeRoomLink && (
-          <>
-            <p>{t("roomDialog.desc_intro")}</p>
-            <p>{`🔒 ${t("roomDialog.desc_privacy")}`}</p>
-            <div className="RoomDialog-sessionStartButtonContainer">
-              <DialogActionButton
-                label={t("roomDialog.button_startSession")}
-                onClick={() => {
-                  trackEvent("share", "room creation", `ui (${getFrame()})`);
-                  onRoomCreate();
-                }}
-              >
-                {start}
-              </DialogActionButton>
-            </div>
-          </>
-        )}
-        {activeRoomLink && (
-          <>
-            <p>{t("roomDialog.desc_inProgressIntro")}</p>
-            <p>{t("roomDialog.desc_shareLink")}</p>
-            <div className="RoomDialog-linkContainer">
-              <Stack.Row gap={2}>
-                {"share" in navigator ? (
-                  <ToolButton
-                    className="RoomDialog__button"
-                    type="button"
-                    icon={getShareIcon()}
-                    title={t("labels.share")}
-                    aria-label={t("labels.share")}
-                    onClick={shareRoomLink}
-                  />
-                ) : null}
-                <ToolButton
-                  className="RoomDialog__button"
-                  type="button"
-                  icon={clipboard}
-                  title={t("labels.copy")}
-                  aria-label={t("labels.copy")}
-                  onClick={copyRoomLink}
-                />
-              </Stack.Row>
-              <input
-                type="text"
-                value={activeRoomLink}
-                readOnly={true}
-                className="RoomDialog-link"
-                ref={roomLinkInput}
-                onPointerDown={selectInput}
+      <>
+        <h3 className="RoomDialog__active__header">
+          {t("labels.liveCollaboration")}
+        </h3>
+        <TextField
+          value={username}
+          placeholder="Your name"
+          label="Your name"
+          onChange={onUsernameChange}
+          onKeyDown={(event) => event.key === KEYS.ENTER && handleClose()}
+        />
+        <div className="RoomDialog__active__linkRow">
+          <TextField
+            ref={ref}
+            label="Link"
+            readonly
+            fullWidth
+            value={activeRoomLink}
+          />
+          {isShareSupported && (
+            <FilledButton
+              size="large"
+              variant="icon"
+              label="Share"
+              startIcon={getShareIcon()}
+              className="RoomDialog__active__share"
+              onClick={shareRoomLink}
+            />
+          )}
+          <Popover.Root open={justCopied}>
+            <Popover.Trigger asChild>
+              <FilledButton
+                size="large"
+                label="Copy link"
+                startIcon={copyIcon}
+                onClick={copyRoomLink}
               />
-            </div>
-            <div className="RoomDialog-usernameContainer">
-              <label className="RoomDialog-usernameLabel" htmlFor="username">
-                {t("labels.yourName")}
-              </label>
-              <input
-                type="text"
-                id="username"
-                value={username.trim() || ""}
-                className="RoomDialog-username TextInput"
-                onChange={(event) => onUsernameChange(event.target.value)}
-                onKeyPress={(event) =>
-                  event.key === KEYS.ENTER && handleClose()
-                }
-              />
-            </div>
-            <p>
-              <span role="img" aria-hidden="true" className="RoomDialog-emoji">
-                {"🔒"}
-              </span>
-              {t("roomDialog.desc_privacy")}
-            </p>
-            <p>{t("roomDialog.desc_exitSession")}</p>
-            <div className="RoomDialog-sessionStartButtonContainer">
-              <DialogActionButton
-                actionType="danger"
-                label={t("roomDialog.button_stopSession")}
-                onClick={() => {
-                  trackEvent("share", "room closed");
-                  onRoomDestroy();
-                }}
-              >
-                {stop}
-              </DialogActionButton>
-            </div>
-          </>
-        )}
-      </div>
+            </Popover.Trigger>
+            <Popover.Content
+              onOpenAutoFocus={(event) => event.preventDefault()}
+              onCloseAutoFocus={(event) => event.preventDefault()}
+              className="RoomDialog__popover"
+              side="top"
+              align="end"
+              sideOffset={5.5}
+            >
+              {tablerCheckIcon} copied
+            </Popover.Content>
+          </Popover.Root>
+        </div>
+        <div className="RoomDialog__active__description">
+          <p>
+            <span
+              role="img"
+              aria-hidden="true"
+              className="RoomDialog__active__description__emoji"
+            >
+              🔒{" "}
+            </span>
+            {t("roomDialog.desc_privacy")}
+          </p>
+          <p>{t("roomDialog.desc_exitSession")}</p>
+        </div>
+
+        <div className="RoomDialog__active__actions">
+          <FilledButton
+            size="large"
+            variant="outlined"
+            color="danger"
+            label={t("roomDialog.button_stopSession")}
+            startIcon={playerStopFilledIcon}
+            onClick={() => {
+              trackEvent("share", "room closed");
+              onRoomDestroy();
+            }}
+          />
+        </div>
+      </>
     );
-  };
+  }
+
+  return (
+    <>
+      <div className="RoomDialog__inactive__illustration">
+        <CollabImage />
+      </div>
+      <div className="RoomDialog__inactive__header">
+        {t("labels.liveCollaboration")}
+      </div>
+
+      <div className="RoomDialog__inactive__description">
+        <strong>{t("roomDialog.desc_intro")}</strong>
+        {t("roomDialog.desc_privacy")}
+      </div>
+
+      <div className="RoomDialog__inactive__start_session">
+        <FilledButton
+          size="large"
+          label={t("roomDialog.button_startSession")}
+          startIcon={playerPlayIcon}
+          onClick={() => {
+            trackEvent("share", "room creation", `ui (${getFrame()})`);
+            onRoomCreate();
+          }}
+        />
+      </div>
+    </>
+  );
+};
+
+const RoomDialog = (props: RoomModalProps) => {
   return (
     <Dialog
       size="small"
-      onCloseRequest={handleClose}
-      title={t("labels.liveCollaboration")}
-      theme={theme}
+      onCloseRequest={props.handleClose}
+      title={false}
+      theme={props.theme}
     >
-      {renderRoomDialog()}
+      <div className="RoomDialog">
+        <RoomModal {...props} />
+      </div>
     </Dialog>
   );
 };
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 9017bbb87..e1af54807 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -671,8 +671,8 @@ const ExcalidrawWrapper = () => {
             {t("alerts.collabOfflineWarning")}
           </div>
         )}
+        {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       </Excalidraw>
-      {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
       {errorMessage && (
         <ErrorDialog onClose={() => setErrorMessage("")}>
           {errorMessage}

From 644685a5a8a016b813b3add36de026f5ead5c4c9 Mon Sep 17 00:00:00 2001
From: Sudharsan Aravind <63002244+vsaravind01@users.noreply.github.com>
Date: Fri, 2 Jun 2023 02:47:22 +0530
Subject: [PATCH 200/252] fix: color picker input closing problem (#6599)

---
 src/components/ColorPicker/ColorPicker.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ColorPicker/ColorPicker.tsx b/src/components/ColorPicker/ColorPicker.tsx
index 25ac7c1a8..c470cc088 100644
--- a/src/components/ColorPicker/ColorPicker.tsx
+++ b/src/components/ColorPicker/ColorPicker.tsx
@@ -66,7 +66,6 @@ const ColorPickerPopupContent = ({
   | "color"
   | "onChange"
   | "label"
-  | "label"
   | "elements"
   | "palette"
   | "updateData"
@@ -100,6 +99,8 @@ const ColorPickerPopupContent = ({
             container.focus();
           }
 
+          updateData({ openPopup: null });
+
           e.preventDefault();
           e.stopPropagation();
 

From 079aa72475f60dfeb4221ade4e9e4e6e1edfbb59 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 2 Jun 2023 17:06:11 +0200
Subject: [PATCH 201/252] feat: eye dropper (#6615)

---
 package.json                                  |   2 +-
 src/actions/actionProperties.tsx              |  32 +--
 src/colors.ts                                 |   3 +
 src/components/App.tsx                        |  94 ++++++--
 src/components/ColorPicker/ColorInput.tsx     |  71 +++++-
 src/components/ColorPicker/ColorPicker.scss   |   1 +
 src/components/ColorPicker/ColorPicker.tsx    |  76 ++++++-
 .../ColorPicker/CustomColorList.tsx           |   2 +-
 src/components/ColorPicker/Picker.tsx         |  50 ++--
 .../ColorPicker/PickerColorList.tsx           |   8 +-
 src/components/ColorPicker/ShadeList.tsx      |   8 +-
 src/components/ColorPicker/TopPicks.tsx       |   2 +-
 .../ColorPicker/colorPickerUtils.ts           |  15 +-
 .../ColorPicker/keyboardNavHandlers.ts        | 102 ++++++---
 src/components/Dialog.tsx                     |   3 -
 src/components/EyeDropper.scss                |  48 ++++
 src/components/EyeDropper.tsx                 | 215 ++++++++++++++++++
 src/components/HelpDialog.tsx                 |   4 +
 src/components/LayerUI.tsx                    |  25 +-
 src/components/Modal.tsx                      |  51 +----
 src/components/Sidebar/Sidebar.tsx            |  35 +--
 .../dropdownMenu/DropdownMenuContent.tsx      |   9 +-
 src/components/icons.tsx                      |   9 +
 src/constants.ts                              |   1 +
 src/excalidraw-app/collab/Collab.tsx          |   1 -
 src/excalidraw-app/collab/RoomDialog.tsx      |   9 +-
 src/hooks/useCreatePortalContainer.ts         |  49 ++++
 src/hooks/useOutsideClick.ts                  | 116 +++++++---
 src/locales/en.json                           |   3 +-
 src/types.ts                                  |   1 +
 yarn.lock                                     |   8 +-
 31 files changed, 803 insertions(+), 250 deletions(-)
 create mode 100644 src/components/EyeDropper.scss
 create mode 100644 src/components/EyeDropper.tsx
 create mode 100644 src/hooks/useCreatePortalContainer.ts

diff --git a/package.json b/package.json
index 246c785a5..91a4400b6 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "i18next-browser-languagedetector": "6.1.4",
     "idb-keyval": "6.0.3",
     "image-blob-reduce": "3.0.1",
-    "jotai": "1.6.4",
+    "jotai": "1.13.1",
     "lodash.throttle": "4.1.1",
     "nanoid": "3.3.3",
     "open-color": "1.9.1",
diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index 6e921d6ea..d319337c3 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -119,8 +119,8 @@ const getFormValue = function <T>(
   elements: readonly ExcalidrawElement[],
   appState: AppState,
   getAttribute: (element: ExcalidrawElement) => T,
-  defaultValue?: T,
-): T | null {
+  defaultValue: T,
+): T {
   const editingElement = appState.editingElement;
   const nonDeletedElements = getNonDeletedElements(elements);
   return (
@@ -132,7 +132,7 @@ const getFormValue = function <T>(
           getAttribute,
         )
       : defaultValue) ??
-    null
+    defaultValue
   );
 };
 
@@ -811,6 +811,7 @@ export const actionChangeTextAlign = register({
     );
   },
 });
+
 export const actionChangeVerticalAlign = register({
   name: "changeVerticalAlign",
   trackEvent: { category: "element" },
@@ -865,16 +866,21 @@ export const actionChangeVerticalAlign = register({
               testId: "align-bottom",
             },
           ]}
-          value={getFormValue(elements, appState, (element) => {
-            if (isTextElement(element) && element.containerId) {
-              return element.verticalAlign;
-            }
-            const boundTextElement = getBoundTextElement(element);
-            if (boundTextElement) {
-              return boundTextElement.verticalAlign;
-            }
-            return null;
-          })}
+          value={getFormValue(
+            elements,
+            appState,
+            (element) => {
+              if (isTextElement(element) && element.containerId) {
+                return element.verticalAlign;
+              }
+              const boundTextElement = getBoundTextElement(element);
+              if (boundTextElement) {
+                return boundTextElement.verticalAlign;
+              }
+              return null;
+            },
+            VERTICAL_ALIGN.MIDDLE,
+          )}
           onChange={(value) => updateData(value)}
         />
       </fieldset>
diff --git a/src/colors.ts b/src/colors.ts
index 198ec12e2..7da128399 100644
--- a/src/colors.ts
+++ b/src/colors.ts
@@ -164,4 +164,7 @@ export const getAllColorsSpecificShade = (index: 0 | 1 | 2 | 3 | 4) =>
     COLOR_PALETTE.red[index],
   ] as const;
 
+export const rgbToHex = (r: number, g: number, b: number) =>
+  `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+
 // -----------------------------------------------------------------------------
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 0b730fc47..f4c7689bb 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -304,6 +304,7 @@ import { jotaiStore } from "../jotai";
 import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionWrapTextInContainer } from "../actions/actionBoundText";
 import BraveMeasureTextError from "./BraveMeasureTextError";
+import { activeEyeDropperAtom } from "./EyeDropper";
 
 const AppContext = React.createContext<AppClassProperties>(null!);
 const AppPropsContext = React.createContext<AppProps>(null!);
@@ -366,8 +367,6 @@ export const useExcalidrawActionManager = () =>
 
 let didTapTwice: boolean = false;
 let tappedTwiceTimer = 0;
-let cursorX = 0;
-let cursorY = 0;
 let isHoldingSpace: boolean = false;
 let isPanning: boolean = false;
 let isDraggingScrollBar: boolean = false;
@@ -425,7 +424,7 @@ class App extends React.Component<AppProps, AppState> {
   hitLinkElement?: NonDeletedExcalidrawElement;
   lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null = null;
   lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null = null;
-  lastScenePointer: { x: number; y: number } | null = null;
+  lastViewportPosition = { x: 0, y: 0 };
 
   constructor(props: AppProps) {
     super(props);
@@ -634,6 +633,7 @@ class App extends React.Component<AppProps, AppState> {
                         </LayerUI>
                         <div className="excalidraw-textEditorContainer" />
                         <div className="excalidraw-contextMenuContainer" />
+                        <div className="excalidraw-eye-dropper-container" />
                         {selectedElement.length === 1 &&
                           !this.state.contextMenu &&
                           this.state.showHyperlinkPopup && (
@@ -724,6 +724,49 @@ class App extends React.Component<AppProps, AppState> {
     }
   };
 
+  private openEyeDropper = ({ type }: { type: "stroke" | "background" }) => {
+    jotaiStore.set(activeEyeDropperAtom, {
+      swapPreviewOnAlt: true,
+      previewType: type === "stroke" ? "strokeColor" : "backgroundColor",
+      onSelect: (color, event) => {
+        const shouldUpdateStrokeColor =
+          (type === "background" && event.altKey) ||
+          (type === "stroke" && !event.altKey);
+        const selectedElements = getSelectedElements(
+          this.scene.getElementsIncludingDeleted(),
+          this.state,
+        );
+        if (
+          !selectedElements.length ||
+          this.state.activeTool.type !== "selection"
+        ) {
+          if (shouldUpdateStrokeColor) {
+            this.setState({
+              currentItemStrokeColor: color,
+            });
+          } else {
+            this.setState({
+              currentItemBackgroundColor: color,
+            });
+          }
+        } else {
+          this.updateScene({
+            elements: this.scene.getElementsIncludingDeleted().map((el) => {
+              if (this.state.selectedElementIds[el.id]) {
+                return newElementWith(el, {
+                  [shouldUpdateStrokeColor ? "strokeColor" : "backgroundColor"]:
+                    color,
+                });
+              }
+              return el;
+            }),
+          });
+        }
+      },
+      keepOpenOnAlt: false,
+    });
+  };
+
   private syncActionResult = withBatchedUpdates(
     (actionResult: ActionResult) => {
       if (this.unmounted || actionResult === false) {
@@ -1569,7 +1612,10 @@ class App extends React.Component<AppProps, AppState> {
         return;
       }
 
-      const elementUnderCursor = document.elementFromPoint(cursorX, cursorY);
+      const elementUnderCursor = document.elementFromPoint(
+        this.lastViewportPosition.x,
+        this.lastViewportPosition.y,
+      );
       if (
         event &&
         (!(elementUnderCursor instanceof HTMLCanvasElement) ||
@@ -1597,7 +1643,10 @@ class App extends React.Component<AppProps, AppState> {
       // prefer spreadsheet data over image file (MS Office/Libre Office)
       if (isSupportedImageFile(file) && !data.spreadsheet) {
         const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords(
-          { clientX: cursorX, clientY: cursorY },
+          {
+            clientX: this.lastViewportPosition.x,
+            clientY: this.lastViewportPosition.y,
+          },
           this.state,
         );
 
@@ -1660,13 +1709,13 @@ class App extends React.Component<AppProps, AppState> {
       typeof opts.position === "object"
         ? opts.position.clientX
         : opts.position === "cursor"
-        ? cursorX
+        ? this.lastViewportPosition.x
         : this.state.width / 2 + this.state.offsetLeft;
     const clientY =
       typeof opts.position === "object"
         ? opts.position.clientY
         : opts.position === "cursor"
-        ? cursorY
+        ? this.lastViewportPosition.y
         : this.state.height / 2 + this.state.offsetTop;
 
     const { x, y } = viewportCoordsToSceneCoords(
@@ -1750,7 +1799,10 @@ class App extends React.Component<AppProps, AppState> {
 
   private addTextFromPaste(text: string, isPlainPaste = false) {
     const { x, y } = viewportCoordsToSceneCoords(
-      { clientX: cursorX, clientY: cursorY },
+      {
+        clientX: this.lastViewportPosition.x,
+        clientY: this.lastViewportPosition.y,
+      },
       this.state,
     );
 
@@ -2083,8 +2135,8 @@ class App extends React.Component<AppProps, AppState> {
 
   private updateCurrentCursorPosition = withBatchedUpdates(
     (event: MouseEvent) => {
-      cursorX = event.clientX;
-      cursorY = event.clientY;
+      this.lastViewportPosition.x = event.clientX;
+      this.lastViewportPosition.y = event.clientY;
     },
   );
 
@@ -2342,6 +2394,20 @@ class App extends React.Component<AppProps, AppState> {
       ) {
         jotaiStore.set(activeConfirmDialogAtom, "clearCanvas");
       }
+
+      // eye dropper
+      // -----------------------------------------------------------------------
+      const lowerCased = event.key.toLocaleLowerCase();
+      const isPickingStroke = lowerCased === KEYS.S && event.shiftKey;
+      const isPickingBackground =
+        event.key === KEYS.I || (lowerCased === KEYS.G && event.shiftKey);
+
+      if (isPickingStroke || isPickingBackground) {
+        this.openEyeDropper({
+          type: isPickingStroke ? "stroke" : "background",
+        });
+      }
+      // -----------------------------------------------------------------------
     },
   );
 
@@ -2471,8 +2537,8 @@ class App extends React.Component<AppProps, AppState> {
       this.setState((state) => ({
         ...getStateForZoom(
           {
-            viewportX: cursorX,
-            viewportY: cursorY,
+            viewportX: this.lastViewportPosition.x,
+            viewportY: this.lastViewportPosition.y,
             nextZoom: getNormalizedZoom(initialScale * event.scale),
           },
           state,
@@ -6468,8 +6534,8 @@ class App extends React.Component<AppProps, AppState> {
       this.translateCanvas((state) => ({
         ...getStateForZoom(
           {
-            viewportX: cursorX,
-            viewportY: cursorY,
+            viewportX: this.lastViewportPosition.x,
+            viewportY: this.lastViewportPosition.y,
             nextZoom: getNormalizedZoom(newZoom),
           },
           state,
diff --git a/src/components/ColorPicker/ColorInput.tsx b/src/components/ColorPicker/ColorInput.tsx
index bb9a85510..f179d415c 100644
--- a/src/components/ColorPicker/ColorInput.tsx
+++ b/src/components/ColorPicker/ColorInput.tsx
@@ -2,15 +2,23 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { getColor } from "./ColorPicker";
 import { useAtom } from "jotai";
 import { activeColorPickerSectionAtom } from "./colorPickerUtils";
+import { eyeDropperIcon } from "../icons";
+import { jotaiScope } from "../../jotai";
 import { KEYS } from "../../keys";
+import { activeEyeDropperAtom } from "../EyeDropper";
+import clsx from "clsx";
+import { t } from "../../i18n";
+import { useDevice } from "../App";
+import { getShortcutKey } from "../../utils";
 
 interface ColorInputProps {
-  color: string | null;
+  color: string;
   onChange: (color: string) => void;
   label: string;
 }
 
 export const ColorInput = ({ color, onChange, label }: ColorInputProps) => {
+  const device = useDevice();
   const [innerValue, setInnerValue] = useState(color);
   const [activeSection, setActiveColorPickerSection] = useAtom(
     activeColorPickerSectionAtom,
@@ -34,7 +42,7 @@ export const ColorInput = ({ color, onChange, label }: ColorInputProps) => {
   );
 
   const inputRef = useRef<HTMLInputElement>(null);
-  const divRef = useRef<HTMLDivElement>(null);
+  const eyeDropperTriggerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     if (inputRef.current) {
@@ -42,8 +50,19 @@ export const ColorInput = ({ color, onChange, label }: ColorInputProps) => {
     }
   }, [activeSection]);
 
+  const [eyeDropperState, setEyeDropperState] = useAtom(
+    activeEyeDropperAtom,
+    jotaiScope,
+  );
+
+  useEffect(() => {
+    return () => {
+      setEyeDropperState(null);
+    };
+  }, [setEyeDropperState]);
+
   return (
-    <label className="color-picker__input-label">
+    <div className="color-picker__input-label">
       <div className="color-picker__input-hash">#</div>
       <input
         ref={activeSection === "hex" ? inputRef : undefined}
@@ -60,16 +79,48 @@ export const ColorInput = ({ color, onChange, label }: ColorInputProps) => {
         }}
         tabIndex={-1}
         onFocus={() => setActiveColorPickerSection("hex")}
-        onKeyDown={(e) => {
-          if (e.key === KEYS.TAB) {
+        onKeyDown={(event) => {
+          if (event.key === KEYS.TAB) {
             return;
+          } else if (event.key === KEYS.ESCAPE) {
+            eyeDropperTriggerRef.current?.focus();
           }
-          if (e.key === KEYS.ESCAPE) {
-            divRef.current?.focus();
-          }
-          e.stopPropagation();
+          event.stopPropagation();
         }}
       />
-    </label>
+      {/* TODO reenable on mobile with a better UX */}
+      {!device.isMobile && (
+        <>
+          <div
+            style={{
+              width: "1px",
+              height: "1.25rem",
+              backgroundColor: "var(--default-border-color)",
+            }}
+          />
+          <div
+            ref={eyeDropperTriggerRef}
+            className={clsx("excalidraw-eye-dropper-trigger", {
+              selected: eyeDropperState,
+            })}
+            onClick={() =>
+              setEyeDropperState((s) =>
+                s
+                  ? null
+                  : {
+                      keepOpenOnAlt: false,
+                      onSelect: (color) => onChange(color),
+                    },
+              )
+            }
+            title={`${t(
+              "labels.eyeDropper",
+            )} — ${KEYS.I.toLocaleUpperCase()} or ${getShortcutKey("Alt")} `}
+          >
+            {eyeDropperIcon}
+          </div>
+        </>
+      )}
+    </div>
   );
 };
diff --git a/src/components/ColorPicker/ColorPicker.scss b/src/components/ColorPicker/ColorPicker.scss
index bc7146b6b..815e8e59d 100644
--- a/src/components/ColorPicker/ColorPicker.scss
+++ b/src/components/ColorPicker/ColorPicker.scss
@@ -204,6 +204,7 @@
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
+    outline: none;
   }
 
   .color-picker-content--default {
diff --git a/src/components/ColorPicker/ColorPicker.tsx b/src/components/ColorPicker/ColorPicker.tsx
index c470cc088..cec9ef9a9 100644
--- a/src/components/ColorPicker/ColorPicker.tsx
+++ b/src/components/ColorPicker/ColorPicker.tsx
@@ -1,4 +1,4 @@
-import { isTransparent } from "../../utils";
+import { isTransparent, isWritableElement } from "../../utils";
 import { ExcalidrawElement } from "../../element/types";
 import { AppState } from "../../types";
 import { TopPicks } from "./TopPicks";
@@ -12,12 +12,14 @@ import {
 import { useDevice, useExcalidrawContainer } from "../App";
 import { ColorTuple, COLOR_PALETTE, ColorPaletteCustom } from "../../colors";
 import PickerHeading from "./PickerHeading";
-import { ColorInput } from "./ColorInput";
 import { t } from "../../i18n";
 import clsx from "clsx";
+import { jotaiScope } from "../../jotai";
+import { ColorInput } from "./ColorInput";
+import { useRef } from "react";
+import { activeEyeDropperAtom } from "../EyeDropper";
 
 import "./ColorPicker.scss";
-import React from "react";
 
 const isValidColor = (color: string) => {
   const style = new Option().style;
@@ -40,9 +42,9 @@ export const getColor = (color: string): string | null => {
     : null;
 };
 
-export interface ColorPickerProps {
+interface ColorPickerProps {
   type: ColorPickerType;
-  color: string | null;
+  color: string;
   onChange: (color: string) => void;
   label: string;
   elements: readonly ExcalidrawElement[];
@@ -72,6 +74,11 @@ const ColorPickerPopupContent = ({
 >) => {
   const [, setActiveColorPickerSection] = useAtom(activeColorPickerSectionAtom);
 
+  const [eyeDropperState, setEyeDropperState] = useAtom(
+    activeEyeDropperAtom,
+    jotaiScope,
+  );
+
   const { container } = useExcalidrawContainer();
   const { isMobile, isLandscape } = useDevice();
 
@@ -87,23 +94,42 @@ const ColorPickerPopupContent = ({
       />
     </div>
   );
+  const popoverRef = useRef<HTMLDivElement>(null);
+
+  const focusPickerContent = () => {
+    popoverRef.current
+      ?.querySelector<HTMLDivElement>(".color-picker-content")
+      ?.focus();
+  };
 
   return (
     <Popover.Portal container={container}>
       <Popover.Content
+        ref={popoverRef}
         className="focus-visible-none"
         data-prevent-outside-click
+        onFocusOutside={(event) => {
+          focusPickerContent();
+          event.preventDefault();
+        }}
+        onPointerDownOutside={(event) => {
+          if (eyeDropperState) {
+            // prevent from closing if we click outside the popover
+            // while eyedropping (e.g. click when clicking the sidebar;
+            // the eye-dropper-backdrop is prevented downstream)
+            event.preventDefault();
+          }
+        }}
         onCloseAutoFocus={(e) => {
+          e.preventDefault();
+          e.stopPropagation();
+
           // return focus to excalidraw container
           if (container) {
             container.focus();
           }
 
           updateData({ openPopup: null });
-
-          e.preventDefault();
-          e.stopPropagation();
-
           setActiveColorPickerSection(null);
         }}
         side={isMobile && !isLandscape ? "bottom" : "right"}
@@ -126,10 +152,38 @@ const ColorPickerPopupContent = ({
         {palette ? (
           <Picker
             palette={palette}
-            color={color || null}
+            color={color}
             onChange={(changedColor) => {
               onChange(changedColor);
             }}
+            onEyeDropperToggle={(force) => {
+              setEyeDropperState((state) => {
+                if (force) {
+                  state = state || {
+                    keepOpenOnAlt: true,
+                    onSelect: onChange,
+                  };
+                  state.keepOpenOnAlt = true;
+                  return state;
+                }
+
+                return force === false || state
+                  ? null
+                  : {
+                      keepOpenOnAlt: false,
+                      onSelect: onChange,
+                    };
+              });
+            }}
+            onEscape={(event) => {
+              if (eyeDropperState) {
+                setEyeDropperState(null);
+              } else if (isWritableElement(event.target)) {
+                focusPickerContent();
+              } else {
+                updateData({ openPopup: null });
+              }
+            }}
             label={label}
             type={type}
             elements={elements}
@@ -158,7 +212,7 @@ const ColorPickerTrigger = ({
   color,
   type,
 }: {
-  color: string | null;
+  color: string;
   label: string;
   type: ColorPickerType;
 }) => {
diff --git a/src/components/ColorPicker/CustomColorList.tsx b/src/components/ColorPicker/CustomColorList.tsx
index f606482b8..b028dcc76 100644
--- a/src/components/ColorPicker/CustomColorList.tsx
+++ b/src/components/ColorPicker/CustomColorList.tsx
@@ -6,7 +6,7 @@ import HotkeyLabel from "./HotkeyLabel";
 
 interface CustomColorListProps {
   colors: string[];
-  color: string | null;
+  color: string;
   onChange: (color: string) => void;
   label: string;
 }
diff --git a/src/components/ColorPicker/Picker.tsx b/src/components/ColorPicker/Picker.tsx
index be6410e13..a2e17526c 100644
--- a/src/components/ColorPicker/Picker.tsx
+++ b/src/components/ColorPicker/Picker.tsx
@@ -12,7 +12,7 @@ import PickerHeading from "./PickerHeading";
 import {
   ColorPickerType,
   activeColorPickerSectionAtom,
-  getColorNameAndShadeFromHex,
+  getColorNameAndShadeFromColor,
   getMostUsedCustomColors,
   isCustomColor,
 } from "./colorPickerUtils";
@@ -21,9 +21,11 @@ import {
   DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
   DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
 } from "../../colors";
+import { KEYS } from "../../keys";
+import { EVENT } from "../../constants";
 
 interface PickerProps {
-  color: string | null;
+  color: string;
   onChange: (color: string) => void;
   label: string;
   type: ColorPickerType;
@@ -31,6 +33,8 @@ interface PickerProps {
   palette: ColorPaletteCustom;
   updateData: (formData?: any) => void;
   children?: React.ReactNode;
+  onEyeDropperToggle: (force?: boolean) => void;
+  onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void;
 }
 
 export const Picker = ({
@@ -42,6 +46,8 @@ export const Picker = ({
   palette,
   updateData,
   children,
+  onEyeDropperToggle,
+  onEscape,
 }: PickerProps) => {
   const [customColors] = React.useState(() => {
     if (type === "canvasBackground") {
@@ -54,16 +60,15 @@ export const Picker = ({
     activeColorPickerSectionAtom,
   );
 
-  const colorObj = getColorNameAndShadeFromHex({
-    hex: color || "transparent",
+  const colorObj = getColorNameAndShadeFromColor({
+    color,
     palette,
   });
 
   useEffect(() => {
     if (!activeColorPickerSection) {
       const isCustom = isCustomColor({ color, palette });
-      const isCustomButNotInList =
-        isCustom && !customColors.includes(color || "");
+      const isCustomButNotInList = isCustom && !customColors.includes(color);
 
       setActiveColorPickerSection(
         isCustomButNotInList
@@ -95,26 +100,43 @@ export const Picker = ({
     if (colorObj?.shade != null) {
       setActiveShade(colorObj.shade);
     }
-  }, [colorObj]);
+
+    const keyup = (event: KeyboardEvent) => {
+      if (event.key === KEYS.ALT) {
+        onEyeDropperToggle(false);
+      }
+    };
+    document.addEventListener(EVENT.KEYUP, keyup, { capture: true });
+    return () => {
+      document.removeEventListener(EVENT.KEYUP, keyup, { capture: true });
+    };
+  }, [colorObj, onEyeDropperToggle]);
+
+  const pickerRef = React.useRef<HTMLDivElement>(null);
 
   return (
     <div role="dialog" aria-modal="true" aria-label={t("labels.colorPicker")}>
       <div
-        onKeyDown={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-
-          colorPickerKeyNavHandler({
-            e,
+        ref={pickerRef}
+        onKeyDown={(event) => {
+          const handled = colorPickerKeyNavHandler({
+            event,
             activeColorPickerSection,
             palette,
-            hex: color,
+            color,
             onChange,
+            onEyeDropperToggle,
             customColors,
             setActiveColorPickerSection,
             updateData,
             activeShade,
+            onEscape,
           });
+
+          if (handled) {
+            event.preventDefault();
+            event.stopPropagation();
+          }
         }}
         className="color-picker-content"
         // to allow focusing by clicking but not by tabbing
diff --git a/src/components/ColorPicker/PickerColorList.tsx b/src/components/ColorPicker/PickerColorList.tsx
index bd2d2bfcf..2491afba8 100644
--- a/src/components/ColorPicker/PickerColorList.tsx
+++ b/src/components/ColorPicker/PickerColorList.tsx
@@ -4,7 +4,7 @@ import { useEffect, useRef } from "react";
 import {
   activeColorPickerSectionAtom,
   colorPickerHotkeyBindings,
-  getColorNameAndShadeFromHex,
+  getColorNameAndShadeFromColor,
 } from "./colorPickerUtils";
 import HotkeyLabel from "./HotkeyLabel";
 import { ColorPaletteCustom } from "../../colors";
@@ -12,7 +12,7 @@ import { t } from "../../i18n";
 
 interface PickerColorListProps {
   palette: ColorPaletteCustom;
-  color: string | null;
+  color: string;
   onChange: (color: string) => void;
   label: string;
   activeShade: number;
@@ -25,8 +25,8 @@ const PickerColorList = ({
   label,
   activeShade,
 }: PickerColorListProps) => {
-  const colorObj = getColorNameAndShadeFromHex({
-    hex: color || "transparent",
+  const colorObj = getColorNameAndShadeFromColor({
+    color: color || "transparent",
     palette,
   });
   const [activeColorPickerSection, setActiveColorPickerSection] = useAtom(
diff --git a/src/components/ColorPicker/ShadeList.tsx b/src/components/ColorPicker/ShadeList.tsx
index 96c353e3d..81ddaab24 100644
--- a/src/components/ColorPicker/ShadeList.tsx
+++ b/src/components/ColorPicker/ShadeList.tsx
@@ -3,21 +3,21 @@ import { useAtom } from "jotai";
 import { useEffect, useRef } from "react";
 import {
   activeColorPickerSectionAtom,
-  getColorNameAndShadeFromHex,
+  getColorNameAndShadeFromColor,
 } from "./colorPickerUtils";
 import HotkeyLabel from "./HotkeyLabel";
 import { t } from "../../i18n";
 import { ColorPaletteCustom } from "../../colors";
 
 interface ShadeListProps {
-  hex: string | null;
+  hex: string;
   onChange: (color: string) => void;
   palette: ColorPaletteCustom;
 }
 
 export const ShadeList = ({ hex, onChange, palette }: ShadeListProps) => {
-  const colorObj = getColorNameAndShadeFromHex({
-    hex: hex || "transparent",
+  const colorObj = getColorNameAndShadeFromColor({
+    color: hex || "transparent",
     palette,
   });
 
diff --git a/src/components/ColorPicker/TopPicks.tsx b/src/components/ColorPicker/TopPicks.tsx
index 3345632eb..ae420c3fd 100644
--- a/src/components/ColorPicker/TopPicks.tsx
+++ b/src/components/ColorPicker/TopPicks.tsx
@@ -9,7 +9,7 @@ import {
 interface TopPicksProps {
   onChange: (color: string) => void;
   type: ColorPickerType;
-  activeColor: string | null;
+  activeColor: string;
   topPicks?: readonly string[];
 }
 
diff --git a/src/components/ColorPicker/colorPickerUtils.ts b/src/components/ColorPicker/colorPickerUtils.ts
index 4c4075b2a..37e5c88a6 100644
--- a/src/components/ColorPicker/colorPickerUtils.ts
+++ b/src/components/ColorPicker/colorPickerUtils.ts
@@ -6,23 +6,23 @@ import {
   MAX_CUSTOM_COLORS_USED_IN_CANVAS,
 } from "../../colors";
 
-export const getColorNameAndShadeFromHex = ({
+export const getColorNameAndShadeFromColor = ({
   palette,
-  hex,
+  color,
 }: {
   palette: ColorPaletteCustom;
-  hex: string;
+  color: string;
 }): {
   colorName: ColorPickerColor;
   shade: number | null;
 } | null => {
   for (const [colorName, colorVal] of Object.entries(palette)) {
     if (Array.isArray(colorVal)) {
-      const shade = colorVal.indexOf(hex);
+      const shade = colorVal.indexOf(color);
       if (shade > -1) {
         return { colorName: colorName as ColorPickerColor, shade };
       }
-    } else if (colorVal === hex) {
+    } else if (colorVal === color) {
       return { colorName: colorName as ColorPickerColor, shade: null };
     }
   }
@@ -39,12 +39,9 @@ export const isCustomColor = ({
   color,
   palette,
 }: {
-  color: string | null;
+  color: string;
   palette: ColorPaletteCustom;
 }) => {
-  if (!color) {
-    return false;
-  }
   const paletteValues = Object.values(palette).flat();
   return !paletteValues.includes(color);
 };
diff --git a/src/components/ColorPicker/keyboardNavHandlers.ts b/src/components/ColorPicker/keyboardNavHandlers.ts
index 4ed539cee..95ee7beeb 100644
--- a/src/components/ColorPicker/keyboardNavHandlers.ts
+++ b/src/components/ColorPicker/keyboardNavHandlers.ts
@@ -1,3 +1,4 @@
+import { KEYS } from "../../keys";
 import {
   ColorPickerColor,
   ColorPalette,
@@ -5,12 +6,11 @@ import {
   COLORS_PER_ROW,
   COLOR_PALETTE,
 } from "../../colors";
-import { KEYS } from "../../keys";
 import { ValueOf } from "../../utility-types";
 import {
   ActiveColorPickerSectionAtomType,
   colorPickerHotkeyBindings,
-  getColorNameAndShadeFromHex,
+  getColorNameAndShadeFromColor,
 } from "./colorPickerUtils";
 
 const arrowHandler = (
@@ -55,6 +55,9 @@ interface HotkeyHandlerProps {
   activeShade: number;
 }
 
+/**
+ * @returns true if the event was handled
+ */
 const hotkeyHandler = ({
   e,
   colorObj,
@@ -63,7 +66,7 @@ const hotkeyHandler = ({
   customColors,
   setActiveColorPickerSection,
   activeShade,
-}: HotkeyHandlerProps) => {
+}: HotkeyHandlerProps): boolean => {
   if (colorObj?.shade != null) {
     // shift + numpad is extremely messed up on windows apparently
     if (
@@ -73,6 +76,7 @@ const hotkeyHandler = ({
       const newShade = Number(e.code.slice(-1)) - 1;
       onChange(palette[colorObj.colorName][newShade]);
       setActiveColorPickerSection("shades");
+      return true;
     }
   }
 
@@ -81,6 +85,7 @@ const hotkeyHandler = ({
     if (c) {
       onChange(customColors[Number(e.key) - 1]);
       setActiveColorPickerSection("custom");
+      return true;
     }
   }
 
@@ -93,14 +98,16 @@ const hotkeyHandler = ({
       : paletteValue;
     onChange(r);
     setActiveColorPickerSection("baseColors");
+    return true;
   }
+  return false;
 };
 
 interface ColorPickerKeyNavHandlerProps {
-  e: React.KeyboardEvent;
+  event: React.KeyboardEvent;
   activeColorPickerSection: ActiveColorPickerSectionAtomType;
   palette: ColorPaletteCustom;
-  hex: string | null;
+  color: string;
   onChange: (color: string) => void;
   customColors: string[];
   setActiveColorPickerSection: (
@@ -108,27 +115,49 @@ interface ColorPickerKeyNavHandlerProps {
   ) => void;
   updateData: (formData?: any) => void;
   activeShade: number;
+  onEyeDropperToggle: (force?: boolean) => void;
+  onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void;
 }
 
+/**
+ * @returns true if the event was handled
+ */
 export const colorPickerKeyNavHandler = ({
-  e,
+  event,
   activeColorPickerSection,
   palette,
-  hex,
+  color,
   onChange,
   customColors,
   setActiveColorPickerSection,
   updateData,
   activeShade,
-}: ColorPickerKeyNavHandlerProps) => {
-  if (e.key === KEYS.ESCAPE || !hex) {
-    updateData({ openPopup: null });
-    return;
+  onEyeDropperToggle,
+  onEscape,
+}: ColorPickerKeyNavHandlerProps): boolean => {
+  if (event[KEYS.CTRL_OR_CMD]) {
+    return false;
   }
 
-  const colorObj = getColorNameAndShadeFromHex({ hex, palette });
+  if (event.key === KEYS.ESCAPE) {
+    onEscape(event);
+    return true;
+  }
 
-  if (e.key === KEYS.TAB) {
+  // checkt using `key` to ignore combos with Alt modifier
+  if (event.key === KEYS.ALT) {
+    onEyeDropperToggle(true);
+    return true;
+  }
+
+  if (event.key === KEYS.I) {
+    onEyeDropperToggle();
+    return true;
+  }
+
+  const colorObj = getColorNameAndShadeFromColor({ color, palette });
+
+  if (event.key === KEYS.TAB) {
     const sectionsMap: Record<
       NonNullable<ActiveColorPickerSectionAtomType>,
       boolean
@@ -147,7 +176,7 @@ export const colorPickerKeyNavHandler = ({
     }, [] as ActiveColorPickerSectionAtomType[]);
 
     const activeSectionIndex = sections.indexOf(activeColorPickerSection);
-    const indexOffset = e.shiftKey ? -1 : 1;
+    const indexOffset = event.shiftKey ? -1 : 1;
     const nextSectionIndex =
       activeSectionIndex + indexOffset > sections.length - 1
         ? 0
@@ -168,8 +197,8 @@ export const colorPickerKeyNavHandler = ({
         Object.entries(palette) as [string, ValueOf<ColorPalette>][]
       ).find(([name, shades]) => {
         if (Array.isArray(shades)) {
-          return shades.includes(hex);
-        } else if (shades === hex) {
+          return shades.includes(color);
+        } else if (shades === color) {
           return name;
         }
         return null;
@@ -180,29 +209,34 @@ export const colorPickerKeyNavHandler = ({
       }
     }
 
-    e.preventDefault();
-    e.stopPropagation();
+    event.preventDefault();
+    event.stopPropagation();
 
-    return;
+    return true;
   }
 
-  hotkeyHandler({
-    e,
-    colorObj,
-    onChange,
-    palette,
-    customColors,
-    setActiveColorPickerSection,
-    activeShade,
-  });
+  if (
+    hotkeyHandler({
+      e: event,
+      colorObj,
+      onChange,
+      palette,
+      customColors,
+      setActiveColorPickerSection,
+      activeShade,
+    })
+  ) {
+    return true;
+  }
 
   if (activeColorPickerSection === "shades") {
     if (colorObj) {
       const { shade } = colorObj;
-      const newShade = arrowHandler(e.key, shade, COLORS_PER_ROW);
+      const newShade = arrowHandler(event.key, shade, COLORS_PER_ROW);
 
       if (newShade !== undefined) {
         onChange(palette[colorObj.colorName][newShade]);
+        return true;
       }
     }
   }
@@ -214,7 +248,7 @@ export const colorPickerKeyNavHandler = ({
       const indexOfColorName = colorNames.indexOf(colorName);
 
       const newColorIndex = arrowHandler(
-        e.key,
+        event.key,
         indexOfColorName,
         colorNames.length,
       );
@@ -228,15 +262,16 @@ export const colorPickerKeyNavHandler = ({
             ? newColorNameValue[activeShade]
             : newColorNameValue,
         );
+        return true;
       }
     }
   }
 
   if (activeColorPickerSection === "custom") {
-    const indexOfColor = customColors.indexOf(hex);
+    const indexOfColor = customColors.indexOf(color);
 
     const newColorIndex = arrowHandler(
-      e.key,
+      event.key,
       indexOfColor,
       customColors.length,
     );
@@ -244,6 +279,9 @@ export const colorPickerKeyNavHandler = ({
     if (newColorIndex !== undefined) {
       const newColor = customColors[newColorIndex];
       onChange(newColor);
+      return true;
     }
   }
+
+  return false;
 };
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index a76f65e46..161d18056 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -12,7 +12,6 @@ import "./Dialog.scss";
 import { back, CloseIcon } from "./icons";
 import { Island } from "./Island";
 import { Modal } from "./Modal";
-import { AppState } from "../types";
 import { queryFocusableElements } from "../utils";
 import { useSetAtom } from "jotai";
 import { isLibraryMenuOpenAtom } from "./LibraryMenu";
@@ -25,7 +24,6 @@ export interface DialogProps {
   onCloseRequest(): void;
   title: React.ReactNode | false;
   autofocus?: boolean;
-  theme?: AppState["theme"];
   closeOnClickOutside?: boolean;
 }
 
@@ -91,7 +89,6 @@ export const Dialog = (props: DialogProps) => {
         props.size === "wide" ? 1024 : props.size === "small" ? 550 : 800
       }
       onCloseRequest={onClose}
-      theme={props.theme}
       closeOnClickOutside={props.closeOnClickOutside}
     >
       <Island ref={setIslandNode}>
diff --git a/src/components/EyeDropper.scss b/src/components/EyeDropper.scss
new file mode 100644
index 000000000..3273e4d77
--- /dev/null
+++ b/src/components/EyeDropper.scss
@@ -0,0 +1,48 @@
+.excalidraw {
+  .excalidraw-eye-dropper-container,
+  .excalidraw-eye-dropper-backdrop {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    touch-action: none;
+  }
+
+  .excalidraw-eye-dropper-container {
+    pointer-events: none;
+  }
+
+  .excalidraw-eye-dropper-backdrop {
+    pointer-events: all;
+  }
+
+  .excalidraw-eye-dropper-preview {
+    pointer-events: none;
+    width: 3rem;
+    height: 3rem;
+    position: fixed;
+    z-index: 999999;
+    border-radius: 1rem;
+    border: 1px solid var(--default-border-color);
+    filter: var(--theme-filter);
+  }
+
+  .excalidraw-eye-dropper-trigger {
+    width: 1.25rem;
+    height: 1.25rem;
+    cursor: pointer;
+    padding: 4px;
+    margin-right: -4px;
+    margin-left: -2px;
+    border-radius: 0.5rem;
+    color: var(--icon-fill-color);
+
+    &:hover {
+      background: var(--button-hover-bg);
+    }
+    &.selected {
+      color: var(--color-primary);
+      background: var(--color-primary-light);
+    }
+  }
+}
diff --git a/src/components/EyeDropper.tsx b/src/components/EyeDropper.tsx
new file mode 100644
index 000000000..e24b8d407
--- /dev/null
+++ b/src/components/EyeDropper.tsx
@@ -0,0 +1,215 @@
+import { atom } from "jotai";
+import { useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { COLOR_PALETTE, rgbToHex } from "../colors";
+import { EVENT } from "../constants";
+import { useUIAppState } from "../context/ui-appState";
+import { mutateElement } from "../element/mutateElement";
+import { useCreatePortalContainer } from "../hooks/useCreatePortalContainer";
+import { useOutsideClick } from "../hooks/useOutsideClick";
+import { KEYS } from "../keys";
+import { invalidateShapeForElement } from "../renderer/renderElement";
+import { getSelectedElements } from "../scene";
+import Scene from "../scene/Scene";
+import { useApp, useExcalidrawContainer, useExcalidrawElements } from "./App";
+
+import "./EyeDropper.scss";
+
+type EyeDropperProperties = {
+  keepOpenOnAlt: boolean;
+  swapPreviewOnAlt?: boolean;
+  onSelect?: (color: string, event: PointerEvent) => void;
+  previewType?: "strokeColor" | "backgroundColor";
+};
+
+export const activeEyeDropperAtom = atom<null | EyeDropperProperties>(null);
+
+export const EyeDropper: React.FC<{
+  onCancel: () => void;
+  onSelect: Required<EyeDropperProperties>["onSelect"];
+  swapPreviewOnAlt?: EyeDropperProperties["swapPreviewOnAlt"];
+  previewType?: EyeDropperProperties["previewType"];
+}> = ({
+  onCancel,
+  onSelect,
+  swapPreviewOnAlt,
+  previewType = "backgroundColor",
+}) => {
+  const eyeDropperContainer = useCreatePortalContainer({
+    className: "excalidraw-eye-dropper-backdrop",
+    parentSelector: ".excalidraw-eye-dropper-container",
+  });
+  const appState = useUIAppState();
+  const elements = useExcalidrawElements();
+  const app = useApp();
+
+  const selectedElements = getSelectedElements(elements, appState);
+
+  const metaStuffRef = useRef({ selectedElements, app });
+  metaStuffRef.current.selectedElements = selectedElements;
+  metaStuffRef.current.app = app;
+
+  const { container: excalidrawContainer } = useExcalidrawContainer();
+
+  useEffect(() => {
+    const colorPreviewDiv = ref.current;
+
+    if (!colorPreviewDiv || !app.canvas || !eyeDropperContainer) {
+      return;
+    }
+
+    let currentColor = COLOR_PALETTE.black;
+    let isHoldingPointerDown = false;
+
+    const ctx = app.canvas.getContext("2d")!;
+
+    const mouseMoveListener = ({
+      clientX,
+      clientY,
+      altKey,
+    }: {
+      clientX: number;
+      clientY: number;
+      altKey: boolean;
+    }) => {
+      // FIXME swap offset when the preview gets outside viewport
+      colorPreviewDiv.style.top = `${clientY + 20}px`;
+      colorPreviewDiv.style.left = `${clientX + 20}px`;
+
+      const pixel = ctx.getImageData(
+        clientX * window.devicePixelRatio,
+        clientY * window.devicePixelRatio,
+        1,
+        1,
+      ).data;
+
+      currentColor = rgbToHex(pixel[0], pixel[1], pixel[2]);
+
+      if (isHoldingPointerDown) {
+        for (const element of metaStuffRef.current.selectedElements) {
+          mutateElement(
+            element,
+            {
+              [altKey && swapPreviewOnAlt
+                ? previewType === "strokeColor"
+                  ? "backgroundColor"
+                  : "strokeColor"
+                : previewType]: currentColor,
+            },
+            false,
+          );
+          invalidateShapeForElement(element);
+        }
+        Scene.getScene(
+          metaStuffRef.current.selectedElements[0],
+        )?.informMutation();
+      }
+
+      colorPreviewDiv.style.background = currentColor;
+    };
+
+    const pointerDownListener = (event: PointerEvent) => {
+      isHoldingPointerDown = true;
+      // NOTE we can't event.preventDefault() as that would stop
+      // pointermove events
+      event.stopImmediatePropagation();
+    };
+
+    const pointerUpListener = (event: PointerEvent) => {
+      isHoldingPointerDown = false;
+
+      // since we're not preventing default on pointerdown, the focus would
+      // goes back to `body` so we want to refocus the editor container instead
+      excalidrawContainer?.focus();
+
+      event.stopImmediatePropagation();
+      event.preventDefault();
+
+      onSelect(currentColor, event);
+    };
+
+    const keyDownListener = (event: KeyboardEvent) => {
+      if (event.key === KEYS.ESCAPE) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        onCancel();
+      }
+    };
+
+    // -------------------------------------------------------------------------
+
+    eyeDropperContainer.tabIndex = -1;
+    // focus container so we can listen on keydown events
+    eyeDropperContainer.focus();
+
+    // init color preview else it would show only after the first mouse move
+    mouseMoveListener({
+      clientX: metaStuffRef.current.app.lastViewportPosition.x,
+      clientY: metaStuffRef.current.app.lastViewportPosition.y,
+      altKey: false,
+    });
+
+    eyeDropperContainer.addEventListener(EVENT.KEYDOWN, keyDownListener);
+    eyeDropperContainer.addEventListener(
+      EVENT.POINTER_DOWN,
+      pointerDownListener,
+    );
+    eyeDropperContainer.addEventListener(EVENT.POINTER_UP, pointerUpListener);
+    window.addEventListener("pointermove", mouseMoveListener, {
+      passive: true,
+    });
+    window.addEventListener(EVENT.BLUR, onCancel);
+
+    return () => {
+      isHoldingPointerDown = false;
+      eyeDropperContainer.removeEventListener(EVENT.KEYDOWN, keyDownListener);
+      eyeDropperContainer.removeEventListener(
+        EVENT.POINTER_DOWN,
+        pointerDownListener,
+      );
+      eyeDropperContainer.removeEventListener(
+        EVENT.POINTER_UP,
+        pointerUpListener,
+      );
+      window.removeEventListener("pointermove", mouseMoveListener);
+      window.removeEventListener(EVENT.BLUR, onCancel);
+    };
+  }, [
+    app.canvas,
+    eyeDropperContainer,
+    onCancel,
+    onSelect,
+    swapPreviewOnAlt,
+    previewType,
+    excalidrawContainer,
+  ]);
+
+  const ref = useRef<HTMLDivElement>(null);
+
+  useOutsideClick(
+    ref,
+    () => {
+      onCancel();
+    },
+    (event) => {
+      if (
+        event.target.closest(
+          ".excalidraw-eye-dropper-trigger, .excalidraw-eye-dropper-backdrop",
+        )
+      ) {
+        return true;
+      }
+      // consider all other clicks as outside
+      return false;
+    },
+  );
+
+  if (!eyeDropperContainer) {
+    return null;
+  }
+
+  return createPortal(
+    <div ref={ref} className="excalidraw-eye-dropper-preview" />,
+    eyeDropperContainer,
+  );
+};
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index bd2f38417..da43330fd 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -164,6 +164,10 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               label={t("toolBar.eraser")}
               shortcuts={[KEYS.E, KEYS["0"]]}
             />
+            <Shortcut
+              label={t("labels.eyeDropper")}
+              shortcuts={[KEYS.I, "Shift+S", "Shift+G"]}
+            />
             <Shortcut
               label={t("helpDialog.editLineArrowPoints")}
               shortcuts={[getShortcutKey("CtrlOrCmd+Enter")]}
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index f05f5df11..bf64bf5cb 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -38,7 +38,7 @@ import { actionToggleStats } from "../actions/actionToggleStats";
 import Footer from "./footer/Footer";
 import { isSidebarDockedAtom } from "./Sidebar/Sidebar";
 import { jotaiScope } from "../jotai";
-import { Provider, useAtomValue } from "jotai";
+import { Provider, useAtom, useAtomValue } from "jotai";
 import MainMenu from "./main-menu/MainMenu";
 import { ActiveConfirmDialog } from "./ActiveConfirmDialog";
 import { HandButton } from "./HandButton";
@@ -47,6 +47,7 @@ import { TunnelsContext, useInitializeTunnels } from "../context/tunnels";
 import { LibraryIcon } from "./icons";
 import { UIAppStateContext } from "../context/ui-appState";
 import { DefaultSidebar } from "./DefaultSidebar";
+import { EyeDropper, activeEyeDropperAtom } from "./EyeDropper";
 
 import "./LayerUI.scss";
 import "./Toolbar.scss";
@@ -120,6 +121,11 @@ const LayerUI = ({
   const device = useDevice();
   const tunnels = useInitializeTunnels();
 
+  const [eyeDropperState, setEyeDropperState] = useAtom(
+    activeEyeDropperAtom,
+    jotaiScope,
+  );
+
   const renderJSONExportDialog = () => {
     if (!UIOptions.canvasActions.export) {
       return null;
@@ -350,6 +356,21 @@ const LayerUI = ({
           {appState.errorMessage}
         </ErrorDialog>
       )}
+      {eyeDropperState && !device.isMobile && (
+        <EyeDropper
+          swapPreviewOnAlt={eyeDropperState.swapPreviewOnAlt}
+          previewType={eyeDropperState.previewType}
+          onCancel={() => {
+            setEyeDropperState(null);
+          }}
+          onSelect={(color, event) => {
+            setEyeDropperState((state) => {
+              return state?.keepOpenOnAlt && event.altKey ? state : null;
+            });
+            eyeDropperState?.onSelect?.(color, event);
+          }}
+        />
+      )}
       {appState.openDialog === "help" && (
         <HelpDialog
           onClose={() => {
@@ -371,7 +392,7 @@ const LayerUI = ({
           }
         />
       )}
-      {device.isMobile && (
+      {device.isMobile && !eyeDropperState && (
         <MobileMenu
           appState={appState}
           elements={elements}
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index 30a4e6fd1..3dd737e45 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -1,12 +1,11 @@
 import "./Modal.scss";
 
-import React, { useState, useLayoutEffect, useRef } from "react";
+import React from "react";
 import { createPortal } from "react-dom";
 import clsx from "clsx";
 import { KEYS } from "../keys";
-import { useExcalidrawContainer, useDevice } from "./App";
 import { AppState } from "../types";
-import { THEME } from "../constants";
+import { useCreatePortalContainer } from "../hooks/useCreatePortalContainer";
 
 export const Modal: React.FC<{
   className?: string;
@@ -17,8 +16,10 @@ export const Modal: React.FC<{
   theme?: AppState["theme"];
   closeOnClickOutside?: boolean;
 }> = (props) => {
-  const { theme = THEME.LIGHT, closeOnClickOutside = true } = props;
-  const modalRoot = useBodyRoot(theme);
+  const { closeOnClickOutside = true } = props;
+  const modalRoot = useCreatePortalContainer({
+    className: "excalidraw-modal-container",
+  });
 
   if (!modalRoot) {
     return null;
@@ -56,43 +57,3 @@ export const Modal: React.FC<{
     modalRoot,
   );
 };
-
-const useBodyRoot = (theme: AppState["theme"]) => {
-  const [div, setDiv] = useState<HTMLDivElement | null>(null);
-
-  const device = useDevice();
-  const isMobileRef = useRef(device.isMobile);
-  isMobileRef.current = device.isMobile;
-
-  const { container: excalidrawContainer } = useExcalidrawContainer();
-
-  useLayoutEffect(() => {
-    if (div) {
-      div.classList.toggle("excalidraw--mobile", device.isMobile);
-    }
-  }, [div, device.isMobile]);
-
-  useLayoutEffect(() => {
-    const isDarkTheme =
-      !!excalidrawContainer?.classList.contains("theme--dark") ||
-      theme === "dark";
-    const div = document.createElement("div");
-
-    div.classList.add("excalidraw", "excalidraw-modal-container");
-    div.classList.toggle("excalidraw--mobile", isMobileRef.current);
-
-    if (isDarkTheme) {
-      div.classList.add("theme--dark");
-      div.classList.add("theme--dark-background-none");
-    }
-    document.body.appendChild(div);
-
-    setDiv(div);
-
-    return () => {
-      document.body.removeChild(div);
-    };
-  }, [excalidrawContainer, theme]);
-
-  return div;
-};
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index c03682fb2..ee94beca5 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -6,7 +6,6 @@ import React, {
   forwardRef,
   useImperativeHandle,
   useCallback,
-  RefObject,
 } from "react";
 import { Island } from ".././Island";
 import { atom, useSetAtom } from "jotai";
@@ -27,38 +26,10 @@ import { SidebarTabTriggers } from "./SidebarTabTriggers";
 import { SidebarTabTrigger } from "./SidebarTabTrigger";
 import { SidebarTabs } from "./SidebarTabs";
 import { SidebarTab } from "./SidebarTab";
+import { useUIAppState } from "../../context/ui-appState";
+import { useOutsideClick } from "../../hooks/useOutsideClick";
 
 import "./Sidebar.scss";
-import { useUIAppState } from "../../context/ui-appState";
-
-// FIXME replace this with the implem from ColorPicker once it's merged
-const useOnClickOutside = (
-  ref: RefObject<HTMLElement>,
-  cb: (event: MouseEvent) => void,
-) => {
-  useEffect(() => {
-    const listener = (event: MouseEvent) => {
-      if (!ref.current) {
-        return;
-      }
-
-      if (
-        event.target instanceof Element &&
-        (ref.current.contains(event.target) ||
-          !document.body.contains(event.target))
-      ) {
-        return;
-      }
-
-      cb(event);
-    };
-    document.addEventListener("pointerdown", listener, false);
-
-    return () => {
-      document.removeEventListener("pointerdown", listener);
-    };
-  }, [ref, cb]);
-};
 
 /**
  * Flags whether the currently rendered Sidebar is docked or not, for use
@@ -133,7 +104,7 @@ export const SidebarInner = forwardRef(
       setAppState({ openSidebar: null });
     }, [setAppState]);
 
-    useOnClickOutside(
+    useOutsideClick(
       islandRef,
       useCallback(
         (event) => {
diff --git a/src/components/dropdownMenu/DropdownMenuContent.tsx b/src/components/dropdownMenu/DropdownMenuContent.tsx
index 7585649c8..c80b5bc08 100644
--- a/src/components/dropdownMenu/DropdownMenuContent.tsx
+++ b/src/components/dropdownMenu/DropdownMenuContent.tsx
@@ -1,11 +1,10 @@
-import { useOutsideClick } from "../../hooks/useOutsideClick";
 import { Island } from "../Island";
-
 import { useDevice } from "../App";
 import clsx from "clsx";
 import Stack from "../Stack";
-import React from "react";
+import React, { useRef } from "react";
 import { DropdownMenuContentPropsContext } from "./common";
+import { useOutsideClick } from "../../hooks/useOutsideClick";
 
 const MenuContent = ({
   children,
@@ -24,7 +23,9 @@ const MenuContent = ({
   style?: React.CSSProperties;
 }) => {
   const device = useDevice();
-  const menuRef = useOutsideClick(() => {
+  const menuRef = useRef<HTMLDivElement>(null);
+
+  useOutsideClick(menuRef, () => {
     onClickOutside?.();
   });
 
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 543248a1a..ee71fb7b5 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1607,3 +1607,12 @@ export const tablerCheckIcon = createIcon(
   </>,
   tablerIconProps,
 );
+
+export const eyeDropperIcon = createIcon(
+  <g strokeWidth={1.25}>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M11 7l6 6"></path>
+    <path d="M4 16l11.7 -11.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-11.7 11.7h-4v-4z"></path>
+  </g>,
+  tablerIconProps,
+);
diff --git a/src/constants.ts b/src/constants.ts
index 3b21dd40f..cb63a4d48 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -59,6 +59,7 @@ export enum EVENT {
   GESTURE_START = "gesturestart",
   GESTURE_CHANGE = "gesturechange",
   POINTER_MOVE = "pointermove",
+  POINTER_DOWN = "pointerdown",
   POINTER_UP = "pointerup",
   STATE_CHANGE = "statechange",
   WHEEL = "wheel",
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index e48484ab6..eb12952dd 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -834,7 +834,6 @@ class Collab extends PureComponent<Props, CollabState> {
             setErrorMessage={(errorMessage) => {
               this.setState({ errorMessage });
             }}
-            theme={this.excalidrawAPI.getAppState().theme}
           />
         )}
         {errorMessage && (
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index daec8cfe9..6b0706270 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -2,7 +2,6 @@ import { useRef, useState } from "react";
 import * as Popover from "@radix-ui/react-popover";
 
 import { copyTextToSystemClipboard } from "../../clipboard";
-import { AppState } from "../../types";
 import { trackEvent } from "../../analytics";
 import { getFrame } from "../../utils";
 import { useI18n } from "../../i18n";
@@ -46,7 +45,6 @@ export type RoomModalProps = {
   onRoomCreate: () => void;
   onRoomDestroy: () => void;
   setErrorMessage: (message: string) => void;
-  theme: AppState["theme"];
 };
 
 export const RoomModal = ({
@@ -210,12 +208,7 @@ export const RoomModal = ({
 
 const RoomDialog = (props: RoomModalProps) => {
   return (
-    <Dialog
-      size="small"
-      onCloseRequest={props.handleClose}
-      title={false}
-      theme={props.theme}
-    >
+    <Dialog size="small" onCloseRequest={props.handleClose} title={false}>
       <div className="RoomDialog">
         <RoomModal {...props} />
       </div>
diff --git a/src/hooks/useCreatePortalContainer.ts b/src/hooks/useCreatePortalContainer.ts
new file mode 100644
index 000000000..f56011ed1
--- /dev/null
+++ b/src/hooks/useCreatePortalContainer.ts
@@ -0,0 +1,49 @@
+import { useState, useRef, useLayoutEffect } from "react";
+import { useDevice, useExcalidrawContainer } from "../components/App";
+import { useUIAppState } from "../context/ui-appState";
+
+export const useCreatePortalContainer = (opts?: {
+  className?: string;
+  parentSelector?: string;
+}) => {
+  const [div, setDiv] = useState<HTMLDivElement | null>(null);
+
+  const device = useDevice();
+  const { theme } = useUIAppState();
+  const isMobileRef = useRef(device.isMobile);
+  isMobileRef.current = device.isMobile;
+
+  const { container: excalidrawContainer } = useExcalidrawContainer();
+
+  useLayoutEffect(() => {
+    if (div) {
+      div.classList.toggle("excalidraw--mobile", device.isMobile);
+    }
+  }, [div, device.isMobile]);
+
+  useLayoutEffect(() => {
+    const container = opts?.parentSelector
+      ? excalidrawContainer?.querySelector(opts.parentSelector)
+      : document.body;
+
+    if (!container) {
+      return;
+    }
+
+    const div = document.createElement("div");
+
+    div.classList.add("excalidraw", ...(opts?.className?.split(/\s+/) || []));
+    div.classList.toggle("excalidraw--mobile", isMobileRef.current);
+    div.classList.toggle("theme--dark", theme === "dark");
+
+    container.appendChild(div);
+
+    setDiv(div);
+
+    return () => {
+      container.removeChild(div);
+    };
+  }, [excalidrawContainer, theme, opts?.className, opts?.parentSelector]);
+
+  return div;
+};
diff --git a/src/hooks/useOutsideClick.ts b/src/hooks/useOutsideClick.ts
index cda7e50d7..c720a836b 100644
--- a/src/hooks/useOutsideClick.ts
+++ b/src/hooks/useOutsideClick.ts
@@ -1,42 +1,86 @@
-import { useEffect, useRef } from "react";
+import { useEffect } from "react";
+import { EVENT } from "../constants";
 
-export const useOutsideClick = (handler: (event: Event) => void) => {
-  const ref = useRef(null);
+export function useOutsideClick<T extends HTMLElement>(
+  ref: React.RefObject<T>,
+  /** if performance is of concern, memoize the callback */
+  callback: (event: Event) => void,
+  /**
+   * Optional callback which is called on every click.
+   *
+   * Should return `true` if click should be considered as inside the container,
+   * and `false` if it falls outside and should call the `callback`.
+   *
+   * Returning `true` overrides the default behavior and `callback` won't be
+   * called.
+   *
+   * Returning `undefined` will fallback to the default behavior.
+   */
+  isInside?: (
+    event: Event & { target: HTMLElement },
+    /** the element of the passed ref */
+    container: T,
+  ) => boolean | undefined,
+) {
+  useEffect(() => {
+    function onOutsideClick(event: Event) {
+      const _event = event as Event & { target: T };
 
-  useEffect(
-    () => {
-      const listener = (event: Event) => {
-        const current = ref.current as HTMLElement | null;
+      if (!ref.current) {
+        return;
+      }
 
-        // Do nothing if clicking ref's element or descendent elements
-        if (
-          !current ||
-          current.contains(event.target as Node) ||
-          [...document.querySelectorAll("[data-prevent-outside-click]")].some(
-            (el) => el.contains(event.target as Node),
-          )
-        ) {
-          return;
-        }
+      const isInsideOverride = isInside?.(_event, ref.current);
 
-        handler(event);
-      };
+      if (isInsideOverride === true) {
+        return;
+      } else if (isInsideOverride === false) {
+        return callback(_event);
+      }
 
-      document.addEventListener("pointerdown", listener);
-      document.addEventListener("touchstart", listener);
-      return () => {
-        document.removeEventListener("pointerdown", listener);
-        document.removeEventListener("touchstart", listener);
-      };
-    },
-    // Add ref and handler to effect dependencies
-    // It's worth noting that because passed in handler is a new ...
-    // ... function on every render that will cause this effect ...
-    // ... callback/cleanup to run every render. It's not a big deal ...
-    // ... but to optimize you can wrap handler in useCallback before ...
-    // ... passing it into this hook.
-    [ref, handler],
-  );
+      // clicked element is in the descenendant of the target container
+      if (
+        ref.current.contains(_event.target) ||
+        // target is detached from DOM (happens when the element is removed
+        // on a pointerup event fired *before* this handler's pointerup is
+        // dispatched)
+        !document.documentElement.contains(_event.target)
+      ) {
+        return;
+      }
 
-  return ref;
-};
+      const isClickOnRadixPortal =
+        _event.target.closest("[data-radix-portal]") ||
+        // when radix popup is in "modal" mode, it disables pointer events on
+        // the `body` element, so the target element is going to be the `html`
+        // (note: this won't work if we selectively re-enable pointer events on
+        // specific elements as we do with navbar or excalidraw UI elements)
+        (_event.target === document.documentElement &&
+          document.body.style.pointerEvents === "none");
+
+      // if clicking on radix portal, assume it's a popup that
+      // should be considered as part of the UI. Obviously this is a terrible
+      // hack you can end up click on radix popups that outside the tree,
+      // but it works for most cases and the downside is minimal for now
+      if (isClickOnRadixPortal) {
+        return;
+      }
+
+      // clicking on a container that ignores outside clicks
+      if (_event.target.closest("[data-prevent-outside-click]")) {
+        return;
+      }
+
+      callback(_event);
+    }
+
+    // note: don't use `click` because it often reports incorrect `event.target`
+    document.addEventListener(EVENT.POINTER_DOWN, onOutsideClick);
+    document.addEventListener(EVENT.TOUCH_START, onOutsideClick);
+
+    return () => {
+      document.removeEventListener(EVENT.POINTER_DOWN, onOutsideClick);
+      document.removeEventListener(EVENT.TOUCH_START, onOutsideClick);
+    };
+  }, [ref, callback, isInside]);
+}
diff --git a/src/locales/en.json b/src/locales/en.json
index 66b635d47..f751353ae 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -123,7 +123,8 @@
       "unlockAll": "Unlock all"
     },
     "statusPublished": "Published",
-    "sidebarLock": "Keep sidebar open"
+    "sidebarLock": "Keep sidebar open",
+    "eyeDropper": "Pick color from canvas"
   },
   "library": {
     "noItems": "No items added yet...",
diff --git a/src/types.ts b/src/types.ts
index 52a75b615..8354ced99 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -439,6 +439,7 @@ export type AppClassProperties = {
   id: App["id"];
   onInsertElements: App["onInsertElements"];
   onExportImage: App["onExportImage"];
+  lastViewportPosition: App["lastViewportPosition"];
 };
 
 export type PointerDownState = Readonly<{
diff --git a/yarn.lock b/yarn.lock
index eca6964bf..720e61a3e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7143,10 +7143,10 @@ jiti@^1.17.2:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
   integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
 
-jotai@1.6.4:
-  version "1.6.4"
-  resolved "https://registry.yarnpkg.com/jotai/-/jotai-1.6.4.tgz#4d9904362c53c4293d32e21fb358d3de34b82912"
-  integrity sha512-XC0ExLhdE6FEBdIjKTe6kMlHaAUV/QiwN7vZond76gNr/WdcdonJOEW79+5t8u38sR41bJXi26B1dRi7cCRz9A==
+jotai@1.13.1:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/jotai/-/jotai-1.13.1.tgz#20cc46454cbb39096b12fddfa635b873b3668236"
+  integrity sha512-RUmH1S4vLsG3V6fbGlKzGJnLrDcC/HNb5gH2AeA9DzuJknoVxSGvvg8OBB7lke+gDc4oXmdVsaKn/xDUhWZ0vw==
 
 js-sdsl@^4.1.4:
   version "4.4.0"

From a065ec67a9eb6be33a5bfd9eef587531a2814284 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 2 Jun 2023 17:35:25 +0200
Subject: [PATCH 202/252] fix: eye dropper not accounting for offsets (#6640)

---
 src/components/EyeDropper.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/EyeDropper.tsx b/src/components/EyeDropper.tsx
index e24b8d407..794ad6026 100644
--- a/src/components/EyeDropper.tsx
+++ b/src/components/EyeDropper.tsx
@@ -77,8 +77,8 @@ export const EyeDropper: React.FC<{
       colorPreviewDiv.style.left = `${clientX + 20}px`;
 
       const pixel = ctx.getImageData(
-        clientX * window.devicePixelRatio,
-        clientY * window.devicePixelRatio,
+        clientX * window.devicePixelRatio - appState.offsetLeft,
+        clientY * window.devicePixelRatio - appState.offsetTop,
         1,
         1,
       ).data;
@@ -182,6 +182,8 @@ export const EyeDropper: React.FC<{
     swapPreviewOnAlt,
     previewType,
     excalidrawContainer,
+    appState.offsetLeft,
+    appState.offsetTop,
   ]);
 
   const ref = useRef<HTMLDivElement>(null);

From 952aa63f86f55257a3d2b79341438470a77e959a Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Fri, 2 Jun 2023 17:41:05 +0200
Subject: [PATCH 203/252] chore: Update translations from Crowdin (#6625)

---
 src/locales/ar-SA.json       |  36 +++++---
 src/locales/bg-BG.json       |  36 +++++---
 src/locales/bn-BD.json       |  36 +++++---
 src/locales/ca-ES.json       |  36 +++++---
 src/locales/cs-CZ.json       |  36 +++++---
 src/locales/da-DK.json       |  36 +++++---
 src/locales/de-DE.json       |  36 +++++---
 src/locales/el-GR.json       |  36 +++++---
 src/locales/es-ES.json       |  36 +++++---
 src/locales/eu-ES.json       |  36 +++++---
 src/locales/fa-IR.json       |  36 +++++---
 src/locales/fi-FI.json       |  36 +++++---
 src/locales/fr-FR.json       |  36 +++++---
 src/locales/gl-ES.json       |  36 +++++---
 src/locales/he-IL.json       |  36 +++++---
 src/locales/hi-IN.json       |  82 ++++++++++--------
 src/locales/hu-HU.json       |  36 +++++---
 src/locales/id-ID.json       |  36 +++++---
 src/locales/it-IT.json       |  36 +++++---
 src/locales/ja-JP.json       |  36 +++++---
 src/locales/kaa.json         |  36 +++++---
 src/locales/kab-KAB.json     |  36 +++++---
 src/locales/kk-KZ.json       |  36 +++++---
 src/locales/km-KH.json       |  36 +++++---
 src/locales/ko-KR.json       |  58 ++++++++-----
 src/locales/ku-TR.json       |  36 +++++---
 src/locales/lt-LT.json       |  36 +++++---
 src/locales/lv-LV.json       |  36 +++++---
 src/locales/mr-IN.json       |  82 ++++++++++--------
 src/locales/my-MM.json       |  36 +++++---
 src/locales/nb-NO.json       |  36 +++++---
 src/locales/nl-NL.json       |  36 +++++---
 src/locales/nn-NO.json       |  36 +++++---
 src/locales/oc-FR.json       |  36 +++++---
 src/locales/pa-IN.json       | 114 ++++++++++++++-----------
 src/locales/percentages.json | 100 +++++++++++-----------
 src/locales/pl-PL.json       | 158 +++++++++++++++++++----------------
 src/locales/pt-BR.json       |  36 +++++---
 src/locales/pt-PT.json       |  36 +++++---
 src/locales/ro-RO.json       |  36 +++++---
 src/locales/ru-RU.json       |  36 +++++---
 src/locales/si-LK.json       |  36 +++++---
 src/locales/sk-SK.json       |  36 +++++---
 src/locales/sl-SI.json       |  36 +++++---
 src/locales/sv-SE.json       |  36 +++++---
 src/locales/ta-IN.json       |  36 +++++---
 src/locales/th-TH.json       |  36 +++++---
 src/locales/tr-TR.json       |  36 +++++---
 src/locales/uk-UA.json       |  66 +++++++++------
 src/locales/vi-VN.json       |  36 +++++---
 src/locales/zh-CN.json       |  36 +++++---
 src/locales/zh-HK.json       |  36 +++++---
 src/locales/zh-TW.json       |  36 +++++---
 53 files changed, 1574 insertions(+), 742 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index c02cd1899..9f8b11f4b 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "مثلث",
     "fontSize": "حجم الخط",
     "fontFamily": "نوع الخط",
-    "onlySelected": "المحدد فقط",
-    "withBackground": "الخلفية",
-    "exportEmbedScene": "تضمين المشهد",
-    "exportEmbedScene_details": "سيتم حفظ بيانات المشهد في ملف PNG/SVG المصدّر بحيث يمكن استعادة المشهد منه.\nسيزيد حجم الملف المصدر.",
     "addWatermark": "إضافة \"مصنوعة بواسطة Excalidraw\"",
     "handDrawn": "رسم باليد",
     "normal": "عادي",
@@ -100,7 +96,6 @@
     "flipHorizontal": "قلب عامودي",
     "flipVertical": "قلب أفقي",
     "viewMode": "نمط العرض",
-    "toggleExportColorScheme": "تبديل نظام ألوان الصادرات",
     "share": "مشاركة",
     "showStroke": "إظهار منتقي لون الخط",
     "showBackground": "إظهار منتقي لون الخلفية",
@@ -128,7 +123,8 @@
       "unlockAll": "فتح الكل"
     },
     "statusPublished": "نُشر",
-    "sidebarLock": "إبقاء الشريط الجانبي مفتوح"
+    "sidebarLock": "إبقاء الشريط الجانبي مفتوح",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "لا توجد عناصر أضيفت بعد...",
@@ -140,11 +136,7 @@
     "exportJSON": "صدر الملف",
     "exportImage": "تصدير الصورة...",
     "export": "حفظ إلى...",
-    "exportToPng": "تصدير بصيغة PNG",
-    "exportToSvg": "تصدير بصيغة SVG",
     "copyToClipboard": "نسخ إلى الحافظة",
-    "copyPngToClipboard": "نسخ الـ PNG إلى الحافظة",
-    "scale": "مقاس",
     "save": "احفظ للملف الحالي",
     "saveAs": "حفظ كـ",
     "load": "فتح",
@@ -363,6 +355,30 @@
     "resetLibrary": "إعادة ضبط المكتبة",
     "removeItemsFromLib": "إزالة العناصر المحددة من المكتبة"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "رسوماتك مشفرة من النهاية إلى النهاية حتى أن خوادم Excalidraw لن تراها أبدا.",
     "link": "مشاركة المدونة في التشفير من النهاية إلى النهاية في Excalidraw"
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index 724a5dcf1..a7b2d3493 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Триъгълник",
     "fontSize": "Размер на шрифта",
     "fontFamily": "Семейство шрифтове",
-    "onlySelected": "Само избраното",
-    "withBackground": "Фон",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "Данните от сцената ще бъдат екпортирани в PNG/SVG файл, за да може сцената да бъде възстановена от него.\nТова ще увеличи размера на файла.",
     "addWatermark": "Добави \"Направено с Excalidraw\"",
     "handDrawn": "Нарисувано на ръка",
     "normal": "Нормален",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Хоризонтално обръщане",
     "flipVertical": "Вертикално обръщане",
     "viewMode": "Изглед",
-    "toggleExportColorScheme": "",
     "share": "Сподели",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "Изнасяне в PNG",
-    "exportToSvg": "Изнасяне в SVG",
     "copyToClipboard": "Копиране в клипборда",
-    "copyPngToClipboard": "Копирай PNG в клипборда",
-    "scale": "Мащаб",
     "save": "",
     "saveAs": "Запиши като",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Вашите рисунки са криптирани от край до край, така че сървърите на Excalidraw няма да могат да ги виждат.",
     "link": ""
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index f7132f8e7..909712aa6 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "ত্রিভূজ",
     "fontSize": "লেখনীর মাত্রা",
     "fontFamily": "লেখনীর হরফ",
-    "onlySelected": "শুধুমাত্র সিলেক্টকৃত",
-    "withBackground": "পটভূমি সমেত",
-    "exportEmbedScene": "দৃশ্য",
-    "exportEmbedScene_details": "সিনের ডেটা এক্সপোর্টকৃত পীএনজী বা এসভীজী ফাইলের মধ্যে সেভ করা হবে যাতে করে পরবর্তী সময়ে আপনি এডিট করতে পারেন। তবে এতে ফাইলের সাইজ বাড়বে",
     "addWatermark": "এক্সক্যালিড্র দ্বারা প্রস্তুত",
     "handDrawn": "হাতে আঁকা",
     "normal": "স্বাভাবিক",
@@ -100,7 +96,6 @@
     "flipHorizontal": "অনুভূমিক আবর্তন",
     "flipVertical": "উলম্ব আবর্তন",
     "viewMode": "দৃশ্য",
-    "toggleExportColorScheme": "",
     "share": "ভাগ করুন",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": "সব বিচ্ছিন্ন করুন"
     },
     "statusPublished": "প্রকাশিত",
-    "sidebarLock": "লক"
+    "sidebarLock": "লক",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "সংগ্রহে কিছু যোগ করা হয়নি",
@@ -140,11 +136,7 @@
     "exportJSON": "জেসন নিবদ্ধ করুন",
     "exportImage": "",
     "export": "",
-    "exportToPng": "পীএনজী ছবির মতন নিবদ্ধ করুন",
-    "exportToSvg": "এসভীজী ছবির মতন নিবদ্ধ করুন",
     "copyToClipboard": "ক্লিপবোর্ডে কপি করুন",
-    "copyPngToClipboard": "পীএনজী ছবির মতন ক্লিপবোর্ডে কপি করুন",
-    "scale": "মাপ",
     "save": "জমা করুন",
     "saveAs": "অন্যভাবে জমা করুন",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index c6cb0051b..5691eaf69 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triangle",
     "fontSize": "Mida de lletra",
     "fontFamily": "Tipus de lletra",
-    "onlySelected": "Només seleccionats",
-    "withBackground": "Fons",
-    "exportEmbedScene": "Insereix l'escena",
-    "exportEmbedScene_details": "Les dades de l’escena es desaran al fitxer PNG/SVG de manera que es pugui restaurar l’escena.\nAugmentarà la mida del fitxer exportat.",
     "addWatermark": "Afegeix-hi «Fet amb Excalidraw»",
     "handDrawn": "Dibuixat a mà",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Capgira horitzontalment",
     "flipVertical": "Capgira verticalment",
     "viewMode": "Mode de visualització",
-    "toggleExportColorScheme": "Canvia l'esquema de colors de l'exportació",
     "share": "Comparteix",
     "showStroke": "Mostra el selector de color del traç",
     "showBackground": "Mostra el selector de color de fons",
@@ -128,7 +123,8 @@
       "unlockAll": "Desbloca-ho tot"
     },
     "statusPublished": "Publicat",
-    "sidebarLock": "Manté la barra lateral oberta"
+    "sidebarLock": "Manté la barra lateral oberta",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Encara no s'hi han afegit elements...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exporta a un fitxer",
     "exportImage": "Exporta la imatge...",
     "export": "Guardar a...",
-    "exportToPng": "Exporta a PNG",
-    "exportToSvg": "Exporta a SNG",
     "copyToClipboard": "Copia al porta-retalls",
-    "copyPngToClipboard": "Copia el PNG al porta-retalls",
-    "scale": "Escala",
     "save": "Desa al fitxer actual",
     "saveAs": "Anomena i desa",
     "load": "Obrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Restableix la biblioteca",
     "removeItemsFromLib": "Suprimeix els elements seleccionats de la llibreria"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Els vostres dibuixos estan xifrats de punta a punta de manera que els servidors d’Excalidraw no els veuran mai.",
     "link": "Article del blog sobre encriptació d'extrem a extrem a Excalidraw"
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 1b80b7453..bafa25374 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trojúhelník",
     "fontSize": "Velikost písma",
     "fontFamily": "Písmo",
-    "onlySelected": "Pouze vybrané",
-    "withBackground": "Pozadí",
-    "exportEmbedScene": "Vložit scénu",
-    "exportEmbedScene_details": "Data scény budou uložena do exportovaného souboru PNG/SVG tak, aby z něj mohla být scéna obnovena.\nZvýší se velikost exportovaného souboru.",
     "addWatermark": "Přidat \"Vyrobeno s Excalidraw\"",
     "handDrawn": "Od ruky",
     "normal": "Normální",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Převrátit vodorovně",
     "flipVertical": "Převrátit svisle",
     "viewMode": "Náhled",
-    "toggleExportColorScheme": "Přepnout exportování barevného schématu",
     "share": "Sdílet",
     "showStroke": "Zobrazit výběr barvy",
     "showBackground": "Zobrazit výběr barev pozadí",
@@ -128,7 +123,8 @@
       "unlockAll": "Odemknout vše"
     },
     "statusPublished": "Zveřejněno",
-    "sidebarLock": "Ponechat postranní panel otevřený"
+    "sidebarLock": "Ponechat postranní panel otevřený",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Dosud neexistují žádné položky...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportovat do souboru",
     "exportImage": "Exportovat obrázek...",
     "export": "Uložit jako...",
-    "exportToPng": "Exportovat do PNG",
-    "exportToSvg": "Exportovat do SVG",
     "copyToClipboard": "Kopírovat do schránky",
-    "copyPngToClipboard": "Kopírovat PNG do schránky",
-    "scale": "Měřítko",
     "save": "Uložit do aktuálního souboru",
     "saveAs": "Uložit jako",
     "load": "Otevřít",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index c4ed43571..60144da9a 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trekant",
     "fontSize": "Skriftstørrelse",
     "fontFamily": "Skrifttypefamilie",
-    "onlySelected": "Kun valgte",
-    "withBackground": "Baggrund",
-    "exportEmbedScene": "Indlejr scene",
-    "exportEmbedScene_details": "Scene data vil blive gemt i den eksporterede PNG/SVG-fil, så scenen kan gendannes fra den.\nDette vil øge den eksporterede filstørrelse.",
     "addWatermark": "Tilføj \"Lavet med Excalidraw\"",
     "handDrawn": "Hånd-tegnet",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "",
     "flipVertical": "",
     "viewMode": "",
-    "toggleExportColorScheme": "",
     "share": "Del",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
     "copyToClipboard": "Kopier til klippebord",
-    "copyPngToClipboard": "Kopier PNG til klippebord",
-    "scale": "",
     "save": "",
     "saveAs": "Gem som",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index 44a748c4d..6832b3aa5 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Dreieck",
     "fontSize": "Schriftgröße",
     "fontFamily": "Schriftfamilie",
-    "onlySelected": "Nur ausgewählte",
-    "withBackground": "Hintergrund",
-    "exportEmbedScene": "Szene einbetten",
-    "exportEmbedScene_details": "Die Zeichnungsdaten werden in der exportierten PNG/SVG-Datei gespeichert, sodass das Dokument später weiter bearbeitet werden kann. \nDieses wird die exportierte Datei vergrößern.",
     "addWatermark": "\"Made with Excalidraw\" hinzufügen",
     "handDrawn": "Handgezeichnet",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Horizontal spiegeln",
     "flipVertical": "Vertikal spiegeln",
     "viewMode": "Ansichtsmodus",
-    "toggleExportColorScheme": "Farbschema für Export umschalten",
     "share": "Teilen",
     "showStroke": "Auswahl für Strichfarbe anzeigen",
     "showBackground": "Hintergrundfarbe auswählen",
@@ -128,7 +123,8 @@
       "unlockAll": "Alle entsperren"
     },
     "statusPublished": "Veröffentlicht",
-    "sidebarLock": "Seitenleiste offen lassen"
+    "sidebarLock": "Seitenleiste offen lassen",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Noch keine Elemente hinzugefügt...",
@@ -140,11 +136,7 @@
     "exportJSON": "In Datei exportieren",
     "exportImage": "Exportiere Bild...",
     "export": "Speichern als...",
-    "exportToPng": "Als PNG exportieren",
-    "exportToSvg": "Als SVG exportieren",
     "copyToClipboard": "In Zwischenablage kopieren",
-    "copyPngToClipboard": "PNG in die Zwischenablage kopieren",
-    "scale": "Skalierung",
     "save": "In aktueller Datei speichern",
     "saveAs": "Speichern unter",
     "load": "Öffnen",
@@ -363,6 +355,30 @@
     "resetLibrary": "Bibliothek zurücksetzen",
     "removeItemsFromLib": "Ausgewählte Elemente aus der Bibliothek entfernen"
   },
+  "imageExportDialog": {
+    "header": "Bild exportieren",
+    "label": {
+      "withBackground": "Hintergrund",
+      "onlySelected": "Nur ausgewählte",
+      "darkMode": "Dunkler Modus",
+      "embedScene": "Szene einbetten",
+      "scale": "Skalierung",
+      "padding": "Abstand"
+    },
+    "tooltip": {
+      "embedScene": "Die Zeichnungsdaten werden in der exportierten PNG/SVG-Datei gespeichert, sodass das Dokument später weiter bearbeitet werden kann. \nDieses wird die exportierte Datei vergrößern."
+    },
+    "title": {
+      "exportToPng": "Als PNG exportieren",
+      "exportToSvg": "Als SVG exportieren",
+      "copyPngToClipboard": "PNG in die Zwischenablage kopieren"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "In Zwischenablage kopieren"
+    }
+  },
   "encrypted": {
     "tooltip": "Da deine Zeichnungen Ende-zu-Ende verschlüsselt werden, sehen auch unsere Excalidraw-Server sie niemals.",
     "link": "Blogbeitrag über Ende-zu-Ende-Verschlüsselung in Excalidraw"
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index 638254cd0..a61ff77f6 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Τρίγωνο",
     "fontSize": "Μέγεθος γραμματοσειράς",
     "fontFamily": "Γραμματοσειρά",
-    "onlySelected": "Μόνο τα Επιλεγμένα",
-    "withBackground": "Φόντο",
-    "exportEmbedScene": "Ενσωμάτωση σκηνής",
-    "exportEmbedScene_details": "Τα δεδομένα σκηνής θα αποθηκευτούν στο αρχείο PNG/SVG προς εξαγωγή ώστε η σκηνή να είναι δυνατό να αποκατασταθεί από αυτό.\nΘα αυξήσει το μέγεθος του αρχείου προς εξαγωγή.",
     "addWatermark": "Προσθήκη \"Φτιαγμένο με Excalidraw\"",
     "handDrawn": "Σχεδιασμένο στο χέρι",
     "normal": "Κανονική",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Οριζόντια αναστροφή",
     "flipVertical": "Κατακόρυφη αναστροφή",
     "viewMode": "Λειτουργία προβολής",
-    "toggleExportColorScheme": "Εναλλαγή εξαγωγής θέματος χρωμάτων",
     "share": "Κοινοποίηση",
     "showStroke": "Εμφάνιση επιλογέα χρωμάτων πινελιάς",
     "showBackground": "Εμφάνιση επιλογέα χρώματος φόντου",
@@ -128,7 +123,8 @@
       "unlockAll": "Ξεκλείδωμα όλων"
     },
     "statusPublished": "Δημοσιευμένο",
-    "sidebarLock": "Κρατήστε την πλαϊνή μπάρα ανοιχτή"
+    "sidebarLock": "Κρατήστε την πλαϊνή μπάρα ανοιχτή",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Δεν έχουν προστεθεί αντικείμενα ακόμη...",
@@ -140,11 +136,7 @@
     "exportJSON": "Εξαγωγή σε αρχείο",
     "exportImage": "Εξαγωγή εικόνας...",
     "export": "Αποθήκευση ως...",
-    "exportToPng": "Εξαγωγή σε PNG",
-    "exportToSvg": "Εξαγωγή σε SVG",
     "copyToClipboard": "Αντιγραφή στο πρόχειρο",
-    "copyPngToClipboard": "Αντιγραφή PNG στο πρόχειρο",
-    "scale": "Κλίμακα",
     "save": "Αποθήκευση στο τρέχον αρχείο",
     "saveAs": "Αποθήκευση ως",
     "load": "Άνοιγμα",
@@ -363,6 +355,30 @@
     "resetLibrary": "Καθαρισμός βιβλιοθήκης",
     "removeItemsFromLib": "Αφαίρεση επιλεγμένων αντικειμένων από τη βιβλιοθήκη"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Τα σχέδιά σου είναι κρυπτογραφημένα από άκρο σε άκρο, έτσι δεν θα είναι ποτέ ορατά μέσα από τους διακομιστές του Excalidraw.",
     "link": "Blog post στην κρυπτογράφηση end-to-end στο Excalidraw"
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index bf6a80c3e..f6b7ccc83 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triángulo",
     "fontSize": "Tamaño de la fuente",
     "fontFamily": "Tipo de fuente",
-    "onlySelected": "Sólo seleccionados",
-    "withBackground": "Fondo",
-    "exportEmbedScene": "Incrustar escena",
-    "exportEmbedScene_details": "Los datos de escena se guardarán en el archivo PNG/SVG exportado, así la escena puede ser restaurada de la misma.\nEsto aumentará el tamaño del archivo exportado.",
     "addWatermark": "Agregar \"Hecho con Excalidraw\"",
     "handDrawn": "Dibujado a mano",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Girar horizontalmente",
     "flipVertical": "Girar verticalmente",
     "viewMode": "Modo presentación",
-    "toggleExportColorScheme": "Alternar el esquema de color de exportación",
     "share": "Compartir",
     "showStroke": "Mostrar selector de color de trazo",
     "showBackground": "Mostrar el selector de color de fondo",
@@ -128,7 +123,8 @@
       "unlockAll": "Desbloquear todo"
     },
     "statusPublished": "Publicado",
-    "sidebarLock": "Mantener barra lateral abierta"
+    "sidebarLock": "Mantener barra lateral abierta",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "No hay elementos añadidos todavía...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportar a archivo",
     "exportImage": "Exportar imagen...",
     "export": "Guardar en...",
-    "exportToPng": "Exportar a PNG",
-    "exportToSvg": "Exportar a SVG",
     "copyToClipboard": "Copiar al portapapeles",
-    "copyPngToClipboard": "Copiar PNG al portapapeles",
-    "scale": "Escalar",
     "save": "Guardar en archivo actual",
     "saveAs": "Guardar como",
     "load": "Abrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Reiniciar biblioteca",
     "removeItemsFromLib": "Eliminar elementos seleccionados de la biblioteca"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Tus dibujos están cifrados de punto a punto, por lo que los servidores de Excalidraw nunca los verán.",
     "link": "Entrada en el blog sobre cifrado de extremo a extremo"
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 379fb89bc..4999cc788 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Hirukia",
     "fontSize": "Letra-tamaina",
     "fontFamily": "Letra-tipoa",
-    "onlySelected": "Hautapena soilik",
-    "withBackground": "Atzeko planoa",
-    "exportEmbedScene": "Txertatu eszena",
-    "exportEmbedScene_details": "Eszenaren datuak esportatutako PNG/SVG fitxategian gordeko dira, eszena bertatik berrezartzeko.\nEsportatutako fitxategien tamaina handituko da.",
     "addWatermark": "Gehitu \"Excalidraw bidez egina\"",
     "handDrawn": "Eskuz marraztua",
     "normal": "Normala",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Irauli horizontalki",
     "flipVertical": "Irauli bertikalki",
     "viewMode": "Ikuspegia",
-    "toggleExportColorScheme": "Aldatu esportatzeko kolorearen eszena",
     "share": "Partekatu",
     "showStroke": "Erakutsi marraren kolore-hautatzailea",
     "showBackground": "Erakutsi atzeko planoaren kolore-hautatzailea",
@@ -128,7 +123,8 @@
       "unlockAll": "Desblokeatu guztiak"
     },
     "statusPublished": "Argitaratua",
-    "sidebarLock": "Mantendu alboko barra irekita"
+    "sidebarLock": "Mantendu alboko barra irekita",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Oraindik ez da elementurik gehitu...",
@@ -140,11 +136,7 @@
     "exportJSON": "Esportatu fitxategira",
     "exportImage": "Esportatu irudia...",
     "export": "Gorde hemen...",
-    "exportToPng": "Esportatu PNG gisa",
-    "exportToSvg": "Esportatu SVG gisa",
     "copyToClipboard": "Kopiatu arbelera",
-    "copyPngToClipboard": "Kopiatu PNG arbelera",
-    "scale": "Eskala",
     "save": "Gorde uneko fitxategian",
     "saveAs": "Gorde honela",
     "load": "Ireki",
@@ -363,6 +355,30 @@
     "resetLibrary": "Leheneratu liburutegia",
     "removeItemsFromLib": "Kendu hautatutako elementuak liburutegitik"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Zure marrazkiak muturretik muturrera enkriptatu dira, beraz Excalidraw-ren zerbitzariek ezingo dituzte ikusi.",
     "link": "Excalidraw-ren muturretik muturrerako enkriptatzearen gaineko mezua blogean"
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index 4f9ae9858..c2eb68822 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "مثلث",
     "fontSize": "اندازه قلم",
     "fontFamily": "نوع قلم",
-    "onlySelected": "فقط انتخاب شده ها",
-    "withBackground": "پس زمینه",
-    "exportEmbedScene": "تعبیه صحنه",
-    "exportEmbedScene_details": "متحوای صحنه به فایل خروجی SVG/PNG اضافه خواهد شد برای بازیابی صحنه به آن اضافه خواهد شد.\nباعث افزایش حجم فایل خروجی میشود.",
     "addWatermark": "\"ساخته شده با Excalidraw\" را اضافه کن",
     "handDrawn": "دست نویس",
     "normal": "عادی",
@@ -100,7 +96,6 @@
     "flipHorizontal": "چرخش افقی",
     "flipVertical": "چرخش عمودی",
     "viewMode": "حالت نمایش",
-    "toggleExportColorScheme": "تغییر طرح خروجی رنگ",
     "share": "اشتراک‌گذاری",
     "showStroke": "نمایش انتخاب کننده رنگ حاشیه",
     "showBackground": "نمایش انتخاب کننده رنگ پس زمینه",
@@ -128,7 +123,8 @@
       "unlockAll": "باز کردن قفل همه"
     },
     "statusPublished": "منتشر شده",
-    "sidebarLock": "باز نگه داشتن سایدبار"
+    "sidebarLock": "باز نگه داشتن سایدبار",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "آیتمی به اینجا اضافه نشده...",
@@ -140,11 +136,7 @@
     "exportJSON": "خروجی در فایل",
     "exportImage": "خروجی گرفتن از تصویر...",
     "export": "ذخیره در...",
-    "exportToPng": "تبدیل به PNG",
-    "exportToSvg": "تبدیل به SVG",
     "copyToClipboard": "کپی در حافظه موقت",
-    "copyPngToClipboard": "کپی PNG در حافظه موقت",
-    "scale": "مقیاس",
     "save": "ذخیره در همین فایل",
     "saveAs": "ذخیره با نام",
     "load": "باز کردن",
@@ -363,6 +355,30 @@
     "resetLibrary": "تنظیم مجدد کتابخانه",
     "removeItemsFromLib": "موارد انتخاب شده از موارد پسندیده حذف شوند"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "شما در یک محیط رمزگزاری شده دو طرفه در حال طراحی هستید پس Excalidraw هرگز طرح های شما را نمیبند.",
     "link": "پست وبلاگ در مورد رمزگذاری سرتاسر در Excalidraw"
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index a7a354dcd..ccda70751 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Kolmio",
     "fontSize": "Kirjasinkoko",
     "fontFamily": "Kirjasintyyppi",
-    "onlySelected": "Vain valitut",
-    "withBackground": "Taustalla",
-    "exportEmbedScene": "Upota työ",
-    "exportEmbedScene_details": "Teoksen tiedot tallennetaan PNG/SVG-tiedostoon, jolloin teoksen voi palauttaa siitä. Kasvattaa tallennetun tiedoston kokoa.",
     "addWatermark": "Lisää \"Tehty Excalidrawilla\"",
     "handDrawn": "Käsinpiirretty",
     "normal": "Tavallinen",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Käännä vaakasuunnassa",
     "flipVertical": "Käännä pystysuunnassa",
     "viewMode": "Katselutila",
-    "toggleExportColorScheme": "Vaihda viennin väriteema",
     "share": "Jaa",
     "showStroke": "Näytä viivan värin valitsin",
     "showBackground": "Näytä taustavärin valitsin",
@@ -128,7 +123,8 @@
       "unlockAll": "Poista lukitus kaikista"
     },
     "statusPublished": "Julkaistu",
-    "sidebarLock": "Pidä sivupalkki avoinna"
+    "sidebarLock": "Pidä sivupalkki avoinna",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Kirjastossa ei ole vielä yhtään kohdetta...",
@@ -140,11 +136,7 @@
     "exportJSON": "Vie tiedostoon",
     "exportImage": "Vie kuva...",
     "export": "Tallenna nimellä...",
-    "exportToPng": "Vie PNG-tiedostona",
-    "exportToSvg": "Vie SVG-tiedostona",
     "copyToClipboard": "Kopioi leikepöydälle",
-    "copyPngToClipboard": "Kopioi PNG-tiedosto leikepöydälle",
-    "scale": "Koko",
     "save": "Tallenna nykyiseen tiedostoon",
     "saveAs": "Tallenna nimellä",
     "load": "Avaa",
@@ -363,6 +355,30 @@
     "resetLibrary": "Tyhjennä kirjasto",
     "removeItemsFromLib": "Poista valitut kohteet kirjastosta"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Piirroksesi ovat päästä-päähän-salattuja, joten Excalidrawin palvelimet eivät koskaan näe niitä.",
     "link": "Blogiartikkeli päästä päähän -salauksesta Excalidraw:ssa"
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 93a761afd..baa33d590 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triangle",
     "fontSize": "Taille de la police",
     "fontFamily": "Police",
-    "onlySelected": "Uniquement la sélection",
-    "withBackground": "Arrière-plan",
-    "exportEmbedScene": "Intégrer la scène",
-    "exportEmbedScene_details": "Les données de scène seront enregistrées dans le fichier PNG/SVG exporté, afin que la scène puisse être restaurée à partir de celui-ci.\nCela augmentera la taille du fichier exporté.",
     "addWatermark": "Ajouter \"Réalisé avec Excalidraw\"",
     "handDrawn": "À main levée",
     "normal": "Normale",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Retourner horizontalement",
     "flipVertical": "Retourner verticalement",
     "viewMode": "Mode présentation",
-    "toggleExportColorScheme": "Activer/Désactiver l'export du thème de couleur",
     "share": "Partager",
     "showStroke": "Afficher le sélecteur de couleur de trait",
     "showBackground": "Afficher le sélecteur de couleur de fond",
@@ -128,7 +123,8 @@
       "unlockAll": "Tout déverrouiller"
     },
     "statusPublished": "Publié",
-    "sidebarLock": "Maintenir la barre latérale ouverte"
+    "sidebarLock": "Maintenir la barre latérale ouverte",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Aucun élément n'a encore été ajouté ...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exporter comme fichier",
     "exportImage": "Exporter l'image...",
     "export": "Enregistrer sous...",
-    "exportToPng": "Enregistrer en PNG",
-    "exportToSvg": "Enregistrer en SVG",
     "copyToClipboard": "Copier dans le presse-papier",
-    "copyPngToClipboard": "Copier le PNG dans le presse-papier",
-    "scale": "Échelle",
     "save": "Enregistrer dans le fichier actuel",
     "saveAs": "Enregistrer sous",
     "load": "Ouvrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Réinitialiser la bibliothèque",
     "removeItemsFromLib": "Enlever les éléments sélectionnés de la bibliothèque"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Vos dessins sont chiffrés de bout en bout, les serveurs d'Excalidraw ne les verront jamais.",
     "link": "Article de blog sur le chiffrement de bout en bout dans Excalidraw"
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 7938f7aed..99ecaeb57 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triángulo",
     "fontSize": "Tamaño da fonte",
     "fontFamily": "Tipo de fonte",
-    "onlySelected": "Só seleccionados",
-    "withBackground": "Fondo",
-    "exportEmbedScene": "Inserir escena",
-    "exportEmbedScene_details": "Os datos da escena serán gardados no ficheiro PNG/SVG exportado polo que a escena poderá ser restaurada dende el. Isto aumentará o tamaño do ficheiro exportado.",
     "addWatermark": "Engadir \"Feito con Excalidraw\"",
     "handDrawn": "Debuxado a man",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Virar horizontalmente",
     "flipVertical": "Virar verticalmente",
     "viewMode": "Modo de visualización",
-    "toggleExportColorScheme": "Alternar esquema de cores de exportación",
     "share": "Compartir",
     "showStroke": "Mostrar selector de cores do trazo",
     "showBackground": "Mostrar selector de cores do fondo",
@@ -128,7 +123,8 @@
       "unlockAll": "Desbloquear todo"
     },
     "statusPublished": "Publicado",
-    "sidebarLock": "Manter a barra lateral aberta"
+    "sidebarLock": "Manter a barra lateral aberta",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Aínda non hai elementos engadidos...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportar a arquivo",
     "exportImage": "Exportar imaxe...",
     "export": "Gardar en...",
-    "exportToPng": "Exportar a PNG",
-    "exportToSvg": "Exportar a SVG",
     "copyToClipboard": "Copiar ao portapapeis",
-    "copyPngToClipboard": "Copiar PNG ao portapapeis",
-    "scale": "Escala",
     "save": "Gardar no ficheiro actual",
     "saveAs": "Gardar como",
     "load": "Abrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Restablecer biblioteca",
     "removeItemsFromLib": "Eliminar os elementos seleccionados da biblioteca"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Os teus debuxos están cifrados de punto a punto, polo que os servidores de Excalidraw nunca os verán.",
     "link": "Entrada do blog acerca do cifrado de punto a punto en Excalidraw"
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 813131eaf..57d5c7582 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "משולש",
     "fontSize": "גודל גופן",
     "fontFamily": "גופן",
-    "onlySelected": "רק מה שנבחר",
-    "withBackground": "רקע",
-    "exportEmbedScene": "הטמעה של מידע הסצנה",
-    "exportEmbedScene_details": "הייצוא יבוצע לקובץ מסוג PNG/SVG כדי שהמידע על הסצנה ישמר בו וניתן יהיה לבצע שחזור ממנו.\nיגדיל את גודל הקובץ של הייצוא.",
     "addWatermark": "הוסף \"נוצר באמצעות Excalidraw\"",
     "handDrawn": "ציור יד",
     "normal": "רגיל",
@@ -100,7 +96,6 @@
     "flipHorizontal": "הפוך אופקית",
     "flipVertical": "הפוך אנכית",
     "viewMode": "מצב תצוגה",
-    "toggleExportColorScheme": "מתג ערכת צבעים לייצוא",
     "share": "שתף",
     "showStroke": "הצג בוחר צבע מברשת",
     "showBackground": "הצג בוחר צבע רקע",
@@ -128,7 +123,8 @@
       "unlockAll": "שחרור הכול"
     },
     "statusPublished": "פורסם",
-    "sidebarLock": "שמור את סרגל הצד פתוח"
+    "sidebarLock": "שמור את סרגל הצד פתוח",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "עוד לא הוספת דברים...",
@@ -140,11 +136,7 @@
     "exportJSON": "ייצא לקובץ",
     "exportImage": "ייצוא התמונה...",
     "export": "שמור ל...",
-    "exportToPng": "יצא ל PNG",
-    "exportToSvg": "יצא ל SVG",
     "copyToClipboard": "העתק ללוח",
-    "copyPngToClipboard": "העתק PNG ללוח",
-    "scale": "קנה מידה",
     "save": "שמור לקובץ נוכחי",
     "saveAs": "שמירה בשם",
     "load": "פתח",
@@ -363,6 +355,30 @@
     "resetLibrary": "איפוס ספריה",
     "removeItemsFromLib": "הסר את הפריטים הנבחרים מהספריה"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "הציורים שלך מוצפנים מקצה לקצה כך שהשרתים של Excalidraw לא יראו אותם לעולם.",
     "link": "פוסט בבלוג על הצפנה מקצה לקצב ב-Excalidraw"
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 0a4f47d92..49f7ca702 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "त्रिकोण",
     "fontSize": "फ़ॉन्ट का आकार",
     "fontFamily": "फ़ॉन्ट का परिवार",
-    "onlySelected": "केवल चयनित",
-    "withBackground": "पृष्ठभूमि",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "निर्यात एम्बेड दृश्य विवरण",
     "addWatermark": "ऐड \"मेड विथ एक्सकैलिडराव\"",
     "handDrawn": "हाथ से बनाया हुआ",
     "normal": "साधारण",
@@ -100,7 +96,6 @@
     "flipHorizontal": "दायें बायें पलटे",
     "flipVertical": "ऊपर नीचे पलटे",
     "viewMode": "अलग अलग देखें",
-    "toggleExportColorScheme": "",
     "share": "शेयर करें",
     "showStroke": "",
     "showBackground": "पृष्ठभूमि रंग वरक़ दिखाये",
@@ -128,7 +123,8 @@
       "unlockAll": "सब ताले के बाहर निकाले"
     },
     "statusPublished": "प्रकाशित",
-    "sidebarLock": "साइडबार खुला रखे."
+    "sidebarLock": "साइडबार खुला रखे.",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "अभी तक कोई आइटम जोडा नहीं गया.",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "प्रतिमा निर्यात करे...",
     "export": "यंहा सुरक्षित करे...",
-    "exportToPng": "पीएनजी के रूप में निर्यात करे",
-    "exportToSvg": "Svg के रूप में निर्यात करे",
     "copyToClipboard": "क्लिपबोर्ड पर प्रतिलिपि बनाएँ",
-    "copyPngToClipboard": "क्लिपबोर्ड पर कॉपी करें,पीएनजी के रूप में",
-    "scale": "पैमाना",
     "save": "",
     "saveAs": "सेव करे इस तरह",
     "load": "खोलें",
@@ -208,10 +200,10 @@
     "collabSaveFailed": "किसी कारण वश अंदरूनी डेटाबेस में सहेजा नहीं जा सका। यदि समस्या बनी रहती है, तो किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
     "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "लगता है कि आप Brave ब्राउज़र का उपयोग कर रहे और साथ में <bold>आक्रामक उँगलियो के छाप </bold> का चयन किया हुवा है",
+      "line2": "यह आपके चित्रों के <bold>पाठ तत्वों</bold>को खंडित कर सकता हैं",
+      "line3": "हमें आपसे ठोस आग्रह है की आप सेट्टिंग में इस विकल्प का चयन ना करे.<link> इस अनुक्रम </link> का पालन करके इसका पता लगा सकते हैं",
+      "line4": "यदि इस सेटिंग्स को अक्षम करने पर भी पृष्ठ ठीक नहीं दिखता हो तो, हमारे GitHub पर एक <issueLink>मुद्दा प्रस्तुत</issueLink> करे, या हमें <discordLink>डिस्कोर्ड</discordLink> पर लिखित सम्पर्क करें"
     }
   },
   "toolBar": {
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "आपके चित्र अंत-से-अंत एन्क्रिप्टेड हैं, इसलिए एक्सक्लूसिव्रॉव के सर्वर उन्हें कभी नहीं देखेंगे।",
     "link": ""
@@ -395,20 +411,20 @@
   },
   "colors": {
     "transparent": "",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "काला",
+    "white": "सफ़ेद",
+    "red": "लाल",
+    "pink": "गुलाबी",
+    "grape": "अंगूरी",
+    "violet": "जामुनी",
+    "gray": "गहरा",
+    "blue": "नीला",
+    "cyan": "आसमानी",
+    "teal": "हरा-नीला",
+    "green": "हरा",
+    "yellow": "पीला",
+    "orange": "नारंगी",
+    "bronze": "कांस्य"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +440,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "अधिकांश उपयोगित रंग",
+    "colors": "रंग",
+    "shades": "छाया",
+    "hexCode": "हेक्स कोड",
+    "noShades": "इस रंग की कोई छाया उपलब्ध नहीं हैं"
   }
 }
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 3a4cf1d5a..7eeb02b43 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Háromszög",
     "fontSize": "Betűméret",
     "fontFamily": "Betűkészlet család",
-    "onlySelected": "Csak a kijelölt",
-    "withBackground": "Háttér",
-    "exportEmbedScene": "Jelenet beágyazása",
-    "exportEmbedScene_details": "A jelenetet leíró adatok hozzá lesznek adva a PNG/SVG fájlhoz, így a jelenetet vissza lehet majd tölteni belőle. Ez megnöveli a fájl méretét.",
     "addWatermark": "Add hozzá, hogy \"Excalidraw-val készült\"",
     "handDrawn": "Kézzel rajzolt",
     "normal": "Normál",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Vízszintes tükrözés",
     "flipVertical": "Függőleges tükrözés",
     "viewMode": "Nézet",
-    "toggleExportColorScheme": "Exportált színséma váltása",
     "share": "Megosztás",
     "showStroke": "Körvonal színválasztó megjelenítése",
     "showBackground": "Háttérszín-választó megjelenítése",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportálás fájlba",
     "exportImage": "",
     "export": "",
-    "exportToPng": "Exportálás PNG-be",
-    "exportToSvg": "Exportálás SVG-be",
     "copyToClipboard": "Vágólapra másolás",
-    "copyPngToClipboard": "PNG másolása a vágólapra",
-    "scale": "Nagyítás",
     "save": "Mentés az aktuális fájlba",
     "saveAs": "Mentés másként",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "Könyvtár alaphelyzetbe állítása",
     "removeItemsFromLib": "A kiválasztott elemek eltávolítása a könyvtárból"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "A rajzaidat végpontok közötti titkosítással tároljuk, tehát az Excalidraw szervereiről se tud más belenézni.",
     "link": "Blogbejegyzés a végpontok közötti titkosításról az Excalidraw-ban"
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 84abeef73..6087cf432 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Segitiga",
     "fontSize": "Ukuran font",
     "fontFamily": "Jenis font",
-    "onlySelected": "Hanya yang Dipilih",
-    "withBackground": "Latar",
-    "exportEmbedScene": "Sematkan pemandangan",
-    "exportEmbedScene_details": "Data pemandangan akan disimpan dalam file PNG/SVG yang diekspor, sehingga pemandangan itu dapat dipulihkan darinya.\nAkan membesarkan ukuran file yang diekspor.",
     "addWatermark": "Tambahkan \"Dibuat dengan Excalidraw\"",
     "handDrawn": "Tulisan tangan",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Balikkan horizontal",
     "flipVertical": "Balikkan vertikal",
     "viewMode": "Mode tampilan",
-    "toggleExportColorScheme": "Ubah skema warna ekspor",
     "share": "Bagikan",
     "showStroke": "Tampilkan garis pengambil warna",
     "showBackground": "Tampilkan latar pengambil warna",
@@ -128,7 +123,8 @@
       "unlockAll": "Lepas semua"
     },
     "statusPublished": "Telah terbit",
-    "sidebarLock": "Biarkan sidebar tetap terbuka"
+    "sidebarLock": "Biarkan sidebar tetap terbuka",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Belum ada item yang ditambahkan...",
@@ -140,11 +136,7 @@
     "exportJSON": "Ekspor ke file",
     "exportImage": "Ekspor gambar...",
     "export": "Simpan ke...",
-    "exportToPng": "Ekspor ke PNG",
-    "exportToSvg": "Ekspor ke SVG",
     "copyToClipboard": "Salin ke Papan Klip",
-    "copyPngToClipboard": "Salin PNG ke papan klip",
-    "scale": "Skala",
     "save": "Simpan ke file sekarang",
     "saveAs": "Simpan sebagai",
     "load": "Buka",
@@ -363,6 +355,30 @@
     "resetLibrary": "Reset pustaka",
     "removeItemsFromLib": "Hapus item yang dipilih dari pustaka"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Gambar anda terenkripsi end-to-end sehingga server Excalidraw tidak akan pernah dapat melihatnya.",
     "link": "Pos blog tentang enkripsi ujung ke ujung di Excalidraw"
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index 775cced8f..b998aa29b 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triangolo",
     "fontSize": "Dimensione carattere",
     "fontFamily": "Carattere",
-    "onlySelected": "Solo selezionati",
-    "withBackground": "Sfondo",
-    "exportEmbedScene": "Includi scena",
-    "exportEmbedScene_details": "I dati della scena saranno salvati nel file PNG/SVG esportato in modo che la scena possa essere ripristinata da esso.\nQuesto aumenterà la dimensione del file esportato.",
     "addWatermark": "Aggiungi \"Creato con Excalidraw\"",
     "handDrawn": "A mano libera",
     "normal": "Normale",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Capovolgi orizzontalmente",
     "flipVertical": "Capovolgi verticalmente",
     "viewMode": "Modalità visualizzazione",
-    "toggleExportColorScheme": "Cambia lo schema di colori in esportazione",
     "share": "Condividi",
     "showStroke": "Mostra selettore colore del tratto",
     "showBackground": "Mostra selettore colore di sfondo",
@@ -128,7 +123,8 @@
       "unlockAll": "Sblocca tutto"
     },
     "statusPublished": "Pubblicato",
-    "sidebarLock": "Mantieni aperta la barra laterale"
+    "sidebarLock": "Mantieni aperta la barra laterale",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Nessun elemento ancora aggiunto...",
@@ -140,11 +136,7 @@
     "exportJSON": "Esporta su file",
     "exportImage": "Esporta immagine...",
     "export": "Salva in...",
-    "exportToPng": "Esporta come PNG",
-    "exportToSvg": "Esporta come SVG",
     "copyToClipboard": "Copia negli appunti",
-    "copyPngToClipboard": "Copia PNG negli appunti",
-    "scale": "Scala",
     "save": "Salva sul file corrente",
     "saveAs": "Salva con nome",
     "load": "Apri",
@@ -363,6 +355,30 @@
     "resetLibrary": "Ripristina la libreria",
     "removeItemsFromLib": "Rimuovi gli elementi selezionati dalla libreria"
   },
+  "imageExportDialog": {
+    "header": "Esporta immagine",
+    "label": {
+      "withBackground": "Sfondo",
+      "onlySelected": "Solo selezionato",
+      "darkMode": "Tema scuro",
+      "embedScene": "",
+      "scale": "Scala",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "Esporta come PNG",
+      "exportToSvg": "Esporta come SVG",
+      "copyPngToClipboard": "Copia PNG negli appunti"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Copia negli appunti"
+    }
+  },
   "encrypted": {
     "tooltip": "I tuoi disegni sono crittografati end-to-end in modo che i server di Excalidraw non li possano mai vedere.",
     "link": "Articolo del blog sulla crittografia end-to-end di Excalidraw"
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index f11b4c5b3..faf0a6b41 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "三角",
     "fontSize": "フォントの大きさ",
     "fontFamily": "フォントの種類",
-    "onlySelected": "選択中のみ",
-    "withBackground": "背景",
-    "exportEmbedScene": "埋め込みシーン",
-    "exportEmbedScene_details": "シーンデータはエクスポートされたPNG/SVGファイルに保存され、シーンを復元することができます。\nエクスポートされたファイルのサイズは増加します。",
     "addWatermark": "\"Made with Excalidraw\"と表示",
     "handDrawn": "手描き風",
     "normal": "普通",
@@ -100,7 +96,6 @@
     "flipHorizontal": "水平方向に反転",
     "flipVertical": "垂直方向に反転",
     "viewMode": "閲覧モード",
-    "toggleExportColorScheme": "エクスポートカラースキームの切り替え",
     "share": "共有",
     "showStroke": "ストロークカラーピッカーを表示",
     "showBackground": "背景色ピッカーを表示",
@@ -128,7 +123,8 @@
       "unlockAll": "すべてのロックを解除"
     },
     "statusPublished": "公開済み",
-    "sidebarLock": "サイドバーを開いたままにする"
+    "sidebarLock": "サイドバーを開いたままにする",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "まだアイテムが追加されていません…",
@@ -140,11 +136,7 @@
     "exportJSON": "ファイルへエクスポート",
     "exportImage": "画像のエクスポート...",
     "export": "名前を付けて保存...",
-    "exportToPng": "PNG にエクスポート",
-    "exportToSvg": "SVG にエクスポート",
     "copyToClipboard": "クリップボードにコピー",
-    "copyPngToClipboard": "クリップボードにPNGをコピー",
-    "scale": "スケール",
     "save": "現在のファイルに保存",
     "saveAs": "名前を付けて保存",
     "load": "開く",
@@ -363,6 +355,30 @@
     "resetLibrary": "ライブラリをリセット",
     "removeItemsFromLib": "選択したアイテムをライブラリから削除"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "描画内容はエンドツーエンド暗号化が施されており、Excalidrawサーバーが内容を見ることはできません。",
     "link": "Excalidrawのエンドツーエンド暗号化に関するブログ記事"
diff --git a/src/locales/kaa.json b/src/locales/kaa.json
index cf1bce08d..f8beb6ab5 100644
--- a/src/locales/kaa.json
+++ b/src/locales/kaa.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "",
     "fontSize": "Shrift ólshemi",
     "fontFamily": "",
-    "onlySelected": "",
-    "withBackground": "",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
     "addWatermark": "",
     "handDrawn": "",
     "normal": "",
@@ -100,7 +96,6 @@
     "flipHorizontal": "",
     "flipVertical": "",
     "viewMode": "Kóriw rejimi",
-    "toggleExportColorScheme": "",
     "share": "Bólisiw",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": "Barlıǵın qulıptan shıǵarıw"
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
     "copyToClipboard": "Almasıw buferine kóshirip alındı",
-    "copyPngToClipboard": "",
-    "scale": "",
     "save": "",
     "saveAs": "",
     "load": "Ashıw",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 67db65014..3b5fddba6 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Akerdis",
     "fontSize": "Tiddi n tsefsit",
     "fontFamily": "Tawacult n tsefsiyin",
-    "onlySelected": "Tafrayt kan",
-    "withBackground": "Agilal",
-    "exportEmbedScene": "Sleɣ asayes",
-    "exportEmbedScene_details": "Asayes ad yettwasekles deg ufaylu n usifeḍ PNG/SVG akken akken ad yili wamek ara d-yettwarr seg-s usayes. Ayagi ad isimɣur tiddi n ufaylu n usifeḍ.",
     "addWatermark": "Seddu \"Yettwaxdem s Excalidraw\"",
     "handDrawn": "Asuneɣ s ufus",
     "normal": "Amagnu",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Tuttya taglawant",
     "flipVertical": "Tuttya tubdidt",
     "viewMode": "Askar n tmuɣli",
-    "toggleExportColorScheme": "Sermed/sens asifeḍ usentel n yini",
     "share": "Bḍu",
     "showStroke": "Beqqeḍ amelqaḍ n yini n yizirig",
     "showBackground": "Beqqeḍ amelqaḍ n yini n ugilal",
@@ -128,7 +123,8 @@
       "unlockAll": "Serreḥ akk"
     },
     "statusPublished": "Yeffeɣ-d",
-    "sidebarLock": "Eǧǧ afeggag n yidis yeldi"
+    "sidebarLock": "Eǧǧ afeggag n yidis yeldi",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Ulac iferdisen yettwarnan yakan...",
@@ -140,11 +136,7 @@
     "exportJSON": "Sifeḍ afaylu",
     "exportImage": "Sifeḍ tugna...",
     "export": "Sekles di...",
-    "exportToPng": "Sifeḍ ɣer PNG",
-    "exportToSvg": "Sifeḍ ɣer SVG",
     "copyToClipboard": "Nɣel ɣer tecfawit",
-    "copyPngToClipboard": "Nɣel PNG ɣer tecfawit",
-    "scale": "Taskala",
     "save": "Sekles deg ufaylu amiran",
     "saveAs": "Sekles am",
     "load": "Ldi",
@@ -363,6 +355,30 @@
     "resetLibrary": "Ales awennez n temkarḍit",
     "removeItemsFromLib": "Kkes iferdisen yettafernen si temkarḍit"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Unuɣen-inek (m) ttuwgelhnen seg yixef s ixef dɣa iqeddacen n Excalidraw werǧin ad ten-walin. ",
     "link": "Amagrad ɣef uwgelhen ixef s ixef di Excalidraw"
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 89d7c500d..676d8162e 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "",
     "fontSize": "Қаріп өлшемі",
     "fontFamily": "Қаріп тобы",
-    "onlySelected": "",
-    "withBackground": "",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
     "addWatermark": "",
     "handDrawn": "",
     "normal": "Қалыпты",
@@ -100,7 +96,6 @@
     "flipHorizontal": "",
     "flipVertical": "",
     "viewMode": "",
-    "toggleExportColorScheme": "",
     "share": "",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
     "copyToClipboard": "",
-    "copyPngToClipboard": "",
-    "scale": "",
     "save": "",
     "saveAs": "",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Сіздің сызбаларыңыз өтпелі шифрлеу арқылы шифрланған, сондықтан Excalidraw серверлері оларды ешқашан көрмейді.",
     "link": "Excalidraw қолданатын өтпелі шифрлеу туралы блог жазбасы"
diff --git a/src/locales/km-KH.json b/src/locales/km-KH.json
index d49abb45b..c5a08e4b6 100644
--- a/src/locales/km-KH.json
+++ b/src/locales/km-KH.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "ត្រីកោណ",
     "fontSize": "ទំហំពុម្ពអក្សរ",
     "fontFamily": "ក្រុម​ពុម្ពអក្សរ",
-    "onlySelected": "យកផ្នែកដែលត្រូវបានជ្រើសរើស​ប៉ុណ្ណោះ",
-    "withBackground": "ផ្ទៃខាងក្រោយ",
-    "exportEmbedScene": "ស៊ីនដែលត្រូវបានបង្កប់",
-    "exportEmbedScene_details": "ទិន្នន័យរបស់ស៊ីននឹងត្រូវបានរក្សាទុកទៅក្នុងឯកសារ PNG​ ឬ SVG ដូច្នេះស៊ីនអាចស្ដារឡើងវិញពីឯកសារនេះ ប៉ុន្តែទំហំឯកសារដែលនឹងត្រូវបាននាំចេញនេះនឹងកាន់តែធំ។",
     "addWatermark": "បន្ថែមវ៉ាត់ធើម៉ាក \"Made with Excalidraw\"",
     "handDrawn": "គូរដោយដៃ",
     "normal": "ធម្មតា",
@@ -100,7 +96,6 @@
     "flipHorizontal": "ត្រឡប់​ដោយ​ផ្ដេក",
     "flipVertical": "ត្រឡប់​ដោយ​បញ្ឈរ",
     "viewMode": "ម៉ូដ​បង្ហាញ",
-    "toggleExportColorScheme": "បិទ/បើក​ពណ៌​ចម្រុះ​នាំចេញ",
     "share": "ចែករំលែក",
     "showStroke": "បង្ហាញឧបករណ៍ជ្រើសរើសពណ៌ខ្វាច់",
     "showBackground": "បង្ហាញឧបករណ៍ជ្រើសរើសពណ៌ផ្ទៃខាងក្រោយ",
@@ -128,7 +123,8 @@
       "unlockAll": "ដោះសោទាំងអស់"
     },
     "statusPublished": "ត្រូវបានបោះពុម្ពផ្សាយ",
-    "sidebarLock": "ទុករបារចំហៀងបើក"
+    "sidebarLock": "ទុករបារចំហៀងបើក",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "មិនទាន់មានធាតុបន្ថែមទេ...",
@@ -140,11 +136,7 @@
     "exportJSON": "នាំចេញជាឯកសារ",
     "exportImage": "នាំរូបភាពចេញ",
     "export": "រក្សាទុក​នៅ...",
-    "exportToPng": "នាំចេញជា PNG",
-    "exportToSvg": "នាំចេញជា SVG",
     "copyToClipboard": "ចម្លងទៅក្តារតម្បៀតខ្ទាស់",
-    "copyPngToClipboard": "ចម្លង PNG ទៅក្តារតម្បៀតខ្ទាស់",
-    "scale": "មាត្រដ្ឋាន",
     "save": "រក្សាទុកទៅឯកសារបច្ចុប្បន្ន",
     "saveAs": "រក្សាទុក​ជា",
     "load": "បើក",
@@ -363,6 +355,30 @@
     "resetLibrary": "កំណត់បណ្ណាល័យឡើងវិញ",
     "removeItemsFromLib": "លុបធាតុដែលបានជ្រើសរើសចេញពីបណ្ណាល័យ"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "គំនូររបស់អ្នកត្រូវបានអ៊ិនគ្រីបពីចុងដល់ចប់ ដូច្នេះម៉ាស៊ីនមេរបស់ Excalidraw នឹងមិនឃើញពួកវាទេ។",
     "link": "ប្លក់ផុសលើការអ៊ិនគ្រីបពីចុងដល់ចុងក្នុង Excalidraw"
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 2bb2bc7fa..22a3ed1e8 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "삼각형",
     "fontSize": "글자 크기",
     "fontFamily": "글꼴",
-    "onlySelected": "선택한 항목만",
-    "withBackground": "배경",
-    "exportEmbedScene": "화면을 담기",
-    "exportEmbedScene_details": "화면 정보가 내보내는 PNG/SVG 파일에 저장되어 이후에 파일에서 화면을 복구할 수 있습니다. 파일 크기가 증가합니다.",
     "addWatermark": "\"Made with Excalidraw\" 추가",
     "handDrawn": "손글씨",
     "normal": "일반",
@@ -100,7 +96,6 @@
     "flipHorizontal": "좌우반전",
     "flipVertical": "상하반전",
     "viewMode": "보기 모드",
-    "toggleExportColorScheme": "내보내기의 색상 테마 전환하기",
     "share": "공유",
     "showStroke": "윤곽선 색상 선택기 열기",
     "showBackground": "배경 색상 선택기 열기",
@@ -128,7 +123,8 @@
       "unlockAll": "모두 잠금 해제"
     },
     "statusPublished": "게시됨",
-    "sidebarLock": "사이드바 유지"
+    "sidebarLock": "사이드바 유지",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "추가된 아이템 없음",
@@ -140,11 +136,7 @@
     "exportJSON": "파일로 내보내기",
     "exportImage": "이미지 내보내기",
     "export": "다른 이름으로 저장...",
-    "exportToPng": "PNG로 내보내기",
-    "exportToSvg": "SVG로 내보내기",
     "copyToClipboard": "클립보드로 복사",
-    "copyPngToClipboard": "클립보드로 PNG 이미지 복사",
-    "scale": "크기",
     "save": "현재 파일에 저장",
     "saveAs": "다른 이름으로 저장",
     "load": "열기",
@@ -363,6 +355,30 @@
     "resetLibrary": "라이브러리 리셋",
     "removeItemsFromLib": "선택한 항목을 라이브러리에서 제거"
   },
+  "imageExportDialog": {
+    "header": "이미지 내보내기",
+    "label": {
+      "withBackground": "배경",
+      "onlySelected": "선택한 항목만",
+      "darkMode": "다크 모드",
+      "embedScene": "화면을 담기",
+      "scale": "크기",
+      "padding": "여백"
+    },
+    "tooltip": {
+      "embedScene": "화면 정보가 내보내는 PNG/SVG 파일에 저장되어 이후에 파일에서 화면을 복구할 수 있습니다. 파일 크기가 증가합니다."
+    },
+    "title": {
+      "exportToPng": "PNG로 내보내기",
+      "exportToSvg": "SVG로 내보내기",
+      "copyPngToClipboard": "클립보드로 PNG 복사"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "클립보드로 복사"
+    }
+  },
   "encrypted": {
     "tooltip": "그림은 종단 간 암호화되므로 Excalidraw의 서버는 절대로 내용을 알 수 없습니다.",
     "link": "Excalidraw의 종단 간 암호화에 대한 블로그 포스트"
@@ -395,19 +411,19 @@
   },
   "colors": {
     "transparent": "투명",
-    "black": "검정색",
-    "white": "흰색",
-    "red": "빨강색",
-    "pink": "핑크색",
+    "black": "블랙",
+    "white": "화이트",
+    "red": "레드",
+    "pink": "핑크",
     "grape": "그레이프",
     "violet": "바이올렛",
-    "gray": "회색",
-    "blue": "파란색",
+    "gray": "그레이",
+    "blue": "블루",
     "cyan": "시안",
     "teal": "틸",
-    "green": "녹색",
-    "yellow": "노란색",
-    "orange": "주황색",
+    "green": "그린",
+    "yellow": "옐로우",
+    "orange": "오렌지",
     "bronze": "브론즈"
   },
   "welcomeScreen": {
@@ -424,10 +440,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "자주 사용된 커스텀 색상들",
+    "mostUsedCustomColors": "많이 쓰이는 사용자 색상들",
     "colors": "색상",
     "shades": "색조",
     "hexCode": "Hex 코드",
-    "noShades": "이 색상에는 색조가 없습니다"
+    "noShades": "사용할 수 있는 색조가 없음"
   }
 }
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index 4ef15d853..d040c6285 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "سێگۆشە",
     "fontSize": "قەبارەی فۆنت",
     "fontFamily": "خێزانی فۆنت",
-    "onlySelected": "تەنها دیاریکراوەکان",
-    "withBackground": "باکگراوند",
-    "exportEmbedScene": "ئیمبێدکردنی دیمەنەکە",
-    "exportEmbedScene_details": "هەنداردەکراو بۆ ئەوەی دیمەنەکە بتوانرێت بگەڕێنرێتەوە لێی (PNG/SVG) داتای دیمەنەکە هەڵدەگیرێت وەکو فایلی\nقەبارەی فایلە هەناردەکراوەکان زیاد دەکات.",
     "addWatermark": "زیادبکە \"Made with Excalidraw\"",
     "handDrawn": "دەست کێشراو",
     "normal": "ئاسایی",
@@ -100,7 +96,6 @@
     "flipHorizontal": "هەڵگەڕانەوەی ئاسۆیی",
     "flipVertical": "هەڵگەڕانەوەی ستونی",
     "viewMode": "دۆخی بینین",
-    "toggleExportColorScheme": "گۆڕینی بارکردنی هێلکاری ڕەنگەکان",
     "share": "هاوبەشی پێکردن",
     "showStroke": "ڕەنگهەڵگری هێڵکار نیشانبدە",
     "showBackground": "ڕەنگهەڵگری باکگراوند نیشانبدە",
@@ -128,7 +123,8 @@
       "unlockAll": "کردنەوەی قفلی هەمووی"
     },
     "statusPublished": "بڵاوکراوەتەوە",
-    "sidebarLock": "هێشتنەوەی شریتی لا بە کراوەیی"
+    "sidebarLock": "هێشتنەوەی شریتی لا بە کراوەیی",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "هێشتا هیچ بڕگەیەک زیاد نەکراوە...",
@@ -140,11 +136,7 @@
     "exportJSON": "هەناردەکردن بۆ فایل",
     "exportImage": "وێنە هەناردە بکە...",
     "export": "پاشەکەوت بکە بۆ...",
-    "exportToPng": "هەناردەکردن بۆ PNG",
-    "exportToSvg": "هەناردەکردن بۆ SVG",
     "copyToClipboard": "له‌به‌ری بگره‌وه‌ بۆ ته‌خته‌نووس",
-    "copyPngToClipboard": "لەبەرگرتنەوەی PNG بۆ تەختەنوس",
-    "scale": "پێوەر",
     "save": "پاشەکەوت بکە بۆ فایلی بەردەست",
     "saveAs": "پاشەکەوتکردن وەک",
     "load": "بکەرەوە",
@@ -363,6 +355,30 @@
     "resetLibrary": "ڕێکخستنەوەی کتێبخانە",
     "removeItemsFromLib": "لابردنی ئایتمە دیاریکراوەکان لە کتێبخانە"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "وێنەکێشانەکانت لە کۆتاییەوە بۆ کۆتایی کۆد کراون بۆیە سێرڤەرەکانی ئێکسکالیدرا هەرگیز نایانبینن.",
     "link": "بلۆگ پۆست لەسەر کۆدکردنی کۆتای بۆ کۆتای لە ئێکسکالیدرەو"
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 7fb6e9ffe..71123040a 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trikampis",
     "fontSize": "Šrifto dydis",
     "fontFamily": "Šriftas",
-    "onlySelected": "Tik pasirinktus",
-    "withBackground": "Fonas",
-    "exportEmbedScene": "Įterpti sceną",
-    "exportEmbedScene_details": "Scenos duomenys bus išsaugoti eksportuotame PNG/SVG faile taip, jog vėliau scena galėtu būti iš jo atkurta.\nTai padydins eksportuoto failo dydį.",
     "addWatermark": "Sukurta su Excalidraw",
     "handDrawn": "Ranka rašytas",
     "normal": "Normalus",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Apversti horizontaliai",
     "flipVertical": "Apversti vertikaliai",
     "viewMode": "",
-    "toggleExportColorScheme": "",
     "share": "Dalintis",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "Eksportuoti į failą",
     "exportImage": "",
     "export": "",
-    "exportToPng": "Eksportuoti į PNG",
-    "exportToSvg": "Eksportuoti į SVG",
     "copyToClipboard": "Kopijuoti į iškarpinę",
-    "copyPngToClipboard": "Kopijuoti PNG į iškarpinę",
-    "scale": "",
     "save": "",
     "saveAs": "Išsaugoti kaip",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "Atstatyti biblioteką",
     "removeItemsFromLib": "Pašalinti pasirinktus elementus iš bibliotekos"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 2a5b84055..6235448cb 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trijstūris",
     "fontSize": "Teksta lielums",
     "fontFamily": "Fontu saime",
-    "onlySelected": "Tikai atlasītais",
-    "withBackground": "Fons",
-    "exportEmbedScene": "Iegult ainu",
-    "exportEmbedScene_details": "Ainas dati tiks iekļauti saglabātajā PNG/SVG datnē, lai no tās būtu iespējams ainu atgūt. Tas palielinās datnes izmēru.",
     "addWatermark": "Pievienot \"Radīts ar Excalidraw\"",
     "handDrawn": "Rokraksts",
     "normal": "Parasts",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Apmest horizontāli",
     "flipVertical": "Apmest vertikāli",
     "viewMode": "Skata režīms",
-    "toggleExportColorScheme": "Pārslēgt eksporta krāsu tēmu",
     "share": "Kopīgot",
     "showStroke": "Rādīt svītras krāsas atlasītāju",
     "showBackground": "Rādīt fona krāsas atlasītāju",
@@ -128,7 +123,8 @@
       "unlockAll": "Atbrīvot visu"
     },
     "statusPublished": "Publicēts",
-    "sidebarLock": "Paturēt atvērtu sānjoslu"
+    "sidebarLock": "Paturēt atvērtu sānjoslu",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Neviena vienība vēl nav pievienota...",
@@ -140,11 +136,7 @@
     "exportJSON": "Eksportēt kā failu",
     "exportImage": "Eksportēt attēlu...",
     "export": "Saglabāt uz...",
-    "exportToPng": "Eksportēt kā PNG",
-    "exportToSvg": "Eksportēt kā SVG",
     "copyToClipboard": "Kopēt starpliktuvē",
-    "copyPngToClipboard": "Kopēt PNG starpliktuvē",
-    "scale": "Mērogs",
     "save": "Saglabāt pašreizējo datni",
     "saveAs": "Saglabāt kā",
     "load": "Atvērt",
@@ -363,6 +355,30 @@
     "resetLibrary": "Atiestatīt bibliotēku",
     "removeItemsFromLib": "Noņemt atlasītos vienumus no bibliotēkas"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Jūsu zīmējumi ir šifrēti no gala līdz galam; līdz ar to Excalidraw serveri tos nekad neredzēs.",
     "link": "Ieraksts par šifrēšanu no gala līdz galam Excalidraw blogā"
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 275e1bca9..5dcebfcef 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "त्रिकोण",
     "fontSize": "अक्षर आकार",
     "fontFamily": "अक्षर समूह",
-    "onlySelected": "नुसता निवडलेला",
-    "withBackground": "पार्श्वभूमी",
-    "exportEmbedScene": "दृश्य रुतवून टाका",
-    "exportEmbedScene_details": "दृश्य डेटा पण एक्सपोर्ट केलेल्या पी-एन-जी/एस-वी-जी फाईलमध्ये जतन केला जाईल जेणेकरून त्यामधून दृश्य परत आणता येईल.\nनिर्यात केलेल्या फाइलचा आकार वाढेल.",
     "addWatermark": "\"एक्सकेलीड्रॉ ने बनवलेलं\" जोडा",
     "handDrawn": "हातानी बनवलेलं",
     "normal": "सामान्य",
@@ -100,7 +96,6 @@
     "flipHorizontal": "आडवं फ्लिप करा",
     "flipVertical": "उभं फ्लिप करा",
     "viewMode": "पहायची पद्धत",
-    "toggleExportColorScheme": "रंग शैली जतन पलटा",
     "share": "सामायिक करा",
     "showStroke": "रेघ रंग निवड यंत्र दाखवा",
     "showBackground": "पार्श्वभूमि: रंग निवड यंत्र दाखवा",
@@ -128,7 +123,8 @@
       "unlockAll": "सर्व कुलूपातून बाहेर"
     },
     "statusPublished": "प्रकाशित करा",
-    "sidebarLock": "साइडबार उघडं ठेवा"
+    "sidebarLock": "साइडबार उघडं ठेवा",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "अजून कोणतेही आइटम जोडलेले नाही...",
@@ -140,11 +136,7 @@
     "exportJSON": "फ़ाइलमधे बाहेर ठेवा",
     "exportImage": "प्रतिमा निर्यात करा...",
     "export": "येथे सुरक्षित करा...",
-    "exportToPng": "पी-एन-जी स्वरूपात बाहेर ठेवा",
-    "exportToSvg": "एस-वी-जी स्वरूपात बाहेर ठेवा",
     "copyToClipboard": "फळी वर कॉपी करा",
-    "copyPngToClipboard": "PNG रूपे फळी वर कॉपी करा",
-    "scale": "मोजपट्टी",
     "save": "वर्तमान फ़ाइल मधे जतन करा",
     "saveAs": "ह्या नावाने जतन करा",
     "load": "उघडा",
@@ -208,10 +200,10 @@
     "collabSaveFailed": "काही कारणा निमित्त आतल्या डेटाबेसमध्ये जतन करू शकत नाही। समस्या तशिस राहिल्यास, तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही तुमची फाइल स्थानिक जतन करावी.",
     "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।\n\nबॅकएंड डेटाबेसमध्ये जतन करू शकत नाही, कॅनव्हास खूप मोठा असल्याचे दिसते. तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही फाइल स्थानिक पातळीवर जतन करावी.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "असं वाटते की तुम्हीं Brave ब्राउज़र वापरतात आहात आणि त्या बरोबार <bold>आक्रामक पद्धति चें बोटांचे ठसे </bold> हां सेटिंग्स चा विकल्प चयन केलेला आहे.",
+      "line2": "हे तुमच्या चित्रांच्या <bold>पाठ तत्वांनां </bold> खंडित करू शकतात.",
+      "line3": "तुम्हाला आमच्या कड़ून खूप आग्रह आहे की हे सेटिंग्स मधले चयन नका करु. <link>हे अनुक्रम </link> हे कसे करावे हे दाखवु शकते.",
+      "line4": "ही सेटिंग अक्षम करूनही पृष्ठ योग्यरित्या प्रदर्शित होत नसल्यास, आमच्या GitHub वर <issueLink>समस्या</issueLink> सबमिट करा, किव्हा <discordLink>डिस्कॉर्ड</discordLink> वर आम्हाला लिहा"
     }
   },
   "toolBar": {
@@ -363,6 +355,30 @@
     "resetLibrary": "संग्रह पुनर्स्थित करा",
     "removeItemsFromLib": "निवडलेले आयटम्स संग्रहातून काढा"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "तुमचे चित्रे या टोकापासून त्या टोकापर्यंत कूटबद्धतित आहेत, त्या कारणांनी ऐक्सकैलिड्रॉ सर्वर्स ह्यानां ते पहाणं कधीच जमणार नाही.",
     "link": "ब्लॉग पोस्ट ऐक्सकैलिड्रॉ मधे या टोकापासून त्या टोकापर्यंत कूटबद्धतित आहेत"
@@ -395,20 +411,20 @@
   },
   "colors": {
     "transparent": "पारदर्शक",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "काळा",
+    "white": "पांढरा",
+    "red": "लाल",
+    "pink": "गुलाबी",
+    "grape": "अंगूरी",
+    "violet": "जांभळा",
+    "gray": "राखाडी",
+    "blue": "निळा",
+    "cyan": "आकाशी",
+    "teal": "हिरवट निळा",
+    "green": "हिरवा",
+    "yellow": "पिवळा",
+    "orange": "केशरी",
+    "bronze": "कांस्य"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +440,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "सर्वात जास्त वापरणीस रंग",
+    "colors": "रंग",
+    "shades": "रंगछटा",
+    "hexCode": "हेक्स कोड",
+    "noShades": "ह्या रंगाच्या छटा उपलब्ध नाहित"
   }
 }
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index ffca0c201..359111261 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "",
     "fontSize": "စာလုံးအရွယ်",
     "fontFamily": "စာလုံးပုံစံ",
-    "onlySelected": "ရွေးထားသလောက်",
-    "withBackground": "",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "ထုတ်ယူလိုက်သော PNG/SVG ထဲမြင်ကွင်းအချက်အလက်များပါဝင်သဖြင့် ပြန်လည်ရယူနိုင်သော်လည်း ဖိုင်အရွယ်အစားကြီးပါမည်။",
     "addWatermark": "\"Excalidraw ဖြင့်ဖန်တီးသည်။\" စာသားထည့်",
     "handDrawn": "လက်ရေး",
     "normal": "ပုံမှန်",
@@ -100,7 +96,6 @@
     "flipHorizontal": "",
     "flipVertical": "",
     "viewMode": "",
-    "toggleExportColorScheme": "",
     "share": "",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "PNG ထုတ်",
-    "exportToSvg": "SVG ထုတ်",
     "copyToClipboard": "ကူးယူ",
-    "copyPngToClipboard": "PNG ကူးယူ",
-    "scale": "စကေး",
     "save": "",
     "saveAs": "ပြောင်းသိမ်း",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "ရေးဆွဲထားသောပုံများအား နှစ်ဘက်စွန်းတိုင်လျှို့ဝှက်ထားသဖြင့် Excalidraw ၏ဆာဗာများပင်လျှင်မြင်တွေ့ရမည်မဟုတ်ပါ။",
     "link": ""
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 5211a703b..5ba5f903d 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trekant",
     "fontSize": "Skriftstørrelse",
     "fontFamily": "Fontfamilie",
-    "onlySelected": "Kun valgte",
-    "withBackground": "Bakgrunn",
-    "exportEmbedScene": "Bygg inn scene",
-    "exportEmbedScene_details": "Scenedata vil bli lagret i den eksporterte PNG/SVG-filen, slik at scenen kan gjenopprettes fra den.\nDet vil øke den eksporterte filstørrelsen.",
     "addWatermark": "Legg til \"Laget med Excalidraw\"",
     "handDrawn": "Håndtegnet",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Snu horisontalt",
     "flipVertical": "Snu vertikalt",
     "viewMode": "Visningsmodus",
-    "toggleExportColorScheme": "Veksle eksport av fargepalett",
     "share": "Del",
     "showStroke": "Vis fargevelger for kantfarge",
     "showBackground": "Vis fargevelger for bakgrunnsfarge",
@@ -128,7 +123,8 @@
       "unlockAll": "Lås opp alle"
     },
     "statusPublished": "Publisert",
-    "sidebarLock": "Holde sidemenyen åpen"
+    "sidebarLock": "Holde sidemenyen åpen",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Ingen elementer lagt til ennå...",
@@ -140,11 +136,7 @@
     "exportJSON": "Eksporter til fil",
     "exportImage": "Eksporter bilde...",
     "export": "Lagre som...",
-    "exportToPng": "Eksporter til PNG",
-    "exportToSvg": "Eksporter til SVG",
     "copyToClipboard": "Kopier til utklippstavle",
-    "copyPngToClipboard": "Kopier PNG til utklippstavlen",
-    "scale": "Skalering",
     "save": "Lagre til aktiv fil",
     "saveAs": "Lagre som",
     "load": "Åpne",
@@ -363,6 +355,30 @@
     "resetLibrary": "Nullstill bibliotek",
     "removeItemsFromLib": "Fjern valgte elementer fra bibliotek"
   },
+  "imageExportDialog": {
+    "header": "Eksporter bilde",
+    "label": {
+      "withBackground": "Bakgrunn",
+      "onlySelected": "Kun valgte",
+      "darkMode": "Mørk modus",
+      "embedScene": "Bygg inn scene",
+      "scale": "Skalering",
+      "padding": "Avstand"
+    },
+    "tooltip": {
+      "embedScene": "Scenedata vil bli lagret i den eksporterte PNG/SVG-filen, slik at scenen kan gjenopprettes fra den.\nDet vil øke den eksporterte filstørrelsen."
+    },
+    "title": {
+      "exportToPng": "Eksporter til PNG",
+      "exportToSvg": "Eksporter til SVG",
+      "copyPngToClipboard": "Kopier PNG til utklippstavlen"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Kopier til utklippstavle"
+    }
+  },
   "encrypted": {
     "tooltip": "Dine tegninger er ende-til-ende-krypterte slik at Excalidraw sine servere aldri vil se dem.",
     "link": "Blogginnlegg om ende-til-ende-kryptering i Excalidraw"
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index af27dd94a..11a666103 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Driehoek",
     "fontSize": "Tekstgrootte",
     "fontFamily": "Lettertype",
-    "onlySelected": "Enkel geselecteerde",
-    "withBackground": "Achtergrond",
-    "exportEmbedScene": "Scène insluiten",
-    "exportEmbedScene_details": "Scènegegevens worden in het geëxporteerde PNG/SVG-bestand opgeslagen zodat de scène kan worden hersteld.\nDe grootte van de geëxporteerde bestanden zal toenemen.",
     "addWatermark": "Voeg \"Gemaakt met Excalidraw\" toe",
     "handDrawn": "Handgetekend",
     "normal": "Normaal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Horizontaal spiegelen",
     "flipVertical": "Verticaal spiegelen",
     "viewMode": "Weergavemodus",
-    "toggleExportColorScheme": "Kleurenschema exporteren aan/uit",
     "share": "Deel",
     "showStroke": "Toon lijn kleur kiezer",
     "showBackground": "Toon achtergrondkleur kiezer",
@@ -128,7 +123,8 @@
       "unlockAll": "Ontgrendel alles"
     },
     "statusPublished": "Gepubliceerd",
-    "sidebarLock": "Zijbalk open houden"
+    "sidebarLock": "Zijbalk open houden",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Nog geen items toegevoegd...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exporteren naar bestand",
     "exportImage": "Exporteer afbeelding...",
     "export": "Sla op...",
-    "exportToPng": "Exporteren naar PNG",
-    "exportToSvg": "Exporteren naar SVG",
     "copyToClipboard": "Kopieer",
-    "copyPngToClipboard": "Kopieer als PNG",
-    "scale": "Schaal",
     "save": "Opslaan naar huidige bestand",
     "saveAs": "Opslaan als",
     "load": "Open",
@@ -363,6 +355,30 @@
     "resetLibrary": "Reset bibliotheek",
     "removeItemsFromLib": "Verwijder geselecteerde items uit bibliotheek"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Je tekeningen zijn beveiligd met end-to-end encryptie, dus Excalidraw's servers zullen nooit zien wat je tekent.",
     "link": "Blog post over end-to-end versleuteling in Excalidraw"
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index eb2ed1bd7..d5a79415e 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trekant",
     "fontSize": "Skriftstorleik",
     "fontFamily": "Skrifttype",
-    "onlySelected": "Kun valde",
-    "withBackground": "Bakgrunn",
-    "exportEmbedScene": "Bygg inn scene",
-    "exportEmbedScene_details": "Scenedata vert lagra i den eksporterte PNG- eller SVG-fila slik at scena kan bli gjenopprettast frå den. Dette vil auke eksportert filstorleik.",
     "addWatermark": "Legg til «Laga med Excalidraw»",
     "handDrawn": "Handteikna",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Vipp vassrett",
     "flipVertical": "Vipp loddrett",
     "viewMode": "Visningsmodus",
-    "toggleExportColorScheme": "Veksle eksport av fargepalett",
     "share": "Del",
     "showStroke": "Vis fargeveljar for linjer",
     "showBackground": "Vis fargeveljar for bakgrunn",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "Eksporter til fil",
     "exportImage": "",
     "export": "",
-    "exportToPng": "Eksporter til PNG",
-    "exportToSvg": "Eksporter til SVG",
     "copyToClipboard": "Kopier til utklippstavla",
-    "copyPngToClipboard": "Kopier PNG til utklippstavla",
-    "scale": "Skaler",
     "save": "Lagre til noverande fil",
     "saveAs": "Lagre som",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "Tilbakestill bibliotek",
     "removeItemsFromLib": "Fjern valde element frå biblioteket"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Teikningane dine er ende-til-ende-krypterte slik at Excalidraw sine serverar aldri får sjå dei.",
     "link": "Blogginnlegg om ende-til-ende-kryptering i Excalidraw"
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index 5628692f8..a014e23d9 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triangle",
     "fontSize": "Talha polissa",
     "fontFamily": "Familha de polissa",
-    "onlySelected": "Seleccion sonque",
-    "withBackground": "Rèireplan",
-    "exportEmbedScene": "Scèna embarcada",
-    "exportEmbedScene_details": "Las donadas de scèna seràn enregistradas dins lo fichièr PNG/SVG exportat, per que la scèna pòsca èsser restaurada a partir d’aqueste fichièr.\nAumentarà la talha del fichièr exportat.",
     "addWatermark": "Apondre « Fabricat amb Excalidraw »",
     "handDrawn": "A la man levada",
     "normal": "Normala",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Virar orizontalament",
     "flipVertical": "Virar verticalament",
     "viewMode": "Mòde de vista",
-    "toggleExportColorScheme": "Alternar l’esquèma de color d’expòrt",
     "share": "Partejar",
     "showStroke": "Mostrar lo selector de color de contorn",
     "showBackground": "Mostrar lo selector de color de fons",
@@ -128,7 +123,8 @@
       "unlockAll": "Tot desverrolhar"
     },
     "statusPublished": "Publicat",
-    "sidebarLock": "Gardar la barra laterala dobèrta"
+    "sidebarLock": "Gardar la barra laterala dobèrta",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Cap d’element pas encara apondut...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportar en fichièr",
     "exportImage": "Exportar imatges...",
     "export": "Enregistrar dins...",
-    "exportToPng": "Exportar en PNG",
-    "exportToSvg": "Exportar en SVG",
     "copyToClipboard": "Copiar al quichapapièrs",
-    "copyPngToClipboard": "Copiar PNG al quichapapièrs",
-    "scale": "Escala",
     "save": "Salvar al fichièr actual",
     "saveAs": "Enregistrar jos",
     "load": "Dobrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Reïnicializar la bibliotèca",
     "removeItemsFromLib": "Tirar los elements seleccionats de la bibliotèca"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Vòstres dessenhs son chifrats del cap a la fin en consequéncia los servidors d’Excalidraw los veiràn pas jamai.",
     "link": "Article de blòg sul chiframent del cap a la fin dins Excalidraw"
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index b270d3e7f..eeb22d81c 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "ਤਿਕੋਣ",
     "fontSize": "ਫੌਂਟ ਅਕਾਰ",
     "fontFamily": "ਫੌਂਟ ਪਰਿਵਾਰ",
-    "onlySelected": "ਸਿਰਫ ਚੁਣੇ ਹੋਏ ਹੀ",
-    "withBackground": "ਬੈਕਗਰਾਉਂਡ",
-    "exportEmbedScene": "ਦ੍ਰਿਸ਼ ਮੜ੍ਹੋ",
-    "exportEmbedScene_details": "ਦ੍ਰਿਸ਼ ਦਾ ਡਾਟਾ ਨਿਰਯਾਤ ਕੀਤੀ PNG/SVG ਫਾਈਲ ਵਿੱਚ ਸਾਂਭ ਦਿੱਤਾ ਜਾਵੇਗਾ ਤਾਂ ਜੋ ਇਸ ਵਿੱਚੋਂ ਦ੍ਰਿਸ਼ ਨੂੰ ਬਹਾਲ ਕੀਤਾ ਜਾ ਸਕੇ। ਇਹ ਨਿਰਯਾਤ ਕੀਤੀ ਜਾਣ ਵਾਲੀ ਫਾਈਲ ਦਾ ਅਕਾਰ ਵਧਾ ਦੇਵੇਗਾ।",
     "addWatermark": "\"Excalidraw ਨਾਲ ਬਣਾਇਆ\" ਜੋੜੋ",
     "handDrawn": "ਹੱਥਲਿਖਤ",
     "normal": "ਆਮ",
@@ -54,7 +50,7 @@
     "veryLarge": "ਬਹੁਤ ਵੱਡਾ",
     "solid": "ਠੋਸ",
     "hachure": "ਤਿਰਛੀਆਂ ਗਰਿੱਲਾਂ",
-    "zigzag": "",
+    "zigzag": "ਵਿੰਗ-ਤੜਿੰਗ",
     "crossHatch": "ਜਾਲੀ",
     "thin": "ਪਤਲੀ",
     "bold": "ਮੋਟੀ",
@@ -100,7 +96,6 @@
     "flipHorizontal": "ਲੇਟਵੇਂ ਪਾਸੇ ਪਲਟੋ",
     "flipVertical": "ਖੜ੍ਹਵੇਂ ਪਾਸੇ ਪਲਟੋ",
     "viewMode": "ਦੇਖਣ ਵਾਲਾ ਮੋਡ",
-    "toggleExportColorScheme": "ਨਿਰਯਾਤ ਦੇ ਰੰਗਾਂ ਦੀ ਸਕੀਮ ਟਾਗਲ ਕਰੋ",
     "share": "ਸਾਂਝਾ ਕਰੋ",
     "showStroke": "ਰੇਖਾ ਦਾ ਰੰਗ ਚੋਣਕਾਰ ਦਿਖਾਓ",
     "showBackground": "ਬੈਕਗਰਾਉਂਡ ਦਾ ਰੰਗ ਚੋਣਕਾਰ ਦਿਖਾਓ",
@@ -128,23 +123,20 @@
       "unlockAll": "ਸਭ ਅਨਲਾਕ ਕਰੋ"
     },
     "statusPublished": "ਪ੍ਰਕਾਸ਼ਤ ਹੈ",
-    "sidebarLock": "ਸਾਈਡਬਾਰ ਨੂੰ ਖੁੱਲ੍ਹਾ ਰੱਖੋ"
+    "sidebarLock": "ਸਾਈਡਬਾਰ ਨੂੰ ਖੁੱਲ੍ਹਾ ਰੱਖੋ",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "ਹਾਲੇ ਤੱਕ ਕੋਈ ਚੀਜ ਜੋੜੀ ਨਹੀਂ ਗਈ...",
-    "hint_emptyLibrary": "",
-    "hint_emptyPrivateLibrary": ""
+    "hint_emptyLibrary": "ਇੱਥੇ ਆਈਟਮ ਜੋੜਨ ਲਈ ਉਸਨੂੰ ਕੈਨਵਸ ‘ਤੇ ਚੁਣੋ, ਜਾਂ ਹੇਠਾਂ ਪਬਲਿਕ ਰਿਪਾਜ਼ੀਟਰੀ ‘ਚੋਂ ਲਾਇਬ੍ਰੇਰੀ ਸਥਾਪਤ ਕਰੋ।",
+    "hint_emptyPrivateLibrary": "ਇੱਥੇ ਆਈਟਮ ਜੋੜਨ ਲਈ ਉਸਨੂੰ ਕੈਨਵਸ ‘ਤੇ ਚੁਣੋ।"
   },
   "buttons": {
     "clearReset": "ਕੈਨਵਸ ਰੀਸੈੱਟ ਕਰੋ",
     "exportJSON": "ਫਾਈਲ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "exportImage": "ਤਸਵੀਰ ਨਿਰਯਾਤ ਕਰੋ...",
     "export": "ਇਸ ਵਿੱਚ ਸਾਂਭੋ...",
-    "exportToPng": "PNG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
-    "exportToSvg": "SVG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "copyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ",
-    "copyPngToClipboard": "PNG ਨੂੰ ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ",
-    "scale": "ਪੈਮਾਇਸ਼",
     "save": "ਮੌਜੂਦਾ ਫਾਈਲ ਵਿੱਚ ਸਾਂਭੋ",
     "saveAs": "ਇਸ ਵਜੋਂ ਸਾਂਭੋ",
     "load": "ਖੋਲ੍ਹੋ",
@@ -180,7 +172,7 @@
     "couldNotCreateShareableLinkTooBig": "ਸਾਂਝੀ ਕਰਨ ਵਾਲੀ ਲਿੰਕ ਨਹੀਂ ਬਣਾ ਸਕੇ: ਦ੍ਰਿਸ਼ ਬਹੁਤ ਵੱਡਾ ਹੈ",
     "couldNotLoadInvalidFile": "ਨਜਾਇਜ਼ ਫਾਈਲ ਲੋਡ ਨਹੀਂ ਕਰ ਸਕੇ",
     "importBackendFailed": "ਬੈਕਐੱਨਡ ਤੋਂ ਆਯਾਤ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਰਹੇ।",
-    "cannotExportEmptyCanvas": "ਖਾਲੀ ਕੈਨਵਸ ਨਿਰਯਾਤ ਨਹੀਂ ਕਰ ਸਕਦੇ।",
+    "cannotExportEmptyCanvas": "ਖਾਲੀ ਕੈਨਵਸ ਨੂੰ ਨਿਰਯਾਤ ਨਹੀਂ ਕਰ ਸਕਦੇ।",
     "couldNotCopyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਿਆ।",
     "decryptFailed": "ਡਾਟਾ ਡੀਕਰਿਪਟ ਨਹੀਂ ਕਰ ਸਕੇ।",
     "uploadedSecurly": "ਅੱਪਲੋਡ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕਰਿਪਸ਼ਨ ਨਾਲ ਸੁਰੱਖਿਅਤ ਕੀਤੀ ਹੋਈ ਹੈ, ਜਿਸਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ Excalidraw ਸਰਵਰ ਅਤੇ ਤੀਜੀ ਧਿਰ ਦੇ ਬੰਦੇ ਸਮੱਗਰੀ ਨੂੰ ਪੜ੍ਹ ਨਹੀਂ ਸਕਦੇ।",
@@ -194,14 +186,14 @@
     "invalidSceneUrl": "ਦਿੱਤੀ ਗਈ URL 'ਚੋਂ ਦ੍ਰਿਸ਼ ਨੂੰ ਆਯਾਤ ਨਹੀਂ ਕਰ ਸਕੇ। ਇਹ ਜਾਂ ਤਾਂ ਖਰਾਬ ਹੈ, ਜਾਂ ਇਸ ਵਿੱਚ ਜਾਇਜ਼ Excalidraw JSON ਡਾਟਾ ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ।",
     "resetLibrary": "ਇਹ ਤੁਹਾਡੀ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਸਾਫ ਕਰ ਦੇਵੇਗਾ। ਕੀ ਤੁਸੀਂ ਪੱਕਾ ਇੰਝ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?",
     "removeItemsFromsLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚੋਂ {{count}} ਚੀਜ਼(-ਜ਼ਾਂ) ਮਿਟਾਉਣੀਆਂ ਹਨ?",
-    "invalidEncryptionKey": "",
-    "collabOfflineWarning": ""
+    "invalidEncryptionKey": "ਇਨਕਰਿਪਸ਼ਨ ਕੁੰਜੀ ‌‌22 ਅੱਖਰਾਂ ਦੀ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ। ਲਾਇਵ ਸਹਿਯੋਗ ਬੰਦ ਹੈ।",
+    "collabOfflineWarning": "ਕੋਈ ਇੰਟਰਨੈੱਟ ਕਨੈਕਸ਼ਨ ਨਹੀਂ ਹੈ\nਤੁਹਾਡੀਆਂ ਤਬਦੀਲੀਆਂ ਸਾਂਭੀਆਂ ਨਹੀਂ ਜਾਣਗੀਆਂ।"
   },
   "errors": {
     "unsupportedFileType": "ਫਾਈਲ ਦੀ ਕਿਸਮ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।",
     "imageInsertError": "ਚਿੱਤਰ ਸ਼ਾਮਲ ਨਹੀਂ ਜਾ ਸਕਿਆ, ਬਾਅਦ ਵਿੱਚ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ...",
     "fileTooBig": "ਫਾਈਲ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵੱਡੀ ਹੈ। ਵੱਧ-ਤੋਂ-ਵੱਧ ਪ੍ਰਵਾਨਤ ਅਕਾਰ {{maxSize}} ਹੈ।",
-    "svgImageInsertError": "",
+    "svgImageInsertError": "SVG ਤਸਵੀਰ ਸ਼ਾਮਲ ਨਹੀਂ ਕਰ ਸਕੇ। SVG ਮਾਰਕ-ਅੱਪ ਨਜਾਇਜ਼ ਲੱਗ ਰਿਹਾ ਹੈ।",
     "invalidSVGString": "SVG ਨਜਾਇਜ਼ ਹੈ।",
     "cannotResolveCollabServer": "",
     "importLibraryError": "ਲਾਇਬ੍ਰੇਰੀ ਲੋਡ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕੀ",
@@ -226,7 +218,7 @@
     "text": "ਪਾਠ",
     "library": "ਲਾਇਬ੍ਰੇਰੀ",
     "lock": "ਡਰਾਇੰਗ ਤੋਂ ਬਾਅਦ ਵੀ ਚੁਣੇ ਹੋਏ ਸੰਦ ਨੂੰ ਸਰਗਰਮ ਰੱਖੋ ",
-    "penMode": "",
+    "penMode": "ਪੈੱਨ ਮੋਡ - ਟੱਚ ਤੋਂ ਬਚਾਉਂਦਾ ਹੈ",
     "link": "",
     "eraser": "ਰਬੜ",
     "hand": ""
@@ -264,10 +256,10 @@
     "canvasTooBigTip": "ਨੁਸਖਾ: ਸਭ ਤੋਂ ਦੂਰ ਸਥਿੱਤ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਥੋੜ੍ਹਾ ਜਿਹਾ ਨੇੜੇ ਲਿਆ ਕੇ ਦੇਖੋ।"
   },
   "errorSplash": {
-    "headingMain": "ਗਲਤੀ ਹੋਈ। ਇਹ ਕਰਕੇ ਦੇਖੋ <button>ਪੰਨਾ ਮੁੜ-ਲੋਡ ਕਰੋ।</button>",
+    "headingMain": "ਕੋਈ ਸਮੱਸਿਆ ਖੜ੍ਹੀ ਹੋਈ। <button>ਪੰਨਾ ਮੁੜ-ਲੋਡ</button> ਕਰਕੇ ਦੇਖੋ।",
     "clearCanvasMessage": "ਜੇ ਮੁੜ-ਲੋਡ ਕਰਨਾ ਕੰਮ ਨਾ ਕਰੇ, ਤਾਂ ਇਹ ਕਰਕੇ ਦੇਖੋ <button>ਕੈਨਵਸ ਸਾਫ ਕਰੋ।</button>",
     "clearCanvasCaveat": " ਇਹ ਸਾਰਾ ਕੰਮ ਗਵਾ ਦੇਵੇਗਾ ",
-    "trackedToSentry": "ਗਲਤੀ ਸੂਚਕ {{eventId}} ਸਾਡੇ ਸਿਸਟਮ 'ਤੇ ਟਰੈਕ ਕੀਤਾ ਗਿਆ ਸੀ।",
+    "trackedToSentry": "ਸੂਚਕ {{eventId}} ਵਾਲੀ ਸਮੱਸਿਆ ਸਾਡੇ ਸਿਸਟਮ 'ਤੇ ਟਰੈਕ ਕੀਤੀ ਗਈ ਸੀ।",
     "openIssueMessage": "ਅਸੀਂ ਬੜੇ ਸਾਵਧਾਨ ਸੀ ਕਿ ਗਲਤੀ ਵਿੱਚ ਤੁਹਾਡੇ ਦ੍ਰਿਸ਼ ਦੀ ਜਾਣਕਾਰੀ ਸ਼ਾਮਲ ਨਾ ਕਰੀਏ। ਜੇ ਤੁਹਾਡਾ ਦ੍ਰਿਸ਼ ਨਿੱਜੀ ਨਹੀਂ ਹੈ ਤਾਂ ਇਸ 'ਤੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ ਜੀ <button>ਬੱਗ ਟਰੈਕਰ।</button>ਹੇਠਾਂ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਨੂੰ ਕਾਪੀ ਕਰਕੇ ਗਿੱਟਹੱਬ ਮੁੱਦੇ ਵਿੱਚ ਪੇਸਟ ਕਰਕੇ ਸ਼ਾਮਲ ਕਰੋ ਜੀ।",
     "sceneContent": "ਦ੍ਰਿਸ਼ ਦੀ ਸਮੱਗਰੀ:"
   },
@@ -276,7 +268,7 @@
     "desc_privacy": "ਫਿਕਰ ਨਾ ਕਰੋ, ਇਜਲਾਸ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕਰਿਪਸ਼ਨ ਵਰਤਦਾ ਹੈ, ਸੋ ਜੋ ਕੁਝ ਵੀ ਤੁਸੀਂ ਵਾਹੁੰਦੇ ਹੋ ਉਹ ਨਿੱਜੀ ਹੀ ਰਹਿੰਦਾ ਹੈ। ਇੱਥੋਂ ਤੱਕ ਕਿ ਸਾਡੇ ਸਰਵਰ ਵੀ ਨਹੀਂ ਜਾਣ ਸਕਣਗੇ ਕਿ ਤੁਸੀਂ ਕੀ ਬਣਾਇਆ ਹੈ।",
     "button_startSession": "ਇਜਲਾਸ ਸ਼ੁਰੂ ਕਰੋ",
     "button_stopSession": "ਇਜਲਾਸ ਰੋਕੋ",
-    "desc_inProgressIntro": "ਲਾਇਵ ਸਹਿਯੋਗ ਹੁਣ ਚੱਲ ਰਿਹਾ ਹੈ।",
+    "desc_inProgressIntro": "ਲਾਇਵ ਸਹਿਯੋਗ ਇਜਲਾਸ ਹੁਣ ਚੱਲ ਰਿਹਾ ਹੈ।",
     "desc_shareLink": "ਇਸ ਲਿੰਕ ਨੂੰ ਉਹਨਾਂ ਨਾਲ ਸਾਂਝਾ ਕਰੋ ਜਿਹਨਾਂ ਨਾਲ ਤੁਸੀਂ ਸਹਿਯੋਗ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ:",
     "desc_exitSession": "ਇਜਲਾਸ ਨੂੰ ਰੋਕਣਾ ਤੁਹਾਡਾ ਕਮਰੇ ਨਾਲੋਂ ਨਾਤਾ ਤੋੜ ਦੇਵੇਗਾ, ਪਰ ਤੁਸੀਂ ਸਥਾਨਕ ਪੱਧਰ 'ਤੇ ਦ੍ਰਿਸ਼ ਨਾਲ ਕੰਮ ਕਰਨਾ ਜਾਰੀ ਰੱਖ ਸਕੋਗੇ। ਇਹ ਧਿਆਨ 'ਚ ਰੱਖੋ ਕਿ ਇਹ ਬਾਕੀ ਲੋਕਾਂ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰੇਗਾ , ਅਤੇ ਉਹ ਹਾਲੇ ਵੀ ਆਪਣੇ ਸੰਸਕਰਨ 'ਤੇ ਸਹਿਯੋਗ ਕਰਨ ਦੇ ਕਾਬਲ ਹੋਣਗੇ।",
     "shareTitle": "Excalidraw 'ਤੇ ਲਾਈਵ ਇਜਲਾਸ ਦਾ ਹਿੱਸਾ ਬਣੋ"
@@ -289,7 +281,7 @@
     "disk_details": "ਦ੍ਰਿਸ਼ ਦਾ ਡਾਟਾ ਫਾਈਲ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ ਜਿੱਥੋਂ ਤੁਸੀਂ ਇਸਨੂੰ ਬਾਅਦ ਵਿੱਚ ਆਯਾਤ ਕਰ ਸਕਦੇ ਹੋ।",
     "disk_button": "ਫਾਈਲ ਵਿੱਚ ਸਾਂਭੋ",
     "link_title": "ਸਾਂਝੀ ਕਰਨ ਵਾਲੀ ਲਿੰਕ",
-    "link_details": "ਸਿਰਫ ਪੜ੍ਹੇ-ਜਾਣ ਵਾਲੀ ਲਿੰਕ ਨਿਰਯਾਤ ਕਰੋ।",
+    "link_details": "ਸਿਰਫ ਦੇਖੇ-ਜਾਣ ਵਾਲੀ ਲਿੰਕ ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ।",
     "link_button": "ਲਿੰਕ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
     "excalidrawplus_description": "ਆਪਣੇ ਦ੍ਰਿਸ਼ ਦੇ ਡਾਟੇ ਨੂੰ Excalidraw+ ਵਰਕਸਪੇਸ ਵਿੱਚ ਸਾਂਭੋ।",
     "excalidrawplus_button": "ਨਿਰਯਾਤ ਕਰੋ",
@@ -348,7 +340,7 @@
       "required": "ਲੋੜੀਂਦਾ",
       "website": "ਜਾਇਜ਼ URL ਭਰੋ"
     },
-    "noteDescription": "<link>ਜਨਤਕ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਰਿਪਾਜ਼ੀਟਰੀ</link>",
+    "noteDescription": "ਹੋਰ ਲੋਕਾਂ ਵੱਲੋਂ ਤੁਹਾਡੀ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਵਰਤਣ ਲਈ ਸਕਣ ਇਸ ਲਈ<link>ਜਨਤਕ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਰਿਪਾਜ਼ੀਟਰੀ</link> ਵਿੱਚ ਆਪਣੀ ਲਾਇਬ੍ਰੇਰੀ ਸ਼ਾਮਲ ਕਰਵਾਉਣ ਲਈ ਜਮ੍ਹਾ ਕਰਵਾਓ",
     "noteGuidelines": "<link>ਦਿਸ਼ਾ ਨਿਰਦੇਸ਼</link>",
     "noteLicense": "<link>MIT ਲਾਇਸੈਂਸ, </link>",
     "noteItems": "",
@@ -356,13 +348,37 @@
     "republishWarning": ""
   },
   "publishSuccessDialog": {
-    "title": "",
-    "content": "<link>ਇੱਥੇ</link>"
+    "title": "ਲਾਇਬ੍ਰੇਰੀ ਜਮ੍ਹਾਂ ਕਰਵਾਈ",
+    "content": "ਧੰਨਵਾਦ {{authorName}} ਜੀਉ। ਤੁਹਾਡੀ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਸਮੀਖਿਆ ਲਈ ਭੇਜ ਦਿੱਤਾ ਗਿਆ ਹੈ। ਤੁਸੀਂ ਉਸਦੀ ਸਥਿਤੀ <link>ਇੱਥੇ</link> ਦੇਖ ਸਕਦੇ ਹੋ।"
   },
   "confirmDialog": {
     "resetLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਰੀਸੈੱਟ ਕਰੋ",
     "removeItemsFromLib": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚੋਂ ਚੁਣੀਆਂ ਹੋਈਆਂ ਆਈਟਮਾਂ ਹਟਾਓ"
   },
+  "imageExportDialog": {
+    "header": "ਤਸਵੀਰ ਨਿਰਯਾਤ ਕਰੋ",
+    "label": {
+      "withBackground": "ਪਿਛੋਕੜ",
+      "onlySelected": "ਸਿਰਫ ਚੁਣੇ ਹੋਏ",
+      "darkMode": "ਡਾਰਕ ਮੋਡ",
+      "embedScene": "ਦ੍ਰਿਸ਼ ਮੜ੍ਹੋ",
+      "scale": "ਸਕੇਲ",
+      "padding": "ਪੈਡਿੰਗ"
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "PNG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
+      "exportToSvg": "SVG ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
+      "copyPngToClipboard": "PNG ਨੂੰ ਕਲਿੱਪੋਬਰਡ ‘ਤੇ ਕਾਪੀ ਕਰੋ"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "ਗੱਤੇ 'ਤੇ ਕਾਪੀ ਕਰੋ"
+    }
+  },
   "encrypted": {
     "tooltip": "ਤੁਹਾਡੀ ਡਰਾਇੰਗਾਂ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕਰਿਪਟ ਕੀਤੀਆਂ ਹੋਈਆਂ ਹਨ, ਇਸ ਲਈ Excalidraw ਦੇ ਸਰਵਰ ਉਹਨਾਂ ਨੂੰ ਕਦੇ ਵੀ ਨਹੀਂ ਦੇਖਣਗੇ।",
     "link": "Excalidraw ਵਿੱਚ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕ੍ਰਿਪਸ਼ਨ 'ਤੇ ਬਲੌਗ ਸੰਪਾਦਨਾ"
@@ -395,39 +411,39 @@
   },
   "colors": {
     "transparent": "ਪਾਰਦਰਸ਼ੀ",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "ਕਾਲੀ",
+    "white": "ਸਫ਼ੈਦ",
+    "red": "ਲਾਲ",
+    "pink": "ਗੁਲਾਬੀ",
+    "grape": "ਅੰਗੂਰੀ",
+    "violet": "ਜਾਮਣੀ",
+    "gray": "ਸੁਰਮਈ",
+    "blue": "ਨੀਲਾ",
+    "cyan": "ਫਿਰੋਜੀ",
+    "teal": "ਟੀਲ",
+    "green": "ਹਰਾ",
+    "yellow": "ਪੀਲਾ",
+    "orange": "ਸੰਤਰੀ",
+    "bronze": "ਕਾਂਸੇਰੰਗਾ"
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
+      "center_heading": "ਤੁਹਾਡਾ ਸਾਰਾ ਡਾਟਾ ਤੁਹਾਡੇ ਲੋਕਲ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਸਾਂਭਿਆ ਹੋਇਆ ਹੈ।",
       "center_heading_plus": "",
-      "menuHint": ""
+      "menuHint": "ਨਿਰਯਾਤ, ਤਰਜੀਹਾਂ, ਭਾਸ਼ਾਵਾਂ, …"
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
+      "menuHint": "ਨਿਰਯਾਤ, ਤਰਜੀਹਾਂ, ਅਤੇ ਹੋਰ ਵੀ ਬਹੁਤ ਕੁਝ…",
+      "center_heading": "ਡਾਇਆਗ੍ਰਾਮਾਂ। ਕੀਤੀਆਂ। ਸੁਖਾਲੀਆਂ।",
       "toolbarHint": "",
-      "helpHint": ""
+      "helpHint": "ਸ਼ਾਰਟਕੱਟ ਤੇ ਮਦਦ"
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "ਸਭ ਤੋਂ ਵੱਧ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕਸਟਮ ਰੰਗ",
+    "colors": "ਰੰਗ",
+    "shades": "ਸ਼ੇਡਾਂ",
+    "hexCode": "ਹੈਕਸ ਕੋਡ",
+    "noShades": "ਇਸ ਰੰਗ ਦੀ ਕੋਈ ਸ਼ੇਡ ਉਪਲਬਧ ਨਹੀਂ ਹੈ"
   }
 }
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index 09e8386ad..b4aaaa443 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,55 +1,55 @@
 {
-  "ar-SA": 83,
-  "bg-BG": 57,
-  "bn-BD": 63,
-  "ca-ES": 92,
-  "cs-CZ": 67,
-  "da-DK": 35,
-  "de-DE": 100,
-  "el-GR": 97,
+  "ar-SA": 80,
+  "bg-BG": 54,
+  "bn-BD": 60,
+  "ca-ES": 88,
+  "cs-CZ": 64,
+  "da-DK": 33,
+  "de-DE": 99,
+  "el-GR": 93,
   "en": 100,
-  "es-ES": 93,
-  "eu-ES": 94,
-  "fa-IR": 93,
-  "fi-FI": 92,
-  "fr-FR": 93,
-  "gl-ES": 92,
-  "he-IL": 91,
-  "hi-IN": 74,
-  "hu-HU": 80,
-  "id-ID": 100,
-  "it-IT": 100,
-  "ja-JP": 92,
+  "es-ES": 89,
+  "eu-ES": 90,
+  "fa-IR": 89,
+  "fi-FI": 88,
+  "fr-FR": 89,
+  "gl-ES": 89,
+  "he-IL": 87,
+  "hi-IN": 78,
+  "hu-HU": 76,
+  "id-ID": 95,
+  "it-IT": 98,
+  "ja-JP": 89,
   "kaa": 18,
-  "kab-KAB": 92,
-  "kk-KZ": 22,
-  "km-KH": 100,
-  "ko-KR": 100,
-  "ku-TR": 94,
-  "lt-LT": 59,
-  "lv-LV": 93,
-  "mr-IN": 93,
-  "my-MM": 43,
-  "nb-NO": 100,
-  "nl-NL": 87,
-  "nn-NO": 81,
-  "oc-FR": 91,
-  "pa-IN": 82,
-  "pl-PL": 83,
-  "pt-BR": 100,
-  "pt-PT": 97,
-  "ro-RO": 100,
-  "ru-RU": 100,
+  "kab-KAB": 88,
+  "kk-KZ": 21,
+  "km-KH": 95,
+  "ko-KR": 99,
+  "ku-TR": 90,
+  "lt-LT": 56,
+  "lv-LV": 89,
+  "mr-IN": 95,
+  "my-MM": 41,
+  "nb-NO": 99,
+  "nl-NL": 83,
+  "nn-NO": 77,
+  "oc-FR": 87,
+  "pa-IN": 90,
+  "pl-PL": 99,
+  "pt-BR": 99,
+  "pt-PT": 95,
+  "ro-RO": 99,
+  "ru-RU": 99,
   "si-LK": 9,
-  "sk-SK": 100,
-  "sl-SI": 100,
-  "sv-SE": 100,
-  "ta-IN": 86,
-  "th-TH": 41,
-  "tr-TR": 91,
-  "uk-UA": 94,
-  "vi-VN": 59,
-  "zh-CN": 100,
-  "zh-HK": 27,
-  "zh-TW": 100
+  "sk-SK": 99,
+  "sl-SI": 99,
+  "sv-SE": 99,
+  "ta-IN": 83,
+  "th-TH": 39,
+  "tr-TR": 87,
+  "uk-UA": 97,
+  "vi-VN": 56,
+  "zh-CN": 95,
+  "zh-HK": 26,
+  "zh-TW": 99
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index e05fdc65c..bd691da7e 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trójkąt",
     "fontSize": "Rozmiar tekstu",
     "fontFamily": "Krój pisma",
-    "onlySelected": "Tylko wybrane",
-    "withBackground": "Kolor wypełnienia",
-    "exportEmbedScene": "Osadź scenę",
-    "exportEmbedScene_details": "Dane sceny zostaną zapisane w eksportowanym pliku PNG/SVG tak, aby scena mogła zostać z niego przywrócona.\nZwiększy to rozmiar eksportowanego pliku.",
     "addWatermark": "Dodaj \"Zrobione w Excalidraw\"",
     "handDrawn": "Odręczny",
     "normal": "Normalny",
@@ -54,7 +50,7 @@
     "veryLarge": "Bardzo duży",
     "solid": "Pełne",
     "hachure": "Linie",
-    "zigzag": "",
+    "zigzag": "Zygzak",
     "crossHatch": "Zakreślone",
     "thin": "Cienkie",
     "bold": "Pogrubione",
@@ -67,7 +63,7 @@
     "cartoonist": "Rysunkowy",
     "fileTitle": "Nazwa pliku",
     "colorPicker": "Paleta kolorów",
-    "canvasColors": "",
+    "canvasColors": "Używane na płótnie",
     "canvasBackground": "Kolor dokumentu",
     "drawingCanvas": "Obszar roboczy",
     "layers": "Warstwy",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Odwróć w poziomie",
     "flipVertical": "Odwróć w pionie",
     "viewMode": "Tryb widoku",
-    "toggleExportColorScheme": "Przełącz schemat kolorów przy eksporcie",
     "share": "Udostępnij",
     "showStroke": "Pokaż próbnik kolorów obrysu",
     "showBackground": "Pokaż próbnik koloru tła",
@@ -109,17 +104,17 @@
     "excalidrawLib": "Biblioteka Excalidraw",
     "decreaseFontSize": "Zmniejsz rozmiar czcionki",
     "increaseFontSize": "Zwiększ rozmiar czcionki",
-    "unbindText": "",
-    "bindText": "",
-    "createContainerFromText": "",
+    "unbindText": "Rozłącz tekst",
+    "bindText": "Połącz tekst z kontenerem",
+    "createContainerFromText": "Zawijaj tekst w kontenerze",
     "link": {
       "edit": "Edytuj łącze",
       "create": "Utwórz łącze",
       "label": "Łącze"
     },
     "lineEditor": {
-      "edit": "",
-      "exit": ""
+      "edit": "Edytuj linię",
+      "exit": "Wyjdź z edytora linii"
     },
     "elementLock": {
       "lock": "Zablokuj",
@@ -128,11 +123,12 @@
       "unlockAll": "Odblokuj wszystko"
     },
     "statusPublished": "Opublikowano",
-    "sidebarLock": "Panel boczny zawsze otwarty"
+    "sidebarLock": "Panel boczny zawsze otwarty",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Nie dodano jeszcze żadnych elementów...",
-    "hint_emptyLibrary": "",
+    "hint_emptyLibrary": "Wybierz element na płótnie, aby go tutaj dodać, lub zainstaluj bibliotekę z poniższego publicznego repozytorium.",
     "hint_emptyPrivateLibrary": "Wybierz element, aby dodać go tutaj."
   },
   "buttons": {
@@ -140,11 +136,7 @@
     "exportJSON": "Eksportuj do pliku",
     "exportImage": "Eksportuj obraz...",
     "export": "Zapisz jako...",
-    "exportToPng": "Zapisz jako PNG",
-    "exportToSvg": "Zapisz jako SVG",
     "copyToClipboard": "Skopiuj do schowka",
-    "copyPngToClipboard": "Skopiuj do schowka jako plik PNG",
-    "scale": "Skala",
     "save": "Zapisz do bieżącego pliku",
     "saveAs": "Zapisz jako",
     "load": "Otwórz",
@@ -208,10 +200,10 @@
     "collabSaveFailed": "Nie udało się zapisać w bazie danych. Jeśli problemy nie ustąpią, zapisz plik lokalnie, aby nie utracić swojej pracy.",
     "collabSaveFailed_sizeExceeded": "Nie udało się zapisać w bazie danych — dokument jest za duży. Zapisz plik lokalnie, aby nie utracić swojej pracy.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Wygląda na to, że używasz przeglądarki Brave z włączonym ustawieniem <bold>Agressively Block Fingerprinting</bold>.",
+      "line2": "Może to doprowadzić do złamania <bold>elementów tekstu</bold> na rysunkach.",
+      "line3": "Zdecydowanie zalecamy wyłączenie tego ustawienia. Możesz wykonać <link>te kroki</link>, aby to zrobić.",
+      "line4": "Jeśli wyłączenie tego ustawienia nie naprawia wyświetlania elementów tekstowych, zgłoś <issueLink>problem</issueLink> na naszym GitHubie lub napisz do nas na <discordLink>Discordzie</discordLink>"
     }
   },
   "toolBar": {
@@ -226,10 +218,10 @@
     "text": "Tekst",
     "library": "Biblioteka",
     "lock": "Zablokuj wybrane narzędzie",
-    "penMode": "",
-    "link": "",
+    "penMode": "Tryb pióra — zapobiegaj dotknięciom",
+    "link": "Dodaj/aktualizuj link dla wybranego kształtu",
     "eraser": "Gumka",
-    "hand": ""
+    "hand": "Ręka (narzędzie do przesuwania)"
   },
   "headings": {
     "canvasActions": "Narzędzia",
@@ -237,7 +229,7 @@
     "shapes": "Kształty"
   },
   "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Aby przesunąć płótno, przytrzymaj kółko myszy lub spację podczas przeciągania, albo użyj narzędzia ręki",
     "linearElement": "Naciśnij, aby zrobić punkt, przeciągnij, aby narysować linię",
     "freeDraw": "Naciśnij i przeciągnij by rysować, puść kiedy skończysz",
     "text": "Wskazówka: możesz również dodać tekst klikając dwukrotnie gdziekolwiek za pomocą narzędzia zaznaczania",
@@ -248,15 +240,15 @@
     "resize": "Możesz zachować proporcję trzymająć wcisnięty SHIFT, przytrzymaj ALT by zmienić rozmiar względem środka",
     "resizeImage": "Możesz zmienić rozmiar swobodnie trzymając SHIFT,\nprzytrzymaj ALT, aby przeskalować względem środka obiektu",
     "rotate": "Możesz obracać element w równych odstępach trzymając wciśnięty SHIFT",
-    "lineEditor_info": "",
-    "lineEditor_pointSelected": "",
-    "lineEditor_nothingSelected": "",
+    "lineEditor_info": "Przytrzymaj CtrlOrCmd i kliknij dwukrotnie lub naciśnij CtrlOrCmd + Enter, aby edytować punkty",
+    "lineEditor_pointSelected": "Naciśnij przycisk Delete, aby usunąć punkt. Ctrl/Cmd+D, aby go zduplikować. Przeciągnij, aby go przenieść",
+    "lineEditor_nothingSelected": "Wybierz punkt do edycji (przytrzymaj SHIFT, aby wybrać wiele),\nlub przytrzymaj Alt i kliknij, aby dodać nowe punkty",
     "placeImage": "Kliknij, aby umieścić obraz, lub kliknij i przeciągnij, aby ustawić jego rozmiar ręcznie",
     "publishLibrary": "Opublikuj własną bibliotekę",
-    "bindTextToElement": "",
-    "deepBoxSelect": "",
-    "eraserRevert": "",
-    "firefox_clipboard_write": ""
+    "bindTextToElement": "Wciśnij enter, aby dodać tekst",
+    "deepBoxSelect": "Przytrzymaj CtrlOrCmd, aby wybrać w obrębie grupy i uniknąć przeciągania",
+    "eraserRevert": "Przytrzymaj Alt, aby przywrócić elementy oznaczone do usunięcia",
+    "firefox_clipboard_write": "Ta funkcja może być włączona poprzez ustawienie flagi \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Aby zmienić flagi przeglądarki w Firefox, odwiedź stronę \"about:config\"."
   },
   "canvasError": {
     "cannotShowPreview": "Nie można wyświetlić podglądu",
@@ -293,21 +285,21 @@
     "link_button": "Wygeneruj link",
     "excalidrawplus_description": "Zapisz scenę do swojego obszaru roboczego Excalidraw+.",
     "excalidrawplus_button": "Eksportuj",
-    "excalidrawplus_exportError": ""
+    "excalidrawplus_exportError": "W tej chwili nie można wyeksportować do Excalidraw+..."
   },
   "helpDialog": {
     "blog": "Przeczytaj na naszym blogu",
     "click": "kliknięcie",
-    "deepSelect": "",
-    "deepBoxSelect": "",
+    "deepSelect": "Wybór w obrębie grupy",
+    "deepBoxSelect": "Wybór w obrębie grupy i unikanie przeciągania",
     "curvedArrow": "Zakrzywiona strzałka",
     "curvedLine": "Zakrzywiona linia",
     "documentation": "Dokumentacja",
     "doubleClick": "podwójne kliknięcie",
     "drag": "przeciągnij",
     "editor": "Edytor",
-    "editLineArrowPoints": "",
-    "editText": "",
+    "editLineArrowPoints": "Edytuj punkty linii/strzałki",
+    "editText": "Edytuj tekst/dodaj etykietę",
     "github": "Znalazłeś problem? Prześlij",
     "howto": "Skorzystaj z instrukcji",
     "or": "lub",
@@ -320,9 +312,9 @@
     "view": "Widok",
     "zoomToFit": "Powiększ, aby wyświetlić wszystkie elementy",
     "zoomToSelection": "Przybliż do zaznaczenia",
-    "toggleElementLock": "",
+    "toggleElementLock": "Zablokuj/odblokuj zaznaczenie",
     "movePageUpDown": "Przesuń stronę w górę/w dół",
-    "movePageLeftRight": ""
+    "movePageLeftRight": "Przenieś stronę w lewo/prawo"
   },
   "clearCanvasDialog": {
     "title": "Wyczyść płótno"
@@ -340,7 +332,7 @@
       "authorName": "Twoje imię lub nazwa użytkownika",
       "libraryName": "Nazwa twojej biblioteki",
       "libraryDesc": "Opis twojej biblioteki, aby pomóc innym zrozumieć jej działanie",
-      "githubHandle": "",
+      "githubHandle": "Uchwyt GitHub (opcjonalny), dzięki czemu możesz edytować bibliotekę po przesłaniu do sprawdzenia",
       "twitterHandle": "Nazwa użytkownika w serwisie Twitter (opcjonalna), aby wiedzieć kogo oznaczyć przy promowaniu na Twitterze",
       "website": "Link do Twojej osobistej strony internetowej lub gdzie indziej (opcjonalnie)"
     },
@@ -351,9 +343,9 @@
     "noteDescription": "<link></link>dla innych osób do wykorzystania w swoich rysunkach.",
     "noteGuidelines": "Biblioteka musi być najpierw zatwierdzona ręcznie. Przeczytaj <link>wytyczne</link>",
     "noteLicense": "Wysyłając zgadzasz się, że biblioteka zostanie opublikowana pod <link>Licencja MIT, </link>w skrócie, każdy może z nich korzystać bez ograniczeń.",
-    "noteItems": "",
+    "noteItems": "Każdy element biblioteki musi mieć własną nazwę, aby był filtrowalny. Uwzględnione zostaną następujące elementy biblioteki:",
     "atleastOneLibItem": "Proszę wybrać co najmniej jeden element biblioteki, by rozpocząć",
-    "republishWarning": ""
+    "republishWarning": "Uwaga: niektóre z wybranych elementów są oznaczone jako już opublikowane/wysłane. Powinieneś ponownie przesłać elementy tylko wtedy, gdy aktualizujesz istniejącą bibliotekę lub zgłoszenie."
   },
   "publishSuccessDialog": {
     "title": "Biblioteka została przesłana",
@@ -363,9 +355,33 @@
     "resetLibrary": "Zresetuj Bibliotekę",
     "removeItemsFromLib": "Usuń wybrane elementy z biblioteki"
   },
+  "imageExportDialog": {
+    "header": "Eksportuj obraz",
+    "label": {
+      "withBackground": "Tło",
+      "onlySelected": "Tylko wybrane",
+      "darkMode": "Tryb ciemny",
+      "embedScene": "Osadź scenę",
+      "scale": "Skala",
+      "padding": "Dopełnienie"
+    },
+    "tooltip": {
+      "embedScene": "Dane sceny zostaną zapisane w eksportowanym pliku PNG/SVG tak, aby scena mogła zostać z niego przywrócona.\nZwiększy to rozmiar eksportowanego pliku."
+    },
+    "title": {
+      "exportToPng": "Zapisz jako PNG",
+      "exportToSvg": "Zapisz jako SVG",
+      "copyPngToClipboard": "Skopiuj do schowka jako PNG"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Skopiuj do schowka"
+    }
+  },
   "encrypted": {
     "tooltip": "Twoje rysunki są zabezpieczone szyfrowaniem end-to-end, tak więc nawet w Excalidraw nie jesteśmy w stanie zobaczyć tego co tworzysz.",
-    "link": ""
+    "link": "Wpis na blogu dotyczący szyfrowania end-to-end w Excalidraw"
   },
   "stats": {
     "angle": "Kąt",
@@ -391,43 +407,43 @@
     "fileSavedToFilename": "Zapisano jako {filename}",
     "canvas": "płótno",
     "selection": "zaznaczenie",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Użyj {{shortcut}}, aby wkleić jako pojedynczy element,\nlub wklej do istniejącego edytora tekstu"
   },
   "colors": {
     "transparent": "Przezroczysty",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Czarny",
+    "white": "Biały",
+    "red": "Czerwony",
+    "pink": "Różowy",
+    "grape": "Winogronowy",
+    "violet": "Fioletowy",
+    "gray": "Szary",
+    "blue": "Niebieski",
+    "cyan": "Cyjanowy",
+    "teal": "Turkusowy",
+    "green": "Zielony",
+    "yellow": "Żółty",
+    "orange": "Pomarańczowy",
+    "bronze": "Brązowy"
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Wszystkie dane są zapisywane lokalnie w przeglądarce.",
+      "center_heading_plus": "Czy zamiast tego chcesz przejść do Excalidraw+?",
+      "menuHint": "Eksportuj, preferencje, języki..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Eksportuj, preferencje i więcej...",
+      "center_heading": "Schematy uproszczone.",
+      "toolbarHint": "Wybierz narzędzie i zacznij rysować!",
+      "helpHint": "Skróty klawiaturowe i pomoc"
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Najczęściej używane kolory",
+    "colors": "Kolory",
+    "shades": "Odcienie",
+    "hexCode": "Kod HEX",
+    "noShades": "Brak dostępnych odcieni dla tego koloru"
   }
 }
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 614c782fd..33f7d2fc6 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triângulo",
     "fontSize": "Tamanho da fonte",
     "fontFamily": "Família da fonte",
-    "onlySelected": "Somente a seleção",
-    "withBackground": "Fundo",
-    "exportEmbedScene": "Incorporar cena",
-    "exportEmbedScene_details": "Os dados da cena serão salvos no arquivo PNG/SVG exportado para que a cena possa ser restaurada.\nIrá aumentar o tamanho do arquivo exportado.",
     "addWatermark": "Adicionar \"Feito com Excalidraw\"",
     "handDrawn": "Manuscrito",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Inverter horizontalmente",
     "flipVertical": "Inverter verticalmente",
     "viewMode": "Modo de visualização",
-    "toggleExportColorScheme": "Alternar esquema de cores de exportação",
     "share": "Compartilhar",
     "showStroke": "Exibir seletor de cores do traço",
     "showBackground": "Exibir seletor de cores do fundo",
@@ -128,7 +123,8 @@
       "unlockAll": "Desbloquear tudo"
     },
     "statusPublished": "Publicado",
-    "sidebarLock": "Manter barra lateral aberta"
+    "sidebarLock": "Manter barra lateral aberta",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Nenhum item adicionado ainda...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportar arquivo",
     "exportImage": "Exportar imagem...",
     "export": "Salvar como...",
-    "exportToPng": "Exportar em PNG",
-    "exportToSvg": "Exportar em SVG",
     "copyToClipboard": "Copiar para o clipboard",
-    "copyPngToClipboard": "Copiar PNG para área de transferência",
-    "scale": "Escala",
     "save": "Salvar para o arquivo atual",
     "saveAs": "Salvar como",
     "load": "Abrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Redefinir biblioteca",
     "removeItemsFromLib": "Remover itens selecionados da biblioteca"
   },
+  "imageExportDialog": {
+    "header": "Exportar imagem",
+    "label": {
+      "withBackground": "Fundo",
+      "onlySelected": "Somente selecionados",
+      "darkMode": "Modo escuro",
+      "embedScene": "Incorporar cena",
+      "scale": "Escala",
+      "padding": "Margem interna"
+    },
+    "tooltip": {
+      "embedScene": "Os dados da cena serão salvos no arquivo PNG/SVG exportado para que a cena possa ser restaurada a partir dele.\nIsso aumentará o tamanho do arquivo exportado."
+    },
+    "title": {
+      "exportToPng": "Exportar como PNG",
+      "exportToSvg": "Exportar como SVG",
+      "copyPngToClipboard": "Copiar PNG para área de transferência"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Copiar para a área de transferência"
+    }
+  },
   "encrypted": {
     "tooltip": "Seus desenhos são criptografados de ponta a ponta, então os servidores do Excalidraw nunca os verão.",
     "link": "Publicação de blog com criptografia de ponta a ponta no Excalidraw"
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 297daed10..a5f3cd223 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triângulo",
     "fontSize": "Tamanho da fonte",
     "fontFamily": "Família da fontes",
-    "onlySelected": "Somente a seleção",
-    "withBackground": "Fundo",
-    "exportEmbedScene": "Cena embutida",
-    "exportEmbedScene_details": "Os dados da cena serão guardados no ficheiro PNG/SVG exportado para que a cena possa ser restaurada.\nIrá aumentar o tamanho do ficheiro exportado.",
     "addWatermark": "Adicionar \"Feito com Excalidraw\"",
     "handDrawn": "Manuscrito",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Inverter horizontalmente",
     "flipVertical": "Inverter verticalmente",
     "viewMode": "Modo de visualização",
-    "toggleExportColorScheme": "Alternar esquema de cores de exportação",
     "share": "Partilhar",
     "showStroke": "Mostrar seletor de cores do traço",
     "showBackground": "Mostrar seletor de cores do fundo",
@@ -128,7 +123,8 @@
       "unlockAll": "Desbloquear todos"
     },
     "statusPublished": "Publicado",
-    "sidebarLock": "Manter a barra lateral aberta"
+    "sidebarLock": "Manter a barra lateral aberta",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Ainda não foram adicionados nenhuns itens...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportar para ficheiro",
     "exportImage": "Exportar imagem...",
     "export": "Guardar para...",
-    "exportToPng": "Exportar em PNG",
-    "exportToSvg": "Exportar em SVG",
     "copyToClipboard": "Copiar para o clipboard",
-    "copyPngToClipboard": "Copiar PNG para área de transferência",
-    "scale": "Escala",
     "save": "Guardar no ficheiro atual",
     "saveAs": "Guardar como",
     "load": "Abrir",
@@ -363,6 +355,30 @@
     "resetLibrary": "Repor a biblioteca",
     "removeItemsFromLib": "Remover os itens seleccionados da biblioteca"
   },
+  "imageExportDialog": {
+    "header": "Exportar imagem",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "Cena embutida",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "Exportar em PNG",
+      "exportToSvg": "Exportar em SVG",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Os seus desenhos são encriptados de ponta-a-ponta, por isso os servidores do Excalidraw nunca os verão.",
     "link": "Publicação de blogue na encriptação ponta-a-ponta no Excalidraw"
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index d6d6c3c3e..84e79a67d 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triunghi",
     "fontSize": "Dimensiune font",
     "fontFamily": "Familia de fonturi",
-    "onlySelected": "Numai selecția",
-    "withBackground": "Fundal",
-    "exportEmbedScene": "Încorporare scenă",
-    "exportEmbedScene_details": "Datele scenei vor fi salvate în fișierul PNG/SVG exportat, astfel că scena va putea fi restaurată din acesta.\nVa crește dimensiunea fișierului exportat.",
     "addWatermark": "Adaugă „Realizat cu Excalidraw”",
     "handDrawn": "Scris de mână",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Răsturnare orizontală",
     "flipVertical": "Răsturnare verticală",
     "viewMode": "Mod de vizualizare",
-    "toggleExportColorScheme": "Comutare schemă de culori de export",
     "share": "Distribuie",
     "showStroke": "Afișare selector culoare contur",
     "showBackground": "Afișare selector culoare fundal",
@@ -128,7 +123,8 @@
       "unlockAll": "Deblocare toate"
     },
     "statusPublished": "Publicat",
-    "sidebarLock": "Păstrează deschisă bara laterală"
+    "sidebarLock": "Păstrează deschisă bara laterală",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Niciun element adăugat încă...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportare la fișiere",
     "exportImage": "Exportare imagine...",
     "export": "Salvare în...",
-    "exportToPng": "Exportare ca PNG",
-    "exportToSvg": "Exportare ca SVG",
     "copyToClipboard": "Copiere în memoria temporară",
-    "copyPngToClipboard": "Copiere PNG în memoria temporară",
-    "scale": "Scală",
     "save": "Salvare în fișierul curent",
     "saveAs": "Salvare ca",
     "load": "Deschidere",
@@ -363,6 +355,30 @@
     "resetLibrary": "Resetare bibliotecă",
     "removeItemsFromLib": "Elimină elementele selectate din bibliotecă"
   },
+  "imageExportDialog": {
+    "header": "Exportare imagine",
+    "label": {
+      "withBackground": "Fundal",
+      "onlySelected": "Numai selecția",
+      "darkMode": "Mod întunecat",
+      "embedScene": "Încorporare scenă",
+      "scale": "Scală",
+      "padding": "Spațiere"
+    },
+    "tooltip": {
+      "embedScene": "Datele scenei vor fi salvate în fișierul PNG/SVG exportat, astfel că scena va putea fi restaurată din acesta.\nVa crește dimensiunea fișierului exportat."
+    },
+    "title": {
+      "exportToPng": "Exportare ca PNG",
+      "exportToSvg": "Exportare ca SVG",
+      "copyPngToClipboard": "Copiere PNG în memoria temporară"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Copiere în memoria temporară"
+    }
+  },
   "encrypted": {
     "tooltip": "Desenele tale sunt criptate integral, astfel că serverele Excalidraw nu le vor vedea niciodată.",
     "link": "Articol de blog pe criptarea integrală din Excalidraw"
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 2d2958d3c..80aad867d 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Треугольник",
     "fontSize": "Размер шрифта",
     "fontFamily": "Семейство шрифтов",
-    "onlySelected": "Только выбранные",
-    "withBackground": "Фон",
-    "exportEmbedScene": "Встроить сцену",
-    "exportEmbedScene_details": "Сцена будет сохранена в PNG/SVG файл так, чтобы всю сцену можно будет восстановить из этого файла. Это увеличит размер файла.",
     "addWatermark": "Добавить «Создано в Excalidraw»",
     "handDrawn": "От руки",
     "normal": "Обычный",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Переворот по горизонтали",
     "flipVertical": "Переворот по вертикали",
     "viewMode": "Вид",
-    "toggleExportColorScheme": "Экспортировать цветовую схему",
     "share": "Поделиться",
     "showStroke": "Показать выбор цвета обводки",
     "showBackground": "Показать выбор цвета фона",
@@ -128,7 +123,8 @@
       "unlockAll": "Разблокировать все"
     },
     "statusPublished": "Опубликовано",
-    "sidebarLock": "Держать боковую панель открытой"
+    "sidebarLock": "Держать боковую панель открытой",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Пока ничего не добавлено...",
@@ -140,11 +136,7 @@
     "exportJSON": "Сохранить в",
     "exportImage": "Экспортировать изображение...",
     "export": "Сохранить как...",
-    "exportToPng": "Экспорт в PNG",
-    "exportToSvg": "Экспорт в SVG",
     "copyToClipboard": "Скопировать в буфер обмена",
-    "copyPngToClipboard": "Скопировать PNG в буфер обмена",
-    "scale": "Масштаб",
     "save": "Сохранить в текущий файл",
     "saveAs": "Сохранить как",
     "load": "Открыть",
@@ -363,6 +355,30 @@
     "resetLibrary": "Сброс библиотеки",
     "removeItemsFromLib": "Удалить выбранные объекты из библиотеки"
   },
+  "imageExportDialog": {
+    "header": "Экспортировать изображение",
+    "label": {
+      "withBackground": "Фон",
+      "onlySelected": "Только выделенное",
+      "darkMode": "Темная тема",
+      "embedScene": "Встроить сцену",
+      "scale": "Масштаб",
+      "padding": "Отступ"
+    },
+    "tooltip": {
+      "embedScene": "Сцена будет сохранена в PNG/SVG файл так, чтобы всю сцену можно будет восстановить из этого файла. Это увеличит размер файла."
+    },
+    "title": {
+      "exportToPng": "Экспорт в PNG",
+      "exportToSvg": "Экспорт в SVG",
+      "copyPngToClipboard": "Скопировать PNG в буфер обмена"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Скопировать в буфер обмена"
+    }
+  },
   "encrypted": {
     "tooltip": "Ваши данные защищены сквозным (End-to-end) шифрованием. Серверы Excalidraw никогда не получат доступ к ним.",
     "link": "Запись блога о сквозном шифровании в Excalidraw"
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index e3b5a5357..358f49541 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "",
     "fontSize": "",
     "fontFamily": "",
-    "onlySelected": "",
-    "withBackground": "",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
     "addWatermark": "",
     "handDrawn": "",
     "normal": "",
@@ -100,7 +96,6 @@
     "flipHorizontal": "",
     "flipVertical": "",
     "viewMode": "",
-    "toggleExportColorScheme": "",
     "share": "",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
     "copyToClipboard": "",
-    "copyPngToClipboard": "",
-    "scale": "",
     "save": "",
     "saveAs": "",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index c976091cc..00afadaae 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trojuholník",
     "fontSize": "Veľkosť písma",
     "fontFamily": "Písmo",
-    "onlySelected": "Iba vybrané",
-    "withBackground": "Pozadie",
-    "exportEmbedScene": "Zahrnúť scénu",
-    "exportEmbedScene_details": "Údaje scény budú uložené do exportovaného PNG/SVG súboru, takže scéna z neho môže byť opäť obnovená.\nBude to mať za následok zvýšenie veľkosti súboru.",
     "addWatermark": "Pridať \"Vytvorené s Excalidraw\"",
     "handDrawn": "Ručne písané",
     "normal": "Normálne",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Prevrátiť vodorovne",
     "flipVertical": "Prevrátiť zvislo",
     "viewMode": "Režim zobrazenia",
-    "toggleExportColorScheme": "Prepnúť exportovanie farebnej schémy",
     "share": "Zdieľať",
     "showStroke": "Zobraziť výber farby pre obrys",
     "showBackground": "Zobraziť výber farby pre pozadie",
@@ -128,7 +123,8 @@
       "unlockAll": "Odomknúť všetko"
     },
     "statusPublished": "Zverejnené",
-    "sidebarLock": "Nechať bočný panel otvorený"
+    "sidebarLock": "Nechať bočný panel otvorený",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Zatiaľ neboli pridané žiadne položky...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportovať do súboru",
     "exportImage": "Exportovať obrázok...",
     "export": "Uložiť do...",
-    "exportToPng": "Exportovať do PNG",
-    "exportToSvg": "Exportovať do SVG",
     "copyToClipboard": "Kopírovať do schránky",
-    "copyPngToClipboard": "Kopírovať PNG do schránky",
-    "scale": "Mierka",
     "save": "Uložiť do aktuálneho súboru",
     "saveAs": "Uložiť ako",
     "load": "Otvoriť",
@@ -363,6 +355,30 @@
     "resetLibrary": "Obnoviť knižnicu",
     "removeItemsFromLib": "Odstrániť zvolené položky z knižnice"
   },
+  "imageExportDialog": {
+    "header": "Exportovať obrázok",
+    "label": {
+      "withBackground": "Pozadie",
+      "onlySelected": "Iba vybrané",
+      "darkMode": "Tmavý režim",
+      "embedScene": "Zahrnúť scénu",
+      "scale": "Mierka",
+      "padding": "Odsadenie"
+    },
+    "tooltip": {
+      "embedScene": "Údaje scény budú uložené do exportovaného PNG/SVG súboru, takže scéna z neho môže byť opäť obnovená.\nBude to mať za následok zvýšenie veľkosti súboru."
+    },
+    "title": {
+      "exportToPng": "Exportovať do PNG",
+      "exportToSvg": "Exportovať do SVG",
+      "copyPngToClipboard": "Kopírovať PNG do schránky"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Kopírovať do schránky"
+    }
+  },
   "encrypted": {
     "tooltip": "Vaše kresby používajú end-to-end šifrovanie, takže ich Excalidraw server nedokáže prečítať.",
     "link": "Blog o end-to-end šifrovaní v Excalidraw"
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 801a3bc03..d9888a011 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Trikotnik",
     "fontSize": "Velikost pisave",
     "fontFamily": "Družina pisave",
-    "onlySelected": "Samo izbor",
-    "withBackground": "Ozadje",
-    "exportEmbedScene": "Vdelaj sceno",
-    "exportEmbedScene_details": "Podatki o sceni bodo shranjeni v izvoženo datoteko PNG/SVG, tako da bo sceno mogoče obnoviti iz nje.\nTo bo povečalo velikost izvožene datoteke.",
     "addWatermark": "Dodaj \"Izdelano z Excalidraw\"",
     "handDrawn": "Ročno narisano",
     "normal": "Običajno",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Obrni vodoravno",
     "flipVertical": "Obrni navpično",
     "viewMode": "Način ogleda",
-    "toggleExportColorScheme": "Preklopi barvno shemo izvoza",
     "share": "Deli",
     "showStroke": "Prikaži izbirnik barv poteze",
     "showBackground": "Prikaži izbirnik barv ozadja",
@@ -128,7 +123,8 @@
       "unlockAll": "Odkleni vse"
     },
     "statusPublished": "Objavljeno",
-    "sidebarLock": "Obdrži stransko vrstico odprto"
+    "sidebarLock": "Obdrži stransko vrstico odprto",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Dodan še ni noben element...",
@@ -140,11 +136,7 @@
     "exportJSON": "Izvozi v datoteko",
     "exportImage": "Izvozi sliko...",
     "export": "Shrani v...",
-    "exportToPng": "Izvozi v PNG",
-    "exportToSvg": "Izvozi v SVG",
     "copyToClipboard": "Kopiraj v odložišče",
-    "copyPngToClipboard": "Kopiraj PNG v odložišče",
-    "scale": "Povečava",
     "save": "Shrani v trenutno datoteko",
     "saveAs": "Shrani kot",
     "load": "Odpri",
@@ -363,6 +355,30 @@
     "resetLibrary": "Ponastavi knjižnico",
     "removeItemsFromLib": "Odstran izbrane elemente iz knjižnice"
   },
+  "imageExportDialog": {
+    "header": "Izvozi sliko",
+    "label": {
+      "withBackground": "Ozadje",
+      "onlySelected": "Samo izbor",
+      "darkMode": "Temni način",
+      "embedScene": "Vdelaj sceno",
+      "scale": "Povečava",
+      "padding": "Odmik"
+    },
+    "tooltip": {
+      "embedScene": "Podatki o sceni bodo shranjeni v izvoženo datoteko PNG/SVG, tako da bo sceno mogoče obnoviti iz nje.\nTo bo povečalo velikost izvožene datoteke."
+    },
+    "title": {
+      "exportToPng": "Izvozi v PNG",
+      "exportToSvg": "Izvozi v SVG",
+      "copyPngToClipboard": "Kopiraj PNG v odložišče"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Kopiraj v odložišče"
+    }
+  },
   "encrypted": {
     "tooltip": "Vaše risbe so šifrirane od konca do konca, tako da jih strežniki Excalidraw nikoli ne bodo videli.",
     "link": "Blog objava o šifriranju od konca do konca v Excalidraw"
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index de2e9982c..64b2f1acf 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Triangel",
     "fontSize": "Teckenstorlek",
     "fontFamily": "Teckensnitt",
-    "onlySelected": "Endast markering",
-    "withBackground": "Bakgrund",
-    "exportEmbedScene": "Bädda in skiss",
-    "exportEmbedScene_details": "Skissdata kommer att sparas i den exporterade PNG/SVG-filen så att skissen kan återställas från den.\nKommer att öka exporterad filstorlek.",
     "addWatermark": "Lägg till \"Skapad med Excalidraw\"",
     "handDrawn": "Handritad",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Vänd horisontellt",
     "flipVertical": "Vänd vertikalt",
     "viewMode": "Visningsläge",
-    "toggleExportColorScheme": "Växla färgschema för export",
     "share": "Dela",
     "showStroke": "Visa färgväljare för linjefärg",
     "showBackground": "Visa färgväljare för bakgrundsfärg",
@@ -128,7 +123,8 @@
       "unlockAll": "Lås upp alla"
     },
     "statusPublished": "Publicerad",
-    "sidebarLock": "Håll sidofältet öppet"
+    "sidebarLock": "Håll sidofältet öppet",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Inga objekt tillagda ännu...",
@@ -140,11 +136,7 @@
     "exportJSON": "Exportera till fil",
     "exportImage": "Exportera bild...",
     "export": "Spara till...",
-    "exportToPng": "Exportera till PNG",
-    "exportToSvg": "Exportera till SVG",
     "copyToClipboard": "Kopiera till urklipp",
-    "copyPngToClipboard": "Kopiera PNG till urklipp",
-    "scale": "Skala",
     "save": "Spara till aktuell fil",
     "saveAs": "Spara som",
     "load": "Öppna",
@@ -363,6 +355,30 @@
     "resetLibrary": "Återställ bibliotek",
     "removeItemsFromLib": "Ta bort markerade objekt från biblioteket"
   },
+  "imageExportDialog": {
+    "header": "Exportera bild",
+    "label": {
+      "withBackground": "Bakgrund",
+      "onlySelected": "Endast markerade",
+      "darkMode": "Mörkt läge",
+      "embedScene": "Bädda in skiss",
+      "scale": "Skala",
+      "padding": "Utfyllnad"
+    },
+    "tooltip": {
+      "embedScene": "Skissdata kommer att sparas i den exporterade PNG/SVG-filen så att skissen kan återställas från den.\nKommer att öka exporterad filstorlek."
+    },
+    "title": {
+      "exportToPng": "Exportera till PNG",
+      "exportToSvg": "Exportera till SVG",
+      "copyPngToClipboard": "Kopiera PNG till urklipp"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Kopiera till urklipp"
+    }
+  },
   "encrypted": {
     "tooltip": "Dina skisser är krypterade från ände till ände så Excalidraws servrar kommer aldrig att se dem.",
     "link": "Blogginlägg om kryptering från ände till ände i Excalidraw"
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 640334e97..89cc82716 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "முக்கோணம்",
     "fontSize": "எழுத்துரு அளவு",
     "fontFamily": "எழுத்துரு குடும்பம்",
-    "onlySelected": "தேர்ந்ததை மட்டும்",
-    "withBackground": "பின்புலம்",
-    "exportEmbedScene": "காட்சியை உட்பொதி",
-    "exportEmbedScene_details": "காட்சி தரவு ஏற்றுமதி செய்யப்பட்ட PNG/SVG கோப்பினுள் சேமிக்கப்படும் இதனால் காட்சியை அதிலிருந்து மீட்டெடுக்க முடியும். ஏற்றுமதி செய்யப்பட்ட கோப்பின் அளவை அதிகரிக்கும்.",
     "addWatermark": "\"எக்ஸ்கேலிட்ரா கொண்டு ஆனது\"-ஐச் சேர்",
     "handDrawn": "கையால்-வரைந்த",
     "normal": "இயல்பு",
@@ -100,7 +96,6 @@
     "flipHorizontal": "கிடைமட்டமாக புரட்டு",
     "flipVertical": "செங்குத்தாக புரட்டு",
     "viewMode": "பார்வை பயன்முறை",
-    "toggleExportColorScheme": "",
     "share": "பகிர்",
     "showStroke": "கீறல் நிற எடுப்பானைக் காட்டு",
     "showBackground": "பின்னணி நிற எடுப்பானைக் காட்டு",
@@ -128,7 +123,8 @@
       "unlockAll": "எல்லாம் பூட்டவிழ்"
     },
     "statusPublished": "வெளியிடப்பட்டது",
-    "sidebarLock": "பக்கப்பட்டையைத் திறந்தே வை"
+    "sidebarLock": "பக்கப்பட்டையைத் திறந்தே வை",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "இதுவரை உருப்படிகள் சேரக்கப்படவில்லை...",
@@ -140,11 +136,7 @@
     "exportJSON": "கோப்புக்கு ஏற்றுமதிசெய்",
     "exportImage": "",
     "export": "இதில் சேமி...",
-    "exportToPng": "PNGக்கு ஏற்றுமதிசெய்",
-    "exportToSvg": "SVGக்கு ஏற்றுமதிசெய்",
     "copyToClipboard": "நகலகத்திற்கு நகலெடு",
-    "copyPngToClipboard": "PNGஐ நகலகத்திற்கு நகலெடு",
-    "scale": "அளவு",
     "save": "தற்போதைய கோப்புக்குச் சேமி",
     "saveAs": "இப்படி சேமி",
     "load": "திற",
@@ -363,6 +355,30 @@
     "resetLibrary": "நூலகத்தை அகரமாக்கு",
     "removeItemsFromLib": "நூலகத்திலிருந்து தேர்ந்தெடுத்த உருப்படிகளை நீக்கு"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "உம் சித்திரங்கள் இருமுனை மறையாக்கம் செய்யப்பட்டவையாதலால் எக்ஸ்கேலிட்ராவின் சேவையகங்கள் அவற்றை ஒருபோதும் பார்க்கா.",
     "link": "எக்ஸ்கேலிட்ராவில் இருமுனை மறையாக்கம் மீதான வலைப்பூ இடுகை"
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
index e7ca29d25..b94bb8e0a 100644
--- a/src/locales/th-TH.json
+++ b/src/locales/th-TH.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "",
     "fontSize": "ขนาดตัวอักษร",
     "fontFamily": "แบบตัวอักษร",
-    "onlySelected": "เฉพาะที่เลือก",
-    "withBackground": "พื้นหลัง",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
     "addWatermark": "เพิ่มลายน้ำ \"สร้างด้วย Excalidraw\"",
     "handDrawn": "ลายมือ",
     "normal": "ปกติ",
@@ -100,7 +96,6 @@
     "flipHorizontal": "พลิกแนวนอน",
     "flipVertical": "พลิกแนวตั้ง",
     "viewMode": "โหมดมุมมอง",
-    "toggleExportColorScheme": "",
     "share": "แชร์",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": "ปลดล็อกทั้งหมด"
     },
     "statusPublished": "เผยแพร่",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "ส่งออกไปยังไฟล์",
     "exportImage": "ส่งออกเป็นรูปภาพ",
     "export": "บันทึกไปยัง",
-    "exportToPng": "ส่งออกไปเป็น PNG",
-    "exportToSvg": "ส่งออกไปเป็น SVG",
     "copyToClipboard": "คัดลอกไปยังคลิปบอร์ด",
-    "copyPngToClipboard": "คัดลอก PNG ไปยังคลิปบอร์ด",
-    "scale": "อัตราส่วน",
     "save": "",
     "saveAs": "",
     "load": "เปิด",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index 102273797..d0c822c14 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Üçgen",
     "fontSize": "Yazı tipi boyutu",
     "fontFamily": "Yazı tipi ailesi",
-    "onlySelected": "Sadece seçilen",
-    "withBackground": "Arka plan",
-    "exportEmbedScene": "Gömülü sahne",
-    "exportEmbedScene_details": "Sahne verileri, sahnenin geri yüklenebilmesi için dışa aktarılan PNG/SVG dosyasına kaydedilecektir.\nDışa aktarılan dosya boyutunu artıracaktır.",
     "addWatermark": "\"Excalidraw ile yapıldı\" yazısını ekle",
     "handDrawn": "El-yazısı",
     "normal": "Normal",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Yatay döndür",
     "flipVertical": "Dikey döndür",
     "viewMode": "Görünüm modu",
-    "toggleExportColorScheme": "Renk şemasını dışa aktar/aktarma",
     "share": "Paylaş",
     "showStroke": "Kontur için renk seçiciyi göster",
     "showBackground": "Arkaplan için renk seçiciyi göster",
@@ -128,7 +123,8 @@
       "unlockAll": "Hepsinin kilidini kaldır"
     },
     "statusPublished": "Yayınlandı",
-    "sidebarLock": "Kenar çubuğu açık kalsın"
+    "sidebarLock": "Kenar çubuğu açık kalsın",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Öğe eklenmedi...",
@@ -140,11 +136,7 @@
     "exportJSON": "Dosyaya aktar",
     "exportImage": "Resimleri dışa aktar...",
     "export": "Şuraya kaydet...",
-    "exportToPng": "PNG olarak dışa aktar",
-    "exportToSvg": "SVG olarak dışa aktar",
     "copyToClipboard": "Panoya kopyala",
-    "copyPngToClipboard": "PNG'yi panoya kopyala",
-    "scale": "Ölçek",
     "save": "Geçerli dosyaya kaydet",
     "saveAs": "Farklı kaydet",
     "load": "Aç",
@@ -363,6 +355,30 @@
     "resetLibrary": "Kütüphaneyi sıfırla",
     "removeItemsFromLib": "Seçilen ögeleri kütüphaneden kaldır"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Çizimleriniz uçtan-uca şifrelenmiştir, Excalidraw'ın sunucuları bile onları göremez.",
     "link": "Excalidraw'da uçtan uca şifreleme hakkında blog yazısı"
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index 53dd31d55..97e6c043e 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Трикутник",
     "fontSize": "Розмір шрифту",
     "fontFamily": "Шрифт",
-    "onlySelected": "Тільки вибране",
-    "withBackground": "Фон",
-    "exportEmbedScene": "Вбудована сцена",
-    "exportEmbedScene_details": "Дані сцени будуть збережені в експортований файл PNG/SVG. Ця сцена може бути відновленна з нього, однак це збільшить розмір експортованого файлу.",
     "addWatermark": "Додати «Накреслене в Excalidraw»",
     "handDrawn": "Ручний апарат",
     "normal": "Звичайний",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Віддзеркалити горизонтально",
     "flipVertical": "Віддзеркалити вертикально",
     "viewMode": "Режим перегляду",
-    "toggleExportColorScheme": "Переключити колірну схему експорту",
     "share": "Поділитися",
     "showStroke": "Показати палітру для контура",
     "showBackground": "Показати палітру для фону",
@@ -128,7 +123,8 @@
       "unlockAll": "Розблокувати все"
     },
     "statusPublished": "Опубліковано",
-    "sidebarLock": "Не закривати бокове меню"
+    "sidebarLock": "Не закривати бокове меню",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Тут поки пусто...",
@@ -140,11 +136,7 @@
     "exportJSON": "Експорт у файл",
     "exportImage": "Експорт зображення...",
     "export": "Зберегти як...",
-    "exportToPng": "Експортувати в PNG",
-    "exportToSvg": "Експортувати в SVG",
     "copyToClipboard": "Скопіювати до буферу обміну",
-    "copyPngToClipboard": "Скопіювати PNG до буферу обміну",
-    "scale": "Масштаб",
     "save": "Зберегти до поточного файлу",
     "saveAs": "Зберегти як",
     "load": "Відкрити",
@@ -363,6 +355,30 @@
     "resetLibrary": "Очистити бібліотеку",
     "removeItemsFromLib": "Видалити вибрані елементи з бібліотеки"
   },
+  "imageExportDialog": {
+    "header": "Експортувати зображення",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "Тільки вибране",
+      "darkMode": "Темний режим",
+      "embedScene": "Вбудована сцена",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "Експортувати в PNG",
+      "exportToSvg": "Експортувати у SVG",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "Ваші креслення захищені наскрізним шифруванням — сервери Excalidraw ніколи їх не побачать.",
     "link": "Допис у блозі на наскрізному шифруванні в Excalidraw"
@@ -395,20 +411,20 @@
   },
   "colors": {
     "transparent": "Прозорий",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
+    "black": "Чорний",
+    "white": "Білий",
+    "red": "Червоний",
+    "pink": "Рожевий",
     "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
+    "violet": "Фіолетовий",
+    "gray": "Сірий",
+    "blue": "Синій",
+    "cyan": "Ціан",
     "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "green": "Зелений",
+    "yellow": "Жовтий",
+    "orange": "Помаранчевий",
+    "bronze": "Бронзовий"
   },
   "welcomeScreen": {
     "app": {
@@ -424,10 +440,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
+    "mostUsedCustomColors": "Найбільш використовувані користувацькі кольори",
+    "colors": "Кольори",
     "shades": "",
-    "hexCode": "",
+    "hexCode": "Hex-код",
     "noShades": ""
   }
 }
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 63a4cd68c..9b36c6126 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "Tam giác",
     "fontSize": "Cỡ chữ",
     "fontFamily": "Phông chữ",
-    "onlySelected": "Chỉ lựa chọn",
-    "withBackground": "Nền",
-    "exportEmbedScene": "",
-    "exportEmbedScene_details": "",
     "addWatermark": "Làm với Excalidraw\"",
     "handDrawn": "Vẽ tay",
     "normal": "Bình thường",
@@ -100,7 +96,6 @@
     "flipHorizontal": "Lật ngang",
     "flipVertical": "Lật dọc",
     "viewMode": "Chế độ xem",
-    "toggleExportColorScheme": "",
     "share": "Chia sẻ",
     "showStroke": "Hiển thị chọn màu",
     "showBackground": "Hiện thị chọn màu nền",
@@ -128,7 +123,8 @@
       "unlockAll": "Mở khóa tất cả"
     },
     "statusPublished": "Đã đăng tải",
-    "sidebarLock": "Giữ thanh bên luôn mở"
+    "sidebarLock": "Giữ thanh bên luôn mở",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "Chưa có món nào...",
@@ -140,11 +136,7 @@
     "exportJSON": "Xuất ra tập tin",
     "exportImage": "Xuất file ảnh...",
     "export": "Lưu vào...",
-    "exportToPng": "Xuất ra tập tin PNG",
-    "exportToSvg": "Xuất ra tập tin SVG",
     "copyToClipboard": "Sao chép vào bộ nhớ tạm",
-    "copyPngToClipboard": "Sao chép PNG vào bộ nhớ",
-    "scale": "Co giãn",
     "save": "Lưu vào tập tin hiện tại",
     "saveAs": "Lưu thành",
     "load": "Mở",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": "Xóa món đã chọn khỏi thư viện"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 50ba89073..0cb91c660 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "三角箭头",
     "fontSize": "字体大小",
     "fontFamily": "字体",
-    "onlySelected": "仅选中",
-    "withBackground": "背景",
-    "exportEmbedScene": "包含画布数据",
-    "exportEmbedScene_details": "画布数据将被保存到导出的 PNG/SVG 文件，以便恢复。\n将会增加导出的文件大小。",
     "addWatermark": "添加 “使用 Excalidraw 创建” 水印",
     "handDrawn": "手写",
     "normal": "普通",
@@ -100,7 +96,6 @@
     "flipHorizontal": "水平翻转",
     "flipVertical": "垂直翻转",
     "viewMode": "查看模式",
-    "toggleExportColorScheme": "切换导出配色方案",
     "share": "分享",
     "showStroke": "显示描边颜色选择器",
     "showBackground": "显示背景颜色选择器",
@@ -128,7 +123,8 @@
       "unlockAll": "全部解锁"
     },
     "statusPublished": "已发布",
-    "sidebarLock": "侧边栏常驻"
+    "sidebarLock": "侧边栏常驻",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "尚未添加任何项目……",
@@ -140,11 +136,7 @@
     "exportJSON": "导出为文件",
     "exportImage": "导出图片...",
     "export": "保存到...",
-    "exportToPng": "导出为 PNG",
-    "exportToSvg": "导出为 SVG",
     "copyToClipboard": "复制到剪贴板",
-    "copyPngToClipboard": "复制 PNG 到剪切板",
-    "scale": "缩放",
     "save": "保存至当前文件",
     "saveAs": "保存为",
     "load": "打开",
@@ -363,6 +355,30 @@
     "resetLibrary": "重置素材库",
     "removeItemsFromLib": "从素材库中删除选中的项目"
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "您的绘图采用端到端加密，其内容对于 Excalidraw 服务器是不可见的。",
     "link": "Excalidraw 中关于端到端加密的博客"
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index 6d03449d1..1d31536e1 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "三角箭嘴",
     "fontSize": "字型大小",
     "fontFamily": "字體",
-    "onlySelected": "只匯出已選取的物件",
-    "withBackground": "連同背景色一併匯出",
-    "exportEmbedScene": "嵌入畫布內容",
-    "exportEmbedScene_details": "雖然使用「嵌入畫布內容」匯出的 PNG 或 SVG 檔案大小會有所增加，但是你可以透過匯入包含畫布內容的存檔來回復及繼續編輯。",
     "addWatermark": "加入「使用 Excalidraw 製圖」水印",
     "handDrawn": "手繪體",
     "normal": "電腦字體",
@@ -100,7 +96,6 @@
     "flipHorizontal": "左右反轉",
     "flipVertical": "上下反轉",
     "viewMode": "唯讀模式",
-    "toggleExportColorScheme": "",
     "share": "",
     "showStroke": "",
     "showBackground": "",
@@ -128,7 +123,8 @@
       "unlockAll": ""
     },
     "statusPublished": "",
-    "sidebarLock": ""
+    "sidebarLock": "",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "",
@@ -140,11 +136,7 @@
     "exportJSON": "",
     "exportImage": "",
     "export": "",
-    "exportToPng": "",
-    "exportToSvg": "",
     "copyToClipboard": "",
-    "copyPngToClipboard": "",
-    "scale": "",
     "save": "",
     "saveAs": "",
     "load": "",
@@ -363,6 +355,30 @@
     "resetLibrary": "",
     "removeItemsFromLib": ""
   },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
   "encrypted": {
     "tooltip": "",
     "link": ""
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index b86edb2bc..f0528e546 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -40,10 +40,6 @@
     "arrowhead_triangle": "三角形",
     "fontSize": "字型大小",
     "fontFamily": "字體集",
-    "onlySelected": "僅選取物件",
-    "withBackground": "含有背景",
-    "exportEmbedScene": "嵌入場景",
-    "exportEmbedScene_details": "用於回復場景的場景資料會被包含在輸出的 PNG/SVG 檔案中。\n會增加輸出的檔案大小。",
     "addWatermark": "加上 \"Made with Excalidraw\" 浮水印",
     "handDrawn": "手寫",
     "normal": "一般",
@@ -100,7 +96,6 @@
     "flipHorizontal": "水平翻轉",
     "flipVertical": "垂直翻轉",
     "viewMode": "檢視模式",
-    "toggleExportColorScheme": "切換輸出配色",
     "share": "共享",
     "showStroke": "顯示線條檢色器",
     "showBackground": "顯示背景檢色器",
@@ -128,7 +123,8 @@
       "unlockAll": "全部解鎖"
     },
     "statusPublished": "已發布",
-    "sidebarLock": "側欄維持開啟"
+    "sidebarLock": "側欄維持開啟",
+    "eyeDropper": ""
   },
   "library": {
     "noItems": "尚未加入任何物件...",
@@ -140,11 +136,7 @@
     "exportJSON": "匯出至檔案",
     "exportImage": "匯出圖片",
     "export": "儲存至...",
-    "exportToPng": "輸出成 PNG",
-    "exportToSvg": "輸出成 SVG",
     "copyToClipboard": "複製至剪貼簿",
-    "copyPngToClipboard": "複製 PNG 至剪貼簿",
-    "scale": "縮放比例",
     "save": "儲存目前檔案",
     "saveAs": "儲存為",
     "load": "開啟",
@@ -363,6 +355,30 @@
     "resetLibrary": "重設資料庫",
     "removeItemsFromLib": "從資料庫移除所選的項目"
   },
+  "imageExportDialog": {
+    "header": "匯出圖片",
+    "label": {
+      "withBackground": "背景",
+      "onlySelected": "僅選取物件",
+      "darkMode": "深色模式",
+      "embedScene": "嵌入場景",
+      "scale": "縮放比例",
+      "padding": "內間距"
+    },
+    "tooltip": {
+      "embedScene": "用於回復場景的場景資料會被包含在輸出的 PNG/SVG 檔案中。\n會增加輸出的檔案大小。"
+    },
+    "title": {
+      "exportToPng": "輸出成 PNG",
+      "exportToSvg": "輸出成 SVG",
+      "copyPngToClipboard": "複製 PNG 至剪貼簿"
+    },
+    "button": {
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "複製至剪貼簿"
+    }
+  },
   "encrypted": {
     "tooltip": "你的作品已使用 end-to-end 方式加密，Excalidraw 的伺服器也無法取得其內容。",
     "link": "Excalidraw 端到端加密的相關部落格文章"

From ae7ff761268989131d4e5ff45759d838418dde59 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 6 Jun 2023 14:36:18 +0530
Subject: [PATCH 204/252] fix: cleanup textWysiwyg and getAdjustedDimensions
 (#6520)

* fix: cleanup textWysiwyg and getAdjustedDimensions

* fix lint

* fix test
---
 src/element/newElement.ts        | 28 +---------------
 src/element/textWysiwyg.test.tsx | 48 +++++++++++++++++----------
 src/element/textWysiwyg.tsx      | 57 +++++---------------------------
 3 files changed, 41 insertions(+), 92 deletions(-)

diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 4922a5b4e..7a19f6b37 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -20,15 +20,13 @@ import {
   isTestEnv,
 } from "../utils";
 import { randomInteger, randomId } from "../random";
-import { bumpVersion, mutateElement, newElementWith } from "./mutateElement";
+import { bumpVersion, newElementWith } from "./mutateElement";
 import { getNewGroupIdsForDuplication } from "../groups";
 import { AppState } from "../types";
 import { getElementAbsoluteCoords } from ".";
 import { adjustXYWithRotation } from "../math";
 import { getResizedElementAbsoluteCoords } from "./bounds";
 import {
-  getBoundTextElementOffset,
-  getContainerDims,
   getContainerElement,
   measureText,
   normalizeText,
@@ -44,7 +42,6 @@ import {
   DEFAULT_VERTICAL_ALIGN,
   VERTICAL_ALIGN,
 } from "../constants";
-import { isArrowElement } from "./typeChecks";
 import { MarkOptional, Merge, Mutable } from "../utility-types";
 
 type ElementConstructorOpts = MarkOptional<
@@ -211,8 +208,6 @@ const getAdjustedDimensions = (
   height: number;
   baseline: number;
 } => {
-  const container = getContainerElement(element);
-
   const {
     width: nextWidth,
     height: nextHeight,
@@ -268,27 +263,6 @@ const getAdjustedDimensions = (
     );
   }
 
-  // make sure container dimensions are set properly when
-  // text editor overflows beyond viewport dimensions
-  if (container) {
-    const boundTextElementPadding = getBoundTextElementOffset(element);
-
-    const containerDims = getContainerDims(container);
-    let height = containerDims.height;
-    let width = containerDims.width;
-    if (nextHeight > height - boundTextElementPadding * 2) {
-      height = nextHeight + boundTextElementPadding * 2;
-    }
-    if (nextWidth > width - boundTextElementPadding * 2) {
-      width = nextWidth + boundTextElementPadding * 2;
-    }
-    if (
-      !isArrowElement(container) &&
-      (height !== containerDims.height || width !== containerDims.width)
-    ) {
-      mutateElement(container, { height, width });
-    }
-  }
   return {
     width: nextWidth,
     height: nextHeight,
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 294c13263..0a5bbf320 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -1213,32 +1213,46 @@ describe("textWysiwyg", () => {
     });
 
     it("should restore original container height and clear cache once text is unbind", async () => {
-      const originalRectHeight = rectangle.height;
-      expect(rectangle.height).toBe(originalRectHeight);
-
-      Keyboard.keyPress(KEYS.ENTER);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
-      await new Promise((r) => setTimeout(r, 0));
-
-      fireEvent.change(editor, {
-        target: { value: "Online whiteboard collaboration made easy" },
+      const container = API.createElement({
+        type: "rectangle",
+        height: 75,
+        width: 90,
       });
-      editor.blur();
-      expect(rectangle.height).toBe(185);
-      mouse.select(rectangle);
+      const originalRectHeight = container.height;
+      expect(container.height).toBe(originalRectHeight);
+
+      const text = API.createElement({
+        type: "text",
+        text: "Online whiteboard collaboration made easy",
+      });
+      h.elements = [container, text];
+      API.setSelectedElements([container, text]);
+
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
         clientX: 20,
         clientY: 30,
       });
-      const contextMenu = document.querySelector(".context-menu");
+      let contextMenu = document.querySelector(".context-menu");
+
+      fireEvent.click(
+        queryByText(contextMenu as HTMLElement, "Bind text to the container")!,
+      );
+
+      expect((h.elements[1] as ExcalidrawTextElementWithContainer).text).toBe(
+        "Online \nwhitebo\nard \ncollabo\nration \nmade \neasy",
+      );
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+      contextMenu = document.querySelector(".context-menu");
       fireEvent.click(queryByText(contextMenu as HTMLElement, "Unbind text")!);
       expect(h.elements[0].boundElements).toEqual([]);
-      expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(null);
+      expect(getOriginalContainerHeightFromCache(container.id)).toBe(null);
 
-      expect(rectangle.height).toBe(originalRectHeight);
+      expect(container.height).toBe(originalRectHeight);
     });
 
     it("should reset the container height cache when resizing", async () => {
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 5b94ab3e8..9105ba700 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -11,7 +11,7 @@ import {
   isBoundToContainer,
   isTextElement,
 } from "./typeChecks";
-import { CLASSES, isSafari, VERTICAL_ALIGN } from "../constants";
+import { CLASSES, isSafari } from "../constants";
 import {
   ExcalidrawElement,
   ExcalidrawLinearElement,
@@ -23,12 +23,10 @@ import { AppState } from "../types";
 import { mutateElement } from "./mutateElement";
 import {
   getBoundTextElementId,
-  getContainerCoords,
   getContainerDims,
   getContainerElement,
   getTextElementAngle,
   getTextWidth,
-  measureText,
   normalizeText,
   redrawTextBoundingBox,
   wrapText,
@@ -36,6 +34,7 @@ import {
   getBoundTextMaxWidth,
   computeContainerDimensionForBoundText,
   detectLineHeight,
+  computeBoundTextPosition,
 } from "./textElement";
 import {
   actionDecreaseFontSize,
@@ -162,7 +161,7 @@ export const textWysiwyg = ({
       let textElementWidth = updatedTextElement.width;
       // Set to element height by default since that's
       // what is going to be used for unbounded text
-      let textElementHeight = updatedTextElement.height;
+      const textElementHeight = updatedTextElement.height;
 
       if (container && updatedTextElement.containerId) {
         if (isArrowElement(container)) {
@@ -179,15 +178,6 @@ export const textWysiwyg = ({
           editable,
         );
         const containerDims = getContainerDims(container);
-        // using editor.style.height to get the accurate height of text editor
-        const editorHeight = Number(editable.style.height.slice(0, -2));
-        if (editorHeight > 0) {
-          textElementHeight = editorHeight;
-        }
-        if (propertiesUpdated) {
-          // update height of the editor after properties updated
-          textElementHeight = updatedTextElement.height;
-        }
 
         let originalContainerData;
         if (propertiesUpdated) {
@@ -232,22 +222,12 @@ export const textWysiwyg = ({
             container.type,
           );
           mutateElement(container, { height: targetContainerHeight });
-        }
-        // Start pushing text upward until a diff of 30px (padding)
-        // is reached
-        else {
-          const containerCoords = getContainerCoords(container);
-
-          // vertically center align the text
-          if (verticalAlign === VERTICAL_ALIGN.MIDDLE) {
-            if (!isArrowElement(container)) {
-              coordY =
-                containerCoords.y + maxHeight / 2 - textElementHeight / 2;
-            }
-          }
-          if (verticalAlign === VERTICAL_ALIGN.BOTTOM) {
-            coordY = containerCoords.y + (maxHeight - textElementHeight);
-          }
+        } else {
+          const { y } = computeBoundTextPosition(
+            container,
+            updatedTextElement as ExcalidrawTextElementWithContainer,
+          );
+          coordY = y;
         }
       }
       const [viewportX, viewportY] = getViewportCoords(coordX, coordY);
@@ -388,25 +368,6 @@ export const textWysiwyg = ({
     };
 
     editable.oninput = () => {
-      const updatedTextElement = Scene.getScene(element)?.getElement(
-        id,
-      ) as ExcalidrawTextElement;
-      const font = getFontString(updatedTextElement);
-      if (isBoundToContainer(element)) {
-        const container = getContainerElement(element);
-        const wrappedText = wrapText(
-          normalizeText(editable.value),
-          font,
-          getBoundTextMaxWidth(container!),
-        );
-        const { width, height } = measureText(
-          wrappedText,
-          font,
-          updatedTextElement.lineHeight,
-        );
-        editable.style.width = `${width}px`;
-        editable.style.height = `${height}px`;
-      }
       onChange(normalizeText(editable.value));
     };
   }

From 84bd9bd4ffc079d73b009ea80b34f678f9146e64 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 6 Jun 2023 22:04:06 +0200
Subject: [PATCH 205/252] fix: creating text while color picker open (#6651)

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/components/App.tsx                     |  17 +-
 src/components/ColorPicker/ColorPicker.tsx |  11 +-
 src/element/textWysiwyg.test.tsx           | 260 +++++++--------------
 src/utils.ts                               |   7 +
 4 files changed, 111 insertions(+), 184 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index f4c7689bb..87f94496e 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -825,6 +825,14 @@ class App extends React.Component<AppProps, AppState> {
         if (typeof this.props.name !== "undefined") {
           name = this.props.name;
         }
+
+        editingElement =
+          editingElement || actionResult.appState?.editingElement || null;
+
+        if (editingElement?.isDeleted) {
+          editingElement = null;
+        }
+
         this.setState(
           (state) => {
             // using Object.assign instead of spread to fool TS 4.2.2+ into
@@ -835,8 +843,7 @@ class App extends React.Component<AppProps, AppState> {
               // or programmatically from the host, so it will need to be
               // rewritten later
               contextMenu: null,
-              editingElement:
-                editingElement || actionResult.appState?.editingElement || null,
+              editingElement,
               viewModeEnabled,
               zenModeEnabled,
               gridSize,
@@ -1347,6 +1354,12 @@ class App extends React.Component<AppProps, AppState> {
       });
     }
 
+    // failsafe in case the state is being updated in incorrect order resulting
+    // in the editingElement being now a deleted element
+    if (this.state.editingElement?.isDeleted) {
+      this.setState({ editingElement: null });
+    }
+
     if (
       this.state.selectedLinearElement &&
       !this.state.selectedElementIds[this.state.selectedLinearElement.elementId]
diff --git a/src/components/ColorPicker/ColorPicker.tsx b/src/components/ColorPicker/ColorPicker.tsx
index cec9ef9a9..d2f89c81e 100644
--- a/src/components/ColorPicker/ColorPicker.tsx
+++ b/src/components/ColorPicker/ColorPicker.tsx
@@ -1,4 +1,4 @@
-import { isTransparent, isWritableElement } from "../../utils";
+import { isInteractive, isTransparent, isWritableElement } from "../../utils";
 import { ExcalidrawElement } from "../../element/types";
 import { AppState } from "../../types";
 import { TopPicks } from "./TopPicks";
@@ -121,11 +121,14 @@ const ColorPickerPopupContent = ({
           }
         }}
         onCloseAutoFocus={(e) => {
-          e.preventDefault();
           e.stopPropagation();
+          // prevents focusing the trigger
+          e.preventDefault();
 
-          // return focus to excalidraw container
-          if (container) {
+          // return focus to excalidraw container unless
+          // user focuses an interactive element, such as a button, or
+          // enters the text editor by clicking on canvas with the text tool
+          if (container && !isInteractive(document.activeElement)) {
             container.focus();
           }
 
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 0a5bbf320..3892d7030 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -26,6 +26,17 @@ ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 const tab = "    ";
 const mouse = new Pointer("mouse");
 
+const getTextEditor = () => {
+  return document.querySelector(
+    ".excalidraw-textEditorContainer > textarea",
+  ) as HTMLTextAreaElement;
+};
+
+const updateTextEditor = (editor: HTMLTextAreaElement, value: string) => {
+  fireEvent.change(editor, { target: { value } });
+  editor.dispatchEvent(new Event("input"));
+};
+
 describe("textWysiwyg", () => {
   describe("start text editing", () => {
     const { h } = window;
@@ -190,9 +201,7 @@ describe("textWysiwyg", () => {
 
       mouse.clickAt(text.x + 50, text.y + 50);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
       expect(editor).not.toBe(null);
       expect(h.state.editingElement?.id).toBe(text.id);
@@ -214,9 +223,7 @@ describe("textWysiwyg", () => {
 
       mouse.doubleClickAt(text.x + 50, text.y + 50);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
       expect(editor).not.toBe(null);
       expect(h.state.editingElement?.id).toBe(text.id);
@@ -243,9 +250,7 @@ describe("textWysiwyg", () => {
       textElement = UI.createElement("text");
 
       mouse.clickOn(textElement);
-      textarea = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      )!;
+      textarea = getTextEditor();
     });
 
     afterAll(() => {
@@ -455,17 +460,11 @@ describe("textWysiwyg", () => {
       UI.clickTool("text");
       mouse.clickAt(750, 300);
 
-      textarea = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      )!;
-      fireEvent.change(textarea, {
-        target: {
-          value:
-            "Excalidraw is an opensource virtual collaborative whiteboard for sketching hand-drawn like diagrams!",
-        },
-      });
-
-      textarea.dispatchEvent(new Event("input"));
+      textarea = getTextEditor();
+      updateTextEditor(
+        textarea,
+        "Excalidraw is an opensource virtual collaborative whiteboard for sketching hand-drawn like diagrams!",
+      );
       await new Promise((cb) => setTimeout(cb, 0));
       textarea.blur();
       expect(textarea.style.width).toBe("792px");
@@ -513,11 +512,9 @@ describe("textWysiwyg", () => {
         { id: text.id, type: "text" },
       ]);
       mouse.down();
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
@@ -543,11 +540,9 @@ describe("textWysiwyg", () => {
       ]);
       expect(text.angle).toBe(rectangle.angle);
       mouse.down();
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
@@ -572,9 +567,7 @@ describe("textWysiwyg", () => {
       API.setSelectedElements([diamond]);
       Keyboard.keyPress(KEYS.ENTER);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
       await new Promise((r) => setTimeout(r, 0));
       const value = new Array(1000).fill("1").join("\n");
@@ -587,9 +580,7 @@ describe("textWysiwyg", () => {
       expect(diamond.height).toBe(50020);
 
       // Clearing text to simulate height decrease
-      expect(() =>
-        fireEvent.input(editor, { target: { value: "" } }),
-      ).not.toThrow();
+      expect(() => updateTextEditor(editor, "")).not.toThrow();
 
       expect(diamond.height).toBe(70);
     });
@@ -611,9 +602,7 @@ describe("textWysiwyg", () => {
       expect(text.type).toBe("text");
       expect(text.containerId).toBe(null);
       mouse.down();
-      let editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      let editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
 
@@ -628,11 +617,9 @@ describe("textWysiwyg", () => {
       expect(text.containerId).toBe(rectangle.id);
 
       mouse.down();
-      editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      editor = getTextEditor();
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
 
@@ -652,13 +639,11 @@ describe("textWysiwyg", () => {
       const text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.type).toBe("text");
       expect(text.containerId).toBe(rectangle.id);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
       await new Promise((r) => setTimeout(r, 0));
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
       editor.blur();
       expect(rectangle.boundElements).toStrictEqual([
         { id: text.id, type: "text" },
@@ -689,11 +674,8 @@ describe("textWysiwyg", () => {
         { id: text.id, type: "text" },
       ]);
       mouse.down();
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
-
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      const editor = getTextEditor();
+      updateTextEditor(editor, "Hello World!");
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
@@ -717,17 +699,9 @@ describe("textWysiwyg", () => {
         freedraw.y + freedraw.height / 2,
       );
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
-
-      fireEvent.change(editor, {
-        target: {
-          value: "Hello World!",
-        },
-      });
+      const editor = getTextEditor();
+      updateTextEditor(editor, "Hello World!");
       fireEvent.keyDown(editor, { key: KEYS.ESCAPE });
-      editor.dispatchEvent(new Event("input"));
 
       expect(freedraw.boundElements).toBe(null);
       expect(h.elements[1].type).toBe("text");
@@ -759,11 +733,9 @@ describe("textWysiwyg", () => {
       expect(text.type).toBe("text");
       expect(text.containerId).toBe(null);
       mouse.down();
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
@@ -776,17 +748,12 @@ describe("textWysiwyg", () => {
 
       UI.clickTool("text");
       mouse.clickAt(20, 30);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
-      fireEvent.change(editor, {
-        target: {
-          value: "Excalidraw is an opensource virtual collaborative whiteboard",
-        },
-      });
-
-      editor.dispatchEvent(new Event("input"));
+      updateTextEditor(
+        editor,
+        "Excalidraw is an opensource virtual collaborative whiteboard",
+      );
       await new Promise((cb) => setTimeout(cb, 0));
       expect(h.elements.length).toBe(2);
       expect(h.elements[1].type).toBe("text");
@@ -826,12 +793,10 @@ describe("textWysiwyg", () => {
       mouse.down();
 
       const text = h.elements[1] as ExcalidrawTextElementWithContainer;
-      let editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      let editor = getTextEditor();
 
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
       editor.blur();
       expect(text.fontFamily).toEqual(FONT_FAMILY.Virgil);
       UI.clickTool("text");
@@ -841,9 +806,7 @@ describe("textWysiwyg", () => {
         rectangle.y + rectangle.height / 2,
       );
       mouse.down();
-      editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      editor = getTextEditor();
 
       editor.select();
       fireEvent.click(screen.getByTitle(/code/i));
@@ -876,17 +839,9 @@ describe("textWysiwyg", () => {
 
       Keyboard.keyDown(KEYS.ENTER);
       let text = h.elements[1] as ExcalidrawTextElementWithContainer;
-      let editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      let editor = getTextEditor();
 
-      fireEvent.change(editor, {
-        target: {
-          value: "Hello World!",
-        },
-      });
-
-      editor.dispatchEvent(new Event("input"));
+      updateTextEditor(editor, "Hello World!");
 
       await new Promise((cb) => setTimeout(cb, 0));
       editor.blur();
@@ -905,17 +860,8 @@ describe("textWysiwyg", () => {
       mouse.select(rectangle);
       Keyboard.keyPress(KEYS.ENTER);
 
-      editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
-
-      fireEvent.change(editor, {
-        target: {
-          value: "Hello",
-        },
-      });
-
-      editor.dispatchEvent(new Event("input"));
+      editor = getTextEditor();
+      updateTextEditor(editor, "Hello");
 
       await new Promise((r) => setTimeout(r, 0));
 
@@ -943,13 +889,11 @@ describe("textWysiwyg", () => {
       const text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.containerId).toBe(rectangle.id);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
       await new Promise((r) => setTimeout(r, 0));
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
       editor.blur();
       expect(rectangle.boundElements).toStrictEqual([
         { id: text.id, type: "text" },
@@ -982,11 +926,9 @@ describe("textWysiwyg", () => {
       // Bind first text
       const text = h.elements[1] as ExcalidrawTextElementWithContainer;
       expect(text.containerId).toBe(rectangle.id);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
       editor.blur();
       expect(rectangle.boundElements).toStrictEqual([
         { id: text.id, type: "text" },
@@ -1005,11 +947,9 @@ describe("textWysiwyg", () => {
     it("should respect text alignment when resizing", async () => {
       Keyboard.keyPress(KEYS.ENTER);
 
-      let editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      let editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello" } });
+      updateTextEditor(editor, "Hello");
       editor.blur();
 
       // should center align horizontally and vertically by default
@@ -1024,9 +964,7 @@ describe("textWysiwyg", () => {
       mouse.select(rectangle);
       Keyboard.keyPress(KEYS.ENTER);
 
-      editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      editor = getTextEditor();
 
       editor.select();
 
@@ -1049,9 +987,7 @@ describe("textWysiwyg", () => {
 
       mouse.select(rectangle);
       Keyboard.keyPress(KEYS.ENTER);
-      editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      editor = getTextEditor();
 
       editor.select();
 
@@ -1089,11 +1025,9 @@ describe("textWysiwyg", () => {
       expect(text.type).toBe("text");
       expect(text.containerId).toBe(rectangle.id);
       mouse.down();
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      updateTextEditor(editor, "Hello World!");
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
@@ -1106,11 +1040,9 @@ describe("textWysiwyg", () => {
     it("should scale font size correctly when resizing using shift", async () => {
       Keyboard.keyPress(KEYS.ENTER);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello" } });
+      updateTextEditor(editor, "Hello");
       editor.blur();
       const textElement = h.elements[1] as ExcalidrawTextElement;
       expect(rectangle.width).toBe(90);
@@ -1128,11 +1060,9 @@ describe("textWysiwyg", () => {
     it("should bind text correctly when container duplicated with alt-drag", async () => {
       Keyboard.keyPress(KEYS.ENTER);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello" } });
+      updateTextEditor(editor, "Hello");
       editor.blur();
       expect(h.elements.length).toBe(2);
 
@@ -1162,11 +1092,9 @@ describe("textWysiwyg", () => {
 
     it("undo should work", async () => {
       Keyboard.keyPress(KEYS.ENTER);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello" } });
+      updateTextEditor(editor, "Hello");
       editor.blur();
       expect(rectangle.boundElements).toStrictEqual([
         { id: h.elements[1].id, type: "text" },
@@ -1201,12 +1129,10 @@ describe("textWysiwyg", () => {
 
     it("should not allow bound text with only whitespaces", async () => {
       Keyboard.keyPress(KEYS.ENTER);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
 
-      fireEvent.change(editor, { target: { value: "   " } });
+      updateTextEditor(editor, "   ");
       editor.blur();
       expect(rectangle.boundElements).toStrictEqual([]);
       expect(h.elements[1].isDeleted).toBe(true);
@@ -1225,9 +1151,9 @@ describe("textWysiwyg", () => {
         type: "text",
         text: "Online whiteboard collaboration made easy",
       });
+
       h.elements = [container, text];
       API.setSelectedElements([container, text]);
-
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
         clientX: 20,
@@ -1258,11 +1184,9 @@ describe("textWysiwyg", () => {
     it("should reset the container height cache when resizing", async () => {
       Keyboard.keyPress(KEYS.ENTER);
       expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
-      let editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      let editor = getTextEditor();
       await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello" } });
+      updateTextEditor(editor, "Hello");
       editor.blur();
 
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
@@ -1272,9 +1196,7 @@ describe("textWysiwyg", () => {
       mouse.select(rectangle);
       Keyboard.keyPress(KEYS.ENTER);
 
-      editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      editor = getTextEditor();
 
       await new Promise((r) => setTimeout(r, 0));
       editor.blur();
@@ -1287,12 +1209,8 @@ describe("textWysiwyg", () => {
       Keyboard.keyPress(KEYS.ENTER);
       expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
-
-      await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      const editor = getTextEditor();
+      updateTextEditor(editor, "Hello World!");
       editor.blur();
 
       mouse.select(rectangle);
@@ -1316,12 +1234,8 @@ describe("textWysiwyg", () => {
       Keyboard.keyPress(KEYS.ENTER);
       expect(getOriginalContainerHeightFromCache(rectangle.id)).toBe(75);
 
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
-
-      await new Promise((r) => setTimeout(r, 0));
-      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      const editor = getTextEditor();
+      updateTextEditor(editor, "Hello World!");
       editor.blur();
       expect(
         (h.elements[1] as ExcalidrawTextElementWithContainer).lineHeight,
@@ -1352,17 +1266,12 @@ describe("textWysiwyg", () => {
 
       beforeEach(async () => {
         Keyboard.keyPress(KEYS.ENTER);
-        editor = document.querySelector(
-          ".excalidraw-textEditorContainer > textarea",
-        ) as HTMLTextAreaElement;
-        await new Promise((r) => setTimeout(r, 0));
-        fireEvent.change(editor, { target: { value: "Hello" } });
+        editor = getTextEditor();
+        updateTextEditor(editor, "Hello");
         editor.blur();
         mouse.select(rectangle);
         Keyboard.keyPress(KEYS.ENTER);
-        editor = document.querySelector(
-          ".excalidraw-textEditorContainer > textarea",
-        ) as HTMLTextAreaElement;
+        editor = getTextEditor();
         editor.select();
       });
 
@@ -1473,17 +1382,12 @@ describe("textWysiwyg", () => {
     it("should wrap text in a container when wrap text in container triggered from context menu", async () => {
       UI.clickTool("text");
       mouse.clickAt(20, 30);
-      const editor = document.querySelector(
-        ".excalidraw-textEditorContainer > textarea",
-      ) as HTMLTextAreaElement;
+      const editor = getTextEditor();
 
-      fireEvent.change(editor, {
-        target: {
-          value: "Excalidraw is an opensource virtual collaborative whiteboard",
-        },
-      });
-
-      editor.dispatchEvent(new Event("input"));
+      updateTextEditor(
+        editor,
+        "Excalidraw is an opensource virtual collaborative whiteboard",
+      );
       await new Promise((cb) => setTimeout(cb, 0));
 
       editor.select();
diff --git a/src/utils.ts b/src/utils.ts
index b5a65cae2..98dfb48d7 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -60,6 +60,13 @@ export const isInputLike = (
   target instanceof HTMLTextAreaElement ||
   target instanceof HTMLSelectElement;
 
+export const isInteractive = (target: Element | EventTarget | null) => {
+  return (
+    isInputLike(target) ||
+    (target instanceof Element && !!target.closest("label, button"))
+  );
+};
+
 export const isWritableElement = (
   target: Element | EventTarget | null,
 ): target is

From a39640ead1d90e7c4b5f4d30fdf07735bf5f3f3e Mon Sep 17 00:00:00 2001
From: WBbug <1056342711@qq.com>
Date: Thu, 8 Jun 2023 17:41:22 +0800
Subject: [PATCH 206/252] fix: delete setCursor when resize (#6660)

---
 src/components/App.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 87f94496e..ad41e7289 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -4155,12 +4155,6 @@ class App extends React.Component<AppProps, AppState> {
         );
       }
       if (pointerDownState.resize.handleType) {
-        setCursor(
-          this.canvas,
-          getCursorForResizingElement({
-            transformHandleType: pointerDownState.resize.handleType,
-          }),
-        );
         pointerDownState.resize.isResizing = true;
         pointerDownState.resize.offset = tupleToCoors(
           getResizeOffsetXY(

From b4abfad6381e99ab0e1b73f91f3846055e43b8bf Mon Sep 17 00:00:00 2001
From: Alex Kim <45559664+alex-kim-dev@users.noreply.github.com>
Date: Fri, 9 Jun 2023 16:22:40 +0500
Subject: [PATCH 207/252] fix: bound arrows not updated when rotating multiple
 elements (#6662)

---
 src/element/resizeElements.ts | 42 +++++++++++++++++++++--------------
 1 file changed, 25 insertions(+), 17 deletions(-)

diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 3610d7577..6e49b7e09 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -890,26 +890,34 @@ const rotateMultipleElements = (
       centerY,
       centerAngle + origAngle - element.angle,
     );
-    mutateElement(element, {
-      x: element.x + (rotatedCX - cx),
-      y: element.y + (rotatedCY - cy),
-      angle: normalizeAngle(centerAngle + origAngle),
-    });
-    const boundTextElementId = getBoundTextElementId(element);
-    if (boundTextElementId) {
-      const textElement =
-        Scene.getScene(element)?.getElement<ExcalidrawTextElementWithContainer>(
-          boundTextElementId,
-        );
-      if (textElement && !isArrowElement(element)) {
-        mutateElement(textElement, {
-          x: textElement.x + (rotatedCX - cx),
-          y: textElement.y + (rotatedCY - cy),
+
+    mutateElement(
+      element,
+      {
+        x: element.x + (rotatedCX - cx),
+        y: element.y + (rotatedCY - cy),
+        angle: normalizeAngle(centerAngle + origAngle),
+      },
+      false,
+    );
+
+    updateBoundElements(element, { simultaneouslyUpdated: elements });
+
+    const boundText = getBoundTextElement(element);
+    if (boundText && !isArrowElement(element)) {
+      mutateElement(
+        boundText,
+        {
+          x: boundText.x + (rotatedCX - cx),
+          y: boundText.y + (rotatedCY - cy),
           angle: normalizeAngle(centerAngle + origAngle),
-        });
-      }
+        },
+        false,
+      );
     }
   });
+
+  Scene.getScene(elements[0])?.informMutation();
 };
 
 export const getResizeOffsetXY = (

From 5ca3613cc30f207e32558af9a8b9c35e3bb95d49 Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Mon, 12 Jun 2023 15:43:14 +0200
Subject: [PATCH 208/252] feat: redesigned collab cursors (#6659)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionNavigate.tsx |   7 +-
 src/clients.ts                 |  52 ++++++-------
 src/components/Avatar.scss     |   5 +-
 src/components/Avatar.tsx      |   1 -
 src/renderer/renderScene.ts    | 131 +++++++++++++++++----------------
 5 files changed, 100 insertions(+), 96 deletions(-)

diff --git a/src/actions/actionNavigate.tsx b/src/actions/actionNavigate.tsx
index 1b808e4a7..126e547ae 100644
--- a/src/actions/actionNavigate.tsx
+++ b/src/actions/actionNavigate.tsx
@@ -1,4 +1,4 @@
-import { getClientColors } from "../clients";
+import { getClientColor } from "../clients";
 import { Avatar } from "../components/Avatar";
 import { centerScrollOn } from "../scene/scroll";
 import { Collaborator } from "../types";
@@ -31,15 +31,14 @@ export const actionGoToCollaborator = register({
       commitToHistory: false,
     };
   },
-  PanelComponent: ({ appState, updateData, data }) => {
+  PanelComponent: ({ updateData, data }) => {
     const [clientId, collaborator] = data as [string, Collaborator];
 
-    const { background, stroke } = getClientColors(clientId, appState);
+    const background = getClientColor(clientId);
 
     return (
       <Avatar
         color={background}
-        border={stroke}
         onClick={() => updateData(collaborator.pointer)}
         name={collaborator.username || ""}
         src={collaborator.avatarUrl}
diff --git a/src/clients.ts b/src/clients.ts
index 604936e33..354098918 100644
--- a/src/clients.ts
+++ b/src/clients.ts
@@ -1,31 +1,31 @@
-import {
-  DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
-  DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
-  getAllColorsSpecificShade,
-} from "./colors";
-import { AppState } from "./types";
-
-const BG_COLORS = getAllColorsSpecificShade(
-  DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
-);
-const STROKE_COLORS = getAllColorsSpecificShade(
-  DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
-);
-
-export const getClientColors = (clientId: string, appState: AppState) => {
-  if (appState?.collaborators) {
-    const currentUser = appState.collaborators.get(clientId);
-    if (currentUser?.color) {
-      return currentUser.color;
-    }
+function hashToInteger(id: string) {
+  let hash = 0;
+  if (id.length === 0) {
+    return hash;
   }
-  // Naive way of getting an integer out of the clientId
-  const sum = clientId.split("").reduce((a, str) => a + str.charCodeAt(0), 0);
+  for (let i = 0; i < id.length; i++) {
+    const char = id.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+  }
+  return hash;
+}
 
-  return {
-    background: BG_COLORS[sum % BG_COLORS.length],
-    stroke: STROKE_COLORS[sum % STROKE_COLORS.length],
-  };
+export const getClientColor = (
+  /**
+   * any uniquely identifying key, such as user id or socket id
+   */
+  id: string,
+) => {
+  // to get more even distribution in case `id` is not uniformly distributed to
+  // begin with, we hash it
+  const hash = Math.abs(hashToInteger(id));
+  // we want to get a multiple of 10 number in the range of 0-360 (in other
+  // words a hue value of step size 10). There are 37 such values including 0.
+  const hue = (hash % 37) * 10;
+  const saturation = 100;
+  const lightness = 83;
+
+  return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
 };
 
 /**
diff --git a/src/components/Avatar.scss b/src/components/Avatar.scss
index 86b9c4238..c0c66f0a2 100644
--- a/src/components/Avatar.scss
+++ b/src/components/Avatar.scss
@@ -10,10 +10,9 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    color: $oc-white;
     cursor: pointer;
-    font-size: 0.625rem;
-    font-weight: 500;
+    font-size: 0.75rem;
+    font-weight: 800;
     line-height: 1;
 
     &-img {
diff --git a/src/components/Avatar.tsx b/src/components/Avatar.tsx
index 20dc7b9f2..8b4624b7f 100644
--- a/src/components/Avatar.tsx
+++ b/src/components/Avatar.tsx
@@ -6,7 +6,6 @@ import { getNameInitial } from "../clients";
 type AvatarProps = {
   onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
   color: string;
-  border: string;
   name: string;
   src?: string;
 };
diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index c8b64b47b..53c4f387f 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -30,7 +30,7 @@ import {
 import { getSelectedElements } from "../scene/selection";
 
 import { renderElement, renderElementToSvg } from "./renderElement";
-import { getClientColors } from "../clients";
+import { getClientColor } from "../clients";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import {
   isSelectedViaGroup,
@@ -48,11 +48,7 @@ import {
   TransformHandles,
   TransformHandleType,
 } from "../element/transformHandles";
-import {
-  viewportCoordsToSceneCoords,
-  supportsEmoji,
-  throttleRAF,
-} from "../utils";
+import { viewportCoordsToSceneCoords, throttleRAF } from "../utils";
 import { UserIdleState } from "../types";
 import { THEME_FILTER } from "../constants";
 import {
@@ -61,7 +57,6 @@ import {
 } from "../element/Hyperlink";
 import { isLinearElement } from "../element/typeChecks";
 
-const hasEmojiSupport = supportsEmoji();
 export const DEFAULT_SPACING = 2;
 
 const strokeRectWithRotation = (
@@ -159,7 +154,6 @@ const strokeGrid = (
 
 const renderSingleLinearPoint = (
   context: CanvasRenderingContext2D,
-  appState: AppState,
   renderConfig: RenderConfig,
   point: Point,
   radius: number,
@@ -206,14 +200,7 @@ const renderLinearPointHandles = (
     const isSelected =
       !!appState.editingLinearElement?.selectedPointsIndices?.includes(idx);
 
-    renderSingleLinearPoint(
-      context,
-      appState,
-      renderConfig,
-      point,
-      radius,
-      isSelected,
-    );
+    renderSingleLinearPoint(context, renderConfig, point, radius, isSelected);
   });
 
   //Rendering segment mid points
@@ -237,7 +224,6 @@ const renderLinearPointHandles = (
       if (appState.editingLinearElement) {
         renderSingleLinearPoint(
           context,
-          appState,
           renderConfig,
           segmentMidPoint,
           radius,
@@ -248,7 +234,6 @@ const renderLinearPointHandles = (
         highlightPoint(segmentMidPoint, context, renderConfig);
         renderSingleLinearPoint(
           context,
-          appState,
           renderConfig,
           segmentMidPoint,
           radius,
@@ -258,7 +243,6 @@ const renderLinearPointHandles = (
     } else if (appState.editingLinearElement || points.length === 2) {
       renderSingleLinearPoint(
         context,
-        appState,
         renderConfig,
         segmentMidPoint,
         POINT_HANDLE_SIZE / 2,
@@ -527,7 +511,7 @@ export const _renderScene = ({
             selectionColors.push(
               ...renderConfig.remoteSelectedElementIds[element.id].map(
                 (socketId) => {
-                  const { background } = getClientColors(socketId, appState);
+                  const background = getClientColor(socketId);
                   return background;
                 },
               ),
@@ -647,7 +631,7 @@ export const _renderScene = ({
       x -= appState.offsetLeft;
       y -= appState.offsetTop;
 
-      const width = 9;
+      const width = 11;
       const height = 14;
 
       const isOutOfBounds =
@@ -661,15 +645,20 @@ export const _renderScene = ({
       y = Math.max(y, 0);
       y = Math.min(y, normalizedCanvasHeight - height);
 
-      const { background, stroke } = getClientColors(clientId, appState);
+      const background = getClientColor(clientId);
 
       context.save();
-      context.strokeStyle = stroke;
+      context.strokeStyle = background;
       context.fillStyle = background;
 
       const userState = renderConfig.remotePointerUserStates[clientId];
-      if (isOutOfBounds || userState === UserIdleState.AWAY) {
-        context.globalAlpha = 0.48;
+      const isInactive =
+        isOutOfBounds ||
+        userState === UserIdleState.IDLE ||
+        userState === UserIdleState.AWAY;
+
+      if (isInactive) {
+        context.globalAlpha = 0.3;
       }
 
       if (
@@ -686,73 +675,91 @@ export const _renderScene = ({
         context.beginPath();
         context.arc(x, y, 15, 0, 2 * Math.PI, false);
         context.lineWidth = 1;
-        context.strokeStyle = stroke;
+        context.strokeStyle = background;
         context.stroke();
         context.closePath();
       }
 
+      // Background (white outline) for arrow
+      context.fillStyle = oc.white;
+      context.strokeStyle = oc.white;
+      context.lineWidth = 6;
+      context.lineJoin = "round";
       context.beginPath();
       context.moveTo(x, y);
-      context.lineTo(x + 1, y + 14);
+      context.lineTo(x + 0, y + 14);
       context.lineTo(x + 4, y + 9);
-      context.lineTo(x + 9, y + 10);
-      context.lineTo(x, y);
-      context.fill();
+      context.lineTo(x + 11, y + 8);
+      context.closePath();
       context.stroke();
+      context.fill();
 
-      const username = renderConfig.remotePointerUsernames[clientId];
-
-      let idleState = "";
-      if (userState === UserIdleState.AWAY) {
-        idleState = hasEmojiSupport ? "⚫️" : ` (${UserIdleState.AWAY})`;
-      } else if (userState === UserIdleState.IDLE) {
-        idleState = hasEmojiSupport ? "💤" : ` (${UserIdleState.IDLE})`;
+      // Arrow
+      context.fillStyle = background;
+      context.strokeStyle = background;
+      context.lineWidth = 2;
+      context.lineJoin = "round";
+      context.beginPath();
+      if (isInactive) {
+        context.moveTo(x - 1, y - 1);
+        context.lineTo(x - 1, y + 15);
+        context.lineTo(x + 5, y + 10);
+        context.lineTo(x + 12, y + 9);
+        context.closePath();
+        context.fill();
+      } else {
+        context.moveTo(x, y);
+        context.lineTo(x + 0, y + 14);
+        context.lineTo(x + 4, y + 9);
+        context.lineTo(x + 11, y + 8);
+        context.closePath();
+        context.fill();
+        context.stroke();
       }
 
-      const usernameAndIdleState = `${username || ""}${
-        idleState ? ` ${idleState}` : ""
-      }`;
+      const username = renderConfig.remotePointerUsernames[clientId] || "";
 
-      if (!isOutOfBounds && usernameAndIdleState) {
-        const offsetX = x + width;
-        const offsetY = y + height;
-        const paddingHorizontal = 4;
-        const paddingVertical = 4;
-        const measure = context.measureText(usernameAndIdleState);
+      if (!isOutOfBounds && username) {
+        context.font = "600 12px sans-serif"; // font has to be set before context.measureText()
+
+        const offsetX = x + width / 2;
+        const offsetY = y + height + 2;
+        const paddingHorizontal = 5;
+        const paddingVertical = 3;
+        const measure = context.measureText(username);
         const measureHeight =
           measure.actualBoundingBoxDescent + measure.actualBoundingBoxAscent;
+        const finalHeight = Math.max(measureHeight, 12);
 
         const boxX = offsetX - 1;
         const boxY = offsetY - 1;
-        const boxWidth = measure.width + 2 * paddingHorizontal + 2;
-        const boxHeight = measureHeight + 2 * paddingVertical + 2;
+        const boxWidth = measure.width + 2 + paddingHorizontal * 2 + 2;
+        const boxHeight = finalHeight + 2 + paddingVertical * 2 + 2;
         if (context.roundRect) {
           context.beginPath();
-          context.roundRect(
-            boxX,
-            boxY,
-            boxWidth,
-            boxHeight,
-            4 / renderConfig.zoom.value,
-          );
+          context.roundRect(boxX, boxY, boxWidth, boxHeight, 8);
           context.fillStyle = background;
           context.fill();
-          context.fillStyle = stroke;
+          context.strokeStyle = oc.white;
           context.stroke();
         } else {
           // Border
-          context.fillStyle = stroke;
+          context.fillStyle = oc.white;
           context.fillRect(boxX, boxY, boxWidth, boxHeight);
           // Background
           context.fillStyle = background;
           context.fillRect(offsetX, offsetY, boxWidth - 2, boxHeight - 2);
         }
-        context.fillStyle = oc.white;
+        context.fillStyle = oc.black;
 
         context.fillText(
-          usernameAndIdleState,
-          offsetX + paddingHorizontal,
-          offsetY + paddingVertical + measure.actualBoundingBoxAscent,
+          username,
+          offsetX + paddingHorizontal + 1,
+          offsetY +
+            paddingVertical +
+            measure.actualBoundingBoxAscent +
+            Math.floor((finalHeight - measureHeight) / 2) +
+            1,
         );
       }
 
@@ -1145,7 +1152,7 @@ export const renderSceneToSvg = (
     return;
   }
   // render elements
-  elements.forEach((element, index) => {
+  elements.forEach((element) => {
     if (!element.isDeleted) {
       try {
         renderElementToSvg(

From 16c7945ca07b6e21dd70ee869c3cda51b38db7cd Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Mon, 12 Jun 2023 16:05:07 +0200
Subject: [PATCH 209/252] feat: assign random user name when not set (#6663)

---
 package.json                         | 1 +
 src/excalidraw-app/collab/Collab.tsx | 7 +++++++
 yarn.lock                            | 5 +++++
 3 files changed, 13 insertions(+)

diff --git a/package.json b/package.json
index 91a4400b6..b5432d37b 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     ]
   },
   "dependencies": {
+    "@excalidraw/random-username": "1.0.0",
     "@radix-ui/react-popover": "1.0.3",
     "@radix-ui/react-tabs": "1.0.2",
     "@sentry/browser": "6.2.5",
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index eb12952dd..76d07bb9f 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -380,6 +380,13 @@ class Collab extends PureComponent<Props, CollabState> {
   startCollaboration = async (
     existingRoomLinkData: null | { roomId: string; roomKey: string },
   ): Promise<ImportedDataState | null> => {
+    if (!this.state.username) {
+      import("@excalidraw/random-username").then(({ getRandomUsername }) => {
+        const username = getRandomUsername();
+        this.onUsernameChange(username);
+      });
+    }
+
     if (this.portal.socket) {
       return null;
     }
diff --git a/yarn.lock b/yarn.lock
index 720e61a3e..7d385cce7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1254,6 +1254,11 @@
   resolved "https://registry.yarnpkg.com/@excalidraw/prettier-config/-/prettier-config-1.0.2.tgz#b7c061c99cee2f78b9ca470ea1fbd602683bba65"
   integrity sha512-rFIq8+A8WvkEzBsF++Rw6gzxE+hU3ZNkdg8foI+Upz2y/rOC/gUpWJaggPbCkoH3nlREVU59axQjZ1+F6ePRGg==
 
+"@excalidraw/random-username@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@excalidraw/random-username/-/random-username-1.0.0.tgz#6d5293148aee6cd08dcdfcadc0c91276572f4499"
+  integrity sha512-pd4VapWahQ7PIyThGq32+C+JUS73mf3RSdC7BmQiXzhQsCTU4RHc8y9jBi+pb1CFV0iJXvjJRXnVdLCbTj3+HA==
+
 "@firebase/analytics-types@0.4.0":
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/@firebase/analytics-types/-/analytics-types-0.4.0.tgz#d6716f9fa36a6e340bc0ecfe68af325aa6f60508"

From ce9acfbc550586154d90e5a4e2c1a122ac1df216 Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Mon, 12 Jun 2023 16:08:28 +0200
Subject: [PATCH 210/252] chore: Update translations from Crowdin (#6641)

---
 src/locales/az-AZ.json       | 449 +++++++++++++++++++++++++++++++++++
 src/locales/cs-CZ.json       | 266 ++++++++++-----------
 src/locales/de-DE.json       |   2 +-
 src/locales/hi-IN.json       |   2 +-
 src/locales/ko-KR.json       |   2 +-
 src/locales/mr-IN.json       |   2 +-
 src/locales/nb-NO.json       |   2 +-
 src/locales/percentages.json |  29 +--
 src/locales/pl-PL.json       |   2 +-
 src/locales/pt-PT.json       |   2 +-
 src/locales/ro-RO.json       |   2 +-
 src/locales/ru-RU.json       |   2 +-
 src/locales/sk-SK.json       |   2 +-
 src/locales/sl-SI.json       |   2 +-
 src/locales/sv-SE.json       |   2 +-
 src/locales/ta-IN.json       |  20 +-
 src/locales/zh-CN.json       |  40 ++--
 src/locales/zh-TW.json       |   2 +-
 18 files changed, 640 insertions(+), 190 deletions(-)
 create mode 100644 src/locales/az-AZ.json

diff --git a/src/locales/az-AZ.json b/src/locales/az-AZ.json
new file mode 100644
index 000000000..b42f3b422
--- /dev/null
+++ b/src/locales/az-AZ.json
@@ -0,0 +1,449 @@
+{
+  "labels": {
+    "paste": "Yapışdır",
+    "pasteAsPlaintext": "Düz mətn kimi yapışdırın",
+    "pasteCharts": "Diaqramları yapışdırın",
+    "selectAll": "Hamısını seç",
+    "multiSelect": "Seçimə element əlavə edin",
+    "moveCanvas": "Kanvası köçürün",
+    "cut": "Kəs",
+    "copy": "Kopyala",
+    "copyAsPng": "PNG olaraq panoya kopyala",
+    "copyAsSvg": "SVG olaraq panoya kopyala",
+    "copyText": "Mətn olaraq panoya kopyala",
+    "bringForward": "Önə daşı",
+    "sendToBack": "Geriyə göndərin",
+    "bringToFront": "Önə gətirin",
+    "sendBackward": "Geriyə göndərin",
+    "delete": "Sil",
+    "copyStyles": "Stilləri kopyalayın",
+    "pasteStyles": "Stilləri yapışdırın",
+    "stroke": "Strok rəngi",
+    "background": "Arxa fon",
+    "fill": "Doldur",
+    "strokeWidth": "Strok eni",
+    "strokeStyle": "Strok stili",
+    "strokeStyle_solid": "Solid",
+    "strokeStyle_dashed": "Kəsik",
+    "strokeStyle_dotted": "Nöqtəli",
+    "sloppiness": "Səliqəsizlik",
+    "opacity": "Şəffaflıq",
+    "textAlign": "Mətni uyğunlaşdır",
+    "edges": "Kənarlar",
+    "sharp": "Kəskin",
+    "round": "Dəyirmi",
+    "arrowheads": "Ox ucları",
+    "arrowhead_none": "Heç biri",
+    "arrowhead_arrow": "Ox",
+    "arrowhead_bar": "Çubuq",
+    "arrowhead_dot": "Nöqtə",
+    "arrowhead_triangle": "Üçbucaq",
+    "fontSize": "Şrift ölçüsü",
+    "fontFamily": "Şrift qrupu",
+    "addWatermark": "\"Made with Excalidraw\" əlavə et",
+    "handDrawn": "Əllə çəkilmiş",
+    "normal": "Normal",
+    "code": "Kod",
+    "small": "Kiçik",
+    "medium": "Orta",
+    "large": "Böyük",
+    "veryLarge": "Çox böyük",
+    "solid": "Solid",
+    "hachure": "Ştrix",
+    "zigzag": "Ziqzaq",
+    "crossHatch": "Çarpaz dəlik",
+    "thin": "İncə",
+    "bold": "Qalın",
+    "left": "Sol",
+    "center": "Mərkəz",
+    "right": "Sağ",
+    "extraBold": "Ekstra qalın",
+    "architect": "Memar",
+    "artist": "Rəssam",
+    "cartoonist": "Karikaturaçı",
+    "fileTitle": "Fayl adı",
+    "colorPicker": "Rəng seçən",
+    "canvasColors": "Kanvas üzərində istifadə olunur",
+    "canvasBackground": "Kanvas arxa fonu",
+    "drawingCanvas": "Kanvas çəkmək",
+    "layers": "Qatlar",
+    "actions": "Hərəkətlər",
+    "language": "Dil",
+    "liveCollaboration": "Canlı əməkdaşlıq...",
+    "duplicateSelection": "Dublikat",
+    "untitled": "Başlıqsız",
+    "name": "Ad",
+    "yourName": "Adınız",
+    "madeWithExcalidraw": "Excalidraw ilə hazırlanmışdır",
+    "group": "Qrup şəklində seçim",
+    "ungroup": "Qrupsuz seçim",
+    "collaborators": "",
+    "showGrid": "",
+    "addToLibrary": "",
+    "removeFromLibrary": "",
+    "libraryLoadingMessage": "",
+    "libraries": "",
+    "loadingScene": "",
+    "align": "",
+    "alignTop": "",
+    "alignBottom": "",
+    "alignLeft": "",
+    "alignRight": "",
+    "centerVertically": "",
+    "centerHorizontally": "",
+    "distributeHorizontally": "",
+    "distributeVertically": "",
+    "flipHorizontal": "",
+    "flipVertical": "",
+    "viewMode": "",
+    "share": "",
+    "showStroke": "",
+    "showBackground": "",
+    "toggleTheme": "",
+    "personalLib": "",
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": "",
+    "unbindText": "",
+    "bindText": "",
+    "createContainerFromText": "",
+    "link": {
+      "edit": "",
+      "create": "",
+      "label": ""
+    },
+    "lineEditor": {
+      "edit": "",
+      "exit": ""
+    },
+    "elementLock": {
+      "lock": "",
+      "unlock": "",
+      "lockAll": "",
+      "unlockAll": ""
+    },
+    "statusPublished": "",
+    "sidebarLock": "",
+    "eyeDropper": ""
+  },
+  "library": {
+    "noItems": "",
+    "hint_emptyLibrary": "",
+    "hint_emptyPrivateLibrary": ""
+  },
+  "buttons": {
+    "clearReset": "",
+    "exportJSON": "",
+    "exportImage": "",
+    "export": "",
+    "copyToClipboard": "",
+    "save": "",
+    "saveAs": "",
+    "load": "",
+    "getShareableLink": "",
+    "close": "",
+    "selectLanguage": "",
+    "scrollBackToContent": "",
+    "zoomIn": "",
+    "zoomOut": "",
+    "resetZoom": "",
+    "menu": "",
+    "done": "",
+    "edit": "",
+    "undo": "",
+    "redo": "",
+    "resetLibrary": "",
+    "createNewRoom": "",
+    "fullScreen": "",
+    "darkMode": "",
+    "lightMode": "",
+    "zenMode": "",
+    "exitZenMode": "",
+    "cancel": "",
+    "clear": "",
+    "remove": "",
+    "publishLibrary": "",
+    "submit": "",
+    "confirm": ""
+  },
+  "alerts": {
+    "clearReset": "",
+    "couldNotCreateShareableLink": "",
+    "couldNotCreateShareableLinkTooBig": "",
+    "couldNotLoadInvalidFile": "",
+    "importBackendFailed": "",
+    "cannotExportEmptyCanvas": "",
+    "couldNotCopyToClipboard": "",
+    "decryptFailed": "",
+    "uploadedSecurly": "",
+    "loadSceneOverridePrompt": "",
+    "collabStopOverridePrompt": "",
+    "errorAddingToLibrary": "",
+    "errorRemovingFromLibrary": "",
+    "confirmAddLibrary": "",
+    "imageDoesNotContainScene": "",
+    "cannotRestoreFromImage": "",
+    "invalidSceneUrl": "",
+    "resetLibrary": "",
+    "removeItemsFromsLibrary": "",
+    "invalidEncryptionKey": "",
+    "collabOfflineWarning": ""
+  },
+  "errors": {
+    "unsupportedFileType": "",
+    "imageInsertError": "",
+    "fileTooBig": "",
+    "svgImageInsertError": "",
+    "invalidSVGString": "",
+    "cannotResolveCollabServer": "",
+    "importLibraryError": "",
+    "collabSaveFailed": "",
+    "collabSaveFailed_sizeExceeded": "",
+    "brave_measure_text_error": {
+      "line1": "",
+      "line2": "",
+      "line3": "",
+      "line4": ""
+    }
+  },
+  "toolBar": {
+    "selection": "",
+    "image": "",
+    "rectangle": "",
+    "diamond": "",
+    "ellipse": "",
+    "arrow": "",
+    "line": "",
+    "freedraw": "",
+    "text": "",
+    "library": "",
+    "lock": "",
+    "penMode": "",
+    "link": "",
+    "eraser": "",
+    "hand": ""
+  },
+  "headings": {
+    "canvasActions": "",
+    "selectedShapeActions": "",
+    "shapes": ""
+  },
+  "hints": {
+    "canvasPanning": "",
+    "linearElement": "",
+    "freeDraw": "",
+    "text": "",
+    "text_selected": "",
+    "text_editing": "",
+    "linearElementMulti": "",
+    "lockAngle": "",
+    "resize": "",
+    "resizeImage": "",
+    "rotate": "",
+    "lineEditor_info": "",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "",
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": "",
+    "eraserRevert": "",
+    "firefox_clipboard_write": ""
+  },
+  "canvasError": {
+    "cannotShowPreview": "",
+    "canvasTooBig": "",
+    "canvasTooBigTip": ""
+  },
+  "errorSplash": {
+    "headingMain": "",
+    "clearCanvasMessage": "",
+    "clearCanvasCaveat": "",
+    "trackedToSentry": "",
+    "openIssueMessage": "",
+    "sceneContent": ""
+  },
+  "roomDialog": {
+    "desc_intro": "",
+    "desc_privacy": "",
+    "button_startSession": "",
+    "button_stopSession": "",
+    "desc_inProgressIntro": "",
+    "desc_shareLink": "",
+    "desc_exitSession": "",
+    "shareTitle": ""
+  },
+  "errorDialog": {
+    "title": ""
+  },
+  "exportDialog": {
+    "disk_title": "",
+    "disk_details": "",
+    "disk_button": "",
+    "link_title": "",
+    "link_details": "",
+    "link_button": "",
+    "excalidrawplus_description": "",
+    "excalidrawplus_button": "",
+    "excalidrawplus_exportError": ""
+  },
+  "helpDialog": {
+    "blog": "",
+    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
+    "curvedArrow": "",
+    "curvedLine": "",
+    "documentation": "",
+    "doubleClick": "",
+    "drag": "",
+    "editor": "",
+    "editLineArrowPoints": "",
+    "editText": "",
+    "github": "",
+    "howto": "",
+    "or": "",
+    "preventBinding": "",
+    "tools": "",
+    "shortcuts": "",
+    "textFinish": "",
+    "textNewLine": "",
+    "title": "",
+    "view": "",
+    "zoomToFit": "",
+    "zoomToSelection": "",
+    "toggleElementLock": "",
+    "movePageUpDown": "",
+    "movePageLeftRight": ""
+  },
+  "clearCanvasDialog": {
+    "title": ""
+  },
+  "publishDialog": {
+    "title": "",
+    "itemName": "",
+    "authorName": "",
+    "githubUsername": "",
+    "twitterUsername": "",
+    "libraryName": "",
+    "libraryDesc": "",
+    "website": "",
+    "placeholder": {
+      "authorName": "",
+      "libraryName": "",
+      "libraryDesc": "",
+      "githubHandle": "",
+      "twitterHandle": "",
+      "website": ""
+    },
+    "errors": {
+      "required": "",
+      "website": ""
+    },
+    "noteDescription": "",
+    "noteGuidelines": "",
+    "noteLicense": "",
+    "noteItems": "",
+    "atleastOneLibItem": "",
+    "republishWarning": ""
+  },
+  "publishSuccessDialog": {
+    "title": "",
+    "content": ""
+  },
+  "confirmDialog": {
+    "resetLibrary": "",
+    "removeItemsFromLib": ""
+  },
+  "imageExportDialog": {
+    "header": "",
+    "label": {
+      "withBackground": "",
+      "onlySelected": "",
+      "darkMode": "",
+      "embedScene": "",
+      "scale": "",
+      "padding": ""
+    },
+    "tooltip": {
+      "embedScene": ""
+    },
+    "title": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    },
+    "button": {
+      "exportToPng": "",
+      "exportToSvg": "",
+      "copyPngToClipboard": ""
+    }
+  },
+  "encrypted": {
+    "tooltip": "",
+    "link": ""
+  },
+  "stats": {
+    "angle": "",
+    "element": "",
+    "elements": "",
+    "height": "",
+    "scene": "",
+    "selected": "",
+    "storage": "",
+    "title": "",
+    "total": "",
+    "version": "",
+    "versionCopy": "",
+    "versionNotAvailable": "",
+    "width": ""
+  },
+  "toast": {
+    "addedToLibrary": "",
+    "copyStyles": "",
+    "copyToClipboard": "",
+    "copyToClipboardAsPng": "",
+    "fileSaved": "",
+    "fileSavedToFilename": "",
+    "canvas": "",
+    "selection": "",
+    "pasteAsSingleElement": ""
+  },
+  "colors": {
+    "transparent": "",
+    "black": "",
+    "white": "",
+    "red": "",
+    "pink": "",
+    "grape": "",
+    "violet": "",
+    "gray": "",
+    "blue": "",
+    "cyan": "",
+    "teal": "",
+    "green": "",
+    "yellow": "",
+    "orange": "",
+    "bronze": ""
+  },
+  "welcomeScreen": {
+    "app": {
+      "center_heading": "",
+      "center_heading_plus": "",
+      "menuHint": ""
+    },
+    "defaults": {
+      "menuHint": "",
+      "center_heading": "",
+      "toolbarHint": "",
+      "helpHint": ""
+    }
+  },
+  "colorPicker": {
+    "mostUsedCustomColors": "",
+    "colors": "",
+    "shades": "",
+    "hexCode": "",
+    "noShades": ""
+  }
+}
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index bafa25374..73dcadeae 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -1,7 +1,7 @@
 {
   "labels": {
     "paste": "Vložit",
-    "pasteAsPlaintext": "",
+    "pasteAsPlaintext": "Vložit jako prostý text",
     "pasteCharts": "Vložit grafy",
     "selectAll": "Vybrat vše",
     "multiSelect": "Přidat prvek do výběru",
@@ -49,9 +49,9 @@
     "large": "Velké",
     "veryLarge": "Velmi velké",
     "solid": "Plný",
-    "hachure": "",
-    "zigzag": "",
-    "crossHatch": "",
+    "hachure": "Hachure",
+    "zigzag": "Klikatě",
+    "crossHatch": "Křížový šrafování",
     "thin": "Tenký",
     "bold": "Tlustý",
     "left": "Vlevo",
@@ -60,7 +60,7 @@
     "extraBold": "Extra tlustý",
     "architect": "Architekt",
     "artist": "Umělec",
-    "cartoonist": "",
+    "cartoonist": "Kartoonista",
     "fileTitle": "Název souboru",
     "colorPicker": "Výběr barvy",
     "canvasColors": "Použito na plátně",
@@ -106,7 +106,7 @@
     "increaseFontSize": "Zvětšit písmo",
     "unbindText": "Zrušit vazbu textu",
     "bindText": "Vázat text s kontejnerem",
-    "createContainerFromText": "",
+    "createContainerFromText": "Zabalit text do kontejneru",
     "link": {
       "edit": "Upravit odkaz",
       "create": "Vytvořit odkaz",
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Zveřejněno",
     "sidebarLock": "Ponechat postranní panel otevřený",
-    "eyeDropper": ""
+    "eyeDropper": "Vyberte barvu z plátna"
   },
   "library": {
     "noItems": "Dosud neexistují žádné položky...",
@@ -177,38 +177,38 @@
     "decryptFailed": "Nelze dešifrovat data.",
     "uploadedSecurly": "Nahrávání je zabezpečeno koncovým šifrováním, což znamená, že server Excalidraw ani třetí strany nemohou obsah přečíst.",
     "loadSceneOverridePrompt": "Načítání externího výkresu nahradí váš existující obsah. Přejete si pokračovat?",
-    "collabStopOverridePrompt": "",
+    "collabStopOverridePrompt": "Zastavení relace přepíše vaše předchozí, lokálně uložené kresby. Jste si jisti?\n\n(Pokud chcete zachovat místní kresbu, jednoduše zavřete kartu prohlížeče)",
     "errorAddingToLibrary": "Položku nelze přidat do knihovny",
     "errorRemovingFromLibrary": "Položku nelze odstranit z knihovny",
     "confirmAddLibrary": "Tímto přidáte {{numShapes}} tvarů do tvé knihovny. Jste si jisti?",
     "imageDoesNotContainScene": "Zdá se, že tento obrázek neobsahuje žádná data o scéně. Zapnuli jste při exportu vkládání scény?",
-    "cannotRestoreFromImage": "",
-    "invalidSceneUrl": "",
-    "resetLibrary": "",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": "",
-    "collabOfflineWarning": ""
+    "cannotRestoreFromImage": "Scénu nelze obnovit z tohoto souboru obrázku",
+    "invalidSceneUrl": "Nelze importovat scénu z zadané URL. Je buď poškozená, nebo neobsahuje platná JSON data Excalidraw.",
+    "resetLibrary": "Tímto vymažete vaši knihovnu. Jste si jisti?",
+    "removeItemsFromsLibrary": "Smazat {{count}} položek z knihovny?",
+    "invalidEncryptionKey": "Šifrovací klíč musí mít 22 znaků. Live spolupráce je zakázána.",
+    "collabOfflineWarning": "Není k dispozici žádné internetové připojení.\nVaše změny nebudou uloženy!"
   },
   "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
-    "invalidSVGString": "",
-    "cannotResolveCollabServer": "",
-    "importLibraryError": "",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": "",
+    "unsupportedFileType": "Nepodporovaný typ souboru.",
+    "imageInsertError": "Nelze vložit obrázek. Zkuste to později...",
+    "fileTooBig": "Soubor je příliš velký. Maximální povolená velikost je {{maxSize}}.",
+    "svgImageInsertError": "Nelze vložit SVG obrázek. Značení SVG je neplatné.",
+    "invalidSVGString": "Neplatný SVG.",
+    "cannotResolveCollabServer": "Nelze se připojit ke sdílenému serveru. Prosím obnovte stránku a zkuste to znovu.",
+    "importLibraryError": "Nelze načíst knihovnu",
+    "collabSaveFailed": "Nelze uložit do databáze na serveru. Pokud problémy přetrvávají, měli byste uložit soubor lokálně, abyste se ujistili, že neztratíte svou práci.",
+    "collabSaveFailed_sizeExceeded": "Nelze uložit do databáze na serveru, plátno se zdá být příliš velké. Měli byste uložit soubor lokálně, abyste se ujistili, že neztratíte svou práci.",
     "brave_measure_text_error": {
-      "line1": "",
-      "line2": "",
-      "line3": "",
-      "line4": ""
+      "line1": "Vypadá to, že používáte Brave prohlížeč s povoleným nastavením <bold>Aggressively Block Fingerprinting</bold>.",
+      "line2": "To by mohlo vést k narušení <bold>Textových elementů</bold> ve vašich výkresech.",
+      "line3": "Důrazně doporučujeme zakázat toto nastavení. Můžete sledovat <link>tyto kroky</link> jak to udělat.",
+      "line4": "Pokud vypnutí tohoto nastavení neopravuje zobrazení textových prvků, prosím, otevřete <issueLink>problém</issueLink> na našem GitHubu, nebo nám napište na <discordLink>Discord</discordLink>"
     }
   },
   "toolBar": {
     "selection": "Výběr",
-    "image": "",
+    "image": "Vložit obrázek",
     "rectangle": "Obdélník",
     "diamond": "Diamant",
     "ellipse": "Elipsa",
@@ -216,69 +216,69 @@
     "line": "Čára",
     "freedraw": "Kreslení",
     "text": "Text",
-    "library": "",
-    "lock": "",
-    "penMode": "",
-    "link": "",
+    "library": "Knihovna",
+    "lock": "Po kreslení ponechat vybraný nástroj aktivní",
+    "penMode": "Režim Pera - zabránit dotyku",
+    "link": "Přidat/aktualizovat odkaz pro vybraný tvar",
     "eraser": "Guma",
-    "hand": ""
+    "hand": "Ruka (nástroj pro posouvání)"
   },
   "headings": {
-    "canvasActions": "",
-    "selectedShapeActions": "",
+    "canvasActions": "Akce plátna",
+    "selectedShapeActions": "Akce vybraného tvaru",
     "shapes": "Tvary"
   },
   "hints": {
-    "canvasPanning": "",
-    "linearElement": "",
-    "freeDraw": "",
-    "text": "",
-    "text_selected": "",
-    "text_editing": "",
-    "linearElementMulti": "",
-    "lockAngle": "",
-    "resize": "",
-    "resizeImage": "",
-    "rotate": "",
-    "lineEditor_info": "",
-    "lineEditor_pointSelected": "",
-    "lineEditor_nothingSelected": "",
-    "placeImage": "",
-    "publishLibrary": "",
-    "bindTextToElement": "",
-    "deepBoxSelect": "",
-    "eraserRevert": "",
-    "firefox_clipboard_write": ""
+    "canvasPanning": "Chcete-li přesunout plátno, podržte kolečko nebo mezerník při tažení nebo použijte nástroj Ruka",
+    "linearElement": "Kliknutím pro více bodů, táhnutím pro jednu čáru",
+    "freeDraw": "Klikněte a táhněte, pro ukončení pusťte",
+    "text": "Tip: Text můžete také přidat dvojitým kliknutím kdekoli pomocí nástroje pro výběr",
+    "text_selected": "Dvojklikem nebo stisknutím klávesy ENTER upravíte text",
+    "text_editing": "Stiskněte Escape nebo Ctrl/Cmd+ENTER pro dokončení úprav",
+    "linearElementMulti": "Klikněte na poslední bod nebo stiskněte Escape anebo Enter pro dokončení",
+    "lockAngle": "Úhel můžete omezit podržením SHIFT",
+    "resize": "Můžete omezit proporce podržením SHIFT při změně velikosti,\npodržte ALT pro změnu velikosti od středu",
+    "resizeImage": "Můžete volně změnit velikost podržením SHIFT,\npodržením klávesy ALT změníte velikosti od středu",
+    "rotate": "Úhly můžete omezit podržením SHIFT při otáčení",
+    "lineEditor_info": "Podržte Ctrl/Cmd a dvakrát klikněte nebo stiskněte Ctrl/Cmd + Enter pro úpravu bodů",
+    "lineEditor_pointSelected": "Stisknutím tlačítka Delete odstraňte bod(y),\nCtrl/Cmd+D pro duplicitu nebo táhnutím pro přesun",
+    "lineEditor_nothingSelected": "Vyberte bod, který chcete upravit (podržením klávesy SHIFT vyberete více položek),\nnebo podržením klávesy Alt a kliknutím přidáte nové body",
+    "placeImage": "Kliknutím umístěte obrázek, nebo klepnutím a přetažením ručně nastavíte jeho velikost",
+    "publishLibrary": "Publikovat vlastní knihovnu",
+    "bindTextToElement": "Stiskněte Enter pro přidání textu",
+    "deepBoxSelect": "Podržte Ctrl/Cmd pro hluboký výběr a pro zabránění táhnutí",
+    "eraserRevert": "Podržením klávesy Alt vrátíte prvky označené pro smazání",
+    "firefox_clipboard_write": "Tato funkce může být povolena nastavením vlajky \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Chcete-li změnit vlajky prohlížeče ve Firefoxu, navštivte stránku \"about:config\"."
   },
   "canvasError": {
-    "cannotShowPreview": "",
-    "canvasTooBig": "",
-    "canvasTooBigTip": ""
+    "cannotShowPreview": "Náhled nelze zobrazit",
+    "canvasTooBig": "Plátno je možná příliš velké.",
+    "canvasTooBigTip": "Tip: zkus posunout nejvzdálenější prvky trochu blíže k sobě."
   },
   "errorSplash": {
-    "headingMain": "",
-    "clearCanvasMessage": "",
-    "clearCanvasCaveat": "",
+    "headingMain": "Chyba. Zkuste <button>znovu načíst stránku</button>.",
+    "clearCanvasMessage": "Pokud opětovné načtení nefunguje, zkuste <button>vymazat plátno</button>.",
+    "clearCanvasCaveat": " To povede ke ztrátě dat ",
     "trackedToSentry": "Chyba identifikátoru {{eventId}} byl zaznamenán v našem systému.",
-    "openIssueMessage": "",
-    "sceneContent": ""
+    "openIssueMessage": "Byli jsme velmi opatrní, abychom neuváděli informace o Vaší scéně. Pokud vaše scéna není soukromá, zvažte prosím sledování na našem <button>bug trackeru</button>. Uveďte prosím níže uvedené informace kopírováním a vložením do problému na GitHubu.",
+    "sceneContent": "Obsah scény:"
   },
   "roomDialog": {
-    "desc_intro": "",
-    "desc_privacy": "",
-    "button_startSession": "",
-    "button_stopSession": "",
-    "desc_inProgressIntro": "",
-    "desc_shareLink": "",
-    "desc_exitSession": "",
-    "shareTitle": ""
+    "desc_intro": "Můžete pozvat lidi na vaši aktuální scénu ke spolupráci s vámi.",
+    "desc_privacy": "Nebojte se, relace používá end-to-end šifrování, takže cokoliv nakreslíte zůstane soukromé. Ani náš server nebude schopen vidět, s čím budete pracovat.",
+    "button_startSession": "Zahájit relaci",
+    "button_stopSession": "Ukončit relaci",
+    "desc_inProgressIntro": "Živá spolupráce právě probíhá.",
+    "desc_shareLink": "Sdílejte tento odkaz s každým, s kým chcete spolupracovat:",
+    "desc_exitSession": "Zastavením relace se odpojíte od místnosti, ale budete moci pokračovat v práci s touto scénou lokálně. Všimněte si, že to nebude mít vliv na ostatní lidi a budou stále moci spolupracovat na jejich verzi.",
+    "shareTitle": "Připojte se k aktivní spolupráci na Excalidraw"
   },
   "errorDialog": {
-    "title": ""
+    "title": "Chyba"
   },
   "exportDialog": {
-    "disk_title": "",
-    "disk_details": "",
+    "disk_title": "Uložit na disk",
+    "disk_details": "Exportovat data scény do souboru, ze kterého můžete importovat později.",
     "disk_button": "Uložit do souboru",
     "link_title": "Odkaz pro sdílení",
     "link_details": "Exportovat jako odkaz pouze pro čtení.",
@@ -290,18 +290,18 @@
   "helpDialog": {
     "blog": "Přečtěte si náš blog",
     "click": "kliknutí",
-    "deepSelect": "",
-    "deepBoxSelect": "",
+    "deepSelect": "Hluboký výběr",
+    "deepBoxSelect": "Hluboký výběr uvnitř boxu a zabránění táhnnutí",
     "curvedArrow": "Zakřivená šipka",
     "curvedLine": "Zakřivená čára",
     "documentation": "Dokumentace",
     "doubleClick": "dvojklik",
     "drag": "tažení",
     "editor": "Editor",
-    "editLineArrowPoints": "",
-    "editText": "",
-    "github": "",
-    "howto": "",
+    "editLineArrowPoints": "Upravit body linií/šipek",
+    "editText": "Upravit text / přidat popis",
+    "github": "Našel jsi problém? Nahlaš ho",
+    "howto": "Sledujte naše návody",
     "or": "nebo",
     "preventBinding": "Zabránit vázání šipky",
     "tools": "Nástroje",
@@ -313,8 +313,8 @@
     "zoomToFit": "Přiblížit na zobrazení všech prvků",
     "zoomToSelection": "Přiblížit na výběr",
     "toggleElementLock": "Zamknout/odemknout výběr",
-    "movePageUpDown": "",
-    "movePageLeftRight": ""
+    "movePageUpDown": "Posunout stránku nahoru/dolů",
+    "movePageLeftRight": "Přesunout stránku doleva/doprava"
   },
   "clearCanvasDialog": {
     "title": "Vymazat plátno"
@@ -342,46 +342,46 @@
     },
     "noteDescription": "Odešlete svou knihovnu, pro zařazení do <link>veřejného úložiště knihoven</link>, odkud ji budou moci při kreslení využít i ostatní uživatelé.",
     "noteGuidelines": "Knihovna musí být nejdříve ručně schválena. Přečtěte si prosím <link>pokyny</link>",
-    "noteLicense": "",
-    "noteItems": "",
-    "atleastOneLibItem": "",
-    "republishWarning": ""
+    "noteLicense": "Odesláním souhlasíte s tím, že knihovna bude zveřejněna pod <link>MIT licencí</link>, stručně řečeno, kdokoli ji může používat bez omezení.",
+    "noteItems": "Každá položka knihovny musí mít svůj vlastní název, aby byla filtrovatelná. Následující položky knihovny budou zahrnuty:",
+    "atleastOneLibItem": "Vyberte alespoň jednu položku knihovny, kterou chcete začít",
+    "republishWarning": "Poznámka: některé z vybraných položek jsou označeny jako již zveřejněné/odeslané. Položky byste měli znovu odeslat pouze při aktualizaci existující knihovny nebo podání."
   },
   "publishSuccessDialog": {
     "title": "Knihovna byla odeslána",
-    "content": ""
+    "content": "Děkujeme vám {{authorName}}. Vaše knihovna byla odeslána k posouzení. Stav můžete sledovat <link>zde</link>"
   },
   "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Resetovat knihovnu",
+    "removeItemsFromLib": "Odstranit vybrané položky z knihovny"
   },
   "imageExportDialog": {
-    "header": "",
+    "header": "Exportovat obrázek",
     "label": {
-      "withBackground": "",
-      "onlySelected": "",
-      "darkMode": "",
-      "embedScene": "",
-      "scale": "",
-      "padding": ""
+      "withBackground": "Pozadí",
+      "onlySelected": "Pouze vybrané",
+      "darkMode": "Tmavý režim",
+      "embedScene": "Vložit scénu",
+      "scale": "Měřítko",
+      "padding": "Odsazení"
     },
     "tooltip": {
-      "embedScene": ""
+      "embedScene": "Data scény budou uložena do exportovaného souboru PNG/SVG tak, aby z něj mohla být scéna obnovena.\nZvýší se velikost exportovaného souboru."
     },
     "title": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "Exportovat do PNG",
+      "exportToSvg": "Exportovat do SVG",
+      "copyPngToClipboard": "Kopírovat PNG do schránky"
     },
     "button": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Kopírovat do schránky"
     }
   },
   "encrypted": {
-    "tooltip": "",
-    "link": ""
+    "tooltip": "Vaše kresby jsou end-to-end šifrované, takže servery Excalidraw je nikdy neuvidí.",
+    "link": "Blog příspěvek na end-to-end šifrování v Excalidraw"
   },
   "stats": {
     "angle": "Úhel",
@@ -402,48 +402,48 @@
     "addedToLibrary": "Přidáno do knihovny",
     "copyStyles": "Styly byly zkopírovány.",
     "copyToClipboard": "Zkopírováno do schránky.",
-    "copyToClipboardAsPng": "",
+    "copyToClipboardAsPng": "{{exportSelection}} zkopírován do schránky jako PNG\n({{exportColorScheme}})",
     "fileSaved": "Soubor byl uložen.",
     "fileSavedToFilename": "Uloženo do {filename}",
     "canvas": "plátno",
     "selection": "výběr",
-    "pasteAsSingleElement": ""
+    "pasteAsSingleElement": "Pomocí {{shortcut}} vložte jako jeden prvek,\nnebo vložte do existujícího textového editoru"
   },
   "colors": {
     "transparent": "Průhledná",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Černá",
+    "white": "Bílá",
+    "red": "Červená",
+    "pink": "Růžová",
+    "grape": "Vínová",
+    "violet": "Fialová",
+    "gray": "Šedá",
+    "blue": "Modrá",
+    "cyan": "Azurová",
+    "teal": "Modrozelená",
+    "green": "Zelená",
+    "yellow": "Žlutá",
+    "orange": "Oranžová",
+    "bronze": "Bronzová"
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "",
-      "center_heading_plus": "",
-      "menuHint": ""
+      "center_heading": "Všechna vaše data jsou uložena lokálně ve vašem prohlížeči.",
+      "center_heading_plus": "Chcete místo toho přejít na Excalidraw+?",
+      "menuHint": "Export, nastavení, jazyky, ..."
     },
     "defaults": {
-      "menuHint": "",
-      "center_heading": "",
-      "toolbarHint": "",
-      "helpHint": ""
+      "menuHint": "Export, nastavení a další...",
+      "center_heading": "Diagramy. Vytvořeny. Jednoduše.",
+      "toolbarHint": "Vyberte nástroj a začněte kreslit!",
+      "helpHint": "Zkratky a pomoc"
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Nejpoužívanější vlastní barvy",
+    "colors": "Barvy",
+    "shades": "Stíny",
+    "hexCode": "Hex kód",
+    "noShades": "Pro tuto barvu nejsou k dispozici žádné odstíny"
   }
 }
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index 6832b3aa5..cbb0e7b53 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Veröffentlicht",
     "sidebarLock": "Seitenleiste offen lassen",
-    "eyeDropper": ""
+    "eyeDropper": "Farbe von der Zeichenfläche auswählen"
   },
   "library": {
     "noItems": "Noch keine Elemente hinzugefügt...",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 49f7ca702..981af6556 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "प्रकाशित",
     "sidebarLock": "साइडबार खुला रखे.",
-    "eyeDropper": ""
+    "eyeDropper": "चित्रफलक से रंग चुने"
   },
   "library": {
     "noItems": "अभी तक कोई आइटम जोडा नहीं गया.",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 22a3ed1e8..c63a3e927 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "게시됨",
     "sidebarLock": "사이드바 유지",
-    "eyeDropper": ""
+    "eyeDropper": "캔버스에서 색상 고르기"
   },
   "library": {
     "noItems": "추가된 아이템 없음",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 5dcebfcef..018071e1d 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "प्रकाशित करा",
     "sidebarLock": "साइडबार उघडं ठेवा",
-    "eyeDropper": ""
+    "eyeDropper": "चित्रफलकातून रंग निवडा"
   },
   "library": {
     "noItems": "अजून कोणतेही आइटम जोडलेले नाही...",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 5ba5f903d..6f1dbb181 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Publisert",
     "sidebarLock": "Holde sidemenyen åpen",
-    "eyeDropper": ""
+    "eyeDropper": "Velg farge fra lerretet"
   },
   "library": {
     "noItems": "Ingen elementer lagt til ennå...",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index b4aaaa443..da40808b6 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,11 +1,12 @@
 {
   "ar-SA": 80,
+  "az-AZ": 20,
   "bg-BG": 54,
   "bn-BD": 60,
   "ca-ES": 88,
-  "cs-CZ": 64,
+  "cs-CZ": 100,
   "da-DK": 33,
-  "de-DE": 99,
+  "de-DE": 100,
   "el-GR": 93,
   "en": 100,
   "es-ES": 89,
@@ -24,32 +25,32 @@
   "kab-KAB": 88,
   "kk-KZ": 21,
   "km-KH": 95,
-  "ko-KR": 99,
+  "ko-KR": 100,
   "ku-TR": 90,
   "lt-LT": 56,
   "lv-LV": 89,
-  "mr-IN": 95,
+  "mr-IN": 96,
   "my-MM": 41,
-  "nb-NO": 99,
+  "nb-NO": 100,
   "nl-NL": 83,
   "nn-NO": 77,
   "oc-FR": 87,
   "pa-IN": 90,
-  "pl-PL": 99,
+  "pl-PL": 100,
   "pt-BR": 99,
   "pt-PT": 95,
-  "ro-RO": 99,
-  "ru-RU": 99,
+  "ro-RO": 100,
+  "ru-RU": 100,
   "si-LK": 9,
-  "sk-SK": 99,
-  "sl-SI": 99,
-  "sv-SE": 99,
-  "ta-IN": 83,
+  "sk-SK": 100,
+  "sl-SI": 100,
+  "sv-SE": 100,
+  "ta-IN": 85,
   "th-TH": 39,
   "tr-TR": 87,
   "uk-UA": 97,
   "vi-VN": 56,
-  "zh-CN": 95,
+  "zh-CN": 100,
   "zh-HK": 26,
-  "zh-TW": 99
+  "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index bd691da7e..a323bc606 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Opublikowano",
     "sidebarLock": "Panel boczny zawsze otwarty",
-    "eyeDropper": ""
+    "eyeDropper": "Wybierz kolor z płótna"
   },
   "library": {
     "noItems": "Nie dodano jeszcze żadnych elementów...",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index a5f3cd223..5f41bdc36 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -363,7 +363,7 @@
       "darkMode": "",
       "embedScene": "Cena embutida",
       "scale": "",
-      "padding": ""
+      "padding": "Espaçamento"
     },
     "tooltip": {
       "embedScene": ""
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index 84e79a67d..bbc7f70b1 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Publicat",
     "sidebarLock": "Păstrează deschisă bara laterală",
-    "eyeDropper": ""
+    "eyeDropper": "Alegere culoare din pânză"
   },
   "library": {
     "noItems": "Niciun element adăugat încă...",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 80aad867d..a87d715e7 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Опубликовано",
     "sidebarLock": "Держать боковую панель открытой",
-    "eyeDropper": ""
+    "eyeDropper": "Взять образец цвета с холста"
   },
   "library": {
     "noItems": "Пока ничего не добавлено...",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 00afadaae..3a2bad690 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Zverejnené",
     "sidebarLock": "Nechať bočný panel otvorený",
-    "eyeDropper": ""
+    "eyeDropper": "Vybrať farbu z plátna"
   },
   "library": {
     "noItems": "Zatiaľ neboli pridané žiadne položky...",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index d9888a011..3074132ca 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Objavljeno",
     "sidebarLock": "Obdrži stransko vrstico odprto",
-    "eyeDropper": ""
+    "eyeDropper": "Izberi barvo s platna"
   },
   "library": {
     "noItems": "Dodan še ni noben element...",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index 64b2f1acf..cbade1721 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "Publicerad",
     "sidebarLock": "Håll sidofältet öppet",
-    "eyeDropper": ""
+    "eyeDropper": "Välj färg från canvas"
   },
   "library": {
     "noItems": "Inga objekt tillagda ännu...",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 89cc82716..8fa74c801 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -50,7 +50,7 @@
     "veryLarge": "மிகப் பெரிய",
     "solid": "திடமான",
     "hachure": "மலைக்குறிக்கோடு",
-    "zigzag": "",
+    "zigzag": "கோணல்மாணல்",
     "crossHatch": "குறுக்குகதவு",
     "thin": "மெல்லிய",
     "bold": "பட்டை",
@@ -105,8 +105,8 @@
     "decreaseFontSize": "எழுத்துரு அளவைக் குறை",
     "increaseFontSize": "எழுத்துரு அளவை அதிகரி",
     "unbindText": "உரையைப் பிணைவவிழ்",
-    "bindText": "",
-    "createContainerFromText": "",
+    "bindText": "உரையைக் கொள்கலனுக்குப் பிணை",
+    "createContainerFromText": "உரையைக் கொள்கலனுள் சுருட்டு",
     "link": {
       "edit": "தொடுப்பைத் திருத்து",
       "create": "தொடுப்பைப் படை",
@@ -114,7 +114,7 @@
     },
     "lineEditor": {
       "edit": "தொடுப்பைத் திருத்து",
-      "exit": ""
+      "exit": "வரி திருத்தியிலிருந்து வெளியேறு"
     },
     "elementLock": {
       "lock": "பூட்டு",
@@ -124,7 +124,7 @@
     },
     "statusPublished": "வெளியிடப்பட்டது",
     "sidebarLock": "பக்கப்பட்டையைத் திறந்தே வை",
-    "eyeDropper": ""
+    "eyeDropper": "கித்தானிலிருந்து நிறம் தேர்ந்தெடு"
   },
   "library": {
     "noItems": "இதுவரை உருப்படிகள் சேரக்கப்படவில்லை...",
@@ -134,7 +134,7 @@
   "buttons": {
     "clearReset": "கித்தானை அகரமாக்கு",
     "exportJSON": "கோப்புக்கு ஏற்றுமதிசெய்",
-    "exportImage": "",
+    "exportImage": "படத்தை ஏற்றுமதிசெய்...",
     "export": "இதில் சேமி...",
     "copyToClipboard": "நகலகத்திற்கு நகலெடு",
     "save": "தற்போதைய கோப்புக்குச் சேமி",
@@ -187,7 +187,7 @@
     "resetLibrary": "இது உங்கள் நுலகத்தைத் துடைக்கும். நீங்கள் உறுதியா?",
     "removeItemsFromsLibrary": "{{count}} உருப்படி(கள்)-ஐ உம் நூலகத்திலிருந்து அழிக்கவா?",
     "invalidEncryptionKey": "மறையாக்க விசை 22 வரியுருக்கள் கொண்டிருக்கவேண்டும். நேரடி கூட்டுப்பணி முடக்கப்பட்டது.",
-    "collabOfflineWarning": ""
+    "collabOfflineWarning": "இணைய இணைப்பு இல்லை.\nஉமது மாற்றங்கள் சேமிக்கப்படா!"
   },
   "errors": {
     "unsupportedFileType": "ஆதரிக்கப்படா கோப்பு வகை.",
@@ -195,10 +195,10 @@
     "fileTooBig": "கோப்பு மிகப்பெரிது. அனுமதிக்கப்பட்ட அதிகபட்ச அளவு {{maxSize}}.",
     "svgImageInsertError": "எஸ்விஜி படத்தைப் புகுத்தவியலா. எஸ்விஜியின் மார்க்அப் செல்லாததாக தெரிகிறது.",
     "invalidSVGString": "செல்லாத SVG.",
-    "cannotResolveCollabServer": "",
+    "cannotResolveCollabServer": "கூட்டுப்பணிச் சேவையகத்துடன் இணைக்க முடியவில்லை. பக்கத்தை மீளேற்றி மீண்டும் முயலவும்.",
     "importLibraryError": "நூலகத்தை ஏற்ற முடியவில்லை",
-    "collabSaveFailed": "",
-    "collabSaveFailed_sizeExceeded": "",
+    "collabSaveFailed": "பின்முனை தரவுத்தளத்தில் சேமிக்க முடியவில்லை. சிக்கல்கள் நீடித்தால், உமது வேலைகளை இழக்காமலிருப்பதை உறுதிசெய்ய உமது கோப்பை உள்ளகத்தில் சேமிக்க வேண்டும்.",
+    "collabSaveFailed_sizeExceeded": "பின்முனை தரவுத்தளத்தில் சேமிக்க முடியவில்லை, கித்தான் மிகப்பெரிதாகத் தெரிகிறது. உமது வேலைகளை இழக்காமலிருப்பதை உறுதிசெய்ய உமது கோப்பை உள்ளகத்தில் சேமிக்க வேண்டும்.",
     "brave_measure_text_error": {
       "line1": "",
       "line2": "",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 0cb91c660..9a8c3db37 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "已发布",
     "sidebarLock": "侧边栏常驻",
-    "eyeDropper": ""
+    "eyeDropper": "从画布上取色"
   },
   "library": {
     "noItems": "尚未添加任何项目……",
@@ -266,12 +266,12 @@
   "roomDialog": {
     "desc_intro": "你可以邀请其他人到目前的画面中与你协作。",
     "desc_privacy": "别担心，该会话使用端到端加密，无论绘制什么都将保持私密，甚至连我们的服务器也无法查看。",
-    "button_startSession": "启动会议",
-    "button_stopSession": "结束会议",
-    "desc_inProgressIntro": "实时协作会议正在进行。",
+    "button_startSession": "开始会话",
+    "button_stopSession": "结束会话",
+    "desc_inProgressIntro": "实时协作会话进行中。",
     "desc_shareLink": "分享此链接给你要协作的用户",
-    "desc_exitSession": "停止会话将中断您在与房间的连接，但您依然可以在本地继续使用画布. 请注意，这不会影响到其他用户, 他们仍可以在他们的版本上继续协作。",
-    "shareTitle": "加入 Excalidraw 实时协作会议"
+    "desc_exitSession": "停止会话将中断您与房间的连接，但您依然可以在本地继续使用画布。请注意，这不会影响到其他用户，他们仍可以在他们的版本上继续协作。",
+    "shareTitle": "加入 Excalidraw 实时协作会话"
   },
   "errorDialog": {
     "title": "错误"
@@ -356,27 +356,27 @@
     "removeItemsFromLib": "从素材库中删除选中的项目"
   },
   "imageExportDialog": {
-    "header": "",
+    "header": "导出图片",
     "label": {
-      "withBackground": "",
-      "onlySelected": "",
-      "darkMode": "",
-      "embedScene": "",
-      "scale": "",
-      "padding": ""
+      "withBackground": "背景",
+      "onlySelected": "仅选中",
+      "darkMode": "深色模式",
+      "embedScene": "包含画布数据",
+      "scale": "缩放比例",
+      "padding": "内边距"
     },
     "tooltip": {
-      "embedScene": ""
+      "embedScene": "画布数据将被保存到导出的 PNG/SVG 文件，以便恢复。\n将会增加导出文件的大小。"
     },
     "title": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "导出为 PNG",
+      "exportToSvg": "导出为 SVG",
+      "copyPngToClipboard": "复制 PNG 到剪切板"
     },
     "button": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "复制到剪贴板"
     }
   },
   "encrypted": {
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index f0528e546..547ba247d 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -124,7 +124,7 @@
     },
     "statusPublished": "已發布",
     "sidebarLock": "側欄維持開啟",
-    "eyeDropper": ""
+    "eyeDropper": "從畫布中選取顏色"
   },
   "library": {
     "noItems": "尚未加入任何物件...",

From 74d2fc6406c930df2f5823de0318346c10a8c7a5 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 12 Jun 2023 17:43:31 +0200
Subject: [PATCH 211/252] fix: collab username style fixes (#6668)

---
 src/renderer/renderScene.ts | 9 ++-------
 src/renderer/roundRect.ts   | 4 ++++
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 53c4f387f..07c5649c0 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -743,12 +743,7 @@ export const _renderScene = ({
           context.strokeStyle = oc.white;
           context.stroke();
         } else {
-          // Border
-          context.fillStyle = oc.white;
-          context.fillRect(boxX, boxY, boxWidth, boxHeight);
-          // Background
-          context.fillStyle = background;
-          context.fillRect(offsetX, offsetY, boxWidth - 2, boxHeight - 2);
+          roundRect(context, boxX, boxY, boxWidth, boxHeight, 8, oc.white);
         }
         context.fillStyle = oc.black;
 
@@ -759,7 +754,7 @@ export const _renderScene = ({
             paddingVertical +
             measure.actualBoundingBoxAscent +
             Math.floor((finalHeight - measureHeight) / 2) +
-            1,
+            2,
         );
       }
 
diff --git a/src/renderer/roundRect.ts b/src/renderer/roundRect.ts
index be842a522..bbb98306d 100644
--- a/src/renderer/roundRect.ts
+++ b/src/renderer/roundRect.ts
@@ -15,6 +15,7 @@ export const roundRect = (
   width: number,
   height: number,
   radius: number,
+  strokeColor?: string,
 ) => {
   context.beginPath();
   context.moveTo(x + radius, y);
@@ -33,5 +34,8 @@ export const roundRect = (
   context.quadraticCurveTo(x, y, x + radius, y);
   context.closePath();
   context.fill();
+  if (strokeColor) {
+    context.strokeStyle = strokeColor;
+  }
   context.stroke();
 };

From 3bd5d87cac803098a2e33237a51e5f805b34be5a Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Mon, 12 Jun 2023 17:44:31 +0200
Subject: [PATCH 212/252] feat: disable collab feature when running in iframe
 (#6646)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/excalidraw-app/collab/Collab.tsx          |  3 +-
 src/excalidraw-app/components/AppMainMenu.tsx | 11 ++++---
 .../components/AppWelcomeScreen.tsx           |  9 +++--
 src/excalidraw-app/index.tsx                  | 33 ++++++++++++-------
 src/utils.ts                                  |  2 ++
 5 files changed, 39 insertions(+), 19 deletions(-)

diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 76d07bb9f..ec0c2a348 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -157,6 +157,8 @@ class Collab extends PureComponent<Props, CollabState> {
     window.addEventListener("offline", this.onOfflineStatusToggle);
     window.addEventListener(EVENT.UNLOAD, this.onUnload);
 
+    this.onOfflineStatusToggle();
+
     const collabAPI: CollabAPI = {
       isCollaborating: this.isCollaborating,
       onPointerUpdate: this.onPointerUpdate,
@@ -168,7 +170,6 @@ class Collab extends PureComponent<Props, CollabState> {
     };
 
     appJotaiStore.set(collabAPIAtom, collabAPI);
-    this.onOfflineStatusToggle();
 
     if (
       process.env.NODE_ENV === ENV.TEST ||
diff --git a/src/excalidraw-app/components/AppMainMenu.tsx b/src/excalidraw-app/components/AppMainMenu.tsx
index b1c0771e5..7b562f8b7 100644
--- a/src/excalidraw-app/components/AppMainMenu.tsx
+++ b/src/excalidraw-app/components/AppMainMenu.tsx
@@ -6,6 +6,7 @@ import { LanguageList } from "./LanguageList";
 export const AppMainMenu: React.FC<{
   setCollabDialogShown: (toggle: boolean) => any;
   isCollaborating: boolean;
+  isCollabEnabled: boolean;
 }> = React.memo((props) => {
   return (
     <MainMenu>
@@ -13,10 +14,12 @@ export const AppMainMenu: React.FC<{
       <MainMenu.DefaultItems.SaveToActiveFile />
       <MainMenu.DefaultItems.Export />
       <MainMenu.DefaultItems.SaveAsImage />
-      <MainMenu.DefaultItems.LiveCollaborationTrigger
-        isCollaborating={props.isCollaborating}
-        onSelect={() => props.setCollabDialogShown(true)}
-      />
+      {props.isCollabEnabled && (
+        <MainMenu.DefaultItems.LiveCollaborationTrigger
+          isCollaborating={props.isCollaborating}
+          onSelect={() => props.setCollabDialogShown(true)}
+        />
+      )}
 
       <MainMenu.DefaultItems.Help />
       <MainMenu.DefaultItems.ClearCanvas />
diff --git a/src/excalidraw-app/components/AppWelcomeScreen.tsx b/src/excalidraw-app/components/AppWelcomeScreen.tsx
index 1e34fa819..80fedf9fa 100644
--- a/src/excalidraw-app/components/AppWelcomeScreen.tsx
+++ b/src/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -6,6 +6,7 @@ import { isExcalidrawPlusSignedUser } from "../app_constants";
 
 export const AppWelcomeScreen: React.FC<{
   setCollabDialogShown: (toggle: boolean) => any;
+  isCollabEnabled: boolean;
 }> = React.memo((props) => {
   const { t } = useI18n();
   let headingContent;
@@ -46,9 +47,11 @@ export const AppWelcomeScreen: React.FC<{
         <WelcomeScreen.Center.Menu>
           <WelcomeScreen.Center.MenuItemLoadScene />
           <WelcomeScreen.Center.MenuItemHelp />
-          <WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
-            onSelect={() => props.setCollabDialogShown(true)}
-          />
+          {props.isCollabEnabled && (
+            <WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
+              onSelect={() => props.setCollabDialogShown(true)}
+            />
+          )}
           {!isExcalidrawPlusSignedUser && (
             <WelcomeScreen.Center.MenuItemLink
               href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index e1af54807..3952ac24d 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -42,6 +42,7 @@ import {
   preventUnload,
   ResolvablePromise,
   resolvablePromise,
+  isRunningInIframe,
 } from "../utils";
 import {
   FIREBASE_STORAGE_PREFIXES,
@@ -98,7 +99,7 @@ languageDetector.init({
 });
 
 const initializeScene = async (opts: {
-  collabAPI: CollabAPI;
+  collabAPI: CollabAPI | null;
   excalidrawAPI: ExcalidrawImperativeAPI;
 }): Promise<
   { scene: ExcalidrawInitialDataState | null } & (
@@ -183,7 +184,7 @@ const initializeScene = async (opts: {
     }
   }
 
-  if (roomLinkData) {
+  if (roomLinkData && opts.collabAPI) {
     const { excalidrawAPI } = opts;
 
     const scene = await opts.collabAPI.startCollaboration(roomLinkData);
@@ -237,6 +238,7 @@ export const appLangCodeAtom = atom(
 const ExcalidrawWrapper = () => {
   const [errorMessage, setErrorMessage] = useState("");
   const [langCode, setLangCode] = useAtom(appLangCodeAtom);
+  const isCollabDisabled = isRunningInIframe();
 
   // initial state
   // ---------------------------------------------------------------------------
@@ -272,7 +274,7 @@ const ExcalidrawWrapper = () => {
   });
 
   useEffect(() => {
-    if (!collabAPI || !excalidrawAPI) {
+    if (!excalidrawAPI || (!isCollabDisabled && !collabAPI)) {
       return;
     }
 
@@ -283,7 +285,7 @@ const ExcalidrawWrapper = () => {
       if (!data.scene) {
         return;
       }
-      if (collabAPI.isCollaborating()) {
+      if (collabAPI?.isCollaborating()) {
         if (data.scene.elements) {
           collabAPI
             .fetchImageFilesFromFirebase({
@@ -353,7 +355,7 @@ const ExcalidrawWrapper = () => {
       const libraryUrlTokens = parseLibraryTokensFromUrl();
       if (!libraryUrlTokens) {
         if (
-          collabAPI.isCollaborating() &&
+          collabAPI?.isCollaborating() &&
           !isCollaborationLink(window.location.href)
         ) {
           collabAPI.stopCollaboration(false);
@@ -382,7 +384,10 @@ const ExcalidrawWrapper = () => {
       if (isTestEnv()) {
         return;
       }
-      if (!document.hidden && !collabAPI.isCollaborating()) {
+      if (
+        !document.hidden &&
+        ((collabAPI && !collabAPI.isCollaborating()) || isCollabDisabled)
+      ) {
         // don't sync if local state is newer or identical to browser state
         if (isBrowserStorageStateNewer(STORAGE_KEYS.VERSION_DATA_STATE)) {
           const localDataState = importFromLocalStorage();
@@ -398,7 +403,7 @@ const ExcalidrawWrapper = () => {
           excalidrawAPI.updateLibrary({
             libraryItems: getLibraryItemsFromStorage(),
           });
-          collabAPI.setUsername(username || "");
+          collabAPI?.setUsername(username || "");
         }
 
         if (isBrowserStorageStateNewer(STORAGE_KEYS.VERSION_FILES)) {
@@ -466,7 +471,7 @@ const ExcalidrawWrapper = () => {
       );
       clearTimeout(titleTimeout);
     };
-  }, [collabAPI, excalidrawAPI, setLangCode]);
+  }, [isCollabDisabled, collabAPI, excalidrawAPI, setLangCode]);
 
   useEffect(() => {
     const unloadHandler = (event: BeforeUnloadEvent) => {
@@ -649,7 +654,7 @@ const ExcalidrawWrapper = () => {
         autoFocus={true}
         theme={theme}
         renderTopRightUI={(isMobile) => {
-          if (isMobile) {
+          if (isMobile || !collabAPI || isCollabDisabled) {
             return null;
           }
           return (
@@ -663,15 +668,21 @@ const ExcalidrawWrapper = () => {
         <AppMainMenu
           setCollabDialogShown={setCollabDialogShown}
           isCollaborating={isCollaborating}
+          isCollabEnabled={!isCollabDisabled}
+        />
+        <AppWelcomeScreen
+          setCollabDialogShown={setCollabDialogShown}
+          isCollabEnabled={!isCollabDisabled}
         />
-        <AppWelcomeScreen setCollabDialogShown={setCollabDialogShown} />
         <AppFooter />
         {isCollaborating && isOffline && (
           <div className="collab-offline-warning">
             {t("alerts.collabOfflineWarning")}
           </div>
         )}
-        {excalidrawAPI && <Collab excalidrawAPI={excalidrawAPI} />}
+        {excalidrawAPI && !isCollabDisabled && (
+          <Collab excalidrawAPI={excalidrawAPI} />
+        )}
       </Excalidraw>
       {errorMessage && (
         <ErrorDialog onClose={() => setErrorMessage("")}>
diff --git a/src/utils.ts b/src/utils.ts
index 98dfb48d7..c1be211bd 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -748,6 +748,8 @@ export const getFrame = () => {
   }
 };
 
+export const isRunningInIframe = () => getFrame() === "iframe";
+
 export const isPromiseLike = (
   value: any,
 ): value is Promise<ResolutionType<typeof value>> => {

From 1747e939572c308ffc50f42f4de9426173e41967 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Tue, 13 Jun 2023 16:34:24 +0200
Subject: [PATCH 213/252] feat: polyfill `CanvasRenderingContext2D.roundRect`
 (#6673)

---
 src/renderer/renderScene.ts        |   1 +
 src/renderer/roundRect.polyfill.ts | 356 +++++++++++++++++++++++++++++
 2 files changed, 357 insertions(+)
 create mode 100644 src/renderer/roundRect.polyfill.ts

diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 07c5649c0..85e9eab18 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -56,6 +56,7 @@ import {
   getLinkHandleFromCoords,
 } from "../element/Hyperlink";
 import { isLinearElement } from "../element/typeChecks";
+import "./roundRect.polyfill";
 
 export const DEFAULT_SPACING = 2;
 
diff --git a/src/renderer/roundRect.polyfill.ts b/src/renderer/roundRect.polyfill.ts
new file mode 100644
index 000000000..10946a46d
--- /dev/null
+++ b/src/renderer/roundRect.polyfill.ts
@@ -0,0 +1,356 @@
+// @ts-nocheck
+
+// source: https://github.com/Kaiido/roundRect/
+// rewritten to remove globalThis and Nullish coalescing assignment operator
+
+export {};
+
+/*
+ *  Implements the .roundRect() method of the CanvasPath mixin
+ *  as introduced by https://github.com/whatwg/html/pull/6765
+ */
+(() => {
+  Path2D.prototype.roundRect ??= roundRect;
+  if (
+    typeof window !== "undefined" &&
+    window.CanvasRenderingContext2D &&
+    !window.CanvasRenderingContext2D.prototype.roundRect
+  ) {
+    window.CanvasRenderingContext2D.prototype.roundRect = roundRect;
+  }
+  if (
+    typeof window !== "undefined" &&
+    window.OffscreenCanvasRenderingContext2D &&
+    !window.OffscreenCanvasRenderingContext2D.prototype.roundRect
+  ) {
+    window.OffscreenCanvasRenderingContext2D.prototype.roundRect = roundRect;
+  }
+
+  function roundRect(x, y, w, h, radii) {
+    if (![x, y, w, h].every((input) => Number.isFinite(input))) {
+      return;
+    }
+
+    radii = parseRadiiArgument(radii);
+
+    let upperLeft;
+    let upperRight;
+    let lowerRight;
+    let lowerLeft;
+
+    if (radii.length === 4) {
+      upperLeft = toCornerPoint(radii[0]);
+      upperRight = toCornerPoint(radii[1]);
+      lowerRight = toCornerPoint(radii[2]);
+      lowerLeft = toCornerPoint(radii[3]);
+    } else if (radii.length === 3) {
+      upperLeft = toCornerPoint(radii[0]);
+      upperRight = toCornerPoint(radii[1]);
+      lowerLeft = toCornerPoint(radii[1]);
+      lowerRight = toCornerPoint(radii[2]);
+    } else if (radii.length === 2) {
+      upperLeft = toCornerPoint(radii[0]);
+      lowerRight = toCornerPoint(radii[0]);
+      upperRight = toCornerPoint(radii[1]);
+      lowerLeft = toCornerPoint(radii[1]);
+    } else if (radii.length === 1) {
+      upperLeft = toCornerPoint(radii[0]);
+      upperRight = toCornerPoint(radii[0]);
+      lowerRight = toCornerPoint(radii[0]);
+      lowerLeft = toCornerPoint(radii[0]);
+    } else {
+      throw new RangeError(
+        `${getErrorMessageHeader(this)} ${
+          radii.length
+        } is not a valid size for radii sequence.`,
+      );
+    }
+
+    const corners = [upperLeft, upperRight, lowerRight, lowerLeft];
+    const negativeCorner = corners.find(({ x, y }) => x < 0 || y < 0);
+
+    if (
+      corners.some(({ x, y }) => !Number.isFinite(x) || !Number.isFinite(y))
+    ) {
+      return;
+    }
+
+    if (negativeCorner) {
+      throw new RangeError(
+        `${getErrorMessageHeader(
+          this,
+        )} Radius value ${negativeCorner} is negative.`,
+      );
+    }
+
+    fixOverlappingCorners(corners);
+
+    if (w < 0 && h < 0) {
+      this.moveTo(x - upperLeft.x, y);
+      this.ellipse(
+        x + w + upperRight.x,
+        y - upperRight.y,
+        upperRight.x,
+        upperRight.y,
+        0,
+        -Math.PI * 1.5,
+        -Math.PI,
+      );
+      this.ellipse(
+        x + w + lowerRight.x,
+        y + h + lowerRight.y,
+        lowerRight.x,
+        lowerRight.y,
+        0,
+        -Math.PI,
+        -Math.PI / 2,
+      );
+      this.ellipse(
+        x - lowerLeft.x,
+        y + h + lowerLeft.y,
+        lowerLeft.x,
+        lowerLeft.y,
+        0,
+        -Math.PI / 2,
+        0,
+      );
+      this.ellipse(
+        x - upperLeft.x,
+        y - upperLeft.y,
+        upperLeft.x,
+        upperLeft.y,
+        0,
+        0,
+        -Math.PI / 2,
+      );
+    } else if (w < 0) {
+      this.moveTo(x - upperLeft.x, y);
+      this.ellipse(
+        x + w + upperRight.x,
+        y + upperRight.y,
+        upperRight.x,
+        upperRight.y,
+        0,
+        -Math.PI / 2,
+        -Math.PI,
+        1,
+      );
+      this.ellipse(
+        x + w + lowerRight.x,
+        y + h - lowerRight.y,
+        lowerRight.x,
+        lowerRight.y,
+        0,
+        -Math.PI,
+        -Math.PI * 1.5,
+        1,
+      );
+      this.ellipse(
+        x - lowerLeft.x,
+        y + h - lowerLeft.y,
+        lowerLeft.x,
+        lowerLeft.y,
+        0,
+        Math.PI / 2,
+        0,
+        1,
+      );
+      this.ellipse(
+        x - upperLeft.x,
+        y + upperLeft.y,
+        upperLeft.x,
+        upperLeft.y,
+        0,
+        0,
+        -Math.PI / 2,
+        1,
+      );
+    } else if (h < 0) {
+      this.moveTo(x + upperLeft.x, y);
+      this.ellipse(
+        x + w - upperRight.x,
+        y - upperRight.y,
+        upperRight.x,
+        upperRight.y,
+        0,
+        Math.PI / 2,
+        0,
+        1,
+      );
+      this.ellipse(
+        x + w - lowerRight.x,
+        y + h + lowerRight.y,
+        lowerRight.x,
+        lowerRight.y,
+        0,
+        0,
+        -Math.PI / 2,
+        1,
+      );
+      this.ellipse(
+        x + lowerLeft.x,
+        y + h + lowerLeft.y,
+        lowerLeft.x,
+        lowerLeft.y,
+        0,
+        -Math.PI / 2,
+        -Math.PI,
+        1,
+      );
+      this.ellipse(
+        x + upperLeft.x,
+        y - upperLeft.y,
+        upperLeft.x,
+        upperLeft.y,
+        0,
+        -Math.PI,
+        -Math.PI * 1.5,
+        1,
+      );
+    } else {
+      this.moveTo(x + upperLeft.x, y);
+      this.ellipse(
+        x + w - upperRight.x,
+        y + upperRight.y,
+        upperRight.x,
+        upperRight.y,
+        0,
+        -Math.PI / 2,
+        0,
+      );
+      this.ellipse(
+        x + w - lowerRight.x,
+        y + h - lowerRight.y,
+        lowerRight.x,
+        lowerRight.y,
+        0,
+        0,
+        Math.PI / 2,
+      );
+      this.ellipse(
+        x + lowerLeft.x,
+        y + h - lowerLeft.y,
+        lowerLeft.x,
+        lowerLeft.y,
+        0,
+        Math.PI / 2,
+        Math.PI,
+      );
+      this.ellipse(
+        x + upperLeft.x,
+        y + upperLeft.y,
+        upperLeft.x,
+        upperLeft.y,
+        0,
+        Math.PI,
+        Math.PI * 1.5,
+      );
+    }
+
+    this.closePath();
+    this.moveTo(x, y);
+
+    function toDOMPointInit(value) {
+      const { x, y, z, w } = value;
+      return { x, y, z, w };
+    }
+
+    function parseRadiiArgument(value) {
+      // https://webidl.spec.whatwg.org/#es-union
+      // with 'optional (unrestricted double or DOMPointInit
+      //   or sequence<(unrestricted double or DOMPointInit)>) radii = 0'
+      const type = typeof value;
+
+      if (type === "undefined" || value === null) {
+        return [0];
+      }
+      if (type === "function") {
+        return [NaN];
+      }
+      if (type === "object") {
+        if (typeof value[Symbol.iterator] === "function") {
+          return [...value].map((elem) => {
+            // https://webidl.spec.whatwg.org/#es-union
+            // with '(unrestricted double or DOMPointInit)'
+            const elemType = typeof elem;
+            if (elemType === "undefined" || elem === null) {
+              return 0;
+            }
+            if (elemType === "function") {
+              return NaN;
+            }
+            if (elemType === "object") {
+              return toDOMPointInit(elem);
+            }
+            return toUnrestrictedNumber(elem);
+          });
+        }
+
+        return [toDOMPointInit(value)];
+      }
+
+      return [toUnrestrictedNumber(value)];
+    }
+
+    function toUnrestrictedNumber(value) {
+      return +value;
+    }
+
+    function toCornerPoint(value) {
+      const asNumber = toUnrestrictedNumber(value);
+      if (Number.isFinite(asNumber)) {
+        return {
+          x: asNumber,
+          y: asNumber,
+        };
+      }
+      if (Object(value) === value) {
+        return {
+          x: toUnrestrictedNumber(value.x ?? 0),
+          y: toUnrestrictedNumber(value.y ?? 0),
+        };
+      }
+
+      return {
+        x: NaN,
+        y: NaN,
+      };
+    }
+
+    function fixOverlappingCorners(corners) {
+      const [upperLeft, upperRight, lowerRight, lowerLeft] = corners;
+      const factors = [
+        Math.abs(w) / (upperLeft.x + upperRight.x),
+        Math.abs(h) / (upperRight.y + lowerRight.y),
+        Math.abs(w) / (lowerRight.x + lowerLeft.x),
+        Math.abs(h) / (upperLeft.y + lowerLeft.y),
+      ];
+      const minFactor = Math.min(...factors);
+      if (minFactor <= 1) {
+        for (const radii of corners) {
+          radii.x *= minFactor;
+          radii.y *= minFactor;
+        }
+      }
+    }
+  }
+
+  function getErrorMessageHeader(instance) {
+    return `Failed to execute 'roundRect' on '${getConstructorName(
+      instance,
+    )}':`;
+  }
+
+  function getConstructorName(instance) {
+    if (typeof window === "undefined") {
+      return "UNKNOWN";
+    }
+    return Object(instance) === instance && instance instanceof Path2D
+      ? "Path2D"
+      : instance instanceof window?.CanvasRenderingContext2D
+      ? "CanvasRenderingContext2D"
+      : instance instanceof window?.OffscreenCanvasRenderingContext2D
+      ? "OffscreenCanvasRenderingContext2D"
+      : instance?.constructor.name || instance;
+  }
+})();

From 4d7d96eb7b444f60bb0bb2ce1aedaf047d1df8cb Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 14 Jun 2023 17:26:29 +0530
Subject: [PATCH 214/252] feat: add canvas-roundrect-polyfill package (#6675)

* feat: add canvas-roundrect-polyfill instead of maintaining a copy of it and transplile it since its not transpiled in the package

* transform canvas-roundrect-polyfill in jest
---
 package.json                                  |   3 +-
 src/packages/excalidraw/webpack.dev.config.js |   3 +-
 .../excalidraw/webpack.prod.config.js         |   4 +-
 src/renderer/renderScene.ts                   |   2 +-
 src/renderer/roundRect.polyfill.ts            | 356 ------------------
 yarn.lock                                     |   5 +
 6 files changed, 13 insertions(+), 360 deletions(-)
 delete mode 100644 src/renderer/roundRect.polyfill.ts

diff --git a/package.json b/package.json
index b5432d37b..584bdcbc4 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@testing-library/react": "12.1.5",
     "@tldraw/vec": "1.7.1",
     "browser-fs-access": "0.29.1",
+    "canvas-roundrect-polyfill": "0.0.1",
     "clsx": "1.1.1",
     "cross-env": "7.0.3",
     "fake-indexeddb": "3.1.7",
@@ -107,7 +108,7 @@
       "<rootDir>/src/packages/excalidraw/example"
     ],
     "transformIgnorePatterns": [
-      "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access)/)"
+      "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access|canvas-roundrect-polyfill)/)"
     ],
     "resetMocks": false
   },
diff --git a/src/packages/excalidraw/webpack.dev.config.js b/src/packages/excalidraw/webpack.dev.config.js
index 9e8180f5f..e16d8da72 100644
--- a/src/packages/excalidraw/webpack.dev.config.js
+++ b/src/packages/excalidraw/webpack.dev.config.js
@@ -44,7 +44,8 @@ module.exports = {
       },
       {
         test: /\.(ts|tsx|js|jsx|mjs)$/,
-        exclude: /node_modules\/(?!browser-fs-access)/,
+        exclude:
+          /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
         use: [
           {
             loader: "ts-loader",
diff --git a/src/packages/excalidraw/webpack.prod.config.js b/src/packages/excalidraw/webpack.prod.config.js
index 0450d36fa..0a1e63618 100644
--- a/src/packages/excalidraw/webpack.prod.config.js
+++ b/src/packages/excalidraw/webpack.prod.config.js
@@ -46,7 +46,9 @@ module.exports = {
       },
       {
         test: /\.(ts|tsx|js|jsx|mjs)$/,
-        exclude: /node_modules\/(?!browser-fs-access)/,
+        exclude:
+          /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
+
         use: [
           {
             loader: "ts-loader",
diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 85e9eab18..16ca3eb17 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -56,7 +56,7 @@ import {
   getLinkHandleFromCoords,
 } from "../element/Hyperlink";
 import { isLinearElement } from "../element/typeChecks";
-import "./roundRect.polyfill";
+import "canvas-roundrect-polyfill";
 
 export const DEFAULT_SPACING = 2;
 
diff --git a/src/renderer/roundRect.polyfill.ts b/src/renderer/roundRect.polyfill.ts
deleted file mode 100644
index 10946a46d..000000000
--- a/src/renderer/roundRect.polyfill.ts
+++ /dev/null
@@ -1,356 +0,0 @@
-// @ts-nocheck
-
-// source: https://github.com/Kaiido/roundRect/
-// rewritten to remove globalThis and Nullish coalescing assignment operator
-
-export {};
-
-/*
- *  Implements the .roundRect() method of the CanvasPath mixin
- *  as introduced by https://github.com/whatwg/html/pull/6765
- */
-(() => {
-  Path2D.prototype.roundRect ??= roundRect;
-  if (
-    typeof window !== "undefined" &&
-    window.CanvasRenderingContext2D &&
-    !window.CanvasRenderingContext2D.prototype.roundRect
-  ) {
-    window.CanvasRenderingContext2D.prototype.roundRect = roundRect;
-  }
-  if (
-    typeof window !== "undefined" &&
-    window.OffscreenCanvasRenderingContext2D &&
-    !window.OffscreenCanvasRenderingContext2D.prototype.roundRect
-  ) {
-    window.OffscreenCanvasRenderingContext2D.prototype.roundRect = roundRect;
-  }
-
-  function roundRect(x, y, w, h, radii) {
-    if (![x, y, w, h].every((input) => Number.isFinite(input))) {
-      return;
-    }
-
-    radii = parseRadiiArgument(radii);
-
-    let upperLeft;
-    let upperRight;
-    let lowerRight;
-    let lowerLeft;
-
-    if (radii.length === 4) {
-      upperLeft = toCornerPoint(radii[0]);
-      upperRight = toCornerPoint(radii[1]);
-      lowerRight = toCornerPoint(radii[2]);
-      lowerLeft = toCornerPoint(radii[3]);
-    } else if (radii.length === 3) {
-      upperLeft = toCornerPoint(radii[0]);
-      upperRight = toCornerPoint(radii[1]);
-      lowerLeft = toCornerPoint(radii[1]);
-      lowerRight = toCornerPoint(radii[2]);
-    } else if (radii.length === 2) {
-      upperLeft = toCornerPoint(radii[0]);
-      lowerRight = toCornerPoint(radii[0]);
-      upperRight = toCornerPoint(radii[1]);
-      lowerLeft = toCornerPoint(radii[1]);
-    } else if (radii.length === 1) {
-      upperLeft = toCornerPoint(radii[0]);
-      upperRight = toCornerPoint(radii[0]);
-      lowerRight = toCornerPoint(radii[0]);
-      lowerLeft = toCornerPoint(radii[0]);
-    } else {
-      throw new RangeError(
-        `${getErrorMessageHeader(this)} ${
-          radii.length
-        } is not a valid size for radii sequence.`,
-      );
-    }
-
-    const corners = [upperLeft, upperRight, lowerRight, lowerLeft];
-    const negativeCorner = corners.find(({ x, y }) => x < 0 || y < 0);
-
-    if (
-      corners.some(({ x, y }) => !Number.isFinite(x) || !Number.isFinite(y))
-    ) {
-      return;
-    }
-
-    if (negativeCorner) {
-      throw new RangeError(
-        `${getErrorMessageHeader(
-          this,
-        )} Radius value ${negativeCorner} is negative.`,
-      );
-    }
-
-    fixOverlappingCorners(corners);
-
-    if (w < 0 && h < 0) {
-      this.moveTo(x - upperLeft.x, y);
-      this.ellipse(
-        x + w + upperRight.x,
-        y - upperRight.y,
-        upperRight.x,
-        upperRight.y,
-        0,
-        -Math.PI * 1.5,
-        -Math.PI,
-      );
-      this.ellipse(
-        x + w + lowerRight.x,
-        y + h + lowerRight.y,
-        lowerRight.x,
-        lowerRight.y,
-        0,
-        -Math.PI,
-        -Math.PI / 2,
-      );
-      this.ellipse(
-        x - lowerLeft.x,
-        y + h + lowerLeft.y,
-        lowerLeft.x,
-        lowerLeft.y,
-        0,
-        -Math.PI / 2,
-        0,
-      );
-      this.ellipse(
-        x - upperLeft.x,
-        y - upperLeft.y,
-        upperLeft.x,
-        upperLeft.y,
-        0,
-        0,
-        -Math.PI / 2,
-      );
-    } else if (w < 0) {
-      this.moveTo(x - upperLeft.x, y);
-      this.ellipse(
-        x + w + upperRight.x,
-        y + upperRight.y,
-        upperRight.x,
-        upperRight.y,
-        0,
-        -Math.PI / 2,
-        -Math.PI,
-        1,
-      );
-      this.ellipse(
-        x + w + lowerRight.x,
-        y + h - lowerRight.y,
-        lowerRight.x,
-        lowerRight.y,
-        0,
-        -Math.PI,
-        -Math.PI * 1.5,
-        1,
-      );
-      this.ellipse(
-        x - lowerLeft.x,
-        y + h - lowerLeft.y,
-        lowerLeft.x,
-        lowerLeft.y,
-        0,
-        Math.PI / 2,
-        0,
-        1,
-      );
-      this.ellipse(
-        x - upperLeft.x,
-        y + upperLeft.y,
-        upperLeft.x,
-        upperLeft.y,
-        0,
-        0,
-        -Math.PI / 2,
-        1,
-      );
-    } else if (h < 0) {
-      this.moveTo(x + upperLeft.x, y);
-      this.ellipse(
-        x + w - upperRight.x,
-        y - upperRight.y,
-        upperRight.x,
-        upperRight.y,
-        0,
-        Math.PI / 2,
-        0,
-        1,
-      );
-      this.ellipse(
-        x + w - lowerRight.x,
-        y + h + lowerRight.y,
-        lowerRight.x,
-        lowerRight.y,
-        0,
-        0,
-        -Math.PI / 2,
-        1,
-      );
-      this.ellipse(
-        x + lowerLeft.x,
-        y + h + lowerLeft.y,
-        lowerLeft.x,
-        lowerLeft.y,
-        0,
-        -Math.PI / 2,
-        -Math.PI,
-        1,
-      );
-      this.ellipse(
-        x + upperLeft.x,
-        y - upperLeft.y,
-        upperLeft.x,
-        upperLeft.y,
-        0,
-        -Math.PI,
-        -Math.PI * 1.5,
-        1,
-      );
-    } else {
-      this.moveTo(x + upperLeft.x, y);
-      this.ellipse(
-        x + w - upperRight.x,
-        y + upperRight.y,
-        upperRight.x,
-        upperRight.y,
-        0,
-        -Math.PI / 2,
-        0,
-      );
-      this.ellipse(
-        x + w - lowerRight.x,
-        y + h - lowerRight.y,
-        lowerRight.x,
-        lowerRight.y,
-        0,
-        0,
-        Math.PI / 2,
-      );
-      this.ellipse(
-        x + lowerLeft.x,
-        y + h - lowerLeft.y,
-        lowerLeft.x,
-        lowerLeft.y,
-        0,
-        Math.PI / 2,
-        Math.PI,
-      );
-      this.ellipse(
-        x + upperLeft.x,
-        y + upperLeft.y,
-        upperLeft.x,
-        upperLeft.y,
-        0,
-        Math.PI,
-        Math.PI * 1.5,
-      );
-    }
-
-    this.closePath();
-    this.moveTo(x, y);
-
-    function toDOMPointInit(value) {
-      const { x, y, z, w } = value;
-      return { x, y, z, w };
-    }
-
-    function parseRadiiArgument(value) {
-      // https://webidl.spec.whatwg.org/#es-union
-      // with 'optional (unrestricted double or DOMPointInit
-      //   or sequence<(unrestricted double or DOMPointInit)>) radii = 0'
-      const type = typeof value;
-
-      if (type === "undefined" || value === null) {
-        return [0];
-      }
-      if (type === "function") {
-        return [NaN];
-      }
-      if (type === "object") {
-        if (typeof value[Symbol.iterator] === "function") {
-          return [...value].map((elem) => {
-            // https://webidl.spec.whatwg.org/#es-union
-            // with '(unrestricted double or DOMPointInit)'
-            const elemType = typeof elem;
-            if (elemType === "undefined" || elem === null) {
-              return 0;
-            }
-            if (elemType === "function") {
-              return NaN;
-            }
-            if (elemType === "object") {
-              return toDOMPointInit(elem);
-            }
-            return toUnrestrictedNumber(elem);
-          });
-        }
-
-        return [toDOMPointInit(value)];
-      }
-
-      return [toUnrestrictedNumber(value)];
-    }
-
-    function toUnrestrictedNumber(value) {
-      return +value;
-    }
-
-    function toCornerPoint(value) {
-      const asNumber = toUnrestrictedNumber(value);
-      if (Number.isFinite(asNumber)) {
-        return {
-          x: asNumber,
-          y: asNumber,
-        };
-      }
-      if (Object(value) === value) {
-        return {
-          x: toUnrestrictedNumber(value.x ?? 0),
-          y: toUnrestrictedNumber(value.y ?? 0),
-        };
-      }
-
-      return {
-        x: NaN,
-        y: NaN,
-      };
-    }
-
-    function fixOverlappingCorners(corners) {
-      const [upperLeft, upperRight, lowerRight, lowerLeft] = corners;
-      const factors = [
-        Math.abs(w) / (upperLeft.x + upperRight.x),
-        Math.abs(h) / (upperRight.y + lowerRight.y),
-        Math.abs(w) / (lowerRight.x + lowerLeft.x),
-        Math.abs(h) / (upperLeft.y + lowerLeft.y),
-      ];
-      const minFactor = Math.min(...factors);
-      if (minFactor <= 1) {
-        for (const radii of corners) {
-          radii.x *= minFactor;
-          radii.y *= minFactor;
-        }
-      }
-    }
-  }
-
-  function getErrorMessageHeader(instance) {
-    return `Failed to execute 'roundRect' on '${getConstructorName(
-      instance,
-    )}':`;
-  }
-
-  function getConstructorName(instance) {
-    if (typeof window === "undefined") {
-      return "UNKNOWN";
-    }
-    return Object(instance) === instance && instance instanceof Path2D
-      ? "Path2D"
-      : instance instanceof window?.CanvasRenderingContext2D
-      ? "CanvasRenderingContext2D"
-      : instance instanceof window?.OffscreenCanvasRenderingContext2D
-      ? "OffscreenCanvasRenderingContext2D"
-      : instance?.constructor.name || instance;
-  }
-})();
diff --git a/yarn.lock b/yarn.lock
index 7d385cce7..2e3c1ea8e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3830,6 +3830,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz#0ef8a1cf8b16be47a0f9fc4ecfc952232724b32a"
   integrity sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==
 
+canvas-roundrect-polyfill@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/canvas-roundrect-polyfill/-/canvas-roundrect-polyfill-0.0.1.tgz#70bf107ebe2037f26d839d7f809a26f4a95f5696"
+  integrity sha512-yWq+R3U3jE+coOeEb3a3GgE2j/0MMiDKM/QpLb6h9ihf5fGY9UXtvK9o4vNqjWXoZz7/3EaSVU3IX53TvFFUOw==
+
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"

From 81ebf82979f7efba460a882478284583451f2f32 Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Thu, 15 Jun 2023 00:42:01 +0800
Subject: [PATCH 215/252] feat: introduce frames (#6123)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/actions/actionAddToLibrary.ts             |    5 +-
 src/actions/actionAlign.tsx                   |   40 +-
 src/actions/actionBoundText.tsx               |    1 +
 src/actions/actionCanvas.tsx                  |   10 +-
 src/actions/actionClipboard.tsx               |   25 +-
 src/actions/actionDeleteSelected.tsx          |   14 +-
 src/actions/actionDistribute.tsx              |   18 +-
 src/actions/actionDuplicateSelection.tsx      |   80 +-
 src/actions/actionElementLock.ts              |   21 +-
 src/actions/actionFlip.ts                     |   14 +-
 src/actions/actionFrame.ts                    |  140 +++
 src/actions/actionGroup.tsx                   |   86 +-
 src/actions/actionLinearEditor.ts             |    8 +-
 src/actions/actionMenu.tsx                    |    1 -
 src/actions/actionProperties.tsx              |    5 +-
 src/actions/actionSelectAll.ts                |   22 +-
 src/actions/actionStyles.ts                   |   12 +-
 src/actions/types.ts                          |    5 +
 src/align.ts                                  |    4 +-
 src/appState.ts                               |   14 +
 src/clipboard.ts                              |   21 +-
 src/components/Actions.tsx                    |  150 ++-
 src/components/App.tsx                        | 1025 +++++++++++++++--
 src/components/HelpDialog.tsx                 |    1 +
 src/components/ImageExportDialog.tsx          |    5 +-
 src/components/LayerUI.tsx                    |    9 +-
 src/components/LibraryMenu.tsx                |    6 +-
 src/components/ToolButton.tsx                 |    4 +-
 src/components/Toolbar.scss                   |   19 +-
 .../dropdownMenu/DropdownMenuTrigger.tsx      |   10 +-
 .../hoc/withInternalFallback.test.tsx         |   24 +-
 src/components/icons.tsx                      |   21 +
 src/components/main-menu/MainMenu.tsx         |    1 +
 src/constants.ts                              |   11 +
 src/data/restore.ts                           |    6 +
 src/element/Hyperlink.tsx                     |    6 +-
 src/element/binding.ts                        |    2 +-
 src/element/bounds.ts                         |  266 ++++-
 src/element/collision.ts                      |  168 ++-
 src/element/dragElements.ts                   |   35 +-
 src/element/index.ts                          |   14 +-
 src/element/linearElementEditor.ts            |    2 +-
 src/element/newElement.ts                     |   25 +
 src/element/resizeElements.ts                 |   82 +-
 src/element/textElement.ts                    |   10 +-
 src/element/transformHandles.ts               |   14 +-
 src/element/typeChecks.ts                     |    7 +
 src/element/types.ts                          |   12 +-
 src/frame.ts                                  |  705 ++++++++++++
 src/groups.ts                                 |   40 +
 src/keys.ts                                   |    1 +
 src/locales/en.json                           |    6 +-
 src/math.ts                                   |    2 +-
 src/packages/excalidraw/example/App.tsx       |    1 +
 .../excalidraw/example/initialData.js         |   44 +
 src/renderer/renderElement.ts                 |  163 ++-
 src/renderer/renderScene.ts                   |  203 +++-
 src/scene/Scene.ts                            |   52 +-
 src/scene/comparisons.ts                      |    3 +-
 src/scene/export.ts                           |   83 +-
 src/scene/selection.ts                        |   96 +-
 src/shapes.tsx                                |    8 +
 .../__snapshots__/contextmenu.test.tsx.snap   |  275 +++++
 .../__snapshots__/dragCreate.test.tsx.snap    |    5 +
 src/tests/__snapshots__/export.test.tsx.snap  |    3 +-
 src/tests/__snapshots__/move.test.tsx.snap    |    6 +
 .../multiPointCreate.test.tsx.snap            |    2 +
 .../regressionTests.test.tsx.snap             |  642 +++++++++++
 .../__snapshots__/selection.test.tsx.snap     |    5 +
 .../data/__snapshots__/restore.test.ts.snap   |    9 +
 src/tests/fixtures/elementFixture.ts          |    1 +
 src/tests/helpers/api.ts                      |    7 +-
 .../packages/__snapshots__/utils.test.ts.snap |    5 +
 src/tests/queries/toolQueries.ts              |    1 +
 .../scene/__snapshots__/export.test.ts.snap   |    5 +-
 src/types.ts                                  |   35 +-
 src/utils.ts                                  |   21 +-
 src/zindex.ts                                 |  133 ++-
 78 files changed, 4563 insertions(+), 480 deletions(-)
 create mode 100644 src/actions/actionFrame.ts
 create mode 100644 src/frame.ts

diff --git a/src/actions/actionAddToLibrary.ts b/src/actions/actionAddToLibrary.ts
index a4fca560a..ef69a60de 100644
--- a/src/actions/actionAddToLibrary.ts
+++ b/src/actions/actionAddToLibrary.ts
@@ -12,7 +12,10 @@ export const actionAddToLibrary = register({
     const selectedElements = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+        includeElementsInFrames: true,
+      },
     );
     if (selectedElements.some((element) => element.type === "image")) {
       return {
diff --git a/src/actions/actionAlign.tsx b/src/actions/actionAlign.tsx
index eceb42171..d917f8037 100644
--- a/src/actions/actionAlign.tsx
+++ b/src/actions/actionAlign.tsx
@@ -10,6 +10,7 @@ import {
 import { ToolButton } from "../components/ToolButton";
 import { getNonDeletedElements } from "../element";
 import { ExcalidrawElement } from "../element/types";
+import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { KEYS } from "../keys";
 import { getSelectedElements, isSomeElementSelected } from "../scene";
@@ -17,10 +18,20 @@ import { AppState } from "../types";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 
-const enableActionGroup = (
+const alignActionsPredicate = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
-) => getSelectedElements(getNonDeletedElements(elements), appState).length > 1;
+) => {
+  const selectedElements = getSelectedElements(
+    getNonDeletedElements(elements),
+    appState,
+  );
+  return (
+    selectedElements.length > 1 &&
+    // TODO enable aligning frames when implemented properly
+    !selectedElements.some((el) => el.type === "frame")
+  );
+};
 
 const alignSelectedElements = (
   elements: readonly ExcalidrawElement[],
@@ -36,14 +47,16 @@ const alignSelectedElements = (
 
   const updatedElementsMap = arrayToMap(updatedElements);
 
-  return elements.map(
-    (element) => updatedElementsMap.get(element.id) || element,
+  return updateFrameMembershipOfSelectedElements(
+    elements.map((element) => updatedElementsMap.get(element.id) || element),
+    appState,
   );
 };
 
 export const actionAlignTop = register({
   name: "alignTop",
   trackEvent: { category: "element" },
+  predicate: alignActionsPredicate,
   perform: (elements, appState) => {
     return {
       appState,
@@ -58,7 +71,7 @@ export const actionAlignTop = register({
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_UP,
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState)}
       type="button"
       icon={AlignTopIcon}
       onClick={() => updateData(null)}
@@ -74,6 +87,7 @@ export const actionAlignTop = register({
 export const actionAlignBottom = register({
   name: "alignBottom",
   trackEvent: { category: "element" },
+  predicate: alignActionsPredicate,
   perform: (elements, appState) => {
     return {
       appState,
@@ -88,7 +102,7 @@ export const actionAlignBottom = register({
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_DOWN,
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState)}
       type="button"
       icon={AlignBottomIcon}
       onClick={() => updateData(null)}
@@ -104,6 +118,7 @@ export const actionAlignBottom = register({
 export const actionAlignLeft = register({
   name: "alignLeft",
   trackEvent: { category: "element" },
+  predicate: alignActionsPredicate,
   perform: (elements, appState) => {
     return {
       appState,
@@ -118,7 +133,7 @@ export const actionAlignLeft = register({
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_LEFT,
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState)}
       type="button"
       icon={AlignLeftIcon}
       onClick={() => updateData(null)}
@@ -134,7 +149,7 @@ export const actionAlignLeft = register({
 export const actionAlignRight = register({
   name: "alignRight",
   trackEvent: { category: "element" },
-
+  predicate: alignActionsPredicate,
   perform: (elements, appState) => {
     return {
       appState,
@@ -149,7 +164,7 @@ export const actionAlignRight = register({
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_RIGHT,
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState)}
       type="button"
       icon={AlignRightIcon}
       onClick={() => updateData(null)}
@@ -165,7 +180,7 @@ export const actionAlignRight = register({
 export const actionAlignVerticallyCentered = register({
   name: "alignVerticallyCentered",
   trackEvent: { category: "element" },
-
+  predicate: alignActionsPredicate,
   perform: (elements, appState) => {
     return {
       appState,
@@ -178,7 +193,7 @@ export const actionAlignVerticallyCentered = register({
   },
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState)}
       type="button"
       icon={CenterVerticallyIcon}
       onClick={() => updateData(null)}
@@ -192,6 +207,7 @@ export const actionAlignVerticallyCentered = register({
 export const actionAlignHorizontallyCentered = register({
   name: "alignHorizontallyCentered",
   trackEvent: { category: "element" },
+  predicate: alignActionsPredicate,
   perform: (elements, appState) => {
     return {
       appState,
@@ -204,7 +220,7 @@ export const actionAlignHorizontallyCentered = register({
   },
   PanelComponent: ({ elements, appState, updateData }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState)}
       type="button"
       icon={CenterHorizontallyIcon}
       onClick={() => updateData(null)}
diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 658bdf8ce..c8a1faac3 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -249,6 +249,7 @@ export const actionWrapTextInContainer = register({
             "rectangle",
           ),
           groupIds: textElement.groupIds,
+          frameId: textElement.frameId,
         });
 
         // update bindings
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index 16c4fad19..a94a3672a 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -20,6 +20,8 @@ import {
   isHandToolActive,
 } from "../appState";
 import { DEFAULT_CANVAS_BACKGROUND_PICKS } from "../colors";
+import { excludeElementsInFramesFromSelection } from "../scene/selection";
+import { Bounds } from "../element/bounds";
 
 export const actionChangeViewBackgroundColor = register({
   name: "changeViewBackgroundColor",
@@ -206,7 +208,7 @@ export const actionResetZoom = register({
 });
 
 const zoomValueToFitBoundsOnViewport = (
-  bounds: [number, number, number, number],
+  bounds: Bounds,
   viewportDimensions: { width: number; height: number },
 ) => {
   const [x1, y1, x2, y2] = bounds;
@@ -234,8 +236,10 @@ export const zoomToFitElements = (
 
   const commonBounds =
     zoomToSelection && selectedElements.length > 0
-      ? getCommonBounds(selectedElements)
-      : getCommonBounds(nonDeletedElements);
+      ? getCommonBounds(excludeElementsInFramesFromSelection(selectedElements))
+      : getCommonBounds(
+          excludeElementsInFramesFromSelection(nonDeletedElements),
+        );
 
   const newZoom = {
     value: zoomValueToFitBoundsOnViewport(commonBounds, {
diff --git a/src/actions/actionClipboard.tsx b/src/actions/actionClipboard.tsx
index 18fefafd2..c1834f51d 100644
--- a/src/actions/actionClipboard.tsx
+++ b/src/actions/actionClipboard.tsx
@@ -16,9 +16,12 @@ export const actionCopy = register({
   name: "copy",
   trackEvent: { category: "element" },
   perform: (elements, appState, _, app) => {
-    const selectedElements = getSelectedElements(elements, appState, true);
+    const elementsToCopy = getSelectedElements(elements, appState, {
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    });
 
-    copyToClipboard(selectedElements, app.files);
+    copyToClipboard(elementsToCopy, app.files);
 
     return {
       commitToHistory: false,
@@ -75,7 +78,10 @@ export const actionCopyAsSvg = register({
     const selectedElements = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+        includeElementsInFrames: true,
+      },
     );
     try {
       await exportCanvas(
@@ -119,7 +125,10 @@ export const actionCopyAsPng = register({
     const selectedElements = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+        includeElementsInFrames: true,
+      },
     );
     try {
       await exportCanvas(
@@ -172,7 +181,9 @@ export const copyText = register({
     const selectedElements = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+      },
     );
 
     const text = selectedElements
@@ -191,7 +202,9 @@ export const copyText = register({
   predicate: (elements, appState) => {
     return (
       probablySupportsClipboardWriteText &&
-      getSelectedElements(elements, appState, true).some(isTextElement)
+      getSelectedElements(elements, appState, {
+        includeBoundTextElement: true,
+      }).some(isTextElement)
     );
   },
   contextItemLabel: "labels.copyText",
diff --git a/src/actions/actionDeleteSelected.tsx b/src/actions/actionDeleteSelected.tsx
index 86b985284..b0486e0c6 100644
--- a/src/actions/actionDeleteSelected.tsx
+++ b/src/actions/actionDeleteSelected.tsx
@@ -1,4 +1,4 @@
-import { isSomeElementSelected } from "../scene";
+import { getSelectedElements, isSomeElementSelected } from "../scene";
 import { KEYS } from "../keys";
 import { ToolButton } from "../components/ToolButton";
 import { t } from "../i18n";
@@ -18,11 +18,23 @@ const deleteSelectedElements = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
 ) => {
+  const framesToBeDeleted = new Set(
+    getSelectedElements(
+      elements.filter((el) => el.type === "frame"),
+      appState,
+    ).map((el) => el.id),
+  );
+
   return {
     elements: elements.map((el) => {
       if (appState.selectedElementIds[el.id]) {
         return newElementWith(el, { isDeleted: true });
       }
+
+      if (el.frameId && framesToBeDeleted.has(el.frameId)) {
+        return newElementWith(el, { isDeleted: true });
+      }
+
       if (
         isBoundToContainer(el) &&
         appState.selectedElementIds[el.containerId]
diff --git a/src/actions/actionDistribute.tsx b/src/actions/actionDistribute.tsx
index 9eaab70d3..f6ab3f09d 100644
--- a/src/actions/actionDistribute.tsx
+++ b/src/actions/actionDistribute.tsx
@@ -6,6 +6,7 @@ import { ToolButton } from "../components/ToolButton";
 import { distributeElements, Distribution } from "../distribute";
 import { getNonDeletedElements } from "../element";
 import { ExcalidrawElement } from "../element/types";
+import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { CODES, KEYS } from "../keys";
 import { getSelectedElements, isSomeElementSelected } from "../scene";
@@ -16,7 +17,17 @@ import { register } from "./register";
 const enableActionGroup = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
-) => getSelectedElements(getNonDeletedElements(elements), appState).length > 1;
+) => {
+  const selectedElements = getSelectedElements(
+    getNonDeletedElements(elements),
+    appState,
+  );
+  return (
+    selectedElements.length > 1 &&
+    // TODO enable distributing frames when implemented properly
+    !selectedElements.some((el) => el.type === "frame")
+  );
+};
 
 const distributeSelectedElements = (
   elements: readonly ExcalidrawElement[],
@@ -32,8 +43,9 @@ const distributeSelectedElements = (
 
   const updatedElementsMap = arrayToMap(updatedElements);
 
-  return elements.map(
-    (element) => updatedElementsMap.get(element.id) || element,
+  return updateFrameMembershipOfSelectedElements(
+    elements.map((element) => updatedElementsMap.get(element.id) || element),
+    appState,
   );
 };
 
diff --git a/src/actions/actionDuplicateSelection.tsx b/src/actions/actionDuplicateSelection.tsx
index e3e5fb85a..ae2d6f7bc 100644
--- a/src/actions/actionDuplicateSelection.tsx
+++ b/src/actions/actionDuplicateSelection.tsx
@@ -2,7 +2,7 @@ import { KEYS } from "../keys";
 import { register } from "./register";
 import { ExcalidrawElement } from "../element/types";
 import { duplicateElement, getNonDeletedElements } from "../element";
-import { getSelectedElements, isSomeElementSelected } from "../scene";
+import { isSomeElementSelected } from "../scene";
 import { ToolButton } from "../components/ToolButton";
 import { t } from "../i18n";
 import { arrayToMap, getShortcutKey } from "../utils";
@@ -20,9 +20,17 @@ import {
   bindTextToShapeAfterDuplication,
   getBoundTextElement,
 } from "../element/textElement";
-import { isBoundToContainer } from "../element/typeChecks";
+import { isBoundToContainer, isFrameElement } from "../element/typeChecks";
 import { normalizeElementOrder } from "../element/sortElements";
 import { DuplicateIcon } from "../components/icons";
+import {
+  bindElementsToFramesAfterDuplication,
+  getFrameElements,
+} from "../frame";
+import {
+  excludeElementsInFramesFromSelection,
+  getSelectedElements,
+} from "../scene/selection";
 
 export const actionDuplicateSelection = register({
   name: "duplicateSelection",
@@ -94,8 +102,11 @@ const duplicateElements = (
     return newElement;
   };
 
-  const selectedElementIds = arrayToMap(
-    getSelectedElements(sortedElements, appState, true),
+  const idsOfElementsToDuplicate = arrayToMap(
+    getSelectedElements(sortedElements, appState, {
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    }),
   );
 
   // Ids of elements that have already been processed so we don't push them
@@ -129,12 +140,25 @@ const duplicateElements = (
     }
 
     const boundTextElement = getBoundTextElement(element);
-    if (selectedElementIds.get(element.id)) {
-      // if a group or a container/bound-text, duplicate atomically
-      if (element.groupIds.length || boundTextElement) {
+    const isElementAFrame = isFrameElement(element);
+
+    if (idsOfElementsToDuplicate.get(element.id)) {
+      // if a group or a container/bound-text or frame, duplicate atomically
+      if (element.groupIds.length || boundTextElement || isElementAFrame) {
         const groupId = getSelectedGroupForElement(appState, element);
         if (groupId) {
-          const groupElements = getElementsInGroup(sortedElements, groupId);
+          // TODO:
+          // remove `.flatMap...`
+          // if the elements in a frame are grouped when the frame is grouped
+          const groupElements = getElementsInGroup(
+            sortedElements,
+            groupId,
+          ).flatMap((element) =>
+            isFrameElement(element)
+              ? [...getFrameElements(elements, element.id), element]
+              : [element],
+          );
+
           elementsWithClones.push(
             ...markAsProcessed([
               ...groupElements,
@@ -156,10 +180,34 @@ const duplicateElements = (
           );
           continue;
         }
+        if (isElementAFrame) {
+          const elementsInFrame = getFrameElements(sortedElements, element.id);
+
+          elementsWithClones.push(
+            ...markAsProcessed([
+              ...elementsInFrame,
+              element,
+              ...elementsInFrame.map((e) => duplicateAndOffsetElement(e)),
+              duplicateAndOffsetElement(element),
+            ]),
+          );
+
+          continue;
+        }
+      }
+      // since elements in frames have a lower z-index than the frame itself,
+      // they will be looped first and if their frames are selected as well,
+      // they will have been copied along with the frame atomically in the
+      // above branch, so we must skip those elements here
+      //
+      // now, for elements do not belong any frames or elements whose frames
+      // are selected (or elements that are left out from the above
+      // steps for whatever reason) we (should at least) duplicate them here
+      if (!element.frameId || !idsOfElementsToDuplicate.has(element.frameId)) {
+        elementsWithClones.push(
+          ...markAsProcessed([element, duplicateAndOffsetElement(element)]),
+        );
       }
-      elementsWithClones.push(
-        ...markAsProcessed([element, duplicateAndOffsetElement(element)]),
-      );
     } else {
       elementsWithClones.push(...markAsProcessed([element]));
     }
@@ -200,6 +248,14 @@ const duplicateElements = (
     oldElements,
     oldIdToDuplicatedId,
   );
+  bindElementsToFramesAfterDuplication(
+    finalElements,
+    oldElements,
+    oldIdToDuplicatedId,
+  );
+
+  const nextElementsToSelect =
+    excludeElementsInFramesFromSelection(newElements);
 
   return {
     elements: finalElements,
@@ -207,7 +263,7 @@ const duplicateElements = (
       {
         ...appState,
         selectedGroupIds: {},
-        selectedElementIds: newElements.reduce(
+        selectedElementIds: nextElementsToSelect.reduce(
           (acc: Record<ExcalidrawElement["id"], true>, element) => {
             if (!isBoundToContainer(element)) {
               acc[element.id] = true;
diff --git a/src/actions/actionElementLock.ts b/src/actions/actionElementLock.ts
index 922a5fae3..20ceef783 100644
--- a/src/actions/actionElementLock.ts
+++ b/src/actions/actionElementLock.ts
@@ -11,8 +11,17 @@ const shouldLock = (elements: readonly ExcalidrawElement[]) =>
 export const actionToggleElementLock = register({
   name: "toggleElementLock",
   trackEvent: { category: "element" },
+  predicate: (elements, appState) => {
+    const selectedElements = getSelectedElements(elements, appState);
+    return !selectedElements.some(
+      (element) => element.locked && element.frameId,
+    );
+  },
   perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState, true);
+    const selectedElements = getSelectedElements(elements, appState, {
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    });
 
     if (!selectedElements.length) {
       return false;
@@ -38,8 +47,10 @@ export const actionToggleElementLock = register({
     };
   },
   contextItemLabel: (elements, appState) => {
-    const selected = getSelectedElements(elements, appState, false);
-    if (selected.length === 1) {
+    const selected = getSelectedElements(elements, appState, {
+      includeBoundTextElement: false,
+    });
+    if (selected.length === 1 && selected[0].type !== "frame") {
       return selected[0].locked
         ? "labels.elementLock.unlock"
         : "labels.elementLock.lock";
@@ -54,7 +65,9 @@ export const actionToggleElementLock = register({
       event.key.toLocaleLowerCase() === KEYS.L &&
       event[KEYS.CTRL_OR_CMD] &&
       event.shiftKey &&
-      getSelectedElements(elements, appState, false).length > 0
+      getSelectedElements(elements, appState, {
+        includeBoundTextElement: false,
+      }).length > 0
     );
   },
 });
diff --git a/src/actions/actionFlip.ts b/src/actions/actionFlip.ts
index 8edbbc4aa..8199d2f50 100644
--- a/src/actions/actionFlip.ts
+++ b/src/actions/actionFlip.ts
@@ -12,13 +12,17 @@ import {
   isBindingEnabled,
   unbindLinearElements,
 } from "../element/binding";
+import { updateFrameMembershipOfSelectedElements } from "../frame";
 
 export const actionFlipHorizontal = register({
   name: "flipHorizontal",
   trackEvent: { category: "element" },
   perform: (elements, appState) => {
     return {
-      elements: flipSelectedElements(elements, appState, "horizontal"),
+      elements: updateFrameMembershipOfSelectedElements(
+        flipSelectedElements(elements, appState, "horizontal"),
+        appState,
+      ),
       appState,
       commitToHistory: true,
     };
@@ -32,7 +36,10 @@ export const actionFlipVertical = register({
   trackEvent: { category: "element" },
   perform: (elements, appState) => {
     return {
-      elements: flipSelectedElements(elements, appState, "vertical"),
+      elements: updateFrameMembershipOfSelectedElements(
+        flipSelectedElements(elements, appState, "vertical"),
+        appState,
+      ),
       appState,
       commitToHistory: true,
     };
@@ -50,6 +57,9 @@ const flipSelectedElements = (
   const selectedElements = getSelectedElements(
     getNonDeletedElements(elements),
     appState,
+    {
+      includeElementsInFrames: true,
+    },
   );
 
   const updatedElements = flipElements(
diff --git a/src/actions/actionFrame.ts b/src/actions/actionFrame.ts
new file mode 100644
index 000000000..980d0f7d0
--- /dev/null
+++ b/src/actions/actionFrame.ts
@@ -0,0 +1,140 @@
+import { getNonDeletedElements } from "../element";
+import { ExcalidrawElement } from "../element/types";
+import { removeAllElementsFromFrame } from "../frame";
+import { getFrameElements } from "../frame";
+import { KEYS } from "../keys";
+import { getSelectedElements } from "../scene";
+import { AppState } from "../types";
+import { setCursorForShape, updateActiveTool } from "../utils";
+import { register } from "./register";
+
+const isSingleFrameSelected = (
+  elements: readonly ExcalidrawElement[],
+  appState: AppState,
+) => {
+  const selectedElements = getSelectedElements(
+    getNonDeletedElements(elements),
+    appState,
+  );
+
+  return selectedElements.length === 1 && selectedElements[0].type === "frame";
+};
+
+export const actionSelectAllElementsInFrame = register({
+  name: "selectAllElementsInFrame",
+  trackEvent: { category: "canvas" },
+  perform: (elements, appState) => {
+    const selectedFrame = getSelectedElements(
+      getNonDeletedElements(elements),
+      appState,
+    )[0];
+
+    if (selectedFrame && selectedFrame.type === "frame") {
+      const elementsInFrame = getFrameElements(
+        getNonDeletedElements(elements),
+        selectedFrame.id,
+      ).filter((element) => !(element.type === "text" && element.containerId));
+
+      return {
+        elements,
+        appState: {
+          ...appState,
+          selectedElementIds: elementsInFrame.reduce((acc, element) => {
+            acc[element.id] = true;
+            return acc;
+          }, {} as Record<ExcalidrawElement["id"], true>),
+        },
+        commitToHistory: false,
+      };
+    }
+
+    return {
+      elements,
+      appState,
+      commitToHistory: false,
+    };
+  },
+  contextItemLabel: "labels.selectAllElementsInFrame",
+  predicate: (elements, appState) => isSingleFrameSelected(elements, appState),
+});
+
+export const actionRemoveAllElementsFromFrame = register({
+  name: "removeAllElementsFromFrame",
+  trackEvent: { category: "history" },
+  perform: (elements, appState) => {
+    const selectedFrame = getSelectedElements(
+      getNonDeletedElements(elements),
+      appState,
+    )[0];
+
+    if (selectedFrame && selectedFrame.type === "frame") {
+      return {
+        elements: removeAllElementsFromFrame(elements, selectedFrame, appState),
+        appState: {
+          ...appState,
+          selectedElementIds: {
+            [selectedFrame.id]: true,
+          },
+        },
+        commitToHistory: true,
+      };
+    }
+
+    return {
+      elements,
+      appState,
+      commitToHistory: false,
+    };
+  },
+  contextItemLabel: "labels.removeAllElementsFromFrame",
+  predicate: (elements, appState) => isSingleFrameSelected(elements, appState),
+});
+
+export const actionToggleFrameRendering = register({
+  name: "toggleFrameRendering",
+  viewMode: true,
+  trackEvent: { category: "canvas" },
+  perform: (elements, appState) => {
+    return {
+      elements,
+      appState: {
+        ...appState,
+        shouldRenderFrames: !appState.shouldRenderFrames,
+      },
+      commitToHistory: false,
+    };
+  },
+  contextItemLabel: "labels.toggleFrameRendering",
+  checked: (appState: AppState) => appState.shouldRenderFrames,
+});
+
+export const actionSetFrameAsActiveTool = register({
+  name: "setFrameAsActiveTool",
+  trackEvent: { category: "toolbar" },
+  perform: (elements, appState, _, app) => {
+    const nextActiveTool = updateActiveTool(appState, {
+      type: "frame",
+    });
+
+    setCursorForShape(app.canvas, {
+      ...appState,
+      activeTool: nextActiveTool,
+    });
+
+    return {
+      elements,
+      appState: {
+        ...appState,
+        activeTool: updateActiveTool(appState, {
+          type: "frame",
+        }),
+      },
+      commitToHistory: false,
+    };
+  },
+  keyTest: (event) =>
+    !event[KEYS.CTRL_OR_CMD] &&
+    !event.shiftKey &&
+    !event.altKey &&
+    event.key.toLocaleLowerCase() === KEYS.F,
+});
diff --git a/src/actions/actionGroup.tsx b/src/actions/actionGroup.tsx
index 1e6bcfbbc..5f22e3aed 100644
--- a/src/actions/actionGroup.tsx
+++ b/src/actions/actionGroup.tsx
@@ -17,9 +17,19 @@ import {
 import { getNonDeletedElements } from "../element";
 import { randomId } from "../random";
 import { ToolButton } from "../components/ToolButton";
-import { ExcalidrawElement, ExcalidrawTextElement } from "../element/types";
+import {
+  ExcalidrawElement,
+  ExcalidrawFrameElement,
+  ExcalidrawTextElement,
+} from "../element/types";
 import { AppState } from "../types";
 import { isBoundToContainer } from "../element/typeChecks";
+import {
+  getElementsInResizingFrame,
+  groupByFrames,
+  removeElementsFromFrame,
+  replaceAllElementsInFrame,
+} from "../frame";
 
 const allElementsInSameGroup = (elements: readonly ExcalidrawElement[]) => {
   if (elements.length >= 2) {
@@ -45,7 +55,9 @@ const enableActionGroup = (
   const selectedElements = getSelectedElements(
     getNonDeletedElements(elements),
     appState,
-    true,
+    {
+      includeBoundTextElement: true,
+    },
   );
   return (
     selectedElements.length >= 2 && !allElementsInSameGroup(selectedElements)
@@ -55,11 +67,13 @@ const enableActionGroup = (
 export const actionGroup = register({
   name: "group",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     const selectedElements = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+      },
     );
     if (selectedElements.length < 2) {
       // nothing to group
@@ -86,9 +100,31 @@ export const actionGroup = register({
         return { appState, elements, commitToHistory: false };
       }
     }
+
+    let nextElements = [...elements];
+
+    // this includes the case where we are grouping elements inside a frame
+    // and elements outside that frame
+    const groupingElementsFromDifferentFrames =
+      new Set(selectedElements.map((element) => element.frameId)).size > 1;
+    // when it happens, we want to remove elements that are in the frame
+    // and are going to be grouped from the frame (mouthful, I know)
+    if (groupingElementsFromDifferentFrames) {
+      const frameElementsMap = groupByFrames(selectedElements);
+
+      frameElementsMap.forEach((elementsInFrame, frameId) => {
+        nextElements = removeElementsFromFrame(
+          nextElements,
+          elementsInFrame,
+          appState,
+        );
+      });
+    }
+
     const newGroupId = randomId();
     const selectElementIds = arrayToMap(selectedElements);
-    const updatedElements = elements.map((element) => {
+
+    nextElements = nextElements.map((element) => {
       if (!selectElementIds.get(element.id)) {
         return element;
       }
@@ -102,17 +138,16 @@ export const actionGroup = register({
     });
     // keep the z order within the group the same, but move them
     // to the z order of the highest element in the layer stack
-    const elementsInGroup = getElementsInGroup(updatedElements, newGroupId);
+    const elementsInGroup = getElementsInGroup(nextElements, newGroupId);
     const lastElementInGroup = elementsInGroup[elementsInGroup.length - 1];
-    const lastGroupElementIndex =
-      updatedElements.lastIndexOf(lastElementInGroup);
-    const elementsAfterGroup = updatedElements.slice(lastGroupElementIndex + 1);
-    const elementsBeforeGroup = updatedElements
+    const lastGroupElementIndex = nextElements.lastIndexOf(lastElementInGroup);
+    const elementsAfterGroup = nextElements.slice(lastGroupElementIndex + 1);
+    const elementsBeforeGroup = nextElements
       .slice(0, lastGroupElementIndex)
       .filter(
         (updatedElement) => !isElementInGroup(updatedElement, newGroupId),
       );
-    const updatedElementsInOrder = [
+    nextElements = [
       ...elementsBeforeGroup,
       ...elementsInGroup,
       ...elementsAfterGroup,
@@ -122,9 +157,9 @@ export const actionGroup = register({
       appState: selectGroup(
         newGroupId,
         { ...appState, selectedGroupIds: {} },
-        getNonDeletedElements(updatedElementsInOrder),
+        getNonDeletedElements(nextElements),
       ),
-      elements: updatedElementsInOrder,
+      elements: nextElements,
       commitToHistory: true,
     };
   },
@@ -148,14 +183,23 @@ export const actionGroup = register({
 export const actionUngroup = register({
   name: "ungroup",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     const groupIds = getSelectedGroupIds(appState);
     if (groupIds.length === 0) {
       return { appState, elements, commitToHistory: false };
     }
 
+    let nextElements = [...elements];
+
+    const selectedElements = getSelectedElements(nextElements, appState);
+    const frames = selectedElements
+      .filter((element) => element.frameId)
+      .map((element) =>
+        app.scene.getElement(element.frameId!),
+      ) as ExcalidrawFrameElement[];
+
     const boundTextElementIds: ExcalidrawTextElement["id"][] = [];
-    const nextElements = elements.map((element) => {
+    nextElements = nextElements.map((element) => {
       if (isBoundToContainer(element)) {
         boundTextElementIds.push(element.id);
       }
@@ -176,13 +220,23 @@ export const actionUngroup = register({
       getNonDeletedElements(nextElements),
     );
 
+    frames.forEach((frame) => {
+      if (frame) {
+        nextElements = replaceAllElementsInFrame(
+          nextElements,
+          getElementsInResizingFrame(nextElements, frame, appState),
+          frame,
+          appState,
+        );
+      }
+    });
+
     // remove binded text elements from selection
     boundTextElementIds.forEach(
       (id) => (updateAppState.selectedElementIds[id] = false),
     );
     return {
       appState: updateAppState,
-
       elements: nextElements,
       commitToHistory: true,
     };
diff --git a/src/actions/actionLinearEditor.ts b/src/actions/actionLinearEditor.ts
index fc86eb165..11700f37c 100644
--- a/src/actions/actionLinearEditor.ts
+++ b/src/actions/actionLinearEditor.ts
@@ -21,7 +21,9 @@ export const actionToggleLinearEditor = register({
     const selectedElement = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+      },
     )[0] as ExcalidrawLinearElement;
 
     const editingLinearElement =
@@ -40,7 +42,9 @@ export const actionToggleLinearEditor = register({
     const selectedElement = getSelectedElements(
       getNonDeletedElements(elements),
       appState,
-      true,
+      {
+        includeBoundTextElement: true,
+      },
     )[0] as ExcalidrawLinearElement;
     return appState.editingLinearElement?.elementId === selectedElement.id
       ? "labels.lineEditor.exit"
diff --git a/src/actions/actionMenu.tsx b/src/actions/actionMenu.tsx
index 27bd3b37a..80a5c2b1f 100644
--- a/src/actions/actionMenu.tsx
+++ b/src/actions/actionMenu.tsx
@@ -67,7 +67,6 @@ export const actionFullScreen = register({
       commitToHistory: false,
     };
   },
-  keyTest: (event) => event.key === KEYS.F && !event[KEYS.CTRL_OR_CMD],
 });
 
 export const actionShortcuts = register({
diff --git a/src/actions/actionProperties.tsx b/src/actions/actionProperties.tsx
index d319337c3..e0d61a271 100644
--- a/src/actions/actionProperties.tsx
+++ b/src/actions/actionProperties.tsx
@@ -102,8 +102,11 @@ const changeProperty = (
   includeBoundText = false,
 ) => {
   const selectedElementIds = arrayToMap(
-    getSelectedElements(elements, appState, includeBoundText),
+    getSelectedElements(elements, appState, {
+      includeBoundTextElement: includeBoundText,
+    }),
   );
+
   return elements.map((element) => {
     if (
       selectedElementIds.get(element.id) ||
diff --git a/src/actions/actionSelectAll.ts b/src/actions/actionSelectAll.ts
index 2adadd241..40e7f0415 100644
--- a/src/actions/actionSelectAll.ts
+++ b/src/actions/actionSelectAll.ts
@@ -5,6 +5,7 @@ import { getNonDeletedElements, isTextElement } from "../element";
 import { ExcalidrawElement } from "../element/types";
 import { isLinearElement } from "../element/typeChecks";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import { excludeElementsInFramesFromSelection } from "../scene/selection";
 
 export const actionSelectAll = register({
   name: "selectAll",
@@ -13,19 +14,18 @@ export const actionSelectAll = register({
     if (appState.editingLinearElement) {
       return false;
     }
-    const selectedElementIds = elements.reduce(
-      (map: Record<ExcalidrawElement["id"], true>, element) => {
-        if (
+
+    const selectedElementIds = excludeElementsInFramesFromSelection(
+      elements.filter(
+        (element) =>
           !element.isDeleted &&
           !(isTextElement(element) && element.containerId) &&
-          !element.locked
-        ) {
-          map[element.id] = true;
-        }
-        return map;
-      },
-      {},
-    );
+          !element.locked,
+      ),
+    ).reduce((map: Record<ExcalidrawElement["id"], true>, element) => {
+      map[element.id] = true;
+      return map;
+    }, {});
 
     return {
       appState: selectGroupsForSelectedElements(
diff --git a/src/actions/actionStyles.ts b/src/actions/actionStyles.ts
index aaa59d324..88d4b4c47 100644
--- a/src/actions/actionStyles.ts
+++ b/src/actions/actionStyles.ts
@@ -20,6 +20,7 @@ import {
   hasBoundTextElement,
   canApplyRoundnessTypeToElement,
   getDefaultRoundnessTypeForElement,
+  isFrameElement,
 } from "../element/typeChecks";
 import { getSelectedElements } from "../scene";
 
@@ -64,7 +65,9 @@ export const actionPasteStyles = register({
       return { elements, commitToHistory: false };
     }
 
-    const selectedElements = getSelectedElements(elements, appState, true);
+    const selectedElements = getSelectedElements(elements, appState, {
+      includeBoundTextElement: true,
+    });
     const selectedElementIds = selectedElements.map((element) => element.id);
     return {
       elements: elements.map((element) => {
@@ -127,6 +130,13 @@ export const actionPasteStyles = register({
             });
           }
 
+          if (isFrameElement(element)) {
+            newElement = newElementWith(newElement, {
+              roundness: null,
+              backgroundColor: "transparent",
+            });
+          }
+
           return newElement;
         }
         return element;
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 277934adc..7ba40afab 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -116,6 +116,11 @@ export type ActionName =
   | "toggleLinearEditor"
   | "toggleEraserTool"
   | "toggleHandTool"
+  | "selectAllElementsInFrame"
+  | "removeAllElementsFromFrame"
+  | "toggleFrameRendering"
+  | "setFrameAsActiveTool"
+  | "createContainerFromText"
   | "wrapTextInContainer";
 
 export type PanelComponentProps = {
diff --git a/src/align.ts b/src/align.ts
index b9971c242..06382838f 100644
--- a/src/align.ts
+++ b/src/align.ts
@@ -1,6 +1,6 @@
 import { ExcalidrawElement } from "./element/types";
 import { newElementWith } from "./element/mutateElement";
-import { Box, getCommonBoundingBox } from "./element/bounds";
+import { BoundingBox, getCommonBoundingBox } from "./element/bounds";
 import { getMaximumGroups } from "./groups";
 
 export interface Alignment {
@@ -33,7 +33,7 @@ export const alignElements = (
 
 const calculateTranslation = (
   group: ExcalidrawElement[],
-  selectionBoundingBox: Box,
+  selectionBoundingBox: BoundingBox,
   { axis, position }: Alignment,
 ): { x: number; y: number } => {
   const groupBoundingBox = getCommonBoundingBox(group);
diff --git a/src/appState.ts b/src/appState.ts
index 4468eb966..aaca09757 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -78,11 +78,16 @@ export const getDefaultAppState = (): Omit<
     scrollY: 0,
     selectedElementIds: {},
     selectedGroupIds: {},
+    selectedElementsAreBeingDragged: false,
     selectionElement: null,
     shouldCacheIgnoreZoom: false,
     showStats: false,
     startBoundElement: null,
     suggestedBindings: [],
+    shouldRenderFrames: true,
+    frameToHighlight: null,
+    editingFrame: null,
+    elementsToHighlight: null,
     toast: null,
     viewBackgroundColor: COLOR_PALETTE.white,
     zenModeEnabled: false,
@@ -176,11 +181,20 @@ const APP_STATE_STORAGE_CONF = (<
   scrollY: { browser: true, export: false, server: false },
   selectedElementIds: { browser: true, export: false, server: false },
   selectedGroupIds: { browser: true, export: false, server: false },
+  selectedElementsAreBeingDragged: {
+    browser: false,
+    export: false,
+    server: false,
+  },
   selectionElement: { browser: false, export: false, server: false },
   shouldCacheIgnoreZoom: { browser: true, export: false, server: false },
   showStats: { browser: true, export: false, server: false },
   startBoundElement: { browser: false, export: false, server: false },
   suggestedBindings: { browser: false, export: false, server: false },
+  shouldRenderFrames: { browser: false, export: false, server: false },
+  frameToHighlight: { browser: false, export: false, server: false },
+  editingFrame: { browser: false, export: false, server: false },
+  elementsToHighlight: { browser: false, export: false, server: false },
   toast: { browser: false, export: false, server: false },
   viewBackgroundColor: { browser: true, export: true, server: true },
   width: { browser: false, export: false, server: false },
diff --git a/src/clipboard.ts b/src/clipboard.ts
index c0f5844dd..c13829b6a 100644
--- a/src/clipboard.ts
+++ b/src/clipboard.ts
@@ -7,6 +7,9 @@ import { SVG_EXPORT_TAG } from "./scene/export";
 import { tryParseSpreadsheet, Spreadsheet, VALID_SPREADSHEET } from "./charts";
 import { EXPORT_DATA_TYPES, MIME_TYPES } from "./constants";
 import { isInitializedImageElement } from "./element/typeChecks";
+import { deepCopyElement } from "./element/newElement";
+import { mutateElement } from "./element/mutateElement";
+import { getContainingFrame } from "./frame";
 import { isPromiseLike, isTestEnv } from "./utils";
 
 type ElementsClipboard = {
@@ -57,6 +60,9 @@ export const copyToClipboard = async (
   elements: readonly NonDeletedExcalidrawElement[],
   files: BinaryFiles | null,
 ) => {
+  const framesToCopy = new Set(
+    elements.filter((element) => element.type === "frame"),
+  );
   let foundFile = false;
 
   const _files = elements.reduce((acc, element) => {
@@ -78,7 +84,20 @@ export const copyToClipboard = async (
   // select binded text elements when copying
   const contents: ElementsClipboard = {
     type: EXPORT_DATA_TYPES.excalidrawClipboard,
-    elements,
+    elements: elements.map((element) => {
+      if (
+        getContainingFrame(element) &&
+        !framesToCopy.has(getContainingFrame(element)!)
+      ) {
+        const copiedElement = deepCopyElement(element);
+        mutateElement(copiedElement, {
+          frameId: null,
+        });
+        return copiedElement;
+      }
+
+      return element;
+    }),
     files: files ? _files : undefined,
   };
   const json = JSON.stringify(contents);
diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 875d8447c..594951ae1 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { ActionManager } from "../actions/manager";
 import { getNonDeletedElements } from "../element";
 import { ExcalidrawElement, PointerType } from "../element/types";
@@ -35,6 +35,9 @@ import {
 } from "../element/textElement";
 
 import "./Actions.scss";
+import DropdownMenu from "./dropdownMenu/DropdownMenu";
+import { extraToolsIcon, frameToolIcon } from "./icons";
+import { KEYS } from "../keys";
 
 export const SelectedShapeActions = ({
   appState,
@@ -89,7 +92,8 @@ export const SelectedShapeActions = ({
       <div>
         {((hasStrokeColor(appState.activeTool.type) &&
           appState.activeTool.type !== "image" &&
-          commonSelectedType !== "image") ||
+          commonSelectedType !== "image" &&
+          commonSelectedType !== "frame") ||
           targetElements.some((element) => hasStrokeColor(element.type))) &&
           renderAction("changeStrokeColor")}
       </div>
@@ -220,28 +224,78 @@ export const ShapesSwitcher = ({
   setAppState: React.Component<any, UIAppState>["setState"];
   onImageAction: (data: { pointerType: PointerType | null }) => void;
   appState: UIAppState;
-}) => (
-  <>
-    {SHAPES.map(({ value, icon, key, numericKey, fillable }, index) => {
-      const label = t(`toolBar.${value}`);
-      const letter =
-        key && capitalizeString(typeof key === "string" ? key : key[0]);
-      const shortcut = letter
-        ? `${letter} ${t("helpDialog.or")} ${numericKey}`
-        : `${numericKey}`;
-      return (
+}) => {
+  const [isExtraToolsMenuOpen, setIsExtraToolsMenuOpen] = useState(false);
+  const device = useDevice();
+  return (
+    <>
+      {SHAPES.map(({ value, icon, key, numericKey, fillable }, index) => {
+        const label = t(`toolBar.${value}`);
+        const letter =
+          key && capitalizeString(typeof key === "string" ? key : key[0]);
+        const shortcut = letter
+          ? `${letter} ${t("helpDialog.or")} ${numericKey}`
+          : `${numericKey}`;
+        return (
+          <ToolButton
+            className={clsx("Shape", { fillable })}
+            key={value}
+            type="radio"
+            icon={icon}
+            checked={activeTool.type === value}
+            name="editor-current-shape"
+            title={`${capitalizeString(label)} — ${shortcut}`}
+            keyBindingLabel={numericKey || letter}
+            aria-label={capitalizeString(label)}
+            aria-keyshortcuts={shortcut}
+            data-testid={`toolbar-${value}`}
+            onPointerDown={({ pointerType }) => {
+              if (!appState.penDetected && pointerType === "pen") {
+                setAppState({
+                  penDetected: true,
+                  penMode: true,
+                });
+              }
+            }}
+            onChange={({ pointerType }) => {
+              if (appState.activeTool.type !== value) {
+                trackEvent("toolbar", value, "ui");
+              }
+              const nextActiveTool = updateActiveTool(appState, {
+                type: value,
+              });
+              setAppState({
+                activeTool: nextActiveTool,
+                multiElement: null,
+                selectedElementIds: {},
+              });
+              setCursorForShape(canvas, {
+                ...appState,
+                activeTool: nextActiveTool,
+              });
+              if (value === "image") {
+                onImageAction({ pointerType });
+              }
+            }}
+          />
+        );
+      })}
+      <div className="App-toolbar__divider" />
+      {/* TEMP HACK because dropdown doesn't work well inside mobile toolbar */}
+      {device.isMobile ? (
         <ToolButton
-          className={clsx("Shape", { fillable })}
-          key={value}
+          className={clsx("Shape", { fillable: false })}
           type="radio"
-          icon={icon}
-          checked={activeTool.type === value}
+          icon={frameToolIcon}
+          checked={activeTool.type === "frame"}
           name="editor-current-shape"
-          title={`${capitalizeString(label)} — ${shortcut}`}
-          keyBindingLabel={numericKey || letter}
-          aria-label={capitalizeString(label)}
-          aria-keyshortcuts={shortcut}
-          data-testid={`toolbar-${value}`}
+          title={`${capitalizeString(
+            t("toolBar.frame"),
+          )} — ${KEYS.F.toLocaleUpperCase()}`}
+          keyBindingLabel={KEYS.F.toLocaleUpperCase()}
+          aria-label={capitalizeString(t("toolBar.frame"))}
+          aria-keyshortcuts={KEYS.F.toLocaleUpperCase()}
+          data-testid={`toolbar-frame`}
           onPointerDown={({ pointerType }) => {
             if (!appState.penDetected && pointerType === "pen") {
               setAppState({
@@ -251,30 +305,54 @@ export const ShapesSwitcher = ({
             }
           }}
           onChange={({ pointerType }) => {
-            if (appState.activeTool.type !== value) {
-              trackEvent("toolbar", value, "ui");
-            }
+            trackEvent("toolbar", "frame", "ui");
             const nextActiveTool = updateActiveTool(appState, {
-              type: value,
+              type: "frame",
             });
             setAppState({
               activeTool: nextActiveTool,
               multiElement: null,
               selectedElementIds: {},
             });
-            setCursorForShape(canvas, {
-              ...appState,
-              activeTool: nextActiveTool,
-            });
-            if (value === "image") {
-              onImageAction({ pointerType });
-            }
           }}
         />
-      );
-    })}
-  </>
-);
+      ) : (
+        <DropdownMenu open={isExtraToolsMenuOpen}>
+          <DropdownMenu.Trigger
+            className="App-toolbar__extra-tools-trigger"
+            onToggle={() => setIsExtraToolsMenuOpen(!isExtraToolsMenuOpen)}
+            title={t("toolBar.extraTools")}
+          >
+            {extraToolsIcon}
+          </DropdownMenu.Trigger>
+          <DropdownMenu.Content
+            onClickOutside={() => setIsExtraToolsMenuOpen(false)}
+            onSelect={() => setIsExtraToolsMenuOpen(false)}
+            className="App-toolbar__extra-tools-dropdown"
+          >
+            <DropdownMenu.Item
+              onSelect={() => {
+                const nextActiveTool = updateActiveTool(appState, {
+                  type: "frame",
+                });
+                setAppState({
+                  activeTool: nextActiveTool,
+                  multiElement: null,
+                  selectedElementIds: {},
+                });
+              }}
+              icon={frameToolIcon}
+              shortcut={KEYS.F.toLocaleUpperCase()}
+              data-testid="toolbar-frame"
+            >
+              {t("toolBar.frame")}
+            </DropdownMenu.Item>
+          </DropdownMenu.Content>
+        </DropdownMenu>
+      )}
+    </>
+  );
+};
 
 export const ZoomActions = ({
   renderAction,
diff --git a/src/components/App.tsx b/src/components/App.tsx
index ad41e7289..bbae21f08 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -59,6 +59,7 @@ import {
   ELEMENT_TRANSLATE_AMOUNT,
   ENV,
   EVENT,
+  FRAME_STYLE,
   EXPORT_IMAGE_TYPES,
   GRID_SIZE,
   IMAGE_MIME_TYPES,
@@ -79,6 +80,7 @@ import {
   TAP_TWICE_TIMEOUT,
   TEXT_TO_CENTER_SNAP_THRESHOLD,
   THEME,
+  THEME_FILTER,
   TOUCH_CTX_MENU_TIMEOUT,
   VERTICAL_ALIGN,
   ZOOM_STEP,
@@ -132,6 +134,7 @@ import { mutateElement, newElementWith } from "../element/mutateElement";
 import {
   deepCopyElement,
   duplicateElements,
+  newFrameElement,
   newFreeDrawElement,
 } from "../element/newElement";
 import {
@@ -140,6 +143,7 @@ import {
   isBindingElement,
   isBindingElementType,
   isBoundToContainer,
+  isFrameElement,
   isImageElement,
   isInitializedImageElement,
   isLinearElement,
@@ -159,6 +163,7 @@ import {
   FileId,
   NonDeletedExcalidrawElement,
   ExcalidrawTextContainer,
+  ExcalidrawFrameElement,
 } from "../element/types";
 import { getCenter, getDistance } from "../gesture";
 import {
@@ -181,7 +186,7 @@ import {
   KEYS,
 } from "../keys";
 import { distance2d, getGridPoint, isPathALoop } from "../math";
-import { renderScene } from "../renderer/renderScene";
+import { isVisibleElement, renderScene } from "../renderer/renderScene";
 import { invalidateShapeForElement } from "../renderer/renderElement";
 import {
   calculateScrollCenter,
@@ -211,6 +216,7 @@ import {
   PointerDownState,
   SceneData,
   Device,
+  FrameNameBoundsCache,
   SidebarName,
   SidebarTabName,
 } from "../types";
@@ -295,7 +301,26 @@ import {
 import { shouldShowBoundingBox } from "../element/transformHandles";
 import { actionUnlockAllElements } from "../actions/actionElementLock";
 import { Fonts } from "../scene/Fonts";
+import {
+  getFrameElements,
+  isCursorInFrame,
+  bindElementsToFramesAfterDuplication,
+  addElementsToFrame,
+  replaceAllElementsInFrame,
+  removeElementsFromFrame,
+  getElementsInResizingFrame,
+  getElementsInNewFrame,
+  getContainingFrame,
+  elementOverlapsWithFrame,
+  updateFrameMembershipOfSelectedElements,
+  isElementInFrame,
+} from "../frame";
+import { excludeElementsInFramesFromSelection } from "../scene/selection";
 import { actionPaste } from "../actions/actionClipboard";
+import {
+  actionRemoveAllElementsFromFrame,
+  actionSelectAllElementsInFrame,
+} from "../actions/actionFrame";
 import {
   actionToggleHandTool,
   zoomToFitElements,
@@ -422,7 +447,7 @@ class App extends React.Component<AppProps, AppState> {
   public imageCache: AppClassProperties["imageCache"] = new Map();
 
   hitLinkElement?: NonDeletedExcalidrawElement;
-  lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null = null;
+  lastPointerDown: React.PointerEvent<HTMLElement> | null = null;
   lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null = null;
   lastViewportPosition = { x: 0, y: 0 };
 
@@ -480,6 +505,7 @@ class App extends React.Component<AppProps, AppState> {
         setActiveTool: this.setActiveTool,
         setCursor: this.setCursor,
         resetCursor: this.resetCursor,
+        toggleFrameRendering: this.toggleFrameRendering,
         toggleSidebar: this.toggleSidebar,
       } as const;
       if (typeof excalidrawRef === "function") {
@@ -534,7 +560,9 @@ class App extends React.Component<AppProps, AppState> {
           width={canvasWidth}
           height={canvasHeight}
           ref={this.handleCanvasRef}
-          onContextMenu={this.handleCanvasContextMenu}
+          onContextMenu={(event: React.PointerEvent<HTMLCanvasElement>) =>
+            this.handleCanvasContextMenu(event)
+          }
           onPointerMove={this.handleCanvasPointerMove}
           onPointerUp={this.handleCanvasPointerUp}
           onPointerCancel={this.removePointer}
@@ -555,7 +583,9 @@ class App extends React.Component<AppProps, AppState> {
         width={canvasWidth}
         height={canvasHeight}
         ref={this.handleCanvasRef}
-        onContextMenu={this.handleCanvasContextMenu}
+        onContextMenu={(event: React.PointerEvent<HTMLCanvasElement>) =>
+          this.handleCanvasContextMenu(event)
+        }
         onPointerDown={this.handleCanvasPointerDown}
         onDoubleClick={this.handleCanvasDoubleClick}
         onPointerMove={this.handleCanvasPointerMove}
@@ -568,6 +598,206 @@ class App extends React.Component<AppProps, AppState> {
     );
   }
 
+  private getFrameNameDOMId = (frameElement: ExcalidrawElement) => {
+    return `${this.id}-frame-name-${frameElement.id}`;
+  };
+
+  frameNameBoundsCache: FrameNameBoundsCache = {
+    get: (frameElement) => {
+      let bounds = this.frameNameBoundsCache._cache.get(frameElement.id);
+      if (
+        !bounds ||
+        bounds.zoom !== this.state.zoom.value ||
+        bounds.versionNonce !== frameElement.versionNonce
+      ) {
+        const frameNameDiv = document.getElementById(
+          this.getFrameNameDOMId(frameElement),
+        );
+
+        if (frameNameDiv) {
+          const box = frameNameDiv.getBoundingClientRect();
+          const boxSceneTopLeft = viewportCoordsToSceneCoords(
+            { clientX: box.x, clientY: box.y },
+            this.state,
+          );
+          const boxSceneBottomRight = viewportCoordsToSceneCoords(
+            { clientX: box.right, clientY: box.bottom },
+            this.state,
+          );
+
+          bounds = {
+            x: boxSceneTopLeft.x,
+            y: boxSceneTopLeft.y,
+            width: boxSceneBottomRight.x - boxSceneTopLeft.x,
+            height: boxSceneBottomRight.y - boxSceneTopLeft.y,
+            angle: 0,
+            zoom: this.state.zoom.value,
+            versionNonce: frameElement.versionNonce,
+          };
+
+          this.frameNameBoundsCache._cache.set(frameElement.id, bounds);
+
+          return bounds;
+        }
+        return null;
+      }
+
+      return bounds;
+    },
+    /**
+     * @private
+     */
+    _cache: new Map(),
+  };
+
+  private renderFrameNames = () => {
+    if (!this.state.shouldRenderFrames) {
+      return null;
+    }
+
+    const isDarkTheme = this.state.theme === "dark";
+
+    return this.scene.getNonDeletedFrames().map((f, index) => {
+      if (
+        !this.canvas ||
+        !isVisibleElement(
+          f,
+          this.canvas.width / window.devicePixelRatio,
+          this.canvas.height / window.devicePixelRatio,
+          {
+            offsetLeft: this.state.offsetLeft,
+            offsetTop: this.state.offsetTop,
+            scrollX: this.state.scrollX,
+            scrollY: this.state.scrollY,
+            zoom: this.state.zoom,
+          },
+        )
+      ) {
+        // if frame not visible, don't render its name
+        return null;
+      }
+
+      const { x: x1, y: y1 } = sceneCoordsToViewportCoords(
+        { sceneX: f.x, sceneY: f.y },
+        this.state,
+      );
+
+      const { x: x2 } = sceneCoordsToViewportCoords(
+        { sceneX: f.x + f.width, sceneY: f.y + f.height },
+        this.state,
+      );
+
+      const FRAME_NAME_GAP = 20;
+      const FRAME_NAME_EDIT_PADDING = 6;
+
+      const reset = () => {
+        if (f.name?.trim() === "") {
+          mutateElement(f, { name: null });
+        }
+
+        this.setState({ editingFrame: null });
+      };
+
+      let frameNameJSX;
+
+      if (f.id === this.state.editingFrame) {
+        const frameNameInEdit = f.name == null ? `Frame ${index + 1}` : f.name;
+
+        frameNameJSX = (
+          <input
+            autoFocus
+            value={frameNameInEdit}
+            onChange={(e) => {
+              mutateElement(f, {
+                name: e.target.value,
+              });
+            }}
+            onBlur={() => reset()}
+            onKeyDown={(event) => {
+              // for some inexplicable reason, `onBlur` triggered on ESC
+              // does not reset `state.editingFrame` despite being called,
+              // and we need to reset it here as well
+              if (event.key === KEYS.ESCAPE || event.key === KEYS.ENTER) {
+                reset();
+              }
+            }}
+            style={{
+              background: this.state.viewBackgroundColor,
+              filter: isDarkTheme ? THEME_FILTER : "none",
+              zIndex: 2,
+              border: "none",
+              display: "block",
+              padding: `${FRAME_NAME_EDIT_PADDING}px`,
+              borderRadius: 4,
+              boxShadow: "inset 0 0 0 1px var(--color-primary)",
+              fontFamily: "Assistant",
+              fontSize: "14px",
+              transform: `translateY(-${FRAME_NAME_EDIT_PADDING}px)`,
+              color: "var(--color-gray-80)",
+              overflow: "hidden",
+              maxWidth: `${Math.min(
+                x2 - x1 - FRAME_NAME_EDIT_PADDING,
+                document.body.clientWidth - x1 - FRAME_NAME_EDIT_PADDING,
+              )}px`,
+            }}
+            size={frameNameInEdit.length + 1 || 1}
+            dir="auto"
+            autoComplete="off"
+            autoCapitalize="off"
+            autoCorrect="off"
+          />
+        );
+      } else {
+        frameNameJSX =
+          f.name == null || f.name.trim() === ""
+            ? `Frame ${index + 1}`
+            : f.name.trim();
+      }
+
+      return (
+        <div
+          id={this.getFrameNameDOMId(f)}
+          key={f.id}
+          style={{
+            position: "absolute",
+            top: `${y1 - FRAME_NAME_GAP - this.state.offsetTop}px`,
+            left: `${
+              x1 -
+              this.state.offsetLeft -
+              (this.state.editingFrame === f.id ? FRAME_NAME_EDIT_PADDING : 0)
+            }px`,
+            zIndex: 2,
+            fontSize: "14px",
+            color: isDarkTheme
+              ? "var(--color-gray-60)"
+              : "var(--color-gray-50)",
+            width: "max-content",
+            maxWidth: `${x2 - x1 + FRAME_NAME_EDIT_PADDING * 2}px`,
+            overflow: f.id === this.state.editingFrame ? "visible" : "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            cursor: CURSOR_TYPE.MOVE,
+            // disable all interaction (e.g. cursor change) when in view
+            // mode
+            pointerEvents: this.state.viewModeEnabled ? "none" : "all",
+          }}
+          onPointerDown={(event) => this.handleCanvasPointerDown(event)}
+          onWheel={(event) => this.handleWheel(event)}
+          onContextMenu={(event: React.PointerEvent<HTMLDivElement>) => {
+            this.handleCanvasContextMenu(event);
+          }}
+          onDoubleClick={() => {
+            this.setState({
+              editingFrame: f.id,
+            });
+          }}
+        >
+          {frameNameJSX}
+        </div>
+      );
+    });
+  };
+
   public render() {
     const selectedElement = getSelectedElements(
       this.scene.getNonDeletedElements(),
@@ -626,6 +856,7 @@ class App extends React.Component<AppProps, AppState> {
                             !this.state.isLoading &&
                             this.state.showWelcomeScreen &&
                             this.state.activeTool.type === "selection" &&
+                            !this.state.zenModeEnabled &&
                             !this.scene.getElementsIncludingDeleted().length
                           }
                         >
@@ -661,6 +892,7 @@ class App extends React.Component<AppProps, AppState> {
                           />
                         )}
                         <main>{this.renderCanvas()}</main>
+                        {this.renderFrameNames()}
                       </ExcalidrawActionManagerContext.Provider>
                     </ExcalidrawElementsContext.Provider>
                   </ExcalidrawAppStateContext.Provider>
@@ -1773,6 +2005,9 @@ class App extends React.Component<AppProps, AppState> {
 
     this.history.resumeRecording();
 
+    const nextElementsToSelect =
+      excludeElementsInFramesFromSelection(newElements);
+
     this.setState(
       selectGroupsForSelectedElements(
         {
@@ -1788,7 +2023,7 @@ class App extends React.Component<AppProps, AppState> {
             this.state.defaultSidebarDockedPreference
               ? this.state.openSidebar
               : null,
-          selectedElementIds: newElements.reduce(
+          selectedElementIds: nextElementsToSelect.reduce(
             (acc: Record<ExcalidrawElement["id"], true>, element) => {
               if (!isBoundToContainer(element)) {
                 acc[element.id] = true;
@@ -1848,12 +2083,18 @@ class App extends React.Component<AppProps, AppState> {
 
         const lineHeight = getDefaultLineHeight(textElementProps.fontFamily);
         if (text.length) {
+          const topLayerFrame = this.getTopLayerFrameAtSceneCoords({
+            x,
+            y: currentY,
+          });
+
           const element = newTextElement({
             ...textElementProps,
             x,
             y: currentY,
             text,
             lineHeight,
+            frameId: topLayerFrame ? topLayerFrame.id : null,
           });
           acc.push(element);
           currentY += element.height + LINE_GAP;
@@ -1877,10 +2118,19 @@ class App extends React.Component<AppProps, AppState> {
       return;
     }
 
-    this.scene.replaceAllElements([
-      ...this.scene.getElementsIncludingDeleted(),
-      ...textElements,
-    ]);
+    const frameId = textElements[0].frameId;
+
+    if (frameId) {
+      this.scene.insertElementsAtIndex(
+        textElements,
+        this.scene.getElementIndex(frameId),
+      );
+    } else {
+      this.scene.replaceAllElements([
+        ...this.scene.getElementsIncludingDeleted(),
+        ...textElements,
+      ]);
+    }
 
     this.setState({
       selectedElementIds: Object.fromEntries(
@@ -1945,6 +2195,14 @@ class App extends React.Component<AppProps, AppState> {
     });
   };
 
+  toggleFrameRendering = () => {
+    this.setState((prevState) => {
+      return {
+        shouldRenderFrames: !prevState.shouldRenderFrames,
+      };
+    });
+  };
+
   togglePenMode = () => {
     this.setState((prevState) => {
       return {
@@ -2283,7 +2541,10 @@ class App extends React.Component<AppProps, AppState> {
         const selectedElements = getSelectedElements(
           this.scene.getNonDeletedElements(),
           this.state,
-          true,
+          {
+            includeBoundTextElement: true,
+            includeElementsInFrames: true,
+          },
         );
 
         selectedElements.forEach((element) => {
@@ -2341,6 +2602,10 @@ class App extends React.Component<AppProps, AppState> {
             });
             event.preventDefault();
             return;
+          } else if (isFrameElement(selectedElement)) {
+            this.setState({
+              editingFrame: selectedElement.id,
+            });
           }
         }
       } else if (
@@ -2464,7 +2729,7 @@ class App extends React.Component<AppProps, AppState> {
 
   private setActiveTool = (
     tool:
-      | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" }
+      | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame" }
       | { type: "custom"; customType: string },
   ) => {
     const nextActiveTool = updateActiveTool(this.state, tool);
@@ -2722,6 +2987,7 @@ class App extends React.Component<AppProps, AppState> {
       return isHittingElementBoundingBoxWithoutHittingElement(
         elementWithHighestZIndex,
         this.state,
+        this.frameNameBoundsCache,
         x,
         y,
       )
@@ -2753,8 +3019,14 @@ class App extends React.Component<AppProps, AppState> {
             );
 
     return getElementsAtPosition(elements, (element) =>
-      hitTest(element, this.state, x, y),
-    );
+      hitTest(element, this.state, this.frameNameBoundsCache, x, y),
+    ).filter((element) => {
+      // hitting a frame's element from outside the frame is not considered a hit
+      const containingFrame = getContainingFrame(element);
+      return containingFrame && this.state.shouldRenderFrames
+        ? isCursorInFrame({ x, y }, containingFrame)
+        : true;
+    });
   }
 
   private startTextEditing = ({
@@ -2840,6 +3112,12 @@ class App extends React.Component<AppProps, AppState> {
         );
       }
     }
+
+    const topLayerFrame = this.getTopLayerFrameAtSceneCoords({
+      x: sceneX,
+      y: sceneY,
+    });
+
     const element = existingTextElement
       ? existingTextElement
       : newTextElement({
@@ -2869,6 +3147,7 @@ class App extends React.Component<AppProps, AppState> {
           groupIds: container?.groupIds ?? [],
           lineHeight,
           angle: container?.angle ?? 0,
+          frameId: topLayerFrame ? topLayerFrame.id : null,
         });
 
     if (!existingTextElement && shouldBindToContainer && container) {
@@ -2886,10 +3165,7 @@ class App extends React.Component<AppProps, AppState> {
         const containerIndex = this.scene.getElementIndex(container.id);
         this.scene.insertElementAtIndex(element, containerIndex + 1);
       } else {
-        this.scene.replaceAllElements([
-          ...this.scene.getElementsIncludingDeleted(),
-          element,
-        ]);
+        this.scene.addNewElement(element);
       }
     }
 
@@ -2986,10 +3262,12 @@ class App extends React.Component<AppProps, AppState> {
         if (
           hasBoundTextElement(container) ||
           !isTransparent(container.backgroundColor) ||
-          isHittingElementNotConsideringBoundingBox(container, this.state, [
-            sceneX,
-            sceneY,
-          ])
+          isHittingElementNotConsideringBoundingBox(
+            container,
+            this.state,
+            this.frameNameBoundsCache,
+            [sceneX, sceneY],
+          )
         ) {
           const midPoint = getContainerCenter(container, this.state);
 
@@ -3091,6 +3369,19 @@ class App extends React.Component<AppProps, AppState> {
     }
   };
 
+  private getTopLayerFrameAtSceneCoords = (sceneCoords: {
+    x: number;
+    y: number;
+  }) => {
+    const frames = this.scene
+      .getNonDeletedFrames()
+      .filter((frame) =>
+        isCursorInFrame(sceneCoords, frame as ExcalidrawFrameElement),
+      );
+
+    return frames.length ? frames[frames.length - 1] : null;
+  };
+
   private handleCanvasPointerMove = (
     event: React.PointerEvent<HTMLCanvasElement>,
   ) => {
@@ -3539,10 +3830,12 @@ class App extends React.Component<AppProps, AppState> {
       let hoverPointIndex = -1;
       let segmentMidPointHoveredCoords = null;
       if (
-        isHittingElementNotConsideringBoundingBox(element, this.state, [
-          scenePointerX,
-          scenePointerY,
-        ])
+        isHittingElementNotConsideringBoundingBox(
+          element,
+          this.state,
+          this.frameNameBoundsCache,
+          [scenePointerX, scenePointerY],
+        )
       ) {
         hoverPointIndex = LinearElementEditor.getPointIndexUnderCursor(
           element,
@@ -3567,6 +3860,7 @@ class App extends React.Component<AppProps, AppState> {
         isHittingElementBoundingBoxWithoutHittingElement(
           element,
           this.state,
+          this.frameNameBoundsCache,
           scenePointerX,
           scenePointerY,
         )
@@ -3574,7 +3868,13 @@ class App extends React.Component<AppProps, AppState> {
         setCursor(this.canvas, CURSOR_TYPE.MOVE);
       } else if (
         boundTextElement &&
-        hitTest(boundTextElement, this.state, scenePointerX, scenePointerY)
+        hitTest(
+          boundTextElement,
+          this.state,
+          this.frameNameBoundsCache,
+          scenePointerX,
+          scenePointerY,
+        )
       ) {
         setCursor(this.canvas, CURSOR_TYPE.MOVE);
       }
@@ -3608,7 +3908,7 @@ class App extends React.Component<AppProps, AppState> {
     }
   }
   private handleCanvasPointerDown = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ) => {
     // since contextMenu options are potentially evaluated on each render,
     // and an contextMenu action may depend on selection state, we must
@@ -3715,6 +4015,10 @@ class App extends React.Component<AppProps, AppState> {
     // pointerDown event, ends with a pointerUp event (or another pointerDown)
     const pointerDownState = this.initialPointerDownState(event);
 
+    this.setState({
+      selectedElementsAreBeingDragged: false,
+    });
+
     if (this.handleDraggingScrollBar(event, pointerDownState)) {
       return;
     }
@@ -3782,6 +4086,8 @@ class App extends React.Component<AppProps, AppState> {
       );
     } else if (this.state.activeTool.type === "custom") {
       setCursor(this.canvas, CURSOR_TYPE.AUTO);
+    } else if (this.state.activeTool.type === "frame") {
+      this.createFrameElementOnPointerDown(pointerDownState);
     } else if (
       this.state.activeTool.type !== "eraser" &&
       this.state.activeTool.type !== "hand"
@@ -3821,6 +4127,7 @@ class App extends React.Component<AppProps, AppState> {
     event: React.PointerEvent<HTMLCanvasElement>,
   ) => {
     this.lastPointerUp = event;
+
     if (this.device.isTouchScreen) {
       const scenePointer = viewportCoordsToSceneCoords(
         { clientX: event.clientX, clientY: event.clientY },
@@ -3846,7 +4153,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   private maybeOpenContextMenuAfterPointerDownOnTouchDevices = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ): void => {
     // deal with opening context menu on touch devices
     if (event.pointerType === "touch") {
@@ -3877,7 +4184,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   private maybeCleanupAfterMissingPointerUp(
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ): void {
     if (lastPointerUp !== null) {
       // Unfortunately, sometimes we don't get a pointerup after a pointerdown,
@@ -3889,7 +4196,7 @@ class App extends React.Component<AppProps, AppState> {
 
   // Returns whether the event is a panning
   private handleCanvasPanUsingWheelOrSpaceDrag = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ): boolean => {
     if (
       !(
@@ -3986,7 +4293,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   private updateGestureOnPointerDown(
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ): void {
     gesture.pointers.set(event.pointerId, {
       x: event.clientX,
@@ -4003,7 +4310,7 @@ class App extends React.Component<AppProps, AppState> {
   }
 
   private initialPointerDownState(
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ): PointerDownState {
     const origin = viewportCoordsToSceneCoords(event, this.state);
     const selectedElements = getSelectedElements(
@@ -4068,7 +4375,7 @@ class App extends React.Component<AppProps, AppState> {
 
   // Returns whether the event is a dragging a scrollbar
   private handleDraggingScrollBar(
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
     pointerDownState: PointerDownState,
   ): boolean {
     if (
@@ -4122,7 +4429,7 @@ class App extends React.Component<AppProps, AppState> {
    * @returns whether the pointer event has been completely handled
    */
   private handleSelectionOnPointerDown = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
     pointerDownState: PointerDownState,
   ): boolean => {
     if (this.state.activeTool.type === "selection") {
@@ -4282,18 +4589,88 @@ class App extends React.Component<AppProps, AppState> {
             // Add hit element to selection. At this point if we're not holding
             // SHIFT the previously selected element(s) were deselected above
             // (make sure you use setState updater to use latest state)
+            // With shift-selection, we want to make sure that frames and their containing
+            // elements are not selected at the same time.
             if (
               !someHitElementIsSelected &&
               !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements
             ) {
               this.setState((prevState) => {
+                const nextSelectedElementIds = {
+                  ...prevState.selectedElementIds,
+                  [hitElement.id]: true,
+                };
+
+                const previouslySelectedElements: ExcalidrawElement[] = [];
+
+                Object.keys(prevState.selectedElementIds).forEach((id) => {
+                  const element = this.scene.getElement(id);
+                  element && previouslySelectedElements.push(element);
+                });
+
+                // if hitElement is frame, deselect all of its elements if they are selected
+                if (hitElement.type === "frame") {
+                  getFrameElements(
+                    previouslySelectedElements,
+                    hitElement.id,
+                  ).forEach((element) => {
+                    nextSelectedElementIds[element.id] = false;
+                  });
+                } else if (hitElement.frameId) {
+                  // if hitElement is in a frame and its frame has been selected
+                  // disable selection for the given element
+                  if (nextSelectedElementIds[hitElement.frameId]) {
+                    nextSelectedElementIds[hitElement.id] = false;
+                  }
+                } else {
+                  // hitElement is neither a frame nor an element in a frame
+                  // but since hitElement could be in a group with some frames
+                  // this means selecting hitElement will have the frames selected as well
+                  // because we want to keep the invariant:
+                  // - frames and their elements are not selected at the same time
+                  // we deselect elements in those frames that were previously selected
+
+                  const groupIds = hitElement.groupIds;
+                  const framesInGroups = new Set(
+                    groupIds
+                      .flatMap((gid) =>
+                        getElementsInGroup(
+                          this.scene.getNonDeletedElements(),
+                          gid,
+                        ),
+                      )
+                      .filter((element) => element.type === "frame")
+                      .map((frame) => frame.id),
+                  );
+
+                  if (framesInGroups.size > 0) {
+                    previouslySelectedElements.forEach((element) => {
+                      if (
+                        element.frameId &&
+                        framesInGroups.has(element.frameId)
+                      ) {
+                        // deselect element and groups containing the element
+                        nextSelectedElementIds[element.id] = false;
+                        element.groupIds
+                          .flatMap((gid) =>
+                            getElementsInGroup(
+                              this.scene.getNonDeletedElements(),
+                              gid,
+                            ),
+                          )
+                          .forEach(
+                            (element) =>
+                              (nextSelectedElementIds[element.id] = false),
+                          );
+                      }
+                    });
+                  }
+                }
+
                 return selectGroupsForSelectedElements(
                   {
                     ...prevState,
-                    selectedElementIds: {
-                      ...prevState.selectedElementIds,
-                      [hitElement.id]: true,
-                    },
+                    selectedElementIds: nextSelectedElementIds,
                     showHyperlinkPopup: hitElement.link ? "info" : false,
                   },
                   this.scene.getNonDeletedElements(),
@@ -4336,7 +4713,7 @@ class App extends React.Component<AppProps, AppState> {
   }
 
   private handleTextOnPointerDown = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
     pointerDownState: PointerDownState,
   ): void => {
     // if we're currently still editing text, clicking outside
@@ -4380,7 +4757,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   private handleFreeDrawElementOnPointerDown = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
     elementType: ExcalidrawFreeDrawElement["type"],
     pointerDownState: PointerDownState,
   ) => {
@@ -4391,6 +4768,11 @@ class App extends React.Component<AppProps, AppState> {
       null,
     );
 
+    const topLayerFrame = this.getTopLayerFrameAtSceneCoords({
+      x: gridX,
+      y: gridY,
+    });
+
     const element = newFreeDrawElement({
       type: elementType,
       x: gridX,
@@ -4405,6 +4787,7 @@ class App extends React.Component<AppProps, AppState> {
       roundness: null,
       simulatePressure: event.pressure === 0.5,
       locked: false,
+      frameId: topLayerFrame ? topLayerFrame.id : null,
     });
 
     this.setState((prevState) => ({
@@ -4427,10 +4810,7 @@ class App extends React.Component<AppProps, AppState> {
       pointerDownState.origin,
       this.scene,
     );
-    this.scene.replaceAllElements([
-      ...this.scene.getElementsIncludingDeleted(),
-      element,
-    ]);
+    this.scene.addNewElement(element);
     this.setState({
       draggingElement: element,
       editingElement: element,
@@ -4448,6 +4828,11 @@ class App extends React.Component<AppProps, AppState> {
   }) => {
     const [gridX, gridY] = getGridPoint(sceneX, sceneY, this.state.gridSize);
 
+    const topLayerFrame = this.getTopLayerFrameAtSceneCoords({
+      x: gridX,
+      y: gridY,
+    });
+
     const element = newImageElement({
       type: "image",
       x: gridX,
@@ -4461,13 +4846,14 @@ class App extends React.Component<AppProps, AppState> {
       roundness: null,
       opacity: this.state.currentItemOpacity,
       locked: false,
+      frameId: topLayerFrame ? topLayerFrame.id : null,
     });
 
     return element;
   };
 
   private handleLinearElementOnPointerDown = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
     elementType: ExcalidrawLinearElement["type"],
     pointerDownState: PointerDownState,
   ): void => {
@@ -4523,6 +4909,11 @@ class App extends React.Component<AppProps, AppState> {
         this.state.gridSize,
       );
 
+      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({
+        x: gridX,
+        y: gridY,
+      });
+
       /* If arrow is pre-arrowheads, it will have undefined for both start and end arrowheads.
       If so, we want it to be null for start and "arrow" for end. If the linear item is not
       an arrow, we want it to be null for both. Otherwise, we want it to use the
@@ -4552,6 +4943,7 @@ class App extends React.Component<AppProps, AppState> {
         startArrowhead,
         endArrowhead,
         locked: false,
+        frameId: topLayerFrame ? topLayerFrame.id : null,
       });
       this.setState((prevState) => ({
         selectedElementIds: {
@@ -4566,10 +4958,8 @@ class App extends React.Component<AppProps, AppState> {
         pointerDownState.origin,
         this.scene,
       );
-      this.scene.replaceAllElements([
-        ...this.scene.getElementsIncludingDeleted(),
-        element,
-      ]);
+
+      this.scene.addNewElement(element);
       this.setState({
         draggingElement: element,
         editingElement: element,
@@ -4588,6 +4978,12 @@ class App extends React.Component<AppProps, AppState> {
       pointerDownState.origin.y,
       this.state.gridSize,
     );
+
+    const topLayerFrame = this.getTopLayerFrameAtSceneCoords({
+      x: gridX,
+      y: gridY,
+    });
+
     const element = newElement({
       type: elementType,
       x: gridX,
@@ -4608,6 +5004,7 @@ class App extends React.Component<AppProps, AppState> {
             }
           : null,
       locked: false,
+      frameId: topLayerFrame ? topLayerFrame.id : null,
     });
 
     if (element.type === "selection") {
@@ -4616,10 +5013,7 @@ class App extends React.Component<AppProps, AppState> {
         draggingElement: element,
       });
     } else {
-      this.scene.replaceAllElements([
-        ...this.scene.getElementsIncludingDeleted(),
-        element,
-      ]);
+      this.scene.addNewElement(element);
       this.setState({
         multiElement: null,
         draggingElement: element,
@@ -4628,6 +5022,35 @@ class App extends React.Component<AppProps, AppState> {
     }
   };
 
+  private createFrameElementOnPointerDown = (
+    pointerDownState: PointerDownState,
+  ): void => {
+    const [gridX, gridY] = getGridPoint(
+      pointerDownState.origin.x,
+      pointerDownState.origin.y,
+      this.state.gridSize,
+    );
+
+    const frame = newFrameElement({
+      x: gridX,
+      y: gridY,
+      opacity: this.state.currentItemOpacity,
+      locked: false,
+      ...FRAME_STYLE,
+    });
+
+    this.scene.replaceAllElements([
+      ...this.scene.getElementsIncludingDeleted(),
+      frame,
+    ]);
+
+    this.setState({
+      multiElement: null,
+      draggingElement: frame,
+      editingElement: frame,
+    });
+  };
+
   private onKeyDownFromPointerDownHandler(
     pointerDownState: PointerDownState,
   ): (event: KeyboardEvent) => void {
@@ -4830,12 +5253,26 @@ class App extends React.Component<AppProps, AppState> {
           this.scene.getNonDeletedElements(),
           this.state,
         );
+
         if (selectedElements.every((element) => element.locked)) {
           return;
         }
+
+        const selectedElementsHasAFrame = selectedElements.find((e) =>
+          isFrameElement(e),
+        );
+        const topLayerFrame = this.getTopLayerFrameAtSceneCoords(pointerCoords);
+        this.setState({
+          frameToHighlight:
+            topLayerFrame && !selectedElementsHasAFrame ? topLayerFrame : null,
+        });
+
         // Marking that click was used for dragging to check
         // if elements should be deselected on pointerup
         pointerDownState.drag.hasOccurred = true;
+        this.setState({
+          selectedElementsAreBeingDragged: true,
+        });
         // prevent dragging even if we're no longer holding cmd/ctrl otherwise
         // it would have weird results (stuff jumping all over the screen)
         // Checking for editingElement to avoid jump while editing on mobile #6503
@@ -4857,16 +5294,20 @@ class App extends React.Component<AppProps, AppState> {
 
           // We only drag in one direction if shift is pressed
           const lockDirection = event.shiftKey;
-          dragSelectedElements(
-            pointerDownState,
-            selectedElements,
-            dragX,
-            dragY,
-            lockDirection,
-            dragDistanceX,
-            dragDistanceY,
-            this.state,
-          );
+          // when we're editing the name of a frame, we want the user to be
+          // able to select and interact with the text input
+          !this.state.editingFrame &&
+            dragSelectedElements(
+              pointerDownState,
+              selectedElements,
+              dragX,
+              dragY,
+              lockDirection,
+              dragDistanceX,
+              dragDistanceY,
+              this.state,
+              this.scene,
+            );
           this.maybeSuggestBindingForAll(selectedElements);
 
           // We duplicate the selected element if alt is pressed on pointer move
@@ -4884,9 +5325,10 @@ class App extends React.Component<AppProps, AppState> {
             const hitElement = pointerDownState.hit.element;
             const elements = this.scene.getElementsIncludingDeleted();
             const selectedElementIds: Array<ExcalidrawElement["id"]> =
-              getSelectedElements(elements, this.state, true).map(
-                (element) => element.id,
-              );
+              getSelectedElements(elements, this.state, {
+                includeBoundTextElement: true,
+                includeElementsInFrames: true,
+              }).map((element) => element.id);
 
             for (const element of elements) {
               if (
@@ -4929,6 +5371,11 @@ class App extends React.Component<AppProps, AppState> {
               oldIdToDuplicatedId,
               "duplicatesServeAsOld",
             );
+            bindElementsToFramesAfterDuplication(
+              nextSceneElements,
+              elementsToAppend,
+              oldIdToDuplicatedId,
+            );
             this.scene.replaceAllElements(nextSceneElements);
           }
           return;
@@ -4963,6 +5410,9 @@ class App extends React.Component<AppProps, AppState> {
         }
       } else if (isLinearElement(draggingElement)) {
         pointerDownState.drag.hasOccurred = true;
+        this.setState({
+          selectedElementsAreBeingDragged: true,
+        });
         const points = draggingElement.points;
         let dx = gridX - draggingElement.x;
         let dy = gridY - draggingElement.y;
@@ -5119,6 +5569,10 @@ class App extends React.Component<AppProps, AppState> {
     pointerDownState: PointerDownState,
   ): (event: PointerEvent) => void {
     return withBatchedUpdates((childEvent: PointerEvent) => {
+      if (pointerDownState.eventListeners.onMove) {
+        pointerDownState.eventListeners.onMove.flush();
+      }
+
       const {
         draggingElement,
         resizingElement,
@@ -5132,6 +5586,8 @@ class App extends React.Component<AppProps, AppState> {
         isRotating: false,
         resizingElement: null,
         selectionElement: null,
+        frameToHighlight: null,
+        elementsToHighlight: null,
         cursorButton: "up",
         // text elements are reset on finalize, and resetting on pointerup
         // may cause issues with double taps
@@ -5143,6 +5599,10 @@ class App extends React.Component<AppProps, AppState> {
 
       this.savePointer(childEvent.clientX, childEvent.clientY, "up");
 
+      this.setState({
+        selectedElementsAreBeingDragged: false,
+      });
+
       // Handle end of dragging a point of a linear element, might close a loop
       // and sets binding element
       if (this.state.editingLinearElement) {
@@ -5210,10 +5670,6 @@ class App extends React.Component<AppProps, AppState> {
 
       lastPointerUp = null;
 
-      if (pointerDownState.eventListeners.onMove) {
-        pointerDownState.eventListeners.onMove.flush();
-      }
-
       window.removeEventListener(
         EVENT.POINTER_MOVE,
         pointerDownState.eventListeners.onMove!,
@@ -5368,6 +5824,152 @@ class App extends React.Component<AppProps, AppState> {
       }
 
       if (draggingElement) {
+        if (pointerDownState.drag.hasOccurred) {
+          const sceneCoords = viewportCoordsToSceneCoords(
+            childEvent,
+            this.state,
+          );
+
+          // when editing the points of a linear element, we check if the
+          // linear element still is in the frame afterwards
+          // if not, the linear element will be removed from its frame (if any)
+          if (
+            this.state.selectedLinearElement &&
+            this.state.selectedLinearElement.isDragging
+          ) {
+            const linearElement = this.scene.getElement(
+              this.state.selectedLinearElement.elementId,
+            );
+
+            if (linearElement?.frameId) {
+              const frame = getContainingFrame(linearElement);
+
+              if (frame && linearElement) {
+                if (!elementOverlapsWithFrame(linearElement, frame)) {
+                  // remove the linear element from all groups
+                  // before removing it from the frame as well
+                  mutateElement(linearElement, {
+                    groupIds: [],
+                  });
+
+                  this.scene.replaceAllElements(
+                    removeElementsFromFrame(
+                      this.scene.getElementsIncludingDeleted(),
+                      [linearElement],
+                      this.state,
+                    ),
+                  );
+                }
+              }
+            }
+          } else {
+            // update the relationships between selected elements and frames
+            const topLayerFrame =
+              this.getTopLayerFrameAtSceneCoords(sceneCoords);
+
+            const selectedElements = getSelectedElements(
+              this.scene.getNonDeletedElements(),
+              this.state,
+            );
+            let nextElements = this.scene.getElementsIncludingDeleted();
+
+            const updateGroupIdsAfterEditingGroup = (
+              elements: ExcalidrawElement[],
+            ) => {
+              if (elements.length > 0) {
+                for (const element of elements) {
+                  const index = element.groupIds.indexOf(
+                    this.state.editingGroupId!,
+                  );
+
+                  mutateElement(
+                    element,
+                    {
+                      groupIds: element.groupIds.slice(0, index),
+                    },
+                    false,
+                  );
+                }
+
+                nextElements.forEach((element) => {
+                  if (
+                    element.groupIds.length &&
+                    getElementsInGroup(
+                      nextElements,
+                      element.groupIds[element.groupIds.length - 1],
+                    ).length < 2
+                  ) {
+                    mutateElement(
+                      element,
+                      {
+                        groupIds: [],
+                      },
+                      false,
+                    );
+                  }
+                });
+
+                this.setState({
+                  editingGroupId: null,
+                });
+              }
+            };
+
+            if (
+              topLayerFrame &&
+              !this.state.selectedElementIds[topLayerFrame.id]
+            ) {
+              const elementsToAdd = selectedElements.filter(
+                (element) =>
+                  element.frameId !== topLayerFrame.id &&
+                  isElementInFrame(element, nextElements, this.state),
+              );
+
+              if (this.state.editingGroupId) {
+                updateGroupIdsAfterEditingGroup(elementsToAdd);
+              }
+
+              nextElements = addElementsToFrame(
+                nextElements,
+                elementsToAdd,
+                topLayerFrame,
+              );
+            } else if (!topLayerFrame) {
+              if (this.state.editingGroupId) {
+                const elementsToRemove = selectedElements.filter(
+                  (element) =>
+                    element.frameId &&
+                    !isElementInFrame(element, nextElements, this.state),
+                );
+
+                updateGroupIdsAfterEditingGroup(elementsToRemove);
+              }
+            }
+
+            nextElements = updateFrameMembershipOfSelectedElements(
+              this.scene.getElementsIncludingDeleted(),
+              this.state,
+            );
+
+            this.scene.replaceAllElements(nextElements);
+          }
+        }
+
+        if (draggingElement.type === "frame") {
+          const elementsInsideFrame = getElementsInNewFrame(
+            this.scene.getElementsIncludingDeleted(),
+            draggingElement,
+          );
+
+          this.scene.replaceAllElements(
+            addElementsToFrame(
+              this.scene.getElementsIncludingDeleted(),
+              elementsInsideFrame,
+              draggingElement,
+            ),
+          );
+        }
+
         mutateElement(
           draggingElement,
           getNormalizedDimensions(draggingElement),
@@ -5386,6 +5988,36 @@ class App extends React.Component<AppProps, AppState> {
         );
       }
 
+      // handle frame membership for resizing frames and/or selected elements
+      if (pointerDownState.resize.isResizing) {
+        let nextElements = updateFrameMembershipOfSelectedElements(
+          this.scene.getElementsIncludingDeleted(),
+          this.state,
+        );
+
+        const selectedFrames = getSelectedElements(
+          this.scene.getElementsIncludingDeleted(),
+          this.state,
+        ).filter(
+          (element) => element.type === "frame",
+        ) as ExcalidrawFrameElement[];
+
+        for (const frame of selectedFrames) {
+          nextElements = replaceAllElementsInFrame(
+            nextElements,
+            getElementsInResizingFrame(
+              this.scene.getElementsIncludingDeleted(),
+              frame,
+              this.state,
+            ),
+            frame,
+            this.state,
+          );
+        }
+
+        this.scene.replaceAllElements(nextElements);
+      }
+
       // Code below handles selection when element(s) weren't
       // drag or added to selection on pointer down phase.
       const hitElement = pointerDownState.hit.element;
@@ -5513,9 +6145,40 @@ class App extends React.Component<AppProps, AppState> {
                 );
               });
             }
+          } else if (
+            hitElement.frameId &&
+            this.state.selectedElementIds[hitElement.frameId]
+          ) {
+            // when hitElement is part of a selected frame, deselect the frame
+            // to avoid frame and containing elements selected simultaneously
+            this.setState((prevState) => {
+              const nextSelectedElementIds = {
+                ...prevState.selectedElementIds,
+                [hitElement.id]: true,
+                // deselect the frame
+                [hitElement.frameId!]: false,
+              };
+
+              // deselect groups containing the frame
+              (this.scene.getElement(hitElement.frameId!)?.groupIds ?? [])
+                .flatMap((gid) =>
+                  getElementsInGroup(this.scene.getNonDeletedElements(), gid),
+                )
+                .forEach(
+                  (element) => (nextSelectedElementIds[element.id] = false),
+                );
+
+              return selectGroupsForSelectedElements(
+                {
+                  ...prevState,
+                  selectedElementIds: nextSelectedElementIds,
+                  showHyperlinkPopup: hitElement.link ? "info" : false,
+                },
+                this.scene.getNonDeletedElements(),
+              );
+            });
           } else {
-            // add element to selection while
-            // keeping prev elements selected
+            // add element to selection while keeping prev elements selected
             this.setState((_prevState) => ({
               selectedElementIds: {
                 ..._prevState.selectedElementIds,
@@ -5550,6 +6213,7 @@ class App extends React.Component<AppProps, AppState> {
           isHittingElementBoundingBoxWithoutHittingElement(
             hitElement,
             this.state,
+            this.frameNameBoundsCache,
             pointerDownState.origin.x,
             pointerDownState.origin.y,
           )) ||
@@ -5632,6 +6296,14 @@ class App extends React.Component<AppProps, AppState> {
         return newElementWith(ele, {
           opacity: pointerDownState.elementIdsToErase[ele.containerId].opacity,
         });
+      } else if (
+        ele.frameId &&
+        pointerDownState.elementIdsToErase[ele.frameId] &&
+        pointerDownState.elementIdsToErase[ele.frameId].erase
+      ) {
+        return newElementWith(ele, {
+          opacity: pointerDownState.elementIdsToErase[ele.frameId].opacity,
+        });
       }
       return ele;
     });
@@ -5652,6 +6324,12 @@ class App extends React.Component<AppProps, AppState> {
         pointerDownState.elementIdsToErase[ele.containerId].erase
       ) {
         return newElementWith(ele, { isDeleted: true });
+      } else if (
+        ele.frameId &&
+        pointerDownState.elementIdsToErase[ele.frameId] &&
+        pointerDownState.elementIdsToErase[ele.frameId].erase
+      ) {
+        return newElementWith(ele, { isDeleted: true });
       }
       return ele;
     });
@@ -5791,10 +6469,7 @@ class App extends React.Component<AppProps, AppState> {
     imageFile: File,
     showCursorImagePreview?: boolean,
   ) => {
-    this.scene.replaceAllElements([
-      ...this.scene.getElementsIncludingDeleted(),
-      imageElement,
-    ]);
+    this.scene.addNewElement(imageElement);
 
     try {
       await this.initializeImage({
@@ -6038,7 +6713,7 @@ class App extends React.Component<AppProps, AppState> {
   }, IMAGE_RENDER_TIMEOUT);
 
   private updateBindingEnabledOnPointerMove = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ) => {
     const shouldEnableBinding = shouldEnableBindingForPointerEvent(event);
     if (this.state.isBindingEnabled !== shouldEnableBinding) {
@@ -6262,7 +6937,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   private handleCanvasContextMenu = (
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
   ) => {
     event.preventDefault();
 
@@ -6383,6 +7058,17 @@ class App extends React.Component<AppProps, AppState> {
       );
 
       this.maybeSuggestBindingForAll([draggingElement]);
+
+      // highlight elements that are to be added to frames on frames creation
+      if (this.state.activeTool.type === "frame") {
+        this.setState({
+          elementsToHighlight: getElementsInResizingFrame(
+            this.scene.getNonDeletedElements(),
+            draggingElement as ExcalidrawFrameElement,
+            this.state,
+          ),
+        });
+      }
     }
   };
 
@@ -6394,7 +7080,16 @@ class App extends React.Component<AppProps, AppState> {
       this.scene.getNonDeletedElements(),
       this.state,
     );
+    const selectedFrames = selectedElements.filter(
+      (element) => element.type === "frame",
+    ) as ExcalidrawFrameElement[];
+
     const transformHandleType = pointerDownState.resize.handleType;
+
+    if (selectedFrames.length > 0 && transformHandleType === "rotation") {
+      return false;
+    }
+
     this.setState({
       // TODO: rename this state field to "isScaling" to distinguish
       // it from the generic "isResizing" which includes scaling and
@@ -6408,6 +7103,29 @@ class App extends React.Component<AppProps, AppState> {
       pointerCoords.y - pointerDownState.resize.offset.y,
       this.state.gridSize,
     );
+
+    const frameElementsOffsetsMap = new Map<
+      string,
+      {
+        x: number;
+        y: number;
+      }
+    >();
+
+    selectedFrames.forEach((frame) => {
+      const elementsInFrame = getFrameElements(
+        this.scene.getNonDeletedElements(),
+        frame.id,
+      );
+
+      elementsInFrame.forEach((element) => {
+        frameElementsOffsetsMap.set(frame.id + element.id, {
+          x: element.x - frame.x,
+          y: element.y - frame.y,
+        });
+      });
+    });
+
     if (
       transformElements(
         pointerDownState,
@@ -6426,6 +7144,53 @@ class App extends React.Component<AppProps, AppState> {
       )
     ) {
       this.maybeSuggestBindingForAll(selectedElements);
+
+      const elementsToHighlight = new Set<ExcalidrawElement>();
+      selectedFrames.forEach((frame) => {
+        const elementsInFrame = getFrameElements(
+          this.scene.getNonDeletedElements(),
+          frame.id,
+        );
+
+        // keep elements' positions relative to their frames on frames resizing
+        if (transformHandleType) {
+          if (transformHandleType.includes("w")) {
+            elementsInFrame.forEach((element) => {
+              mutateElement(element, {
+                x:
+                  frame.x +
+                  (frameElementsOffsetsMap.get(frame.id + element.id)?.x || 0),
+                y:
+                  frame.y +
+                  (frameElementsOffsetsMap.get(frame.id + element.id)?.y || 0),
+              });
+            });
+          }
+          if (transformHandleType.includes("n")) {
+            elementsInFrame.forEach((element) => {
+              mutateElement(element, {
+                x:
+                  frame.x +
+                  (frameElementsOffsetsMap.get(frame.id + element.id)?.x || 0),
+                y:
+                  frame.y +
+                  (frameElementsOffsetsMap.get(frame.id + element.id)?.y || 0),
+              });
+            });
+          }
+        }
+
+        getElementsInResizingFrame(
+          this.scene.getNonDeletedElements(),
+          frame,
+          this.state,
+        ).forEach((element) => elementsToHighlight.add(element));
+      });
+
+      this.setState({
+        elementsToHighlight: [...elementsToHighlight],
+      });
+
       return true;
     }
     return false;
@@ -6482,6 +7247,8 @@ class App extends React.Component<AppProps, AppState> {
       actionCut,
       actionCopy,
       actionPaste,
+      actionSelectAllElementsInFrame,
+      actionRemoveAllElementsFromFrame,
       CONTEXT_MENU_SEPARATOR,
       ...options,
       CONTEXT_MENU_SEPARATOR,
@@ -6513,60 +7280,62 @@ class App extends React.Component<AppProps, AppState> {
     ];
   };
 
-  private handleWheel = withBatchedUpdates((event: WheelEvent) => {
-    event.preventDefault();
-    if (isPanning) {
-      return;
-    }
-
-    const { deltaX, deltaY } = event;
-    // note that event.ctrlKey is necessary to handle pinch zooming
-    if (event.metaKey || event.ctrlKey) {
-      const sign = Math.sign(deltaY);
-      const MAX_STEP = ZOOM_STEP * 100;
-      const absDelta = Math.abs(deltaY);
-      let delta = deltaY;
-      if (absDelta > MAX_STEP) {
-        delta = MAX_STEP * sign;
+  private handleWheel = withBatchedUpdates(
+    (event: WheelEvent | React.WheelEvent<HTMLDivElement>) => {
+      event.preventDefault();
+      if (isPanning) {
+        return;
       }
 
-      let newZoom = this.state.zoom.value - delta / 100;
-      // increase zoom steps the more zoomed-in we are (applies to >100% only)
-      newZoom +=
-        Math.log10(Math.max(1, this.state.zoom.value)) *
-        -sign *
-        // reduced amplification for small deltas (small movements on a trackpad)
-        Math.min(1, absDelta / 20);
+      const { deltaX, deltaY } = event;
+      // note that event.ctrlKey is necessary to handle pinch zooming
+      if (event.metaKey || event.ctrlKey) {
+        const sign = Math.sign(deltaY);
+        const MAX_STEP = ZOOM_STEP * 100;
+        const absDelta = Math.abs(deltaY);
+        let delta = deltaY;
+        if (absDelta > MAX_STEP) {
+          delta = MAX_STEP * sign;
+        }
 
-      this.translateCanvas((state) => ({
-        ...getStateForZoom(
-          {
-            viewportX: this.lastViewportPosition.x,
-            viewportY: this.lastViewportPosition.y,
-            nextZoom: getNormalizedZoom(newZoom),
-          },
-          state,
-        ),
-        shouldCacheIgnoreZoom: true,
+        let newZoom = this.state.zoom.value - delta / 100;
+        // increase zoom steps the more zoomed-in we are (applies to >100% only)
+        newZoom +=
+          Math.log10(Math.max(1, this.state.zoom.value)) *
+          -sign *
+          // reduced amplification for small deltas (small movements on a trackpad)
+          Math.min(1, absDelta / 20);
+
+        this.translateCanvas((state) => ({
+          ...getStateForZoom(
+            {
+              viewportX: this.lastViewportPosition.x,
+              viewportY: this.lastViewportPosition.y,
+              nextZoom: getNormalizedZoom(newZoom),
+            },
+            state,
+          ),
+          shouldCacheIgnoreZoom: true,
+        }));
+        this.resetShouldCacheIgnoreZoomDebounced();
+        return;
+      }
+
+      // scroll horizontally when shift pressed
+      if (event.shiftKey) {
+        this.translateCanvas(({ zoom, scrollX }) => ({
+          // on Mac, shift+wheel tends to result in deltaX
+          scrollX: scrollX - (deltaY || deltaX) / zoom.value,
+        }));
+        return;
+      }
+
+      this.translateCanvas(({ zoom, scrollX, scrollY }) => ({
+        scrollX: scrollX - deltaX / zoom.value,
+        scrollY: scrollY - deltaY / zoom.value,
       }));
-      this.resetShouldCacheIgnoreZoomDebounced();
-      return;
-    }
-
-    // scroll horizontally when shift pressed
-    if (event.shiftKey) {
-      this.translateCanvas(({ zoom, scrollX }) => ({
-        // on Mac, shift+wheel tends to result in deltaX
-        scrollX: scrollX - (deltaY || deltaX) / zoom.value,
-      }));
-      return;
-    }
-
-    this.translateCanvas(({ zoom, scrollX, scrollY }) => ({
-      scrollX: scrollX - deltaX / zoom.value,
-      scrollY: scrollY - deltaY / zoom.value,
-    }));
-  });
+    },
+  );
 
   private getTextWysiwygSnappedToCenterPosition(
     x: number,
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index da43330fd..e78b2625f 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -164,6 +164,7 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
               label={t("toolBar.eraser")}
               shortcuts={[KEYS.E, KEYS["0"]]}
             />
+            <Shortcut label={t("toolBar.frame")} shortcuts={[KEYS.F]} />
             <Shortcut
               label={t("labels.eyeDropper")}
               shortcuts={[KEYS.I, "Shift+S", "Shift+G"]}
diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 042d5a3fb..960c87f2d 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -84,7 +84,10 @@ const ImageExportModal = ({
   const [renderError, setRenderError] = useState<Error | null>(null);
 
   const exportedElements = exportSelected
-    ? getSelectedElements(elements, appState, true)
+    ? getSelectedElements(elements, appState, {
+        includeBoundTextElement: true,
+        includeElementsInFrames: true,
+      })
     : elements;
 
   useEffect(() => {
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index bf64bf5cb..2c868453e 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -204,12 +204,7 @@ const LayerUI = ({
     return (
       <FixedSideContainer side="top">
         <div className="App-menu App-menu_top">
-          <Stack.Col
-            gap={6}
-            className={clsx("App-menu_top__left", {
-              "disable-pointerEvents": appState.zenModeEnabled,
-            })}
-          >
+          <Stack.Col gap={6} className={clsx("App-menu_top__left")}>
             {renderCanvasActions()}
             {shouldRenderSelectedShapeActions && renderSelectedShapeActions()}
           </Stack.Col>
@@ -254,7 +249,7 @@ const LayerUI = ({
                             title={t("toolBar.lock")}
                           />
 
-                          <div className="App-toolbar__divider"></div>
+                          <div className="App-toolbar__divider" />
 
                           <HandButton
                             checked={isHandToolActive(appState)}
diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index f5f386d4c..1932e3ae6 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -148,7 +148,11 @@ const usePendingElementsMemo = (
   appState: UIAppState,
   elements: readonly NonDeletedExcalidrawElement[],
 ) => {
-  const create = () => getSelectedElements(elements, appState, true);
+  const create = () =>
+    getSelectedElements(elements, appState, {
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    });
   const val = useRef(create());
   const prevAppState = useRef<UIAppState>(appState);
   const prevElements = useRef(elements);
diff --git a/src/components/ToolButton.tsx b/src/components/ToolButton.tsx
index 446d154df..c77454dc6 100644
--- a/src/components/ToolButton.tsx
+++ b/src/components/ToolButton.tsx
@@ -1,6 +1,6 @@
 import "./ToolIcon.scss";
 
-import React, { useEffect, useRef, useState } from "react";
+import React, { CSSProperties, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
 import { useExcalidrawContainer } from "./App";
 import { AbortError } from "../errors";
@@ -25,6 +25,7 @@ type ToolButtonBaseProps = {
   visible?: boolean;
   selected?: boolean;
   className?: string;
+  style?: CSSProperties;
   isLoading?: boolean;
 };
 
@@ -114,6 +115,7 @@ export const ToolButton = React.forwardRef((props: ToolButtonProps, ref) => {
             "ToolIcon--plain": props.type === "icon",
           },
         )}
+        style={props.style}
         data-testid={props["data-testid"]}
         hidden={props.hidden}
         title={props.title}
diff --git a/src/components/Toolbar.scss b/src/components/Toolbar.scss
index da305b8ba..4bd20f7b3 100644
--- a/src/components/Toolbar.scss
+++ b/src/components/Toolbar.scss
@@ -15,7 +15,24 @@
       height: 1.5rem;
       align-self: center;
       background-color: var(--default-border-color);
-      margin: 0 0.5rem;
+      margin: 0 0.25rem;
     }
   }
+
+  .App-toolbar__extra-tools-trigger {
+    box-shadow: none;
+    border: 0;
+
+    &:active {
+      background-color: var(--button-hover-bg);
+      box-shadow: 0 0 0 1px
+        var(--button-active-border, var(--color-primary-darkest)) inset;
+    }
+  }
+
+  .App-toolbar__extra-tools-dropdown {
+    margin-top: 0.375rem;
+    right: 0;
+    min-width: 11.875rem;
+  }
 }
diff --git a/src/components/dropdownMenu/DropdownMenuTrigger.tsx b/src/components/dropdownMenu/DropdownMenuTrigger.tsx
index d9d3f799e..35c360c7d 100644
--- a/src/components/dropdownMenu/DropdownMenuTrigger.tsx
+++ b/src/components/dropdownMenu/DropdownMenuTrigger.tsx
@@ -1,23 +1,23 @@
 import clsx from "clsx";
-import { useUIAppState } from "../../context/ui-appState";
 import { useDevice } from "../App";
 
 const MenuTrigger = ({
   className = "",
   children,
   onToggle,
+  title,
+  ...rest
 }: {
   className?: string;
   children: React.ReactNode;
   onToggle: () => void;
-}) => {
-  const appState = useUIAppState();
+  title?: string;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">) => {
   const device = useDevice();
   const classNames = clsx(
     `dropdown-menu-button ${className}`,
     "zen-mode-transition",
     {
-      "transition-left": appState.zenModeEnabled,
       "dropdown-menu-button--mobile": device.isMobile,
     },
   ).trim();
@@ -28,6 +28,8 @@ const MenuTrigger = ({
       onClick={onToggle}
       type="button"
       data-testid="dropdown-menu-button"
+      title={title}
+      {...rest}
     >
       {children}
     </button>
diff --git a/src/components/hoc/withInternalFallback.test.tsx b/src/components/hoc/withInternalFallback.test.tsx
index af43db58a..363923b44 100644
--- a/src/components/hoc/withInternalFallback.test.tsx
+++ b/src/components/hoc/withInternalFallback.test.tsx
@@ -12,17 +12,17 @@ describe("Test internal component fallback rendering", () => {
       </div>,
     );
 
-    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+    expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
 
     const excalContainers = container.querySelectorAll<HTMLDivElement>(
       ".excalidraw-container",
     );
 
     expect(
-      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
     ).toBe(1);
     expect(
-      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
     ).toBe(1);
   });
 
@@ -36,17 +36,17 @@ describe("Test internal component fallback rendering", () => {
       </div>,
     );
 
-    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+    expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
 
     const excalContainers = container.querySelectorAll<HTMLDivElement>(
       ".excalidraw-container",
     );
 
     expect(
-      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
     ).toBe(1);
     expect(
-      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
     ).toBe(1);
   });
 
@@ -62,17 +62,17 @@ describe("Test internal component fallback rendering", () => {
       </div>,
     );
 
-    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+    expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
 
     const excalContainers = container.querySelectorAll<HTMLDivElement>(
       ".excalidraw-container",
     );
 
     expect(
-      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
     ).toBe(1);
     expect(
-      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
     ).toBe(1);
   });
 
@@ -84,17 +84,17 @@ describe("Test internal component fallback rendering", () => {
       </div>,
     );
 
-    expect(queryAllByTestId(container, "dropdown-menu-button")?.length).toBe(2);
+    expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
 
     const excalContainers = container.querySelectorAll<HTMLDivElement>(
       ".excalidraw-container",
     );
 
     expect(
-      queryAllByTestId(excalContainers[0], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
     ).toBe(1);
     expect(
-      queryAllByTestId(excalContainers[1], "dropdown-menu-button")?.length,
+      queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
     ).toBe(1);
   });
 });
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index ee71fb7b5..729c87bcc 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1616,3 +1616,24 @@ export const eyeDropperIcon = createIcon(
   </g>,
   tablerIconProps,
 );
+
+export const extraToolsIcon = createIcon(
+  <g strokeWidth={1.5}>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M12 3l-4 7h8z"></path>
+    <path d="M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+    <path d="M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
+  </g>,
+  tablerIconProps,
+);
+
+export const frameToolIcon = createIcon(
+  <g strokeWidth={1.5}>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M4 7l16 0"></path>
+    <path d="M4 17l16 0"></path>
+    <path d="M7 4l0 16"></path>
+    <path d="M17 4l0 16"></path>
+  </g>,
+  tablerIconProps,
+);
diff --git a/src/components/main-menu/MainMenu.tsx b/src/components/main-menu/MainMenu.tsx
index 12dd8e830..aa2454083 100644
--- a/src/components/main-menu/MainMenu.tsx
+++ b/src/components/main-menu/MainMenu.tsx
@@ -42,6 +42,7 @@ const MainMenu = Object.assign(
                   openMenu: appState.openMenu === "canvas" ? null : "canvas",
                 });
               }}
+              data-testid="main-menu-trigger"
             >
               {HamburgerMenuIcon}
             </DropdownMenu.Trigger>
diff --git a/src/constants.ts b/src/constants.ts
index cb63a4d48..bca7094c5 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -94,6 +94,17 @@ export const THEME = {
   DARK: "dark",
 };
 
+export const FRAME_STYLE = {
+  strokeColor: "#bbb" as ExcalidrawElement["strokeColor"],
+  strokeWidth: 1 as ExcalidrawElement["strokeWidth"],
+  strokeStyle: "solid" as ExcalidrawElement["strokeStyle"],
+  fillStyle: "solid" as ExcalidrawElement["fillStyle"],
+  roughness: 0 as ExcalidrawElement["roughness"],
+  roundness: null as ExcalidrawElement["roundness"],
+  backgroundColor: "transparent" as ExcalidrawElement["backgroundColor"],
+  radius: 8,
+};
+
 export const WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
 
 export const DEFAULT_FONT_SIZE = 20;
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 96f30aaeb..b003cb3d9 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -62,6 +62,7 @@ export const AllowedExcalidrawActiveTools: Record<
   freedraw: true,
   eraser: false,
   custom: true,
+  frame: true,
   hand: true,
 };
 
@@ -125,6 +126,7 @@ const restoreElementWithProperties = <
     height: element.height || 0,
     seed: element.seed ?? 1,
     groupIds: element.groupIds ?? [],
+    frameId: element.frameId ?? null,
     roundness: element.roundness
       ? element.roundness
       : element.strokeSharpness === "round"
@@ -272,6 +274,10 @@ const restoreElement = (
       return restoreElementWithProperties(element, {});
     case "diamond":
       return restoreElementWithProperties(element, {});
+    case "frame":
+      return restoreElementWithProperties(element, {
+        name: element.name ?? null,
+      });
 
     // Don't use default case so as to catch a missing an element type case.
     // We also don't want to throw, but instead return void so we filter
diff --git a/src/element/Hyperlink.tsx b/src/element/Hyperlink.tsx
index d60994282..6bf3b17ea 100644
--- a/src/element/Hyperlink.tsx
+++ b/src/element/Hyperlink.tsx
@@ -344,7 +344,7 @@ export const isPointHittingLinkIcon = (
   if (
     !isMobile &&
     appState.viewModeEnabled &&
-    isPointHittingElementBoundingBox(element, [x, y], threshold)
+    isPointHittingElementBoundingBox(element, [x, y], threshold, null)
   ) {
     return true;
   }
@@ -440,7 +440,9 @@ export const shouldHideLinkPopup = (
 
   const threshold = 15 / appState.zoom.value;
   // hitbox to prevent hiding when hovered in element bounding box
-  if (isPointHittingElementBoundingBox(element, [sceneX, sceneY], threshold)) {
+  if (
+    isPointHittingElementBoundingBox(element, [sceneX, sceneY], threshold, null)
+  ) {
     return false;
   }
   const [x1, y1, x2] = getElementAbsoluteCoords(element);
diff --git a/src/element/binding.ts b/src/element/binding.ts
index b5ae041bd..b175f14e7 100644
--- a/src/element/binding.ts
+++ b/src/element/binding.ts
@@ -39,7 +39,7 @@ export type SuggestedPointBinding = [
 ];
 
 export const shouldEnableBindingForPointerEvent = (
-  event: React.PointerEvent<HTMLCanvasElement>,
+  event: React.PointerEvent<HTMLElement>,
 ) => {
   return !event[KEYS.CTRL_OR_CMD];
 };
diff --git a/src/element/bounds.ts b/src/element/bounds.ts
index 3245ca3fc..a2a04439b 100644
--- a/src/element/bounds.ts
+++ b/src/element/bounds.ts
@@ -6,7 +6,7 @@ import {
   NonDeleted,
   ExcalidrawTextElementWithContainer,
 } from "./types";
-import { distance2d, rotate } from "../math";
+import { distance2d, rotate, rotatePoint } from "../math";
 import rough from "roughjs/bin/rough";
 import { Drawable, Op } from "roughjs/bin/core";
 import { Point } from "../types";
@@ -25,10 +25,101 @@ import { getBoundTextElement, getContainerElement } from "./textElement";
 import { LinearElementEditor } from "./linearElementEditor";
 import { Mutable } from "../utility-types";
 
-// x and y position of top left corner, x and y position of bottom right corner
-export type Bounds = readonly [number, number, number, number];
+export type RectangleBox = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  angle: number;
+};
+
 type MaybeQuadraticSolution = [number | null, number | null] | false;
 
+// x and y position of top left corner, x and y position of bottom right corner
+export type Bounds = readonly [x1: number, y1: number, x2: number, y2: number];
+
+export class ElementBounds {
+  private static boundsCache = new WeakMap<
+    ExcalidrawElement,
+    {
+      bounds: Bounds;
+      version: ExcalidrawElement["version"];
+    }
+  >();
+
+  static getBounds(element: ExcalidrawElement) {
+    const cachedBounds = ElementBounds.boundsCache.get(element);
+
+    if (cachedBounds?.version && cachedBounds.version === element.version) {
+      return cachedBounds.bounds;
+    }
+
+    const bounds = ElementBounds.calculateBounds(element);
+
+    ElementBounds.boundsCache.set(element, {
+      version: element.version,
+      bounds,
+    });
+
+    return bounds;
+  }
+
+  private static calculateBounds(element: ExcalidrawElement): Bounds {
+    let bounds: [number, number, number, number];
+
+    const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element);
+
+    if (isFreeDrawElement(element)) {
+      const [minX, minY, maxX, maxY] = getBoundsFromPoints(
+        element.points.map(([x, y]) =>
+          rotate(x, y, cx - element.x, cy - element.y, element.angle),
+        ),
+      );
+
+      return [
+        minX + element.x,
+        minY + element.y,
+        maxX + element.x,
+        maxY + element.y,
+      ];
+    } else if (isLinearElement(element)) {
+      bounds = getLinearElementRotatedBounds(element, cx, cy);
+    } else if (element.type === "diamond") {
+      const [x11, y11] = rotate(cx, y1, cx, cy, element.angle);
+      const [x12, y12] = rotate(cx, y2, cx, cy, element.angle);
+      const [x22, y22] = rotate(x1, cy, cx, cy, element.angle);
+      const [x21, y21] = rotate(x2, cy, cx, cy, element.angle);
+      const minX = Math.min(x11, x12, x22, x21);
+      const minY = Math.min(y11, y12, y22, y21);
+      const maxX = Math.max(x11, x12, x22, x21);
+      const maxY = Math.max(y11, y12, y22, y21);
+      bounds = [minX, minY, maxX, maxY];
+    } else if (element.type === "ellipse") {
+      const w = (x2 - x1) / 2;
+      const h = (y2 - y1) / 2;
+      const cos = Math.cos(element.angle);
+      const sin = Math.sin(element.angle);
+      const ww = Math.hypot(w * cos, h * sin);
+      const hh = Math.hypot(h * cos, w * sin);
+      bounds = [cx - ww, cy - hh, cx + ww, cy + hh];
+    } else {
+      const [x11, y11] = rotate(x1, y1, cx, cy, element.angle);
+      const [x12, y12] = rotate(x1, y2, cx, cy, element.angle);
+      const [x22, y22] = rotate(x2, y2, cx, cy, element.angle);
+      const [x21, y21] = rotate(x2, y1, cx, cy, element.angle);
+      const minX = Math.min(x11, x12, x22, x21);
+      const minY = Math.min(y11, y12, y22, y21);
+      const maxX = Math.max(x11, x12, x22, x21);
+      const maxY = Math.max(y11, y12, y22, y21);
+      bounds = [minX, minY, maxX, maxY];
+    }
+
+    return bounds;
+  }
+}
+
+// Scene -> Scene coords, but in x1,x2,y1,y2 format.
+//
 // If the element is created from right to left, the width is going to be negative
 // This set of functions retrieves the absolute position of the 4 points.
 export const getElementAbsoluteCoords = (
@@ -69,6 +160,111 @@ export const getElementAbsoluteCoords = (
   ];
 };
 
+/**
+ * for a given element, `getElementLineSegments` returns line segments
+ * that can be used for visual collision detection (useful for frames)
+ * as opposed to bounding box collision detection
+ */
+export const getElementLineSegments = (
+  element: ExcalidrawElement,
+): [Point, Point][] => {
+  const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element);
+
+  const center: Point = [cx, cy];
+
+  if (isLinearElement(element) || isFreeDrawElement(element)) {
+    const segments: [Point, Point][] = [];
+
+    let i = 0;
+
+    while (i < element.points.length - 1) {
+      segments.push([
+        rotatePoint(
+          [
+            element.points[i][0] + element.x,
+            element.points[i][1] + element.y,
+          ] as Point,
+          center,
+          element.angle,
+        ),
+        rotatePoint(
+          [
+            element.points[i + 1][0] + element.x,
+            element.points[i + 1][1] + element.y,
+          ] as Point,
+          center,
+          element.angle,
+        ),
+      ]);
+      i++;
+    }
+
+    return segments;
+  }
+
+  const [nw, ne, sw, se, n, s, w, e] = (
+    [
+      [x1, y1],
+      [x2, y1],
+      [x1, y2],
+      [x2, y2],
+      [cx, y1],
+      [cx, y2],
+      [x1, cy],
+      [x2, cy],
+    ] as Point[]
+  ).map((point) => rotatePoint(point, center, element.angle));
+
+  if (element.type === "diamond") {
+    return [
+      [n, w],
+      [n, e],
+      [s, w],
+      [s, e],
+    ];
+  }
+
+  if (element.type === "ellipse") {
+    return [
+      [n, w],
+      [n, e],
+      [s, w],
+      [s, e],
+      [n, w],
+      [n, e],
+      [s, w],
+      [s, e],
+    ];
+  }
+
+  return [
+    [nw, ne],
+    [sw, se],
+    [nw, sw],
+    [ne, se],
+    [nw, e],
+    [sw, e],
+    [ne, w],
+    [se, w],
+  ];
+};
+
+/**
+ * Scene -> Scene coords, but in x1,x2,y1,y2 format.
+ *
+ * Rectangle here means any rectangular frame, not an excalidraw element.
+ */
+export const getRectangleBoxAbsoluteCoords = (boxSceneCoords: RectangleBox) => {
+  return [
+    boxSceneCoords.x,
+    boxSceneCoords.y,
+    boxSceneCoords.x + boxSceneCoords.width,
+    boxSceneCoords.y + boxSceneCoords.height,
+    boxSceneCoords.x + boxSceneCoords.width / 2,
+    boxSceneCoords.y + boxSceneCoords.height / 2,
+  ];
+};
+
 export const pointRelativeTo = (
   element: ExcalidrawElement,
   absoluteCoords: Point,
@@ -454,64 +650,12 @@ const getLinearElementRotatedBounds = (
   return coords;
 };
 
-// We could cache this stuff
-export const getElementBounds = (
-  element: ExcalidrawElement,
-): [number, number, number, number] => {
-  let bounds: [number, number, number, number];
-
-  const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element);
-  if (isFreeDrawElement(element)) {
-    const [minX, minY, maxX, maxY] = getBoundsFromPoints(
-      element.points.map(([x, y]) =>
-        rotate(x, y, cx - element.x, cy - element.y, element.angle),
-      ),
-    );
-
-    return [
-      minX + element.x,
-      minY + element.y,
-      maxX + element.x,
-      maxY + element.y,
-    ];
-  } else if (isLinearElement(element)) {
-    bounds = getLinearElementRotatedBounds(element, cx, cy);
-  } else if (element.type === "diamond") {
-    const [x11, y11] = rotate(cx, y1, cx, cy, element.angle);
-    const [x12, y12] = rotate(cx, y2, cx, cy, element.angle);
-    const [x22, y22] = rotate(x1, cy, cx, cy, element.angle);
-    const [x21, y21] = rotate(x2, cy, cx, cy, element.angle);
-    const minX = Math.min(x11, x12, x22, x21);
-    const minY = Math.min(y11, y12, y22, y21);
-    const maxX = Math.max(x11, x12, x22, x21);
-    const maxY = Math.max(y11, y12, y22, y21);
-    bounds = [minX, minY, maxX, maxY];
-  } else if (element.type === "ellipse") {
-    const w = (x2 - x1) / 2;
-    const h = (y2 - y1) / 2;
-    const cos = Math.cos(element.angle);
-    const sin = Math.sin(element.angle);
-    const ww = Math.hypot(w * cos, h * sin);
-    const hh = Math.hypot(h * cos, w * sin);
-    bounds = [cx - ww, cy - hh, cx + ww, cy + hh];
-  } else {
-    const [x11, y11] = rotate(x1, y1, cx, cy, element.angle);
-    const [x12, y12] = rotate(x1, y2, cx, cy, element.angle);
-    const [x22, y22] = rotate(x2, y2, cx, cy, element.angle);
-    const [x21, y21] = rotate(x2, y1, cx, cy, element.angle);
-    const minX = Math.min(x11, x12, x22, x21);
-    const minY = Math.min(y11, y12, y22, y21);
-    const maxX = Math.max(x11, x12, x22, x21);
-    const maxY = Math.max(y11, y12, y22, y21);
-    bounds = [minX, minY, maxX, maxY];
-  }
-
-  return bounds;
+export const getElementBounds = (element: ExcalidrawElement): Bounds => {
+  return ElementBounds.getBounds(element);
 };
-
 export const getCommonBounds = (
   elements: readonly ExcalidrawElement[],
-): [number, number, number, number] => {
+): Bounds => {
   if (!elements.length) {
     return [0, 0, 0, 0];
   }
@@ -608,7 +752,7 @@ export const getElementPointsCoords = (
 export const getClosestElementBounds = (
   elements: readonly ExcalidrawElement[],
   from: { x: number; y: number },
-): [number, number, number, number] => {
+): Bounds => {
   if (!elements.length) {
     return [0, 0, 0, 0];
   }
@@ -629,7 +773,7 @@ export const getClosestElementBounds = (
   return getElementBounds(closestElement);
 };
 
-export interface Box {
+export interface BoundingBox {
   minX: number;
   minY: number;
   maxX: number;
@@ -642,7 +786,7 @@ export interface Box {
 
 export const getCommonBoundingBox = (
   elements: ExcalidrawElement[] | readonly NonDeleted<ExcalidrawElement>[],
-): Box => {
+): BoundingBox => {
   const [minX, minY, maxX, maxY] = getCommonBounds(elements);
   return {
     minX,
diff --git a/src/element/collision.ts b/src/element/collision.ts
index 0e7257d79..f160783e6 100644
--- a/src/element/collision.ts
+++ b/src/element/collision.ts
@@ -26,10 +26,16 @@ import {
   ExcalidrawImageElement,
   ExcalidrawLinearElement,
   StrokeRoundness,
+  ExcalidrawFrameElement,
 } from "./types";
 
-import { getElementAbsoluteCoords, getCurvePathOps, Bounds } from "./bounds";
-import { Point } from "../types";
+import {
+  getElementAbsoluteCoords,
+  getCurvePathOps,
+  getRectangleBoxAbsoluteCoords,
+  RectangleBox,
+} from "./bounds";
+import { FrameNameBoundsCache, Point } from "../types";
 import { Drawable } from "roughjs/bin/core";
 import { AppState } from "../types";
 import { getShapeForElement } from "../renderer/renderElement";
@@ -61,6 +67,7 @@ const isElementDraggableFromInside = (
 export const hitTest = (
   element: NonDeletedExcalidrawElement,
   appState: AppState,
+  frameNameBoundsCache: FrameNameBoundsCache,
   x: number,
   y: number,
 ): boolean => {
@@ -72,22 +79,39 @@ export const hitTest = (
     isElementSelected(appState, element) &&
     shouldShowBoundingBox([element], appState)
   ) {
-    return isPointHittingElementBoundingBox(element, point, threshold);
+    return isPointHittingElementBoundingBox(
+      element,
+      point,
+      threshold,
+      frameNameBoundsCache,
+    );
   }
 
   const boundTextElement = getBoundTextElement(element);
   if (boundTextElement) {
-    const isHittingBoundTextElement = hitTest(boundTextElement, appState, x, y);
+    const isHittingBoundTextElement = hitTest(
+      boundTextElement,
+      appState,
+      frameNameBoundsCache,
+      x,
+      y,
+    );
     if (isHittingBoundTextElement) {
       return true;
     }
   }
-  return isHittingElementNotConsideringBoundingBox(element, appState, point);
+  return isHittingElementNotConsideringBoundingBox(
+    element,
+    appState,
+    frameNameBoundsCache,
+    point,
+  );
 };
 
 export const isHittingElementBoundingBoxWithoutHittingElement = (
   element: NonDeletedExcalidrawElement,
   appState: AppState,
+  frameNameBoundsCache: FrameNameBoundsCache,
   x: number,
   y: number,
 ): boolean => {
@@ -96,19 +120,33 @@ export const isHittingElementBoundingBoxWithoutHittingElement = (
   // So that bound text element hit is considered within bounding box of container even if its outside actual bounding box of element
   // eg for linear elements text can be outside the element bounding box
   const boundTextElement = getBoundTextElement(element);
-  if (boundTextElement && hitTest(boundTextElement, appState, x, y)) {
+  if (
+    boundTextElement &&
+    hitTest(boundTextElement, appState, frameNameBoundsCache, x, y)
+  ) {
     return false;
   }
 
   return (
-    !isHittingElementNotConsideringBoundingBox(element, appState, [x, y]) &&
-    isPointHittingElementBoundingBox(element, [x, y], threshold)
+    !isHittingElementNotConsideringBoundingBox(
+      element,
+      appState,
+      frameNameBoundsCache,
+      [x, y],
+    ) &&
+    isPointHittingElementBoundingBox(
+      element,
+      [x, y],
+      threshold,
+      frameNameBoundsCache,
+    )
   );
 };
 
 export const isHittingElementNotConsideringBoundingBox = (
   element: NonDeletedExcalidrawElement,
   appState: AppState,
+  frameNameBoundsCache: FrameNameBoundsCache | null,
   point: Point,
 ): boolean => {
   const threshold = 10 / appState.zoom.value;
@@ -117,7 +155,13 @@ export const isHittingElementNotConsideringBoundingBox = (
     : isElementDraggableFromInside(element)
     ? isInsideCheck
     : isNearCheck;
-  return hitTestPointAgainstElement({ element, point, threshold, check });
+  return hitTestPointAgainstElement({
+    element,
+    point,
+    threshold,
+    check,
+    frameNameBoundsCache,
+  });
 };
 
 const isElementSelected = (
@@ -129,7 +173,22 @@ export const isPointHittingElementBoundingBox = (
   element: NonDeleted<ExcalidrawElement>,
   [x, y]: Point,
   threshold: number,
+  frameNameBoundsCache: FrameNameBoundsCache | null,
 ) => {
+  // frames needs be checked differently so as to be able to drag it
+  // by its frame, whether it has been selected or not
+  // this logic here is not ideal
+  // TODO: refactor it later...
+  if (element.type === "frame") {
+    return hitTestPointAgainstElement({
+      element,
+      point: [x, y],
+      threshold,
+      check: isInsideCheck,
+      frameNameBoundsCache,
+    });
+  }
+
   const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
   const elementCenterX = (x1 + x2) / 2;
   const elementCenterY = (y1 + y2) / 2;
@@ -157,7 +216,13 @@ export const bindingBorderTest = (
   const threshold = maxBindingGap(element, element.width, element.height);
   const check = isOutsideCheck;
   const point: Point = [x, y];
-  return hitTestPointAgainstElement({ element, point, threshold, check });
+  return hitTestPointAgainstElement({
+    element,
+    point,
+    threshold,
+    check,
+    frameNameBoundsCache: null,
+  });
 };
 
 export const maxBindingGap = (
@@ -177,6 +242,7 @@ type HitTestArgs = {
   point: Point;
   threshold: number;
   check: (distance: number, threshold: number) => boolean;
+  frameNameBoundsCache: FrameNameBoundsCache | null;
 };
 
 const hitTestPointAgainstElement = (args: HitTestArgs): boolean => {
@@ -208,6 +274,27 @@ const hitTestPointAgainstElement = (args: HitTestArgs): boolean => {
         "This should not happen, we need to investigate why it does.",
       );
       return false;
+    case "frame": {
+      // check distance to frame element first
+      if (
+        args.check(
+          distanceToBindableElement(args.element, args.point),
+          args.threshold,
+        )
+      ) {
+        return true;
+      }
+
+      const frameNameBounds = args.frameNameBoundsCache?.get(args.element);
+
+      if (frameNameBounds) {
+        return args.check(
+          distanceToRectangleBox(frameNameBounds, args.point),
+          args.threshold,
+        );
+      }
+      return false;
+    }
   }
 };
 
@@ -219,6 +306,7 @@ export const distanceToBindableElement = (
     case "rectangle":
     case "image":
     case "text":
+    case "frame":
       return distanceToRectangle(element, point);
     case "diamond":
       return distanceToDiamond(element, point);
@@ -248,7 +336,8 @@ const distanceToRectangle = (
     | ExcalidrawRectangleElement
     | ExcalidrawTextElement
     | ExcalidrawFreeDrawElement
-    | ExcalidrawImageElement,
+    | ExcalidrawImageElement
+    | ExcalidrawFrameElement,
   point: Point,
 ): number => {
   const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, point);
@@ -258,6 +347,14 @@ const distanceToRectangle = (
   );
 };
 
+const distanceToRectangleBox = (box: RectangleBox, point: Point): number => {
+  const [, pointRel, hwidth, hheight] = pointRelativeToDivElement(point, box);
+  return Math.max(
+    GAPoint.distanceToLine(pointRel, GALine.equation(0, 1, -hheight)),
+    GAPoint.distanceToLine(pointRel, GALine.equation(1, 0, -hwidth)),
+  );
+};
+
 const distanceToDiamond = (
   element: ExcalidrawDiamondElement,
   point: Point,
@@ -457,8 +554,7 @@ const pointRelativeToElement = (
 ): [GA.Point, GA.Point, number, number] => {
   const point = GAPoint.from(pointTuple);
   const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
-  const elementCoords = getElementAbsoluteCoords(element);
-  const center = coordsCenter([x1, y1, x2, y2]);
+  const center = coordsCenter(x1, y1, x2, y2);
   // GA has angle orientation opposite to `rotate`
   const rotate = GATransform.rotation(center, element.angle);
   const pointRotated = GATransform.apply(rotate, point);
@@ -466,9 +562,26 @@ const pointRelativeToElement = (
   const pointRelToCenterAbs = GAPoint.abs(pointRelToCenter);
   const elementPos = GA.offset(element.x, element.y);
   const pointRelToPos = GA.sub(pointRotated, elementPos);
-  const [ax, ay, bx, by] = elementCoords;
-  const halfWidth = (bx - ax) / 2;
-  const halfHeight = (by - ay) / 2;
+  const halfWidth = (x2 - x1) / 2;
+  const halfHeight = (y2 - y1) / 2;
+  return [pointRelToPos, pointRelToCenterAbs, halfWidth, halfHeight];
+};
+
+const pointRelativeToDivElement = (
+  pointTuple: Point,
+  rectangle: RectangleBox,
+): [GA.Point, GA.Point, number, number] => {
+  const point = GAPoint.from(pointTuple);
+  const [x1, y1, x2, y2] = getRectangleBoxAbsoluteCoords(rectangle);
+  const center = coordsCenter(x1, y1, x2, y2);
+  const rotate = GATransform.rotation(center, rectangle.angle);
+  const pointRotated = GATransform.apply(rotate, point);
+  const pointRelToCenter = GA.sub(pointRotated, GADirection.from(center));
+  const pointRelToCenterAbs = GAPoint.abs(pointRelToCenter);
+  const elementPos = GA.offset(rectangle.x, rectangle.y);
+  const pointRelToPos = GA.sub(pointRotated, elementPos);
+  const halfWidth = (x2 - x1) / 2;
+  const halfHeight = (y2 - y1) / 2;
   return [pointRelToPos, pointRelToCenterAbs, halfWidth, halfHeight];
 };
 
@@ -490,7 +603,7 @@ const relativizationToElementCenter = (
   element: ExcalidrawElement,
 ): GA.Transform => {
   const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
-  const center = coordsCenter([x1, y1, x2, y2]);
+  const center = coordsCenter(x1, y1, x2, y2);
   // GA has angle orientation opposite to `rotate`
   const rotate = GATransform.rotation(center, element.angle);
   const translate = GA.reverse(
@@ -499,8 +612,13 @@ const relativizationToElementCenter = (
   return GATransform.compose(rotate, translate);
 };
 
-const coordsCenter = ([ax, ay, bx, by]: Bounds): GA.Point => {
-  return GA.point((ax + bx) / 2, (ay + by) / 2);
+const coordsCenter = (
+  x1: number,
+  y1: number,
+  x2: number,
+  y2: number,
+): GA.Point => {
+  return GA.point((x1 + x2) / 2, (y1 + y2) / 2);
 };
 
 // The focus distance is the oriented ratio between the size of
@@ -531,6 +649,7 @@ export const determineFocusDistance = (
     case "rectangle":
     case "image":
     case "text":
+    case "frame":
       return c / (hwidth * (nabs + q * mabs));
     case "diamond":
       return mabs < nabs ? c / (nabs * hwidth) : c / (mabs * hheight);
@@ -548,7 +667,7 @@ export const determineFocusPoint = (
 ): Point => {
   if (focus === 0) {
     const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
-    const center = coordsCenter([x1, y1, x2, y2]);
+    const center = coordsCenter(x1, y1, x2, y2);
     return GAPoint.toTuple(center);
   }
   const relateToCenter = relativizationToElementCenter(element);
@@ -563,6 +682,7 @@ export const determineFocusPoint = (
     case "image":
     case "text":
     case "diamond":
+    case "frame":
       point = findFocusPointForRectangulars(element, focus, adjecentPointRel);
       break;
     case "ellipse":
@@ -613,6 +733,7 @@ const getSortedElementLineIntersections = (
     case "image":
     case "text":
     case "diamond":
+    case "frame":
       const corners = getCorners(element);
       intersections = corners
         .flatMap((point, i) => {
@@ -646,7 +767,8 @@ const getCorners = (
     | ExcalidrawRectangleElement
     | ExcalidrawImageElement
     | ExcalidrawDiamondElement
-    | ExcalidrawTextElement,
+    | ExcalidrawTextElement
+    | ExcalidrawFrameElement,
   scale: number = 1,
 ): GA.Point[] => {
   const hx = (scale * element.width) / 2;
@@ -655,6 +777,7 @@ const getCorners = (
     case "rectangle":
     case "image":
     case "text":
+    case "frame":
       return [
         GA.point(hx, hy),
         GA.point(hx, -hy),
@@ -802,7 +925,8 @@ export const findFocusPointForRectangulars = (
     | ExcalidrawRectangleElement
     | ExcalidrawImageElement
     | ExcalidrawDiamondElement
-    | ExcalidrawTextElement,
+    | ExcalidrawTextElement
+    | ExcalidrawFrameElement,
   // Between -1 and 1 for how far away should the focus point be relative
   // to the size of the element. Sign determines orientation.
   relativeDistance: number,
diff --git a/src/element/dragElements.ts b/src/element/dragElements.ts
index 56296e464..4dc5322ba 100644
--- a/src/element/dragElements.ts
+++ b/src/element/dragElements.ts
@@ -6,6 +6,8 @@ import { NonDeletedExcalidrawElement } from "./types";
 import { AppState, PointerDownState } from "../types";
 import { getBoundTextElement } from "./textElement";
 import { isSelectedViaGroup } from "../groups";
+import Scene from "../scene/Scene";
+import { isFrameElement } from "./typeChecks";
 
 export const dragSelectedElements = (
   pointerDownState: PointerDownState,
@@ -16,10 +18,31 @@ export const dragSelectedElements = (
   distanceX: number = 0,
   distanceY: number = 0,
   appState: AppState,
+  scene: Scene,
 ) => {
   const [x1, y1] = getCommonBounds(selectedElements);
   const offset = { x: pointerX - x1, y: pointerY - y1 };
-  selectedElements.forEach((element) => {
+
+  // we do not want a frame and its elements to be selected at the same time
+  // but when it happens (due to some bug), we want to avoid updating element
+  // in the frame twice, hence the use of set
+  const elementsToUpdate = new Set<NonDeletedExcalidrawElement>(
+    selectedElements,
+  );
+  const frames = selectedElements
+    .filter((e) => isFrameElement(e))
+    .map((f) => f.id);
+
+  if (frames.length > 0) {
+    const elementsInFrames = scene
+      .getNonDeletedElements()
+      .filter((e) => e.frameId !== null)
+      .filter((e) => frames.includes(e.frameId!));
+
+    elementsInFrames.forEach((element) => elementsToUpdate.add(element));
+  }
+
+  elementsToUpdate.forEach((element) => {
     updateElementCoords(
       lockDirection,
       distanceX,
@@ -38,7 +61,13 @@ export const dragSelectedElements = (
       (appState.editingGroupId && !isSelectedViaGroup(appState, element))
     ) {
       const textElement = getBoundTextElement(element);
-      if (textElement) {
+      if (
+        textElement &&
+        // when container is added to a frame, so will its bound text
+        // so the text is already in `elementsToUpdate` and we should avoid
+        // updating its coords again
+        (!textElement.frameId || !frames.includes(textElement.frameId))
+      ) {
         updateElementCoords(
           lockDirection,
           distanceX,
@@ -50,7 +79,7 @@ export const dragSelectedElements = (
       }
     }
     updateBoundElements(element, {
-      simultaneouslyUpdated: selectedElements,
+      simultaneouslyUpdated: Array.from(elementsToUpdate),
     });
   });
 };
diff --git a/src/element/index.ts b/src/element/index.ts
index c3543fee6..72375bfea 100644
--- a/src/element/index.ts
+++ b/src/element/index.ts
@@ -2,6 +2,7 @@ import {
   ExcalidrawElement,
   NonDeletedExcalidrawElement,
   NonDeleted,
+  ExcalidrawFrameElement,
 } from "./types";
 import { isInvisiblySmallElement } from "./sizeHelpers";
 import { isLinearElementType } from "./typeChecks";
@@ -49,7 +50,11 @@ export {
   getDragOffsetXY,
   dragNewElement,
 } from "./dragElements";
-export { isTextElement, isExcalidrawElement } from "./typeChecks";
+export {
+  isTextElement,
+  isExcalidrawElement,
+  isFrameElement,
+} from "./typeChecks";
 export { textWysiwyg } from "./textWysiwyg";
 export { redrawTextBoundingBox } from "./textElement";
 export {
@@ -74,6 +79,13 @@ export const getNonDeletedElements = (elements: readonly ExcalidrawElement[]) =>
     (element) => !element.isDeleted,
   ) as readonly NonDeletedExcalidrawElement[];
 
+export const getNonDeletedFrames = (
+  frames: readonly ExcalidrawFrameElement[],
+) =>
+  frames.filter(
+    (frame) => !frame.isDeleted,
+  ) as readonly NonDeleted<ExcalidrawFrameElement>[];
+
 export const isNonDeletedElement = <T extends ExcalidrawElement>(
   element: T,
 ): element is NonDeleted<T> => !element.isDeleted;
diff --git a/src/element/linearElementEditor.ts b/src/element/linearElementEditor.ts
index aedc25974..b10493e0d 100644
--- a/src/element/linearElementEditor.ts
+++ b/src/element/linearElementEditor.ts
@@ -594,7 +594,7 @@ export class LinearElementEditor {
   }
 
   static handlePointerDown(
-    event: React.PointerEvent<HTMLCanvasElement>,
+    event: React.PointerEvent<HTMLElement>,
     appState: AppState,
     history: History,
     scenePointer: { x: number; y: number },
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 7a19f6b37..848a6af7a 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -12,6 +12,7 @@ import {
   ExcalidrawFreeDrawElement,
   FontFamilyValues,
   ExcalidrawTextContainer,
+  ExcalidrawFrameElement,
 } from "../element/types";
 import {
   arrayToMap,
@@ -50,6 +51,7 @@ type ElementConstructorOpts = MarkOptional<
   | "height"
   | "angle"
   | "groupIds"
+  | "frameId"
   | "boundElements"
   | "seed"
   | "version"
@@ -82,6 +84,7 @@ const _newElementBase = <T extends ExcalidrawElement>(
     height = 0,
     angle = 0,
     groupIds = [],
+    frameId = null,
     roundness = null,
     boundElements = null,
     link = null,
@@ -106,6 +109,7 @@ const _newElementBase = <T extends ExcalidrawElement>(
     roughness,
     opacity,
     groupIds,
+    frameId,
     roundness,
     seed: rest.seed ?? randomInteger(),
     version: rest.version || 1,
@@ -126,6 +130,21 @@ export const newElement = (
 ): NonDeleted<ExcalidrawGenericElement> =>
   _newElementBase<ExcalidrawGenericElement>(opts.type, opts);
 
+export const newFrameElement = (
+  opts: ElementConstructorOpts,
+): NonDeleted<ExcalidrawFrameElement> => {
+  const frameElement = newElementWith(
+    {
+      ..._newElementBase<ExcalidrawFrameElement>("frame", opts),
+      type: "frame",
+      name: null,
+    },
+    {},
+  );
+
+  return frameElement;
+};
+
 /** computes element x/y offset based on textAlign/verticalAlign */
 const getTextElementPositionOffsets = (
   opts: {
@@ -158,6 +177,7 @@ export const newTextElement = (
     containerId?: ExcalidrawTextContainer["id"];
     lineHeight?: ExcalidrawTextElement["lineHeight"];
     strokeWidth?: ExcalidrawTextElement["strokeWidth"];
+    isFrameName?: boolean;
   } & ElementConstructorOpts,
 ): NonDeleted<ExcalidrawTextElement> => {
   const fontFamily = opts.fontFamily || DEFAULT_FONT_FAMILY;
@@ -192,6 +212,7 @@ export const newTextElement = (
       containerId: opts.containerId || null,
       originalText: text,
       lineHeight,
+      isFrameName: opts.isFrameName || false,
     },
     {},
   );
@@ -612,6 +633,10 @@ export const duplicateElements = (
         : null;
     }
 
+    if (clonedElement.frameId) {
+      clonedElement.frameId = maybeGetNewId(clonedElement.frameId);
+    }
+
     clonedElements.push(clonedElement);
   }
 
diff --git a/src/element/resizeElements.ts b/src/element/resizeElements.ts
index 6e49b7e09..b9fd63287 100644
--- a/src/element/resizeElements.ts
+++ b/src/element/resizeElements.ts
@@ -27,6 +27,7 @@ import {
 import {
   isArrowElement,
   isBoundToContainer,
+  isFrameElement,
   isFreeDrawElement,
   isImageElement,
   isLinearElement,
@@ -160,12 +161,17 @@ const rotateSingleElement = (
   const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
   const cx = (x1 + x2) / 2;
   const cy = (y1 + y2) / 2;
-  let angle = (5 * Math.PI) / 2 + Math.atan2(pointerY - cy, pointerX - cx);
-  if (shouldRotateWithDiscreteAngle) {
-    angle += SHIFT_LOCKING_ANGLE / 2;
-    angle -= angle % SHIFT_LOCKING_ANGLE;
+  let angle: number;
+  if (isFrameElement(element)) {
+    angle = 0;
+  } else {
+    angle = (5 * Math.PI) / 2 + Math.atan2(pointerY - cy, pointerX - cx);
+    if (shouldRotateWithDiscreteAngle) {
+      angle += SHIFT_LOCKING_ANGLE / 2;
+      angle -= angle % SHIFT_LOCKING_ANGLE;
+    }
+    angle = normalizeAngle(angle);
   }
-  angle = normalizeAngle(angle);
   const boundTextElementId = getBoundTextElementId(element);
 
   mutateElement(element, { angle });
@@ -877,45 +883,47 @@ const rotateMultipleElements = (
     centerAngle += SHIFT_LOCKING_ANGLE / 2;
     centerAngle -= centerAngle % SHIFT_LOCKING_ANGLE;
   }
-  elements.forEach((element) => {
-    const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
-    const cx = (x1 + x2) / 2;
-    const cy = (y1 + y2) / 2;
-    const origAngle =
-      pointerDownState.originalElements.get(element.id)?.angle ?? element.angle;
-    const [rotatedCX, rotatedCY] = rotate(
-      cx,
-      cy,
-      centerX,
-      centerY,
-      centerAngle + origAngle - element.angle,
-    );
 
-    mutateElement(
-      element,
-      {
-        x: element.x + (rotatedCX - cx),
-        y: element.y + (rotatedCY - cy),
-        angle: normalizeAngle(centerAngle + origAngle),
-      },
-      false,
-    );
-
-    updateBoundElements(element, { simultaneouslyUpdated: elements });
-
-    const boundText = getBoundTextElement(element);
-    if (boundText && !isArrowElement(element)) {
+  elements
+    .filter((element) => element.type !== "frame")
+    .forEach((element) => {
+      const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
+      const cx = (x1 + x2) / 2;
+      const cy = (y1 + y2) / 2;
+      const origAngle =
+        pointerDownState.originalElements.get(element.id)?.angle ??
+        element.angle;
+      const [rotatedCX, rotatedCY] = rotate(
+        cx,
+        cy,
+        centerX,
+        centerY,
+        centerAngle + origAngle - element.angle,
+      );
       mutateElement(
-        boundText,
+        element,
         {
-          x: boundText.x + (rotatedCX - cx),
-          y: boundText.y + (rotatedCY - cy),
+          x: element.x + (rotatedCX - cx),
+          y: element.y + (rotatedCY - cy),
           angle: normalizeAngle(centerAngle + origAngle),
         },
         false,
       );
-    }
-  });
+      updateBoundElements(element, { simultaneouslyUpdated: elements });
+
+      const boundText = getBoundTextElement(element);
+      if (boundText && !isArrowElement(element)) {
+        mutateElement(
+          boundText,
+          {
+            x: boundText.x + (rotatedCX - cx),
+            y: boundText.y + (rotatedCY - cy),
+            angle: normalizeAngle(centerAngle + origAngle),
+          },
+          false,
+        );
+      }
+    });
 
   Scene.getScene(elements[0])?.informMutation();
 };
diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index a6d0c3271..3956393bc 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -840,10 +840,12 @@ export const getTextBindableContainerAtPosition = (
     const [x1, y1, x2, y2] = getElementAbsoluteCoords(elements[index]);
     if (
       isArrowElement(elements[index]) &&
-      isHittingElementNotConsideringBoundingBox(elements[index], appState, [
-        x,
-        y,
-      ])
+      isHittingElementNotConsideringBoundingBox(
+        elements[index],
+        appState,
+        null,
+        [x, y],
+      )
     ) {
       hitElement = elements[index];
       break;
diff --git a/src/element/transformHandles.ts b/src/element/transformHandles.ts
index 823ba5c72..cf8e5b6a2 100644
--- a/src/element/transformHandles.ts
+++ b/src/element/transformHandles.ts
@@ -8,7 +8,7 @@ import { getElementAbsoluteCoords } from "./bounds";
 import { rotate } from "../math";
 import { AppState, Zoom } from "../types";
 import { isTextElement } from ".";
-import { isLinearElement } from "./typeChecks";
+import { isFrameElement, isLinearElement } from "./typeChecks";
 import { DEFAULT_SPACING } from "../renderer/renderScene";
 
 export type TransformHandleDirection =
@@ -44,6 +44,14 @@ export const OMIT_SIDES_FOR_MULTIPLE_ELEMENTS = {
   w: true,
 };
 
+export const OMIT_SIDES_FOR_FRAME = {
+  e: true,
+  s: true,
+  n: true,
+  w: true,
+  rotation: true,
+};
+
 const OMIT_SIDES_FOR_TEXT_ELEMENT = {
   e: true,
   s: true,
@@ -249,6 +257,10 @@ export const getTransformHandles = (
     }
   } else if (isTextElement(element)) {
     omitSides = OMIT_SIDES_FOR_TEXT_ELEMENT;
+  } else if (isFrameElement(element)) {
+    omitSides = {
+      rotation: true,
+    };
   }
   const dashedLineMargin = isLinearElement(element)
     ? DEFAULT_SPACING + 8
diff --git a/src/element/typeChecks.ts b/src/element/typeChecks.ts
index 164fafe68..302e9d375 100644
--- a/src/element/typeChecks.ts
+++ b/src/element/typeChecks.ts
@@ -12,6 +12,7 @@ import {
   ExcalidrawImageElement,
   ExcalidrawTextElementWithContainer,
   ExcalidrawTextContainer,
+  ExcalidrawFrameElement,
   RoundnessType,
 } from "./types";
 
@@ -45,6 +46,12 @@ export const isTextElement = (
   return element != null && element.type === "text";
 };
 
+export const isFrameElement = (
+  element: ExcalidrawElement | null,
+): element is ExcalidrawFrameElement => {
+  return element != null && element.type === "frame";
+};
+
 export const isFreeDrawElement = (
   element?: ExcalidrawElement | null,
 ): element is ExcalidrawFreeDrawElement => {
diff --git a/src/element/types.ts b/src/element/types.ts
index 4a4db7e8b..ad4610160 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -53,6 +53,7 @@ type _ExcalidrawElementBase = Readonly<{
   /** List of groups the element belongs to.
       Ordered from deepest to shallowest. */
   groupIds: readonly GroupId[];
+  frameId: string | null;
   /** other elements that are bound to this element */
   boundElements:
     | readonly Readonly<{
@@ -98,6 +99,11 @@ export type InitializedExcalidrawImageElement = MarkNonNullable<
   "fileId"
 >;
 
+export type ExcalidrawFrameElement = _ExcalidrawElementBase & {
+  type: "frame";
+  name: string | null;
+};
+
 /**
  * These are elements that don't have any additional properties.
  */
@@ -117,7 +123,8 @@ export type ExcalidrawElement =
   | ExcalidrawTextElement
   | ExcalidrawLinearElement
   | ExcalidrawFreeDrawElement
-  | ExcalidrawImageElement;
+  | ExcalidrawImageElement
+  | ExcalidrawFrameElement;
 
 export type NonDeleted<TElement extends ExcalidrawElement> = TElement & {
   isDeleted: boolean;
@@ -148,7 +155,8 @@ export type ExcalidrawBindableElement =
   | ExcalidrawDiamondElement
   | ExcalidrawEllipseElement
   | ExcalidrawTextElement
-  | ExcalidrawImageElement;
+  | ExcalidrawImageElement
+  | ExcalidrawFrameElement;
 
 export type ExcalidrawTextContainer =
   | ExcalidrawRectangleElement
diff --git a/src/frame.ts b/src/frame.ts
new file mode 100644
index 000000000..18273cea6
--- /dev/null
+++ b/src/frame.ts
@@ -0,0 +1,705 @@
+import {
+  getCommonBounds,
+  getElementAbsoluteCoords,
+  isTextElement,
+} from "./element";
+import {
+  ExcalidrawElement,
+  ExcalidrawFrameElement,
+  NonDeleted,
+  NonDeletedExcalidrawElement,
+} from "./element/types";
+import { isPointWithinBounds } from "./math";
+import {
+  getBoundTextElement,
+  getContainerElement,
+} from "./element/textElement";
+import { arrayToMap, findIndex } from "./utils";
+import { mutateElement } from "./element/mutateElement";
+import { AppState } from "./types";
+import { getElementsWithinSelection, getSelectedElements } from "./scene";
+import { isFrameElement } from "./element";
+import { moveOneRight } from "./zindex";
+import { getElementsInGroup, selectGroupsFromGivenElements } from "./groups";
+import Scene, { ExcalidrawElementsIncludingDeleted } from "./scene/Scene";
+import { getElementLineSegments } from "./element/bounds";
+
+// --------------------------- Frame State ------------------------------------
+export const bindElementsToFramesAfterDuplication = (
+  nextElements: ExcalidrawElement[],
+  oldElements: readonly ExcalidrawElement[],
+  oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>,
+) => {
+  const nextElementMap = arrayToMap(nextElements) as Map<
+    ExcalidrawElement["id"],
+    ExcalidrawElement
+  >;
+
+  for (const element of oldElements) {
+    if (element.frameId) {
+      // use its frameId to get the new frameId
+      const nextElementId = oldIdToDuplicatedId.get(element.id);
+      const nextFrameId = oldIdToDuplicatedId.get(element.frameId);
+      if (nextElementId) {
+        const nextElement = nextElementMap.get(nextElementId);
+        if (nextElement) {
+          mutateElement(
+            nextElement,
+            {
+              frameId: nextFrameId ?? element.frameId,
+            },
+            false,
+          );
+        }
+      }
+    }
+  }
+};
+
+// --------------------------- Frame Geometry ---------------------------------
+class Point {
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+class LineSegment {
+  first: Point;
+  second: Point;
+
+  constructor(pointA: Point, pointB: Point) {
+    this.first = pointA;
+    this.second = pointB;
+  }
+
+  public getBoundingBox(): [Point, Point] {
+    return [
+      new Point(
+        Math.min(this.first.x, this.second.x),
+        Math.min(this.first.y, this.second.y),
+      ),
+      new Point(
+        Math.max(this.first.x, this.second.x),
+        Math.max(this.first.y, this.second.y),
+      ),
+    ];
+  }
+}
+
+// https://martin-thoma.com/how-to-check-if-two-line-segments-intersect/
+class FrameGeometry {
+  private static EPSILON = 0.000001;
+
+  private static crossProduct(a: Point, b: Point) {
+    return a.x * b.y - b.x * a.y;
+  }
+
+  private static doBoundingBoxesIntersect(
+    a: [Point, Point],
+    b: [Point, Point],
+  ) {
+    return (
+      a[0].x <= b[1].x &&
+      a[1].x >= b[0].x &&
+      a[0].y <= b[1].y &&
+      a[1].y >= b[0].y
+    );
+  }
+
+  private static isPointOnLine(a: LineSegment, b: Point) {
+    const aTmp = new LineSegment(
+      new Point(0, 0),
+      new Point(a.second.x - a.first.x, a.second.y - a.first.y),
+    );
+    const bTmp = new Point(b.x - a.first.x, b.y - a.first.y);
+    const r = this.crossProduct(aTmp.second, bTmp);
+    return Math.abs(r) < this.EPSILON;
+  }
+
+  private static isPointRightOfLine(a: LineSegment, b: Point) {
+    const aTmp = new LineSegment(
+      new Point(0, 0),
+      new Point(a.second.x - a.first.x, a.second.y - a.first.y),
+    );
+    const bTmp = new Point(b.x - a.first.x, b.y - a.first.y);
+    return this.crossProduct(aTmp.second, bTmp) < 0;
+  }
+
+  private static lineSegmentTouchesOrCrossesLine(
+    a: LineSegment,
+    b: LineSegment,
+  ) {
+    return (
+      this.isPointOnLine(a, b.first) ||
+      this.isPointOnLine(a, b.second) ||
+      (this.isPointRightOfLine(a, b.first)
+        ? !this.isPointRightOfLine(a, b.second)
+        : this.isPointRightOfLine(a, b.second))
+    );
+  }
+
+  private static doLineSegmentsIntersect(
+    a: [readonly [number, number], readonly [number, number]],
+    b: [readonly [number, number], readonly [number, number]],
+  ) {
+    const aSegment = new LineSegment(
+      new Point(a[0][0], a[0][1]),
+      new Point(a[1][0], a[1][1]),
+    );
+    const bSegment = new LineSegment(
+      new Point(b[0][0], b[0][1]),
+      new Point(b[1][0], b[1][1]),
+    );
+
+    const box1 = aSegment.getBoundingBox();
+    const box2 = bSegment.getBoundingBox();
+    return (
+      this.doBoundingBoxesIntersect(box1, box2) &&
+      this.lineSegmentTouchesOrCrossesLine(aSegment, bSegment) &&
+      this.lineSegmentTouchesOrCrossesLine(bSegment, aSegment)
+    );
+  }
+
+  public static isElementIntersectingFrame(
+    element: ExcalidrawElement,
+    frame: ExcalidrawFrameElement,
+  ) {
+    const frameLineSegments = getElementLineSegments(frame);
+
+    const elementLineSegments = getElementLineSegments(element);
+
+    const intersecting = frameLineSegments.some((frameLineSegment) =>
+      elementLineSegments.some((elementLineSegment) =>
+        this.doLineSegmentsIntersect(frameLineSegment, elementLineSegment),
+      ),
+    );
+
+    return intersecting;
+  }
+}
+
+export const getElementsCompletelyInFrame = (
+  elements: readonly ExcalidrawElement[],
+  frame: ExcalidrawFrameElement,
+) =>
+  omitGroupsContainingFrames(
+    getElementsWithinSelection(elements, frame, false),
+  ).filter(
+    (element) =>
+      (element.type !== "frame" && !element.frameId) ||
+      element.frameId === frame.id,
+  );
+
+export const isElementContainingFrame = (
+  elements: readonly ExcalidrawElement[],
+  element: ExcalidrawElement,
+  frame: ExcalidrawFrameElement,
+) => {
+  return getElementsWithinSelection(elements, element).some(
+    (e) => e.id === frame.id,
+  );
+};
+
+export const getElementsIntersectingFrame = (
+  elements: readonly ExcalidrawElement[],
+  frame: ExcalidrawFrameElement,
+) =>
+  elements.filter((element) =>
+    FrameGeometry.isElementIntersectingFrame(element, frame),
+  );
+
+export const elementsAreInFrameBounds = (
+  elements: readonly ExcalidrawElement[],
+  frame: ExcalidrawFrameElement,
+) => {
+  const [selectionX1, selectionY1, selectionX2, selectionY2] =
+    getElementAbsoluteCoords(frame);
+
+  const [elementX1, elementY1, elementX2, elementY2] =
+    getCommonBounds(elements);
+
+  return (
+    selectionX1 <= elementX1 &&
+    selectionY1 <= elementY1 &&
+    selectionX2 >= elementX2 &&
+    selectionY2 >= elementY2
+  );
+};
+
+export const elementOverlapsWithFrame = (
+  element: ExcalidrawElement,
+  frame: ExcalidrawFrameElement,
+) => {
+  return (
+    elementsAreInFrameBounds([element], frame) ||
+    FrameGeometry.isElementIntersectingFrame(element, frame) ||
+    isElementContainingFrame([frame], element, frame)
+  );
+};
+
+export const isCursorInFrame = (
+  cursorCoords: {
+    x: number;
+    y: number;
+  },
+  frame: NonDeleted<ExcalidrawFrameElement>,
+) => {
+  const [fx1, fy1, fx2, fy2] = getElementAbsoluteCoords(frame);
+
+  return isPointWithinBounds(
+    [fx1, fy1],
+    [cursorCoords.x, cursorCoords.y],
+    [fx2, fy2],
+  );
+};
+
+export const groupsAreAtLeastIntersectingTheFrame = (
+  elements: readonly NonDeletedExcalidrawElement[],
+  groupIds: readonly string[],
+  frame: ExcalidrawFrameElement,
+) => {
+  const elementsInGroup = groupIds.flatMap((groupId) =>
+    getElementsInGroup(elements, groupId),
+  );
+
+  if (elementsInGroup.length === 0) {
+    return true;
+  }
+
+  return !!elementsInGroup.find(
+    (element) =>
+      elementsAreInFrameBounds([element], frame) ||
+      FrameGeometry.isElementIntersectingFrame(element, frame),
+  );
+};
+
+export const groupsAreCompletelyOutOfFrame = (
+  elements: readonly NonDeletedExcalidrawElement[],
+  groupIds: readonly string[],
+  frame: ExcalidrawFrameElement,
+) => {
+  const elementsInGroup = groupIds.flatMap((groupId) =>
+    getElementsInGroup(elements, groupId),
+  );
+
+  if (elementsInGroup.length === 0) {
+    return true;
+  }
+
+  return (
+    elementsInGroup.find(
+      (element) =>
+        elementsAreInFrameBounds([element], frame) ||
+        FrameGeometry.isElementIntersectingFrame(element, frame),
+    ) === undefined
+  );
+};
+
+// --------------------------- Frame Utils ------------------------------------
+
+/**
+ * Returns a map of frameId to frame elements. Includes empty frames.
+ */
+export const groupByFrames = (elements: ExcalidrawElementsIncludingDeleted) => {
+  const frameElementsMap = new Map<
+    ExcalidrawElement["id"],
+    ExcalidrawElement[]
+  >();
+
+  for (const element of elements) {
+    const frameId = isFrameElement(element) ? element.id : element.frameId;
+    if (frameId && !frameElementsMap.has(frameId)) {
+      frameElementsMap.set(frameId, getFrameElements(elements, frameId));
+    }
+  }
+
+  return frameElementsMap;
+};
+
+export const getFrameElements = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  frameId: string,
+) => allElements.filter((element) => element.frameId === frameId);
+
+export const getElementsInResizingFrame = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  frame: ExcalidrawFrameElement,
+  appState: AppState,
+): ExcalidrawElement[] => {
+  const prevElementsInFrame = getFrameElements(allElements, frame.id);
+  const nextElementsInFrame = new Set<ExcalidrawElement>(prevElementsInFrame);
+
+  const elementsCompletelyInFrame = new Set([
+    ...getElementsCompletelyInFrame(allElements, frame),
+    ...prevElementsInFrame.filter((element) =>
+      isElementContainingFrame(allElements, element, frame),
+    ),
+  ]);
+
+  const elementsNotCompletelyInFrame = prevElementsInFrame.filter(
+    (element) => !elementsCompletelyInFrame.has(element),
+  );
+
+  // for elements that are completely in the frame
+  // if they are part of some groups, then those groups are still
+  // considered to belong to the frame
+  const groupsToKeep = new Set<string>(
+    Array.from(elementsCompletelyInFrame).flatMap(
+      (element) => element.groupIds,
+    ),
+  );
+
+  for (const element of elementsNotCompletelyInFrame) {
+    if (!FrameGeometry.isElementIntersectingFrame(element, frame)) {
+      if (element.groupIds.length === 0) {
+        nextElementsInFrame.delete(element);
+      }
+    } else if (element.groupIds.length > 0) {
+      // group element intersects with the frame, we should keep the groups
+      // that this element is part of
+      for (const id of element.groupIds) {
+        groupsToKeep.add(id);
+      }
+    }
+  }
+
+  for (const element of elementsNotCompletelyInFrame) {
+    if (element.groupIds.length > 0) {
+      let shouldRemoveElement = true;
+
+      for (const id of element.groupIds) {
+        if (groupsToKeep.has(id)) {
+          shouldRemoveElement = false;
+        }
+      }
+
+      if (shouldRemoveElement) {
+        nextElementsInFrame.delete(element);
+      }
+    }
+  }
+
+  const individualElementsCompletelyInFrame = Array.from(
+    elementsCompletelyInFrame,
+  ).filter((element) => element.groupIds.length === 0);
+
+  for (const element of individualElementsCompletelyInFrame) {
+    nextElementsInFrame.add(element);
+  }
+
+  const newGroupElementsCompletelyInFrame = Array.from(
+    elementsCompletelyInFrame,
+  ).filter((element) => element.groupIds.length > 0);
+
+  const groupIds = selectGroupsFromGivenElements(
+    newGroupElementsCompletelyInFrame,
+    appState,
+  );
+
+  // new group elements
+  for (const [id, isSelected] of Object.entries(groupIds)) {
+    if (isSelected) {
+      const elementsInGroup = getElementsInGroup(allElements, id);
+
+      if (elementsAreInFrameBounds(elementsInGroup, frame)) {
+        for (const element of elementsInGroup) {
+          nextElementsInFrame.add(element);
+        }
+      }
+    }
+  }
+
+  return [...nextElementsInFrame].filter((element) => {
+    return !(isTextElement(element) && element.containerId);
+  });
+};
+
+export const getElementsInNewFrame = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  frame: ExcalidrawFrameElement,
+) => {
+  return omitGroupsContainingFrames(
+    allElements,
+    getElementsCompletelyInFrame(allElements, frame),
+  );
+};
+
+export const getContainingFrame = (
+  element: ExcalidrawElement,
+  /**
+   * Optionally an elements map, in case the elements aren't in the Scene yet.
+   * Takes precedence over Scene elements, even if the element exists
+   * in Scene elements and not the supplied elements map.
+   */
+  elementsMap?: Map<string, ExcalidrawElement>,
+) => {
+  if (element.frameId) {
+    if (elementsMap) {
+      return (elementsMap.get(element.frameId) ||
+        null) as null | ExcalidrawFrameElement;
+    }
+    return (
+      (Scene.getScene(element)?.getElement(
+        element.frameId,
+      ) as ExcalidrawFrameElement) || null
+    );
+  }
+  return null;
+};
+
+// --------------------------- Frame Operations -------------------------------
+export const addElementsToFrame = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  elementsToAdd: NonDeletedExcalidrawElement[],
+  frame: ExcalidrawFrameElement,
+) => {
+  const _elementsToAdd: ExcalidrawElement[] = [];
+
+  for (const element of elementsToAdd) {
+    _elementsToAdd.push(element);
+
+    const boundTextElement = getBoundTextElement(element);
+    if (boundTextElement) {
+      _elementsToAdd.push(boundTextElement);
+    }
+  }
+
+  let nextElements = allElements.slice();
+
+  const frameBoundary = findIndex(nextElements, (e) => e.frameId === frame.id);
+
+  for (const element of omitGroupsContainingFrames(
+    allElements,
+    _elementsToAdd,
+  )) {
+    if (element.frameId !== frame.id && !isFrameElement(element)) {
+      mutateElement(
+        element,
+        {
+          frameId: frame.id,
+        },
+        false,
+      );
+
+      const frameIndex = findIndex(nextElements, (e) => e.id === frame.id);
+      const elementIndex = findIndex(nextElements, (e) => e.id === element.id);
+
+      if (elementIndex < frameBoundary) {
+        nextElements = [
+          ...nextElements.slice(0, elementIndex),
+          ...nextElements.slice(elementIndex + 1, frameBoundary),
+          element,
+          ...nextElements.slice(frameBoundary),
+        ];
+      } else if (elementIndex > frameIndex) {
+        nextElements = [
+          ...nextElements.slice(0, frameIndex),
+          element,
+          ...nextElements.slice(frameIndex, elementIndex),
+          ...nextElements.slice(elementIndex + 1),
+        ];
+      }
+    }
+  }
+
+  return nextElements;
+};
+
+export const removeElementsFromFrame = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  elementsToRemove: NonDeletedExcalidrawElement[],
+  appState: AppState,
+) => {
+  const _elementsToRemove: ExcalidrawElement[] = [];
+
+  for (const element of elementsToRemove) {
+    if (element.frameId) {
+      _elementsToRemove.push(element);
+      const boundTextElement = getBoundTextElement(element);
+      if (boundTextElement) {
+        _elementsToRemove.push(boundTextElement);
+      }
+    }
+  }
+
+  for (const element of _elementsToRemove) {
+    mutateElement(
+      element,
+      {
+        frameId: null,
+      },
+      false,
+    );
+  }
+
+  const nextElements = moveOneRight(
+    allElements,
+    appState,
+    Array.from(_elementsToRemove),
+  );
+
+  return nextElements;
+};
+
+export const removeAllElementsFromFrame = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  frame: ExcalidrawFrameElement,
+  appState: AppState,
+) => {
+  const elementsInFrame = getFrameElements(allElements, frame.id);
+  return removeElementsFromFrame(allElements, elementsInFrame, appState);
+};
+
+export const replaceAllElementsInFrame = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  nextElementsInFrame: ExcalidrawElement[],
+  frame: ExcalidrawFrameElement,
+  appState: AppState,
+) => {
+  return addElementsToFrame(
+    removeAllElementsFromFrame(allElements, frame, appState),
+    nextElementsInFrame,
+    frame,
+  );
+};
+
+/** does not mutate elements, but return new ones */
+export const updateFrameMembershipOfSelectedElements = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  appState: AppState,
+) => {
+  const selectedElements = getSelectedElements(allElements, appState);
+  const elementsToFilter = new Set<ExcalidrawElement>(selectedElements);
+
+  if (appState.editingGroupId) {
+    for (const element of selectedElements) {
+      if (element.groupIds.length === 0) {
+        elementsToFilter.add(element);
+      } else {
+        element.groupIds
+          .flatMap((gid) => getElementsInGroup(allElements, gid))
+          .forEach((element) => elementsToFilter.add(element));
+      }
+    }
+  }
+
+  const elementsToRemove = new Set<ExcalidrawElement>();
+
+  elementsToFilter.forEach((element) => {
+    if (
+      !isFrameElement(element) &&
+      !isElementInFrame(element, allElements, appState)
+    ) {
+      elementsToRemove.add(element);
+    }
+  });
+
+  return removeElementsFromFrame(allElements, [...elementsToRemove], appState);
+};
+
+/**
+ * filters out elements that are inside groups that contain a frame element
+ * anywhere in the group tree
+ */
+export const omitGroupsContainingFrames = (
+  allElements: ExcalidrawElementsIncludingDeleted,
+  /** subset of elements you want to filter. Optional perf optimization so we
+   * don't have to filter all elements unnecessarily
+   */
+  selectedElements?: readonly ExcalidrawElement[],
+) => {
+  const uniqueGroupIds = new Set<string>();
+  for (const el of selectedElements || allElements) {
+    const topMostGroupId = el.groupIds[el.groupIds.length - 1];
+    if (topMostGroupId) {
+      uniqueGroupIds.add(topMostGroupId);
+    }
+  }
+
+  const rejectedGroupIds = new Set<string>();
+  for (const groupId of uniqueGroupIds) {
+    if (
+      getElementsInGroup(allElements, groupId).some((el) => isFrameElement(el))
+    ) {
+      rejectedGroupIds.add(groupId);
+    }
+  }
+
+  return (selectedElements || allElements).filter(
+    (el) => !rejectedGroupIds.has(el.groupIds[el.groupIds.length - 1]),
+  );
+};
+
+/**
+ * depending on the appState, return target frame, which is the frame the given element
+ * is going to be added to or remove from
+ */
+export const getTargetFrame = (
+  element: ExcalidrawElement,
+  appState: AppState,
+) => {
+  const _element = isTextElement(element)
+    ? getContainerElement(element) || element
+    : element;
+
+  return appState.selectedElementIds[_element.id] &&
+    appState.selectedElementsAreBeingDragged
+    ? appState.frameToHighlight
+    : getContainingFrame(_element);
+};
+
+// given an element, return if the element is in some frame
+export const isElementInFrame = (
+  element: ExcalidrawElement,
+  allElements: ExcalidrawElementsIncludingDeleted,
+  appState: AppState,
+) => {
+  const frame = getTargetFrame(element, appState);
+  const _element = isTextElement(element)
+    ? getContainerElement(element) || element
+    : element;
+
+  if (frame) {
+    if (_element.groupIds.length === 0) {
+      return elementOverlapsWithFrame(_element, frame);
+    }
+
+    const allElementsInGroup = new Set(
+      _element.groupIds.flatMap((gid) => getElementsInGroup(allElements, gid)),
+    );
+
+    if (appState.editingGroupId && appState.selectedElementsAreBeingDragged) {
+      const selectedElements = new Set(
+        getSelectedElements(allElements, appState),
+      );
+
+      const editingGroupOverlapsFrame = appState.frameToHighlight !== null;
+
+      if (editingGroupOverlapsFrame) {
+        return true;
+      }
+
+      selectedElements.forEach((selectedElement) => {
+        allElementsInGroup.delete(selectedElement);
+      });
+    }
+
+    for (const elementInGroup of allElementsInGroup) {
+      if (isFrameElement(elementInGroup)) {
+        return false;
+      }
+    }
+
+    for (const elementInGroup of allElementsInGroup) {
+      if (elementOverlapsWithFrame(elementInGroup, frame)) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+};
diff --git a/src/groups.ts b/src/groups.ts
index e45a59fa8..eda013737 100644
--- a/src/groups.ts
+++ b/src/groups.ts
@@ -94,6 +94,31 @@ export const selectGroupsForSelectedElements = (
   return nextAppState;
 };
 
+// given a list of elements, return the the actual group ids that should be selected
+// or used to update the elements
+export const selectGroupsFromGivenElements = (
+  elements: readonly NonDeleted<ExcalidrawElement>[],
+  appState: AppState,
+) => {
+  let nextAppState: AppState = { ...appState, selectedGroupIds: {} };
+
+  for (const element of elements) {
+    let groupIds = element.groupIds;
+    if (appState.editingGroupId) {
+      const indexOfEditingGroup = groupIds.indexOf(appState.editingGroupId);
+      if (indexOfEditingGroup > -1) {
+        groupIds = groupIds.slice(0, indexOfEditingGroup);
+      }
+    }
+    if (groupIds.length > 0) {
+      const groupId = groupIds[groupIds.length - 1];
+      nextAppState = selectGroup(groupId, nextAppState, elements);
+    }
+  }
+
+  return nextAppState.selectedGroupIds;
+};
+
 export const editGroupForSelectedElement = (
   appState: AppState,
   element: NonDeleted<ExcalidrawElement>,
@@ -186,3 +211,18 @@ export const getMaximumGroups = (
 
   return Array.from(groups.values());
 };
+
+export const elementsAreInSameGroup = (elements: ExcalidrawElement[]) => {
+  const allGroups = elements.flatMap((element) => element.groupIds);
+  const groupCount = new Map<string, number>();
+  let maxGroup = 0;
+
+  for (const group of allGroups) {
+    groupCount.set(group, (groupCount.get(group) ?? 0) + 1);
+    if (groupCount.get(group)! > maxGroup) {
+      maxGroup = groupCount.get(group)!;
+    }
+  }
+
+  return maxGroup === elements.length;
+};
diff --git a/src/keys.ts b/src/keys.ts
index ce0e803c0..14b7d288e 100644
--- a/src/keys.ts
+++ b/src/keys.ts
@@ -42,6 +42,7 @@ export const KEYS = {
   CHEVRON_RIGHT: ">",
   PERIOD: ".",
   COMMA: ",",
+  SUBTRACT: "-",
 
   A: "a",
   C: "c",
diff --git a/src/locales/en.json b/src/locales/en.json
index f751353ae..b73f79997 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Published",
     "sidebarLock": "Keep sidebar open",
+    "selectAllElementsInFrame": "Select all elements in frame",
+    "removeAllElementsFromFrame": "Remove all elements from frame",
     "eyeDropper": "Pick color from canvas"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Pen mode - prevent touch",
     "link": "Add/ Update link for a selected shape",
     "eraser": "Eraser",
-    "hand": "Hand (panning tool)"
+    "frame": "Frame tool",
+    "hand": "Hand (panning tool)",
+    "extraTools": "More tools"
   },
   "headings": {
     "canvasActions": "Canvas actions",
diff --git a/src/math.ts b/src/math.ts
index 602fe976c..01123ce81 100644
--- a/src/math.ts
+++ b/src/math.ts
@@ -206,7 +206,7 @@ export const isPointInPolygon = (
 
 // Returns whether `q` lies inside the segment/rectangle defined by `p` and `r`.
 // This is an approximation to "does `q` lie on a segment `pr`" check.
-const isPointWithinBounds = (p: Point, q: Point, r: Point) => {
+export const isPointWithinBounds = (p: Point, q: Point, r: Point) => {
   return (
     q[0] <= Math.max(p[0], r[0]) &&
     q[0] >= Math.min(p[0], r[0]) &&
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index bccb42bdc..03646541e 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -205,6 +205,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
             height: 141.9765625,
             seed: 1968410350,
             groupIds: [],
+            frameId: null,
             boundElements: null,
             locked: false,
             link: null,
diff --git a/src/packages/excalidraw/example/initialData.js b/src/packages/excalidraw/example/initialData.js
index dde22b83b..37b0755d3 100644
--- a/src/packages/excalidraw/example/initialData.js
+++ b/src/packages/excalidraw/example/initialData.js
@@ -20,6 +20,7 @@ export default {
       height: 141.9765625,
       seed: 1968410350,
       groupIds: [],
+      frameId: null,
     },
     {
       id: "-xMIs_0jIFqvpx-R9UnaG",
@@ -37,6 +38,7 @@ export default {
       roughness: 1,
       opacity: 100,
       groupIds: [],
+      frameId: null,
       seed: 957947807,
       version: 47,
       versionNonce: 1128618623,
@@ -58,6 +60,7 @@ export default {
       roughness: 1,
       opacity: 100,
       groupIds: [],
+      frameId: null,
       strokeSharpness: "round",
       seed: 707269846,
       version: 143,
@@ -94,6 +97,7 @@ export default {
         height: 103.65107323746608,
         seed: 1445523839,
         groupIds: [],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
         startBinding: null,
@@ -133,6 +137,7 @@ export default {
         height: 113.8575037534261,
         seed: 1513238033,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -182,6 +187,7 @@ export default {
         height: 9.797916664247975,
         seed: 683951089,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -220,6 +226,7 @@ export default {
         height: 9.797916664247975,
         seed: 1817746897,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -258,6 +265,7 @@ export default {
         height: 17.72670397681366,
         seed: 1409727409,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: ["bxuMGTzXLn7H-uBCptINx"],
       },
@@ -281,6 +289,7 @@ export default {
         height: 13.941904362416096,
         seed: 1073094033,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -304,6 +313,7 @@ export default {
         height: 13.941904362416096,
         seed: 526271345,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -327,6 +337,7 @@ export default {
         height: 13.941904362416096,
         seed: 243707217,
         groupIds: ["N2YAi9nU-wlRb0rDaDZoe"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -352,6 +363,7 @@ export default {
         height: 36.77344700318558,
         seed: 511870335,
         groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -375,6 +387,7 @@ export default {
         height: 36.77344700318558,
         seed: 1283079231,
         groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -398,6 +411,7 @@ export default {
         height: 36.77344700318558,
         seed: 996251633,
         groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -421,6 +435,7 @@ export default {
         height: 36.77344700318558,
         seed: 1764842481,
         groupIds: ["M6ByXuSmtHCr3RtPPKJQh"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -446,6 +461,7 @@ export default {
         height: 154.56722543646003,
         seed: 1424381745,
         groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -495,6 +511,7 @@ export default {
         height: 12.698053371678215,
         seed: 726657713,
         groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -533,6 +550,7 @@ export default {
         height: 10.178760037658167,
         seed: 1977326481,
         groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -571,6 +589,7 @@ export default {
         height: 22.797152568995934,
         seed: 1774660383,
         groupIds: ["HSrtfEf-CssQTf160Fb6R"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: ["bxuMGTzXLn7H-uBCptINx"],
       },
@@ -596,6 +615,7 @@ export default {
         height: 107.25081879410921,
         seed: 371096063,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [
           "CFu0B4Mw_1wC1Hbgx8Fs0",
@@ -623,6 +643,7 @@ export default {
         height: 107.25081879410921,
         seed: 685932433,
         groupIds: ["0RJwA-yKP5dqk5oMiSeot", "9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [
           "CFu0B4Mw_1wC1Hbgx8Fs0",
@@ -650,6 +671,7 @@ export default {
         height: 107.25081879410921,
         seed: 58634943,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [
           "CFu0B4Mw_1wC1Hbgx8Fs0",
@@ -677,6 +699,7 @@ export default {
         height: 3.249953844290203,
         seed: 1673003743,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         points: [
@@ -708,6 +731,7 @@ export default {
         height: 2.8032978840147194,
         seed: 1821527807,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         points: [
@@ -739,6 +763,7 @@ export default {
         height: 4.280657518731036,
         seed: 1485707039,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         points: [
@@ -771,6 +796,7 @@ export default {
         height: 2.9096445412231735,
         seed: 1042012991,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         points: [
@@ -804,6 +830,7 @@ export default {
         height: 2.4757501798128,
         seed: 295443295,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         points: [
@@ -835,6 +862,7 @@ export default {
         height: 2.4757501798128,
         seed: 1734301567,
         groupIds: ["9ppmKFUbA4iKjt8FaDFox"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         points: [
@@ -869,6 +897,7 @@ export default {
         height: 76.53703389977764,
         seed: 106569279,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -892,6 +921,7 @@ export default {
         height: 0,
         seed: 73916127,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -924,6 +954,7 @@ export default {
         height: 5.001953125,
         seed: 387857791,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -947,6 +978,7 @@ export default {
         height: 5.001953125,
         seed: 1486370207,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -970,6 +1002,7 @@ export default {
         height: 5.001953125,
         seed: 610150847,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -993,6 +1026,7 @@ export default {
         height: 42.72020253937572,
         seed: 144280593,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -1016,6 +1050,7 @@ export default {
         height: 24.44112284281997,
         seed: 29167967,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -1068,6 +1103,7 @@ export default {
         height: 0,
         seed: 1443027377,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -1100,6 +1136,7 @@ export default {
         height: 5.711199931375845,
         seed: 244310513,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -1138,6 +1175,7 @@ export default {
         height: 44.82230388130942,
         seed: 683572113,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -1161,6 +1199,7 @@ export default {
         height: 5.896061363392446,
         seed: 318798801,
         groupIds: ["TC0RSM64Cxmu17MlE12-o"],
+        frameId: null,
         strokeSharpness: "round",
         boundElementIds: [],
         startBinding: null,
@@ -1200,6 +1239,7 @@ export default {
         height: 108.30428902193904,
         seed: 1914896753,
         groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -1223,6 +1263,7 @@ export default {
         height: 82.83278895375764,
         seed: 1306468145,
         groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -1246,6 +1287,7 @@ export default {
         height: 11.427824006438863,
         seed: 93422161,
         groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -1269,6 +1311,7 @@ export default {
         height: 19.889460471185775,
         seed: 11646495,
         groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
@@ -1292,6 +1335,7 @@ export default {
         height: 19.889460471185775,
         seed: 291717649,
         groupIds: ["GMZ-NW9lG7c1AtfBInZ0n"],
+        frameId: null,
         strokeSharpness: "sharp",
         boundElementIds: [],
       },
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 77ea14587..ed6ccb69f 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -34,6 +34,7 @@ import { AppState, BinaryFiles, Zoom } from "../types";
 import { getDefaultAppState } from "../appState";
 import {
   BOUND_TEXT_PADDING,
+  FRAME_STYLE,
   MAX_DECIMALS_FOR_SVG_EXPORT,
   MIME_TYPES,
   SVG_NS,
@@ -48,6 +49,7 @@ import {
   getBoundTextMaxWidth,
 } from "../element/textElement";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import { getContainingFrame } from "../frame";
 
 // using a stronger invert (100% vs our regular 93%) and saturate
 // as a temp hack to make images in dark theme look closer to original
@@ -92,6 +94,7 @@ export interface ExcalidrawElementWithCanvas {
   canvasOffsetX: number;
   canvasOffsetY: number;
   boundTextElementVersion: number | null;
+  containingFrameOpacity: number;
 }
 
 const cappedElementCanvasSize = (
@@ -207,6 +210,7 @@ const generateElementCanvas = (
     canvasOffsetX,
     canvasOffsetY,
     boundTextElementVersion: getBoundTextElement(element)?.version || null,
+    containingFrameOpacity: getContainingFrame(element)?.opacity || 100,
   };
 };
 
@@ -253,7 +257,8 @@ const drawElementOnCanvas = (
   context: CanvasRenderingContext2D,
   renderConfig: RenderConfig,
 ) => {
-  context.globalAlpha = element.opacity / 100;
+  context.globalAlpha =
+    ((getContainingFrame(element)?.opacity ?? 100) * element.opacity) / 10000;
   switch (element.type) {
     case "rectangle":
     case "diamond":
@@ -469,7 +474,7 @@ const generateElementShape = (
     elementWithCanvasCache.delete(element);
 
     switch (element.type) {
-      case "rectangle":
+      case "rectangle": {
         if (element.roundness) {
           const w = element.width;
           const h = element.height;
@@ -494,6 +499,7 @@ const generateElementShape = (
         setShapeForElement(element, shape);
 
         break;
+      }
       case "diamond": {
         const [topX, topY, rightX, rightY, bottomX, bottomY, leftX, leftY] =
           getDiamondPoints(element);
@@ -717,12 +723,14 @@ const generateElementWithCanvas = (
     prevElementWithCanvas.zoomValue !== zoom.value &&
     !renderConfig?.shouldCacheIgnoreZoom;
   const boundTextElementVersion = getBoundTextElement(element)?.version || null;
+  const containingFrameOpacity = getContainingFrame(element)?.opacity || 100;
 
   if (
     !prevElementWithCanvas ||
     shouldRegenerateBecauseZoom ||
     prevElementWithCanvas.theme !== renderConfig.theme ||
-    prevElementWithCanvas.boundTextElementVersion !== boundTextElementVersion
+    prevElementWithCanvas.boundTextElementVersion !== boundTextElementVersion ||
+    prevElementWithCanvas.containingFrameOpacity !== containingFrameOpacity
   ) {
     const elementWithCanvas = generateElementCanvas(
       element,
@@ -897,25 +905,59 @@ export const renderElement = (
   const generator = rc.generator;
   switch (element.type) {
     case "selection": {
-      context.save();
-      context.translate(
-        element.x + renderConfig.scrollX,
-        element.y + renderConfig.scrollY,
-      );
-      context.fillStyle = "rgba(0, 0, 200, 0.04)";
+      // do not render selection when exporting
+      if (!renderConfig.isExporting) {
+        context.save();
+        context.translate(
+          element.x + renderConfig.scrollX,
+          element.y + renderConfig.scrollY,
+        );
+        context.fillStyle = "rgba(0, 0, 200, 0.04)";
 
-      // render from 0.5px offset  to get 1px wide line
-      // https://stackoverflow.com/questions/7530593/html5-canvas-and-line-width/7531540#7531540
-      // TODO can be be improved by offseting to the negative when user selects
-      // from right to left
-      const offset = 0.5 / renderConfig.zoom.value;
+        // render from 0.5px offset  to get 1px wide line
+        // https://stackoverflow.com/questions/7530593/html5-canvas-and-line-width/7531540#7531540
+        // TODO can be be improved by offseting to the negative when user selects
+        // from right to left
+        const offset = 0.5 / renderConfig.zoom.value;
 
-      context.fillRect(offset, offset, element.width, element.height);
-      context.lineWidth = 1 / renderConfig.zoom.value;
-      context.strokeStyle = "rgb(105, 101, 219)";
-      context.strokeRect(offset, offset, element.width, element.height);
+        context.fillRect(offset, offset, element.width, element.height);
+        context.lineWidth = 1 / renderConfig.zoom.value;
+        context.strokeStyle = " rgb(105, 101, 219)";
+        context.strokeRect(offset, offset, element.width, element.height);
 
-      context.restore();
+        context.restore();
+      }
+      break;
+    }
+    case "frame": {
+      if (!renderConfig.isExporting && appState.shouldRenderFrames) {
+        context.save();
+        context.translate(
+          element.x + renderConfig.scrollX,
+          element.y + renderConfig.scrollY,
+        );
+        context.fillStyle = "rgba(0, 0, 200, 0.04)";
+
+        context.lineWidth = 2 / renderConfig.zoom.value;
+        context.strokeStyle = FRAME_STYLE.strokeColor;
+
+        if (FRAME_STYLE.radius && context.roundRect) {
+          context.beginPath();
+          context.roundRect(
+            0,
+            0,
+            element.width,
+            element.height,
+            FRAME_STYLE.radius / renderConfig.zoom.value,
+          );
+          context.stroke();
+          context.closePath();
+        } else {
+          context.strokeRect(0, 0, element.width, element.height);
+        }
+
+        context.restore();
+      }
       break;
     }
     case "freedraw": {
@@ -1107,6 +1149,23 @@ const roughSVGDrawWithPrecision = (
   return rsvg.draw(pshape);
 };
 
+const maybeWrapNodesInFrameClipPath = (
+  element: NonDeletedExcalidrawElement,
+  root: SVGElement,
+  nodes: SVGElement[],
+  exportedFrameId?: string | null,
+) => {
+  const frame = getContainingFrame(element);
+  if (frame && frame.id === exportedFrameId) {
+    const g = root.ownerDocument!.createElementNS(SVG_NS, "g");
+    g.setAttributeNS(SVG_NS, "clip-path", `url(#${frame.id})`);
+    nodes.forEach((node) => g.appendChild(node));
+    return g;
+  }
+
+  return null;
+};
+
 export const renderElementToSvg = (
   element: NonDeletedExcalidrawElement,
   rsvg: RoughSVG,
@@ -1115,6 +1174,7 @@ export const renderElementToSvg = (
   offsetX: number,
   offsetY: number,
   exportWithDarkMode?: boolean,
+  exportingFrameId?: string | null,
 ) => {
   const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
   let cx = (x2 - x1) / 2 - (element.x - x1);
@@ -1148,6 +1208,9 @@ export const renderElementToSvg = (
     root = anchorTag;
   }
 
+  const opacity =
+    ((getContainingFrame(element)?.opacity ?? 100) * element.opacity) / 10000;
+
   switch (element.type) {
     case "selection": {
       // Since this is used only during editing experience, which is canvas based,
@@ -1163,7 +1226,6 @@ export const renderElementToSvg = (
         getShapeForElement(element)!,
         MAX_DECIMALS_FOR_SVG_EXPORT,
       );
-      const opacity = element.opacity / 100;
       if (opacity !== 1) {
         node.setAttribute("stroke-opacity", `${opacity}`);
         node.setAttribute("fill-opacity", `${opacity}`);
@@ -1175,7 +1237,15 @@ export const renderElementToSvg = (
           offsetY || 0
         }) rotate(${degree} ${cx} ${cy})`,
       );
-      root.appendChild(node);
+
+      const g = maybeWrapNodesInFrameClipPath(
+        element,
+        root,
+        [node],
+        exportingFrameId,
+      );
+
+      g ? root.appendChild(g) : root.appendChild(node);
       break;
     }
     case "line":
@@ -1228,7 +1298,6 @@ export const renderElementToSvg = (
       if (boundText) {
         group.setAttribute("mask", `url(#mask-${element.id})`);
       }
-      const opacity = element.opacity / 100;
       group.setAttribute("stroke-linecap", "round");
 
       getShapeForElement(element)!.forEach((shape) => {
@@ -1256,14 +1325,24 @@ export const renderElementToSvg = (
         }
         group.appendChild(node);
       });
-      root.appendChild(group);
-      root.append(maskPath);
+
+      const g = maybeWrapNodesInFrameClipPath(
+        element,
+        root,
+        [group, maskPath],
+        exportingFrameId,
+      );
+      if (g) {
+        root.appendChild(g);
+      } else {
+        root.appendChild(group);
+        root.append(maskPath);
+      }
       break;
     }
     case "freedraw": {
       generateElementShape(element, generator);
       generateFreeDrawShape(element);
-      const opacity = element.opacity / 100;
       const shape = getShapeForElement(element);
       const node = shape
         ? roughSVGDrawWithPrecision(rsvg, shape, MAX_DECIMALS_FOR_SVG_EXPORT)
@@ -1283,7 +1362,15 @@ export const renderElementToSvg = (
       path.setAttribute("fill", element.strokeColor);
       path.setAttribute("d", getFreeDrawSvgPath(element));
       node.appendChild(path);
-      root.appendChild(node);
+
+      const g = maybeWrapNodesInFrameClipPath(
+        element,
+        root,
+        [node],
+        exportingFrameId,
+      );
+
+      g ? root.appendChild(g) : root.appendChild(node);
       break;
     }
     case "image": {
@@ -1319,6 +1406,7 @@ export const renderElementToSvg = (
 
         use.setAttribute("width", `${width}`);
         use.setAttribute("height", `${height}`);
+        use.setAttribute("opacity", `${opacity}`);
 
         // We first apply `scale` transforms (horizontal/vertical mirroring)
         // on the <use> element, then apply translation and rotation
@@ -1344,13 +1432,22 @@ export const renderElementToSvg = (
           }) rotate(${degree} ${cx} ${cy})`,
         );
 
-        root.appendChild(g);
+        const clipG = maybeWrapNodesInFrameClipPath(
+          element,
+          root,
+          [g],
+          exportingFrameId,
+        );
+        clipG ? root.appendChild(clipG) : root.appendChild(g);
       }
       break;
     }
+    // frames are not rendered and only acts as a container
+    case "frame": {
+      break;
+    }
     default: {
       if (isTextElement(element)) {
-        const opacity = element.opacity / 100;
         const node = svgRoot.ownerDocument!.createElementNS(SVG_NS, "g");
         if (opacity !== 1) {
           node.setAttribute("stroke-opacity", `${opacity}`);
@@ -1395,7 +1492,15 @@ export const renderElementToSvg = (
           text.setAttribute("dominant-baseline", "text-before-edge");
           node.appendChild(text);
         }
-        root.appendChild(node);
+
+        const g = maybeWrapNodesInFrameClipPath(
+          element,
+          root,
+          [node],
+          exportingFrameId,
+        );
+
+        g ? root.appendChild(g) : root.appendChild(node);
       } else {
         // @ts-ignore
         throw new Error(`Unimplemented type ${element.type}`);
diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 16ca3eb17..2ee853d90 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -10,6 +10,7 @@ import {
   NonDeleted,
   GroupId,
   ExcalidrawBindableElement,
+  ExcalidrawFrameElement,
 } from "../element/types";
 import {
   getElementAbsoluteCoords,
@@ -36,6 +37,7 @@ import {
   isSelectedViaGroup,
   getSelectedGroupIds,
   getElementsInGroup,
+  selectGroupsFromGivenElements,
 } from "../groups";
 import { maxBindingGap } from "../element/collision";
 import {
@@ -44,18 +46,28 @@ import {
   isBindingEnabled,
 } from "../element/binding";
 import {
+  OMIT_SIDES_FOR_FRAME,
   shouldShowBoundingBox,
   TransformHandles,
   TransformHandleType,
 } from "../element/transformHandles";
-import { viewportCoordsToSceneCoords, throttleRAF } from "../utils";
+import {
+  viewportCoordsToSceneCoords,
+  throttleRAF,
+  isOnlyExportingSingleFrame,
+} from "../utils";
 import { UserIdleState } from "../types";
-import { THEME_FILTER } from "../constants";
+import { FRAME_STYLE, THEME_FILTER } from "../constants";
 import {
   EXTERNAL_LINK_IMG,
   getLinkHandleFromCoords,
 } from "../element/Hyperlink";
-import { isLinearElement } from "../element/typeChecks";
+import { isFrameElement, isLinearElement } from "../element/typeChecks";
+import {
+  elementOverlapsWithFrame,
+  getTargetFrame,
+  isElementInFrame,
+} from "../frame";
 import "canvas-roundrect-polyfill";
 
 export const DEFAULT_SPACING = 2;
@@ -70,6 +82,8 @@ const strokeRectWithRotation = (
   cy: number,
   angle: number,
   fill: boolean = false,
+  /** should account for zoom */
+  radius: number = 0,
 ) => {
   context.save();
   context.translate(cx, cy);
@@ -77,7 +91,14 @@ const strokeRectWithRotation = (
   if (fill) {
     context.fillRect(x - cx, y - cy, width, height);
   }
-  context.strokeRect(x - cx, y - cy, width, height);
+  if (radius && context.roundRect) {
+    context.beginPath();
+    context.roundRect(x - cx, y - cy, width, height, radius);
+    context.stroke();
+    context.closePath();
+  } else {
+    context.strokeRect(x - cx, y - cy, width, height);
+  }
   context.restore();
 };
 
@@ -299,6 +320,34 @@ const renderLinearElementPointHighlight = (
   context.restore();
 };
 
+const frameClip = (
+  frame: ExcalidrawFrameElement,
+  context: CanvasRenderingContext2D,
+  renderConfig: RenderConfig,
+) => {
+  context.translate(
+    frame.x + renderConfig.scrollX,
+    frame.y + renderConfig.scrollY,
+  );
+  context.beginPath();
+  if (context.roundRect && !renderConfig.isExporting) {
+    context.roundRect(
+      0,
+      0,
+      frame.width,
+      frame.height,
+      FRAME_STYLE.radius / renderConfig.zoom.value,
+    );
+  } else {
+    context.rect(0, 0, frame.width, frame.height);
+  }
+  context.clip();
+  context.translate(
+    -(frame.x + renderConfig.scrollX),
+    -(frame.y + renderConfig.scrollY),
+  );
+};
+
 export const _renderScene = ({
   elements,
   appState,
@@ -390,11 +439,51 @@ export const _renderScene = ({
       }),
     );
 
+    const groupsToBeAddedToFrame = new Set<string>();
+
+    visibleElements.forEach((element) => {
+      if (
+        element.groupIds.length > 0 &&
+        appState.frameToHighlight &&
+        appState.selectedElementIds[element.id] &&
+        (elementOverlapsWithFrame(element, appState.frameToHighlight) ||
+          element.groupIds.find((groupId) =>
+            groupsToBeAddedToFrame.has(groupId),
+          ))
+      ) {
+        element.groupIds.forEach((groupId) =>
+          groupsToBeAddedToFrame.add(groupId),
+        );
+      }
+    });
+
     let editingLinearElement: NonDeleted<ExcalidrawLinearElement> | undefined =
       undefined;
+
     visibleElements.forEach((element) => {
       try {
-        renderElement(element, rc, context, renderConfig, appState);
+        // - when exporting the whole canvas, we DO NOT apply clipping
+        // - when we are exporting a particular frame, apply clipping
+        //   if the containing frame is not selected, apply clipping
+        const frameId = element.frameId || appState.frameToHighlight?.id;
+
+        if (
+          frameId &&
+          ((renderConfig.isExporting && isOnlyExportingSingleFrame(elements)) ||
+            (!renderConfig.isExporting && appState.shouldRenderFrames))
+        ) {
+          context.save();
+
+          const frame = getTargetFrame(element, appState);
+
+          if (frame && isElementInFrame(element, elements, appState)) {
+            frameClip(frame, context, renderConfig);
+          }
+          renderElement(element, rc, context, renderConfig, appState);
+          context.restore();
+        } else {
+          renderElement(element, rc, context, renderConfig, appState);
+        }
         // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to
         // ShapeCache returns empty hence making sure that we get the
         // correct element from visible elements
@@ -443,7 +532,24 @@ export const _renderScene = ({
           renderBindingHighlight(context, renderConfig, suggestedBinding!);
         });
     }
+
+    if (appState.frameToHighlight) {
+      renderFrameHighlight(context, renderConfig, appState.frameToHighlight);
+    }
+
+    if (appState.elementsToHighlight) {
+      renderElementsBoxHighlight(
+        context,
+        renderConfig,
+        appState.elementsToHighlight,
+        appState,
+      );
+    }
+
     const locallySelectedElements = getSelectedElements(elements, appState);
+    const isFrameSelected = locallySelectedElements.some((element) =>
+      isFrameElement(element),
+    );
 
     // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to
     // ShapeCache returns empty hence making sure that we get the
@@ -613,7 +719,9 @@ export const _renderScene = ({
           0,
           renderConfig.zoom,
           "mouse",
-          OMIT_SIDES_FOR_MULTIPLE_ELEMENTS,
+          isFrameSelected
+            ? OMIT_SIDES_FOR_FRAME
+            : OMIT_SIDES_FOR_MULTIPLE_ELEMENTS,
         );
         if (locallySelectedElements.some((element) => !element.locked)) {
           renderTransformHandles(context, renderConfig, transformHandles, 0);
@@ -974,6 +1082,7 @@ const renderBindingHighlightForBindableElement = (
     case "rectangle":
     case "text":
     case "image":
+    case "frame":
       strokeRectWithRotation(
         context,
         x1 - padding,
@@ -1011,6 +1120,82 @@ const renderBindingHighlightForBindableElement = (
   }
 };
 
+const renderFrameHighlight = (
+  context: CanvasRenderingContext2D,
+  renderConfig: RenderConfig,
+  frame: NonDeleted<ExcalidrawFrameElement>,
+) => {
+  const [x1, y1, x2, y2] = getElementAbsoluteCoords(frame);
+  const width = x2 - x1;
+  const height = y2 - y1;
+
+  context.strokeStyle = "rgb(0,118,255)";
+  context.lineWidth = (FRAME_STYLE.strokeWidth * 2) / renderConfig.zoom.value;
+
+  context.save();
+  context.translate(renderConfig.scrollX, renderConfig.scrollY);
+  strokeRectWithRotation(
+    context,
+    x1,
+    y1,
+    width,
+    height,
+    x1 + width / 2,
+    y1 + height / 2,
+    frame.angle,
+    false,
+    FRAME_STYLE.radius / renderConfig.zoom.value,
+  );
+  context.restore();
+};
+
+const renderElementsBoxHighlight = (
+  context: CanvasRenderingContext2D,
+  renderConfig: RenderConfig,
+  elements: NonDeleted<ExcalidrawElement>[],
+  appState: AppState,
+) => {
+  const individualElements = elements.filter(
+    (element) => element.groupIds.length === 0,
+  );
+
+  const elementsInGroups = elements.filter(
+    (element) => element.groupIds.length > 0,
+  );
+
+  const getSelectionFromElements = (elements: ExcalidrawElement[]) => {
+    const [elementX1, elementY1, elementX2, elementY2] =
+      getCommonBounds(elements);
+    return {
+      angle: 0,
+      elementX1,
+      elementX2,
+      elementY1,
+      elementY2,
+      selectionColors: ["rgb(0,118,255)"],
+      dashed: false,
+      cx: elementX1 + (elementX2 - elementX1) / 2,
+      cy: elementY1 + (elementY2 - elementY1) / 2,
+    };
+  };
+
+  const getSelectionForGroupId = (groupId: GroupId) => {
+    const groupElements = getElementsInGroup(elements, groupId);
+    return getSelectionFromElements(groupElements);
+  };
+
+  Object.entries(selectGroupsFromGivenElements(elementsInGroups, appState))
+    .filter(([id, isSelected]) => isSelected)
+    .map(([id, isSelected]) => id)
+    .map((groupId) => getSelectionForGroupId(groupId))
+    .concat(
+      individualElements.map((element) => getSelectionFromElements([element])),
+    )
+    .forEach((selection) =>
+      renderSelectionBorder(context, renderConfig, selection),
+    );
+};
+
 const renderBindingHighlightForSuggestedPointBinding = (
   context: CanvasRenderingContext2D,
   suggestedBinding: SuggestedPointBinding,
@@ -1092,7 +1277,7 @@ const renderLinkIcon = (
   }
 };
 
-const isVisibleElement = (
+export const isVisibleElement = (
   element: ExcalidrawElement,
   canvasWidth: number,
   canvasHeight: number,
@@ -1138,15 +1323,18 @@ export const renderSceneToSvg = (
     offsetX = 0,
     offsetY = 0,
     exportWithDarkMode = false,
+    exportingFrameId = null,
   }: {
     offsetX?: number;
     offsetY?: number;
     exportWithDarkMode?: boolean;
+    exportingFrameId?: string | null;
   } = {},
 ) => {
   if (!svgRoot) {
     return;
   }
+
   // render elements
   elements.forEach((element) => {
     if (!element.isDeleted) {
@@ -1159,6 +1347,7 @@ export const renderSceneToSvg = (
           element.x + offsetX,
           element.y + offsetY,
           exportWithDarkMode,
+          exportingFrameId,
         );
       } catch (error: any) {
         console.error(error);
diff --git a/src/scene/Scene.ts b/src/scene/Scene.ts
index e9fc98f89..06ce6813f 100644
--- a/src/scene/Scene.ts
+++ b/src/scene/Scene.ts
@@ -2,9 +2,15 @@ import {
   ExcalidrawElement,
   NonDeletedExcalidrawElement,
   NonDeleted,
+  ExcalidrawFrameElement,
 } from "../element/types";
-import { getNonDeletedElements, isNonDeletedElement } from "../element";
+import {
+  getNonDeletedElements,
+  getNonDeletedFrames,
+  isNonDeletedElement,
+} from "../element";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import { isFrameElement } from "../element/typeChecks";
 
 type ElementIdKey = InstanceType<typeof LinearElementEditor>["elementId"];
 type ElementKey = ExcalidrawElement | ElementIdKey;
@@ -12,6 +18,10 @@ type ElementKey = ExcalidrawElement | ElementIdKey;
 type SceneStateCallback = () => void;
 type SceneStateCallbackRemover = () => void;
 
+// ideally this would be a branded type but it'd be insanely hard to work with
+// in our codebase
+export type ExcalidrawElementsIncludingDeleted = readonly ExcalidrawElement[];
+
 const isIdKey = (elementKey: ElementKey): elementKey is ElementIdKey => {
   if (typeof elementKey === "string") {
     return true;
@@ -55,6 +65,8 @@ class Scene {
 
   private nonDeletedElements: readonly NonDeletedExcalidrawElement[] = [];
   private elements: readonly ExcalidrawElement[] = [];
+  private nonDeletedFrames: readonly NonDeleted<ExcalidrawFrameElement>[] = [];
+  private frames: readonly ExcalidrawFrameElement[] = [];
   private elementsMap = new Map<ExcalidrawElement["id"], ExcalidrawElement>();
 
   getElementsIncludingDeleted() {
@@ -65,6 +77,14 @@ class Scene {
     return this.nonDeletedElements;
   }
 
+  getFramesIncludingDeleted() {
+    return this.frames;
+  }
+
+  getNonDeletedFrames(): readonly NonDeleted<ExcalidrawFrameElement>[] {
+    return this.nonDeletedFrames;
+  }
+
   getElement<T extends ExcalidrawElement>(id: T["id"]): T | null {
     return (this.elementsMap.get(id) as T | undefined) || null;
   }
@@ -110,12 +130,19 @@ class Scene {
 
   replaceAllElements(nextElements: readonly ExcalidrawElement[]) {
     this.elements = nextElements;
+    const nextFrames: ExcalidrawFrameElement[] = [];
     this.elementsMap.clear();
     nextElements.forEach((element) => {
+      if (isFrameElement(element)) {
+        nextFrames.push(element);
+      }
       this.elementsMap.set(element.id, element);
       Scene.mapElementToScene(element, this);
     });
     this.nonDeletedElements = getNonDeletedElements(this.elements);
+    this.frames = nextFrames;
+    this.nonDeletedFrames = getNonDeletedFrames(this.frames);
+
     this.informMutation();
   }
 
@@ -165,6 +192,29 @@ class Scene {
     this.replaceAllElements(nextElements);
   }
 
+  insertElementsAtIndex(elements: ExcalidrawElement[], index: number) {
+    if (!Number.isFinite(index) || index < 0) {
+      throw new Error(
+        "insertElementAtIndex can only be called with index >= 0",
+      );
+    }
+    const nextElements = [
+      ...this.elements.slice(0, index),
+      ...elements,
+      ...this.elements.slice(index),
+    ];
+
+    this.replaceAllElements(nextElements);
+  }
+
+  addNewElement = (element: ExcalidrawElement) => {
+    if (element.frameId) {
+      this.insertElementAtIndex(element, this.getElementIndex(element.frameId));
+    } else {
+      this.replaceAllElements([...this.elements, element]);
+    }
+  };
+
   getElementIndex(elementId: string) {
     return this.elements.findIndex((element) => element.id === elementId);
   }
diff --git a/src/scene/comparisons.ts b/src/scene/comparisons.ts
index b88c8b1ea..ff73e83c9 100644
--- a/src/scene/comparisons.ts
+++ b/src/scene/comparisons.ts
@@ -7,7 +7,8 @@ export const hasBackground = (type: string) =>
   type === "line" ||
   type === "freedraw";
 
-export const hasStrokeColor = (type: string) => type !== "image";
+export const hasStrokeColor = (type: string) =>
+  type !== "image" && type !== "frame";
 
 export const hasStrokeWidth = (type: string) =>
   type === "rectangle" ||
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 6c5712be6..78fc9b466 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -1,8 +1,8 @@
 import rough from "roughjs/bin/rough";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { getCommonBounds } from "../element/bounds";
+import { getCommonBounds, getElementAbsoluteCoords } from "../element/bounds";
 import { renderScene, renderSceneToSvg } from "../renderer/renderScene";
-import { distance } from "../utils";
+import { distance, isOnlyExportingSingleFrame } from "../utils";
 import { AppState, BinaryFiles } from "../types";
 import { DEFAULT_EXPORT_PADDING, SVG_NS, THEME_FILTER } from "../constants";
 import { getDefaultAppState } from "../appState";
@@ -11,6 +11,7 @@ import {
   getInitializedImageElements,
   updateImageCache,
 } from "../element/image";
+import Scene from "./Scene";
 
 export const SVG_EXPORT_TAG = `<!-- svg-source:excalidraw -->`;
 
@@ -51,6 +52,8 @@ export const exportToCanvas = async (
     files,
   });
 
+  const onlyExportingSingleFrame = isOnlyExportingSingleFrame(elements);
+
   renderScene({
     elements,
     appState,
@@ -59,8 +62,8 @@ export const exportToCanvas = async (
     canvas,
     renderConfig: {
       viewBackgroundColor: exportBackground ? viewBackgroundColor : null,
-      scrollX: -minX + exportPadding,
-      scrollY: -minY + exportPadding,
+      scrollX: -minX + (onlyExportingSingleFrame ? 0 : exportPadding),
+      scrollY: -minY + (onlyExportingSingleFrame ? 0 : exportPadding),
       zoom: defaultAppState.zoom,
       remotePointerViewportCoords: {},
       remoteSelectedElementIds: {},
@@ -88,6 +91,7 @@ export const exportToSvg = async (
     viewBackgroundColor: string;
     exportWithDarkMode?: boolean;
     exportEmbedScene?: boolean;
+    renderFrame?: boolean;
   },
   files: BinaryFiles | null,
   opts?: {
@@ -140,6 +144,39 @@ export const exportToSvg = async (
     }
     assetPath = `${assetPath}/dist/excalidraw-assets/`;
   }
+
+  // do not apply clipping when we're exporting the whole scene
+  const isExportingWholeCanvas =
+    Scene.getScene(elements[0])?.getNonDeletedElements()?.length ===
+    elements.length;
+
+  const onlyExportingSingleFrame = isOnlyExportingSingleFrame(elements);
+
+  const offsetX = -minX + (onlyExportingSingleFrame ? 0 : exportPadding);
+  const offsetY = -minY + (onlyExportingSingleFrame ? 0 : exportPadding);
+
+  const exportingFrame =
+    isExportingWholeCanvas || !onlyExportingSingleFrame
+      ? undefined
+      : elements.find((element) => element.type === "frame");
+
+  let exportingFrameClipPath = "";
+  if (exportingFrame) {
+    const [x1, y1, x2, y2] = getElementAbsoluteCoords(exportingFrame);
+    const cx = (x2 - x1) / 2 - (exportingFrame.x - x1);
+    const cy = (y2 - y1) / 2 - (exportingFrame.y - y1);
+
+    exportingFrameClipPath = `<clipPath id=${exportingFrame.id}>
+            <rect transform="translate(${exportingFrame.x + offsetX} ${
+      exportingFrame.y + offsetY
+    }) rotate(${exportingFrame.angle} ${cx} ${cy})"
+          width="${exportingFrame.width}"
+          height="${exportingFrame.height}"
+          >
+          </rect>
+        </clipPath>`;
+  }
+
   svgRoot.innerHTML = `
   ${SVG_EXPORT_TAG}
   ${metadata}
@@ -154,8 +191,10 @@ export const exportToSvg = async (
         src: url("${assetPath}Cascadia.woff2");
       }
     </style>
+    ${exportingFrameClipPath}
   </defs>
   `;
+
   // render background rect
   if (appState.exportBackground && viewBackgroundColor) {
     const rect = svgRoot.ownerDocument!.createElementNS(SVG_NS, "rect");
@@ -169,9 +208,10 @@ export const exportToSvg = async (
 
   const rsvg = rough.svg(svgRoot);
   renderSceneToSvg(elements, rsvg, svgRoot, files || {}, {
-    offsetX: -minX + exportPadding,
-    offsetY: -minY + exportPadding,
+    offsetX,
+    offsetY,
     exportWithDarkMode: appState.exportWithDarkMode,
+    exportingFrameId: exportingFrame?.id || null,
   });
 
   return svgRoot;
@@ -182,9 +222,36 @@ const getCanvasSize = (
   elements: readonly NonDeletedExcalidrawElement[],
   exportPadding: number,
 ): [number, number, number, number] => {
+  // we should decide if we are exporting the whole canvas
+  // if so, we are not clipping elements in the frame
+  // and therefore, we should not do anything special
+
+  const isExportingWholeCanvas =
+    Scene.getScene(elements[0])?.getNonDeletedElements()?.length ===
+    elements.length;
+
+  const onlyExportingSingleFrame = isOnlyExportingSingleFrame(elements);
+
+  if (!isExportingWholeCanvas || onlyExportingSingleFrame) {
+    const frames = elements.filter((element) => element.type === "frame");
+
+    const exportedFrameIds = frames.reduce((acc, frame) => {
+      acc[frame.id] = true;
+      return acc;
+    }, {} as Record<string, true>);
+
+    // elements in a frame do not affect the canvas size if we're not exporting
+    // the whole canvas
+    elements = elements.filter(
+      (element) => !exportedFrameIds[element.frameId ?? ""],
+    );
+  }
+
   const [minX, minY, maxX, maxY] = getCommonBounds(elements);
-  const width = distance(minX, maxX) + exportPadding * 2;
-  const height = distance(minY, maxY) + exportPadding + exportPadding;
+  const width =
+    distance(minX, maxX) + (onlyExportingSingleFrame ? 0 : exportPadding * 2);
+  const height =
+    distance(minY, maxY) + (onlyExportingSingleFrame ? 0 : exportPadding * 2);
 
   return [minX, minY, width, height];
 };
diff --git a/src/scene/selection.ts b/src/scene/selection.ts
index 20d787bc4..5b8cb35b4 100644
--- a/src/scene/selection.ts
+++ b/src/scene/selection.ts
@@ -5,17 +5,61 @@ import {
 import { getElementAbsoluteCoords, getElementBounds } from "../element";
 import { AppState } from "../types";
 import { isBoundToContainer } from "../element/typeChecks";
+import {
+  elementOverlapsWithFrame,
+  getContainingFrame,
+  getFrameElements,
+} from "../frame";
+
+/**
+ * Frames and their containing elements are not to be selected at the same time.
+ * Given an array of selected elements, if there are frames and their containing elements
+ * we only keep the frames.
+ * @param selectedElements
+ */
+export const excludeElementsInFramesFromSelection = <
+  T extends ExcalidrawElement,
+>(
+  selectedElements: readonly T[],
+) => {
+  const framesInSelection = new Set<T["id"]>();
+
+  selectedElements.forEach((element) => {
+    if (element.type === "frame") {
+      framesInSelection.add(element.id);
+    }
+  });
+
+  return selectedElements.filter((element) => {
+    if (element.frameId && framesInSelection.has(element.frameId)) {
+      return false;
+    }
+    return true;
+  });
+};
 
 export const getElementsWithinSelection = (
   elements: readonly NonDeletedExcalidrawElement[],
   selection: NonDeletedExcalidrawElement,
+  excludeElementsInFrames: boolean = true,
 ) => {
   const [selectionX1, selectionY1, selectionX2, selectionY2] =
     getElementAbsoluteCoords(selection);
-  return elements.filter((element) => {
-    const [elementX1, elementY1, elementX2, elementY2] =
+
+  let elementsInSelection = elements.filter((element) => {
+    let [elementX1, elementY1, elementX2, elementY2] =
       getElementBounds(element);
 
+    const containingFrame = getContainingFrame(element);
+    if (containingFrame) {
+      const [fx1, fy1, fx2, fy2] = getElementBounds(containingFrame);
+
+      elementX1 = Math.max(fx1, elementX1);
+      elementY1 = Math.max(fy1, elementY1);
+      elementX2 = Math.min(fx2, elementX2);
+      elementY2 = Math.min(fy2, elementY2);
+    }
+
     return (
       element.locked === false &&
       element.type !== "selection" &&
@@ -26,6 +70,22 @@ export const getElementsWithinSelection = (
       selectionY2 >= elementY2
     );
   });
+
+  elementsInSelection = excludeElementsInFrames
+    ? excludeElementsInFramesFromSelection(elementsInSelection)
+    : elementsInSelection;
+
+  elementsInSelection = elementsInSelection.filter((element) => {
+    const containingFrame = getContainingFrame(element);
+
+    if (containingFrame) {
+      return elementOverlapsWithFrame(element, containingFrame);
+    }
+
+    return true;
+  });
+
+  return elementsInSelection;
 };
 
 export const isSomeElementSelected = (
@@ -56,14 +116,17 @@ export const getCommonAttributeOfSelectedElements = <T>(
 export const getSelectedElements = (
   elements: readonly NonDeletedExcalidrawElement[],
   appState: Pick<AppState, "selectedElementIds">,
-  includeBoundTextElement: boolean = false,
-) =>
-  elements.filter((element) => {
+  opts?: {
+    includeBoundTextElement?: boolean;
+    includeElementsInFrames?: boolean;
+  },
+) => {
+  const selectedElements = elements.filter((element) => {
     if (appState.selectedElementIds[element.id]) {
       return element;
     }
     if (
-      includeBoundTextElement &&
+      opts?.includeBoundTextElement &&
       isBoundToContainer(element) &&
       appState.selectedElementIds[element?.containerId]
     ) {
@@ -72,10 +135,29 @@ export const getSelectedElements = (
     return null;
   });
 
+  if (opts?.includeElementsInFrames) {
+    const elementsToInclude: ExcalidrawElement[] = [];
+    selectedElements.forEach((element) => {
+      if (element.type === "frame") {
+        getFrameElements(elements, element.id).forEach((e) =>
+          elementsToInclude.push(e),
+        );
+      }
+      elementsToInclude.push(element);
+    });
+
+    return elementsToInclude;
+  }
+
+  return selectedElements;
+};
+
 export const getTargetElements = (
   elements: readonly NonDeletedExcalidrawElement[],
   appState: Pick<AppState, "selectedElementIds" | "editingElement">,
 ) =>
   appState.editingElement
     ? [appState.editingElement]
-    : getSelectedElements(elements, appState, true);
+    : getSelectedElements(elements, appState, {
+        includeBoundTextElement: true,
+      });
diff --git a/src/shapes.tsx b/src/shapes.tsx
index a8b9b5301..bb827995b 100644
--- a/src/shapes.tsx
+++ b/src/shapes.tsx
@@ -83,6 +83,14 @@ export const SHAPES = [
     numericKey: KEYS["0"],
     fillable: false,
   },
+  // TODO: frame, create icon and set up numeric key
+  // {
+  //   icon: RectangleIcon,
+  //   value: "frame",
+  //   key: KEYS.F,
+  //   numericKey: KEYS.SUBTRACT,
+  //   fillable: false,
+  // },
 ] as const;
 
 export const findShapeByKey = (key: string) => {
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 6103c2f51..e2ed78b37 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -41,6 +41,24 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.selectAllElementsInFrame",
+        "name": "selectAllElementsInFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.removeAllElementsFromFrame",
+        "name": "removeAllElementsFromFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "history",
+        },
+      },
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
@@ -247,6 +265,7 @@ Object {
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -285,14 +304,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -324,12 +346,14 @@ Object {
     "id0": true,
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "g1": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -353,6 +377,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
+  "frameId": null,
   "groupIds": Array [
     "g1",
   ],
@@ -386,6 +411,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
+  "frameId": null,
   "groupIds": Array [
     "g1",
   ],
@@ -465,14 +491,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -503,10 +532,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -532,6 +563,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -590,6 +622,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -651,14 +684,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -689,10 +725,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -716,6 +754,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -747,6 +786,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -805,6 +845,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -847,6 +888,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -875,6 +917,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -917,6 +960,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -945,6 +989,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1006,14 +1051,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -1044,10 +1092,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1071,6 +1121,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -1102,6 +1153,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -1160,6 +1212,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1202,6 +1255,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1230,6 +1284,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -1272,6 +1327,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -1300,6 +1356,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1361,14 +1418,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -1399,10 +1459,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1428,6 +1490,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -1486,6 +1549,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1547,14 +1611,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -1583,10 +1650,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1610,6 +1679,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -1668,6 +1738,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1708,6 +1779,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1769,14 +1841,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -1807,10 +1882,12 @@ Object {
   "selectedElementIds": Object {
     "id0_copy": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1834,6 +1911,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -1865,6 +1943,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0_copy",
@@ -1923,6 +2002,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1965,6 +2045,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -1993,6 +2074,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0_copy",
@@ -2054,14 +2136,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -2096,12 +2181,14 @@ Object {
     "id1": true,
     "id2": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id3": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2125,6 +2212,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id3",
   ],
@@ -2158,6 +2246,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id3",
   ],
@@ -2218,6 +2307,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2260,6 +2350,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2288,6 +2379,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -2334,6 +2426,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -2364,6 +2457,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -2427,14 +2521,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -2465,10 +2562,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2494,6 +2593,7 @@ Object {
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -2525,6 +2625,7 @@ Object {
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -2583,6 +2684,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2625,6 +2727,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2653,6 +2756,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -2695,6 +2799,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2723,6 +2828,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -2765,6 +2871,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2793,6 +2900,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -2835,6 +2943,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2863,6 +2972,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -2905,6 +3015,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -2933,6 +3044,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -2975,6 +3087,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3003,6 +3116,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3045,6 +3159,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3073,6 +3188,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3115,6 +3231,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3143,6 +3260,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3185,6 +3303,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3213,6 +3332,7 @@ Object {
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3274,14 +3394,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -3312,10 +3435,12 @@ Object {
   "selectedElementIds": Object {
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3339,6 +3464,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -3370,6 +3496,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -3428,6 +3555,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3470,6 +3598,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3498,6 +3627,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3540,6 +3670,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3568,6 +3699,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3629,14 +3761,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -3667,10 +3802,12 @@ Object {
   "selectedElementIds": Object {
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3694,6 +3831,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -3725,6 +3863,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -3783,6 +3922,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3825,6 +3965,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3853,6 +3994,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3895,6 +4037,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -3923,6 +4066,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -3984,14 +4128,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -4026,10 +4173,12 @@ Object {
     "id1": true,
     "id2": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4053,6 +4202,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -4084,6 +4234,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -4142,6 +4293,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -4184,6 +4336,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -4212,6 +4365,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -4258,6 +4412,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -4288,6 +4443,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -4334,6 +4490,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
@@ -4362,6 +4519,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -4436,6 +4594,24 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.selectAllElementsInFrame",
+        "name": "selectAllElementsInFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.removeAllElementsFromFrame",
+        "name": "removeAllElementsFromFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "history",
+        },
+      },
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
@@ -4642,6 +4818,7 @@ Object {
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -4680,14 +4857,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -4724,10 +4904,12 @@ Object {
     "id2": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4751,6 +4933,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -4782,6 +4965,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -4840,6 +5024,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4882,6 +5067,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4910,6 +5096,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -4984,6 +5171,24 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.selectAllElementsInFrame",
+        "name": "selectAllElementsInFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.removeAllElementsFromFrame",
+        "name": "removeAllElementsFromFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "history",
+        },
+      },
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
@@ -5190,6 +5395,7 @@ Object {
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -5228,14 +5434,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -5272,12 +5481,14 @@ Object {
     "id2": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id4": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5301,6 +5512,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -5334,6 +5546,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -5394,6 +5607,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5436,6 +5650,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5464,6 +5679,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -5511,6 +5727,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -5541,6 +5758,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -5719,14 +5937,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -5755,10 +5976,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5841,6 +6064,24 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.selectAllElementsInFrame",
+        "name": "selectAllElementsInFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.removeAllElementsFromFrame",
+        "name": "removeAllElementsFromFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "history",
+        },
+      },
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
@@ -6047,6 +6288,7 @@ Object {
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6085,14 +6327,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -6123,10 +6368,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6185,6 +6432,24 @@ Object {
           "category": "element",
         },
       },
+      Object {
+        "contextItemLabel": "labels.selectAllElementsInFrame",
+        "name": "selectAllElementsInFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "canvas",
+        },
+      },
+      Object {
+        "contextItemLabel": "labels.removeAllElementsFromFrame",
+        "name": "removeAllElementsFromFrame",
+        "perform": [Function],
+        "predicate": [Function],
+        "trackEvent": Object {
+          "category": "history",
+        },
+      },
       "separator",
       Object {
         "contextItemLabel": "labels.copyAsPng",
@@ -6391,6 +6656,7 @@ Object {
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
+        "predicate": [Function],
         "trackEvent": Object {
           "category": "element",
         },
@@ -6429,14 +6695,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
   "isBindingEnabled": true,
@@ -6467,10 +6736,12 @@ Object {
   "selectedElementIds": Object {
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6494,6 +6765,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id0",
@@ -6525,6 +6797,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 200,
   "id": "id0",
@@ -6556,6 +6829,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 200,
   "id": "id1",
@@ -6614,6 +6888,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id0",
diff --git a/src/tests/__snapshots__/dragCreate.test.tsx.snap b/src/tests/__snapshots__/dragCreate.test.tsx.snap
index 4508fd3c7..b8d95d221 100644
--- a/src/tests/__snapshots__/dragCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/dragCreate.test.tsx.snap
@@ -10,6 +10,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -56,6 +57,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -89,6 +91,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -122,6 +125,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -168,6 +172,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
diff --git a/src/tests/__snapshots__/export.test.tsx.snap b/src/tests/__snapshots__/export.test.tsx.snap
index f292d199a..5f860150e 100644
--- a/src/tests/__snapshots__/export.test.tsx.snap
+++ b/src/tests/__snapshots__/export.test.tsx.snap
@@ -15,6 +15,7 @@ exports[`export exporting svg containing transformed images: svg export output 1
         src: url(\\"https://excalidraw.com/Cascadia.woff2\\");
       }
     </style>
+    
   </defs>
-  <g transform=\\"translate(30.710678118654755 30.710678118654755) rotate(315 50 50)\\"><use href=\\"#image-file_A\\" width=\\"100\\" height=\\"100\\"></use></g><g transform=\\"translate(130.71067811865476 30.710678118654755) rotate(45 25 25)\\"><use href=\\"#image-file_A\\" width=\\"50\\" height=\\"50\\" transform=\\"scale(-1, 1) translate(-50 0)\\"></use></g><g transform=\\"translate(30.710678118654755 130.71067811865476) rotate(45 50 50)\\"><use href=\\"#image-file_A\\" width=\\"100\\" height=\\"100\\" transform=\\"scale(1, -1) translate(0 -100)\\"></use></g><g transform=\\"translate(130.71067811865476 130.71067811865476) rotate(315 25 25)\\"><use href=\\"#image-file_A\\" width=\\"50\\" height=\\"50\\" transform=\\"scale(-1, -1) translate(-50 -50)\\"></use></g></svg>"
+  <g transform=\\"translate(30.710678118654755 30.710678118654755) rotate(315 50 50)\\"><use href=\\"#image-file_A\\" width=\\"100\\" height=\\"100\\" opacity=\\"1\\"></use></g><g transform=\\"translate(130.71067811865476 30.710678118654755) rotate(45 25 25)\\"><use href=\\"#image-file_A\\" width=\\"50\\" height=\\"50\\" opacity=\\"1\\" transform=\\"scale(-1, 1) translate(-50 0)\\"></use></g><g transform=\\"translate(30.710678118654755 130.71067811865476) rotate(45 50 50)\\"><use href=\\"#image-file_A\\" width=\\"100\\" height=\\"100\\" opacity=\\"1\\" transform=\\"scale(1, -1) translate(0 -100)\\"></use></g><g transform=\\"translate(130.71067811865476 130.71067811865476) rotate(315 25 25)\\"><use href=\\"#image-file_A\\" width=\\"50\\" height=\\"50\\" opacity=\\"1\\" transform=\\"scale(-1, -1) translate(-50 -50)\\"></use></g></svg>"
 `;
diff --git a/src/tests/__snapshots__/move.test.tsx.snap b/src/tests/__snapshots__/move.test.tsx.snap
index b214243c5..5084d1508 100644
--- a/src/tests/__snapshots__/move.test.tsx.snap
+++ b/src/tests/__snapshots__/move.test.tsx.snap
@@ -6,6 +6,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0_copy",
@@ -37,6 +38,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -68,6 +70,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -104,6 +107,7 @@ Object {
     },
   ],
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id0",
@@ -140,6 +144,7 @@ Object {
     },
   ],
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 300,
   "id": "id1",
@@ -177,6 +182,7 @@ Object {
     "gap": 10,
   },
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 81.48231043525051,
   "id": "id2",
diff --git a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
index a1ce56362..0a6ae0cc8 100644
--- a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
@@ -8,6 +8,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 110,
   "id": "id0",
@@ -61,6 +62,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 110,
   "id": "id0",
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 931a2db5a..588dff76f 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -28,14 +28,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -75,12 +78,14 @@ Object {
     "id2": true,
     "id7": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id5": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -104,6 +109,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -135,6 +141,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id5",
   ],
@@ -168,6 +175,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id5",
   ],
@@ -228,6 +236,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -270,6 +279,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -298,6 +308,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -340,6 +351,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -368,6 +380,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -396,6 +409,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -443,6 +457,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -471,6 +486,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
           ],
@@ -501,6 +517,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
           ],
@@ -564,14 +581,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -613,6 +633,7 @@ Object {
     "id5": true,
     "id6": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id0": true,
     "id1": true,
@@ -624,6 +645,7 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -647,6 +669,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id1",
@@ -678,6 +701,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -711,6 +735,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -771,6 +796,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id0",
@@ -813,6 +839,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id0",
@@ -841,6 +868,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -883,6 +911,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id0",
@@ -911,6 +940,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -939,6 +969,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id2",
@@ -985,6 +1016,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -1013,6 +1045,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1043,6 +1076,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1106,14 +1140,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": "id10",
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": false,
@@ -1145,10 +1182,12 @@ Object {
     "id12": true,
     "id7": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1172,6 +1211,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
     "id10",
@@ -1206,6 +1246,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
     "id10",
@@ -1240,6 +1281,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id10",
   ],
@@ -1300,6 +1342,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -1342,6 +1385,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -1370,6 +1414,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -1417,6 +1462,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1447,6 +1493,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1492,6 +1539,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1522,6 +1570,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1566,6 +1615,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1596,6 +1646,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -1626,6 +1677,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id7",
@@ -1674,6 +1726,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -1705,6 +1758,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -1736,6 +1790,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id10",
           ],
@@ -1781,6 +1836,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -1812,6 +1868,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -1843,6 +1900,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id10",
           ],
@@ -1888,6 +1946,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -1919,6 +1978,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -1950,6 +2010,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id10",
           ],
@@ -2013,14 +2074,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -2054,10 +2118,12 @@ Object {
     "id0": true,
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2081,6 +2147,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -2139,6 +2206,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -2182,6 +2250,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -2243,14 +2312,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -2287,12 +2359,14 @@ Object {
     "id3": true,
     "id4": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id5": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2316,6 +2390,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -2347,6 +2422,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id5",
   ],
@@ -2380,6 +2456,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id5",
   ],
@@ -2440,6 +2517,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -2482,6 +2560,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -2510,6 +2589,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -2552,6 +2632,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -2580,6 +2661,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -2608,6 +2690,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -2655,6 +2738,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -2683,6 +2767,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
           ],
@@ -2713,6 +2798,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
           ],
@@ -2776,14 +2862,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -2817,10 +2906,12 @@ Object {
     "id0": true,
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2844,6 +2935,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0_copy",
@@ -2875,6 +2967,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -2933,6 +3026,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -2976,6 +3070,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0_copy",
@@ -3004,6 +3099,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -3065,14 +3161,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -3103,10 +3202,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3130,6 +3231,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -3188,6 +3290,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -3249,14 +3352,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -3290,10 +3396,12 @@ Object {
     "id1": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3317,6 +3425,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 200,
   "id": "id0",
@@ -3348,6 +3457,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 200,
   "id": "id1",
@@ -3379,6 +3489,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 350,
   "id": "id2",
@@ -3437,6 +3548,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id0",
@@ -3479,6 +3591,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id0",
@@ -3507,6 +3620,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id1",
@@ -3549,6 +3663,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id0",
@@ -3577,6 +3692,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id1",
@@ -3605,6 +3721,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 350,
           "id": "id2",
@@ -3648,6 +3765,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id0",
@@ -3676,6 +3794,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 200,
           "id": "id1",
@@ -3704,6 +3823,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 350,
           "id": "id2",
@@ -3765,14 +3885,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -3803,10 +3926,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3830,6 +3955,7 @@ Object {
   "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -3888,6 +4014,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -3930,6 +4057,7 @@ Object {
           "backgroundColor": "#ffec99",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -3972,6 +4100,7 @@ Object {
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4014,6 +4143,7 @@ Object {
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4075,14 +4205,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -4116,10 +4249,12 @@ Object {
     "id0": true,
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4143,6 +4278,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -4201,6 +4337,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4244,6 +4381,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4305,14 +4443,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -4348,10 +4489,12 @@ Object {
     "id1": true,
     "id2": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4375,6 +4518,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -4433,6 +4577,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4476,6 +4621,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4520,6 +4666,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4581,14 +4728,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -4622,10 +4772,12 @@ Object {
     "id0": true,
     "id2": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4649,6 +4801,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -4680,6 +4833,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -4738,6 +4892,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4780,6 +4935,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -4808,6 +4964,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -4869,14 +5026,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -4911,10 +5071,12 @@ Object {
     "id1": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4938,6 +5100,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -4969,6 +5132,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -5000,6 +5164,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id2",
@@ -5058,6 +5223,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5100,6 +5266,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5128,6 +5295,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -5170,6 +5338,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5198,6 +5367,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -5226,6 +5396,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -5290,6 +5461,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id3",
@@ -5314,14 +5486,17 @@ Object {
     "y": 500,
   },
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -5354,6 +5529,7 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": Object {
@@ -5361,6 +5537,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id3",
@@ -5385,6 +5562,7 @@ Object {
     "y": 500,
   },
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5408,6 +5586,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -5439,6 +5618,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -5497,6 +5677,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5539,6 +5720,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5567,6 +5749,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -5631,6 +5814,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id3",
@@ -5655,14 +5839,17 @@ Object {
     "y": 50,
   },
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -5695,10 +5882,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5722,6 +5911,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -5753,6 +5943,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -5811,6 +6002,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5853,6 +6045,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -5881,6 +6074,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -5945,6 +6139,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id1",
@@ -5969,14 +6164,17 @@ Object {
     "y": 110,
   },
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -6007,6 +6205,7 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": Object {
@@ -6014,6 +6213,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id1",
@@ -6038,6 +6238,7 @@ Object {
     "y": 110,
   },
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6061,6 +6262,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -6119,6 +6321,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -6180,14 +6383,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -6220,10 +6426,12 @@ Object {
   "selectedElementIds": Object {
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6247,6 +6455,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id0",
@@ -6305,6 +6514,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id0",
@@ -6366,14 +6576,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": "id3",
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -6404,10 +6617,12 @@ Object {
   "selectedElementIds": Object {
     "id2": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6431,6 +6646,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id3",
   ],
@@ -6464,6 +6680,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id3",
   ],
@@ -6497,6 +6714,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id3",
   ],
@@ -6557,6 +6775,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -6599,6 +6818,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -6627,6 +6847,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -6669,6 +6890,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -6697,6 +6919,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -6725,6 +6948,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -6771,6 +6995,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -6801,6 +7026,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -6831,6 +7057,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -6894,14 +7121,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -6939,10 +7169,12 @@ Object {
     "id2": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6966,6 +7198,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -6997,6 +7230,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -7055,6 +7289,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7097,6 +7332,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7125,6 +7361,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -7170,6 +7407,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7198,6 +7436,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -7259,14 +7498,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -7297,10 +7539,12 @@ Object {
   "selectedElementIds": Object {
     "id7": false,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -7324,6 +7568,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -7355,6 +7600,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -7386,6 +7632,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id2",
@@ -7419,6 +7666,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id3",
@@ -7465,6 +7713,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id4",
@@ -7511,6 +7760,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id5",
@@ -7564,6 +7814,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id6",
@@ -7615,6 +7866,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id7",
@@ -7695,6 +7947,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7737,6 +7990,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7765,6 +8019,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -7807,6 +8062,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7835,6 +8091,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -7863,6 +8120,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -7905,6 +8163,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -7933,6 +8192,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -7961,6 +8221,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -7991,6 +8252,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -8046,6 +8308,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -8074,6 +8337,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -8102,6 +8366,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -8132,6 +8397,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -8175,6 +8441,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id4",
@@ -8230,6 +8497,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -8258,6 +8526,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -8286,6 +8555,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -8316,6 +8586,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -8359,6 +8630,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id4",
@@ -8402,6 +8674,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id5",
@@ -8460,6 +8733,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -8488,6 +8762,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -8516,6 +8791,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -8546,6 +8822,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -8589,6 +8866,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id4",
@@ -8632,6 +8910,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id5",
@@ -8694,6 +8973,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -8722,6 +9002,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -8750,6 +9031,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -8780,6 +9062,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -8823,6 +9106,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id4",
@@ -8866,6 +9150,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id5",
@@ -8916,6 +9201,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id6",
@@ -8974,6 +9260,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -9002,6 +9289,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -9030,6 +9318,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -9060,6 +9349,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -9103,6 +9393,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id4",
@@ -9146,6 +9437,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id5",
@@ -9196,6 +9488,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id6",
@@ -9258,6 +9551,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -9286,6 +9580,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -9314,6 +9609,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -9344,6 +9640,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id3",
@@ -9387,6 +9684,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id4",
@@ -9430,6 +9728,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id5",
@@ -9480,6 +9779,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id6",
@@ -9528,6 +9828,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id7",
@@ -9611,14 +9912,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -9654,10 +9958,12 @@ Object {
     "id1": true,
     "id4": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -9681,6 +9987,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -9712,6 +10019,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id1",
@@ -9743,6 +10051,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id2",
@@ -9801,6 +10110,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -9843,6 +10153,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -9871,6 +10182,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -9913,6 +10225,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -9941,6 +10254,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -9969,6 +10283,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id2",
@@ -10030,14 +10345,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -10074,10 +10392,12 @@ Object {
     "id2": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10101,6 +10421,7 @@ Object {
   "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 1000,
   "id": "id0",
@@ -10132,6 +10453,7 @@ Object {
   "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 1000,
   "id": "id1",
@@ -10190,6 +10512,7 @@ Object {
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 1000,
           "id": "id0",
@@ -10232,6 +10555,7 @@ Object {
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 1000,
           "id": "id0",
@@ -10260,6 +10584,7 @@ Object {
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 1000,
           "id": "id1",
@@ -10321,14 +10646,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -10363,10 +10691,12 @@ Object {
     "id1": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10390,6 +10720,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 1000,
   "id": "id0",
@@ -10421,6 +10752,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 500,
   "id": "id1",
@@ -10480,6 +10812,7 @@ Object {
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 1000,
           "id": "id0",
@@ -10508,6 +10841,7 @@ Object {
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 500,
           "id": "id1",
@@ -10569,14 +10903,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -10612,10 +10949,12 @@ Object {
     "id2": true,
     "id3": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10639,6 +10978,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 1000,
   "id": "id0",
@@ -10670,6 +11010,7 @@ Object {
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 500,
   "id": "id1",
@@ -10729,6 +11070,7 @@ Object {
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 1000,
           "id": "id0",
@@ -10757,6 +11099,7 @@ Object {
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 500,
           "id": "id1",
@@ -10801,6 +11144,7 @@ Object {
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 1000,
           "id": "id0",
@@ -10829,6 +11173,7 @@ Object {
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 500,
           "id": "id1",
@@ -10890,14 +11235,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -10928,10 +11276,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10955,6 +11305,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -11013,6 +11364,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -11074,14 +11426,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -11112,10 +11467,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11139,6 +11496,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -11197,6 +11555,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -11258,14 +11617,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -11296,10 +11658,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11323,6 +11687,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -11381,6 +11746,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -11442,14 +11808,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -11480,6 +11849,7 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
@@ -11507,6 +11877,7 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11532,6 +11903,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -11605,6 +11977,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -11679,14 +12052,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -11717,6 +12093,7 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
@@ -11744,6 +12121,7 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11769,6 +12147,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -11842,6 +12221,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -11916,14 +12296,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -11954,10 +12337,12 @@ Object {
   "selectedElementIds": Object {
     "id0": false,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11981,6 +12366,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -12061,6 +12447,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -12144,14 +12531,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -12182,6 +12572,7 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
@@ -12209,6 +12600,7 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12234,6 +12626,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -12307,6 +12700,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -12381,14 +12775,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -12419,10 +12816,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12446,6 +12845,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -12504,6 +12904,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -12565,14 +12966,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -12603,6 +13007,7 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
@@ -12630,6 +13035,7 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12655,6 +13061,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -12728,6 +13135,7 @@ Object {
           "endArrowhead": null,
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -12802,14 +13210,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -12840,10 +13251,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12867,6 +13280,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -12925,6 +13339,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -12986,14 +13401,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -13024,10 +13442,12 @@ Object {
   "selectedElementIds": Object {
     "id0": false,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13051,6 +13471,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -13131,6 +13552,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -13214,14 +13636,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -13252,10 +13677,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13279,6 +13706,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -13337,6 +13765,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -13398,14 +13827,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -13445,12 +13877,14 @@ Object {
     "id3": true,
     "id5": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id4": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13474,6 +13908,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4_copy",
   ],
@@ -13507,6 +13942,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4_copy",
   ],
@@ -13540,6 +13976,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4_copy",
   ],
@@ -13573,6 +14010,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -13606,6 +14044,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -13639,6 +14078,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
   ],
@@ -13699,6 +14139,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -13741,6 +14182,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -13769,6 +14211,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -13811,6 +14254,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -13839,6 +14283,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -13867,6 +14312,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -13914,6 +14360,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -13944,6 +14391,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -13974,6 +14422,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -14024,6 +14473,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4_copy",
           ],
@@ -14054,6 +14504,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4_copy",
           ],
@@ -14084,6 +14535,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4_copy",
           ],
@@ -14114,6 +14566,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -14144,6 +14597,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -14174,6 +14628,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -14237,14 +14692,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -14279,10 +14737,12 @@ Object {
     "id1": true,
     "id4": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -14306,6 +14766,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -14337,6 +14798,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -14395,6 +14857,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -14437,6 +14900,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -14465,6 +14929,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -14526,14 +14991,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -14564,10 +15032,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -14637,14 +15107,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -14673,10 +15146,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -14746,14 +15221,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -14787,10 +15265,12 @@ Object {
     "id0": false,
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -14814,6 +15294,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -14872,6 +15353,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -14933,14 +15415,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -14980,10 +15465,12 @@ Object {
     "id3": true,
     "id4": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15007,6 +15494,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -15038,6 +15526,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -15096,6 +15585,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15138,6 +15628,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15166,6 +15657,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -15212,6 +15704,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15240,6 +15733,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -15301,14 +15795,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -15347,10 +15844,12 @@ Object {
     "id2": true,
     "id5": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15374,6 +15873,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -15405,6 +15905,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -15436,6 +15937,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id2",
@@ -15494,6 +15996,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15536,6 +16039,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15564,6 +16068,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -15606,6 +16111,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15634,6 +16140,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -15662,6 +16169,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -15709,6 +16217,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -15739,6 +16248,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -15769,6 +16279,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -15816,6 +16327,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -15844,6 +16356,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -15872,6 +16385,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -15933,14 +16447,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -15972,10 +16489,12 @@ Object {
     "id0": true,
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15999,6 +16518,7 @@ Object {
   "backgroundColor": "#ffc9c9",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -16057,6 +16577,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -16099,6 +16620,7 @@ Object {
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -16160,14 +16682,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -16207,12 +16732,14 @@ Object {
     "id5": true,
     "id6": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id10": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -16236,6 +16763,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
     "id10",
@@ -16270,6 +16798,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id4",
     "id10",
@@ -16304,6 +16833,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id9",
     "id10",
@@ -16338,6 +16868,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id9",
     "id10",
@@ -16399,6 +16930,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -16441,6 +16973,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -16469,6 +17002,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -16516,6 +17050,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16546,6 +17081,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16590,6 +17126,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16620,6 +17157,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16650,6 +17188,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id5",
@@ -16692,6 +17231,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16722,6 +17262,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16752,6 +17293,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id5",
@@ -16780,6 +17322,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id6",
@@ -16827,6 +17370,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16857,6 +17401,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
           ],
@@ -16887,6 +17432,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id9",
           ],
@@ -16917,6 +17463,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id9",
           ],
@@ -16966,6 +17513,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -16997,6 +17545,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id4",
             "id10",
@@ -17028,6 +17577,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id9",
             "id10",
@@ -17059,6 +17609,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id9",
             "id10",
@@ -17123,14 +17674,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -17159,10 +17713,12 @@ Object {
   "scrollY": 60,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -17232,14 +17788,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": "id3",
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -17272,10 +17831,12 @@ Object {
   "selectedElementIds": Object {
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -17299,6 +17860,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id3",
   ],
@@ -17332,6 +17894,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id5",
     "id3",
@@ -17366,6 +17929,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [
     "id5",
     "id3",
@@ -17427,6 +17991,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 50,
           "id": "id0",
@@ -17469,6 +18034,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 50,
           "id": "id0",
@@ -17497,6 +18063,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 50,
           "id": "id1",
@@ -17539,6 +18106,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 50,
           "id": "id0",
@@ -17567,6 +18135,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 50,
           "id": "id1",
@@ -17595,6 +18164,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 50,
           "id": "id2",
@@ -17641,6 +18211,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17671,6 +18242,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17701,6 +18273,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17747,6 +18320,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17777,6 +18351,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17807,6 +18382,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17855,6 +18431,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17885,6 +18462,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
             "id3",
@@ -17916,6 +18494,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
             "id3",
@@ -17966,6 +18545,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id3",
           ],
@@ -17996,6 +18576,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
             "id3",
@@ -18027,6 +18608,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [
             "id5",
             "id3",
@@ -18094,6 +18676,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id4",
@@ -18118,14 +18701,17 @@ Object {
     "y": 0,
   },
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -18160,6 +18746,7 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": Object {
@@ -18167,6 +18754,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id4",
@@ -18191,6 +18779,7 @@ Object {
     "y": 0,
   },
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -18214,6 +18803,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -18245,6 +18835,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id1",
@@ -18276,6 +18867,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id2",
@@ -18334,6 +18926,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -18376,6 +18969,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -18404,6 +18998,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -18446,6 +19041,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -18474,6 +19070,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id1",
@@ -18502,6 +19099,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 100,
           "id": "id2",
@@ -18566,6 +19164,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id2",
@@ -18590,14 +19189,17 @@ Object {
     "y": 0,
   },
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -18630,6 +19232,7 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": Object {
@@ -18637,6 +19240,7 @@ Object {
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
+    "frameId": null,
     "groupIds": Array [],
     "height": 0,
     "id": "id2",
@@ -18661,6 +19265,7 @@ Object {
     "y": 0,
   },
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -18684,6 +19289,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -18715,6 +19321,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id1",
@@ -18773,6 +19380,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -18815,6 +19423,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -18843,6 +19452,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id1",
@@ -18904,14 +19514,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -18942,10 +19555,12 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -19015,14 +19630,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -19053,10 +19671,12 @@ Object {
   "selectedElementIds": Object {
     "id1": true,
   },
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -19080,6 +19700,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id0",
@@ -19111,6 +19732,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 20,
   "id": "id1",
@@ -19144,6 +19766,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 10,
   "id": "id2",
@@ -19206,6 +19829,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -19234,6 +19858,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -19264,6 +19889,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id2",
@@ -19326,6 +19952,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -19354,6 +19981,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -19384,6 +20012,7 @@ Object {
           "endArrowhead": "arrow",
           "endBinding": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id2",
@@ -19455,6 +20084,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -19497,6 +20127,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 10,
           "id": "id0",
@@ -19525,6 +20156,7 @@ Object {
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
+          "frameId": null,
           "groupIds": Array [],
           "height": 20,
           "id": "id1",
@@ -19586,14 +20218,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -19622,10 +20257,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -19695,14 +20332,17 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
   "isBindingEnabled": true,
@@ -19731,10 +20371,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
diff --git a/src/tests/__snapshots__/selection.test.tsx.snap b/src/tests/__snapshots__/selection.test.tsx.snap
index 61c4dc97a..fff176a63 100644
--- a/src/tests/__snapshots__/selection.test.tsx.snap
+++ b/src/tests/__snapshots__/selection.test.tsx.snap
@@ -8,6 +8,7 @@ Object {
   "endArrowhead": "arrow",
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -54,6 +55,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -98,6 +100,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -129,6 +132,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
@@ -160,6 +164,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 50,
   "id": "id0",
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index cfb57ecb2..bb2303bc3 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -8,6 +8,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id-arrow01",
@@ -52,6 +53,7 @@ Object {
   "backgroundColor": "blue",
   "boundElements": Array [],
   "fillStyle": "cross-hatch",
+  "frameId": null,
   "groupIds": Array [
     "1",
     "2",
@@ -87,6 +89,7 @@ Object {
   "backgroundColor": "blue",
   "boundElements": Array [],
   "fillStyle": "cross-hatch",
+  "frameId": null,
   "groupIds": Array [
     "1",
     "2",
@@ -122,6 +125,7 @@ Object {
   "backgroundColor": "blue",
   "boundElements": Array [],
   "fillStyle": "cross-hatch",
+  "frameId": null,
   "groupIds": Array [
     "1",
     "2",
@@ -157,6 +161,7 @@ Object {
   "backgroundColor": "transparent",
   "boundElements": Array [],
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 0,
   "id": "id-freedraw01",
@@ -194,6 +199,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id-line01",
@@ -240,6 +246,7 @@ Object {
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id-draw01",
@@ -288,6 +295,7 @@ Object {
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 14,
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id-text01",
@@ -328,6 +336,7 @@ Object {
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 10,
+  "frameId": null,
   "groupIds": Array [],
   "height": 100,
   "id": "id-text01",
diff --git a/src/tests/fixtures/elementFixture.ts b/src/tests/fixtures/elementFixture.ts
index e9db64891..fb4d559fe 100644
--- a/src/tests/fixtures/elementFixture.ts
+++ b/src/tests/fixtures/elementFixture.ts
@@ -15,6 +15,7 @@ const elementBase: Omit<ExcalidrawElement, "type"> = {
   roughness: 1,
   opacity: 100,
   groupIds: [],
+  frameId: null,
   roundness: null,
   seed: 1041657908,
   version: 120,
diff --git a/src/tests/helpers/api.ts b/src/tests/helpers/api.ts
index 705180d6a..7bba8bdd3 100644
--- a/src/tests/helpers/api.ts
+++ b/src/tests/helpers/api.ts
@@ -37,8 +37,12 @@ export class API {
 
   static getSelectedElements = (
     includeBoundTextElement: boolean = false,
+    includeElementsInFrames: boolean = false,
   ): ExcalidrawElement[] => {
-    return getSelectedElements(h.elements, h.state, includeBoundTextElement);
+    return getSelectedElements(h.elements, h.state, {
+      includeBoundTextElement,
+      includeElementsInFrames,
+    });
   };
 
   static getSelectedElement = (): ExcalidrawElement => {
@@ -141,6 +145,7 @@ export class API {
       | "versionNonce"
       | "isDeleted"
       | "groupIds"
+      | "frameId"
       | "link"
       | "updated"
     > = {
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index 98303fb75..b0fd58fca 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -28,8 +28,10 @@ Object {
   "defaultSidebarDockedPreference": false,
   "draggingElement": null,
   "editingElement": null,
+  "editingFrame": null,
   "editingGroupId": null,
   "editingLinearElement": null,
+  "elementsToHighlight": null,
   "errorMessage": null,
   "exportBackground": true,
   "exportEmbedScene": false,
@@ -37,6 +39,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameToHighlight": null,
   "gridSize": null,
   "isBindingEnabled": true,
   "isLoading": false,
@@ -62,10 +65,12 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {},
+  "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
+  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": false,
diff --git a/src/tests/queries/toolQueries.ts b/src/tests/queries/toolQueries.ts
index bc1e4928d..c20e0d309 100644
--- a/src/tests/queries/toolQueries.ts
+++ b/src/tests/queries/toolQueries.ts
@@ -11,6 +11,7 @@ const toolMap = {
   freedraw: "freedraw",
   text: "text",
   eraser: "eraser",
+  frame: "frame",
 };
 
 export type ToolName = keyof typeof toolMap;
diff --git a/src/tests/scene/__snapshots__/export.test.ts.snap b/src/tests/scene/__snapshots__/export.test.ts.snap
index 8015ebc4c..9f706ca01 100644
--- a/src/tests/scene/__snapshots__/export.test.ts.snap
+++ b/src/tests/scene/__snapshots__/export.test.ts.snap
@@ -32,6 +32,7 @@ exports[`exportToSvg with default arguments 1`] = `
     
     </style>
     
+    
   
   </defs>
   
@@ -88,6 +89,7 @@ exports[`exportToSvg with elements that have a link 1`] = `
         src: url(\\"https://excalidraw.com/Cascadia.woff2\\");
       }
     </style>
+    
   </defs>
   <a href=\\"excalidraw.com\\"><g stroke-linecap=\\"round\\" transform=\\"translate(10 10) rotate(0 107 107)\\"><path d=\\"M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-0.81 6.83 C1.42 4.82, 3.76 1.52, 5.21 0.19 M-0.15 6.66 C1.8 4.06, 3.47 2.78, 5.22 0.73 M-0.29 10.96 C2.44 8.61, 6.86 4.4, 10.93 -0.91 M0.52 11.4 C3.45 8.64, 6.67 5.66, 10.55 0.52 M-0.73 16.51 C7.35 10.86, 13.5 3, 17.44 0.95 M0.2 18.45 C5.73 11.79, 11.18 5.08, 16.02 -0.18 M0.75 25.53 C5.82 17, 10.04 11.07, 20.53 0.11 M0.63 24.62 C6.15 16.7, 12.35 9.33, 21.67 -0.92 M-0.46 31.29 C10.67 19.56, 20.95 6.14, 26.3 0.97 M0.19 30.33 C6.15 22.94, 12.8 16.86, 26.48 0.56 M0.06 38.68 C9.21 29.05, 14.84 21.35, 32.64 0.53 M0.13 37.62 C11.7 22.94, 22.8 8.94, 31.86 0.17 M1.97 42.03 C14.26 29.52, 23.97 12.83, 36.26 1.93 M0.5 42.42 C7.49 34.15, 14.87 25.57, 36.32 -0.12 M-1.55 47.05 C9.52 36.22, 20.47 27.66, 42.25 0.23 M0.07 48.87 C15.17 30.66, 32.72 11.39, 42.55 -0.3 M1 53.34 C15.85 39.16, 30.2 22.36, 47.03 0.12 M0.83 54.24 C13.32 41.61, 24.32 26.03, 48.09 -0.05 M-1.51 60.18 C18.44 42.68, 33.89 21.16, 51.91 1.7 M0.58 61.04 C19.82 38.42, 41.63 15.34, 52.4 -0.74 M-2 68.97 C17.08 50.31, 33.78 31.07, 58 -1.79 M-0.57 67.89 C12.79 53.01, 23.57 38.56, 57.54 0.78 M-0.94 73.26 C17.3 51.99, 37.15 29.16, 63.79 1.79 M-0.34 73.88 C13.12 57.81, 25.23 44.29, 63.24 0.24 M-0.02 80.75 C25.47 53.17, 50.04 23.22, 68.13 1.24 M-0.31 79 C13.15 62.83, 27.89 46.91, 69.58 0.16 M-1.36 83.81 C22.43 62.66, 42.64 36.29, 75.7 -0.26 M0.49 84.94 C20.19 61.39, 38.84 39.35, 74.08 -0.14 M-0.44 93.19 C29.84 56.59, 58.57 21.34, 80.05 0.63 M0.23 91.29 C16.75 73.26, 34.07 51.65, 80.34 -0.29 M-1.32 96.52 C29.7 64.08, 56.68 31.83, 85.06 1.15 M-1.23 98.35 C28.8 63.78, 59.61 29.8, 85.15 -0.85 M1.68 104.37 C24.69 72.49, 52 43.21, 91.99 -1.81 M-0.48 103.54 C31.96 64.64, 64.99 27.22, 89.13 0.87 M-1.77 108.18 C36.54 67.37, 72.5 22.54, 96.92 -1.99 M-0.63 109.78 C22.47 82.36, 45.16 56.53, 95.84 -1.07 M-1.12 114.79 C38.49 70.57, 74.74 30, 101.81 -1.93 M1.19 116.33 C38.03 73.29, 76.06 29.97, 100.42 0.88 M2 120.2 C36.47 78.86, 73.59 37.62, 107.95 0.68 M0.39 120.97 C29.7 88.16, 58.99 53.35, 106.73 -0.13 M-1.32 128.06 C41.12 75.45, 86.81 26, 110.99 -1.18 M-0.57 128.82 C35.82 86.5, 72.74 44.1, 111.91 0.79 M-1.02 135.64 C43.91 82.98, 87.98 32.05, 117.79 -1.37 M-0.27 134.74 C26.27 106.76, 50.22 76.9, 116.93 1.16 M-1.8 139.9 C35.21 104.38, 65.53 62.78, 120.66 1.37 M-0.43 139.71 C38.55 95.61, 78.01 50.56, 122.46 -0.53 M1.76 147.91 C29.11 117.4, 55.37 85.99, 127.68 1.48 M0.53 145.69 C46.44 94.62, 91.7 39.92, 126.74 -0.41 M0.17 150.85 C33.17 115.83, 61.4 80.26, 131.64 0.9 M0.15 151.84 C53.25 90.23, 106.14 30.74, 132.16 -0.36 M-1.84 157.7 C37.59 114.01, 76.78 70.61, 136.63 -0.45 M0.35 158.99 C30.36 122.85, 60.89 88, 137.61 0.03 M-0.23 166.11 C29.43 128.1, 58.73 93.84, 143.89 -0.53 M-0.32 164.8 C28.62 130.08, 57.48 96.97, 144 -0.28 M0.58 169.48 C50.77 111.65, 102.4 55.59, 147.57 0.38 M0.18 171.37 C41.33 123.45, 81.86 77.61, 148.81 0.27 M-0.43 175.5 C42.41 129.13, 83.17 82.4, 153.98 0.49 M-0.38 176.58 C56.14 112.56, 110.58 48.82, 153.05 0 M0.7 184.05 C39.63 137.27, 77.83 89.07, 159.24 -1.15 M-0.04 183.65 C61.15 113.46, 120.25 43.45, 159.1 0.14 M0.78 189.08 C63.86 116.64, 126.59 42.93, 165.06 -0.83 M-0.1 189.24 C43.16 138.18, 87.83 86.83, 164.16 0.56 M1.24 193.84 C36.84 154.67, 72.19 113.57, 170.32 -1.11 M-0.39 194.15 C64.21 119.86, 128.3 45.54, 169.93 0.91 M-0.29 202.73 C49.19 146.43, 96.87 92.17, 176.44 -0.47 M0.13 200.67 C52.92 138.41, 108.19 74.96, 174.6 -0.26 M1.16 206.55 C59.57 139.38, 118.88 71.01, 179.33 -0.46 M-0.07 207.43 C53.03 145.16, 107.35 82.74, 180.4 0.42 M0.22 213.68 C60.95 141.62, 123.88 71.22, 187.21 0.77 M0.6 214.05 C46.1 157.63, 93.55 102.73, 185.97 0.53 M1.26 216.37 C45.53 168.31, 87.98 118.47, 190.76 -1.23 M3.04 216.09 C67.52 139.61, 132.76 63.4, 190.6 -0.35 M7.95 217.48 C67.06 150.79, 124.44 83.38, 196.32 1.03 M7.93 216.35 C53.89 161.92, 100.46 109.21, 196.09 -0.51 M12.62 217.33 C58.21 163, 105.7 107.92, 202.43 -0.59 M13.54 216.66 C71.71 147.52, 130.4 81.02, 201.49 0.82 M18.27 217.27 C66.39 160.5, 115.21 104.07, 208.36 0.27 M18.01 215.72 C58.01 168.33, 99.25 121.93, 206.76 -0.82 M24.9 216.54 C74.66 158.72, 125.24 98.12, 212.06 0.05 M23.39 216.76 C89.76 140.49, 156.61 64.23, 211.91 -0.02 M28.87 215.01 C94.99 140.87, 162.5 64.39, 216.64 2.5 M28.76 215.55 C79.01 159.87, 128.27 103.38, 215.68 1.25 M32.95 216.11 C83.19 160.31, 131.85 106.05, 216.52 8.63 M33.94 217.11 C75.45 168.61, 117.47 121.55, 216.54 8.14 M39.78 217.56 C92.26 159.75, 140.57 102.37, 215.58 12.68 M40.11 216.11 C90.9 157.88, 140.49 99.7, 215.33 14 M43.47 216.97 C104.46 148.92, 163.67 79.54, 215.48 18.1 M44.41 216.74 C89.24 164.57, 133.58 113.45, 215.55 19.53 M50.78 215.1 C93.5 164.92, 139.86 112.9, 214.41 26.53 M49.78 215.99 C110.29 149.66, 168.81 81.69, 215.73 26.76 M57.12 215.58 C107.36 155.81, 157.92 97.78, 215.19 31.92 M54.97 216.03 C113.66 149.14, 173.56 80.85, 215.38 32.06 M61.3 215.31 C95.1 175.75, 132.1 134.8, 216.98 38.89 M61.19 216.77 C109.52 160.05, 158.35 103.94, 216.2 38.35 M67.47 216.77 C115.11 158.21, 167.71 97.2, 216.63 45.21 M66.77 216.96 C102.08 174.52, 137.46 133.67, 215.1 44.3 M70.35 215.08 C103.39 179.45, 138.17 141.98, 216.94 49.42 M72.29 216.59 C103.33 179.45, 132.1 146.13, 215.3 50.78 M77.48 217.53 C112.79 176.25, 148.92 136.21, 214.87 56.96 M76.92 216.34 C126.01 159.84, 176.06 104.61, 216.09 56.89 M83.65 216.59 C109.9 184.76, 137.67 151.42, 216.82 64.24 M81.86 216.8 C115.56 177.43, 148.43 139.03, 215.35 63.31 M86.45 216.6 C117.96 179.57, 150.68 145.05, 215.64 67.24 M86.76 215.76 C133.59 164.04, 179.87 111.6, 216.32 67.66 M92.5 217.18 C130.08 175.3, 164.37 136.62, 217.67 75.31 M93.31 216.93 C121.12 183.96, 149.71 151.9, 216.67 74.37 M97.31 214.67 C122.26 188.24, 148.41 160.47, 217.8 78.71 M97.27 217.16 C133.41 175.31, 167.83 132.89, 216.35 79.87 M102.05 215.76 C128.77 182.73, 159.47 152.36, 217.64 85.73 M103.92 216.03 C140.06 172.81, 177.77 130.15, 216.44 86.54 M108.77 215.29 C145.82 169.8, 184.54 127.33, 214.48 93.3 M108.6 216.14 C152.4 169.17, 193.64 120.21, 215.53 93.61 M113.85 217.99 C138.74 189.67, 160.26 165.2, 215.6 100.97 M113.85 215.19 C144.51 180.53, 176.69 143.07, 215.68 99.56 M119.06 216.26 C139.68 192.15, 161.93 164.32, 216.54 104.97 M120.04 216.13 C141.97 189.71, 164.98 164.4, 216.3 104.47 M124.31 216.62 C147.59 192.15, 170.4 161.51, 217.92 112.68 M123.84 216.01 C151.85 183.74, 178.95 152.19, 216.63 110.91 M130.04 217.74 C153.81 189.32, 176.55 163.35, 216.49 116.35 M130.09 216.38 C146.84 196.06, 166.21 175.33, 216.35 118.08 M135.41 216.47 C160.47 188.02, 182.14 159.88, 213.93 123.66 M135.78 217.64 C155.48 194.76, 172.71 172.66, 216.06 124.66 M139.2 218.28 C157.86 195.92, 177.77 173.69, 215.14 127.67 M140.43 215.93 C161.4 191.88, 182.03 169.94, 215.2 129.17 M146.79 215.06 C162.71 194.09, 180.79 177.42, 214.55 136.84 M144.79 217.28 C160.2 199.12, 174.78 183.05, 215.91 136.41 M151.66 214.81 C171.28 196.29, 187.11 175.48, 216.92 141.52 M151.91 215.67 C176.44 188.45, 199.88 160.32, 215.56 142.26 M154.38 215.47 C172.69 198.01, 192.07 175.16, 216.36 147.74 M155.82 217.21 C174.84 196.04, 193.76 174.8, 215.32 147.85 M160.14 214.61 C179.82 197.41, 195.96 177.17, 217.2 155.66 M162.6 216.26 C174.04 201, 186.86 187.65, 214.67 154.44 M165.72 215.2 C184.79 196.83, 203.71 176.89, 216.23 161.56 M167.04 217.53 C178.06 204.41, 186.16 194.48, 215.28 159.73 M173.01 215.35 C189.21 198.76, 204.39 179.52, 216.99 167.92 M171.74 216.2 C188.55 197.71, 202.6 180.81, 214.93 166.35 M176 218.1 C188.62 206.57, 198.94 193.03, 214.63 173.83 M177.77 216.11 C190.55 201.92, 202.86 186.55, 215.97 172.6 M182.26 217.09 C193.97 201.5, 207.69 185.56, 214.91 176.8 M183.75 215.8 C191.36 207.78, 198.34 197.48, 215.95 178.7 M187.99 218.4 C199.34 205.7, 207.8 191.99, 215.03 183.22 M188.53 216.69 C197.17 205.82, 204.83 195.35, 216.1 185.58 M195.49 214.23 C197.72 209.17, 202.2 205.99, 217.9 190.4 M194.25 215.18 C202.02 207.92, 209.16 198.59, 215.2 191.28 M200.15 216.71 C206.55 209.28, 212.55 200.97, 214.47 196.53 M199.03 216.79 C205.41 210.03, 212.23 201.38, 215.53 197.34 M203.99 215.64 C207.37 213.36, 210.04 206.68, 216.48 203.13 M204.08 216.24 C207 212.46, 211.61 208.42, 215.41 201.74 M209.93 216.23 C210.58 213.66, 212.88 213.24, 215.79 209.03 M209.77 216.09 C211.32 214.48, 213.4 211.72, 215.64 208.76\\" stroke=\\"#15aabf\\" stroke-width=\\"0.5\\" fill=\\"none\\"></path><path d=\\"M-0.39 -0.88 C55.46 -0.97, 113.94 -0.3, 214.26 0.61 M-0.49 0.4 C84.22 -0.65, 169.11 -0.38, 213.87 0.66 M212.35 -0.69 C216.14 81.33, 216.66 160.36, 212.82 212.88 M213.44 -0.28 C214.34 52.63, 212.93 106.93, 213.51 214 M215.36 213.92 C153.36 215.01, 94.72 215.24, 0.66 215.17 M214.59 213.78 C136.22 216.39, 57.75 216.64, 0.1 213.77 M-1.71 215.7 C0.69 160.6, -0.19 109.87, -0.18 1.75 M0.58 213.93 C-0.62 147.47, -0.5 79.36, 0.52 0\\" stroke=\\"#000000\\" stroke-width=\\"1\\" fill=\\"none\\"></path></g></a>"
 `;
@@ -95,7 +97,7 @@ exports[`exportToSvg with elements that have a link 1`] = `
 exports[`exportToSvg with exportEmbedScene 1`] = `
 "
   <!-- svg-source:excalidraw -->
-  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SsW7CMFx1MDAxMN35iihdkUjSQChcdTAwMWItVVWpalx1MDAwN1x1MDAwNqRWXHUwMDFkTHxJrFx1MDAxONvEXHUwMDBlXHUwMDEwIf69tlx1MDAwM3GJXHUwMDE4O9aDpXt+7+58945cdTAwMDPP81UjwJ95Plx1MDAxY1JEXHSu0N5cdTAwMWZcdTAwMWF8XHUwMDA3lSSc6afIxpLXVWqZhVJiNlx1MDAxYVGuXHUwMDA1XHUwMDA1l6rlXHUwMDAzhVxyMCU140vHnne0t34h2Kh2q2r7Mc9KwnC0TTfJ22L+8mmllnTQnDiMu7gxhe+TLt5cdTAwMTOsXG6NhUHQYVx1MDAwNZC8UD1cdTAwMTCxnJo2XHUwMDFkXCJVxUt44pRXppG7wFx1MDAxZVd6jdIyr3jNsOOEY4TWmeNkhNKlamg7XHUwMDAwlFx1MDAxNnVcdTAwMDV+r8Lq0mJcdTAwMGbvdJLrXHUwMDAxO5UumVx1MDAxN1xmpLzScIFSoprer0x/4lx1MDAxNdvpfv/OwPA5XHUwMDAzqyl1hVx1MDAwMbDNXHUwMDEwh5Nx8lx1MDAxMEy7XHUwMDE3t9YwXG766DtndsVhOJ1cdTAwMDZBXHUwMDFjJZOOQeRCb1jZtFx1MDAxOaJcdTAwMTLc+ExcdTAwMTPPbvtXjdRcdTAwMDKjVuR+SFx0K/s8babyRu6LOTFBXHUwMDFizrBv8dPw31///vpTf1x1MDAwMaVESDj7S992XHUwMDA2Plx1MDAxMmKpdH5Nad3m71xi7Fx1MDAxZm/sM7PH6K07zT7BNHs8XHJOP7VXYMUifQ==<!-- payload-end -->
+  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIpGk4aNstFRcdTAwMTVS1Vx1MDAwZVxmSK06mPiSWHHsYDtAhPjvtVxyxCVi7oRcdTAwMDdLfvfu7vnuXHUwMDFkep7nq6ZcdTAwMDJ/6vmwT1x1MDAxMCVYoJ3fN/hcdTAwMTaEJJzpUGTfktdcIrHMXFypajpcdTAwMThQrlx1MDAxM3Iu1YlcdTAwMGZcdTAwMTRKYEpqxrd+e97B3jpCsMnarsTmc5ZcdTAwMTaE4WiTlOP3+ezty6Za0l5z4jBu341p/Dhu3zuCVa6xMFxiWixcdTAwMDeS5apcdTAwMDNcIpZRI9MhUlx0XsBcdTAwMGKnXFxcdTAwMTghXHUwMDBmgT2u9Vx1MDAxYSVFJnjNsOOEQ4TWqeOkhNKlauhpXHUwMDAwKMlrXHUwMDAxfqfD6lwisYO3eZLrXHUwMDAxuyzdMstcdTAwMTlIeZXDK5RcdTAwMTDVdH5l9FVcdTAwMGJsp/vjVFx0VMLCjJfVlP4tzPC58FVAXHUwMDAyYFs4XHUwMDBlR8PxUzBpI27bYVx1MDAxNHTRXHUwMDBmzuzmw3AyXHSCOFx1MDAxYY9aXHUwMDA2kXO9eGXLpohKcFM1XCJenSmuhNRcdTAwMTVGpyT3cUpY0eVpj1x1MDAxNTdqXzyLXHQqOcO+xY/9u+3utvtcdTAwMGbbXHUwMDAxpaSScLadvu1ofFRVS6Xra8rJhP6WwO75xppTe0y+Na1ZM1x1MDAxOLGHY+/4XHUwMDBiw1x1MDAwNmzTIn0=<!-- payload-end -->
   <defs>
     <style class=\\"style-fonts\\">
       @font-face {
@@ -107,6 +109,7 @@ exports[`exportToSvg with exportEmbedScene 1`] = `
         src: url(\\"https://excalidraw.com/Cascadia.woff2\\");
       }
     </style>
+    
   </defs>
   <g stroke-linecap=\\"round\\" transform=\\"translate(10 10) rotate(0 50 50)\\"><path d=\\"M0.32 50.63 C0.32 50.63, 0.32 50.63, 0.32 50.63 M0.32 50.63 C0.32 50.63, 0.32 50.63, 0.32 50.63 M1.31 55.08 C15.31 40.32, 29.59 22.37, 41.3 9.81 M2.95 54.67 C16.06 38.64, 28.38 26.08, 41.31 11.16 M5.17 55.28 C18.64 40.54, 34.59 23.3, 53.31 1.2 M6.19 55.83 C19.7 40.85, 33.94 25.36, 52.84 2.99 M8.12 57.33 C28.32 38.18, 46.32 16.69, 57.78 5.54 M9.05 59.26 C25.33 39.84, 41.83 20.42, 56.36 4.41 M12.23 63.33 C23.99 47.5, 34.76 34.04, 58.25 7.72 M12.1 62.42 C25.64 45.74, 39.58 29.47, 59.39 6.7 M14.29 65.31 C33.6 44.37, 51.89 21.73, 61.4 11.6 M14.95 64.35 C25.42 51.41, 36.81 39.88, 61.57 11.19 M17.44 69.69 C30.26 56.06, 39.46 44.26, 65.11 14.18 M17.51 68.63 C34.43 47.57, 51.04 27.25, 64.33 13.82 M21.98 70.02 C37.96 53.4, 51.32 32.51, 66.76 17.85 M20.5 70.41 C29.55 59.82, 39.04 48.82, 66.82 15.79 M21.73 71.26 C33.76 59.36, 45.61 49.75, 69.47 19.91 M23.35 73.09 C39.91 53.14, 58.94 32.17, 69.77 19.39 M26.91 74.54 C41.56 60.59, 55.7 44.03, 72.29 22.07 M26.74 75.44 C39.06 62.99, 49.89 47.62, 73.34 21.9 M27.68 77.61 C45.49 62.49, 58.86 43.36, 74.53 26.67 M29.77 78.46 C46.48 58.69, 65.8 38.46, 75.03 24.23 M29.82 83.37 C45.64 68.39, 59.09 52.88, 78 26.2 M31.24 82.29 C42.16 70.24, 50.48 58.61, 77.54 28.77 M33.5 84.64 C46.6 69.19, 61.43 52.15, 81.17 32.8 M34.1 85.27 C44.17 73.12, 52.8 63.6, 80.62 31.25 M37.69 88.37 C54.96 70.16, 71.4 49.55, 82.89 35.26 M37.41 86.61 C46.27 76.03, 56.22 65.63, 84.34 34.18 M38.98 88.4 C54.78 76.48, 66.88 59.43, 87.83 36.78 M40.83 89.54 C52.97 74.67, 64.21 61.17, 86.21 36.91 M43.18 94 C60.91 72.19, 77.04 51.45, 90.21 39.94 M43.86 92.11 C52.94 82.13, 62.98 68.89, 90.51 39.02 M44.93 94.32 C62.61 77.05, 76.42 59.94, 91.95 44.23 M45.02 96.15 C61.2 76.98, 78.3 58.77, 92.03 42.23 M50.55 99.15 C60.63 81.82, 75.04 67.37, 96.9 43.53 M48.39 98.32 C65.04 78.28, 81.92 59.44, 94.04 46.22 M50.38 99.19 C69.54 81.19, 85.85 58.94, 99.21 46.38 M51.53 100.79 C62.45 87.27, 73.41 74.93, 98.13 47.3\\" stroke=\\"#15aabf\\" stroke-width=\\"0.5\\" fill=\\"none\\"></path><path d=\\"M50.55 -1.01 C62.82 12.44, 78.03 26.68, 100.3 51.7 M50.44 0.46 C69.95 19.26, 89.63 39.73, 99.86 51.76 M98.12 50.21 C82.92 71.13, 65.15 88.19, 49.66 98.72 M99.37 50.68 C88.57 62.94, 74.79 76.37, 50.44 100 M52.55 99.9 C35.86 87.61, 23.16 74.12, 0.75 52.33 M51.67 99.75 C32.82 83.31, 13.73 65.72, 0.11 50.74 M-1.95 52.94 C13.84 37.62, 25.27 26.82, 50.8 2 M0.66 50.92 C16.45 35.71, 32.61 18.7, 51.59 0.01\\" stroke=\\"#000000\\" stroke-width=\\"1\\" fill=\\"none\\"></path></g><g stroke-linecap=\\"round\\" transform=\\"translate(10 10) rotate(0 50 50)\\"><path d=\\"M16.06 13.96 C16.06 13.96, 16.06 13.96, 16.06 13.96 M16.06 13.96 C16.06 13.96, 16.06 13.96, 16.06 13.96 M5.51 34 C13.17 23.26, 20.2 13.31, 28.19 8.96 M5.48 33.35 C12.13 25.41, 19.79 15.96, 26.45 7.6 M5.56 37.62 C16.59 25.63, 28.15 12.22, 38.46 2.39 M5.11 40.5 C16.67 26.96, 28.16 13.15, 36.64 1.59 M4.66 45.59 C13.25 35.02, 21.41 28.15, 39.56 4.69 M4.57 46.97 C11.96 37.32, 20.9 26.56, 40.44 3.42 M5.51 50.51 C13.89 43.35, 21.63 34.54, 46.26 4.75 M4.27 51.77 C16.66 37.46, 28.38 22.96, 44.97 4.33 M0.17 60.65 C18.76 40.92, 37.97 17.6, 49.71 5.16 M0.46 61.18 C19.32 40.86, 37.47 20.77, 50.84 4.21 M2.75 65.39 C21.01 45.29, 37.92 25.46, 57.52 4.43 M3.54 66.52 C18.04 48.78, 32.49 30.26, 55.79 4.21 M4.72 71.04 C27.28 44.43, 49.83 20.12, 62.05 5.19 M4.98 68.42 C25.81 45.48, 47.44 20.41, 60.72 5.33 M5.52 72.07 C22.65 55.25, 37.54 35.66, 64.61 5.49 M7.57 72.36 C23.86 52.77, 40.82 32.55, 67.4 4.05 M9.59 78.6 C21.66 63, 36.06 48.95, 71.76 7.03 M10.08 76.55 C27.55 55.62, 45.62 35.85, 70.49 7 M12.56 81.85 C25.42 62.46, 40.04 46.55, 72.17 9.63 M11.06 79.79 C28.06 60.16, 44.33 40.26, 73.94 7.75 M13.55 82.49 C28.83 65.98, 48.28 43.76, 76.92 11.53 M14.8 84.16 C33.23 60.15, 53.34 38.08, 77.01 9.5 M18.1 87.31 C40.08 56.47, 62.85 30.47, 80.4 12.36 M15.8 86.08 C37.59 61.7, 60.84 34.46, 80.7 12.46 M19 88.26 C40.74 67.47, 58.92 43.28, 83.23 13.91 M19.34 89.69 C44.04 60.94, 70.07 31.37, 84.33 14.92 M24.66 90.68 C46.24 63.97, 68.7 37.2, 88.49 16.36 M23.39 91.54 C41.48 71.33, 57.27 52.46, 87.46 15.92 M26.62 93.33 C42.62 75.25, 55.76 56.91, 91.37 20.55 M25.78 92.9 C44.69 72.7, 64.26 51.51, 91.05 19.89 M29.13 94.58 C54.77 68.16, 76.36 39.34, 89.98 24.69 M29.39 94.36 C49.44 73.98, 66.44 53.75, 91.98 23.72 M33.42 96.74 C47.73 82.49, 62.82 64.22, 92.32 25.67 M34.06 96.57 C55.92 72.5, 76.96 48.57, 93.62 28.4 M36.63 98.74 C60.32 74.26, 79.82 54.48, 97.25 30.51 M37.14 99.24 C54.89 79.32, 74.61 58.8, 96.4 30.94 M40.66 99.17 C55.88 83.45, 65.33 69.82, 99.98 34.12 M41.95 98.58 C59.45 80.37, 76.18 63.41, 98.97 34.44 M49.2 99.75 C62.61 81.39, 76.76 66.6, 99.71 40.34 M48.46 99.18 C68.17 76.49, 88.85 52.13, 101.44 39.52 M53.89 98.89 C65.67 88.12, 73.58 74.8, 99.93 45.65 M53.06 97.85 C64.12 87.68, 74.24 77.45, 101.28 44.38 M58.61 99.36 C71.02 84.02, 84.02 72.64, 100.47 49.9 M58.48 99.78 C74.3 82.44, 89.18 65.6, 101.07 49.98 M64.37 99.36 C78.85 81.75, 90.01 65.78, 99.33 56.12 M62.3 99.9 C77.88 84.17, 91.11 66.99, 99.88 56.12 M72.13 92.65 C79.7 86.54, 88.47 76.42, 98.79 63.47 M73.38 93.43 C80.92 86.16, 85.53 79.8, 99.02 64.85\\" stroke=\\"#15aabf\\" stroke-width=\\"0.5\\" fill=\\"none\\"></path><path d=\\"M38.1 1.46 C45.72 -1.06, 55.49 -0.08, 63.58 2.19 C71.68 4.46, 80.88 9.29, 86.67 15.09 C92.46 20.89, 96.33 29.02, 98.32 36.99 C100.32 44.97, 101 54.87, 98.62 62.96 C96.24 71.05, 90.17 79.66, 84.03 85.55 C77.89 91.43, 69.57 96.06, 61.79 98.28 C54 100.51, 45.12 100.97, 37.32 98.91 C29.52 96.84, 21.11 92.03, 14.99 85.89 C8.88 79.75, 2.75 70.16, 0.63 62.05 C-1.48 53.94, -0.22 45.19, 2.3 37.23 C4.82 29.28, 9.28 20.51, 15.77 14.3 C22.25 8.1, 36.21 2.25, 41.23 0.02 C46.25 -2.21, 45.49 0.09, 45.88 0.91 M40.94 1.53 C48.29 -0.28, 59.04 0.38, 66.96 3.27 C74.89 6.16, 83.12 12.22, 88.48 18.88 C93.85 25.53, 97.82 35.15, 99.18 43.21 C100.54 51.28, 99.41 59.58, 96.65 67.29 C93.89 74.99, 88.87 84.03, 82.63 89.47 C76.39 94.91, 67.44 98.55, 59.2 99.93 C50.97 101.3, 41.25 100.52, 33.2 97.7 C25.15 94.87, 16.16 89.68, 10.9 82.99 C5.64 76.3, 2.84 65.86, 1.64 57.57 C0.45 49.28, 0.99 40.72, 3.74 33.24 C6.5 25.76, 11.77 18.2, 18.18 12.7 C24.59 7.2, 38.36 1.99, 42.22 0.24 C46.09 -1.5, 41.49 1.56, 41.37 2.2\\" stroke=\\"#000000\\" stroke-width=\\"1\\" fill=\\"none\\"></path></g>"
 `;
diff --git a/src/types.ts b/src/types.ts
index 8354ced99..fd00578b8 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -15,6 +15,7 @@ import {
   ExcalidrawImageElement,
   Theme,
   StrokeRoundness,
+  ExcalidrawFrameElement,
 } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
@@ -85,7 +86,7 @@ export type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
 
 export type LastActiveTool =
   | {
-      type: typeof SHAPES[number]["value"] | "eraser" | "hand";
+      type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame";
       customType: null;
     }
   | {
@@ -113,6 +114,10 @@ export type AppState = {
   isBindingEnabled: boolean;
   startBoundElement: NonDeleted<ExcalidrawBindableElement> | null;
   suggestedBindings: SuggestedBinding[];
+  frameToHighlight: NonDeleted<ExcalidrawFrameElement> | null;
+  shouldRenderFrames: boolean;
+  editingFrame: string | null;
+  elementsToHighlight: NonDeleted<ExcalidrawElement>[] | null;
   // element being edited, but not necessarily added to elements array yet
   // (e.g. text element when typing into the input)
   editingElement: NonDeletedExcalidrawElement | null;
@@ -126,7 +131,7 @@ export type AppState = {
     locked: boolean;
   } & (
     | {
-        type: typeof SHAPES[number]["value"] | "eraser" | "hand";
+        type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame";
         customType: null;
       }
     | {
@@ -178,6 +183,7 @@ export type AppState = {
   lastPointerDownWith: PointerType;
   selectedElementIds: { [id: string]: boolean };
   previousSelectedElementIds: { [id: string]: boolean };
+  selectedElementsAreBeingDragged: boolean;
   shouldCacheIgnoreZoom: boolean;
   toast: { message: string; closable?: boolean; duration?: number } | null;
   zenModeEnabled: boolean;
@@ -532,6 +538,12 @@ export type ExcalidrawImperativeAPI = {
   setCursor: InstanceType<typeof App>["setCursor"];
   resetCursor: InstanceType<typeof App>["resetCursor"];
   toggleSidebar: InstanceType<typeof App>["toggleSidebar"];
+  /**
+   * Disables rendering of frames (including element clipping), but currently
+   * the frames are still interactive in edit mode. As such, this API should be
+   * used in conjunction with view mode (props.viewModeEnabled).
+   */
+  toggleFrameRendering: InstanceType<typeof App>["toggleFrameRendering"];
 };
 
 export type Device = Readonly<{
@@ -541,3 +553,22 @@ export type Device = Readonly<{
   canDeviceFitSidebar: boolean;
   isLandscape: boolean;
 }>;
+
+type FrameNameBounds = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  angle: number;
+};
+
+export type FrameNameBoundsCache = {
+  get: (frameElement: ExcalidrawFrameElement) => FrameNameBounds | null;
+  _cache: Map<
+    string,
+    FrameNameBounds & {
+      zoom: AppState["zoom"]["value"];
+      versionNonce: ExcalidrawFrameElement["versionNonce"];
+    }
+  >;
+};
diff --git a/src/utils.ts b/src/utils.ts
index c1be211bd..40bff9591 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -10,7 +10,11 @@ import {
   THEME,
   WINDOWS_EMOJI_FALLBACK_FONT,
 } from "./constants";
-import { FontFamilyValues, FontString } from "./element/types";
+import {
+  FontFamilyValues,
+  FontString,
+  NonDeletedExcalidrawElement,
+} from "./element/types";
 import { AppState, DataURL, LastActiveTool, Zoom } from "./types";
 import { unstable_batchedUpdates } from "react-dom";
 import { SHAPES } from "./shapes";
@@ -299,7 +303,7 @@ export const distance = (x: number, y: number) => Math.abs(x - y);
 export const updateActiveTool = (
   appState: Pick<AppState, "activeTool">,
   data: (
-    | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" }
+    | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame" }
     | { type: "custom"; customType: string }
   ) & { lastActiveToolBeforeEraser?: LastActiveTool },
 ): AppState["activeTool"] => {
@@ -824,3 +828,16 @@ export const composeEventHandlers = <E>(
     }
   };
 };
+
+export const isOnlyExportingSingleFrame = (
+  elements: readonly NonDeletedExcalidrawElement[],
+) => {
+  const frames = elements.filter((element) => element.type === "frame");
+
+  return (
+    frames.length === 1 &&
+    elements.every(
+      (element) => element.type === "frame" || element.frameId === frames[0].id,
+    )
+  );
+};
diff --git a/src/zindex.ts b/src/zindex.ts
index 4b96c8eb4..7ccb38e5d 100644
--- a/src/zindex.ts
+++ b/src/zindex.ts
@@ -1,36 +1,52 @@
 import { bumpVersion } from "./element/mutateElement";
+import { isFrameElement } from "./element/typeChecks";
 import { ExcalidrawElement } from "./element/types";
+import { groupByFrames } from "./frame";
 import { getElementsInGroup } from "./groups";
 import { getSelectedElements } from "./scene";
 import Scene from "./scene/Scene";
 import { AppState } from "./types";
 import { arrayToMap, findIndex, findLastIndex } from "./utils";
 
+// elements that do not belong to a frame are considered a root element
+const isRootElement = (element: ExcalidrawElement) => {
+  return !element.frameId;
+};
+
 /**
  * Returns indices of elements to move based on selected elements.
  * Includes contiguous deleted elements that are between two selected elements,
  *  e.g.: [0 (selected), 1 (deleted), 2 (deleted), 3 (selected)]
+ *
+ * Specified elements (elementsToBeMoved) take precedence over
+ * appState.selectedElementsIds
  */
 const getIndicesToMove = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  elementsToBeMoved?: readonly ExcalidrawElement[],
 ) => {
   let selectedIndices: number[] = [];
   let deletedIndices: number[] = [];
   let includeDeletedIndex = null;
   let index = -1;
   const selectedElementIds = arrayToMap(
-    getSelectedElements(elements, appState, true),
+    elementsToBeMoved
+      ? elementsToBeMoved
+      : getSelectedElements(elements, appState, {
+          includeBoundTextElement: true,
+        }),
   );
   while (++index < elements.length) {
-    if (selectedElementIds.get(elements[index].id)) {
+    const element = elements[index];
+    if (selectedElementIds.get(element.id)) {
       if (deletedIndices.length) {
         selectedIndices = selectedIndices.concat(deletedIndices);
         deletedIndices = [];
       }
       selectedIndices.push(index);
       includeDeletedIndex = index + 1;
-    } else if (elements[index].isDeleted && includeDeletedIndex === index) {
+    } else if (element.isDeleted && includeDeletedIndex === index) {
       includeDeletedIndex = index + 1;
       deletedIndices.push(index);
     } else {
@@ -168,8 +184,8 @@ const getTargetIndex = (
   return candidateIndex;
 };
 
-const getTargetElementsMap = (
-  elements: readonly ExcalidrawElement[],
+const getTargetElementsMap = <T extends ExcalidrawElement>(
+  elements: readonly T[],
   indices: number[],
 ) => {
   return indices.reduce((acc, index) => {
@@ -179,12 +195,13 @@ const getTargetElementsMap = (
   }, {} as Record<string, ExcalidrawElement>);
 };
 
-const shiftElements = (
-  appState: AppState,
+const _shiftElements = (
   elements: readonly ExcalidrawElement[],
+  appState: AppState,
   direction: "left" | "right",
+  elementsToBeMoved?: readonly ExcalidrawElement[],
 ) => {
-  const indicesToMove = getIndicesToMove(elements, appState);
+  const indicesToMove = getIndicesToMove(elements, appState, elementsToBeMoved);
   const targetElementsMap = getTargetElementsMap(elements, indicesToMove);
   let groupedIndices = toContiguousGroups(indicesToMove);
 
@@ -246,7 +263,22 @@ const shiftElements = (
   });
 };
 
-const shiftElementsToEnd = (
+const shiftElements = (
+  appState: AppState,
+  elements: readonly ExcalidrawElement[],
+  direction: "left" | "right",
+  elementsToBeMoved?: readonly ExcalidrawElement[],
+) => {
+  return shift(
+    elements,
+    appState,
+    direction,
+    _shiftElements,
+    elementsToBeMoved,
+  );
+};
+
+const _shiftElementsToEnd = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
   direction: "left" | "right",
@@ -317,33 +349,108 @@ const shiftElementsToEnd = (
       ];
 };
 
+const shiftElementsToEnd = (
+  elements: readonly ExcalidrawElement[],
+  appState: AppState,
+  direction: "left" | "right",
+  elementsToBeMoved?: readonly ExcalidrawElement[],
+) => {
+  return shift(
+    elements,
+    appState,
+    direction,
+    _shiftElementsToEnd,
+    elementsToBeMoved,
+  );
+};
+
+function shift(
+  elements: readonly ExcalidrawElement[],
+  appState: AppState,
+  direction: "left" | "right",
+  shiftFunction: (
+    elements: ExcalidrawElement[],
+    appState: AppState,
+    direction: "left" | "right",
+    elementsToBeMoved?: readonly ExcalidrawElement[],
+  ) => ExcalidrawElement[] | readonly ExcalidrawElement[],
+  elementsToBeMoved?: readonly ExcalidrawElement[],
+) {
+  let rootElements = elements.filter((element) => isRootElement(element));
+  const frameElementsMap = groupByFrames(elements);
+
+  // shift the root elements first
+  rootElements = shiftFunction(
+    rootElements,
+    appState,
+    direction,
+    elementsToBeMoved,
+  ) as ExcalidrawElement[];
+
+  // shift the elements in frames if needed
+  frameElementsMap.forEach((frameElements, frameId) => {
+    if (!appState.selectedElementIds[frameId]) {
+      frameElementsMap.set(
+        frameId,
+        shiftFunction(
+          frameElements,
+          appState,
+          direction,
+          elementsToBeMoved,
+        ) as ExcalidrawElement[],
+      );
+    }
+  });
+
+  // return the final elements
+  let finalElements: ExcalidrawElement[] = [];
+
+  rootElements.forEach((element) => {
+    if (isFrameElement(element)) {
+      finalElements = [
+        ...finalElements,
+        ...(frameElementsMap.get(element.id) ?? []),
+        element,
+      ];
+    } else {
+      finalElements = [...finalElements, element];
+    }
+  });
+
+  return finalElements;
+}
+
 // public API
 // -----------------------------------------------------------------------------
 
 export const moveOneLeft = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  elementsToBeMoved?: readonly ExcalidrawElement[],
 ) => {
-  return shiftElements(appState, elements, "left");
+  return shiftElements(appState, elements, "left", elementsToBeMoved);
 };
 
 export const moveOneRight = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  elementsToBeMoved?: readonly ExcalidrawElement[],
 ) => {
-  return shiftElements(appState, elements, "right");
+  return shiftElements(appState, elements, "right", elementsToBeMoved);
 };
 
 export const moveAllLeft = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  elementsToBeMoved?: readonly ExcalidrawElement[],
 ) => {
-  return shiftElementsToEnd(elements, appState, "left");
+  return shiftElementsToEnd(elements, appState, "left", elementsToBeMoved);
 };
 
 export const moveAllRight = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  elementsToBeMoved?: readonly ExcalidrawElement[],
 ) => {
-  return shiftElementsToEnd(elements, appState, "right");
+  return shiftElementsToEnd(elements, appState, "right", elementsToBeMoved);
 };

From 28ab6531c92c9e51f08ac3b64a9c4f6d24058e4f Mon Sep 17 00:00:00 2001
From: Sudharsan Aravind <63002244+vsaravind01@users.noreply.github.com>
Date: Thu, 15 Jun 2023 14:58:11 +0530
Subject: [PATCH 216/252] fix: updated link for documentation page under help
 section (#6654)

* fix: updated link for documentation page under help section

* Update docs link

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/components/HelpDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index e78b2625f..b51fadfca 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -12,7 +12,7 @@ const Header = () => (
   <div className="HelpDialog__header">
     <a
       className="HelpDialog__btn"
-      href="https://github.com/excalidraw/excalidraw#documentation"
+      href="https://docs.excalidraw.com"
       target="_blank"
       rel="noopener noreferrer"
     >

From 6de6a96abf29b5990d50316cc95fa80766db95e5 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 16 Jun 2023 20:55:33 +0530
Subject: [PATCH 217/252] docs: add info about roadmap (#6687)

---
 dev-docs/docs/introduction/contributing.mdx | 5 +++++
 src/packages/excalidraw/README.md           | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/dev-docs/docs/introduction/contributing.mdx b/dev-docs/docs/introduction/contributing.mdx
index d384c97a1..821355e0e 100644
--- a/dev-docs/docs/introduction/contributing.mdx
+++ b/dev-docs/docs/introduction/contributing.mdx
@@ -2,6 +2,11 @@
 
 Pull requests are welcome. For major changes, please [open an issue](https://github.com/excalidraw/excalidraw/issues/new) first to discuss what you would like to change.
 
+We have a [roadmap](https://github.com/orgs/excalidraw/projects/3) which we strongly recommend to go through and check if something interests you.
+For new contributors we would recommend to start with *Easy* tasks.
+
+In case you want to pick up something from the roadmap, comment on that issue and one of the project maintainers will assign it to you, post which you can discuss in the issue and start working on it.
+
 ## Setup
 
 ### Option 1 - Manual
diff --git a/src/packages/excalidraw/README.md b/src/packages/excalidraw/README.md
index d650885df..3e2f8efc6 100644
--- a/src/packages/excalidraw/README.md
+++ b/src/packages/excalidraw/README.md
@@ -43,3 +43,7 @@ Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/
 ## API
 
 Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api)
+
+## Contributing
+
+Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing)

From 7f7128ec09906882076a57a792eb515403f2653d Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 19 Jun 2023 13:47:28 +0530
Subject: [PATCH 218/252] fix: don't allow binding text to images (#6693)

---
 src/element/textElement.ts     |  1 -
 src/element/typeChecks.test.ts | 18 +++++++++---------
 src/element/typeChecks.ts      |  1 -
 src/element/types.ts           |  1 -
 4 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/element/textElement.ts b/src/element/textElement.ts
index 3956393bc..76de2c886 100644
--- a/src/element/textElement.ts
+++ b/src/element/textElement.ts
@@ -862,7 +862,6 @@ const VALID_CONTAINER_TYPES = new Set([
   "rectangle",
   "ellipse",
   "diamond",
-  "image",
   "arrow",
 ]);
 
diff --git a/src/element/typeChecks.test.ts b/src/element/typeChecks.test.ts
index ab04c29b7..60eb9e273 100644
--- a/src/element/typeChecks.test.ts
+++ b/src/element/typeChecks.test.ts
@@ -30,15 +30,6 @@ describe("Test TypeChecks", () => {
           }),
         ),
       ).toBeTruthy();
-
-      expect(
-        hasBoundTextElement(
-          API.createElement({
-            type: "image",
-            boundElements: [{ type: "text", id: "text-id" }],
-          }),
-        ),
-      ).toBeTruthy();
     });
 
     it("should return false for text bindable containers without bound text", () => {
@@ -62,5 +53,14 @@ describe("Test TypeChecks", () => {
         ),
       ).toBeFalsy();
     });
+
+    expect(
+      hasBoundTextElement(
+        API.createElement({
+          type: "image",
+          boundElements: [{ type: "text", id: "text-id" }],
+        }),
+      ),
+    ).toBeFalsy();
   });
 });
diff --git a/src/element/typeChecks.ts b/src/element/typeChecks.ts
index 302e9d375..d255a9a25 100644
--- a/src/element/typeChecks.ts
+++ b/src/element/typeChecks.ts
@@ -126,7 +126,6 @@ export const isTextBindableContainer = (
     (element.type === "rectangle" ||
       element.type === "diamond" ||
       element.type === "ellipse" ||
-      element.type === "image" ||
       isArrowElement(element))
   );
 };
diff --git a/src/element/types.ts b/src/element/types.ts
index ad4610160..a8c49e1a0 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -162,7 +162,6 @@ export type ExcalidrawTextContainer =
   | ExcalidrawRectangleElement
   | ExcalidrawDiamondElement
   | ExcalidrawEllipseElement
-  | ExcalidrawImageElement
   | ExcalidrawArrowElement;
 
 export type ExcalidrawTextElementWithContainer = {

From 0aa1e664867dd375767fba4d222988fbffdcec45 Mon Sep 17 00:00:00 2001
From: Milos Vetesnik <maielo.mv@gmail.com>
Date: Mon, 19 Jun 2023 11:18:28 +0200
Subject: [PATCH 219/252] feat: simple analitycs (#6683)

* Simple analytics for iframe and webpage

* added logic for tracking specific categories of events to reduce it

* enviroment vars clean up

* fix: lint for index.html
---
 .env.development  |  6 +---
 .env.production   | 11 +-------
 public/index.html | 71 ++++++++++++++++++++++-------------------------
 src/analytics.ts  | 19 ++++---------
 4 files changed, 40 insertions(+), 67 deletions(-)

diff --git a/.env.development b/.env.development
index 0c2fb5527..c56b62b36 100644
--- a/.env.development
+++ b/.env.development
@@ -20,14 +20,10 @@ REACT_APP_DEV_ENABLE_SW=
 # whether to disable live reload / HMR. Usuaully what you want to do when
 # debugging Service Workers.
 REACT_APP_DEV_DISABLE_LIVE_RELOAD=
+REACT_APP_DISABLE_TRACKING=true
 
 FAST_REFRESH=false
 
-# MATOMO
-REACT_APP_MATOMO_URL=
-REACT_APP_CDN_MATOMO_TRACKER_URL=
-REACT_APP_MATOMO_SITE_ID=
-
 #Debug flags
 
 # To enable bounding box for text containers
diff --git a/.env.production b/.env.production
index 8737c63c7..b86aa4bcc 100644
--- a/.env.production
+++ b/.env.production
@@ -11,14 +11,5 @@ REACT_APP_WS_SERVER_URL=
 
 REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
 
-# production-only vars
-# GOOGLE ANALYTICS
-REACT_APP_GOOGLE_ANALYTICS_ID=UA-387204-13
-# MATOMO
-REACT_APP_MATOMO_URL=https://excalidraw.matomo.cloud/
-REACT_APP_CDN_MATOMO_TRACKER_URL=//cdn.matomo.cloud/excalidraw.matomo.cloud/matomo.js
-REACT_APP_MATOMO_SITE_ID=1
-
-
-
 REACT_APP_PLUS_APP=https://app.excalidraw.com
+REACT_APP_DISABLE_TRACKING=
diff --git a/public/index.html b/public/index.html
index f65e481f3..5509ded86 100644
--- a/public/index.html
+++ b/public/index.html
@@ -148,33 +148,6 @@
       // setting this so that libraries installation reuses this window tab.
       window.name = "_excalidraw";
     </script>
-    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
-
-    <!-- Fathom - privacy-friendly analytics -->
-    <script
-      src="https://cdn.usefathom.com/script.js"
-      data-site="VMSBUEYA"
-      defer
-    ></script>
-    <!-- / Fathom -->
-
-    <!-- LEGACY GOOGLE ANALYTICS -->
-    <% if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %>
-    <script
-      async
-      src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_GOOGLE_ANALYTICS_ID%"
-    ></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-      gtag("config", "%REACT_APP_GOOGLE_ANALYTICS_ID%");
-    </script>
-    <% } %>
-    <!-- end LEGACY GOOGLE ANALYTICS -->
-    <% } %>
 
     <!-- FIXME: remove this when we update CRA (fix SW caching) -->
     <style>
@@ -227,17 +200,39 @@
       <h1 class="visually-hidden">Excalidraw</h1>
     </header>
     <div id="root"></div>
+    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
     <!-- 100% privacy friendly analytics -->
-    <script
-      async
-      defer
-      src="https://scripts.simpleanalyticscdn.com/latest.js"
-    ></script>
-    <noscript
-      ><img
-        src="https://queue.simpleanalyticscdn.com/noscript.gif"
-        alt=""
-        referrerpolicy="no-referrer-when-downgrade"
-    /></noscript>
+    <script>
+      // need to load this script dynamically bcs. of iframe embed tracking
+      var scriptEle = document.createElement("script");
+      scriptEle.setAttribute(
+        "src",
+        "https://scripts.simpleanalyticscdn.com/latest.js",
+      );
+      scriptEle.setAttribute("type", "text/javascript");
+      scriptEle.setAttribute("defer", true);
+      scriptEle.setAttribute("async", true);
+      // if iframe
+      if (window.self !== window.top) {
+        scriptEle.setAttribute("data-auto-collect", true);
+      }
+
+      document.body.appendChild(scriptEle);
+
+      // if iframe
+      if (window.self !== window.top) {
+        scriptEle.addEventListener("load", () => {
+          if (window.sa_pageview) {
+            window.window.sa_event(action, {
+              category: "iframe",
+              label: "embed",
+              value: window.location.pathname,
+            });
+          }
+        });
+      }
+    </script>
+    <!-- end LEGACY GOOGLE ANALYTICS -->
+    <% } %>
   </body>
 </html>
diff --git a/src/analytics.ts b/src/analytics.ts
index e952bc680..2373cc549 100644
--- a/src/analytics.ts
+++ b/src/analytics.ts
@@ -5,6 +5,9 @@ export const trackEvent = (
   value?: number,
 ) => {
   try {
+    // place here categories that you want to track as events
+    // KEEP IN MIND THE PRICING
+    const ALLOWED_CATEGORIES_TO_TRACK = [] as string[];
     // Uncomment the next line to track locally
     // console.log("Track Event", { category, action, label, value });
 
@@ -12,12 +15,8 @@ export const trackEvent = (
       return;
     }
 
-    if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID && window.gtag) {
-      window.gtag("event", action, {
-        event_category: category,
-        event_label: label,
-        value,
-      });
+    if (!ALLOWED_CATEGORIES_TO_TRACK.includes(category)) {
+      return;
     }
 
     if (window.sa_event) {
@@ -27,14 +26,6 @@ export const trackEvent = (
         value,
       });
     }
-
-    if (window.fathom) {
-      window.fathom.trackEvent(action, {
-        category,
-        label,
-        value,
-      });
-    }
   } catch (error) {
     console.error("error during analytics", error);
   }

From 6d56634289b3f730cedca85938561a006389b41a Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 19 Jun 2023 17:28:45 +0530
Subject: [PATCH 220/252] fix: do not bind text to container using text tool
 when it has text already (#6694)

* fix: do not bind text to container using text tool when it has text already

* Update src/element/textWysiwyg.test.tsx
---
 src/components/App.tsx           |  5 +++-
 src/element/textWysiwyg.test.tsx | 49 ++++++++++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index bbae21f08..16d0832c7 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -3054,7 +3054,10 @@ class App extends React.Component<AppProps, AppState> {
         container,
       );
     if (container && parentCenterPosition) {
-      shouldBindToContainer = true;
+      const boundTextElementToContainer = getBoundTextElement(container);
+      if (!boundTextElementToContainer) {
+        shouldBindToContainer = true;
+      }
     }
     let existingTextElement: NonDeleted<ExcalidrawTextElement> | null = null;
 
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 3892d7030..7fb153987 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -1459,5 +1459,54 @@ describe("textWysiwyg", () => {
         }),
       );
     });
+
+    it("shouldn't bind to container if container has bound text not centered and text tool is used", async () => {
+      expect(h.elements.length).toBe(1);
+
+      Keyboard.keyPress(KEYS.ENTER);
+
+      expect(h.elements.length).toBe(2);
+
+      // Bind first text
+      let text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      expect(text.containerId).toBe(rectangle.id);
+      let editor = getTextEditor();
+      await new Promise((r) => setTimeout(r, 0));
+      updateTextEditor(editor, "Hello!");
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).verticalAlign,
+      ).toBe(VERTICAL_ALIGN.MIDDLE);
+
+      fireEvent.click(screen.getByTitle("Align bottom"));
+      await new Promise((r) => setTimeout(r, 0));
+
+      editor.blur();
+
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: text.id, type: "text" },
+      ]);
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).verticalAlign,
+      ).toBe(VERTICAL_ALIGN.BOTTOM);
+
+      // Attempt to Bind 2nd text using text tool
+      UI.clickTool("text");
+      mouse.clickAt(
+        rectangle.x + rectangle.width / 2,
+        rectangle.y + rectangle.height / 2,
+      );
+      editor = getTextEditor();
+      await new Promise((r) => setTimeout(r, 0));
+      updateTextEditor(editor, "Excalidraw");
+      editor.blur();
+
+      expect(h.elements.length).toBe(3);
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: h.elements[1].id, type: "text" },
+      ]);
+      text = h.elements[2] as ExcalidrawTextElementWithContainer;
+      expect(text.containerId).toBe(null);
+      expect(text.text).toBe("Excalidraw");
+    });
   });
 });

From 7558a4e2be2e063aa70ff1b611ba354d6eb65786 Mon Sep 17 00:00:00 2001
From: Are <me@iama.re>
Date: Mon, 19 Jun 2023 17:08:12 +0200
Subject: [PATCH 221/252] feat: overwrite confirmation dialogs (#6658)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/Dialog.tsx                     |  24 ++-
 src/components/FilledButton.scss              | 180 ++++++++++++++----
 src/components/FilledButton.tsx               |   5 +-
 src/components/LayerUI.tsx                    |  12 ++
 src/components/Modal.scss                     |   2 +-
 .../OverwriteConfirm/OverwriteConfirm.scss    | 126 ++++++++++++
 .../OverwriteConfirm/OverwriteConfirm.tsx     |  76 ++++++++
 .../OverwriteConfirmActions.tsx               |  85 +++++++++
 .../OverwriteConfirm/OverwriteConfirmState.ts |  46 +++++
 src/components/ShareableLinkDialog.scss       |  91 +++++++++
 src/components/ShareableLinkDialog.tsx        |  91 +++++++++
 src/components/TextField.tsx                  |  26 ++-
 src/components/Tooltip.scss                   |   2 +-
 src/components/icons.tsx                      |  10 +
 src/components/main-menu/DefaultItems.tsx     |  31 ++-
 src/context/tunnels.ts                        |   2 +
 src/css/styles.scss                           |   4 +
 src/css/theme.scss                            |  45 +++++
 .../components/ExportToExcalidrawPlus.tsx     |   2 +-
 src/excalidraw-app/data/index.ts              |  20 +-
 src/excalidraw-app/index.tsx                  |  76 +++++++-
 src/locales/en.json                           |  31 +++
 22 files changed, 918 insertions(+), 69 deletions(-)
 create mode 100644 src/components/OverwriteConfirm/OverwriteConfirm.scss
 create mode 100644 src/components/OverwriteConfirm/OverwriteConfirm.tsx
 create mode 100644 src/components/OverwriteConfirm/OverwriteConfirmActions.tsx
 create mode 100644 src/components/OverwriteConfirm/OverwriteConfirmState.ts
 create mode 100644 src/components/ShareableLinkDialog.scss
 create mode 100644 src/components/ShareableLinkDialog.tsx

diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index 161d18056..34e6cf872 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -17,16 +17,34 @@ import { useSetAtom } from "jotai";
 import { isLibraryMenuOpenAtom } from "./LibraryMenu";
 import { jotaiScope } from "../jotai";
 
+export type DialogSize = number | "small" | "regular" | "wide" | undefined;
+
 export interface DialogProps {
   children: React.ReactNode;
   className?: string;
-  size?: "small" | "regular" | "wide";
+  size?: DialogSize;
   onCloseRequest(): void;
   title: React.ReactNode | false;
   autofocus?: boolean;
   closeOnClickOutside?: boolean;
 }
 
+function getDialogSize(size: DialogSize): number {
+  if (size && typeof size === "number") {
+    return size;
+  }
+
+  switch (size) {
+    case "small":
+      return 550;
+    case "wide":
+      return 1024;
+    case "regular":
+    default:
+      return 800;
+  }
+}
+
 export const Dialog = (props: DialogProps) => {
   const [islandNode, setIslandNode] = useCallbackRefState<HTMLDivElement>();
   const [lastActiveElement] = useState(document.activeElement);
@@ -85,9 +103,7 @@ export const Dialog = (props: DialogProps) => {
     <Modal
       className={clsx("Dialog", props.className)}
       labelledBy="dialog-title"
-      maxWidth={
-        props.size === "wide" ? 1024 : props.size === "small" ? 550 : 800
-      }
+      maxWidth={getDialogSize(props.size)}
       onCloseRequest={onClose}
       closeOnClickOutside={props.closeOnClickOutside}
     >
diff --git a/src/components/FilledButton.scss b/src/components/FilledButton.scss
index d742e22e7..e171ff8d0 100644
--- a/src/components/FilledButton.scss
+++ b/src/components/FilledButton.scss
@@ -2,20 +2,140 @@
 
 .excalidraw {
   .ExcButton {
-    &--color-primary {
-      color: var(--input-bg-color);
+    --text-color: transparent;
+    --border-color: transparent;
+    --back-color: transparent;
 
-      --accent-color: var(--color-primary);
-      --accent-color-hover: var(--color-primary-darker);
-      --accent-color-active: var(--color-primary-darkest);
+    color: var(--text-color);
+    background-color: var(--back-color);
+    border-color: var(--border-color);
+
+    &--color-primary {
+      &.ExcButton--variant-filled {
+        --text-color: var(--input-bg-color);
+        --back-color: var(--color-primary);
+
+        &:hover {
+          --back-color: var(--color-primary-darker);
+        }
+
+        &:active {
+          --back-color: var(--color-primary-darkest);
+        }
+      }
+
+      &.ExcButton--variant-outlined,
+      &.ExcButton--variant-icon {
+        --text-color: var(--color-primary);
+        --border-color: var(--color-primary);
+        --back-color: var(--input-bg-color);
+
+        &:hover {
+          --text-color: var(--color-primary-darker);
+          --border-color: var(--color-primary-darker);
+        }
+
+        &:active {
+          --text-color: var(--color-primary-darkest);
+          --border-color: var(--color-primary-darkest);
+        }
+      }
     }
 
     &--color-danger {
-      color: var(--input-bg-color);
+      &.ExcButton--variant-filled {
+        --text-color: var(--color-danger-text);
+        --back-color: var(--color-danger-dark);
 
-      --accent-color: var(--color-danger);
-      --accent-color-hover: #d65550;
-      --accent-color-active: #d1413c;
+        &:hover {
+          --back-color: var(--color-danger-darker);
+        }
+
+        &:active {
+          --back-color: var(--color-danger-darkest);
+        }
+      }
+
+      &.ExcButton--variant-outlined,
+      &.ExcButton--variant-icon {
+        --text-color: var(--color-danger);
+        --border-color: var(--color-danger);
+        --back-color: transparent;
+
+        &:hover {
+          --text-color: var(--color-danger-darkest);
+          --border-color: var(--color-danger-darkest);
+        }
+
+        &:active {
+          --text-color: var(--color-danger-darker);
+          --border-color: var(--color-danger-darker);
+        }
+      }
+    }
+
+    &--color-muted {
+      &.ExcButton--variant-filled {
+        --text-color: var(--island-bg-color);
+        --back-color: var(--color-gray-50);
+
+        &:hover {
+          --back-color: var(--color-gray-60);
+        }
+
+        &:active {
+          --back-color: var(--color-gray-80);
+        }
+      }
+
+      &.ExcButton--variant-outlined,
+      &.ExcButton--variant-icon {
+        --text-color: var(--color-muted-background);
+        --border-color: var(--color-muted);
+        --back-color: var(--island-bg-color);
+
+        &:hover {
+          --text-color: var(--color-muted-background-darker);
+          --border-color: var(--color-muted-darker);
+        }
+
+        &:active {
+          --text-color: var(--color-muted-background-darker);
+          --border-color: var(--color-muted-darkest);
+        }
+      }
+    }
+
+    &--color-warning {
+      &.ExcButton--variant-filled {
+        --text-color: black;
+        --back-color: var(--color-warning-dark);
+
+        &:hover {
+          --back-color: var(--color-warning-darker);
+        }
+
+        &:active {
+          --back-color: var(--color-warning-darkest);
+        }
+      }
+
+      &.ExcButton--variant-outlined,
+      &.ExcButton--variant-icon {
+        --text-color: var(--color-warning-dark);
+        --border-color: var(--color-warning-dark);
+        --back-color: var(--input-bg-color);
+
+        &:hover {
+          --text-color: var(--color-warning-darker);
+          --border-color: var(--color-warning-darker);
+        }
+
+        &:active {
+          --text-color: var(--color-warning-darkest);
+          --border-color: var(--color-warning-darkest);
+        }
+      }
     }
 
     display: flex;
@@ -25,6 +145,8 @@
     flex-wrap: nowrap;
 
     border-radius: 0.5rem;
+    border-width: 1px;
+    border-style: solid;
 
     font-family: "Assistant";
 
@@ -33,9 +155,9 @@
     transition: all 150ms ease-out;
 
     &--size-large {
-      font-weight: 400;
+      font-weight: 600;
       font-size: 0.875rem;
-      height: 3rem;
+      min-height: 3rem;
       padding: 0.5rem 1.5rem;
       gap: 0.75rem;
 
@@ -45,48 +167,22 @@
     &--size-medium {
       font-weight: 600;
       font-size: 0.75rem;
-      height: 2.5rem;
+      min-height: 2.5rem;
       padding: 0.5rem 1rem;
       gap: 0.5rem;
 
       letter-spacing: normal;
     }
 
-    &--variant-filled {
-      background: var(--accent-color);
-      border: 1px solid transparent;
-
-      &:hover {
-        background: var(--accent-color-hover);
-      }
-
-      &:active {
-        background: var(--accent-color-active);
-      }
-    }
-
-    &--variant-outlined,
-    &--variant-icon {
-      border: 1px solid var(--accent-color);
-      color: var(--accent-color);
-      background: transparent;
-
-      &:hover {
-        border: 1px solid var(--accent-color-hover);
-        color: var(--accent-color-hover);
-      }
-
-      &:active {
-        border: 1px solid var(--accent-color-active);
-        color: var(--accent-color-active);
-      }
-    }
-
     &--variant-icon {
       padding: 0.5rem 0.75rem;
       width: 3rem;
     }
 
+    &--fullWidth {
+      width: 100%;
+    }
+
     &__icon {
       width: 1.25rem;
       height: 1.25rem;
diff --git a/src/components/FilledButton.tsx b/src/components/FilledButton.tsx
index 0db724216..3f844cf37 100644
--- a/src/components/FilledButton.tsx
+++ b/src/components/FilledButton.tsx
@@ -4,7 +4,7 @@ import clsx from "clsx";
 import "./FilledButton.scss";
 
 export type ButtonVariant = "filled" | "outlined" | "icon";
-export type ButtonColor = "primary" | "danger";
+export type ButtonColor = "primary" | "danger" | "warning" | "muted";
 export type ButtonSize = "medium" | "large";
 
 export type FilledButtonProps = {
@@ -17,6 +17,7 @@ export type FilledButtonProps = {
   color?: ButtonColor;
   size?: ButtonSize;
   className?: string;
+  fullWidth?: boolean;
 
   startIcon?: React.ReactNode;
 };
@@ -31,6 +32,7 @@ export const FilledButton = forwardRef<HTMLButtonElement, FilledButtonProps>(
       variant = "filled",
       color = "primary",
       size = "medium",
+      fullWidth,
       className,
     },
     ref,
@@ -42,6 +44,7 @@ export const FilledButton = forwardRef<HTMLButtonElement, FilledButtonProps>(
           `ExcButton--color-${color}`,
           `ExcButton--variant-${variant}`,
           `ExcButton--size-${size}`,
+          { "ExcButton--fullWidth": fullWidth },
           className,
         )}
         onClick={onClick}
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 2c868453e..04cba8625 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -41,6 +41,7 @@ import { jotaiScope } from "../jotai";
 import { Provider, useAtom, useAtomValue } from "jotai";
 import MainMenu from "./main-menu/MainMenu";
 import { ActiveConfirmDialog } from "./ActiveConfirmDialog";
+import { OverwriteConfirmDialog } from "./OverwriteConfirm/OverwriteConfirm";
 import { HandButton } from "./HandButton";
 import { isHandToolActive } from "../appState";
 import { TunnelsContext, useInitializeTunnels } from "../context/tunnels";
@@ -99,6 +100,15 @@ const DefaultMainMenu: React.FC<{
   );
 };
 
+const DefaultOverwriteConfirmDialog = () => {
+  return (
+    <OverwriteConfirmDialog __fallback>
+      <OverwriteConfirmDialog.Actions.SaveToDisk />
+      <OverwriteConfirmDialog.Actions.ExportToImage />
+    </OverwriteConfirmDialog>
+  );
+};
+
 const LayerUI = ({
   actionManager,
   appState,
@@ -343,6 +353,7 @@ const LayerUI = ({
       >
         {t("toolBar.library")}
       </DefaultSidebar.Trigger>
+      <DefaultOverwriteConfirmDialog />
       {/* ------------------------------------------------------------------ */}
 
       {appState.isLoading && <LoadingMessage delay={250} />}
@@ -374,6 +385,7 @@ const LayerUI = ({
         />
       )}
       <ActiveConfirmDialog />
+      <tunnels.OverwriteConfirmDialogTunnel.Out />
       {renderImageExportDialog()}
       {renderJSONExportDialog()}
       {appState.pasteDialog.shown && (
diff --git a/src/components/Modal.scss b/src/components/Modal.scss
index 8bf50caaf..ad2d0c568 100644
--- a/src/components/Modal.scss
+++ b/src/components/Modal.scss
@@ -3,7 +3,7 @@
 .excalidraw {
   &.excalidraw-modal-container {
     position: absolute;
-    z-index: 10;
+    z-index: var(--zIndex-modal);
   }
 
   .Modal {
diff --git a/src/components/OverwriteConfirm/OverwriteConfirm.scss b/src/components/OverwriteConfirm/OverwriteConfirm.scss
new file mode 100644
index 000000000..23dd4f411
--- /dev/null
+++ b/src/components/OverwriteConfirm/OverwriteConfirm.scss
@@ -0,0 +1,126 @@
+@import "../../css/variables.module";
+
+.excalidraw {
+  .OverwriteConfirm {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.75rem;
+    isolation: isolate;
+
+    h3 {
+      margin: 0;
+
+      font-weight: 700;
+      font-size: 1.3125rem;
+      line-height: 130%;
+      align-self: flex-start;
+
+      color: var(--text-primary-color);
+    }
+
+    &__Description {
+      box-sizing: border-box;
+
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+      gap: 1rem;
+
+      @include isMobile {
+        flex-direction: column;
+        text-align: center;
+      }
+
+      padding: 2.5rem;
+
+      background: var(--color-danger-background);
+      border-radius: 0.5rem;
+
+      font-family: "Assistant";
+      font-style: normal;
+      font-weight: 400;
+      font-size: 1rem;
+      line-height: 150%;
+
+      color: var(--color-danger-color);
+
+      &__spacer {
+        flex-grow: 1;
+      }
+
+      &__icon {
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2.5rem;
+        background: var(--color-danger-icon-background);
+        width: 3.5rem;
+        height: 3.5rem;
+
+        padding: 0.75rem;
+
+        svg {
+          color: var(--color-danger-icon-color);
+          width: 1.5rem;
+          height: 1.5rem;
+        }
+      }
+
+      &.OverwriteConfirm__Description--color-warning {
+        background: var(--color-warning-background);
+        color: var(--color-warning-color);
+
+        .OverwriteConfirm__Description__icon {
+          background: var(--color-warning-icon-background);
+          flex: 0 0 auto;
+
+          svg {
+            color: var(--color-warning-icon-color);
+          }
+        }
+      }
+    }
+
+    &__Actions {
+      display: flex;
+      flex-direction: row;
+      align-items: stretch;
+      justify-items: stretch;
+      justify-content: center;
+      gap: 1.5rem;
+
+      @include isMobile {
+        flex-direction: column;
+      }
+
+      &__Action {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 1.5rem;
+        gap: 0.75rem;
+        flex-basis: 50%;
+        flex-grow: 0;
+
+        &__content {
+          height: 100%;
+          font-size: 0.875rem;
+          text-align: center;
+        }
+
+        h4 {
+          font-weight: 700;
+          font-size: 1.125rem;
+          line-height: 130%;
+
+          margin: 0;
+
+          color: var(--text-primary-color);
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/OverwriteConfirm/OverwriteConfirm.tsx b/src/components/OverwriteConfirm/OverwriteConfirm.tsx
new file mode 100644
index 000000000..9a674cd37
--- /dev/null
+++ b/src/components/OverwriteConfirm/OverwriteConfirm.tsx
@@ -0,0 +1,76 @@
+import React from "react";
+import { useAtom } from "jotai";
+
+import { useTunnels } from "../../context/tunnels";
+import { jotaiScope } from "../../jotai";
+import { Dialog } from "../Dialog";
+import { withInternalFallback } from "../hoc/withInternalFallback";
+import { overwriteConfirmStateAtom } from "./OverwriteConfirmState";
+
+import { FilledButton } from "../FilledButton";
+import { alertTriangleIcon } from "../icons";
+import { Actions, Action } from "./OverwriteConfirmActions";
+import "./OverwriteConfirm.scss";
+
+export type OverwriteConfirmDialogProps = {
+  children: React.ReactNode;
+};
+
+const OverwriteConfirmDialog = Object.assign(
+  withInternalFallback(
+    "OverwriteConfirmDialog",
+    ({ children }: OverwriteConfirmDialogProps) => {
+      const { OverwriteConfirmDialogTunnel } = useTunnels();
+      const [overwriteConfirmState, setState] = useAtom(
+        overwriteConfirmStateAtom,
+        jotaiScope,
+      );
+
+      if (!overwriteConfirmState.active) {
+        return null;
+      }
+
+      const handleClose = () => {
+        overwriteConfirmState.onClose();
+        setState((state) => ({ ...state, active: false }));
+      };
+
+      const handleConfirm = () => {
+        overwriteConfirmState.onConfirm();
+        setState((state) => ({ ...state, active: false }));
+      };
+
+      return (
+        <OverwriteConfirmDialogTunnel.In>
+          <Dialog onCloseRequest={handleClose} title={false} size={916}>
+            <div className="OverwriteConfirm">
+              <h3>{overwriteConfirmState.title}</h3>
+              <div
+                className={`OverwriteConfirm__Description OverwriteConfirm__Description--color-${overwriteConfirmState.color}`}
+              >
+                <div className="OverwriteConfirm__Description__icon">
+                  {alertTriangleIcon}
+                </div>
+                <div>{overwriteConfirmState.description}</div>
+                <div className="OverwriteConfirm__Description__spacer"></div>
+                <FilledButton
+                  color={overwriteConfirmState.color}
+                  size="large"
+                  label={overwriteConfirmState.actionLabel}
+                  onClick={handleConfirm}
+                />
+              </div>
+              <Actions>{children}</Actions>
+            </div>
+          </Dialog>
+        </OverwriteConfirmDialogTunnel.In>
+      );
+    },
+  ),
+  {
+    Actions,
+    Action,
+  },
+);
+
+export { OverwriteConfirmDialog };
diff --git a/src/components/OverwriteConfirm/OverwriteConfirmActions.tsx b/src/components/OverwriteConfirm/OverwriteConfirmActions.tsx
new file mode 100644
index 000000000..b5bec84cf
--- /dev/null
+++ b/src/components/OverwriteConfirm/OverwriteConfirmActions.tsx
@@ -0,0 +1,85 @@
+import React from "react";
+import { FilledButton } from "../FilledButton";
+import { useExcalidrawActionManager, useExcalidrawSetAppState } from "../App";
+import { actionSaveFileToDisk } from "../../actions";
+import { useI18n } from "../../i18n";
+import { actionChangeExportEmbedScene } from "../../actions/actionExport";
+
+export type ActionProps = {
+  title: string;
+  children: React.ReactNode;
+  actionLabel: string;
+  onClick: () => void;
+};
+
+export const Action = ({
+  title,
+  children,
+  actionLabel,
+  onClick,
+}: ActionProps) => {
+  return (
+    <div className="OverwriteConfirm__Actions__Action">
+      <h4>{title}</h4>
+      <div className="OverwriteConfirm__Actions__Action__content">
+        {children}
+      </div>
+      <FilledButton
+        variant="outlined"
+        color="muted"
+        label={actionLabel}
+        size="large"
+        fullWidth
+        onClick={onClick}
+      />
+    </div>
+  );
+};
+
+export const ExportToImage = () => {
+  const { t } = useI18n();
+  const actionManager = useExcalidrawActionManager();
+  const setAppState = useExcalidrawSetAppState();
+
+  return (
+    <Action
+      title={t("overwriteConfirm.action.exportToImage.title")}
+      actionLabel={t("overwriteConfirm.action.exportToImage.button")}
+      onClick={() => {
+        actionManager.executeAction(actionChangeExportEmbedScene, "ui", true);
+        setAppState({ openDialog: "imageExport" });
+      }}
+    >
+      {t("overwriteConfirm.action.exportToImage.description")}
+    </Action>
+  );
+};
+
+export const SaveToDisk = () => {
+  const { t } = useI18n();
+  const actionManager = useExcalidrawActionManager();
+
+  return (
+    <Action
+      title={t("overwriteConfirm.action.saveToDisk.title")}
+      actionLabel={t("overwriteConfirm.action.saveToDisk.button")}
+      onClick={() => {
+        actionManager.executeAction(actionSaveFileToDisk, "ui");
+      }}
+    >
+      {t("overwriteConfirm.action.saveToDisk.description")}
+    </Action>
+  );
+};
+
+const Actions = Object.assign(
+  ({ children }: { children: React.ReactNode }) => {
+    return <div className="OverwriteConfirm__Actions">{children}</div>;
+  },
+  {
+    ExportToImage,
+    SaveToDisk,
+  },
+);
+
+export { Actions };
diff --git a/src/components/OverwriteConfirm/OverwriteConfirmState.ts b/src/components/OverwriteConfirm/OverwriteConfirmState.ts
new file mode 100644
index 000000000..99060ccfd
--- /dev/null
+++ b/src/components/OverwriteConfirm/OverwriteConfirmState.ts
@@ -0,0 +1,46 @@
+import { atom } from "jotai";
+import { jotaiStore } from "../../jotai";
+import React from "react";
+
+export type OverwriteConfirmState =
+  | {
+      active: true;
+      title: string;
+      description: React.ReactNode;
+      actionLabel: string;
+      color: "danger" | "warning";
+
+      onClose: () => void;
+      onConfirm: () => void;
+      onReject: () => void;
+    }
+  | { active: false };
+
+export const overwriteConfirmStateAtom = atom<OverwriteConfirmState>({
+  active: false,
+});
+
+export async function openConfirmModal({
+  title,
+  description,
+  actionLabel,
+  color,
+}: {
+  title: string;
+  description: React.ReactNode;
+  actionLabel: string;
+  color: "danger" | "warning";
+}) {
+  return new Promise<boolean>((resolve) => {
+    jotaiStore.set(overwriteConfirmStateAtom, {
+      active: true,
+      onConfirm: () => resolve(true),
+      onClose: () => resolve(false),
+      onReject: () => resolve(false),
+      title,
+      description,
+      actionLabel,
+      color,
+    });
+  });
+}
diff --git a/src/components/ShareableLinkDialog.scss b/src/components/ShareableLinkDialog.scss
new file mode 100644
index 000000000..595acf7dd
--- /dev/null
+++ b/src/components/ShareableLinkDialog.scss
@@ -0,0 +1,91 @@
+@import "../css/variables.module";
+
+.excalidraw {
+  .ShareableLinkDialog {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+
+    color: var(--text-primary-color);
+
+    ::selection {
+      background: var(--color-primary-light-darker);
+    }
+
+    h3 {
+      font-family: "Assistant";
+      font-weight: 700;
+      font-size: 1.313rem;
+      line-height: 130%;
+
+      margin: 0;
+    }
+
+    &__popover {
+      @keyframes RoomDialog__popover__scaleIn {
+        from {
+          opacity: 0;
+        }
+        to {
+          opacity: 1;
+        }
+      }
+
+      box-sizing: border-box;
+      z-index: 100;
+
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: flex-start;
+      padding: 0.125rem 0.5rem;
+      gap: 0.125rem;
+
+      height: 1.125rem;
+
+      border: none;
+      border-radius: 0.6875rem;
+
+      font-family: "Assistant";
+      font-style: normal;
+      font-weight: 600;
+      font-size: 0.75rem;
+      line-height: 110%;
+
+      background: var(--color-success-lighter);
+      color: var(--color-success);
+
+      & > svg {
+        width: 0.875rem;
+        height: 0.875rem;
+      }
+
+      transform-origin: var(--radix-popover-content-transform-origin);
+      animation: RoomDialog__popover__scaleIn 150ms ease-out;
+    }
+
+    &__linkRow {
+      display: flex;
+      flex-direction: row;
+      align-items: flex-end;
+      gap: 0.75rem;
+    }
+
+    &__description {
+      border-top: 1px solid var(--color-gray-20);
+
+      padding: 0.5rem 0.5rem 0;
+      font-weight: 400;
+      font-size: 0.75rem;
+      line-height: 150%;
+
+      & p {
+        margin: 0;
+      }
+
+      & p + p {
+        margin-top: 1em;
+      }
+    }
+  }
+}
diff --git a/src/components/ShareableLinkDialog.tsx b/src/components/ShareableLinkDialog.tsx
new file mode 100644
index 000000000..7a53a4a82
--- /dev/null
+++ b/src/components/ShareableLinkDialog.tsx
@@ -0,0 +1,91 @@
+import { useRef, useState } from "react";
+import * as Popover from "@radix-ui/react-popover";
+
+import { copyTextToSystemClipboard } from "../clipboard";
+import { useI18n } from "../i18n";
+
+import { Dialog } from "./Dialog";
+import { TextField } from "./TextField";
+import { FilledButton } from "./FilledButton";
+import { copyIcon, tablerCheckIcon } from "./icons";
+
+import "./ShareableLinkDialog.scss";
+
+export type ShareableLinkDialogProps = {
+  link: string;
+
+  onCloseRequest: () => void;
+  setErrorMessage: (error: string) => void;
+};
+
+export const ShareableLinkDialog = ({
+  link,
+  onCloseRequest,
+  setErrorMessage,
+}: ShareableLinkDialogProps) => {
+  const { t } = useI18n();
+  const [justCopied, setJustCopied] = useState(false);
+  const timerRef = useRef<number>(0);
+  const ref = useRef<HTMLInputElement>(null);
+
+  const copyRoomLink = async () => {
+    try {
+      await copyTextToSystemClipboard(link);
+
+      setJustCopied(true);
+
+      if (timerRef.current) {
+        window.clearTimeout(timerRef.current);
+      }
+
+      timerRef.current = window.setTimeout(() => {
+        setJustCopied(false);
+      }, 3000);
+    } catch (error: any) {
+      setErrorMessage(error.message);
+    }
+
+    ref.current?.select();
+  };
+
+  return (
+    <Dialog onCloseRequest={onCloseRequest} title={false} size="small">
+      <div className="ShareableLinkDialog">
+        <h3>Shareable link</h3>
+        <div className="ShareableLinkDialog__linkRow">
+          <TextField
+            ref={ref}
+            label="Link"
+            readonly
+            fullWidth
+            value={link}
+            selectOnRender
+          />
+          <Popover.Root open={justCopied}>
+            <Popover.Trigger asChild>
+              <FilledButton
+                size="large"
+                label="Copy link"
+                startIcon={copyIcon}
+                onClick={copyRoomLink}
+              />
+            </Popover.Trigger>
+            <Popover.Content
+              onOpenAutoFocus={(event) => event.preventDefault()}
+              onCloseAutoFocus={(event) => event.preventDefault()}
+              className="ShareableLinkDialog__popover"
+              side="top"
+              align="end"
+              sideOffset={5.5}
+            >
+              {tablerCheckIcon} copied
+            </Popover.Content>
+          </Popover.Root>
+        </div>
+        <div className="ShareableLinkDialog__description">
+          🔒 {t("alerts.uploadedSecurly")}
+        </div>
+      </div>
+    </Dialog>
+  );
+};
diff --git a/src/components/TextField.tsx b/src/components/TextField.tsx
index 7f7a41fd0..0f87bdb5c 100644
--- a/src/components/TextField.tsx
+++ b/src/components/TextField.tsx
@@ -1,4 +1,10 @@
-import { forwardRef, useRef, useImperativeHandle, KeyboardEvent } from "react";
+import {
+  forwardRef,
+  useRef,
+  useImperativeHandle,
+  KeyboardEvent,
+  useLayoutEffect,
+} from "react";
 import clsx from "clsx";
 
 import "./TextField.scss";
@@ -12,6 +18,7 @@ export type TextFieldProps = {
 
   readonly?: boolean;
   fullWidth?: boolean;
+  selectOnRender?: boolean;
 
   label?: string;
   placeholder?: string;
@@ -19,13 +26,28 @@ export type TextFieldProps = {
 
 export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
   (
-    { value, onChange, label, fullWidth, placeholder, readonly, onKeyDown },
+    {
+      value,
+      onChange,
+      label,
+      fullWidth,
+      placeholder,
+      readonly,
+      selectOnRender,
+      onKeyDown,
+    },
     ref,
   ) => {
     const innerRef = useRef<HTMLInputElement | null>(null);
 
     useImperativeHandle(ref, () => innerRef.current!);
 
+    useLayoutEffect(() => {
+      if (selectOnRender) {
+        innerRef.current?.select();
+      }
+    }, [selectOnRender]);
+
     return (
       <div
         className={clsx("ExcTextField", {
diff --git a/src/components/Tooltip.scss b/src/components/Tooltip.scss
index 490e25578..07350b7e9 100644
--- a/src/components/Tooltip.scss
+++ b/src/components/Tooltip.scss
@@ -6,7 +6,7 @@
     Roboto, Helvetica, Arial, sans-serif;
   font-family: var(--ui-font);
   position: fixed;
-  z-index: 1000;
+  z-index: var(--zIndex-popup);
 
   padding: 8px;
   border-radius: 6px;
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 729c87bcc..1fcaa3c82 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -1608,6 +1608,16 @@ export const tablerCheckIcon = createIcon(
   tablerIconProps,
 );
 
+export const alertTriangleIcon = createIcon(
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" />
+    <path d="M12 9v4" />
+    <path d="M12 17h.01" />
+  </>,
+  tablerIconProps,
+);
+
 export const eyeDropperIcon = createIcon(
   <g strokeWidth={1.25}>
     <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index 100af104f..919443d12 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -1,6 +1,10 @@
 import { getShortcutFromShortcutName } from "../../actions/shortcuts";
 import { useI18n } from "../../i18n";
-import { useExcalidrawSetAppState, useExcalidrawActionManager } from "../App";
+import {
+  useExcalidrawSetAppState,
+  useExcalidrawActionManager,
+  useExcalidrawElements,
+} from "../App";
 import {
   ExportIcon,
   ExportImageIcon,
@@ -29,19 +33,42 @@ import { useSetAtom } from "jotai";
 import { activeConfirmDialogAtom } from "../ActiveConfirmDialog";
 import { jotaiScope } from "../../jotai";
 import { useUIAppState } from "../../context/ui-appState";
+import { openConfirmModal } from "../OverwriteConfirm/OverwriteConfirmState";
+import Trans from "../Trans";
 
 export const LoadScene = () => {
   const { t } = useI18n();
   const actionManager = useExcalidrawActionManager();
+  const elements = useExcalidrawElements();
 
   if (!actionManager.isActionEnabled(actionLoadScene)) {
     return null;
   }
 
+  const handleSelect = async () => {
+    if (
+      !elements.length ||
+      (await openConfirmModal({
+        title: t("overwriteConfirm.modal.loadFromFile.title"),
+        actionLabel: t("overwriteConfirm.modal.loadFromFile.button"),
+        color: "warning",
+        description: (
+          <Trans
+            i18nKey="overwriteConfirm.modal.loadFromFile.description"
+            bold={(text) => <strong>{text}</strong>}
+            br={() => <br />}
+          />
+        ),
+      }))
+    ) {
+      actionManager.executeAction(actionLoadScene);
+    }
+  };
+
   return (
     <DropdownMenuItem
       icon={LoadIcon}
-      onSelect={() => actionManager.executeAction(actionLoadScene)}
+      onSelect={handleSelect}
       data-testid="load-button"
       shortcut={getShortcutFromShortcutName("loadScene")}
       aria-label={t("buttons.load")}
diff --git a/src/context/tunnels.ts b/src/context/tunnels.ts
index c5eaef9be..fa807a600 100644
--- a/src/context/tunnels.ts
+++ b/src/context/tunnels.ts
@@ -12,6 +12,7 @@ type TunnelsContextValue = {
   FooterCenterTunnel: Tunnel;
   DefaultSidebarTriggerTunnel: Tunnel;
   DefaultSidebarTabTriggersTunnel: Tunnel;
+  OverwriteConfirmDialogTunnel: Tunnel;
   jotaiScope: symbol;
 };
 
@@ -30,6 +31,7 @@ export const useInitializeTunnels = () => {
       FooterCenterTunnel: tunnel(),
       DefaultSidebarTriggerTunnel: tunnel(),
       DefaultSidebarTabTriggersTunnel: tunnel(),
+      OverwriteConfirmDialogTunnel: tunnel(),
       jotaiScope: Symbol(),
     };
   }, []);
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 3fc2ff56d..bdd2e3158 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -5,6 +5,10 @@
   --zIndex-canvas: 1;
   --zIndex-wysiwyg: 2;
   --zIndex-layerUI: 3;
+
+  --zIndex-modal: 1000;
+  --zIndex-popup: 1001;
+  --zIndex-toast: 999999;
 }
 
 .excalidraw {
diff --git a/src/css/theme.scss b/src/css/theme.scss
index 92b5989a8..4e7af4b97 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -99,9 +99,33 @@
   --color-gray-100: #121212;
 
   --color-warning: #fceeca;
+  --color-warning-dark: #f5c354;
+  --color-warning-darker: #f3ab2c;
+  --color-warning-darkest: #ec8b14;
   --color-text-warning: var(--text-primary-color);
 
   --color-danger: #db6965;
+  --color-danger-dark: #db6965;
+  --color-danger-darker: #d65550;
+  --color-danger-darkest: #d1413c;
+  --color-danger-text: black;
+
+  --color-danger-background: #fff0f0;
+  --color-danger-icon-background: #ffdad6;
+  --color-danger-color: #700000;
+  --color-danger-icon-color: #700000;
+
+  --color-warning-background: var(--color-warning);
+  --color-warning-icon-background: var(--color-warning-dark);
+  --color-warning-color: var(--text-primary-color);
+  --color-warning-icon-color: var(--text-primary-color);
+
+  --color-muted: var(--color-gray-30);
+  --color-muted-darker: var(--color-gray-60);
+  --color-muted-darkest: var(--color-gray-100);
+  --color-muted-background: var(--color-gray-80);
+  --color-muted-background-darker: var(--color-gray-100);
+
   --color-promo: #e70078;
   --color-success: #268029;
   --color-success-lighter: #cafccc;
@@ -177,6 +201,27 @@
     --color-text-warning: var(--color-gray-80);
 
     --color-danger: #ffa8a5;
+    --color-danger-dark: #672120;
+    --color-danger-darker: #8f2625;
+    --color-danger-darkest: #ac2b29;
+    --color-danger-text: #fbcbcc;
+
+    --color-danger-background: #fbcbcc;
+    --color-danger-icon-background: #672120;
+    --color-danger-color: #261919;
+    --color-danger-icon-color: #fbcbcc;
+
+    --color-warning-background: var(--color-warning);
+    --color-warning-icon-background: var(--color-warning-dark);
+    --color-warning-color: var(--color-gray-80);
+    --color-warning-icon-color: var(--color-gray-80);
+
+    --color-muted: var(--color-gray-80);
+    --color-muted-darker: var(--color-gray-60);
+    --color-muted-darkest: var(--color-gray-20);
+    --color-muted-background: var(--color-gray-40);
+    --color-muted-background-darker: var(--color-gray-20);
+
     --color-promo: #d297ff;
   }
 }
diff --git a/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx b/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
index 86cf9cc41..8e6342d3a 100644
--- a/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
+++ b/src/excalidraw-app/components/ExportToExcalidrawPlus.tsx
@@ -16,7 +16,7 @@ import { MIME_TYPES } from "../../constants";
 import { trackEvent } from "../../analytics";
 import { getFrame } from "../../utils";
 
-const exportToExcalidrawPlus = async (
+export const exportToExcalidrawPlus = async (
   elements: readonly NonDeletedExcalidrawElement[],
   appState: Partial<AppState>,
   files: BinaryFiles,
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index 0e3cc6902..c85eb27c0 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -282,11 +282,15 @@ export const loadScene = async (
   };
 };
 
+type ExportToBackendResult =
+  | { url: null; errorMessage: string }
+  | { url: string; errorMessage: null };
+
 export const exportToBackend = async (
   elements: readonly ExcalidrawElement[],
   appState: Partial<AppState>,
   files: BinaryFiles,
-) => {
+): Promise<ExportToBackendResult> => {
   const encryptionKey = await generateEncryptionKey("string");
 
   const payload = await compressData(
@@ -327,14 +331,18 @@ export const exportToBackend = async (
         files: filesToUpload,
       });
 
-      window.prompt(`🔒${t("alerts.uploadedSecurly")}`, urlString);
+      return { url: urlString, errorMessage: null };
     } else if (json.error_class === "RequestTooLargeError") {
-      window.alert(t("alerts.couldNotCreateShareableLinkTooBig"));
-    } else {
-      window.alert(t("alerts.couldNotCreateShareableLink"));
+      return {
+        url: null,
+        errorMessage: t("alerts.couldNotCreateShareableLinkTooBig"),
+      };
     }
+
+    return { url: null, errorMessage: t("alerts.couldNotCreateShareableLink") };
   } catch (error: any) {
     console.error(error);
-    window.alert(t("alerts.couldNotCreateShareableLink"));
+
+    return { url: null, errorMessage: t("alerts.couldNotCreateShareableLink") };
   }
 };
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 3952ac24d..860437f3c 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -69,7 +69,10 @@ import {
 } from "./data/localStorage";
 import CustomStats from "./CustomStats";
 import { restore, restoreAppState, RestoredDataState } from "../data/restore";
-import { ExportToExcalidrawPlus } from "./components/ExportToExcalidrawPlus";
+import {
+  ExportToExcalidrawPlus,
+  exportToExcalidrawPlus,
+} from "./components/ExportToExcalidrawPlus";
 import { updateStaleImageStatuses } from "./data/FileManager";
 import { newElementWith } from "../element/mutateElement";
 import { isInitializedImageElement } from "../element/typeChecks";
@@ -88,6 +91,10 @@ import { appJotaiStore } from "./app-jotai";
 
 import "./index.scss";
 import { ResolutionType } from "../utility-types";
+import { ShareableLinkDialog } from "../components/ShareableLinkDialog";
+import { openConfirmModal } from "../components/OverwriteConfirm/OverwriteConfirmState";
+import { OverwriteConfirmDialog } from "../components/OverwriteConfirm/OverwriteConfirm";
+import Trans from "../components/Trans";
 
 polyfill();
 
@@ -98,6 +105,19 @@ languageDetector.init({
   languageUtils: {},
 });
 
+const shareableLinkConfirmDialog = {
+  title: t("overwriteConfirm.modal.shareableLink.title"),
+  description: (
+    <Trans
+      i18nKey="overwriteConfirm.modal.shareableLink.description"
+      bold={(text) => <strong>{text}</strong>}
+      br={() => <br />}
+    />
+  ),
+  actionLabel: t("overwriteConfirm.modal.shareableLink.button"),
+  color: "danger",
+} as const;
+
 const initializeScene = async (opts: {
   collabAPI: CollabAPI | null;
   excalidrawAPI: ExcalidrawImperativeAPI;
@@ -129,7 +149,7 @@ const initializeScene = async (opts: {
       // don't prompt for collab scenes because we don't override local storage
       roomLinkData ||
       // otherwise, prompt whether user wants to override current scene
-      window.confirm(t("alerts.loadSceneOverridePrompt"))
+      (await openConfirmModal(shareableLinkConfirmDialog))
     ) {
       if (jsonBackendMatch) {
         scene = await loadScene(
@@ -168,7 +188,7 @@ const initializeScene = async (opts: {
       const data = await loadFromBlob(await request.blob(), null, null);
       if (
         !scene.elements.length ||
-        window.confirm(t("alerts.loadSceneOverridePrompt"))
+        (await openConfirmModal(shareableLinkConfirmDialog))
       ) {
         return { scene: data, isExternalScene };
       }
@@ -554,6 +574,10 @@ const ExcalidrawWrapper = () => {
     }
   };
 
+  const [latestShareableLink, setLatestShareableLink] = useState<string | null>(
+    null,
+  );
+
   const onExportToBackend = async (
     exportedElements: readonly NonDeletedExcalidrawElement[],
     appState: Partial<AppState>,
@@ -565,7 +589,7 @@ const ExcalidrawWrapper = () => {
     }
     if (canvas) {
       try {
-        await exportToBackend(
+        const { url, errorMessage } = await exportToBackend(
           exportedElements,
           {
             ...appState,
@@ -575,6 +599,14 @@ const ExcalidrawWrapper = () => {
           },
           files,
         );
+
+        if (errorMessage) {
+          setErrorMessage(errorMessage);
+        }
+
+        if (url) {
+          setLatestShareableLink(url);
+        }
       } catch (error: any) {
         if (error.name !== "AbortError") {
           const { width, height } = canvas;
@@ -674,21 +706,47 @@ const ExcalidrawWrapper = () => {
           setCollabDialogShown={setCollabDialogShown}
           isCollabEnabled={!isCollabDisabled}
         />
+        <OverwriteConfirmDialog>
+          <OverwriteConfirmDialog.Actions.ExportToImage />
+          <OverwriteConfirmDialog.Actions.SaveToDisk />
+          {excalidrawAPI && (
+            <OverwriteConfirmDialog.Action
+              title={t("overwriteConfirm.action.excalidrawPlus.title")}
+              actionLabel={t("overwriteConfirm.action.excalidrawPlus.button")}
+              onClick={() => {
+                exportToExcalidrawPlus(
+                  excalidrawAPI.getSceneElements(),
+                  excalidrawAPI.getAppState(),
+                  excalidrawAPI.getFiles(),
+                );
+              }}
+            >
+              {t("overwriteConfirm.action.excalidrawPlus.description")}
+            </OverwriteConfirmDialog.Action>
+          )}
+        </OverwriteConfirmDialog>
         <AppFooter />
         {isCollaborating && isOffline && (
           <div className="collab-offline-warning">
             {t("alerts.collabOfflineWarning")}
           </div>
         )}
+        {latestShareableLink && (
+          <ShareableLinkDialog
+            link={latestShareableLink}
+            onCloseRequest={() => setLatestShareableLink(null)}
+            setErrorMessage={setErrorMessage}
+          />
+        )}
         {excalidrawAPI && !isCollabDisabled && (
           <Collab excalidrawAPI={excalidrawAPI} />
         )}
+        {errorMessage && (
+          <ErrorDialog onClose={() => setErrorMessage("")}>
+            {errorMessage}
+          </ErrorDialog>
+        )}
       </Excalidraw>
-      {errorMessage && (
-        <ErrorDialog onClose={() => setErrorMessage("")}>
-          {errorMessage}
-        </ErrorDialog>
-      )}
     </div>
   );
 };
diff --git a/src/locales/en.json b/src/locales/en.json
index b73f79997..7092e9be8 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -449,5 +449,36 @@
     "shades": "Shades",
     "hexCode": "Hex code",
     "noShades": "No shades available for this color"
+  },
+  "overwriteConfirm": {
+    "action": {
+      "exportToImage": {
+        "title": "Export as image",
+        "button": "Export as image",
+        "description": "Export the scene data as an image from which you can import later."
+      },
+      "saveToDisk": {
+        "title": "Save to disk",
+        "button": "Save to disk",
+        "description": "Export the scene data to a file from which you can import later."
+      },
+      "excalidrawPlus": {
+        "title": "Excalidraw+",
+        "button": "Export to Excalidraw+",
+        "description": "Save the scene to your Excalidraw+ workspace."
+      }
+    },
+    "modal": {
+      "loadFromFile": {
+        "title": "Load from file",
+        "button": "Load from file",
+        "description": "Loading from a file will <bold>replace your existing content</bold>.<br></br>You can back up your drawing first using one of the options below."
+      },
+      "shareableLink": {
+        "title": "Load from link",
+        "button": "Replace my content",
+        "description": "Loading external drawing will <bold>replace your existing content</bold>.<br></br>You can back up your drawing first by using one of the options below."
+      }
+    }
   }
 }

From 3d57112480eee2991566818ae2d90fd948db4f56 Mon Sep 17 00:00:00 2001
From: Excalidraw Bot <77840495+excalibot@users.noreply.github.com>
Date: Mon, 19 Jun 2023 17:10:09 +0200
Subject: [PATCH 222/252] chore: Update translations from Crowdin (#6677)

---
 src/locales/ar-SA.json       |  6 ++-
 src/locales/az-AZ.json       |  6 ++-
 src/locales/bg-BG.json       |  6 ++-
 src/locales/bn-BD.json       |  6 ++-
 src/locales/ca-ES.json       |  6 ++-
 src/locales/cs-CZ.json       |  6 ++-
 src/locales/da-DK.json       |  6 ++-
 src/locales/de-DE.json       |  6 ++-
 src/locales/el-GR.json       |  6 ++-
 src/locales/es-ES.json       |  6 ++-
 src/locales/eu-ES.json       | 74 ++++++++++++++++++-----------------
 src/locales/fa-IR.json       |  6 ++-
 src/locales/fi-FI.json       |  6 ++-
 src/locales/fr-FR.json       |  6 ++-
 src/locales/gl-ES.json       |  6 ++-
 src/locales/he-IL.json       |  6 ++-
 src/locales/hi-IN.json       |  6 ++-
 src/locales/hu-HU.json       |  6 ++-
 src/locales/id-ID.json       |  6 ++-
 src/locales/it-IT.json       | 10 +++--
 src/locales/ja-JP.json       |  6 ++-
 src/locales/kaa.json         |  6 ++-
 src/locales/kab-KAB.json     |  6 ++-
 src/locales/kk-KZ.json       |  6 ++-
 src/locales/km-KH.json       |  6 ++-
 src/locales/ko-KR.json       |  6 ++-
 src/locales/ku-TR.json       | 76 +++++++++++++++++++-----------------
 src/locales/lt-LT.json       |  6 ++-
 src/locales/lv-LV.json       |  6 ++-
 src/locales/mr-IN.json       |  6 ++-
 src/locales/my-MM.json       |  6 ++-
 src/locales/nb-NO.json       |  6 ++-
 src/locales/nl-NL.json       |  6 ++-
 src/locales/nn-NO.json       |  6 ++-
 src/locales/oc-FR.json       |  6 ++-
 src/locales/pa-IN.json       |  6 ++-
 src/locales/percentages.json | 72 +++++++++++++++++-----------------
 src/locales/pl-PL.json       |  6 ++-
 src/locales/pt-BR.json       |  6 ++-
 src/locales/pt-PT.json       |  6 ++-
 src/locales/ro-RO.json       |  6 ++-
 src/locales/ru-RU.json       |  6 ++-
 src/locales/si-LK.json       |  6 ++-
 src/locales/sk-SK.json       |  6 ++-
 src/locales/sl-SI.json       |  6 ++-
 src/locales/sv-SE.json       |  6 ++-
 src/locales/ta-IN.json       |  6 ++-
 src/locales/th-TH.json       |  6 ++-
 src/locales/tr-TR.json       |  6 ++-
 src/locales/uk-UA.json       |  6 ++-
 src/locales/vi-VN.json       |  6 ++-
 src/locales/zh-CN.json       |  6 ++-
 src/locales/zh-HK.json       |  6 ++-
 src/locales/zh-TW.json       |  6 ++-
 54 files changed, 372 insertions(+), 160 deletions(-)

diff --git a/src/locales/ar-SA.json b/src/locales/ar-SA.json
index 9f8b11f4b..6d94f0ad2 100644
--- a/src/locales/ar-SA.json
+++ b/src/locales/ar-SA.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "نُشر",
     "sidebarLock": "إبقاء الشريط الجانبي مفتوح",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "وضع القلم - امنع اللمس",
     "link": "إضافة/تحديث الرابط للشكل المحدد",
     "eraser": "ممحاة",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "إجراءات اللوحة",
diff --git a/src/locales/az-AZ.json b/src/locales/az-AZ.json
index b42f3b422..2618ccbdc 100644
--- a/src/locales/az-AZ.json
+++ b/src/locales/az-AZ.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "",
diff --git a/src/locales/bg-BG.json b/src/locales/bg-BG.json
index a7b2d3493..76bcef574 100644
--- a/src/locales/bg-BG.json
+++ b/src/locales/bg-BG.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Действия по платното",
diff --git a/src/locales/bn-BD.json b/src/locales/bn-BD.json
index 909712aa6..2c5aa7277 100644
--- a/src/locales/bn-BD.json
+++ b/src/locales/bn-BD.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "প্রকাশিত",
     "sidebarLock": "লক",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "একটি নির্বাচিত আকৃতির জন্য লিঙ্ক যোগ বা আপডেট করুন",
     "eraser": "ঝাড়ন",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "ক্যানভাস কার্যকলাপ",
diff --git a/src/locales/ca-ES.json b/src/locales/ca-ES.json
index 5691eaf69..daa9da8c4 100644
--- a/src/locales/ca-ES.json
+++ b/src/locales/ca-ES.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicat",
     "sidebarLock": "Manté la barra lateral oberta",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Mode de llapis - evita tocar",
     "link": "Afegeix / actualitza l'enllaç per a la forma seleccionada",
     "eraser": "Esborrador",
-    "hand": "Mà (eina de desplaçament)"
+    "frame": "",
+    "hand": "Mà (eina de desplaçament)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Accions del llenç",
diff --git a/src/locales/cs-CZ.json b/src/locales/cs-CZ.json
index 73dcadeae..528fb1b63 100644
--- a/src/locales/cs-CZ.json
+++ b/src/locales/cs-CZ.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Zveřejněno",
     "sidebarLock": "Ponechat postranní panel otevřený",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "Vyberte barvu z plátna"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Režim Pera - zabránit dotyku",
     "link": "Přidat/aktualizovat odkaz pro vybraný tvar",
     "eraser": "Guma",
-    "hand": "Ruka (nástroj pro posouvání)"
+    "frame": "",
+    "hand": "Ruka (nástroj pro posouvání)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Akce plátna",
diff --git a/src/locales/da-DK.json b/src/locales/da-DK.json
index 60144da9a..dd2b8c3fa 100644
--- a/src/locales/da-DK.json
+++ b/src/locales/da-DK.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index cbb0e7b53..81fe54dd1 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Veröffentlicht",
     "sidebarLock": "Seitenleiste offen lassen",
+    "selectAllElementsInFrame": "Alle Elemente im Rahmen auswählen",
+    "removeAllElementsFromFrame": "Alle Elemente aus dem Rahmen entfernen",
     "eyeDropper": "Farbe von der Zeichenfläche auswählen"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Stift-Modus - Berührung verhindern",
     "link": "Link für ausgewählte Form hinzufügen / aktualisieren",
     "eraser": "Radierer",
-    "hand": "Hand (Schwenkwerkzeug)"
+    "frame": "Rahmenwerkzeug",
+    "hand": "Hand (Schwenkwerkzeug)",
+    "extraTools": "Weitere Werkzeuge"
   },
   "headings": {
     "canvasActions": "Aktionen für Zeichenfläche",
diff --git a/src/locales/el-GR.json b/src/locales/el-GR.json
index a61ff77f6..ce52d8281 100644
--- a/src/locales/el-GR.json
+++ b/src/locales/el-GR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Δημοσιευμένο",
     "sidebarLock": "Κρατήστε την πλαϊνή μπάρα ανοιχτή",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Λειτουργία μολυβιού - αποτροπή αφής",
     "link": "Προσθήκη/ Ενημέρωση συνδέσμου για ένα επιλεγμένο σχήμα",
     "eraser": "Γόμα",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Ενέργειες καμβά",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index f6b7ccc83..ae8d30759 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicado",
     "sidebarLock": "Mantener barra lateral abierta",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Modo Lápiz - previene toque",
     "link": "Añadir/Actualizar enlace para una forma seleccionada",
     "eraser": "Borrar",
-    "hand": "Mano (herramienta de panoramización)"
+    "frame": "",
+    "hand": "Mano (herramienta de panoramización)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Acciones del lienzo",
diff --git a/src/locales/eu-ES.json b/src/locales/eu-ES.json
index 4999cc788..e66849dac 100644
--- a/src/locales/eu-ES.json
+++ b/src/locales/eu-ES.json
@@ -124,7 +124,9 @@
     },
     "statusPublished": "Argitaratua",
     "sidebarLock": "Mantendu alboko barra irekita",
-    "eyeDropper": ""
+    "selectAllElementsInFrame": "Hautatu markoko elementu guztiak",
+    "removeAllElementsFromFrame": "Kendu markoko elementu guztiak",
+    "eyeDropper": "Aukeratu kolorea oihaletik"
   },
   "library": {
     "noItems": "Oraindik ez da elementurik gehitu...",
@@ -221,7 +223,9 @@
     "penMode": "Luma modua - ukipena saihestu",
     "link": "Gehitu / Eguneratu esteka hautatutako forma baterako",
     "eraser": "Borragoma",
-    "hand": "Eskua (panoratze tresna)"
+    "frame": "Marko tresna",
+    "hand": "Eskua (panoratze tresna)",
+    "extraTools": "Tresna gehiago"
   },
   "headings": {
     "canvasActions": "Canvas ekintzak",
@@ -356,27 +360,27 @@
     "removeItemsFromLib": "Kendu hautatutako elementuak liburutegitik"
   },
   "imageExportDialog": {
-    "header": "",
+    "header": "Esportatu irudia",
     "label": {
-      "withBackground": "",
-      "onlySelected": "",
-      "darkMode": "",
-      "embedScene": "",
-      "scale": "",
-      "padding": ""
+      "withBackground": "Atzeko planoa",
+      "onlySelected": "Hautapena soilik",
+      "darkMode": "Modu iluna",
+      "embedScene": "Txertatu eszena",
+      "scale": "Eskala",
+      "padding": "Betegarria"
     },
     "tooltip": {
-      "embedScene": ""
+      "embedScene": "Eszenaren datuak esportatutako PNG/SVG fitxategian gordeko dira, eszena bertatik berrezartzeko.\nEsportatutako fitxategien tamaina handituko da."
     },
     "title": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "Esportatu PNG gisa",
+      "exportToSvg": "Esportatu SVG gisa",
+      "copyPngToClipboard": "Kopiatu PNG arbelera"
     },
     "button": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "Kopiatu arbelean"
     }
   },
   "encrypted": {
@@ -411,20 +415,20 @@
   },
   "colors": {
     "transparent": "Gardena",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "Beltza",
+    "white": "Zuria",
+    "red": "Gorria",
+    "pink": "Arrosa",
+    "grape": "Mahats kolorea",
+    "violet": "Bioleta",
+    "gray": "Grisa",
+    "blue": "Urdina",
+    "cyan": "Ziana",
+    "teal": "Berde urdinxka",
+    "green": "Berdea",
+    "yellow": "Horia",
+    "orange": "Laranja",
+    "bronze": "Brontzea"
   },
   "welcomeScreen": {
     "app": {
@@ -440,10 +444,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "Gehien erabilitako kolore pertsonalizatuak",
+    "colors": "Koloreak",
+    "shades": "Ñabardurak",
+    "hexCode": "Hez kodea",
+    "noShades": "Kolore honetarako ez dago ñabardurarik eskuragarri"
   }
 }
diff --git a/src/locales/fa-IR.json b/src/locales/fa-IR.json
index c2eb68822..1870a1730 100644
--- a/src/locales/fa-IR.json
+++ b/src/locales/fa-IR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "منتشر شده",
     "sidebarLock": "باز نگه داشتن سایدبار",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "حالت قلم - جلوگیری از تماس",
     "link": "افزودن/به‌روزرسانی پیوند برای شکل انتخابی",
     "eraser": "پاک کن",
-    "hand": "دست (ابزار پانینگ)"
+    "frame": "",
+    "hand": "دست (ابزار پانینگ)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "عملیات روی بوم",
diff --git a/src/locales/fi-FI.json b/src/locales/fi-FI.json
index ccda70751..d1c68b12a 100644
--- a/src/locales/fi-FI.json
+++ b/src/locales/fi-FI.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Julkaistu",
     "sidebarLock": "Pidä sivupalkki avoinna",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Kynätila - estä kosketus",
     "link": "Lisää/päivitä linkki valitulle muodolle",
     "eraser": "Poistotyökalu",
-    "hand": "Käsi (panning-työkalu)"
+    "frame": "",
+    "hand": "Käsi (panning-työkalu)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Piirtoalueen toiminnot",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index baa33d590..e48cf1a85 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publié",
     "sidebarLock": "Maintenir la barre latérale ouverte",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Mode stylo - évite le toucher",
     "link": "Ajouter/mettre à jour le lien pour une forme sélectionnée",
     "eraser": "Gomme",
-    "hand": "Mains (outil de déplacement de la vue)"
+    "frame": "",
+    "hand": "Mains (outil de déplacement de la vue)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Actions du canevas",
diff --git a/src/locales/gl-ES.json b/src/locales/gl-ES.json
index 99ecaeb57..7522860a6 100644
--- a/src/locales/gl-ES.json
+++ b/src/locales/gl-ES.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicado",
     "sidebarLock": "Manter a barra lateral aberta",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Modo lapis - evitar o contacto",
     "link": "Engadir/ Actualizar ligazón para a forma seleccionada",
     "eraser": "Goma de borrar",
-    "hand": "Man (ferramenta de desprazamento)"
+    "frame": "",
+    "hand": "Man (ferramenta de desprazamento)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Accións do lenzo",
diff --git a/src/locales/he-IL.json b/src/locales/he-IL.json
index 57d5c7582..8cdc242f0 100644
--- a/src/locales/he-IL.json
+++ b/src/locales/he-IL.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "פורסם",
     "sidebarLock": "שמור את סרגל הצד פתוח",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "מצב עט - מנע נגיעה",
     "link": "הוספה/עדכון קישור של הצורה שנבחרה",
     "eraser": "מחק",
-    "hand": "יד (כלי הזזה)"
+    "frame": "",
+    "hand": "יד (כלי הזזה)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "פעולות קנבאס",
diff --git a/src/locales/hi-IN.json b/src/locales/hi-IN.json
index 981af6556..66b517c0d 100644
--- a/src/locales/hi-IN.json
+++ b/src/locales/hi-IN.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "प्रकाशित",
     "sidebarLock": "साइडबार खुला रखे.",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "चित्रफलक से रंग चुने"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "पेन का मोड - स्पर्श टाले",
     "link": "",
     "eraser": "रबड़",
-    "hand": "हाथ ( खिसकाने का औज़ार)"
+    "frame": "",
+    "hand": "हाथ ( खिसकाने का औज़ार)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "कैनवास क्रिया",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 7eeb02b43..2e22ee296 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "Hivatkozás hozzáadása/frissítése a kiválasztott alakzathoz",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Vászon műveletek",
diff --git a/src/locales/id-ID.json b/src/locales/id-ID.json
index 6087cf432..8ce039700 100644
--- a/src/locales/id-ID.json
+++ b/src/locales/id-ID.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Telah terbit",
     "sidebarLock": "Biarkan sidebar tetap terbuka",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Mode pena - mencegah sentuhan",
     "link": "Tambah/Perbarui tautan untuk bentuk yang dipilih",
     "eraser": "Penghapus",
-    "hand": "Tangan (alat panning)"
+    "frame": "",
+    "hand": "Tangan (alat panning)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Opsi Kanvas",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index b998aa29b..b1ff02efe 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Pubblicato",
     "sidebarLock": "Mantieni aperta la barra laterale",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Modalità penna - previene il tocco",
     "link": "Aggiungi/ aggiorna il link per una forma selezionata",
     "eraser": "Gomma",
-    "hand": "Mano (strumento di panoramica)"
+    "frame": "",
+    "hand": "Mano (strumento di panoramica)",
+    "extraTools": "Altri strumenti"
   },
   "headings": {
     "canvasActions": "Azioni sulla Tela",
@@ -361,12 +365,12 @@
       "withBackground": "Sfondo",
       "onlySelected": "Solo selezionato",
       "darkMode": "Tema scuro",
-      "embedScene": "",
+      "embedScene": "Includi scena",
       "scale": "Scala",
       "padding": ""
     },
     "tooltip": {
-      "embedScene": ""
+      "embedScene": "I dati della scena saranno salvati nel file PNG/SVG esportato in modo che la scena possa essere ripristinata da esso.\nQuesto aumenterà la dimensione del file esportato."
     },
     "title": {
       "exportToPng": "Esporta come PNG",
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index faf0a6b41..018752c23 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "公開済み",
     "sidebarLock": "サイドバーを開いたままにする",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "ペンモード - タッチ防止",
     "link": "選択した図形のリンクを追加/更新",
     "eraser": "消しゴム",
-    "hand": "手 (パンニングツール)"
+    "frame": "",
+    "hand": "手 (パンニングツール)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "キャンバス操作",
diff --git a/src/locales/kaa.json b/src/locales/kaa.json
index f8beb6ab5..5b83e7d2e 100644
--- a/src/locales/kaa.json
+++ b/src/locales/kaa.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "Óshirgish",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "",
diff --git a/src/locales/kab-KAB.json b/src/locales/kab-KAB.json
index 3b5fddba6..a0465c654 100644
--- a/src/locales/kab-KAB.json
+++ b/src/locales/kab-KAB.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Yeffeɣ-d",
     "sidebarLock": "Eǧǧ afeggag n yidis yeldi",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Askar n yimru - gdel tanalit",
     "link": "Rnu/leqqem aseɣwen i talɣa yettwafernen",
     "eraser": "Sfeḍ",
-    "hand": "Afus (afecku n usmutti n tmuɣli)"
+    "frame": "",
+    "hand": "Afus (afecku n usmutti n tmuɣli)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Tigawin n teɣzut n usuneɣ",
diff --git a/src/locales/kk-KZ.json b/src/locales/kk-KZ.json
index 676d8162e..e960a1325 100644
--- a/src/locales/kk-KZ.json
+++ b/src/locales/kk-KZ.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "",
diff --git a/src/locales/km-KH.json b/src/locales/km-KH.json
index c5a08e4b6..ff51abd8d 100644
--- a/src/locales/km-KH.json
+++ b/src/locales/km-KH.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "ត្រូវបានបោះពុម្ពផ្សាយ",
     "sidebarLock": "ទុករបារចំហៀងបើក",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "របៀបប៊ិច - ជៀសវាងការប៉ះ",
     "link": "បន្ថែម/ធ្វើបច្ចុប្បន្នភាពតំណភ្ជាប់សម្រាប់រូបរាងដែលបានជ្រើសរើស",
     "eraser": "ជ័រលុប",
-    "hand": "ដៃ (panning tool)"
+    "frame": "",
+    "hand": "ដៃ (panning tool)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "សកម្មភាពបាវ",
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index c63a3e927..c6337bc8d 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "게시됨",
     "sidebarLock": "사이드바 유지",
+    "selectAllElementsInFrame": "프레임의 모든 요소 선택",
+    "removeAllElementsFromFrame": "프레임의 모든 요소 삭제",
     "eyeDropper": "캔버스에서 색상 고르기"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "펜 모드 - 터치 방지",
     "link": "선택한 도형에 대해서 링크를 추가/업데이트",
     "eraser": "지우개",
-    "hand": "손 (패닝 도구)"
+    "frame": "프레임 도구",
+    "hand": "손 (패닝 도구)",
+    "extraTools": "다른 도구"
   },
   "headings": {
     "canvasActions": "캔버스 동작",
diff --git a/src/locales/ku-TR.json b/src/locales/ku-TR.json
index d040c6285..7f83c67cb 100644
--- a/src/locales/ku-TR.json
+++ b/src/locales/ku-TR.json
@@ -71,7 +71,7 @@
     "language": "زمان",
     "liveCollaboration": "هاوکاریکردنی زیندو...",
     "duplicateSelection": "لەبەرگرتنەوە",
-    "untitled": "بێ-ناو",
+    "untitled": "بێ ناونیشان",
     "name": "ناو",
     "yourName": "ناوەکەت",
     "madeWithExcalidraw": "دروستکراوە بە Excalidraw",
@@ -124,7 +124,9 @@
     },
     "statusPublished": "بڵاوکراوەتەوە",
     "sidebarLock": "هێشتنەوەی شریتی لا بە کراوەیی",
-    "eyeDropper": ""
+    "selectAllElementsInFrame": "هەموو توخمەکانی ناو چوارچێوەکە دیاری بکە",
+    "removeAllElementsFromFrame": "هەموو توخمەکانی ناو چوارچێوەکە لابەرە",
+    "eyeDropper": "ڕەنگێک لەسەر تابلۆکە هەڵبژێرە"
   },
   "library": {
     "noItems": "هێشتا هیچ بڕگەیەک زیاد نەکراوە...",
@@ -221,7 +223,9 @@
     "penMode": "شێوازی قەڵەم - دەست لێدان ڕابگرە",
     "link": "زیادکردن/ نوێکردنەوەی لینک بۆ شێوەی دیاریکراو",
     "eraser": "سڕەر",
-    "hand": "دەست (ئامرازی پانکردن)"
+    "frame": "ئامرازی چوارچێوە",
+    "hand": "دەست (ئامرازی پانکردن)",
+    "extraTools": "ئامرازی زیاتر"
   },
   "headings": {
     "canvasActions": "کردارەکانی تابلۆ",
@@ -356,27 +360,27 @@
     "removeItemsFromLib": "لابردنی ئایتمە دیاریکراوەکان لە کتێبخانە"
   },
   "imageExportDialog": {
-    "header": "",
+    "header": "وێنە هەناردە بکە",
     "label": {
-      "withBackground": "",
-      "onlySelected": "",
-      "darkMode": "",
-      "embedScene": "",
-      "scale": "",
-      "padding": ""
+      "withBackground": "پاشبنەما",
+      "onlySelected": "تەنها دیاریکراوەکان",
+      "darkMode": "دۆخی تاریک",
+      "embedScene": "دیمەنەکە بەکاربهێنەرەوە",
+      "scale": "قەبارە",
+      "padding": "بۆشایی"
     },
     "tooltip": {
-      "embedScene": ""
+      "embedScene": "داتاکانی دیمەنەکە لە فایلە هەناردەکراوەکەی PNG/SVG هەڵدەگیرێن بۆ ئەوەی دیمەنەکە لێیەوە بگەڕێتەوە.\nقەبارەی پەڕگەی هەناردەکراو زیاد دەکات."
     },
     "title": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "هەناردە بکە وەک PNG",
+      "exportToSvg": "هەناردە بکە وەک SVG",
+      "copyPngToClipboard": "لەبەربگرەوە بۆ سەر تەختەنوس"
     },
     "button": {
-      "exportToPng": "",
-      "exportToSvg": "",
-      "copyPngToClipboard": ""
+      "exportToPng": "PNG",
+      "exportToSvg": "SVG",
+      "copyPngToClipboard": "له‌به‌ری بگره‌وه‌ بۆ ته‌خته‌نووس"
     }
   },
   "encrypted": {
@@ -411,20 +415,20 @@
   },
   "colors": {
     "transparent": "ڕوون",
-    "black": "",
-    "white": "",
-    "red": "",
-    "pink": "",
-    "grape": "",
-    "violet": "",
-    "gray": "",
-    "blue": "",
-    "cyan": "",
-    "teal": "",
-    "green": "",
-    "yellow": "",
-    "orange": "",
-    "bronze": ""
+    "black": "ڕەش",
+    "white": "سپی",
+    "red": "سور",
+    "pink": "پەمەیی",
+    "grape": "مێوژی",
+    "violet": "مۆری کاڵ",
+    "gray": "خۆڵەمێشی",
+    "blue": "شین",
+    "cyan": "شینی ئاسمانی",
+    "teal": "شەدری",
+    "green": "سه‌وز",
+    "yellow": "زەرد",
+    "orange": "پرتەقاڵی",
+    "bronze": "برۆنزی"
   },
   "welcomeScreen": {
     "app": {
@@ -440,10 +444,10 @@
     }
   },
   "colorPicker": {
-    "mostUsedCustomColors": "",
-    "colors": "",
-    "shades": "",
-    "hexCode": "",
-    "noShades": ""
+    "mostUsedCustomColors": "زۆرترین ڕەنگە باوە بەکارهاتووەکان",
+    "colors": "ڕەنگەکان",
+    "shades": "سێبەرەکان",
+    "hexCode": "کۆدی هێکس",
+    "noShades": "هیچ سێبەرێک بۆ ئەم ڕەنگە بەردەست نییە"
   }
 }
diff --git a/src/locales/lt-LT.json b/src/locales/lt-LT.json
index 71123040a..ee2fc79bc 100644
--- a/src/locales/lt-LT.json
+++ b/src/locales/lt-LT.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Rašyklio režimas - neleisti prisilietimų",
     "link": "Pridėti / Atnaujinti pasirinktos figūros nuorodą",
     "eraser": "Trintukas",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Veiksmai su drobe",
diff --git a/src/locales/lv-LV.json b/src/locales/lv-LV.json
index 6235448cb..ec9a7e392 100644
--- a/src/locales/lv-LV.json
+++ b/src/locales/lv-LV.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicēts",
     "sidebarLock": "Paturēt atvērtu sānjoslu",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Pildspalvas režīms – novērst pieskaršanos",
     "link": "Pievienot/rediģēt atlasītās figūras saiti",
     "eraser": "Dzēšgumija",
-    "hand": "Roka (panoramēšanas rīks)"
+    "frame": "",
+    "hand": "Roka (panoramēšanas rīks)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Tāfeles darbības",
diff --git a/src/locales/mr-IN.json b/src/locales/mr-IN.json
index 018071e1d..d98a1c738 100644
--- a/src/locales/mr-IN.json
+++ b/src/locales/mr-IN.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "प्रकाशित करा",
     "sidebarLock": "साइडबार उघडं ठेवा",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "चित्रफलकातून रंग निवडा"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "पेन चा मोड - स्पर्श टाळा",
     "link": "निवडलेल्या आकारासाठी दुवा जोडा/बदल करा",
     "eraser": "खोड रबर",
-    "hand": "हात ( सरकवण्या चे उपकरण)"
+    "frame": "",
+    "hand": "हात ( सरकवण्या चे उपकरण)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "पटल क्रिया",
diff --git a/src/locales/my-MM.json b/src/locales/my-MM.json
index 359111261..f5a69f8ca 100644
--- a/src/locales/my-MM.json
+++ b/src/locales/my-MM.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "ကားချပ်လုပ်ဆောင်ချက်",
diff --git a/src/locales/nb-NO.json b/src/locales/nb-NO.json
index 6f1dbb181..11962b7dc 100644
--- a/src/locales/nb-NO.json
+++ b/src/locales/nb-NO.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publisert",
     "sidebarLock": "Holde sidemenyen åpen",
+    "selectAllElementsInFrame": "Velg alle elementene i rammen",
+    "removeAllElementsFromFrame": "Fjern alle elementer fra rammen",
     "eyeDropper": "Velg farge fra lerretet"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Pennemodus - forhindre berøring",
     "link": "Legg til / oppdater link for en valgt figur",
     "eraser": "Viskelær",
-    "hand": "Hånd (panoreringsverktøy)"
+    "frame": "Rammeverktøy",
+    "hand": "Hånd (panoreringsverktøy)",
+    "extraTools": "Flere verktøy"
   },
   "headings": {
     "canvasActions": "Handlinger: lerret",
diff --git a/src/locales/nl-NL.json b/src/locales/nl-NL.json
index 11a666103..87529aac0 100644
--- a/src/locales/nl-NL.json
+++ b/src/locales/nl-NL.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Gepubliceerd",
     "sidebarLock": "Zijbalk open houden",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Pen modus - Blokkeer aanraken",
     "link": "Link toevoegen / bijwerken voor een geselecteerde vorm",
     "eraser": "Gum",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Canvasacties",
diff --git a/src/locales/nn-NO.json b/src/locales/nn-NO.json
index d5a79415e..21ed75d9c 100644
--- a/src/locales/nn-NO.json
+++ b/src/locales/nn-NO.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "Legg til/ oppdater lenke til valt figur",
     "eraser": "Viskelêr",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Handlingar: lerret",
diff --git a/src/locales/oc-FR.json b/src/locales/oc-FR.json
index a014e23d9..d549e3a1b 100644
--- a/src/locales/oc-FR.json
+++ b/src/locales/oc-FR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicat",
     "sidebarLock": "Gardar la barra laterala dobèrta",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Mòde estilo - empachar lo contact",
     "link": "Apondre/Actualizar lo ligam per una fòrma seleccionada",
     "eraser": "Goma",
-    "hand": "Man (aisina de desplaçament de la vista)"
+    "frame": "",
+    "hand": "Man (aisina de desplaçament de la vista)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Accions del canabàs",
diff --git a/src/locales/pa-IN.json b/src/locales/pa-IN.json
index eeb22d81c..18fa57b63 100644
--- a/src/locales/pa-IN.json
+++ b/src/locales/pa-IN.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "ਪ੍ਰਕਾਸ਼ਤ ਹੈ",
     "sidebarLock": "ਸਾਈਡਬਾਰ ਨੂੰ ਖੁੱਲ੍ਹਾ ਰੱਖੋ",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "ਪੈੱਨ ਮੋਡ - ਟੱਚ ਤੋਂ ਬਚਾਉਂਦਾ ਹੈ",
     "link": "",
     "eraser": "ਰਬੜ",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "ਕੈਨਵਸ ਦੀਆਂ ਕਾਰਵਾਈਆਂ",
diff --git a/src/locales/percentages.json b/src/locales/percentages.json
index da40808b6..b6b13a863 100644
--- a/src/locales/percentages.json
+++ b/src/locales/percentages.json
@@ -1,56 +1,56 @@
 {
-  "ar-SA": 80,
+  "ar-SA": 79,
   "az-AZ": 20,
   "bg-BG": 54,
-  "bn-BD": 60,
-  "ca-ES": 88,
-  "cs-CZ": 100,
+  "bn-BD": 59,
+  "ca-ES": 87,
+  "cs-CZ": 98,
   "da-DK": 33,
   "de-DE": 100,
-  "el-GR": 93,
+  "el-GR": 92,
   "en": 100,
-  "es-ES": 89,
-  "eu-ES": 90,
-  "fa-IR": 89,
-  "fi-FI": 88,
-  "fr-FR": 89,
-  "gl-ES": 89,
-  "he-IL": 87,
-  "hi-IN": 78,
+  "es-ES": 88,
+  "eu-ES": 100,
+  "fa-IR": 88,
+  "fi-FI": 87,
+  "fr-FR": 88,
+  "gl-ES": 88,
+  "he-IL": 86,
+  "hi-IN": 77,
   "hu-HU": 76,
-  "id-ID": 95,
+  "id-ID": 94,
   "it-IT": 98,
-  "ja-JP": 89,
+  "ja-JP": 88,
   "kaa": 18,
-  "kab-KAB": 88,
+  "kab-KAB": 87,
   "kk-KZ": 21,
-  "km-KH": 95,
+  "km-KH": 94,
   "ko-KR": 100,
-  "ku-TR": 90,
-  "lt-LT": 56,
-  "lv-LV": 89,
-  "mr-IN": 96,
-  "my-MM": 41,
+  "ku-TR": 100,
+  "lt-LT": 55,
+  "lv-LV": 88,
+  "mr-IN": 95,
+  "my-MM": 40,
   "nb-NO": 100,
   "nl-NL": 83,
-  "nn-NO": 77,
-  "oc-FR": 87,
-  "pa-IN": 90,
-  "pl-PL": 100,
-  "pt-BR": 99,
-  "pt-PT": 95,
-  "ro-RO": 100,
-  "ru-RU": 100,
+  "nn-NO": 76,
+  "oc-FR": 86,
+  "pa-IN": 89,
+  "pl-PL": 98,
+  "pt-BR": 98,
+  "pt-PT": 94,
+  "ro-RO": 98,
+  "ru-RU": 98,
   "si-LK": 9,
-  "sk-SK": 100,
+  "sk-SK": 98,
   "sl-SI": 100,
   "sv-SE": 100,
-  "ta-IN": 85,
-  "th-TH": 39,
-  "tr-TR": 87,
-  "uk-UA": 97,
+  "ta-IN": 84,
+  "th-TH": 38,
+  "tr-TR": 86,
+  "uk-UA": 96,
   "vi-VN": 56,
   "zh-CN": 100,
-  "zh-HK": 26,
+  "zh-HK": 25,
   "zh-TW": 100
 }
diff --git a/src/locales/pl-PL.json b/src/locales/pl-PL.json
index a323bc606..8cdd54736 100644
--- a/src/locales/pl-PL.json
+++ b/src/locales/pl-PL.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Opublikowano",
     "sidebarLock": "Panel boczny zawsze otwarty",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "Wybierz kolor z płótna"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Tryb pióra — zapobiegaj dotknięciom",
     "link": "Dodaj/aktualizuj link dla wybranego kształtu",
     "eraser": "Gumka",
-    "hand": "Ręka (narzędzie do przesuwania)"
+    "frame": "",
+    "hand": "Ręka (narzędzie do przesuwania)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Narzędzia",
diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
index 33f7d2fc6..55fdb5396 100644
--- a/src/locales/pt-BR.json
+++ b/src/locales/pt-BR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicado",
     "sidebarLock": "Manter barra lateral aberta",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Modo caneta — impede o toque",
     "link": "Adicionar/Atualizar link para uma forma selecionada",
     "eraser": "Borracha",
-    "hand": "Mão (ferramenta de rolagem)"
+    "frame": "",
+    "hand": "Mão (ferramenta de rolagem)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Ações da tela",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index 5f41bdc36..13e6c27b2 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicado",
     "sidebarLock": "Manter a barra lateral aberta",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Modo caneta - impedir toque",
     "link": "Acrescentar/ Adicionar ligação para uma forma seleccionada",
     "eraser": "Borracha",
-    "hand": "Mão (ferramenta de movimento da tela)"
+    "frame": "",
+    "hand": "Mão (ferramenta de movimento da tela)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Ações da área de desenho",
diff --git a/src/locales/ro-RO.json b/src/locales/ro-RO.json
index bbc7f70b1..cc51f74b5 100644
--- a/src/locales/ro-RO.json
+++ b/src/locales/ro-RO.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicat",
     "sidebarLock": "Păstrează deschisă bara laterală",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "Alegere culoare din pânză"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Mod stilou – împiedică atingerea",
     "link": "Adăugare/actualizare URL pentru forma selectată",
     "eraser": "Radieră",
-    "hand": "Mână (instrument de panoramare)"
+    "frame": "",
+    "hand": "Mână (instrument de panoramare)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Acțiuni pentru pânză",
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index a87d715e7..00be90c51 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Опубликовано",
     "sidebarLock": "Держать боковую панель открытой",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "Взять образец цвета с холста"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Режим пера - предотвращение касания",
     "link": "Добавить/обновить ссылку для выбранной фигуры",
     "eraser": "Ластик",
-    "hand": "Рука (перемещение холста)"
+    "frame": "",
+    "hand": "Рука (перемещение холста)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Операции холста",
diff --git a/src/locales/si-LK.json b/src/locales/si-LK.json
index 358f49541..468beaf47 100644
--- a/src/locales/si-LK.json
+++ b/src/locales/si-LK.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "",
diff --git a/src/locales/sk-SK.json b/src/locales/sk-SK.json
index 3a2bad690..cfda4f16b 100644
--- a/src/locales/sk-SK.json
+++ b/src/locales/sk-SK.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Zverejnené",
     "sidebarLock": "Nechať bočný panel otvorený",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "Vybrať farbu z plátna"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Režim pera – zabrániť dotyku",
     "link": "Pridať/ Upraviť odkaz pre vybraný tvar",
     "eraser": "Guma",
-    "hand": "Ruka (nástroj pre pohyb plátna)"
+    "frame": "",
+    "hand": "Ruka (nástroj pre pohyb plátna)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Akcie plátna",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index 3074132ca..70945a1f0 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Objavljeno",
     "sidebarLock": "Obdrži stransko vrstico odprto",
+    "selectAllElementsInFrame": "Izberi vse elemente v okvirju",
+    "removeAllElementsFromFrame": "Izbriši vse elemente v okvirju",
     "eyeDropper": "Izberi barvo s platna"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Način peresa - prepreči dotik",
     "link": "Dodaj/posodobi povezavo za izbrano obliko",
     "eraser": "Radirka",
-    "hand": "Roka (orodje za premikanje)"
+    "frame": "Okvir",
+    "hand": "Roka (orodje za premikanje)",
+    "extraTools": "Več orodij"
   },
   "headings": {
     "canvasActions": "Dejanja za platno",
diff --git a/src/locales/sv-SE.json b/src/locales/sv-SE.json
index cbade1721..e437e3924 100644
--- a/src/locales/sv-SE.json
+++ b/src/locales/sv-SE.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Publicerad",
     "sidebarLock": "Håll sidofältet öppet",
+    "selectAllElementsInFrame": "Markera alla element i rutan",
+    "removeAllElementsFromFrame": "Ta bort alla element från rutan",
     "eyeDropper": "Välj färg från canvas"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Pennläge - förhindra touch",
     "link": "Lägg till / Uppdatera länk för en vald form",
     "eraser": "Radergummi",
-    "hand": "Hand (panoreringsverktyg)"
+    "frame": "Rutverktyg",
+    "hand": "Hand (panoreringsverktyg)",
+    "extraTools": "Fler verktyg"
   },
   "headings": {
     "canvasActions": "Canvas-åtgärder",
diff --git a/src/locales/ta-IN.json b/src/locales/ta-IN.json
index 8fa74c801..f7022391f 100644
--- a/src/locales/ta-IN.json
+++ b/src/locales/ta-IN.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "வெளியிடப்பட்டது",
     "sidebarLock": "பக்கப்பட்டையைத் திறந்தே வை",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": "கித்தானிலிருந்து நிறம் தேர்ந்தெடு"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "தேர்தெடுத்த வடிவத்திற்குத் தொடுப்பைச் சேர்/ புதுப்பி",
     "eraser": "அழிப்பி",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "கித்தான் செயல்கள்",
diff --git a/src/locales/th-TH.json b/src/locales/th-TH.json
index b94bb8e0a..9d06b8cbb 100644
--- a/src/locales/th-TH.json
+++ b/src/locales/th-TH.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "เผยแพร่",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "ยางลบ",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "",
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index d0c822c14..8130134ef 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Yayınlandı",
     "sidebarLock": "Kenar çubuğu açık kalsın",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Kalem modu - dokunmayı engelle",
     "link": "Seçilen şekil için bağlantı Ekle/Güncelle",
     "eraser": "Silgi",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Tuval eylemleri",
diff --git a/src/locales/uk-UA.json b/src/locales/uk-UA.json
index 97e6c043e..36d9fc7af 100644
--- a/src/locales/uk-UA.json
+++ b/src/locales/uk-UA.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Опубліковано",
     "sidebarLock": "Не закривати бокове меню",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Режим пера - запобігання дотику",
     "link": "Додати/Оновити посилання для вибраної форми",
     "eraser": "Очищувач",
-    "hand": "Рука (інструмент для панорамування)"
+    "frame": "",
+    "hand": "Рука (інструмент для панорамування)",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Дії з полотном",
diff --git a/src/locales/vi-VN.json b/src/locales/vi-VN.json
index 9b36c6126..e692854a8 100644
--- a/src/locales/vi-VN.json
+++ b/src/locales/vi-VN.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "Đã đăng tải",
     "sidebarLock": "Giữ thanh bên luôn mở",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "Chế độ bút vẽ - ngăn ngừa chạm nhầm",
     "link": "Thêm/ Chỉnh sửa liên kết cho hình được chọn",
     "eraser": "Xóa",
-    "hand": "Tay kéo"
+    "frame": "",
+    "hand": "Tay kéo",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "Hành động canvas",
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 9a8c3db37..25d43a46f 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "已发布",
     "sidebarLock": "侧边栏常驻",
+    "selectAllElementsInFrame": "选择画框中的所有元素",
+    "removeAllElementsFromFrame": "删除画框中的所有元素",
     "eyeDropper": "从画布上取色"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "笔模式 – 避免误触",
     "link": "为选中的形状添加/更新链接",
     "eraser": "橡皮",
-    "hand": "抓手（平移工具）"
+    "frame": "画框工具",
+    "hand": "抓手（平移工具）",
+    "extraTools": "更多工具"
   },
   "headings": {
     "canvasActions": "画布动作",
diff --git a/src/locales/zh-HK.json b/src/locales/zh-HK.json
index 1d31536e1..54406cb23 100644
--- a/src/locales/zh-HK.json
+++ b/src/locales/zh-HK.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "",
     "sidebarLock": "",
+    "selectAllElementsInFrame": "",
+    "removeAllElementsFromFrame": "",
     "eyeDropper": ""
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "",
     "link": "",
     "eraser": "",
-    "hand": ""
+    "frame": "",
+    "hand": "",
+    "extraTools": ""
   },
   "headings": {
     "canvasActions": "畫布動作",
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index 547ba247d..9c706dc28 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -124,6 +124,8 @@
     },
     "statusPublished": "已發布",
     "sidebarLock": "側欄維持開啟",
+    "selectAllElementsInFrame": "選取框架內的所有元素",
+    "removeAllElementsFromFrame": "從框架內移除所有元素",
     "eyeDropper": "從畫布中選取顏色"
   },
   "library": {
@@ -221,7 +223,9 @@
     "penMode": "筆模式 - 避免觸摸",
     "link": "為所選的形狀增加\b/更新連結",
     "eraser": "橡皮擦",
-    "hand": "手形（平移工具）"
+    "frame": "框架工具",
+    "hand": "手形（平移工具）",
+    "extraTools": "更多工具"
   },
   "headings": {
     "canvasActions": "canvas 動作",

From fb01ce2a00057661081397fe4e13feb6faaca62f Mon Sep 17 00:00:00 2001
From: Wu Kai <1183323265@qq.com>
Date: Wed, 21 Jun 2023 14:13:37 +0800
Subject: [PATCH 223/252] fix: typo in chart.ts (#6696)

fix: typo
---
 src/charts.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/charts.ts b/src/charts.ts
index b5714686c..d22da4329 100644
--- a/src/charts.ts
+++ b/src/charts.ts
@@ -180,7 +180,7 @@ const commonProps = {
   locked: false,
 } as const;
 
-const getChartDimentions = (spreadsheet: Spreadsheet) => {
+const getChartDimensions = (spreadsheet: Spreadsheet) => {
   const chartWidth =
     (BAR_WIDTH + BAR_GAP) * spreadsheet.values.length + BAR_GAP;
   const chartHeight = BAR_HEIGHT + BAR_GAP * 2;
@@ -250,7 +250,7 @@ const chartLines = (
   groupId: string,
   backgroundColor: string,
 ): ChartElements => {
-  const { chartWidth, chartHeight } = getChartDimentions(spreadsheet);
+  const { chartWidth, chartHeight } = getChartDimensions(spreadsheet);
   const xLine = newLinearElement({
     backgroundColor,
     groupIds: [groupId],
@@ -313,7 +313,7 @@ const chartBaseElements = (
   backgroundColor: string,
   debug?: boolean,
 ): ChartElements => {
-  const { chartWidth, chartHeight } = getChartDimentions(spreadsheet);
+  const { chartWidth, chartHeight } = getChartDimensions(spreadsheet);
 
   const title = spreadsheet.title
     ? newTextElement({

From 8dfa2a98bb58a906fddcfcde8d92191be32dcb9c Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 22 Jun 2023 14:35:01 +0200
Subject: [PATCH 224/252] fix: scrollbars renders but disable (#6706)

---
 src/components/App.tsx      | 2 +-
 src/css/styles.scss         | 5 +++++
 src/css/theme.scss          | 4 ----
 src/renderer/renderScene.ts | 2 +-
 src/scene/scrollbars.ts     | 8 ++++----
 5 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 16d0832c7..99be4b0db 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1720,7 +1720,7 @@ class App extends React.Component<AppProps, AppState> {
           theme: this.state.theme,
           imageCache: this.imageCache,
           isExporting: false,
-          renderScrollbars: !this.device.isMobile,
+          renderScrollbars: false,
         },
         callback: ({ atLeastOneVisibleElement, scrollBars }) => {
           if (scrollBars) {
diff --git a/src/css/styles.scss b/src/css/styles.scss
index bdd2e3158..826540d02 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -9,6 +9,11 @@
   --zIndex-modal: 1000;
   --zIndex-popup: 1001;
   --zIndex-toast: 999999;
+
+  --sab: env(safe-area-inset-bottom);
+  --sal: env(safe-area-inset-left);
+  --sar: env(safe-area-inset-right);
+  --sat: env(safe-area-inset-top);
 }
 
 .excalidraw {
diff --git a/src/css/theme.scss b/src/css/theme.scss
index 4e7af4b97..643f9346d 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -27,10 +27,6 @@
   --popup-secondary-bg-color: #{$oc-gray-1};
   --popup-text-color: #{$oc-black};
   --popup-text-inverted-color: #{$oc-white};
-  --sab: env(safe-area-inset-bottom);
-  --sal: env(safe-area-inset-left);
-  --sar: env(safe-area-inset-right);
-  --sat: env(safe-area-inset-top);
   --select-highlight-color: #{$oc-blue-5};
   --shadow-island: 0px 7px 14px rgba(0, 0, 0, 0.05),
     0px 0px 3.12708px rgba(0, 0, 0, 0.0798),
diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 2ee853d90..eac3d3c57 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -369,7 +369,7 @@ export const _renderScene = ({
       return { atLeastOneVisibleElement: false };
     }
     const {
-      renderScrollbars = true,
+      renderScrollbars = false,
       renderSelection = true,
       renderGrid = true,
       isExporting,
diff --git a/src/scene/scrollbars.ts b/src/scene/scrollbars.ts
index c36acde04..76a04d606 100644
--- a/src/scene/scrollbars.ts
+++ b/src/scene/scrollbars.ts
@@ -41,10 +41,10 @@ export const getScrollBars = (
   const viewportHeightDiff = viewportHeight - viewportHeightWithZoom;
 
   const safeArea = {
-    top: parseInt(getGlobalCSSVariable("sat")),
-    bottom: parseInt(getGlobalCSSVariable("sab")),
-    left: parseInt(getGlobalCSSVariable("sal")),
-    right: parseInt(getGlobalCSSVariable("sar")),
+    top: parseInt(getGlobalCSSVariable("sat")) || 0,
+    bottom: parseInt(getGlobalCSSVariable("sab")) || 0,
+    left: parseInt(getGlobalCSSVariable("sal")) || 0,
+    right: parseInt(getGlobalCSSVariable("sar")) || 0,
   };
 
   const isRTL = getLanguage().rtl;

From b7350f97070edd33d093e6195d2ed17b925ba1da Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Fri, 23 Jun 2023 06:10:08 +0800
Subject: [PATCH 225/252] fix: elements in non-existing frame getting removed
 (#6708)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/data/restore.ts | 22 ++++++++++++++++++++++
 src/frame.ts        |  7 +++++--
 src/zindex.ts       | 15 ++++++++++++++-
 3 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/src/data/restore.ts b/src/data/restore.ts
index b003cb3d9..57a0265f6 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -370,6 +370,24 @@ const repairBoundElement = (
   }
 };
 
+/**
+ * Remove an element's frameId if its containing frame is non-existent
+ *
+ * NOTE mutates elements.
+ */
+const repairFrameMembership = (
+  element: Mutable<ExcalidrawElement>,
+  elementsMap: Map<string, Mutable<ExcalidrawElement>>,
+) => {
+  if (element.frameId) {
+    const containingFrame = elementsMap.get(element.frameId);
+
+    if (!containingFrame) {
+      element.frameId = null;
+    }
+  }
+};
+
 export const restoreElements = (
   elements: ImportedDataState["elements"],
   /** NOTE doesn't serve for reconciliation */
@@ -410,6 +428,10 @@ export const restoreElements = (
   // repair binding. Mutates elements.
   const restoredElementsMap = arrayToMap(restoredElements);
   for (const element of restoredElements) {
+    if (element.frameId) {
+      repairFrameMembership(element, restoredElementsMap);
+    }
+
     if (isTextElement(element) && element.containerId) {
       repairBoundElement(element, restoredElementsMap);
     } else if (element.boundElements) {
diff --git a/src/frame.ts b/src/frame.ts
index 18273cea6..1028f4c08 100644
--- a/src/frame.ts
+++ b/src/frame.ts
@@ -304,7 +304,7 @@ export const groupsAreCompletelyOutOfFrame = (
 /**
  * Returns a map of frameId to frame elements. Includes empty frames.
  */
-export const groupByFrames = (elements: ExcalidrawElementsIncludingDeleted) => {
+export const groupByFrames = (elements: readonly ExcalidrawElement[]) => {
   const frameElementsMap = new Map<
     ExcalidrawElement["id"],
     ExcalidrawElement[]
@@ -591,6 +591,7 @@ export const updateFrameMembershipOfSelectedElements = (
 
   elementsToFilter.forEach((element) => {
     if (
+      element.frameId &&
       !isFrameElement(element) &&
       !isElementInFrame(element, allElements, appState)
     ) {
@@ -598,7 +599,9 @@ export const updateFrameMembershipOfSelectedElements = (
     }
   });
 
-  return removeElementsFromFrame(allElements, [...elementsToRemove], appState);
+  return elementsToRemove.size > 0
+    ? removeElementsFromFrame(allElements, [...elementsToRemove], appState)
+    : allElements;
 };
 
 /**
diff --git a/src/zindex.ts b/src/zindex.ts
index 7ccb38e5d..a1f051c54 100644
--- a/src/zindex.ts
+++ b/src/zindex.ts
@@ -376,9 +376,22 @@ function shift(
   ) => ExcalidrawElement[] | readonly ExcalidrawElement[],
   elementsToBeMoved?: readonly ExcalidrawElement[],
 ) {
-  let rootElements = elements.filter((element) => isRootElement(element));
+  const elementsMap = arrayToMap(elements);
   const frameElementsMap = groupByFrames(elements);
 
+  // in case root is non-existent, we promote children elements to root
+  let rootElements = elements.filter(
+    (element) =>
+      isRootElement(element) ||
+      (element.frameId && !elementsMap.has(element.frameId)),
+  );
+  // and remove non-existet root
+  for (const frameId of frameElementsMap.keys()) {
+    if (!elementsMap.has(frameId)) {
+      frameElementsMap.delete(frameId);
+    }
+  }
+
   // shift the root elements first
   rootElements = shiftFunction(
     rootElements,

From b33fa6d6f64d27adc3a47b25c0aa55711740d0af Mon Sep 17 00:00:00 2001
From: Christopher Chedeau <vjeux@fb.com>
Date: Thu, 29 Jun 2023 03:14:42 -0700
Subject: [PATCH 226/252] fix: stronger enforcement of normalizeLink (#6728)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 package.json                         |  1 +
 src/components/App.tsx               | 16 ++++++++++-----
 src/data/restore.ts                  |  3 ++-
 src/data/url.test.tsx                | 30 ++++++++++++++++++++++++++++
 src/data/url.ts                      |  9 +++++++++
 src/element/Hyperlink.tsx            | 26 +++++++++---------------
 src/packages/excalidraw/CHANGELOG.md |  1 +
 src/packages/excalidraw/index.tsx    |  2 ++
 src/renderer/renderElement.ts        |  3 ++-
 yarn.lock                            |  5 +++++
 10 files changed, 72 insertions(+), 24 deletions(-)
 create mode 100644 src/data/url.test.tsx
 create mode 100644 src/data/url.ts

diff --git a/package.json b/package.json
index 584bdcbc4..d1198fa23 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     ]
   },
   "dependencies": {
+    "@braintree/sanitize-url": "6.0.2",
     "@excalidraw/random-username": "1.0.0",
     "@radix-ui/react-popover": "1.0.3",
     "@radix-ui/react-tabs": "1.0.2",
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 99be4b0db..2479731e8 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -291,13 +291,12 @@ import {
 } from "../element/textElement";
 import { isHittingElementNotConsideringBoundingBox } from "../element/collision";
 import {
-  normalizeLink,
   showHyperlinkTooltip,
   hideHyperlinkToolip,
   Hyperlink,
   isPointHittingLinkIcon,
-  isLocalLink,
 } from "../element/Hyperlink";
+import { isLocalLink, normalizeLink } from "../data/url";
 import { shouldShowBoundingBox } from "../element/transformHandles";
 import { actionUnlockAllElements } from "../actions/actionElementLock";
 import { Fonts } from "../scene/Fonts";
@@ -3352,12 +3351,19 @@ class App extends React.Component<AppProps, AppState> {
       this.device.isMobile,
     );
     if (lastPointerDownHittingLinkIcon && lastPointerUpHittingLinkIcon) {
-      const url = this.hitLinkElement.link;
+      let url = this.hitLinkElement.link;
       if (url) {
+        url = normalizeLink(url);
         let customEvent;
         if (this.props.onLinkOpen) {
           customEvent = wrapEvent(EVENT.EXCALIDRAW_LINK, event.nativeEvent);
-          this.props.onLinkOpen(this.hitLinkElement, customEvent);
+          this.props.onLinkOpen(
+            {
+              ...this.hitLinkElement,
+              link: url,
+            },
+            customEvent,
+          );
         }
         if (!customEvent?.defaultPrevented) {
           const target = isLocalLink(url) ? "_self" : "_blank";
@@ -3365,7 +3371,7 @@ class App extends React.Component<AppProps, AppState> {
           // https://mathiasbynens.github.io/rel-noopener/
           if (newWindow) {
             newWindow.opener = null;
-            newWindow.location = normalizeLink(url);
+            newWindow.location = url;
           }
         }
       }
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 57a0265f6..5f2adc004 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -41,6 +41,7 @@ import {
   measureBaseline,
 } from "../element/textElement";
 import { COLOR_PALETTE } from "../colors";
+import { normalizeLink } from "./url";
 
 type RestoredAppState = Omit<
   AppState,
@@ -142,7 +143,7 @@ const restoreElementWithProperties = <
       ? element.boundElementIds.map((id) => ({ type: "arrow", id }))
       : element.boundElements ?? [],
     updated: element.updated ?? getUpdatedTimestamp(),
-    link: element.link ?? null,
+    link: element.link ? normalizeLink(element.link) : null,
     locked: element.locked ?? false,
   };
 
diff --git a/src/data/url.test.tsx b/src/data/url.test.tsx
new file mode 100644
index 000000000..36bed0a38
--- /dev/null
+++ b/src/data/url.test.tsx
@@ -0,0 +1,30 @@
+import { normalizeLink } from "./url";
+
+describe("normalizeLink", () => {
+  // NOTE not an extensive XSS test suite, just to check if we're not
+  // regressing in sanitization
+  it("should sanitize links", () => {
+    expect(
+      // eslint-disable-next-line no-script-url
+      normalizeLink(`javascript://%0aalert(document.domain)`).startsWith(
+        // eslint-disable-next-line no-script-url
+        `javascript:`,
+      ),
+    ).toBe(false);
+    expect(normalizeLink("ola")).toBe("ola");
+    expect(normalizeLink(" ola")).toBe("ola");
+
+    expect(normalizeLink("https://www.excalidraw.com")).toBe(
+      "https://www.excalidraw.com",
+    );
+    expect(normalizeLink("www.excalidraw.com")).toBe("www.excalidraw.com");
+    expect(normalizeLink("/ola")).toBe("/ola");
+    expect(normalizeLink("http://test")).toBe("http://test");
+    expect(normalizeLink("ftp://test")).toBe("ftp://test");
+    expect(normalizeLink("file://")).toBe("file://");
+    expect(normalizeLink("file://")).toBe("file://");
+    expect(normalizeLink("[test](https://test)")).toBe("[test](https://test)");
+    expect(normalizeLink("[[test]]")).toBe("[[test]]");
+    expect(normalizeLink("<test>")).toBe("<test>");
+  });
+});
diff --git a/src/data/url.ts b/src/data/url.ts
new file mode 100644
index 000000000..d34320a5d
--- /dev/null
+++ b/src/data/url.ts
@@ -0,0 +1,9 @@
+import { sanitizeUrl } from "@braintree/sanitize-url";
+
+export const normalizeLink = (link: string) => {
+  return sanitizeUrl(link);
+};
+
+export const isLocalLink = (link: string | null) => {
+  return !!(link?.includes(location.origin) || link?.startsWith("/"));
+};
diff --git a/src/element/Hyperlink.tsx b/src/element/Hyperlink.tsx
index 6bf3b17ea..cf741ce08 100644
--- a/src/element/Hyperlink.tsx
+++ b/src/element/Hyperlink.tsx
@@ -29,6 +29,7 @@ import { getTooltipDiv, updateTooltipPosition } from "../components/Tooltip";
 import { getSelectedElements } from "../scene";
 import { isPointHittingElementBoundingBox } from "./collision";
 import { getElementAbsoluteCoords } from "./";
+import { isLocalLink, normalizeLink } from "../data/url";
 
 import "./Hyperlink.scss";
 import { trackEvent } from "../analytics";
@@ -166,7 +167,7 @@ export const Hyperlink = ({
         />
       ) : (
         <a
-          href={element.link || ""}
+          href={normalizeLink(element.link || "")}
           className={clsx("excalidraw-hyperlinkContainer-link", {
             "d-none": isEditing,
           })}
@@ -177,7 +178,13 @@ export const Hyperlink = ({
                 EVENT.EXCALIDRAW_LINK,
                 event.nativeEvent,
               );
-              onLinkOpen(element, customEvent);
+              onLinkOpen(
+                {
+                  ...element,
+                  link: normalizeLink(element.link),
+                },
+                customEvent,
+              );
               if (customEvent.defaultPrevented) {
                 event.preventDefault();
               }
@@ -231,21 +238,6 @@ const getCoordsForPopover = (
   return { x, y };
 };
 
-export const normalizeLink = (link: string) => {
-  link = link.trim();
-  if (link) {
-    // prefix with protocol if not fully-qualified
-    if (!link.includes("://") && !/^[[\\/]/.test(link)) {
-      link = `https://${link}`;
-    }
-  }
-  return link;
-};
-
-export const isLocalLink = (link: string | null) => {
-  return !!(link?.includes(location.origin) || link?.startsWith("/"));
-};
-
 export const actionLink = register({
   name: "hyperlink",
   perform: (elements, appState) => {
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 30292159b..1cd27d95c 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,6 +15,7 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Properly sanitize element `link` urls. [#6728](https://github.com/excalidraw/excalidraw/pull/6728).
 - Sidebar component now supports tabs — for more detailed description of new behavior and breaking changes, see the linked PR. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
 - Exposed `DefaultSidebar` component to allow modifying the default sidebar, such as adding custom tabs to it. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
 
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 22f79dd33..8ee2956bb 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -247,3 +247,5 @@ export { WelcomeScreen };
 export { LiveCollaborationTrigger };
 
 export { DefaultSidebar } from "../../components/DefaultSidebar";
+
+export { normalizeLink } from "../../data/url";
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index ed6ccb69f..0efe5df96 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -50,6 +50,7 @@ import {
 } from "../element/textElement";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { getContainingFrame } from "../frame";
+import { normalizeLink } from "../data/url";
 
 // using a stronger invert (100% vs our regular 93%) and saturate
 // as a temp hack to make images in dark theme look closer to original
@@ -1203,7 +1204,7 @@ export const renderElementToSvg = (
   // if the element has a link, create an anchor tag and make that the new root
   if (element.link) {
     const anchorTag = svgRoot.ownerDocument!.createElementNS(SVG_NS, "a");
-    anchorTag.setAttribute("href", element.link);
+    anchorTag.setAttribute("href", normalizeLink(element.link));
     root.appendChild(anchorTag);
     root = anchorTag;
   }
diff --git a/yarn.lock b/yarn.lock
index 2e3c1ea8e..2e8bdda5a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1086,6 +1086,11 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
+"@braintree/sanitize-url@6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f"
+  integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==
+
 "@csstools/normalize.css@*":
   version "12.0.0"
   resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-12.0.0.tgz#a9583a75c3f150667771f30b60d9f059473e62c4"

From 29a5e982c3ca4ba52b8d78362ffe2129c1c41e2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Barnab=C3=A1s=20Moln=C3=A1r?=
 <38168628+barnabasmolnar@users.noreply.github.com>
Date: Thu, 29 Jun 2023 12:36:38 +0200
Subject: [PATCH 227/252] feat: support scrollToContent opts.fitToViewport
 (#6581)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: dwelle <luzar.david@gmail.com>
Co-authored-by: Arnošt Pleskot <arnostpleskot@gmail.com>
---
 .../@excalidraw/excalidraw/api/props/ref.mdx  |  40 +++---
 src/actions/actionCanvas.tsx                  | 136 +++++++++++++-----
 src/actions/types.ts                          |   3 +-
 src/components/App.tsx                        |  89 +++++++++---
 src/keys.ts                                   |   1 +
 src/packages/excalidraw/CHANGELOG.md          |   3 +-
 src/packages/excalidraw/example/App.tsx       |  73 +++++++++-
 src/tests/fitToContent.test.tsx               |  13 --
 src/utils.ts                                  | 130 ++++++++++++-----
 9 files changed, 364 insertions(+), 124 deletions(-)

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
index 08e807907..eaf58f758 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/ref.mdx
@@ -306,30 +306,32 @@ This is the history API. history.clear() will clear the history.
 
 ## scrollToContent
 
-<pre>
-  (<br />
-  {"  "}
-  target?:{" "}
-  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115">
-    ExcalidrawElement
-  </a>{" "}
-  &#124;{" "}
-  <a href="https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115">
-    ExcalidrawElement
-  </a>
-  [],
-  <br />
-  {"  "}opts?: &#123; fitToContent?: boolean; animate?: boolean; duration?: number
-  &#125;
-  <br />) => void
-</pre>
+```tsx
+(
+  target?: ExcalidrawElement | ExcalidrawElement[],
+  opts?:
+      | {
+          fitToContent?: boolean;
+          animate?: boolean;
+          duration?: number;
+        }
+      | {
+          fitToViewport?: boolean;
+          viewportZoomFactor?: number;
+          animate?: boolean;
+          duration?: number;
+        }
+) => void
+```
 
 Scroll the nearest element out of the elements supplied to the center of the viewport. Defaults to the elements on the scene.
 
 | Attribute | type | default | Description |
 | --- | --- | --- | --- |
-| target | <code>ExcalidrawElement &#124; ExcalidrawElement[]</code> | All scene elements | The element(s) to scroll to. |
-| opts.fitToContent | boolean | false | Whether to fit the elements to viewport by automatically changing zoom as needed. |
+| target | [ExcalidrawElement](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115) &#124; [ExcalidrawElement[]](https://github.com/excalidraw/excalidraw/blob/master/src/element/types.ts#L115) | All scene elements | The element(s) to scroll to. |
+| opts.fitToContent | boolean | false | Whether to fit the elements to viewport by automatically changing zoom as needed. Note that the zoom range is between 10%-100%. |
+| opts.fitToViewport | boolean | false | Similar to fitToContent but the zoom range is not limited. If elements are smaller than the viewport, zoom will go above 100%. |
+| opts.viewportZoomFactor | number | 0.7 | when fitToViewport=true, how much screen should the content cover, between 0.1 (10%) and 1 (100%) |
 | opts.animate | boolean | false | Whether to animate between starting and ending position. Note that for larger scenes the animation may not be smooth due to performance issues. |
 | opts.duration | number | 500 | Duration of the animation if `opts.animate` is `true`. |
 
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index a94a3672a..ae4a08a96 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -20,7 +20,6 @@ import {
   isHandToolActive,
 } from "../appState";
 import { DEFAULT_CANVAS_BACKGROUND_PICKS } from "../colors";
-import { excludeElementsInFramesFromSelection } from "../scene/selection";
 import { Bounds } from "../element/bounds";
 
 export const actionChangeViewBackgroundColor = register({
@@ -226,52 +225,96 @@ const zoomValueToFitBoundsOnViewport = (
   return clampedZoomValueToFitElements as NormalizedZoomValue;
 };
 
-export const zoomToFitElements = (
-  elements: readonly ExcalidrawElement[],
-  appState: Readonly<AppState>,
-  zoomToSelection: boolean,
-) => {
-  const nonDeletedElements = getNonDeletedElements(elements);
-  const selectedElements = getSelectedElements(nonDeletedElements, appState);
-
-  const commonBounds =
-    zoomToSelection && selectedElements.length > 0
-      ? getCommonBounds(excludeElementsInFramesFromSelection(selectedElements))
-      : getCommonBounds(
-          excludeElementsInFramesFromSelection(nonDeletedElements),
-        );
-
-  const newZoom = {
-    value: zoomValueToFitBoundsOnViewport(commonBounds, {
-      width: appState.width,
-      height: appState.height,
-    }),
-  };
+export const zoomToFit = ({
+  targetElements,
+  appState,
+  fitToViewport = false,
+  viewportZoomFactor = 0.7,
+}: {
+  targetElements: readonly ExcalidrawElement[];
+  appState: Readonly<AppState>;
+  /** whether to fit content to viewport (beyond >100%) */
+  fitToViewport: boolean;
+  /** zoom content to cover X of the viewport, when fitToViewport=true */
+  viewportZoomFactor?: number;
+}) => {
+  const commonBounds = getCommonBounds(getNonDeletedElements(targetElements));
 
   const [x1, y1, x2, y2] = commonBounds;
   const centerX = (x1 + x2) / 2;
   const centerY = (y1 + y2) / 2;
+
+  let newZoomValue;
+  let scrollX;
+  let scrollY;
+
+  if (fitToViewport) {
+    const commonBoundsWidth = x2 - x1;
+    const commonBoundsHeight = y2 - y1;
+
+    newZoomValue =
+      Math.min(
+        appState.width / commonBoundsWidth,
+        appState.height / commonBoundsHeight,
+      ) * Math.min(1, Math.max(viewportZoomFactor, 0.1));
+
+    // Apply clamping to newZoomValue to be between 10% and 3000%
+    newZoomValue = Math.min(
+      Math.max(newZoomValue, 0.1),
+      30.0,
+    ) as NormalizedZoomValue;
+
+    scrollX = (appState.width / 2) * (1 / newZoomValue) - centerX;
+    scrollY = (appState.height / 2) * (1 / newZoomValue) - centerY;
+  } else {
+    newZoomValue = zoomValueToFitBoundsOnViewport(commonBounds, {
+      width: appState.width,
+      height: appState.height,
+    });
+
+    const centerScroll = centerScrollOn({
+      scenePoint: { x: centerX, y: centerY },
+      viewportDimensions: {
+        width: appState.width,
+        height: appState.height,
+      },
+      zoom: { value: newZoomValue },
+    });
+
+    scrollX = centerScroll.scrollX;
+    scrollY = centerScroll.scrollY;
+  }
+
   return {
     appState: {
       ...appState,
-      ...centerScrollOn({
-        scenePoint: { x: centerX, y: centerY },
-        viewportDimensions: {
-          width: appState.width,
-          height: appState.height,
-        },
-        zoom: newZoom,
-      }),
-      zoom: newZoom,
+      scrollX,
+      scrollY,
+      zoom: { value: newZoomValue },
     },
     commitToHistory: false,
   };
 };
 
-export const actionZoomToSelected = register({
-  name: "zoomToSelection",
+// Note, this action differs from actionZoomToFitSelection in that it doesn't
+// zoom beyond 100%. In other words, if the content is smaller than viewport
+// size, it won't be zoomed in.
+export const actionZoomToFitSelectionInViewport = register({
+  name: "zoomToFitSelectionInViewport",
   trackEvent: { category: "canvas" },
-  perform: (elements, appState) => zoomToFitElements(elements, appState, true),
+  perform: (elements, appState) => {
+    const selectedElements = getSelectedElements(
+      getNonDeletedElements(elements),
+      appState,
+    );
+    return zoomToFit({
+      targetElements: selectedElements.length ? selectedElements : elements,
+      appState,
+      fitToViewport: false,
+    });
+  },
+  // NOTE shift-2 should have been assigned actionZoomToFitSelection.
+  // TBD on how proceed
   keyTest: (event) =>
     event.code === CODES.TWO &&
     event.shiftKey &&
@@ -279,11 +322,34 @@ export const actionZoomToSelected = register({
     !event[KEYS.CTRL_OR_CMD],
 });
 
+export const actionZoomToFitSelection = register({
+  name: "zoomToFitSelection",
+  trackEvent: { category: "canvas" },
+  perform: (elements, appState) => {
+    const selectedElements = getSelectedElements(
+      getNonDeletedElements(elements),
+      appState,
+    );
+    return zoomToFit({
+      targetElements: selectedElements.length ? selectedElements : elements,
+      appState,
+      fitToViewport: true,
+    });
+  },
+  // NOTE this action should use shift-2 per figma, alas
+  keyTest: (event) =>
+    event.code === CODES.THREE &&
+    event.shiftKey &&
+    !event.altKey &&
+    !event[KEYS.CTRL_OR_CMD],
+});
+
 export const actionZoomToFit = register({
   name: "zoomToFit",
   viewMode: true,
   trackEvent: { category: "canvas" },
-  perform: (elements, appState) => zoomToFitElements(elements, appState, false),
+  perform: (elements, appState) =>
+    zoomToFit({ targetElements: elements, appState, fitToViewport: false }),
   keyTest: (event) =>
     event.code === CODES.ONE &&
     event.shiftKey &&
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 7ba40afab..bd81fa559 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -82,7 +82,8 @@ export type ActionName =
   | "zoomOut"
   | "resetZoom"
   | "zoomToFit"
-  | "zoomToSelection"
+  | "zoomToFitSelection"
+  | "zoomToFitSelectionInViewport"
   | "changeFontFamily"
   | "changeTextAlign"
   | "changeVerticalAlign"
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 2479731e8..3ccfa1246 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -245,6 +245,7 @@ import {
   isTransparent,
   easeToValuesRAF,
   muteFSAbortError,
+  easeOut,
 } from "../utils";
 import {
   ContextMenu,
@@ -320,10 +321,7 @@ import {
   actionRemoveAllElementsFromFrame,
   actionSelectAllElementsInFrame,
 } from "../actions/actionFrame";
-import {
-  actionToggleHandTool,
-  zoomToFitElements,
-} from "../actions/actionCanvas";
+import { actionToggleHandTool, zoomToFit } from "../actions/actionCanvas";
 import { jotaiStore } from "../jotai";
 import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionWrapTextInContainer } from "../actions/actionBoundText";
@@ -2239,27 +2237,51 @@ class App extends React.Component<AppProps, AppState> {
     target:
       | ExcalidrawElement
       | readonly ExcalidrawElement[] = this.scene.getNonDeletedElements(),
-    opts?: { fitToContent?: boolean; animate?: boolean; duration?: number },
+    opts?:
+      | {
+          fitToContent?: boolean;
+          fitToViewport?: never;
+          viewportZoomFactor?: never;
+          animate?: boolean;
+          duration?: number;
+        }
+      | {
+          fitToContent?: never;
+          fitToViewport?: boolean;
+          /** when fitToViewport=true, how much screen should the content cover,
+           * between 0.1 (10%) and 1 (100%)
+           */
+          viewportZoomFactor?: number;
+          animate?: boolean;
+          duration?: number;
+        },
   ) => {
     this.cancelInProgresAnimation?.();
 
     // convert provided target into ExcalidrawElement[] if necessary
-    const targets = Array.isArray(target) ? target : [target];
+    const targetElements = Array.isArray(target) ? target : [target];
 
     let zoom = this.state.zoom;
     let scrollX = this.state.scrollX;
     let scrollY = this.state.scrollY;
 
-    if (opts?.fitToContent) {
-      // compute an appropriate viewport location (scroll X, Y) and zoom level
-      // that fit the target elements on the scene
-      const { appState } = zoomToFitElements(targets, this.state, false);
+    if (opts?.fitToContent || opts?.fitToViewport) {
+      const { appState } = zoomToFit({
+        targetElements,
+        appState: this.state,
+        fitToViewport: !!opts?.fitToViewport,
+        viewportZoomFactor: opts?.viewportZoomFactor,
+      });
       zoom = appState.zoom;
       scrollX = appState.scrollX;
       scrollY = appState.scrollY;
     } else {
       // compute only the viewport location, without any zoom adjustment
-      const scroll = calculateScrollCenter(targets, this.state, this.canvas);
+      const scroll = calculateScrollCenter(
+        targetElements,
+        this.state,
+        this.canvas,
+      );
       scrollX = scroll.scrollX;
       scrollY = scroll.scrollY;
     }
@@ -2269,19 +2291,42 @@ class App extends React.Component<AppProps, AppState> {
     if (opts?.animate) {
       const origScrollX = this.state.scrollX;
       const origScrollY = this.state.scrollY;
+      const origZoom = this.state.zoom.value;
 
-      // zoom animation could become problematic on scenes with large number
-      // of elements, setting it to its final value to improve user experience.
-      //
-      // using zoomCanvas() to zoom on current viewport center
-      this.zoomCanvas(zoom.value);
+      const cancel = easeToValuesRAF({
+        fromValues: {
+          scrollX: origScrollX,
+          scrollY: origScrollY,
+          zoom: origZoom,
+        },
+        toValues: { scrollX, scrollY, zoom: zoom.value },
+        interpolateValue: (from, to, progress, key) => {
+          // for zoom, use different easing
+          if (key === "zoom") {
+            return from * Math.pow(to / from, easeOut(progress));
+          }
+          // handle using default
+          return undefined;
+        },
+        onStep: ({ scrollX, scrollY, zoom }) => {
+          this.setState({
+            scrollX,
+            scrollY,
+            zoom: { value: zoom },
+          });
+        },
+        onStart: () => {
+          this.setState({ shouldCacheIgnoreZoom: true });
+        },
+        onEnd: () => {
+          this.setState({ shouldCacheIgnoreZoom: false });
+        },
+        onCancel: () => {
+          this.setState({ shouldCacheIgnoreZoom: false });
+        },
+        duration: opts?.duration ?? 500,
+      });
 
-      const cancel = easeToValuesRAF(
-        [origScrollX, origScrollY],
-        [scrollX, scrollY],
-        (scrollX, scrollY) => this.setState({ scrollX, scrollY }),
-        { duration: opts?.duration ?? 500 },
-      );
       this.cancelInProgresAnimation = () => {
         cancel();
         this.cancelInProgresAnimation = null;
diff --git a/src/keys.ts b/src/keys.ts
index 14b7d288e..33f1188dc 100644
--- a/src/keys.ts
+++ b/src/keys.ts
@@ -10,6 +10,7 @@ export const CODES = {
   BRACKET_LEFT: "BracketLeft",
   ONE: "Digit1",
   TWO: "Digit2",
+  THREE: "Digit3",
   NINE: "Digit9",
   QUOTE: "Quote",
   ZERO: "Digit0",
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 1cd27d95c..5933f5649 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -15,6 +15,7 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Add support for `opts.fitToViewport` and `opts.viewportZoomFactor` in the [`ExcalidrawAPI.scrollToContent`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/ref#scrolltocontent) API. [#6581](https://github.com/excalidraw/excalidraw/pull/6581).
 - Properly sanitize element `link` urls. [#6728](https://github.com/excalidraw/excalidraw/pull/6728).
 - Sidebar component now supports tabs — for more detailed description of new behavior and breaking changes, see the linked PR. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
 - Exposed `DefaultSidebar` component to allow modifying the default sidebar, such as adding custom tabs to it. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
@@ -64,7 +65,7 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
-- [`ExcalidrawAPI.scrolToContent`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/ref#scrolltocontent) has new opts object allowing you to fit viewport to content, and animate the scrolling. [#6319](https://github.com/excalidraw/excalidraw/pull/6319)
+- [`ExcalidrawAPI.scrollToContent`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/ref#scrolltocontent) has new opts object allowing you to fit viewport to content, and animate the scrolling. [#6319](https://github.com/excalidraw/excalidraw/pull/6319)
 
 - Expose `useI18n()` hook return an object containing `t()` i18n helper and current `langCode`. You can use this in components you render as `<Excalidraw>` children to render any of our i18n locale strings. [#6224](https://github.com/excalidraw/excalidraw/pull/6224)
 
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 03646541e..7f17b292f 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -784,7 +784,6 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
           <div className="export export-blob">
             <img src={blobUrl} alt="" />
           </div>
-
           <button
             onClick={async () => {
               if (!excalidrawAPI) {
@@ -806,6 +805,78 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
           >
             Export to Canvas
           </button>
+          <button
+            onClick={async () => {
+              if (!excalidrawAPI) {
+                return;
+              }
+              const canvas = await exportToCanvas({
+                elements: excalidrawAPI.getSceneElements(),
+                appState: {
+                  ...initialData.appState,
+                  exportWithDarkMode,
+                },
+                files: excalidrawAPI.getFiles(),
+              });
+              const ctx = canvas.getContext("2d")!;
+              ctx.font = "30px Virgil";
+              ctx.strokeText("My custom text", 50, 60);
+              setCanvasUrl(canvas.toDataURL());
+            }}
+          >
+            Export to Canvas
+          </button>
+          <button
+            type="button"
+            onClick={() => {
+              if (!excalidrawAPI) {
+                return;
+              }
+
+              const elements = excalidrawAPI.getSceneElements();
+              excalidrawAPI.scrollToContent(elements[0], {
+                fitToViewport: true,
+              });
+            }}
+          >
+            Fit to viewport, first element
+          </button>
+          <button
+            type="button"
+            onClick={() => {
+              if (!excalidrawAPI) {
+                return;
+              }
+
+              const elements = excalidrawAPI.getSceneElements();
+              excalidrawAPI.scrollToContent(elements[0], {
+                fitToContent: true,
+              });
+
+              excalidrawAPI.scrollToContent(elements[0], {
+                fitToContent: true,
+              });
+            }}
+          >
+            Fit to content, first element
+          </button>
+          <button
+            type="button"
+            onClick={() => {
+              if (!excalidrawAPI) {
+                return;
+              }
+
+              const elements = excalidrawAPI.getSceneElements();
+              excalidrawAPI.scrollToContent(elements[0], {
+                fitToContent: true,
+              });
+
+              excalidrawAPI.scrollToContent(elements[0]);
+            }}
+          >
+            Scroll to first element, no fitToContent, no fitToViewport
+          </button>
           <div className="export export-canvas">
             <img src={canvasUrl} alt="" />
           </div>
diff --git a/src/tests/fitToContent.test.tsx b/src/tests/fitToContent.test.tsx
index 6fce7cdcd..fd7a1170b 100644
--- a/src/tests/fitToContent.test.tsx
+++ b/src/tests/fitToContent.test.tsx
@@ -160,19 +160,6 @@ describe("fitToContent animated", () => {
 
     expect(window.requestAnimationFrame).toHaveBeenCalled();
 
-    // Since this is an animation, we expect values to change through time.
-    // We'll verify that the zoom/scroll values change in each animation frame
-
-    // zoom is not animated, it should be set to its final value, which in our
-    // case zooms out to 50% so that th element is fully visible (it's 2x large
-    // as the canvas)
-    expect(h.state.zoom.value).toBeLessThanOrEqual(0.5);
-
-    // FIXME I think this should be [-100, -100] so we may have a bug in our zoom
-    // hadnling, alas
-    expect(h.state.scrollX).toBe(25);
-    expect(h.state.scrollY).toBe(25);
-
     await waitForNextAnimationFrame();
 
     const prevScrollX = h.state.scrollX;
diff --git a/src/utils.ts b/src/utils.ts
index 40bff9591..c644efd81 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -197,68 +197,134 @@ export const throttleRAF = <T extends any[]>(
  * @param {number} k - The value to be tweened.
  * @returns {number} The tweened value.
  */
-function easeOut(k: number): number {
+export const easeOut = (k: number) => {
   return 1 - Math.pow(1 - k, 4);
-}
+};
+
+const easeOutInterpolate = (from: number, to: number, progress: number) => {
+  return (to - from) * easeOut(progress) + from;
+};
 
 /**
- * Compute new values based on the same ease function and trigger the
- * callback through a requestAnimationFrame call
+ * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.
+ * Executes the `onStep` callback on each step with the interpolated values.
+ * Returns a function that can be called to cancel the animation.
  *
- * use `opts` to define a duration and/or an easeFn
+ * @example
+ * // Example usage:
+ * const fromValues = { x: 0, y: 0 };
+ * const toValues = { x: 100, y: 200 };
+ * const onStep = ({x, y}) => {
+ *   setState(x, y)
+ * };
+ * const onCancel = () => {
+ *   console.log("Animation canceled");
+ * };
  *
- * for example:
- * ```ts
- * easeToValuesRAF([10, 20, 10], [0, 0, 0], (a, b, c) => setState(a,b, c))
- * ```
+ * const cancelAnimation = easeToValuesRAF({
+ *   fromValues,
+ *   toValues,
+ *   onStep,
+ *   onCancel,
+ * });
  *
- * @param fromValues The initial values, must be numeric
- * @param toValues The destination values, must also be numeric
- * @param callback The callback receiving the values
- * @param opts default to 250ms duration and the easeOut function
+ * // To cancel the animation:
+ * cancelAnimation();
  */
-export const easeToValuesRAF = (
-  fromValues: number[],
-  toValues: number[],
-  callback: (...values: number[]) => void,
-  opts?: { duration?: number; easeFn?: (value: number) => number },
-) => {
+export const easeToValuesRAF = <
+  T extends Record<keyof T, number>,
+  K extends keyof T,
+>({
+  fromValues,
+  toValues,
+  onStep,
+  duration = 250,
+  interpolateValue,
+  onStart,
+  onEnd,
+  onCancel,
+}: {
+  fromValues: T;
+  toValues: T;
+  /**
+   * Interpolate a single value.
+   * Return undefined to be handled by the default interpolator.
+   */
+  interpolateValue?: (
+    fromValue: number,
+    toValue: number,
+    /** no easing applied  */
+    progress: number,
+    key: K,
+  ) => number | undefined;
+  onStep: (values: T) => void;
+  duration?: number;
+  onStart?: () => void;
+  onEnd?: () => void;
+  onCancel?: () => void;
+}) => {
   let canceled = false;
   let frameId = 0;
   let startTime: number;
 
-  const duration = opts?.duration || 250; // default animation to 0.25 seconds
-  const easeFn = opts?.easeFn || easeOut; // default the easeFn to easeOut
-
   function step(timestamp: number) {
     if (canceled) {
       return;
     }
     if (startTime === undefined) {
       startTime = timestamp;
+      onStart?.();
     }
 
-    const elapsed = timestamp - startTime;
+    const elapsed = Math.min(timestamp - startTime, duration);
+    const factor = easeOut(elapsed / duration);
+
+    const newValues = {} as T;
+
+    Object.keys(fromValues).forEach((key) => {
+      const _key = key as keyof T;
+      const result = ((toValues[_key] - fromValues[_key]) * factor +
+        fromValues[_key]) as T[keyof T];
+      newValues[_key] = result;
+    });
+
+    onStep(newValues);
 
     if (elapsed < duration) {
-      // console.log(elapsed, duration, elapsed / duration);
-      const factor = easeFn(elapsed / duration);
-      const newValues = fromValues.map(
-        (fromValue, index) =>
-          (toValues[index] - fromValue) * factor + fromValue,
-      );
+      const progress = elapsed / duration;
+
+      const newValues = {} as T;
+
+      Object.keys(fromValues).forEach((key) => {
+        const _key = key as K;
+        const startValue = fromValues[_key];
+        const endValue = toValues[_key];
+
+        let result;
+
+        result = interpolateValue
+          ? interpolateValue(startValue, endValue, progress, _key)
+          : easeOutInterpolate(startValue, endValue, progress);
+
+        if (result == null) {
+          result = easeOutInterpolate(startValue, endValue, progress);
+        }
+
+        newValues[_key] = result as T[K];
+      });
+      onStep(newValues);
 
-      callback(...newValues);
       frameId = window.requestAnimationFrame(step);
     } else {
-      // ensure final values are reached at the end of the transition
-      callback(...toValues);
+      onStep(toValues);
+      onEnd?.();
     }
   }
 
   frameId = window.requestAnimationFrame(step);
 
   return () => {
+    onCancel?.();
     canceled = true;
     window.cancelAnimationFrame(frameId);
   };

From 3ddcc48e4c192f525930e503b3e9214627f0043d Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Thu, 29 Jun 2023 12:39:44 +0200
Subject: [PATCH 228/252] fix: UI disappears when pressing the eyedropper
 shortcut on mobile (#6725)

---
 src/components/LayerUI.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 04cba8625..007073760 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -399,7 +399,7 @@ const LayerUI = ({
           }
         />
       )}
-      {device.isMobile && !eyeDropperState && (
+      {device.isMobile && (
         <MobileMenu
           appState={appState}
           elements={elements}

From 49e4289878bdf120ae5e8275ff4ac0f8c01c3c72 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Sat, 8 Jul 2023 23:33:34 +0200
Subject: [PATCH 229/252] feat: make `appState.selectedElementIds` more stable
 (#6745)

---
 src/actions/actionBoundText.tsx               |   3 +-
 src/actions/actionDuplicateSelection.tsx      |   1 +
 src/actions/actionFinalize.tsx                |   7 -
 src/actions/actionGroup.tsx                   |  14 +-
 src/actions/actionSelectAll.ts                |   1 +
 src/components/App.tsx                        | 335 +++++++++++-------
 src/excalidraw-app/debug.ts                   | 135 +++++++
 src/groups.ts                                 |  16 +-
 src/scene/selection.test.ts                   |  35 ++
 src/scene/selection.ts                        |  56 ++-
 .../__snapshots__/contextmenu.test.tsx.snap   |  13 -
 .../regressionTests.test.tsx.snap             | 137 +------
 src/tests/flip.test.tsx                       |  40 ++-
 src/tests/zindex.test.tsx                     |   1 +
 src/types.ts                                  |   4 +-
 15 files changed, 503 insertions(+), 295 deletions(-)
 create mode 100644 src/excalidraw-app/debug.ts
 create mode 100644 src/scene/selection.test.ts

diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index c8a1faac3..06f2acda1 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -31,6 +31,7 @@ import {
 } from "../element/types";
 import { getSelectedElements } from "../scene";
 import { AppState } from "../types";
+import { Mutable } from "../utility-types";
 import { getFontString } from "../utils";
 import { register } from "./register";
 
@@ -211,7 +212,7 @@ export const actionWrapTextInContainer = register({
       appState,
     );
     let updatedElements: readonly ExcalidrawElement[] = elements.slice();
-    const containerIds: AppState["selectedElementIds"] = {};
+    const containerIds: Mutable<AppState["selectedElementIds"]> = {};
 
     for (const textElement of selectedElements) {
       if (isTextElement(textElement)) {
diff --git a/src/actions/actionDuplicateSelection.tsx b/src/actions/actionDuplicateSelection.tsx
index ae2d6f7bc..181e70e7d 100644
--- a/src/actions/actionDuplicateSelection.tsx
+++ b/src/actions/actionDuplicateSelection.tsx
@@ -274,6 +274,7 @@ const duplicateElements = (
         ),
       },
       getNonDeletedElements(finalElements),
+      appState,
     ),
   };
 };
diff --git a/src/actions/actionFinalize.tsx b/src/actions/actionFinalize.tsx
index 3508de0ad..99c8d8cf5 100644
--- a/src/actions/actionFinalize.tsx
+++ b/src/actions/actionFinalize.tsx
@@ -125,13 +125,6 @@ export const actionFinalize = register({
           { x, y },
         );
       }
-
-      if (
-        !appState.activeTool.locked &&
-        appState.activeTool.type !== "freedraw"
-      ) {
-        appState.selectedElementIds[multiPointElement.id] = true;
-      }
     }
 
     if (
diff --git a/src/actions/actionGroup.tsx b/src/actions/actionGroup.tsx
index 5f22e3aed..ddd1a6559 100644
--- a/src/actions/actionGroup.tsx
+++ b/src/actions/actionGroup.tsx
@@ -218,6 +218,7 @@ export const actionUngroup = register({
     const updateAppState = selectGroupsForSelectedElements(
       { ...appState, selectedGroupIds: {} },
       getNonDeletedElements(nextElements),
+      appState,
     );
 
     frames.forEach((frame) => {
@@ -232,9 +233,18 @@ export const actionUngroup = register({
     });
 
     // remove binded text elements from selection
-    boundTextElementIds.forEach(
-      (id) => (updateAppState.selectedElementIds[id] = false),
+    updateAppState.selectedElementIds = Object.entries(
+      updateAppState.selectedElementIds,
+    ).reduce(
+      (acc: { [key: ExcalidrawElement["id"]]: true }, [id, selected]) => {
+        if (selected && !boundTextElementIds.includes(id)) {
+          acc[id] = true;
+        }
+        return acc;
+      },
+      {},
     );
+
     return {
       appState: updateAppState,
       elements: nextElements,
diff --git a/src/actions/actionSelectAll.ts b/src/actions/actionSelectAll.ts
index 40e7f0415..6ba78b939 100644
--- a/src/actions/actionSelectAll.ts
+++ b/src/actions/actionSelectAll.ts
@@ -41,6 +41,7 @@ export const actionSelectAll = register({
           selectedElementIds,
         },
         getNonDeletedElements(elements),
+        appState,
       ),
       commitToHistory: true,
     };
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 3ccfa1246..887392e20 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -315,7 +315,10 @@ import {
   updateFrameMembershipOfSelectedElements,
   isElementInFrame,
 } from "../frame";
-import { excludeElementsInFramesFromSelection } from "../scene/selection";
+import {
+  excludeElementsInFramesFromSelection,
+  makeNextSelectedElementIds,
+} from "../scene/selection";
 import { actionPaste } from "../actions/actionClipboard";
 import {
   actionRemoveAllElementsFromFrame,
@@ -1353,6 +1356,7 @@ class App extends React.Component<AppProps, AppState> {
     this.scene.destroy();
     this.library.destroy();
     clearTimeout(touchTimeout);
+    isSomeElementSelected.clearCache();
     touchTimeout = 0;
   }
 
@@ -1825,7 +1829,7 @@ class App extends React.Component<AppProps, AppState> {
 
     if (event.touches.length === 2) {
       this.setState({
-        selectedElementIds: {},
+        selectedElementIds: makeNextSelectedElementIds({}, this.state),
       });
     }
   };
@@ -1835,7 +1839,10 @@ class App extends React.Component<AppProps, AppState> {
     if (event.touches.length > 0) {
       this.setState({
         previousSelectedElementIds: {},
-        selectedElementIds: this.state.previousSelectedElementIds,
+        selectedElementIds: makeNextSelectedElementIds(
+          this.state.previousSelectedElementIds,
+          this.state,
+        ),
       });
     } else {
       gesture.pointers.clear();
@@ -1895,7 +1902,14 @@ class App extends React.Component<AppProps, AppState> {
         const imageElement = this.createImageElement({ sceneX, sceneY });
         this.insertImageElement(imageElement, file);
         this.initializeImageDimensions(imageElement);
-        this.setState({ selectedElementIds: { [imageElement.id]: true } });
+        this.setState({
+          selectedElementIds: makeNextSelectedElementIds(
+            {
+              [imageElement.id]: true,
+            },
+            this.state,
+          ),
+        });
 
         return;
       }
@@ -2032,6 +2046,7 @@ class App extends React.Component<AppProps, AppState> {
           selectedGroupIds: {},
         },
         this.scene.getNonDeletedElements(),
+        this.state,
       ),
       () => {
         if (opts.files) {
@@ -2130,8 +2145,9 @@ class App extends React.Component<AppProps, AppState> {
     }
 
     this.setState({
-      selectedElementIds: Object.fromEntries(
-        textElements.map((el) => [el.id, true]),
+      selectedElementIds: makeNextSelectedElementIds(
+        Object.fromEntries(textElements.map((el) => [el.id, true])),
+        this.state,
       ),
     });
 
@@ -2749,7 +2765,7 @@ class App extends React.Component<AppProps, AppState> {
       } else {
         setCursorForShape(this.canvas, this.state);
         this.setState({
-          selectedElementIds: {},
+          selectedElementIds: makeNextSelectedElementIds({}, this.state),
           selectedGroupIds: {},
           editingGroupId: null,
         });
@@ -2794,7 +2810,7 @@ class App extends React.Component<AppProps, AppState> {
     if (nextActiveTool.type !== "selection") {
       this.setState({
         activeTool: nextActiveTool,
-        selectedElementIds: {},
+        selectedElementIds: makeNextSelectedElementIds({}, this.state),
         selectedGroupIds: {},
         editingGroupId: null,
       });
@@ -2831,7 +2847,7 @@ class App extends React.Component<AppProps, AppState> {
     // elements by mistake while zooming
     if (this.isTouchScreenMultiTouchGesture()) {
       this.setState({
-        selectedElementIds: {},
+        selectedElementIds: makeNextSelectedElementIds({}, this.state),
       });
     }
     gesture.initialScale = this.state.zoom.value;
@@ -2876,7 +2892,10 @@ class App extends React.Component<AppProps, AppState> {
     if (this.isTouchScreenMultiTouchGesture()) {
       this.setState({
         previousSelectedElementIds: {},
-        selectedElementIds: this.state.previousSelectedElementIds,
+        selectedElementIds: makeNextSelectedElementIds(
+          this.state.previousSelectedElementIds,
+          this.state,
+        ),
       });
     }
     gesture.initialScale = null;
@@ -2941,10 +2960,13 @@ class App extends React.Component<AppProps, AppState> {
             ? element.containerId
             : element.id;
           this.setState((prevState) => ({
-            selectedElementIds: {
-              ...prevState.selectedElementIds,
-              [elementIdToSelect]: true,
-            },
+            selectedElementIds: makeNextSelectedElementIds(
+              {
+                ...prevState.selectedElementIds,
+                [elementIdToSelect]: true,
+              },
+              prevState,
+            ),
           }));
         }
         if (isDeleted) {
@@ -2980,7 +3002,7 @@ class App extends React.Component<AppProps, AppState> {
 
   private deselectElements() {
     this.setState({
-      selectedElementIds: {},
+      selectedElementIds: makeNextSelectedElementIds({}, this.state),
       selectedGroupIds: {},
       editingGroupId: null,
     });
@@ -3291,6 +3313,7 @@ class App extends React.Component<AppProps, AppState> {
               selectedGroupIds: {},
             },
             this.scene.getNonDeletedElements(),
+            prevState,
           ),
         );
         return;
@@ -3998,12 +4021,15 @@ class App extends React.Component<AppProps, AppState> {
           editingElement: null,
           startBoundElement: null,
           suggestedBindings: [],
-          selectedElementIds: Object.keys(this.state.selectedElementIds)
-            .filter((key) => key !== element.id)
-            .reduce((obj: { [id: string]: boolean }, key) => {
-              obj[key] = this.state.selectedElementIds[key];
-              return obj;
-            }, {}),
+          selectedElementIds: makeNextSelectedElementIds(
+            Object.keys(this.state.selectedElementIds)
+              .filter((key) => key !== element.id)
+              .reduce((obj: { [id: string]: true }, key) => {
+                obj[key] = this.state.selectedElementIds[key];
+                return obj;
+              }, {}),
+            this.state,
+          ),
         },
       });
       return;
@@ -4472,7 +4498,7 @@ class App extends React.Component<AppProps, AppState> {
   private clearSelectionIfNotUsingSelection = (): void => {
     if (this.state.activeTool.type !== "selection") {
       this.setState({
-        selectedElementIds: {},
+        selectedElementIds: makeNextSelectedElementIds({}, this.state),
         selectedGroupIds: {},
         editingGroupId: null,
       });
@@ -4604,9 +4630,12 @@ class App extends React.Component<AppProps, AppState> {
 
         if (this.state.editingLinearElement) {
           this.setState({
-            selectedElementIds: {
-              [this.state.editingLinearElement.elementId]: true,
-            },
+            selectedElementIds: makeNextSelectedElementIds(
+              {
+                [this.state.editingLinearElement.elementId]: true,
+              },
+              this.state,
+            ),
           });
           // If we click on something
         } else if (hitElement != null) {
@@ -4634,7 +4663,7 @@ class App extends React.Component<AppProps, AppState> {
               !isElementInGroup(hitElement, this.state.editingGroupId)
             ) {
               this.setState({
-                selectedElementIds: {},
+                selectedElementIds: makeNextSelectedElementIds({}, this.state),
                 selectedGroupIds: {},
                 editingGroupId: null,
               });
@@ -4650,7 +4679,7 @@ class App extends React.Component<AppProps, AppState> {
               !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements
             ) {
               this.setState((prevState) => {
-                const nextSelectedElementIds = {
+                const nextSelectedElementIds: { [id: string]: true } = {
                   ...prevState.selectedElementIds,
                   [hitElement.id]: true,
                 };
@@ -4668,13 +4697,13 @@ class App extends React.Component<AppProps, AppState> {
                     previouslySelectedElements,
                     hitElement.id,
                   ).forEach((element) => {
-                    nextSelectedElementIds[element.id] = false;
+                    delete nextSelectedElementIds[element.id];
                   });
                 } else if (hitElement.frameId) {
                   // if hitElement is in a frame and its frame has been selected
                   // disable selection for the given element
                   if (nextSelectedElementIds[hitElement.frameId]) {
-                    nextSelectedElementIds[hitElement.id] = false;
+                    delete nextSelectedElementIds[hitElement.id];
                   }
                 } else {
                   // hitElement is neither a frame nor an element in a frame
@@ -4704,7 +4733,7 @@ class App extends React.Component<AppProps, AppState> {
                         framesInGroups.has(element.frameId)
                       ) {
                         // deselect element and groups containing the element
-                        nextSelectedElementIds[element.id] = false;
+                        delete nextSelectedElementIds[element.id];
                         element.groupIds
                           .flatMap((gid) =>
                             getElementsInGroup(
@@ -4712,10 +4741,9 @@ class App extends React.Component<AppProps, AppState> {
                               gid,
                             ),
                           )
-                          .forEach(
-                            (element) =>
-                              (nextSelectedElementIds[element.id] = false),
-                          );
+                          .forEach((element) => {
+                            delete nextSelectedElementIds[element.id];
+                          });
                       }
                     });
                   }
@@ -4728,6 +4756,7 @@ class App extends React.Component<AppProps, AppState> {
                     showHyperlinkPopup: hitElement.link ? "info" : false,
                   },
                   this.scene.getNonDeletedElements(),
+                  prevState,
                 );
               });
               pointerDownState.hit.wasAddedToSelection = true;
@@ -4844,12 +4873,18 @@ class App extends React.Component<AppProps, AppState> {
       frameId: topLayerFrame ? topLayerFrame.id : null,
     });
 
-    this.setState((prevState) => ({
-      selectedElementIds: {
+    this.setState((prevState) => {
+      const nextSelectedElementIds = {
         ...prevState.selectedElementIds,
-        [element.id]: false,
-      },
-    }));
+      };
+      delete nextSelectedElementIds[element.id];
+      return {
+        selectedElementIds: makeNextSelectedElementIds(
+          nextSelectedElementIds,
+          prevState,
+        ),
+      };
+    });
 
     const pressures = element.simulatePressure
       ? element.pressures
@@ -4945,10 +4980,13 @@ class App extends React.Component<AppProps, AppState> {
       }
 
       this.setState((prevState) => ({
-        selectedElementIds: {
-          ...prevState.selectedElementIds,
-          [multiElement.id]: true,
-        },
+        selectedElementIds: makeNextSelectedElementIds(
+          {
+            ...prevState.selectedElementIds,
+            [multiElement.id]: true,
+          },
+          prevState,
+        ),
       }));
       // clicking outside commit zone → update reference for last committed
       // point
@@ -4999,12 +5037,18 @@ class App extends React.Component<AppProps, AppState> {
         locked: false,
         frameId: topLayerFrame ? topLayerFrame.id : null,
       });
-      this.setState((prevState) => ({
-        selectedElementIds: {
+      this.setState((prevState) => {
+        const nextSelectedElementIds = {
           ...prevState.selectedElementIds,
-          [element.id]: false,
-        },
-      }));
+        };
+        delete nextSelectedElementIds[element.id];
+        return {
+          selectedElementIds: makeNextSelectedElementIds(
+            nextSelectedElementIds,
+            prevState,
+          ),
+        };
+      });
       mutateElement(element, {
         points: [...element.points, [0, 0]],
       });
@@ -5378,15 +5422,16 @@ class App extends React.Component<AppProps, AppState> {
             const oldIdToDuplicatedId = new Map();
             const hitElement = pointerDownState.hit.element;
             const elements = this.scene.getElementsIncludingDeleted();
-            const selectedElementIds: Array<ExcalidrawElement["id"]> =
+            const selectedElementIds = new Set(
               getSelectedElements(elements, this.state, {
                 includeBoundTextElement: true,
                 includeElementsInFrames: true,
-              }).map((element) => element.id);
+              }).map((element) => element.id),
+            );
 
             for (const element of elements) {
               if (
-                selectedElementIds.includes(element.id) ||
+                selectedElementIds.has(element.id) ||
                 // case: the state.selectedElementIds might not have been
                 // updated yet by the time this mousemove event is fired
                 (element.id === hitElement?.id &&
@@ -5524,14 +5569,9 @@ class App extends React.Component<AppProps, AppState> {
                   },
                 },
                 this.scene.getNonDeletedElements(),
+                prevState,
               ),
             );
-          } else {
-            this.setState({
-              selectedElementIds: {},
-              selectedGroupIds: {},
-              editingGroupId: null,
-            });
           }
         }
         // box-select line editor points
@@ -5547,28 +5587,29 @@ class App extends React.Component<AppProps, AppState> {
             elements,
             draggingElement,
           );
-          this.setState((prevState) =>
-            selectGroupsForSelectedElements(
+          this.setState((prevState) => {
+            const nextSelectedElementIds = elementsWithinSelection.reduce(
+              (acc: Record<ExcalidrawElement["id"], true>, element) => {
+                acc[element.id] = true;
+                return acc;
+              },
+              {},
+            );
+
+            if (pointerDownState.hit.element) {
+              // if using ctrl/cmd, select the hitElement only if we
+              // haven't box-selected anything else
+              if (!elementsWithinSelection.length) {
+                nextSelectedElementIds[pointerDownState.hit.element.id] = true;
+              } else {
+                delete nextSelectedElementIds[pointerDownState.hit.element.id];
+              }
+            }
+
+            return selectGroupsForSelectedElements(
               {
                 ...prevState,
-                selectedElementIds: {
-                  ...prevState.selectedElementIds,
-                  ...elementsWithinSelection.reduce(
-                    (acc: Record<ExcalidrawElement["id"], true>, element) => {
-                      acc[element.id] = true;
-                      return acc;
-                    },
-                    {},
-                  ),
-                  ...(pointerDownState.hit.element
-                    ? {
-                        // if using ctrl/cmd, select the hitElement only if we
-                        // haven't box-selected anything else
-                        [pointerDownState.hit.element.id]:
-                          !elementsWithinSelection.length,
-                      }
-                    : null),
-                },
+                selectedElementIds: nextSelectedElementIds,
                 showHyperlinkPopup:
                   elementsWithinSelection.length === 1 &&
                   elementsWithinSelection[0].link
@@ -5585,8 +5626,9 @@ class App extends React.Component<AppProps, AppState> {
                     : null,
               },
               this.scene.getNonDeletedElements(),
-            ),
-          );
+              prevState,
+            );
+          });
         }
       }
     });
@@ -5780,7 +5822,12 @@ class App extends React.Component<AppProps, AppState> {
         try {
           this.initializeImageDimensions(imageElement);
           this.setState(
-            { selectedElementIds: { [imageElement.id]: true } },
+            {
+              selectedElementIds: makeNextSelectedElementIds(
+                { [imageElement.id]: true },
+                this.state,
+              ),
+            },
             () => {
               this.actionManager.executeAction(actionFinalize);
             },
@@ -5844,10 +5891,13 @@ class App extends React.Component<AppProps, AppState> {
               activeTool: updateActiveTool(this.state, {
                 type: "selection",
               }),
-              selectedElementIds: {
-                ...prevState.selectedElementIds,
-                [draggingElement.id]: true,
-              },
+              selectedElementIds: makeNextSelectedElementIds(
+                {
+                  ...prevState.selectedElementIds,
+                  [draggingElement.id]: true,
+                },
+                prevState,
+              ),
               selectedLinearElement: new LinearElementEditor(
                 draggingElement,
                 this.scene,
@@ -6141,31 +6191,37 @@ class App extends React.Component<AppProps, AppState> {
         if (childEvent.shiftKey && !this.state.editingLinearElement) {
           if (this.state.selectedElementIds[hitElement.id]) {
             if (isSelectedViaGroup(this.state, hitElement)) {
-              // We want to unselect all groups hitElement is part of
-              // as well as all elements that are part of the groups
-              // hitElement is part of
-              const idsOfSelectedElementsThatAreInGroups = hitElement.groupIds
-                .flatMap((groupId) =>
-                  getElementsInGroup(
-                    this.scene.getNonDeletedElements(),
-                    groupId,
-                  ),
-                )
-                .map((element) => ({ [element.id]: false }))
-                .reduce((prevId, acc) => ({ ...prevId, ...acc }), {});
+              this.setState((_prevState) => {
+                const nextSelectedElementIds = {
+                  ..._prevState.selectedElementIds,
+                };
 
-              this.setState((_prevState) => ({
-                selectedGroupIds: {
-                  ..._prevState.selectedElementIds,
-                  ...hitElement.groupIds
-                    .map((gId) => ({ [gId]: false }))
-                    .reduce((prev, acc) => ({ ...prev, ...acc }), {}),
-                },
-                selectedElementIds: {
-                  ..._prevState.selectedElementIds,
-                  ...idsOfSelectedElementsThatAreInGroups,
-                },
-              }));
+                // We want to unselect all groups hitElement is part of
+                // as well as all elements that are part of the groups
+                // hitElement is part of
+                for (const groupedElement of hitElement.groupIds.flatMap(
+                  (groupId) =>
+                    getElementsInGroup(
+                      this.scene.getNonDeletedElements(),
+                      groupId,
+                    ),
+                )) {
+                  delete nextSelectedElementIds[groupedElement.id];
+                }
+
+                return {
+                  selectedGroupIds: {
+                    ..._prevState.selectedElementIds,
+                    ...hitElement.groupIds
+                      .map((gId) => ({ [gId]: false }))
+                      .reduce((prev, acc) => ({ ...prev, ...acc }), {}),
+                  },
+                  selectedElementIds: makeNextSelectedElementIds(
+                    nextSelectedElementIds,
+                    _prevState,
+                  ),
+                };
+              });
               // if not gragging a linear element point (outside editor)
             } else if (!this.state.selectedLinearElement?.isDragging) {
               // remove element from selection while
@@ -6174,8 +6230,8 @@ class App extends React.Component<AppProps, AppState> {
               this.setState((prevState) => {
                 const newSelectedElementIds = {
                   ...prevState.selectedElementIds,
-                  [hitElement!.id]: false,
                 };
+                delete newSelectedElementIds[hitElement!.id];
                 const newSelectedElements = getSelectedElements(
                   this.scene.getNonDeletedElements(),
                   { ...prevState, selectedElementIds: newSelectedElementIds },
@@ -6196,6 +6252,7 @@ class App extends React.Component<AppProps, AppState> {
                         : prevState.selectedLinearElement,
                   },
                   this.scene.getNonDeletedElements(),
+                  prevState,
                 );
               });
             }
@@ -6206,21 +6263,23 @@ class App extends React.Component<AppProps, AppState> {
             // when hitElement is part of a selected frame, deselect the frame
             // to avoid frame and containing elements selected simultaneously
             this.setState((prevState) => {
-              const nextSelectedElementIds = {
+              const nextSelectedElementIds: {
+                [id: string]: true;
+              } = {
                 ...prevState.selectedElementIds,
                 [hitElement.id]: true,
-                // deselect the frame
-                [hitElement.frameId!]: false,
               };
+              // deselect the frame
+              delete nextSelectedElementIds[hitElement.frameId!];
 
               // deselect groups containing the frame
               (this.scene.getElement(hitElement.frameId!)?.groupIds ?? [])
                 .flatMap((gid) =>
                   getElementsInGroup(this.scene.getNonDeletedElements(), gid),
                 )
-                .forEach(
-                  (element) => (nextSelectedElementIds[element.id] = false),
-                );
+                .forEach((element) => {
+                  delete nextSelectedElementIds[element.id];
+                });
 
               return selectGroupsForSelectedElements(
                 {
@@ -6229,15 +6288,19 @@ class App extends React.Component<AppProps, AppState> {
                   showHyperlinkPopup: hitElement.link ? "info" : false,
                 },
                 this.scene.getNonDeletedElements(),
+                prevState,
               );
             });
           } else {
             // add element to selection while keeping prev elements selected
             this.setState((_prevState) => ({
-              selectedElementIds: {
-                ..._prevState.selectedElementIds,
-                [hitElement!.id]: true,
-              },
+              selectedElementIds: makeNextSelectedElementIds(
+                {
+                  ..._prevState.selectedElementIds,
+                  [hitElement!.id]: true,
+                },
+                _prevState,
+              ),
             }));
           }
         } else {
@@ -6255,6 +6318,7 @@ class App extends React.Component<AppProps, AppState> {
                     : prevState.selectedLinearElement,
               },
               this.scene.getNonDeletedElements(),
+              prevState,
             ),
           }));
         }
@@ -6279,7 +6343,7 @@ class App extends React.Component<AppProps, AppState> {
         } else {
           // Deselect selected elements
           this.setState({
-            selectedElementIds: {},
+            selectedElementIds: makeNextSelectedElementIds({}, this.state),
             selectedGroupIds: {},
             editingGroupId: null,
           });
@@ -6290,13 +6354,17 @@ class App extends React.Component<AppProps, AppState> {
       if (
         !activeTool.locked &&
         activeTool.type !== "freedraw" &&
-        draggingElement
+        draggingElement &&
+        draggingElement.type !== "selection"
       ) {
         this.setState((prevState) => ({
-          selectedElementIds: {
-            ...prevState.selectedElementIds,
-            [draggingElement.id]: true,
-          },
+          selectedElementIds: makeNextSelectedElementIds(
+            {
+              ...prevState.selectedElementIds,
+              [draggingElement.id]: true,
+            },
+            prevState,
+          ),
         }));
       }
 
@@ -6610,7 +6678,10 @@ class App extends React.Component<AppProps, AppState> {
         this.initializeImageDimensions(imageElement);
         this.setState(
           {
-            selectedElementIds: { [imageElement.id]: true },
+            selectedElementIds: makeNextSelectedElementIds(
+              { [imageElement.id]: true },
+              this.state,
+            ),
           },
           () => {
             this.actionManager.executeAction(actionFinalize);
@@ -6837,7 +6908,7 @@ class App extends React.Component<AppProps, AppState> {
 
   private clearSelection(hitElement: ExcalidrawElement | null): void {
     this.setState((prevState) => ({
-      selectedElementIds: {},
+      selectedElementIds: makeNextSelectedElementIds({}, prevState),
       selectedGroupIds: {},
       // Continue editing the same group if the user selected a different
       // element from it
@@ -6849,7 +6920,7 @@ class App extends React.Component<AppProps, AppState> {
           : null,
     }));
     this.setState({
-      selectedElementIds: {},
+      selectedElementIds: makeNextSelectedElementIds({}, this.state),
       previousSelectedElementIds: this.state.selectedElementIds,
     });
   }
@@ -6918,7 +6989,12 @@ class App extends React.Component<AppProps, AppState> {
         const imageElement = this.createImageElement({ sceneX, sceneY });
         this.insertImageElement(imageElement, file);
         this.initializeImageDimensions(imageElement);
-        this.setState({ selectedElementIds: { [imageElement.id]: true } });
+        this.setState({
+          selectedElementIds: makeNextSelectedElementIds(
+            { [imageElement.id]: true },
+            this.state,
+          ),
+        });
 
         return;
       }
@@ -7043,6 +7119,7 @@ class App extends React.Component<AppProps, AppState> {
                   : null,
               },
               this.scene.getNonDeletedElements(),
+              this.state,
             )
           : this.state),
         showHyperlinkPopup: false,
diff --git a/src/excalidraw-app/debug.ts b/src/excalidraw-app/debug.ts
new file mode 100644
index 000000000..6e439f1c8
--- /dev/null
+++ b/src/excalidraw-app/debug.ts
@@ -0,0 +1,135 @@
+declare global {
+  interface Window {
+    debug: typeof Debug;
+  }
+}
+
+const lessPrecise = (num: number, precision = 5) =>
+  parseFloat(num.toPrecision(precision));
+
+const getAvgFrameTime = (times: number[]) =>
+  lessPrecise(times.reduce((a, b) => a + b) / times.length);
+
+const getFps = (frametime: number) => lessPrecise(1000 / frametime);
+
+export class Debug {
+  public static DEBUG_LOG_TIMES = true;
+
+  private static TIMES_AGGR: Record<string, { t: number; times: number[] }> =
+    {};
+  private static TIMES_AVG: Record<
+    string,
+    { t: number; times: number[]; avg: number | null }
+  > = {};
+  private static LAST_DEBUG_LOG_CALL = 0;
+  private static DEBUG_LOG_INTERVAL_ID: null | number = null;
+
+  private static setupInterval = () => {
+    if (Debug.DEBUG_LOG_INTERVAL_ID === null) {
+      console.info("%c(starting perf recording)", "color: lime");
+      Debug.DEBUG_LOG_INTERVAL_ID = window.setInterval(Debug.debugLogger, 1000);
+    }
+    Debug.LAST_DEBUG_LOG_CALL = Date.now();
+  };
+
+  private static debugLogger = () => {
+    if (
+      Date.now() - Debug.LAST_DEBUG_LOG_CALL > 600 &&
+      Debug.DEBUG_LOG_INTERVAL_ID !== null
+    ) {
+      window.clearInterval(Debug.DEBUG_LOG_INTERVAL_ID);
+      Debug.DEBUG_LOG_INTERVAL_ID = null;
+      for (const [name, { avg }] of Object.entries(Debug.TIMES_AVG)) {
+        if (avg != null) {
+          console.info(
+            `%c${name} run avg: ${avg}ms (${getFps(avg)} fps)`,
+            "color: blue",
+          );
+        }
+      }
+      console.info("%c(stopping perf recording)", "color: red");
+      Debug.TIMES_AGGR = {};
+      Debug.TIMES_AVG = {};
+      return;
+    }
+    if (Debug.DEBUG_LOG_TIMES) {
+      for (const [name, { t, times }] of Object.entries(Debug.TIMES_AGGR)) {
+        if (times.length) {
+          console.info(
+            name,
+            lessPrecise(times.reduce((a, b) => a + b)),
+            times.sort((a, b) => a - b).map((x) => lessPrecise(x)),
+          );
+          Debug.TIMES_AGGR[name] = { t, times: [] };
+        }
+      }
+      for (const [name, { t, times, avg }] of Object.entries(Debug.TIMES_AVG)) {
+        if (times.length) {
+          const avgFrameTime = getAvgFrameTime(times);
+          console.info(name, `${avgFrameTime}ms (${getFps(avgFrameTime)} fps)`);
+          Debug.TIMES_AVG[name] = {
+            t,
+            times: [],
+            avg:
+              avg != null ? getAvgFrameTime([avg, avgFrameTime]) : avgFrameTime,
+          };
+        }
+      }
+    }
+  };
+
+  public static logTime = (time?: number, name = "default") => {
+    Debug.setupInterval();
+    const now = performance.now();
+    const { t, times } = (Debug.TIMES_AGGR[name] = Debug.TIMES_AGGR[name] || {
+      t: 0,
+      times: [],
+    });
+    if (t) {
+      times.push(time != null ? time : now - t);
+    }
+    Debug.TIMES_AGGR[name].t = now;
+  };
+  public static logTimeAverage = (time?: number, name = "default") => {
+    Debug.setupInterval();
+    const now = performance.now();
+    const { t, times } = (Debug.TIMES_AVG[name] = Debug.TIMES_AVG[name] || {
+      t: 0,
+      times: [],
+    });
+    if (t) {
+      times.push(time != null ? time : now - t);
+    }
+    Debug.TIMES_AVG[name].t = now;
+  };
+
+  private static logWrapper =
+    (type: "logTime" | "logTimeAverage") =>
+    <T extends any[], R>(fn: (...args: T) => R, name = "default") => {
+      return (...args: T) => {
+        const t0 = performance.now();
+        const ret = fn(...args);
+        Debug.logTime(performance.now() - t0, name);
+        return ret;
+      };
+    };
+
+  public static logTimeWrap = Debug.logWrapper("logTime");
+  public static logTimeAverageWrap = Debug.logWrapper("logTimeAverage");
+
+  public static perfWrap = <T extends any[], R>(
+    fn: (...args: T) => R,
+    name = "default",
+  ) => {
+    return (...args: T) => {
+      // eslint-disable-next-line no-console
+      console.time(name);
+      const ret = fn(...args);
+      // eslint-disable-next-line no-console
+      console.timeEnd(name);
+      return ret;
+    };
+  };
+}
+
+window.debug = Debug;
diff --git a/src/groups.ts b/src/groups.ts
index eda013737..a3bf134ec 100644
--- a/src/groups.ts
+++ b/src/groups.ts
@@ -2,6 +2,7 @@ import { GroupId, ExcalidrawElement, NonDeleted } from "./element/types";
 import { AppState } from "./types";
 import { getSelectedElements } from "./scene";
 import { getBoundTextElement } from "./element/textElement";
+import { makeNextSelectedElementIds } from "./scene/selection";
 
 export const selectGroup = (
   groupId: GroupId,
@@ -67,13 +68,21 @@ export const getSelectedGroupIds = (appState: AppState): GroupId[] =>
 export const selectGroupsForSelectedElements = (
   appState: AppState,
   elements: readonly NonDeleted<ExcalidrawElement>[],
+  prevAppState: AppState,
 ): AppState => {
   let nextAppState: AppState = { ...appState, selectedGroupIds: {} };
 
   const selectedElements = getSelectedElements(elements, appState);
 
   if (!selectedElements.length) {
-    return { ...nextAppState, editingGroupId: null };
+    return {
+      ...nextAppState,
+      editingGroupId: null,
+      selectedElementIds: makeNextSelectedElementIds(
+        nextAppState.selectedElementIds,
+        prevAppState,
+      ),
+    };
   }
 
   for (const selectedElement of selectedElements) {
@@ -91,6 +100,11 @@ export const selectGroupsForSelectedElements = (
     }
   }
 
+  nextAppState.selectedElementIds = makeNextSelectedElementIds(
+    nextAppState.selectedElementIds,
+    prevAppState,
+  );
+
   return nextAppState;
 };
 
diff --git a/src/scene/selection.test.ts b/src/scene/selection.test.ts
new file mode 100644
index 000000000..644d2129f
--- /dev/null
+++ b/src/scene/selection.test.ts
@@ -0,0 +1,35 @@
+import { makeNextSelectedElementIds } from "./selection";
+
+describe("makeNextSelectedElementIds", () => {
+  const _makeNextSelectedElementIds = (
+    selectedElementIds: { [id: string]: true },
+    prevSelectedElementIds: { [id: string]: true },
+    expectUpdated: boolean,
+  ) => {
+    const ret = makeNextSelectedElementIds(selectedElementIds, {
+      selectedElementIds: prevSelectedElementIds,
+    });
+    expect(ret === selectedElementIds).toBe(expectUpdated);
+  };
+  it("should return prevState selectedElementIds if no change", () => {
+    _makeNextSelectedElementIds({}, {}, false);
+    _makeNextSelectedElementIds({ 1: true }, { 1: true }, false);
+    _makeNextSelectedElementIds(
+      { 1: true, 2: true },
+      { 1: true, 2: true },
+      false,
+    );
+  });
+  it("should return new selectedElementIds if changed", () => {
+    // _makeNextSelectedElementIds({ 1: true }, { 1: false }, true);
+    _makeNextSelectedElementIds({ 1: true }, {}, true);
+    _makeNextSelectedElementIds({}, { 1: true }, true);
+    _makeNextSelectedElementIds({ 1: true }, { 2: true }, true);
+    _makeNextSelectedElementIds({ 1: true }, { 1: true, 2: true }, true);
+    _makeNextSelectedElementIds(
+      { 1: true, 2: true },
+      { 1: true, 3: true },
+      true,
+    );
+  });
+});
diff --git a/src/scene/selection.ts b/src/scene/selection.ts
index 5b8cb35b4..bbb629d3c 100644
--- a/src/scene/selection.ts
+++ b/src/scene/selection.ts
@@ -10,6 +10,7 @@ import {
   getContainingFrame,
   getFrameElements,
 } from "../frame";
+import { isShallowEqual } from "../utils";
 
 /**
  * Frames and their containing elements are not to be selected at the same time.
@@ -88,11 +89,41 @@ export const getElementsWithinSelection = (
   return elementsInSelection;
 };
 
-export const isSomeElementSelected = (
-  elements: readonly NonDeletedExcalidrawElement[],
-  appState: Pick<AppState, "selectedElementIds">,
-): boolean =>
-  elements.some((element) => appState.selectedElementIds[element.id]);
+// FIXME move this into the editor instance to keep utility methods stateless
+export const isSomeElementSelected = (function () {
+  let lastElements: readonly NonDeletedExcalidrawElement[] | null = null;
+  let lastSelectedElementIds: AppState["selectedElementIds"] | null = null;
+  let isSelected: boolean | null = null;
+
+  const ret = (
+    elements: readonly NonDeletedExcalidrawElement[],
+    appState: Pick<AppState, "selectedElementIds">,
+  ): boolean => {
+    if (
+      isSelected != null &&
+      elements === lastElements &&
+      appState.selectedElementIds === lastSelectedElementIds
+    ) {
+      return isSelected;
+    }
+
+    isSelected = elements.some(
+      (element) => appState.selectedElementIds[element.id],
+    );
+    lastElements = elements;
+    lastSelectedElementIds = appState.selectedElementIds;
+
+    return isSelected;
+  };
+
+  ret.clearCache = () => {
+    lastElements = null;
+    lastSelectedElementIds = null;
+    isSelected = null;
+  };
+
+  return ret;
+})();
 
 /**
  * Returns common attribute (picked by `getAttribute` callback) of selected
@@ -161,3 +192,18 @@ export const getTargetElements = (
     : getSelectedElements(elements, appState, {
         includeBoundTextElement: true,
       });
+
+/**
+ * returns prevState's selectedElementids if no change from previous, so as to
+ * retain reference identity for memoization
+ */
+export const makeNextSelectedElementIds = (
+  nextSelectedElementIds: AppState["selectedElementIds"],
+  prevState: Pick<AppState, "selectedElementIds">,
+) => {
+  if (isShallowEqual(prevState.selectedElementIds, nextSelectedElementIds)) {
+    return prevState.selectedElementIds;
+  }
+
+  return nextSelectedElementIds;
+};
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index e2ed78b37..4c67a4c79 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -2179,7 +2179,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
@@ -2413,7 +2412,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
         },
         "selectedGroupIds": Object {
           "id3": true,
@@ -4171,7 +4169,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -4399,7 +4396,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
         },
         "selectedGroupIds": Object {
           "id3": true,
@@ -4479,7 +4475,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -4892,7 +4887,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -4901,8 +4895,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -5469,7 +5461,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -5478,8 +5469,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
@@ -5713,8 +5702,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 588dff76f..2da3ccc24 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -65,9 +65,6 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
-    "id4": true,
-    "id6": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -76,7 +73,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id2": true,
-    "id7": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
@@ -443,8 +439,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id2": true,
-          "id3": true,
-          "id4": true,
         },
         "selectedGroupIds": Object {
           "id5": true,
@@ -618,29 +612,20 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
-    "id5": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {
-    "id0": false,
     "id1": true,
-    "id2": false,
-    "id3": true,
-    "id5": true,
-    "id6": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
     "id4": false,
-    "id5": true,
   },
   "selectedLinearElement": null,
   "selectionElement": null,
@@ -1003,7 +988,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
@@ -1179,7 +1163,6 @@ Object {
   "scrollY": 0,
   "scrolledOutside": false,
   "selectedElementIds": Object {
-    "id12": true,
     "id7": true,
   },
   "selectedElementsAreBeingDragged": false,
@@ -1448,8 +1431,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
@@ -1528,7 +1509,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id5": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -1712,8 +1692,6 @@ Object {
           "id0": true,
           "id1": true,
           "id7": true,
-          "id8": true,
-          "id9": true,
         },
         "selectedGroupIds": Object {
           "id10": true,
@@ -1825,7 +1803,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id11": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -1934,7 +1911,6 @@ Object {
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
-          "id12": true,
           "id7": true,
         },
         "selectedGroupIds": Object {},
@@ -2116,7 +2092,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -2239,7 +2214,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id1": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -2347,7 +2321,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -2356,8 +2329,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id2": true,
-    "id3": true,
-    "id4": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
@@ -2724,8 +2695,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id2": true,
-          "id3": true,
-          "id4": true,
         },
         "selectedGroupIds": Object {
           "id5": true,
@@ -2904,7 +2873,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -3059,7 +3027,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id1": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -3394,7 +3361,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id1": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -3754,7 +3720,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id1": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -4247,7 +4212,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -4370,7 +4334,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id1": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -4478,7 +4441,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -4486,8 +4448,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id1": true,
-    "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -4610,7 +4570,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id1": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -4654,8 +4613,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id1": true,
-          "id2": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -4770,7 +4727,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -5069,7 +5025,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -5522,7 +5477,6 @@ Object {
   "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -5875,7 +5829,6 @@ Object {
   "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -6423,9 +6376,7 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id1": true,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -7157,7 +7108,6 @@ Object {
   "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -7166,8 +7116,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -7395,8 +7343,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -7536,9 +7482,7 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id7": false,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -9539,9 +9483,7 @@ Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
-          "id7": false,
-        },
+        "selectedElementIds": Object {},
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
@@ -9948,7 +9890,6 @@ Object {
   "previousSelectedElementIds": Object {
     "id0": true,
     "id2": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -9956,7 +9897,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id1": true,
-    "id4": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -10380,7 +10320,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -10389,8 +10328,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -10681,7 +10618,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -10689,7 +10625,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id1": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -10801,7 +10736,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id2": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -10938,7 +10872,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -10946,8 +10879,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id2": true,
-    "id3": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -11059,7 +10990,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id2": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -11132,8 +11062,6 @@ Object {
         "name": "Untitled-201933152653",
         "selectedElementIds": Object {
           "id0": true,
-          "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -12334,9 +12262,7 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id0": false,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -12435,9 +12361,7 @@ Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
-          "id0": false,
-        },
+        "selectedElementIds": Object {},
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
@@ -13439,9 +13363,7 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id0": false,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -13540,9 +13462,7 @@ Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
-          "id0": false,
-        },
+        "selectedElementIds": Object {},
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
@@ -13864,7 +13784,6 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -13874,8 +13793,6 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
-    "id5": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {
@@ -14347,7 +14264,6 @@ Object {
           "id0": true,
           "id1": true,
           "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
@@ -14459,8 +14375,6 @@ Object {
           "id0": true,
           "id1": true,
           "id2": true,
-          "id3": true,
-          "id5": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
@@ -14727,7 +14641,6 @@ Object {
   "pendingImageElementId": null,
   "previousSelectedElementIds": Object {
     "id0": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -14735,7 +14648,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id1": true,
-    "id4": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -15029,9 +14941,7 @@ Object {
   "scrollX": -2.916666666666668,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id0": true,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -15261,10 +15171,7 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id0": false,
-    "id1": true,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
@@ -15451,8 +15358,6 @@ Object {
   "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -15461,9 +15366,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id2": true,
-    "id3": true,
-    "id4": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -15691,9 +15593,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
-          "id3": true,
-          "id4": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -15832,7 +15731,6 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -15842,7 +15740,6 @@ Object {
     "id0": true,
     "id1": true,
     "id2": true,
-    "id5": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -16204,7 +16101,6 @@ Object {
           "id0": true,
           "id1": true,
           "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
@@ -16316,7 +16212,6 @@ Object {
           "id0": true,
           "id1": true,
           "id2": true,
-          "id5": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -16487,7 +16382,6 @@ Object {
   "scrolledOutside": false,
   "selectedElementIds": Object {
     "id0": true,
-    "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
@@ -16728,7 +16622,6 @@ Object {
   "selectedElementIds": Object {
     "id0": true,
     "id1": true,
-    "id11": true,
     "id5": true,
     "id6": true,
   },
@@ -17036,8 +16929,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id1": true,
-          "id2": true,
-          "id3": true,
         },
         "selectedGroupIds": Object {
           "id4": true,
@@ -17356,8 +17247,6 @@ Object {
         "selectedElementIds": Object {
           "id5": true,
           "id6": true,
-          "id7": true,
-          "id8": true,
         },
         "selectedGroupIds": Object {
           "id9": true,
@@ -18309,7 +18198,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id2": true,
-          "id4": true,
         },
         "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
@@ -18418,7 +18306,6 @@ Object {
         "selectedElementIds": Object {
           "id0": true,
           "id2": true,
-          "id4": true,
         },
         "selectedGroupIds": Object {
           "id5": true,
@@ -18532,7 +18419,6 @@ Object {
           "id0": true,
           "id1": true,
           "id2": true,
-          "id7": true,
         },
         "selectedGroupIds": Object {
           "id3": true,
@@ -18737,7 +18623,6 @@ Object {
   "previousSelectedElementIds": Object {
     "id1": true,
     "id2": true,
-    "id3": true,
   },
   "resizingElement": null,
   "scrollX": 0,
@@ -19552,9 +19437,7 @@ Object {
   "scrollX": 10,
   "scrollY": -10,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
-    "id0": true,
-  },
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
   "selectedGroupIds": Object {},
   "selectedLinearElement": null,
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index 091d1c73b..c90c07834 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -430,7 +430,10 @@ describe("arrow", () => {
     const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementWithCurveInsideMinMaxPoints("arrow");
     h.app.scene.replaceAllElements([line]);
-    h.app.state.selectedElementIds[line.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [line.id]: true,
+    };
     mutateElement(line, {
       angle: originalAngle,
     });
@@ -446,7 +449,10 @@ describe("arrow", () => {
     const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementWithCurveInsideMinMaxPoints("arrow");
     h.app.scene.replaceAllElements([line]);
-    h.app.state.selectedElementIds[line.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [line.id]: true,
+    };
     mutateElement(line, {
       angle: originalAngle,
     });
@@ -616,7 +622,10 @@ describe("line", () => {
     const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementWithCurveInsideMinMaxPoints("line");
     h.app.scene.replaceAllElements([line]);
-    h.app.state.selectedElementIds[line.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [line.id]: true,
+    };
     mutateElement(line, {
       angle: originalAngle,
     });
@@ -632,7 +641,10 @@ describe("line", () => {
     const expectedAngle = (7 * Math.PI) / 4;
     const line = createLinearElementWithCurveInsideMinMaxPoints("line");
     h.app.scene.replaceAllElements([line]);
-    h.app.state.selectedElementIds[line.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [line.id]: true,
+    };
     mutateElement(line, {
       angle: originalAngle,
     });
@@ -659,14 +671,20 @@ describe("freedraw", () => {
   it("flips an unrotated drawing horizontally correctly", async () => {
     const draw = createAndReturnOneDraw();
     // select draw, since not done automatically
-    h.state.selectedElementIds[draw.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [draw.id]: true,
+    };
     await checkHorizontalFlip();
   });
 
   it("flips an unrotated drawing vertically correctly", async () => {
     const draw = createAndReturnOneDraw();
     // select draw, since not done automatically
-    h.state.selectedElementIds[draw.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [draw.id]: true,
+    };
     await checkVerticalFlip();
   });
 
@@ -676,7 +694,10 @@ describe("freedraw", () => {
 
     const draw = createAndReturnOneDraw(originalAngle);
     // select draw, since not done automatically
-    h.state.selectedElementIds[draw.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [draw.id]: true,
+    };
 
     await checkRotatedHorizontalFlip(expectedAngle);
   });
@@ -687,7 +708,10 @@ describe("freedraw", () => {
 
     const draw = createAndReturnOneDraw(originalAngle);
     // select draw, since not done automatically
-    h.state.selectedElementIds[draw.id] = true;
+    h.state.selectedElementIds = {
+      ...h.state.selectedElementIds,
+      [draw.id]: true,
+    };
 
     await checkRotatedVerticalFlip(expectedAngle);
   });
diff --git a/src/tests/zindex.test.tsx b/src/tests/zindex.test.tsx
index a59af77cf..de3292af6 100644
--- a/src/tests/zindex.test.tsx
+++ b/src/tests/zindex.test.tsx
@@ -89,6 +89,7 @@ const populateElements = (
     ...selectGroupsForSelectedElements(
       { ...h.state, ...appState, selectedElementIds },
       h.elements,
+      h.state,
     ),
     ...appState,
     selectedElementIds,
diff --git a/src/types.ts b/src/types.ts
index fd00578b8..bb641088a 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -181,8 +181,8 @@ export type AppState = {
   defaultSidebarDockedPreference: boolean;
 
   lastPointerDownWith: PointerType;
-  selectedElementIds: { [id: string]: boolean };
-  previousSelectedElementIds: { [id: string]: boolean };
+  selectedElementIds: Readonly<{ [id: string]: true }>;
+  previousSelectedElementIds: { [id: string]: true };
   selectedElementsAreBeingDragged: boolean;
   shouldCacheIgnoreZoom: boolean;
   toast: { message: string; closable?: boolean; duration?: number } | null;

From cf0413338e0e2bc22397a94138ece91a4e001a49 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 10 Jul 2023 17:13:44 +0200
Subject: [PATCH 230/252] feat: support customizing what parts of frames are
 rendered (#6752)

---
 src/actions/actionFrame.ts                    |  13 +-
 src/actions/types.ts                          |   2 +-
 src/appState.ts                               |   4 +-
 src/components/App.tsx                        |  25 +-
 src/renderer/renderElement.ts                 |   6 +-
 src/renderer/renderScene.ts                   |   4 +-
 .../__snapshots__/contextmenu.test.tsx.snap   | 119 +++++-
 .../regressionTests.test.tsx.snap             | 371 +++++++++++++++---
 .../packages/__snapshots__/utils.test.ts.snap |   7 +-
 src/types.ts                                  |   9 +-
 10 files changed, 472 insertions(+), 88 deletions(-)

diff --git a/src/actions/actionFrame.ts b/src/actions/actionFrame.ts
index 980d0f7d0..054e51011 100644
--- a/src/actions/actionFrame.ts
+++ b/src/actions/actionFrame.ts
@@ -90,8 +90,8 @@ export const actionRemoveAllElementsFromFrame = register({
   predicate: (elements, appState) => isSingleFrameSelected(elements, appState),
 });
 
-export const actionToggleFrameRendering = register({
-  name: "toggleFrameRendering",
+export const actionupdateFrameRendering = register({
+  name: "updateFrameRendering",
   viewMode: true,
   trackEvent: { category: "canvas" },
   perform: (elements, appState) => {
@@ -99,13 +99,16 @@ export const actionToggleFrameRendering = register({
       elements,
       appState: {
         ...appState,
-        shouldRenderFrames: !appState.shouldRenderFrames,
+        frameRendering: {
+          ...appState.frameRendering,
+          enabled: !appState.frameRendering.enabled,
+        },
       },
       commitToHistory: false,
     };
   },
-  contextItemLabel: "labels.toggleFrameRendering",
-  checked: (appState: AppState) => appState.shouldRenderFrames,
+  contextItemLabel: "labels.updateFrameRendering",
+  checked: (appState: AppState) => appState.frameRendering.enabled,
 });
 
 export const actionSetFrameAsActiveTool = register({
diff --git a/src/actions/types.ts b/src/actions/types.ts
index bd81fa559..ab20a896b 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -119,7 +119,7 @@ export type ActionName =
   | "toggleHandTool"
   | "selectAllElementsInFrame"
   | "removeAllElementsFromFrame"
-  | "toggleFrameRendering"
+  | "updateFrameRendering"
   | "setFrameAsActiveTool"
   | "createContainerFromText"
   | "wrapTextInContainer";
diff --git a/src/appState.ts b/src/appState.ts
index aaca09757..104fbcbf5 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -84,7 +84,7 @@ export const getDefaultAppState = (): Omit<
     showStats: false,
     startBoundElement: null,
     suggestedBindings: [],
-    shouldRenderFrames: true,
+    frameRendering: { enabled: true, clip: true, name: true, outline: true },
     frameToHighlight: null,
     editingFrame: null,
     elementsToHighlight: null,
@@ -191,7 +191,7 @@ const APP_STATE_STORAGE_CONF = (<
   showStats: { browser: true, export: false, server: false },
   startBoundElement: { browser: false, export: false, server: false },
   suggestedBindings: { browser: false, export: false, server: false },
-  shouldRenderFrames: { browser: false, export: false, server: false },
+  frameRendering: { browser: false, export: false, server: false },
   frameToHighlight: { browser: false, export: false, server: false },
   editingFrame: { browser: false, export: false, server: false },
   elementsToHighlight: { browser: false, export: false, server: false },
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 887392e20..611ff47b4 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -505,7 +505,7 @@ class App extends React.Component<AppProps, AppState> {
         setActiveTool: this.setActiveTool,
         setCursor: this.setCursor,
         resetCursor: this.resetCursor,
-        toggleFrameRendering: this.toggleFrameRendering,
+        updateFrameRendering: this.updateFrameRendering,
         toggleSidebar: this.toggleSidebar,
       } as const;
       if (typeof excalidrawRef === "function") {
@@ -651,7 +651,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   private renderFrameNames = () => {
-    if (!this.state.shouldRenderFrames) {
+    if (!this.state.frameRendering.enabled || !this.state.frameRendering.name) {
       return null;
     }
 
@@ -2208,10 +2208,23 @@ class App extends React.Component<AppProps, AppState> {
     });
   };
 
-  toggleFrameRendering = () => {
+  updateFrameRendering = (
+    opts:
+      | Partial<AppState["frameRendering"]>
+      | ((
+          prevState: AppState["frameRendering"],
+        ) => Partial<AppState["frameRendering"]>),
+  ) => {
     this.setState((prevState) => {
+      const next =
+        typeof opts === "function" ? opts(prevState.frameRendering) : opts;
       return {
-        shouldRenderFrames: !prevState.shouldRenderFrames,
+        frameRendering: {
+          enabled: next?.enabled ?? prevState.frameRendering.enabled,
+          clip: next?.clip ?? prevState.frameRendering.clip,
+          name: next?.name ?? prevState.frameRendering.name,
+          outline: next?.outline ?? prevState.frameRendering.outline,
+        },
       };
     });
   };
@@ -3089,7 +3102,9 @@ class App extends React.Component<AppProps, AppState> {
     ).filter((element) => {
       // hitting a frame's element from outside the frame is not considered a hit
       const containingFrame = getContainingFrame(element);
-      return containingFrame && this.state.shouldRenderFrames
+      return containingFrame &&
+        this.state.frameRendering.enabled &&
+        this.state.frameRendering.clip
         ? isCursorInFrame({ x, y }, containingFrame)
         : true;
     });
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 0efe5df96..ff47d4359 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -931,7 +931,11 @@ export const renderElement = (
       break;
     }
     case "frame": {
-      if (!renderConfig.isExporting && appState.shouldRenderFrames) {
+      if (
+        !renderConfig.isExporting &&
+        appState.frameRendering.enabled &&
+        appState.frameRendering.outline
+      ) {
         context.save();
         context.translate(
           element.x + renderConfig.scrollX,
diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index eac3d3c57..1344329e5 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -470,7 +470,9 @@ export const _renderScene = ({
         if (
           frameId &&
           ((renderConfig.isExporting && isOnlyExportingSingleFrame(elements)) ||
-            (!renderConfig.isExporting && appState.shouldRenderFrames))
+            (!renderConfig.isExporting &&
+              appState.frameRendering.enabled &&
+              appState.frameRendering.clip))
         ) {
           context.save();
 
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 4c67a4c79..583c809a2 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -314,6 +314,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -353,7 +359,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -501,6 +506,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -537,7 +548,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -694,6 +704,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -730,7 +746,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1061,6 +1076,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -1097,7 +1118,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1428,6 +1448,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -1464,7 +1490,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1621,6 +1646,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -1655,7 +1686,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1851,6 +1881,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -1887,7 +1923,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2146,6 +2181,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -2187,7 +2228,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2529,6 +2569,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -2565,7 +2611,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3402,6 +3447,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -3438,7 +3489,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3769,6 +3819,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -3805,7 +3861,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4136,6 +4191,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -4175,7 +4236,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4862,6 +4922,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -4901,7 +4967,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5436,6 +5501,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -5477,7 +5548,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5934,6 +6004,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -5968,7 +6044,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6324,6 +6399,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -6360,7 +6441,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6692,6 +6772,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 100,
@@ -6728,7 +6814,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 2da3ccc24..fd2c2f5d7 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -38,6 +38,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -81,7 +87,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -585,6 +590,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -630,7 +641,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -1134,6 +1144,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -1170,7 +1186,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2060,6 +2075,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -2098,7 +2119,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2296,6 +2316,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -2337,7 +2363,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -2841,6 +2866,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -2879,7 +2910,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3138,6 +3168,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -3174,7 +3210,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3329,6 +3364,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -3367,7 +3408,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -3860,6 +3900,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -3896,7 +3942,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4180,6 +4225,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -4218,7 +4269,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4416,6 +4466,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -4454,7 +4510,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4695,6 +4750,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -4733,7 +4794,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -4992,6 +5052,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -5031,7 +5097,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5451,6 +5516,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -5516,7 +5587,6 @@ Object {
     "y": 500,
   },
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -5803,6 +5873,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -5840,7 +5916,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6127,6 +6202,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -6191,7 +6272,6 @@ Object {
     "y": 110,
   },
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6346,6 +6426,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -6382,7 +6468,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -6537,6 +6622,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -6573,7 +6664,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -7082,6 +7172,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -7122,7 +7218,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -7454,6 +7549,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -7488,7 +7589,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -9864,6 +9964,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -9903,7 +10009,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10295,6 +10400,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -10334,7 +10445,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10593,6 +10703,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -10631,7 +10747,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -10847,6 +10962,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -10885,7 +11006,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11173,6 +11293,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -11209,7 +11335,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11364,6 +11489,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -11400,7 +11531,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11555,6 +11685,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -11591,7 +11727,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11746,6 +11881,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -11805,7 +11946,6 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -11990,6 +12130,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -12049,7 +12195,6 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12234,6 +12379,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -12268,7 +12419,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12465,6 +12615,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -12524,7 +12680,6 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12709,6 +12864,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -12745,7 +12906,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -12900,6 +13060,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -12959,7 +13125,6 @@ Object {
   },
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13144,6 +13309,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -13180,7 +13351,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13335,6 +13505,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -13369,7 +13545,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13566,6 +13741,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -13602,7 +13783,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -13757,6 +13937,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -13801,7 +13987,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -14616,6 +14801,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -14654,7 +14845,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -14913,6 +15103,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -14947,7 +15143,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15027,6 +15222,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -15061,7 +15262,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15141,6 +15341,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -15177,7 +15383,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15332,6 +15537,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -15372,7 +15583,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -15704,6 +15914,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -15746,7 +15962,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -16352,6 +16567,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -16388,7 +16609,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -16586,6 +16806,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -16632,7 +16858,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -17573,6 +17798,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -17607,7 +17838,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -17687,6 +17917,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -17725,7 +17961,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -18597,6 +18832,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -18664,7 +18905,6 @@ Object {
     "y": 0,
   },
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -19084,6 +19324,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -19150,7 +19396,6 @@ Object {
     "y": 0,
   },
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -19409,6 +19654,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -19443,7 +19694,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -19523,6 +19773,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -19559,7 +19815,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -20111,6 +20366,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -20145,7 +20406,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
@@ -20225,6 +20485,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "height": 768,
@@ -20259,7 +20525,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": true,
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index b0fd58fca..34085498f 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -39,6 +39,12 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
+  "frameRendering": Object {
+    "clip": true,
+    "enabled": true,
+    "name": true,
+    "outline": true,
+  },
   "frameToHighlight": null,
   "gridSize": null,
   "isBindingEnabled": true,
@@ -70,7 +76,6 @@ Object {
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
-  "shouldRenderFrames": true,
   "showHyperlinkPopup": false,
   "showStats": false,
   "showWelcomeScreen": false,
diff --git a/src/types.ts b/src/types.ts
index bb641088a..40f54831d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -115,7 +115,12 @@ export type AppState = {
   startBoundElement: NonDeleted<ExcalidrawBindableElement> | null;
   suggestedBindings: SuggestedBinding[];
   frameToHighlight: NonDeleted<ExcalidrawFrameElement> | null;
-  shouldRenderFrames: boolean;
+  frameRendering: {
+    enabled: boolean;
+    name: boolean;
+    outline: boolean;
+    clip: boolean;
+  };
   editingFrame: string | null;
   elementsToHighlight: NonDeleted<ExcalidrawElement>[] | null;
   // element being edited, but not necessarily added to elements array yet
@@ -543,7 +548,7 @@ export type ExcalidrawImperativeAPI = {
    * the frames are still interactive in edit mode. As such, this API should be
    * used in conjunction with view mode (props.viewModeEnabled).
    */
-  toggleFrameRendering: InstanceType<typeof App>["toggleFrameRendering"];
+  updateFrameRendering: InstanceType<typeof App>["updateFrameRendering"];
 };
 
 export type Device = Readonly<{

From 2e46e27490b08a5da66e8e3b64e3c7251f2a5e09 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 14 Jul 2023 20:21:02 +0200
Subject: [PATCH 231/252] fix: use actual dock state to not close docked
 library on insert (#6766)

---
 src/components/App.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 611ff47b4..7f747dbd4 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -330,6 +330,7 @@ import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionWrapTextInContainer } from "../actions/actionBoundText";
 import BraveMeasureTextError from "./BraveMeasureTextError";
 import { activeEyeDropperAtom } from "./EyeDropper";
+import { isSidebarDockedAtom } from "./Sidebar/Sidebar";
 
 const AppContext = React.createContext<AppClassProperties>(null!);
 const AppPropsContext = React.createContext<AppProps>(null!);
@@ -473,8 +474,6 @@ class App extends React.Component<AppProps, AppState> {
       name,
       width: window.innerWidth,
       height: window.innerHeight,
-      showHyperlinkPopup: false,
-      defaultSidebarDockedPreference: false,
     };
 
     this.id = nanoid();
@@ -2031,7 +2030,7 @@ class App extends React.Component<AppProps, AppState> {
           openSidebar:
             this.state.openSidebar &&
             this.device.canDeviceFitSidebar &&
-            this.state.defaultSidebarDockedPreference
+            jotaiStore.get(isSidebarDockedAtom)
               ? this.state.openSidebar
               : null,
           selectedElementIds: nextElementsToSelect.reduce(

From 9f76f8677baa1e95fc1af011e35f31f87631167b Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Mon, 17 Jul 2023 01:09:44 +0200
Subject: [PATCH 232/252] feat: cache most of element selection (#6747)

---
 src/actions/actionAddToLibrary.ts             |   15 +-
 src/actions/actionAlign.tsx                   |   66 +-
 src/actions/actionBoundText.tsx               |   36 +-
 src/actions/actionCanvas.tsx                  |   16 +-
 src/actions/actionClipboard.tsx               |   54 +-
 src/actions/actionDistribute.tsx              |   37 +-
 src/actions/actionDuplicateSelection.tsx      |    1 +
 src/actions/actionElementLock.ts              |   20 +-
 src/actions/actionFlip.ts                     |    6 +-
 src/actions/actionFrame.ts                    |   33 +-
 src/actions/actionGroup.tsx                   |   37 +-
 src/actions/actionLinearEditor.ts             |   30 +-
 src/actions/actionSelectAll.ts                |    1 +
 src/actions/manager.tsx                       |    2 +
 src/actions/types.ts                          |    3 +
 src/components/App.tsx                        |  132 +-
 src/components/ContextMenu.tsx                |    4 +-
 src/components/HintViewer.tsx                 |   19 +-
 src/components/LayerUI.tsx                    |    5 +-
 src/components/MobileMenu.tsx                 |   12 +-
 src/frame.ts                                  |    9 +-
 src/groups.ts                                 |   24 +-
 src/scene/Scene.ts                            |   93 +
 .../__snapshots__/contextmenu.test.tsx.snap   |   72 +-
 .../regressionTests.test.tsx.snap             | 3476 +----------------
 src/tests/zindex.test.tsx                     |    1 +
 src/utility-types.ts                          |    3 +
 27 files changed, 452 insertions(+), 3755 deletions(-)

diff --git a/src/actions/actionAddToLibrary.ts b/src/actions/actionAddToLibrary.ts
index ef69a60de..feb4725e8 100644
--- a/src/actions/actionAddToLibrary.ts
+++ b/src/actions/actionAddToLibrary.ts
@@ -1,6 +1,4 @@
 import { register } from "./register";
-import { getSelectedElements } from "../scene";
-import { getNonDeletedElements } from "../element";
 import { deepCopyElement } from "../element/newElement";
 import { randomId } from "../random";
 import { t } from "../i18n";
@@ -9,14 +7,11 @@ export const actionAddToLibrary = register({
   name: "addToLibrary",
   trackEvent: { category: "element" },
   perform: (elements, appState, _, app) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-        includeElementsInFrames: true,
-      },
-    );
+    const selectedElements = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    });
     if (selectedElements.some((element) => element.type === "image")) {
       return {
         commitToHistory: false,
diff --git a/src/actions/actionAlign.tsx b/src/actions/actionAlign.tsx
index d917f8037..5697a707e 100644
--- a/src/actions/actionAlign.tsx
+++ b/src/actions/actionAlign.tsx
@@ -13,19 +13,18 @@ import { ExcalidrawElement } from "../element/types";
 import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { KEYS } from "../keys";
-import { getSelectedElements, isSomeElementSelected } from "../scene";
-import { AppState } from "../types";
+import { isSomeElementSelected } from "../scene";
+import { AppClassProperties, AppState } from "../types";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 
 const alignActionsPredicate = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  _: unknown,
+  app: AppClassProperties,
 ) => {
-  const selectedElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
+  const selectedElements = app.scene.getSelectedElements(appState);
   return (
     selectedElements.length > 1 &&
     // TODO enable aligning frames when implemented properly
@@ -36,12 +35,10 @@ const alignActionsPredicate = (
 const alignSelectedElements = (
   elements: readonly ExcalidrawElement[],
   appState: Readonly<AppState>,
+  app: AppClassProperties,
   alignment: Alignment,
 ) => {
-  const selectedElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
+  const selectedElements = app.scene.getSelectedElements(appState);
 
   const updatedElements = alignElements(selectedElements, alignment);
 
@@ -50,6 +47,7 @@ const alignSelectedElements = (
   return updateFrameMembershipOfSelectedElements(
     elements.map((element) => updatedElementsMap.get(element.id) || element),
     appState,
+    app,
   );
 };
 
@@ -57,10 +55,10 @@ export const actionAlignTop = register({
   name: "alignTop",
   trackEvent: { category: "element" },
   predicate: alignActionsPredicate,
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: alignSelectedElements(elements, appState, {
+      elements: alignSelectedElements(elements, appState, app, {
         position: "start",
         axis: "y",
       }),
@@ -69,9 +67,9 @@ export const actionAlignTop = register({
   },
   keyTest: (event) =>
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_UP,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!alignActionsPredicate(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState, null, app)}
       type="button"
       icon={AlignTopIcon}
       onClick={() => updateData(null)}
@@ -88,10 +86,10 @@ export const actionAlignBottom = register({
   name: "alignBottom",
   trackEvent: { category: "element" },
   predicate: alignActionsPredicate,
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: alignSelectedElements(elements, appState, {
+      elements: alignSelectedElements(elements, appState, app, {
         position: "end",
         axis: "y",
       }),
@@ -100,9 +98,9 @@ export const actionAlignBottom = register({
   },
   keyTest: (event) =>
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_DOWN,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!alignActionsPredicate(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState, null, app)}
       type="button"
       icon={AlignBottomIcon}
       onClick={() => updateData(null)}
@@ -119,10 +117,10 @@ export const actionAlignLeft = register({
   name: "alignLeft",
   trackEvent: { category: "element" },
   predicate: alignActionsPredicate,
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: alignSelectedElements(elements, appState, {
+      elements: alignSelectedElements(elements, appState, app, {
         position: "start",
         axis: "x",
       }),
@@ -131,9 +129,9 @@ export const actionAlignLeft = register({
   },
   keyTest: (event) =>
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_LEFT,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!alignActionsPredicate(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState, null, app)}
       type="button"
       icon={AlignLeftIcon}
       onClick={() => updateData(null)}
@@ -150,10 +148,10 @@ export const actionAlignRight = register({
   name: "alignRight",
   trackEvent: { category: "element" },
   predicate: alignActionsPredicate,
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: alignSelectedElements(elements, appState, {
+      elements: alignSelectedElements(elements, appState, app, {
         position: "end",
         axis: "x",
       }),
@@ -162,9 +160,9 @@ export const actionAlignRight = register({
   },
   keyTest: (event) =>
     event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_RIGHT,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!alignActionsPredicate(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState, null, app)}
       type="button"
       icon={AlignRightIcon}
       onClick={() => updateData(null)}
@@ -181,19 +179,19 @@ export const actionAlignVerticallyCentered = register({
   name: "alignVerticallyCentered",
   trackEvent: { category: "element" },
   predicate: alignActionsPredicate,
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: alignSelectedElements(elements, appState, {
+      elements: alignSelectedElements(elements, appState, app, {
         position: "center",
         axis: "y",
       }),
       commitToHistory: true,
     };
   },
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!alignActionsPredicate(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState, null, app)}
       type="button"
       icon={CenterVerticallyIcon}
       onClick={() => updateData(null)}
@@ -208,19 +206,19 @@ export const actionAlignHorizontallyCentered = register({
   name: "alignHorizontallyCentered",
   trackEvent: { category: "element" },
   predicate: alignActionsPredicate,
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: alignSelectedElements(elements, appState, {
+      elements: alignSelectedElements(elements, appState, app, {
         position: "center",
         axis: "x",
       }),
       commitToHistory: true,
     };
   },
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!alignActionsPredicate(elements, appState)}
+      hidden={!alignActionsPredicate(elements, appState, null, app)}
       type="button"
       icon={CenterHorizontallyIcon}
       onClick={() => updateData(null)}
diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index 06f2acda1..b42169544 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -4,7 +4,7 @@ import {
   VERTICAL_ALIGN,
   TEXT_ALIGN,
 } from "../constants";
-import { getNonDeletedElements, isTextElement, newElement } from "../element";
+import { isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import {
   computeBoundTextPosition,
@@ -29,7 +29,6 @@ import {
   ExcalidrawTextContainer,
   ExcalidrawTextElement,
 } from "../element/types";
-import { getSelectedElements } from "../scene";
 import { AppState } from "../types";
 import { Mutable } from "../utility-types";
 import { getFontString } from "../utils";
@@ -39,16 +38,13 @@ export const actionUnbindText = register({
   name: "unbindText",
   contextItemLabel: "labels.unbindText",
   trackEvent: { category: "element" },
-  predicate: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState);
+  predicate: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
 
     return selectedElements.some((element) => hasBoundTextElement(element));
   },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    );
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     selectedElements.forEach((element) => {
       const boundTextElement = getBoundTextElement(element);
       if (boundTextElement) {
@@ -93,8 +89,8 @@ export const actionBindText = register({
   name: "bindText",
   contextItemLabel: "labels.bindText",
   trackEvent: { category: "element" },
-  predicate: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState);
+  predicate: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
 
     if (selectedElements.length === 2) {
       const textElement =
@@ -117,11 +113,8 @@ export const actionBindText = register({
     }
     return false;
   },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    );
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
 
     let textElement: ExcalidrawTextElement;
     let container: ExcalidrawTextContainer;
@@ -201,16 +194,13 @@ export const actionWrapTextInContainer = register({
   name: "wrapTextInContainer",
   contextItemLabel: "labels.createContainerFromText",
   trackEvent: { category: "element" },
-  predicate: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState);
+  predicate: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     const areTextElements = selectedElements.every((el) => isTextElement(el));
     return selectedElements.length > 0 && areTextElements;
   },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    );
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     let updatedElements: readonly ExcalidrawElement[] = elements.slice();
     const containerIds: Mutable<AppState["selectedElementIds"]> = {};
 
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index ae4a08a96..bc268544b 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -6,7 +6,7 @@ import { getCommonBounds, getNonDeletedElements } from "../element";
 import { ExcalidrawElement } from "../element/types";
 import { t } from "../i18n";
 import { CODES, KEYS } from "../keys";
-import { getNormalizedZoom, getSelectedElements } from "../scene";
+import { getNormalizedZoom } from "../scene";
 import { centerScrollOn } from "../scene/scroll";
 import { getStateForZoom } from "../scene/zoom";
 import { AppState, NormalizedZoomValue } from "../types";
@@ -302,11 +302,8 @@ export const zoomToFit = ({
 export const actionZoomToFitSelectionInViewport = register({
   name: "zoomToFitSelectionInViewport",
   trackEvent: { category: "canvas" },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    );
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     return zoomToFit({
       targetElements: selectedElements.length ? selectedElements : elements,
       appState,
@@ -325,11 +322,8 @@ export const actionZoomToFitSelectionInViewport = register({
 export const actionZoomToFitSelection = register({
   name: "zoomToFitSelection",
   trackEvent: { category: "canvas" },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    );
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     return zoomToFit({
       targetElements: selectedElements.length ? selectedElements : elements,
       appState,
diff --git a/src/actions/actionClipboard.tsx b/src/actions/actionClipboard.tsx
index c1834f51d..b3794d0c0 100644
--- a/src/actions/actionClipboard.tsx
+++ b/src/actions/actionClipboard.tsx
@@ -7,7 +7,6 @@ import {
   probablySupportsClipboardWriteText,
 } from "../clipboard";
 import { actionDeleteSelected } from "./actionDeleteSelected";
-import { getSelectedElements } from "../scene/selection";
 import { exportCanvas } from "../data/index";
 import { getNonDeletedElements, isTextElement } from "../element";
 import { t } from "../i18n";
@@ -16,7 +15,8 @@ export const actionCopy = register({
   name: "copy",
   trackEvent: { category: "element" },
   perform: (elements, appState, _, app) => {
-    const elementsToCopy = getSelectedElements(elements, appState, {
+    const elementsToCopy = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
       includeBoundTextElement: true,
       includeElementsInFrames: true,
     });
@@ -75,14 +75,11 @@ export const actionCopyAsSvg = register({
         commitToHistory: false,
       };
     }
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-        includeElementsInFrames: true,
-      },
-    );
+    const selectedElements = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    });
     try {
       await exportCanvas(
         "clipboard-svg",
@@ -122,14 +119,11 @@ export const actionCopyAsPng = register({
         commitToHistory: false,
       };
     }
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-        includeElementsInFrames: true,
-      },
-    );
+    const selectedElements = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+      includeElementsInFrames: true,
+    });
     try {
       await exportCanvas(
         "clipboard",
@@ -177,14 +171,11 @@ export const actionCopyAsPng = register({
 export const copyText = register({
   name: "copyText",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-      },
-    );
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+    });
 
     const text = selectedElements
       .reduce((acc: string[], element) => {
@@ -199,12 +190,15 @@ export const copyText = register({
       commitToHistory: false,
     };
   },
-  predicate: (elements, appState) => {
+  predicate: (elements, appState, _, app) => {
     return (
       probablySupportsClipboardWriteText &&
-      getSelectedElements(elements, appState, {
-        includeBoundTextElement: true,
-      }).some(isTextElement)
+      app.scene
+        .getSelectedElements({
+          selectedElementIds: appState.selectedElementIds,
+          includeBoundTextElement: true,
+        })
+        .some(isTextElement)
     );
   },
   contextItemLabel: "labels.copyText",
diff --git a/src/actions/actionDistribute.tsx b/src/actions/actionDistribute.tsx
index f6ab3f09d..d3cdb5c9c 100644
--- a/src/actions/actionDistribute.tsx
+++ b/src/actions/actionDistribute.tsx
@@ -9,19 +9,13 @@ import { ExcalidrawElement } from "../element/types";
 import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { CODES, KEYS } from "../keys";
-import { getSelectedElements, isSomeElementSelected } from "../scene";
-import { AppState } from "../types";
+import { isSomeElementSelected } from "../scene";
+import { AppClassProperties, AppState } from "../types";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 
-const enableActionGroup = (
-  elements: readonly ExcalidrawElement[],
-  appState: AppState,
-) => {
-  const selectedElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
+const enableActionGroup = (appState: AppState, app: AppClassProperties) => {
+  const selectedElements = app.scene.getSelectedElements(appState);
   return (
     selectedElements.length > 1 &&
     // TODO enable distributing frames when implemented properly
@@ -32,12 +26,10 @@ const enableActionGroup = (
 const distributeSelectedElements = (
   elements: readonly ExcalidrawElement[],
   appState: Readonly<AppState>,
+  app: AppClassProperties,
   distribution: Distribution,
 ) => {
-  const selectedElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
+  const selectedElements = app.scene.getSelectedElements(appState);
 
   const updatedElements = distributeElements(selectedElements, distribution);
 
@@ -46,16 +38,17 @@ const distributeSelectedElements = (
   return updateFrameMembershipOfSelectedElements(
     elements.map((element) => updatedElementsMap.get(element.id) || element),
     appState,
+    app,
   );
 };
 
 export const distributeHorizontally = register({
   name: "distributeHorizontally",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: distributeSelectedElements(elements, appState, {
+      elements: distributeSelectedElements(elements, appState, app, {
         space: "between",
         axis: "x",
       }),
@@ -64,9 +57,9 @@ export const distributeHorizontally = register({
   },
   keyTest: (event) =>
     !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.H,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!enableActionGroup(appState, app)}
       type="button"
       icon={DistributeHorizontallyIcon}
       onClick={() => updateData(null)}
@@ -82,10 +75,10 @@ export const distributeHorizontally = register({
 export const distributeVertically = register({
   name: "distributeVertically",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       appState,
-      elements: distributeSelectedElements(elements, appState, {
+      elements: distributeSelectedElements(elements, appState, app, {
         space: "between",
         axis: "y",
       }),
@@ -94,9 +87,9 @@ export const distributeVertically = register({
   },
   keyTest: (event) =>
     !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.V,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!enableActionGroup(appState, app)}
       type="button"
       icon={DistributeVerticallyIcon}
       onClick={() => updateData(null)}
diff --git a/src/actions/actionDuplicateSelection.tsx b/src/actions/actionDuplicateSelection.tsx
index 181e70e7d..81dea88f1 100644
--- a/src/actions/actionDuplicateSelection.tsx
+++ b/src/actions/actionDuplicateSelection.tsx
@@ -275,6 +275,7 @@ const duplicateElements = (
       },
       getNonDeletedElements(finalElements),
       appState,
+      null,
     ),
   };
 };
diff --git a/src/actions/actionElementLock.ts b/src/actions/actionElementLock.ts
index 20ceef783..cd539c5a3 100644
--- a/src/actions/actionElementLock.ts
+++ b/src/actions/actionElementLock.ts
@@ -1,7 +1,6 @@
 import { newElementWith } from "../element/mutateElement";
 import { ExcalidrawElement } from "../element/types";
 import { KEYS } from "../keys";
-import { getSelectedElements } from "../scene";
 import { arrayToMap } from "../utils";
 import { register } from "./register";
 
@@ -11,14 +10,15 @@ const shouldLock = (elements: readonly ExcalidrawElement[]) =>
 export const actionToggleElementLock = register({
   name: "toggleElementLock",
   trackEvent: { category: "element" },
-  predicate: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState);
+  predicate: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     return !selectedElements.some(
       (element) => element.locked && element.frameId,
     );
   },
-  perform: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState, {
+  perform: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
       includeBoundTextElement: true,
       includeElementsInFrames: true,
     });
@@ -46,8 +46,9 @@ export const actionToggleElementLock = register({
       commitToHistory: true,
     };
   },
-  contextItemLabel: (elements, appState) => {
-    const selected = getSelectedElements(elements, appState, {
+  contextItemLabel: (elements, appState, app) => {
+    const selected = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
       includeBoundTextElement: false,
     });
     if (selected.length === 1 && selected[0].type !== "frame") {
@@ -60,12 +61,13 @@ export const actionToggleElementLock = register({
       ? "labels.elementLock.lockAll"
       : "labels.elementLock.unlockAll";
   },
-  keyTest: (event, appState, elements) => {
+  keyTest: (event, appState, elements, app) => {
     return (
       event.key.toLocaleLowerCase() === KEYS.L &&
       event[KEYS.CTRL_OR_CMD] &&
       event.shiftKey &&
-      getSelectedElements(elements, appState, {
+      app.scene.getSelectedElements({
+        selectedElementIds: appState.selectedElementIds,
         includeBoundTextElement: false,
       }).length > 0
     );
diff --git a/src/actions/actionFlip.ts b/src/actions/actionFlip.ts
index 8199d2f50..8a71a7e0f 100644
--- a/src/actions/actionFlip.ts
+++ b/src/actions/actionFlip.ts
@@ -17,11 +17,12 @@ import { updateFrameMembershipOfSelectedElements } from "../frame";
 export const actionFlipHorizontal = register({
   name: "flipHorizontal",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       elements: updateFrameMembershipOfSelectedElements(
         flipSelectedElements(elements, appState, "horizontal"),
         appState,
+        app,
       ),
       appState,
       commitToHistory: true,
@@ -34,11 +35,12 @@ export const actionFlipHorizontal = register({
 export const actionFlipVertical = register({
   name: "flipVertical",
   trackEvent: { category: "element" },
-  perform: (elements, appState) => {
+  perform: (elements, appState, _, app) => {
     return {
       elements: updateFrameMembershipOfSelectedElements(
         flipSelectedElements(elements, appState, "vertical"),
         appState,
+        app,
       ),
       appState,
       commitToHistory: true,
diff --git a/src/actions/actionFrame.ts b/src/actions/actionFrame.ts
index 054e51011..7cf6ea4e4 100644
--- a/src/actions/actionFrame.ts
+++ b/src/actions/actionFrame.ts
@@ -3,19 +3,12 @@ import { ExcalidrawElement } from "../element/types";
 import { removeAllElementsFromFrame } from "../frame";
 import { getFrameElements } from "../frame";
 import { KEYS } from "../keys";
-import { getSelectedElements } from "../scene";
-import { AppState } from "../types";
+import { AppClassProperties, AppState } from "../types";
 import { setCursorForShape, updateActiveTool } from "../utils";
 import { register } from "./register";
 
-const isSingleFrameSelected = (
-  elements: readonly ExcalidrawElement[],
-  appState: AppState,
-) => {
-  const selectedElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-  );
+const isSingleFrameSelected = (appState: AppState, app: AppClassProperties) => {
+  const selectedElements = app.scene.getSelectedElements(appState);
 
   return selectedElements.length === 1 && selectedElements[0].type === "frame";
 };
@@ -23,11 +16,8 @@ const isSingleFrameSelected = (
 export const actionSelectAllElementsInFrame = register({
   name: "selectAllElementsInFrame",
   trackEvent: { category: "canvas" },
-  perform: (elements, appState) => {
-    const selectedFrame = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    )[0];
+  perform: (elements, appState, _, app) => {
+    const selectedFrame = app.scene.getSelectedElements(appState)[0];
 
     if (selectedFrame && selectedFrame.type === "frame") {
       const elementsInFrame = getFrameElements(
@@ -55,17 +45,15 @@ export const actionSelectAllElementsInFrame = register({
     };
   },
   contextItemLabel: "labels.selectAllElementsInFrame",
-  predicate: (elements, appState) => isSingleFrameSelected(elements, appState),
+  predicate: (elements, appState, _, app) =>
+    isSingleFrameSelected(appState, app),
 });
 
 export const actionRemoveAllElementsFromFrame = register({
   name: "removeAllElementsFromFrame",
   trackEvent: { category: "history" },
-  perform: (elements, appState) => {
-    const selectedFrame = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-    )[0];
+  perform: (elements, appState, _, app) => {
+    const selectedFrame = app.scene.getSelectedElements(appState)[0];
 
     if (selectedFrame && selectedFrame.type === "frame") {
       return {
@@ -87,7 +75,8 @@ export const actionRemoveAllElementsFromFrame = register({
     };
   },
   contextItemLabel: "labels.removeAllElementsFromFrame",
-  predicate: (elements, appState) => isSingleFrameSelected(elements, appState),
+  predicate: (elements, appState, _, app) =>
+    isSingleFrameSelected(appState, app),
 });
 
 export const actionupdateFrameRendering = register({
diff --git a/src/actions/actionGroup.tsx b/src/actions/actionGroup.tsx
index ddd1a6559..82293d7d1 100644
--- a/src/actions/actionGroup.tsx
+++ b/src/actions/actionGroup.tsx
@@ -4,7 +4,7 @@ import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 import { UngroupIcon, GroupIcon } from "../components/icons";
 import { newElementWith } from "../element/mutateElement";
-import { getSelectedElements, isSomeElementSelected } from "../scene";
+import { isSomeElementSelected } from "../scene";
 import {
   getSelectedGroupIds,
   selectGroup,
@@ -22,7 +22,7 @@ import {
   ExcalidrawFrameElement,
   ExcalidrawTextElement,
 } from "../element/types";
-import { AppState } from "../types";
+import { AppClassProperties, AppState } from "../types";
 import { isBoundToContainer } from "../element/typeChecks";
 import {
   getElementsInResizingFrame,
@@ -51,14 +51,12 @@ const allElementsInSameGroup = (elements: readonly ExcalidrawElement[]) => {
 const enableActionGroup = (
   elements: readonly ExcalidrawElement[],
   appState: AppState,
+  app: AppClassProperties,
 ) => {
-  const selectedElements = getSelectedElements(
-    getNonDeletedElements(elements),
-    appState,
-    {
-      includeBoundTextElement: true,
-    },
-  );
+  const selectedElements = app.scene.getSelectedElements({
+    selectedElementIds: appState.selectedElementIds,
+    includeBoundTextElement: true,
+  });
   return (
     selectedElements.length >= 2 && !allElementsInSameGroup(selectedElements)
   );
@@ -68,13 +66,10 @@ export const actionGroup = register({
   name: "group",
   trackEvent: { category: "element" },
   perform: (elements, appState, _, app) => {
-    const selectedElements = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-      },
-    );
+    const selectedElements = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+    });
     if (selectedElements.length < 2) {
       // nothing to group
       return { appState, elements, commitToHistory: false };
@@ -164,12 +159,13 @@ export const actionGroup = register({
     };
   },
   contextItemLabel: "labels.group",
-  predicate: (elements, appState) => enableActionGroup(elements, appState),
+  predicate: (elements, appState, _, app) =>
+    enableActionGroup(elements, appState, app),
   keyTest: (event) =>
     !event.shiftKey && event[KEYS.CTRL_OR_CMD] && event.key === KEYS.G,
-  PanelComponent: ({ elements, appState, updateData }) => (
+  PanelComponent: ({ elements, appState, updateData, app }) => (
     <ToolButton
-      hidden={!enableActionGroup(elements, appState)}
+      hidden={!enableActionGroup(elements, appState, app)}
       type="button"
       icon={<GroupIcon theme={appState.theme} />}
       onClick={() => updateData(null)}
@@ -191,7 +187,7 @@ export const actionUngroup = register({
 
     let nextElements = [...elements];
 
-    const selectedElements = getSelectedElements(nextElements, appState);
+    const selectedElements = app.scene.getSelectedElements(appState);
     const frames = selectedElements
       .filter((element) => element.frameId)
       .map((element) =>
@@ -219,6 +215,7 @@ export const actionUngroup = register({
       { ...appState, selectedGroupIds: {} },
       getNonDeletedElements(nextElements),
       appState,
+      null,
     );
 
     frames.forEach((frame) => {
diff --git a/src/actions/actionLinearEditor.ts b/src/actions/actionLinearEditor.ts
index 11700f37c..83611b027 100644
--- a/src/actions/actionLinearEditor.ts
+++ b/src/actions/actionLinearEditor.ts
@@ -1,8 +1,6 @@
-import { getNonDeletedElements } from "../element";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { isLinearElement } from "../element/typeChecks";
 import { ExcalidrawLinearElement } from "../element/types";
-import { getSelectedElements } from "../scene";
 import { register } from "./register";
 
 export const actionToggleLinearEditor = register({
@@ -10,21 +8,18 @@ export const actionToggleLinearEditor = register({
   trackEvent: {
     category: "element",
   },
-  predicate: (elements, appState) => {
-    const selectedElements = getSelectedElements(elements, appState);
+  predicate: (elements, appState, _, app) => {
+    const selectedElements = app.scene.getSelectedElements(appState);
     if (selectedElements.length === 1 && isLinearElement(selectedElements[0])) {
       return true;
     }
     return false;
   },
   perform(elements, appState, _, app) {
-    const selectedElement = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-      },
-    )[0] as ExcalidrawLinearElement;
+    const selectedElement = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+    })[0] as ExcalidrawLinearElement;
 
     const editingLinearElement =
       appState.editingLinearElement?.elementId === selectedElement.id
@@ -38,14 +33,11 @@ export const actionToggleLinearEditor = register({
       commitToHistory: false,
     };
   },
-  contextItemLabel: (elements, appState) => {
-    const selectedElement = getSelectedElements(
-      getNonDeletedElements(elements),
-      appState,
-      {
-        includeBoundTextElement: true,
-      },
-    )[0] as ExcalidrawLinearElement;
+  contextItemLabel: (elements, appState, app) => {
+    const selectedElement = app.scene.getSelectedElements({
+      selectedElementIds: appState.selectedElementIds,
+      includeBoundTextElement: true,
+    })[0] as ExcalidrawLinearElement;
     return appState.editingLinearElement?.elementId === selectedElement.id
       ? "labels.lineEditor.exit"
       : "labels.lineEditor.edit";
diff --git a/src/actions/actionSelectAll.ts b/src/actions/actionSelectAll.ts
index 6ba78b939..eeadf2dc9 100644
--- a/src/actions/actionSelectAll.ts
+++ b/src/actions/actionSelectAll.ts
@@ -42,6 +42,7 @@ export const actionSelectAll = register({
         },
         getNonDeletedElements(elements),
         appState,
+        app,
       ),
       commitToHistory: true,
     };
diff --git a/src/actions/manager.tsx b/src/actions/manager.tsx
index e52e91da7..b68b59d51 100644
--- a/src/actions/manager.tsx
+++ b/src/actions/manager.tsx
@@ -90,6 +90,7 @@ export class ActionManager {
             event,
             this.getAppState(),
             this.getElementsIncludingDeleted(),
+            this.app,
           ),
       );
 
@@ -168,6 +169,7 @@ export class ActionManager {
           appState={this.getAppState()}
           updateData={updateData}
           appProps={this.app.props}
+          app={this.app}
           data={data}
         />
       );
diff --git a/src/actions/types.ts b/src/actions/types.ts
index ab20a896b..1a98320da 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -130,6 +130,7 @@ export type PanelComponentProps = {
   updateData: (formData?: any) => void;
   appProps: ExcalidrawProps;
   data?: Record<string, any>;
+  app: AppClassProperties;
 };
 
 export interface Action {
@@ -141,12 +142,14 @@ export interface Action {
     event: React.KeyboardEvent | KeyboardEvent,
     appState: AppState,
     elements: readonly ExcalidrawElement[],
+    app: AppClassProperties,
   ) => boolean;
   contextItemLabel?:
     | string
     | ((
         elements: readonly ExcalidrawElement[],
         appState: Readonly<AppState>,
+        app: AppClassProperties,
       ) => string);
   predicate?: (
     elements: readonly ExcalidrawElement[],
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 7f747dbd4..7f2c98e50 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -798,10 +798,7 @@ class App extends React.Component<AppProps, AppState> {
   };
 
   public render() {
-    const selectedElement = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
+    const selectedElement = this.scene.getSelectedElements(this.state);
     const { renderTopRightUI, renderCustomStats } = this.props;
 
     return (
@@ -858,6 +855,7 @@ class App extends React.Component<AppProps, AppState> {
                             !this.state.zenModeEnabled &&
                             !this.scene.getElementsIncludingDeleted().length
                           }
+                          app={this}
                         >
                           {this.props.children}
                         </LayerUI>
@@ -963,10 +961,7 @@ class App extends React.Component<AppProps, AppState> {
         const shouldUpdateStrokeColor =
           (type === "background" && event.altKey) ||
           (type === "stroke" && !event.altKey);
-        const selectedElements = getSelectedElements(
-          this.scene.getElementsIncludingDeleted(),
-          this.state,
-        );
+        const selectedElements = this.scene.getSelectedElements(this.state);
         if (
           !selectedElements.length ||
           this.state.activeTool.type !== "selection"
@@ -2046,6 +2041,7 @@ class App extends React.Component<AppProps, AppState> {
         },
         this.scene.getNonDeletedElements(),
         this.state,
+        this,
       ),
       () => {
         if (opts.files) {
@@ -2610,14 +2606,11 @@ class App extends React.Component<AppProps, AppState> {
           offsetY = step;
         }
 
-        const selectedElements = getSelectedElements(
-          this.scene.getNonDeletedElements(),
-          this.state,
-          {
-            includeBoundTextElement: true,
-            includeElementsInFrames: true,
-          },
-        );
+        const selectedElements = this.scene.getSelectedElements({
+          selectedElementIds: this.state.selectedElementIds,
+          includeBoundTextElement: true,
+          includeElementsInFrames: true,
+        });
 
         selectedElements.forEach((element) => {
           mutateElement(element, {
@@ -2634,10 +2627,7 @@ class App extends React.Component<AppProps, AppState> {
 
         event.preventDefault();
       } else if (event.key === KEYS.ENTER) {
-        const selectedElements = getSelectedElements(
-          this.scene.getNonDeletedElements(),
-          this.state,
-        );
+        const selectedElements = this.scene.getSelectedElements(this.state);
         if (selectedElements.length === 1) {
           const selectedElement = selectedElements[0];
           if (event[KEYS.CTRL_OR_CMD]) {
@@ -2713,10 +2703,7 @@ class App extends React.Component<AppProps, AppState> {
         !event.altKey &&
         !event[KEYS.CTRL_OR_CMD]
       ) {
-        const selectedElements = getSelectedElements(
-          this.scene.getNonDeletedElements(),
-          this.state,
-        );
+        const selectedElements = this.scene.getSelectedElements(this.state);
         if (
           this.state.activeTool.type === "selection" &&
           !selectedElements.length
@@ -2788,10 +2775,7 @@ class App extends React.Component<AppProps, AppState> {
       this.setState({ isBindingEnabled: true });
     }
     if (isArrowKey(event.key)) {
-      const selectedElements = getSelectedElements(
-        this.scene.getNonDeletedElements(),
-        this.state,
-      );
+      const selectedElements = this.scene.getSelectedElements(this.state);
       isBindingEnabled(this.state)
         ? bindOrUnbindSelectedElements(selectedElements)
         : unbindLinearElements(selectedElements);
@@ -3141,10 +3125,7 @@ class App extends React.Component<AppProps, AppState> {
     }
     let existingTextElement: NonDeleted<ExcalidrawTextElement> | null = null;
 
-    const selectedElements = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
+    const selectedElements = this.scene.getSelectedElements(this.state);
 
     if (selectedElements.length === 1) {
       if (isTextElement(selectedElements[0])) {
@@ -3274,10 +3255,7 @@ class App extends React.Component<AppProps, AppState> {
       return;
     }
 
-    const selectedElements = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
+    const selectedElements = this.scene.getSelectedElements(this.state);
 
     if (selectedElements.length === 1 && isLinearElement(selectedElements[0])) {
       if (
@@ -3328,6 +3306,7 @@ class App extends React.Component<AppProps, AppState> {
             },
             this.scene.getNonDeletedElements(),
             prevState,
+            this,
           ),
         );
         return;
@@ -3704,7 +3683,7 @@ class App extends React.Component<AppProps, AppState> {
 
     const elements = this.scene.getNonDeletedElements();
 
-    const selectedElements = getSelectedElements(elements, this.state);
+    const selectedElements = this.scene.getSelectedElements(this.state);
     if (
       selectedElements.length === 1 &&
       !isOverScrollBar &&
@@ -4407,10 +4386,7 @@ class App extends React.Component<AppProps, AppState> {
     event: React.PointerEvent<HTMLElement>,
   ): PointerDownState {
     const origin = viewportCoordsToSceneCoords(event, this.state);
-    const selectedElements = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
+    const selectedElements = this.scene.getSelectedElements(this.state);
     const [minX, minY, maxX, maxY] = getCommonBounds(selectedElements);
 
     return {
@@ -4528,7 +4504,7 @@ class App extends React.Component<AppProps, AppState> {
   ): boolean => {
     if (this.state.activeTool.type === "selection") {
       const elements = this.scene.getNonDeletedElements();
-      const selectedElements = getSelectedElements(elements, this.state);
+      const selectedElements = this.scene.getSelectedElements(this.state);
       if (selectedElements.length === 1 && !this.state.editingLinearElement) {
         const elementWithTransformHandleType =
           getElementWithTransformHandleType(
@@ -4771,6 +4747,7 @@ class App extends React.Component<AppProps, AppState> {
                   },
                   this.scene.getNonDeletedElements(),
                   prevState,
+                  this,
                 );
               });
               pointerDownState.hit.wasAddedToSelection = true;
@@ -5198,7 +5175,7 @@ class App extends React.Component<AppProps, AppState> {
       if (pointerDownState.drag.offset === null) {
         pointerDownState.drag.offset = tupleToCoors(
           getDragOffsetXY(
-            getSelectedElements(this.scene.getNonDeletedElements(), this.state),
+            this.scene.getSelectedElements(this.state),
             pointerDownState.origin.x,
             pointerDownState.origin.y,
           ),
@@ -5361,10 +5338,7 @@ class App extends React.Component<AppProps, AppState> {
           pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) &&
         !isSelectingPointsInLineEditor
       ) {
-        const selectedElements = getSelectedElements(
-          this.scene.getNonDeletedElements(),
-          this.state,
-        );
+        const selectedElements = this.scene.getSelectedElements(this.state);
 
         if (selectedElements.every((element) => element.locked)) {
           return;
@@ -5435,14 +5409,18 @@ class App extends React.Component<AppProps, AppState> {
             const groupIdMap = new Map();
             const oldIdToDuplicatedId = new Map();
             const hitElement = pointerDownState.hit.element;
-            const elements = this.scene.getElementsIncludingDeleted();
             const selectedElementIds = new Set(
-              getSelectedElements(elements, this.state, {
-                includeBoundTextElement: true,
-                includeElementsInFrames: true,
-              }).map((element) => element.id),
+              this.scene
+                .getSelectedElements({
+                  selectedElementIds: this.state.selectedElementIds,
+                  includeBoundTextElement: true,
+                  includeElementsInFrames: true,
+                })
+                .map((element) => element.id),
             );
 
+            const elements = this.scene.getNonDeletedElements();
+
             for (const element of elements) {
               if (
                 selectedElementIds.has(element.id) ||
@@ -5584,6 +5562,7 @@ class App extends React.Component<AppProps, AppState> {
                 },
                 this.scene.getNonDeletedElements(),
                 prevState,
+                this,
               ),
             );
           }
@@ -5641,6 +5620,7 @@ class App extends React.Component<AppProps, AppState> {
               },
               this.scene.getNonDeletedElements(),
               prevState,
+              this,
             );
           });
         }
@@ -5740,10 +5720,7 @@ class App extends React.Component<AppProps, AppState> {
           pointerDownState.hit?.element?.id !==
           this.state.selectedLinearElement.elementId
         ) {
-          const selectedELements = getSelectedElements(
-            this.scene.getNonDeletedElements(),
-            this.state,
-          );
+          const selectedELements = this.scene.getSelectedElements(this.state);
           // set selectedLinearElement to null if there is more than one element selected since we don't want to show linear element handles
           if (selectedELements.length > 1) {
             this.setState({ selectedLinearElement: null });
@@ -5985,10 +5962,7 @@ class App extends React.Component<AppProps, AppState> {
             const topLayerFrame =
               this.getTopLayerFrameAtSceneCoords(sceneCoords);
 
-            const selectedElements = getSelectedElements(
-              this.scene.getNonDeletedElements(),
-              this.state,
-            );
+            const selectedElements = this.scene.getSelectedElements(this.state);
             let nextElements = this.scene.getElementsIncludingDeleted();
 
             const updateGroupIdsAfterEditingGroup = (
@@ -6067,6 +6041,7 @@ class App extends React.Component<AppProps, AppState> {
             nextElements = updateFrameMembershipOfSelectedElements(
               this.scene.getElementsIncludingDeleted(),
               this.state,
+              this,
             );
 
             this.scene.replaceAllElements(nextElements);
@@ -6111,14 +6086,14 @@ class App extends React.Component<AppProps, AppState> {
         let nextElements = updateFrameMembershipOfSelectedElements(
           this.scene.getElementsIncludingDeleted(),
           this.state,
+          this,
         );
 
-        const selectedFrames = getSelectedElements(
-          this.scene.getElementsIncludingDeleted(),
-          this.state,
-        ).filter(
-          (element) => element.type === "frame",
-        ) as ExcalidrawFrameElement[];
+        const selectedFrames = this.scene
+          .getSelectedElements(this.state)
+          .filter(
+            (element) => element.type === "frame",
+          ) as ExcalidrawFrameElement[];
 
         for (const frame of selectedFrames) {
           nextElements = replaceAllElementsInFrame(
@@ -6143,10 +6118,7 @@ class App extends React.Component<AppProps, AppState> {
         this.state.selectedLinearElement?.elementId !== hitElement?.id &&
         isLinearElement(hitElement)
       ) {
-        const selectedELements = getSelectedElements(
-          this.scene.getNonDeletedElements(),
-          this.state,
-        );
+        const selectedELements = this.scene.getSelectedElements(this.state);
         // set selectedLinearElement when no other element selected except
         // the one we've hit
         if (selectedELements.length === 1) {
@@ -6248,7 +6220,7 @@ class App extends React.Component<AppProps, AppState> {
                 delete newSelectedElementIds[hitElement!.id];
                 const newSelectedElements = getSelectedElements(
                   this.scene.getNonDeletedElements(),
-                  { ...prevState, selectedElementIds: newSelectedElementIds },
+                  { selectedElementIds: newSelectedElementIds },
                 );
 
                 return selectGroupsForSelectedElements(
@@ -6267,6 +6239,7 @@ class App extends React.Component<AppProps, AppState> {
                   },
                   this.scene.getNonDeletedElements(),
                   prevState,
+                  this,
                 );
               });
             }
@@ -6303,6 +6276,7 @@ class App extends React.Component<AppProps, AppState> {
                 },
                 this.scene.getNonDeletedElements(),
                 prevState,
+                this,
               );
             });
           } else {
@@ -6333,6 +6307,7 @@ class App extends React.Component<AppProps, AppState> {
               },
               this.scene.getNonDeletedElements(),
               prevState,
+              this,
             ),
           }));
         }
@@ -6392,9 +6367,7 @@ class App extends React.Component<AppProps, AppState> {
       if (pointerDownState.drag.hasOccurred || isResizing || isRotating) {
         (isBindingEnabled(this.state)
           ? bindOrUnbindSelectedElements
-          : unbindLinearElements)(
-          getSelectedElements(this.scene.getNonDeletedElements(), this.state),
-        );
+          : unbindLinearElements)(this.scene.getSelectedElements(this.state));
       }
 
       if (!activeTool.locked && activeTool.type !== "freedraw") {
@@ -7101,10 +7074,7 @@ class App extends React.Component<AppProps, AppState> {
       includeLockedElements: true,
     });
 
-    const selectedElements = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
+    const selectedElements = this.scene.getSelectedElements(this.state);
     const isHittignCommonBoundBox =
       this.isHittingCommonBoundingBoxOfSelectedElements(
         { x, y },
@@ -7134,6 +7104,7 @@ class App extends React.Component<AppProps, AppState> {
               },
               this.scene.getNonDeletedElements(),
               this.state,
+              this,
             )
           : this.state),
         showHyperlinkPopup: false,
@@ -7221,10 +7192,7 @@ class App extends React.Component<AppProps, AppState> {
     pointerDownState: PointerDownState,
     event: MouseEvent | KeyboardEvent,
   ): boolean => {
-    const selectedElements = getSelectedElements(
-      this.scene.getNonDeletedElements(),
-      this.state,
-    );
+    const selectedElements = this.scene.getSelectedElements(this.state);
     const selectedFrames = selectedElements.filter(
       (element) => element.type === "frame",
     ) as ExcalidrawFrameElement[];
diff --git a/src/components/ContextMenu.tsx b/src/components/ContextMenu.tsx
index 1463f1033..b9cc7c3a6 100644
--- a/src/components/ContextMenu.tsx
+++ b/src/components/ContextMenu.tsx
@@ -82,7 +82,9 @@ export const ContextMenu = React.memo(
             let label = "";
             if (item.contextItemLabel) {
               if (typeof item.contextItemLabel === "function") {
-                label = t(item.contextItemLabel(elements, appState));
+                label = t(
+                  item.contextItemLabel(elements, appState, actionManager.app),
+                );
               } else {
                 label = t(item.contextItemLabel);
               }
diff --git a/src/components/HintViewer.tsx b/src/components/HintViewer.tsx
index a1b6308f4..fd4446e42 100644
--- a/src/components/HintViewer.tsx
+++ b/src/components/HintViewer.tsx
@@ -1,7 +1,5 @@
 import { t } from "../i18n";
-import { NonDeletedExcalidrawElement } from "../element/types";
-import { getSelectedElements } from "../scene";
-import { Device, UIAppState } from "../types";
+import { AppClassProperties, Device, UIAppState } from "../types";
 import {
   isImageElement,
   isLinearElement,
@@ -15,17 +13,12 @@ import "./HintViewer.scss";
 
 interface HintViewerProps {
   appState: UIAppState;
-  elements: readonly NonDeletedExcalidrawElement[];
   isMobile: boolean;
   device: Device;
+  app: AppClassProperties;
 }
 
-const getHints = ({
-  appState,
-  elements,
-  isMobile,
-  device,
-}: HintViewerProps) => {
+const getHints = ({ appState, isMobile, device, app }: HintViewerProps) => {
   const { activeTool, isResizing, isRotating, lastPointerDownWith } = appState;
   const multiMode = appState.multiElement !== null;
 
@@ -55,7 +48,7 @@ const getHints = ({
     return t("hints.placeImage");
   }
 
-  const selectedElements = getSelectedElements(elements, appState);
+  const selectedElements = app.scene.getSelectedElements(appState);
 
   if (
     isResizing &&
@@ -115,15 +108,15 @@ const getHints = ({
 
 export const HintViewer = ({
   appState,
-  elements,
   isMobile,
   device,
+  app,
 }: HintViewerProps) => {
   let hint = getHints({
     appState,
-    elements,
     isMobile,
     device,
+    app,
   });
   if (!hint) {
     return null;
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 007073760..100259a81 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -72,6 +72,7 @@ interface LayerUIProps {
   onExportImage: AppClassProperties["onExportImage"];
   renderWelcomeScreen: boolean;
   children?: React.ReactNode;
+  app: AppClassProperties;
 }
 
 const DefaultMainMenu: React.FC<{
@@ -127,6 +128,7 @@ const LayerUI = ({
   onExportImage,
   renderWelcomeScreen,
   children,
+  app,
 }: LayerUIProps) => {
   const device = useDevice();
   const tunnels = useInitializeTunnels();
@@ -240,9 +242,9 @@ const LayerUI = ({
                       >
                         <HintViewer
                           appState={appState}
-                          elements={elements}
                           isMobile={device.isMobile}
                           device={device}
+                          app={app}
                         />
                         {heading}
                         <Stack.Row gap={1}>
@@ -401,6 +403,7 @@ const LayerUI = ({
       )}
       {device.isMobile && (
         <MobileMenu
+          app={app}
           appState={appState}
           elements={elements}
           actionManager={actionManager}
diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 20e0edce0..30f431cbf 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -1,5 +1,11 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import {
+  AppClassProperties,
+  AppState,
+  Device,
+  ExcalidrawProps,
+  UIAppState,
+} from "../types";
 import { ActionManager } from "../actions/manager";
 import { t } from "../i18n";
 import Stack from "./Stack";
@@ -41,6 +47,7 @@ type MobileMenuProps = {
   renderSidebars: () => JSX.Element | null;
   device: Device;
   renderWelcomeScreen: boolean;
+  app: AppClassProperties;
 };
 
 export const MobileMenu = ({
@@ -58,6 +65,7 @@ export const MobileMenu = ({
   renderSidebars,
   device,
   renderWelcomeScreen,
+  app,
 }: MobileMenuProps) => {
   const {
     WelcomeScreenCenterTunnel,
@@ -119,9 +127,9 @@ export const MobileMenu = ({
         </Section>
         <HintViewer
           appState={appState}
-          elements={elements}
           isMobile={true}
           device={device}
+          app={app}
         />
       </FixedSideContainer>
     );
diff --git a/src/frame.ts b/src/frame.ts
index 1028f4c08..8a39a41b3 100644
--- a/src/frame.ts
+++ b/src/frame.ts
@@ -16,7 +16,7 @@ import {
 } from "./element/textElement";
 import { arrayToMap, findIndex } from "./utils";
 import { mutateElement } from "./element/mutateElement";
-import { AppState } from "./types";
+import { AppClassProperties, AppState } from "./types";
 import { getElementsWithinSelection, getSelectedElements } from "./scene";
 import { isFrameElement } from "./element";
 import { moveOneRight } from "./zindex";
@@ -571,8 +571,13 @@ export const replaceAllElementsInFrame = (
 export const updateFrameMembershipOfSelectedElements = (
   allElements: ExcalidrawElementsIncludingDeleted,
   appState: AppState,
+  app: AppClassProperties,
 ) => {
-  const selectedElements = getSelectedElements(allElements, appState);
+  const selectedElements = app.scene.getSelectedElements({
+    selectedElementIds: appState.selectedElementIds,
+    // supplying elements explicitly in case we're passed non-state elements
+    elements: allElements,
+  });
   const elementsToFilter = new Set<ExcalidrawElement>(selectedElements);
 
   if (appState.editingGroupId) {
diff --git a/src/groups.ts b/src/groups.ts
index a3bf134ec..c7aa60fc2 100644
--- a/src/groups.ts
+++ b/src/groups.ts
@@ -1,5 +1,10 @@
-import { GroupId, ExcalidrawElement, NonDeleted } from "./element/types";
-import { AppState } from "./types";
+import {
+  GroupId,
+  ExcalidrawElement,
+  NonDeleted,
+  NonDeletedExcalidrawElement,
+} from "./element/types";
+import { AppClassProperties, AppState } from "./types";
 import { getSelectedElements } from "./scene";
 import { getBoundTextElement } from "./element/textElement";
 import { makeNextSelectedElementIds } from "./scene/selection";
@@ -67,12 +72,23 @@ export const getSelectedGroupIds = (appState: AppState): GroupId[] =>
  */
 export const selectGroupsForSelectedElements = (
   appState: AppState,
-  elements: readonly NonDeleted<ExcalidrawElement>[],
+  elements: readonly NonDeletedExcalidrawElement[],
   prevAppState: AppState,
+  /**
+   * supply null in cases where you don't have access to App instance and
+   * you don't care about optimizing selectElements retrieval
+   */
+  app: AppClassProperties | null,
 ): AppState => {
   let nextAppState: AppState = { ...appState, selectedGroupIds: {} };
 
-  const selectedElements = getSelectedElements(elements, appState);
+  const selectedElements = app
+    ? app.scene.getSelectedElements({
+        selectedElementIds: appState.selectedElementIds,
+        // supplying elements explicitly in case we're passed non-state elements
+        elements,
+      })
+    : getSelectedElements(elements, appState);
 
   if (!selectedElements.length) {
     return {
diff --git a/src/scene/Scene.ts b/src/scene/Scene.ts
index 06ce6813f..5b5b7970b 100644
--- a/src/scene/Scene.ts
+++ b/src/scene/Scene.ts
@@ -11,6 +11,9 @@ import {
 } from "../element";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { isFrameElement } from "../element/typeChecks";
+import { getSelectedElements } from "./selection";
+import { AppState } from "../types";
+import { Assert, SameType } from "../utility-types";
 
 type ElementIdKey = InstanceType<typeof LinearElementEditor>["elementId"];
 type ElementKey = ExcalidrawElement | ElementIdKey;
@@ -18,6 +21,31 @@ type ElementKey = ExcalidrawElement | ElementIdKey;
 type SceneStateCallback = () => void;
 type SceneStateCallbackRemover = () => void;
 
+type SelectionHash = string & { __brand: "selectionHash" };
+
+const hashSelectionOpts = (
+  opts: Parameters<InstanceType<typeof Scene>["getSelectedElements"]>[0],
+) => {
+  const keys = ["includeBoundTextElement", "includeElementsInFrames"] as const;
+
+  type HashableKeys = Omit<typeof opts, "selectedElementIds" | "elements">;
+
+  // just to ensure we're hashing all expected keys
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  type _ = Assert<
+    SameType<
+      Required<HashableKeys>,
+      Pick<Required<HashableKeys>, typeof keys[number]>
+    >
+  >;
+
+  let hash = "";
+  for (const key of keys) {
+    hash += `${key}:${opts[key] ? "1" : "0"}`;
+  }
+  return hash as SelectionHash;
+};
+
 // ideally this would be a branded type but it'd be insanely hard to work with
 // in our codebase
 export type ExcalidrawElementsIncludingDeleted = readonly ExcalidrawElement[];
@@ -68,6 +96,15 @@ class Scene {
   private nonDeletedFrames: readonly NonDeleted<ExcalidrawFrameElement>[] = [];
   private frames: readonly ExcalidrawFrameElement[] = [];
   private elementsMap = new Map<ExcalidrawElement["id"], ExcalidrawElement>();
+  private selectedElementsCache: {
+    selectedElementIds: AppState["selectedElementIds"] | null;
+    elements: readonly NonDeletedExcalidrawElement[] | null;
+    cache: Map<SelectionHash, NonDeletedExcalidrawElement[]>;
+  } = {
+    selectedElementIds: null,
+    elements: null,
+    cache: new Map(),
+  };
 
   getElementsIncludingDeleted() {
     return this.elements;
@@ -81,6 +118,52 @@ class Scene {
     return this.frames;
   }
 
+  getSelectedElements(opts: {
+    // NOTE can be ommitted by making Scene constructor require App instance
+    selectedElementIds: AppState["selectedElementIds"];
+    /**
+     * for specific cases where you need to use elements not from current
+     * scene state. This in effect will likely result in cache-miss, and
+     * the cache won't be updated in this case.
+     */
+    elements?: readonly ExcalidrawElement[];
+    // selection-related options
+    includeBoundTextElement?: boolean;
+    includeElementsInFrames?: boolean;
+  }): NonDeleted<ExcalidrawElement>[] {
+    const hash = hashSelectionOpts(opts);
+
+    const elements = opts?.elements || this.nonDeletedElements;
+    if (
+      this.selectedElementsCache.elements === elements &&
+      this.selectedElementsCache.selectedElementIds === opts.selectedElementIds
+    ) {
+      const cached = this.selectedElementsCache.cache.get(hash);
+      if (cached) {
+        return cached;
+      }
+    } else if (opts?.elements == null) {
+      // if we're operating on latest scene elements and the cache is not
+      //  storing the latest elements, clear the cache
+      this.selectedElementsCache.cache.clear();
+    }
+
+    const selectedElements = getSelectedElements(
+      elements,
+      { selectedElementIds: opts.selectedElementIds },
+      opts,
+    );
+
+    // cache only if we're not using custom elements
+    if (opts?.elements == null) {
+      this.selectedElementsCache.selectedElementIds = opts.selectedElementIds;
+      this.selectedElementsCache.elements = this.nonDeletedElements;
+      this.selectedElementsCache.cache.set(hash, selectedElements);
+    }
+
+    return selectedElements;
+  }
+
   getNonDeletedFrames(): readonly NonDeleted<ExcalidrawFrameElement>[] {
     return this.nonDeletedFrames;
   }
@@ -168,11 +251,21 @@ class Scene {
   }
 
   destroy() {
+    this.nonDeletedElements = [];
+    this.elements = [];
+    this.nonDeletedFrames = [];
+    this.frames = [];
+    this.elementsMap.clear();
+    this.selectedElementsCache.selectedElementIds = null;
+    this.selectedElementsCache.elements = null;
+    this.selectedElementsCache.cache.clear();
+
     Scene.sceneMapById.forEach((scene, elementKey) => {
       if (scene === this) {
         Scene.sceneMapById.delete(elementKey);
       }
     });
+
     // done not for memory leaks, but to guard against possible late fires
     // (I guess?)
     this.callbacks.clear();
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 583c809a2..0049c9199 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -1527,14 +1527,14 @@ Object {
   "roundness": Object {
     "type": 3,
   },
-  "seed": 449462985,
+  "seed": 1278240551,
   "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
   "version": 2,
-  "versionNonce": 453191,
+  "versionNonce": 449462985,
   "width": 20,
   "x": -10,
   "y": 0,
@@ -1586,14 +1586,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 453191,
+          "versionNonce": 449462985,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -4271,14 +4271,14 @@ Object {
   "roundness": Object {
     "type": 3,
   },
-  "seed": 449462985,
+  "seed": 1278240551,
   "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
   "version": 4,
-  "versionNonce": 238820263,
+  "versionNonce": 1014066025,
   "width": 20,
   "x": -10,
   "y": 0,
@@ -4303,14 +4303,14 @@ Object {
   "roundness": Object {
     "type": 3,
   },
-  "seed": 401146281,
+  "seed": 453191,
   "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
   "version": 4,
-  "versionNonce": 400692809,
+  "versionNonce": 238820263,
   "width": 20,
   "x": 20,
   "y": 30,
@@ -4362,14 +4362,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 453191,
+          "versionNonce": 449462985,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -4405,14 +4405,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 453191,
+          "versionNonce": 449462985,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -4434,14 +4434,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 401146281,
+          "seed": 453191,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 2019559783,
+          "versionNonce": 401146281,
           "width": 20,
           "x": 20,
           "y": 30,
@@ -4482,14 +4482,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 3,
-          "versionNonce": 1116226695,
+          "versionNonce": 1150084233,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -4513,14 +4513,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 401146281,
+          "seed": 453191,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 3,
-          "versionNonce": 1014066025,
+          "versionNonce": 1116226695,
           "width": 20,
           "x": 20,
           "y": 30,
@@ -4557,14 +4557,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 4,
-          "versionNonce": 238820263,
+          "versionNonce": 1014066025,
           "width": 20,
           "x": -10,
           "y": 0,
@@ -4586,14 +4586,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 401146281,
+          "seed": 453191,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 4,
-          "versionNonce": 400692809,
+          "versionNonce": 238820263,
           "width": 20,
           "x": 20,
           "y": 30,
@@ -5585,14 +5585,14 @@ Object {
   "roundness": Object {
     "type": 3,
   },
-  "seed": 449462985,
+  "seed": 1278240551,
   "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
   "version": 3,
-  "versionNonce": 1014066025,
+  "versionNonce": 1116226695,
   "width": 10,
   "x": -10,
   "y": 0,
@@ -5619,14 +5619,14 @@ Object {
   "roundness": Object {
     "type": 3,
   },
-  "seed": 401146281,
+  "seed": 453191,
   "strokeColor": "#1e1e1e",
   "strokeStyle": "solid",
   "strokeWidth": 1,
   "type": "rectangle",
   "updated": 1,
   "version": 3,
-  "versionNonce": 238820263,
+  "versionNonce": 1014066025,
   "width": 10,
   "x": 10,
   "y": 0,
@@ -5678,14 +5678,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 453191,
+          "versionNonce": 449462985,
           "width": 10,
           "x": -10,
           "y": 0,
@@ -5721,14 +5721,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 453191,
+          "versionNonce": 449462985,
           "width": 10,
           "x": -10,
           "y": 0,
@@ -5750,14 +5750,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 401146281,
+          "seed": 453191,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 2019559783,
+          "versionNonce": 401146281,
           "width": 10,
           "x": 10,
           "y": 0,
@@ -5798,14 +5798,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 449462985,
+          "seed": 1278240551,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 3,
-          "versionNonce": 1014066025,
+          "versionNonce": 1116226695,
           "width": 10,
           "x": -10,
           "y": 0,
@@ -5829,14 +5829,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 401146281,
+          "seed": 453191,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 3,
-          "versionNonce": 238820263,
+          "versionNonce": 1014066025,
           "width": 10,
           "x": 10,
           "y": 0,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index fd2c2f5d7..03ced1c37 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -104,106 +104,6 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 0,
-  "y": 30,
-}
-`;
-
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id5",
-  ],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id5",
-  ],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 238820263,
-  "width": 10,
-  "x": 0,
-  "y": 60,
-}
-`;
-
 exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -548,7 +448,7 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `3`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `0`;
 
 exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of renders 1`] = `28`;
 
@@ -658,106 +558,6 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 100,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 100,
-  "x": 110,
-  "y": 110,
-}
-`;
-
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-  ],
-  "height": 100,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1116226695,
-  "width": 100,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-  ],
-  "height": 100,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 100,
-  "x": 220,
-  "y": 220,
-}
-`;
-
 exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -1102,7 +902,7 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `3`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `0`;
 
 exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of renders 1`] = `24`;
 
@@ -1203,110 +1003,6 @@ Object {
 }
 `;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-    "id10",
-  ],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 493213705,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-    "id10",
-  ],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 915032327,
-  "width": 10,
-  "x": 30,
-  "y": 0,
-}
-`;
-
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id10",
-  ],
-  "height": 10,
-  "id": "id7",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 400692809,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 81784553,
-  "width": 10,
-  "x": 60,
-  "y": 0,
-}
-`;
-
 exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -2033,7 +1729,7 @@ Object {
 }
 `;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `3`;
+exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of renders 1`] = `43`;
 
@@ -2136,38 +1832,6 @@ Object {
 }
 `;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 25,
-  "y": 25,
-}
-`;
-
 exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -2274,7 +1938,7 @@ Object {
 }
 `;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `1`;
+exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of renders 1`] = `12`;
 
@@ -2380,106 +2044,6 @@ Object {
 }
 `;
 
-exports[`regression tests adjusts z order when grouping: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
-exports[`regression tests adjusts z order when grouping: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id5",
-  ],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests adjusts z order when grouping: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id5",
-  ],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 238820263,
-  "width": 10,
-  "x": 50,
-  "y": 10,
-}
-`;
-
 exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -2824,7 +2388,7 @@ Object {
 }
 `;
 
-exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `3`;
+exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `22`;
 
@@ -2927,70 +2491,6 @@ Object {
 }
 `;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0_copy",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 2019559783,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests alt-drag duplicates an element: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 20,
-  "y": 20,
-}
-`;
-
 exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -3126,7 +2626,7 @@ Object {
 }
 `;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `2`;
+exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests alt-drag duplicates an element: [end of test] number of renders 1`] = `12`;
 
@@ -3227,38 +2727,6 @@ Object {
 }
 `;
 
-exports[`regression tests arrow keys: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 8,
-  "versionNonce": 1116226695,
-  "width": 10,
-  "x": 9,
-  "y": 9,
-}
-`;
-
 exports[`regression tests arrow keys: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -3322,7 +2790,7 @@ Object {
 }
 `;
 
-exports[`regression tests arrow keys: [end of test] number of elements 1`] = `1`;
+exports[`regression tests arrow keys: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests arrow keys: [end of test] number of renders 1`] = `21`;
 
@@ -3425,102 +2893,6 @@ Object {
 }
 `;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 200,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 1278240551,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 449462985,
-  "width": 200,
-  "x": 100,
-  "y": 100,
-}
-`;
-
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 200,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 453191,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 200,
-  "x": 300,
-  "y": 300,
-}
-`;
-
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 350,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 2019559783,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1150084233,
-  "width": 350,
-  "x": 300,
-  "y": 300,
-}
-`;
-
 exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -3566,14 +2938,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 1278240551,
+          "seed": 337897,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 449462985,
+          "versionNonce": 1278240551,
           "width": 200,
           "x": 100,
           "y": 100,
@@ -3609,14 +2981,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 1278240551,
+          "seed": 337897,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 449462985,
+          "versionNonce": 1278240551,
           "width": 200,
           "x": 100,
           "y": 100,
@@ -3638,14 +3010,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 453191,
+          "seed": 449462985,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 401146281,
+          "versionNonce": 453191,
           "width": 200,
           "x": 100,
           "y": 100,
@@ -3681,14 +3053,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 1278240551,
+          "seed": 337897,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 449462985,
+          "versionNonce": 1278240551,
           "width": 200,
           "x": 100,
           "y": 100,
@@ -3710,14 +3082,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 453191,
+          "seed": 449462985,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 401146281,
+          "versionNonce": 453191,
           "width": 200,
           "x": 100,
           "y": 100,
@@ -3739,14 +3111,14 @@ Object {
           "roundness": Object {
             "type": 2,
           },
-          "seed": 2019559783,
+          "seed": 401146281,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
           "updated": 1,
           "version": 2,
-          "versionNonce": 1150084233,
+          "versionNonce": 2019559783,
           "width": 350,
           "x": 300,
           "y": 300,
@@ -3782,14 +3154,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 1278240551,
+          "seed": 337897,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 2,
-          "versionNonce": 449462985,
+          "versionNonce": 1278240551,
           "width": 200,
           "x": 100,
           "y": 100,
@@ -3811,14 +3183,14 @@ Object {
           "roundness": Object {
             "type": 3,
           },
-          "seed": 453191,
+          "seed": 449462985,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "rectangle",
           "updated": 1,
           "version": 3,
-          "versionNonce": 1014066025,
+          "versionNonce": 1116226695,
           "width": 200,
           "x": 300,
           "y": 300,
@@ -3840,14 +3212,14 @@ Object {
           "roundness": Object {
             "type": 2,
           },
-          "seed": 2019559783,
+          "seed": 401146281,
           "strokeColor": "#1e1e1e",
           "strokeStyle": "solid",
           "strokeWidth": 1,
           "type": "ellipse",
           "updated": 1,
           "version": 2,
-          "versionNonce": 1150084233,
+          "versionNonce": 2019559783,
           "width": 350,
           "x": 300,
           "y": 300,
@@ -3858,7 +3230,7 @@ Object {
 }
 `;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `3`;
+exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of renders 1`] = `20`;
 
@@ -3959,38 +3331,6 @@ Object {
 }
 `;
 
-exports[`regression tests change the properties of a shape: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "#ffc9c9",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1971c2",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 5,
-  "versionNonce": 401146281,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests change the properties of a shape: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -4183,7 +3523,7 @@ Object {
 }
 `;
 
-exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `1`;
+exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `14`;
 
@@ -4527,38 +3867,6 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 2019559783,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests click on an element and drag it: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -4708,7 +4016,7 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `1`;
+exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `15`;
 
@@ -4811,70 +4119,6 @@ Object {
 }
 `;
 
-exports[`regression tests click to select a shape: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests click to select a shape: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
 exports[`regression tests click to select a shape: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -5010,7 +4254,7 @@ Object {
 }
 `;
 
-exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `2`;
+exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests click to select a shape: [end of test] number of renders 1`] = `15`;
 
@@ -5114,102 +4358,6 @@ Object {
 }
 `;
 
-exports[`regression tests click-drag to select a group: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests click-drag to select a group: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
-exports[`regression tests click-drag to select a group: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 2019559783,
-  "width": 10,
-  "x": 50,
-  "y": 10,
-}
-`;
-
 exports[`regression tests click-drag to select a group: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -5446,7 +4594,7 @@ Object {
 }
 `;
 
-exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `3`;
+exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `21`;
 
@@ -5604,70 +4752,6 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 110,
-  "y": 110,
-}
-`;
-
 exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -5803,7 +4887,7 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `2`;
+exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `16`;
 
@@ -5933,70 +5017,6 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 110,
-  "y": 110,
-}
-`;
-
 exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -6132,7 +5152,7 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `2`;
+exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of renders 1`] = `17`;
 
@@ -6289,38 +5309,6 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
 exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -6384,7 +5372,7 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `1`;
+exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `10`;
 
@@ -6485,38 +5473,6 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 100,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 100,
-  "x": 0,
-  "y": 0,
-}
-`;
-
 exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -6580,7 +5536,7 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `1`;
+exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of renders 1`] = `11`;
 
@@ -6681,108 +5637,6 @@ Object {
 }
 `;
 
-exports[`regression tests double click to edit a group: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id3",
-  ],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1150084233,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests double click to edit a group: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id3",
-  ],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1116226695,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
-exports[`regression tests double click to edit a group: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id3",
-  ],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 10,
-  "x": 50,
-  "y": 10,
-}
-`;
-
 exports[`regression tests double click to edit a group: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -7130,7 +5984,7 @@ Object {
 }
 `;
 
-exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `3`;
+exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `20`;
 
@@ -7235,70 +6089,6 @@ Object {
 }
 `;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1150084233,
-  "width": 10,
-  "x": 25,
-  "y": 25,
-}
-`;
-
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1116226695,
-  "width": 10,
-  "x": 135,
-  "y": 135,
-}
-`;
-
 exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -7507,7 +6297,7 @@ Object {
 }
 `;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `2`;
+exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of renders 1`] = `18`;
 
@@ -7606,358 +6396,6 @@ Object {
 }
 `;
 
-exports[`regression tests draw every type of shape: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 20,
-  "x": 10,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "diamond",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 20,
-  "x": 40,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 2019559783,
-  "width": 20,
-  "x": 70,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 3 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": "arrow",
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id3",
-  "isDeleted": false,
-  "lastCommittedPoint": null,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      50,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 1150084233,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "arrow",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 50,
-  "x": 130,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 4 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": null,
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id4",
-  "isDeleted": false,
-  "lastCommittedPoint": null,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      50,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 238820263,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "line",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1604849351,
-  "width": 50,
-  "x": 220,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 5 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": "arrow",
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 20,
-  "id": "id5",
-  "isDeleted": false,
-  "lastCommittedPoint": Array [
-    80,
-    20,
-  ],
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      50,
-      10,
-    ],
-    Array [
-      80,
-      20,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 1505387817,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "arrow",
-  "updated": 1,
-  "version": 7,
-  "versionNonce": 1723083209,
-  "width": 80,
-  "x": 310,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 6 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": null,
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 20,
-  "id": "id6",
-  "isDeleted": false,
-  "lastCommittedPoint": Array [
-    80,
-    20,
-  ],
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      50,
-      10,
-    ],
-    Array [
-      80,
-      20,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 760410951,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "line",
-  "updated": 1,
-  "version": 7,
-  "versionNonce": 406373543,
-  "width": 80,
-  "x": 430,
-  "y": -10,
-}
-`;
-
-exports[`regression tests draw every type of shape: [end of test] element 7 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id7",
-  "isDeleted": false,
-  "lastCommittedPoint": Array [
-    50,
-    10,
-  ],
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      50,
-      10,
-    ],
-    Array [
-      50,
-      10,
-    ],
-  ],
-  "pressures": Array [
-    0,
-    0,
-    0,
-  ],
-  "roughness": 1,
-  "roundness": null,
-  "seed": 941653321,
-  "simulatePressure": false,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "freedraw",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 1359939303,
-  "width": 50,
-  "x": 550,
-  "y": -10,
-}
-`;
-
 exports[`regression tests draw every type of shape: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -9922,7 +8360,7 @@ Object {
 }
 `;
 
-exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `8`;
+exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `57`;
 
@@ -10026,102 +8464,6 @@ Object {
 }
 `;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 100,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 100,
-  "x": 110,
-  "y": 110,
-}
-`;
-
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 100,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "diamond",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 2019559783,
-  "width": 100,
-  "x": 310,
-  "y": 310,
-}
-`;
-
 exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -10358,7 +8700,7 @@ Object {
 }
 `;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `3`;
+exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of renders 1`] = `21`;
 
@@ -10462,70 +8804,6 @@ Object {
 }
 `;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "#ffc9c9",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 1000,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 1000,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "#ffc9c9",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 1000,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 1000,
-  "x": 500,
-  "y": 500,
-}
-`;
-
 exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -10661,7 +8939,7 @@ Object {
 }
 `;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of elements 1`] = `2`;
+exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of renders 1`] = `19`;
 
@@ -10764,70 +9042,6 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "red",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 1000,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 1,
-  "versionNonce": 0,
-  "width": 1000,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "red",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 500,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 1278240551,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 1,
-  "versionNonce": 0,
-  "width": 500,
-  "x": 500,
-  "y": 500,
-}
-`;
-
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -10920,7 +9134,7 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `2`;
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of renders 1`] = `12`;
 
@@ -11023,70 +9237,6 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "red",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 1000,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 401146281,
-  "width": 1000,
-  "x": 100,
-  "y": 100,
-}
-`;
-
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "red",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 500,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 1278240551,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 1,
-  "versionNonce": 0,
-  "width": 500,
-  "x": 500,
-  "y": 500,
-}
-`;
-
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -11251,7 +9401,7 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `2`;
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of renders 1`] = `13`;
 
@@ -11352,38 +9502,6 @@ Object {
 }
 `;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key 2 selects rectangle tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -11447,7 +9565,7 @@ Object {
 }
 `;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key 2 selects rectangle tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key 2 selects rectangle tool: [end of test] number of renders 1`] = `9`;
 
@@ -11548,38 +9666,6 @@ Object {
 }
 `;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "diamond",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key 3 selects diamond tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -11643,7 +9729,7 @@ Object {
 }
 `;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key 3 selects diamond tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key 3 selects diamond tool: [end of test] number of renders 1`] = `9`;
 
@@ -11744,38 +9830,6 @@ Object {
 }
 `;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key 4 selects ellipse tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -11839,7 +9893,7 @@ Object {
 }
 `;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key 4 selects ellipse tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key 4 selects ellipse tool: [end of test] number of renders 1`] = `9`;
 
@@ -11963,53 +10017,6 @@ Object {
 }
 `;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": "arrow",
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "lastCommittedPoint": null,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      10,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "arrow",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 449462985,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key 5 selects arrow tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -12088,7 +10095,7 @@ Object {
 }
 `;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key 5 selects arrow tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key 5 selects arrow tool: [end of test] number of renders 1`] = `10`;
 
@@ -12212,53 +10219,6 @@ Object {
 }
 `;
 
-exports[`regression tests key 6 selects line tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": null,
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "lastCommittedPoint": null,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      10,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "line",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 449462985,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key 6 selects line tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -12337,7 +10297,7 @@ Object {
 }
 `;
 
-exports[`regression tests key 6 selects line tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key 6 selects line tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key 6 selects line tool: [end of test] number of renders 1`] = `9`;
 
@@ -12436,60 +10396,6 @@ Object {
 }
 `;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "lastCommittedPoint": Array [
-    10,
-    10,
-  ],
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      10,
-      10,
-    ],
-    Array [
-      10,
-      10,
-    ],
-  ],
-  "pressures": Array [
-    0,
-    0,
-    0,
-  ],
-  "roughness": 1,
-  "roundness": null,
-  "seed": 337897,
-  "simulatePressure": false,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "freedraw",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key 7 selects freedraw tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -12573,7 +10479,7 @@ Object {
 }
 `;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key 7 selects freedraw tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key 7 selects freedraw tool: [end of test] number of renders 1`] = `9`;
 
@@ -12697,53 +10603,6 @@ Object {
 }
 `;
 
-exports[`regression tests key a selects arrow tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": "arrow",
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "lastCommittedPoint": null,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      10,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "arrow",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 449462985,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key a selects arrow tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -12822,7 +10681,7 @@ Object {
 }
 `;
 
-exports[`regression tests key a selects arrow tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key a selects arrow tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key a selects arrow tool: [end of test] number of renders 1`] = `10`;
 
@@ -12923,38 +10782,6 @@ Object {
 }
 `;
 
-exports[`regression tests key d selects diamond tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "diamond",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key d selects diamond tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -13018,7 +10845,7 @@ Object {
 }
 `;
 
-exports[`regression tests key d selects diamond tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key d selects diamond tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key d selects diamond tool: [end of test] number of renders 1`] = `9`;
 
@@ -13142,53 +10969,6 @@ Object {
 }
 `;
 
-exports[`regression tests key l selects line tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": null,
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "lastCommittedPoint": null,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      10,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "line",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 449462985,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key l selects line tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -13267,7 +11047,7 @@ Object {
 }
 `;
 
-exports[`regression tests key l selects line tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key l selects line tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key l selects line tool: [end of test] number of renders 1`] = `9`;
 
@@ -13368,38 +11148,6 @@ Object {
 }
 `;
 
-exports[`regression tests key o selects ellipse tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key o selects ellipse tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -13463,7 +11211,7 @@ Object {
 }
 `;
 
-exports[`regression tests key o selects ellipse tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key o selects ellipse tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key o selects ellipse tool: [end of test] number of renders 1`] = `9`;
 
@@ -13562,60 +11310,6 @@ Object {
 }
 `;
 
-exports[`regression tests key p selects freedraw tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "lastCommittedPoint": Array [
-    10,
-    10,
-  ],
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      10,
-      10,
-    ],
-    Array [
-      10,
-      10,
-    ],
-  ],
-  "pressures": Array [
-    0,
-    0,
-    0,
-  ],
-  "roughness": 1,
-  "roundness": null,
-  "seed": 337897,
-  "simulatePressure": false,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "freedraw",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key p selects freedraw tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -13699,7 +11393,7 @@ Object {
 }
 `;
 
-exports[`regression tests key p selects freedraw tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key p selects freedraw tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key p selects freedraw tool: [end of test] number of renders 1`] = `9`;
 
@@ -13800,38 +11494,6 @@ Object {
 }
 `;
 
-exports[`regression tests key r selects rectangle tool: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
 exports[`regression tests key r selects rectangle tool: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -13895,7 +11557,7 @@ Object {
 }
 `;
 
-exports[`regression tests key r selects rectangle tool: [end of test] number of elements 1`] = `1`;
+exports[`regression tests key r selects rectangle tool: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests key r selects rectangle tool: [end of test] number of renders 1`] = `9`;
 
@@ -14004,210 +11666,6 @@ Object {
 }
 `;
 
-exports[`regression tests make a group and duplicate it: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4_copy",
-  ],
-  "height": 10,
-  "id": "id0_copy",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 915032327,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 5,
-  "versionNonce": 81784553,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests make a group and duplicate it: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4_copy",
-  ],
-  "height": 10,
-  "id": "id1_copy",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 747212839,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 5,
-  "versionNonce": 1723083209,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
-exports[`regression tests make a group and duplicate it: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4_copy",
-  ],
-  "height": 10,
-  "id": "id2_copy",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 760410951,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 5,
-  "versionNonce": 1006504105,
-  "width": 10,
-  "x": 50,
-  "y": 10,
-}
-`;
-
-exports[`regression tests make a group and duplicate it: [end of test] element 3 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-  ],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 1505387817,
-  "width": 10,
-  "x": 20,
-  "y": 20,
-}
-`;
-
-exports[`regression tests make a group and duplicate it: [end of test] element 4 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-  ],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 23633383,
-  "width": 10,
-  "x": 40,
-  "y": 20,
-}
-`;
-
-exports[`regression tests make a group and duplicate it: [end of test] element 5 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-  ],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 493213705,
-  "width": 10,
-  "x": 60,
-  "y": 20,
-}
-`;
-
 exports[`regression tests make a group and duplicate it: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -14759,7 +12217,7 @@ Object {
 }
 `;
 
-exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `6`;
+exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `24`;
 
@@ -14862,70 +12320,6 @@ Object {
 }
 `;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 1116226695,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 1014066025,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
 exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -15061,7 +12455,7 @@ Object {
 }
 `;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `2`;
+exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `21`;
 
@@ -15400,38 +12794,6 @@ Object {
 }
 `;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
 exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -15495,7 +12857,7 @@ Object {
 }
 `;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `1`;
+exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of renders 1`] = `11`;
 
@@ -15600,70 +12962,6 @@ Object {
 }
 `;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1116226695,
-  "width": 10,
-  "x": 20,
-  "y": 20,
-}
-`;
-
-exports[`regression tests shift-click to multiselect, then drag: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1014066025,
-  "width": 10,
-  "x": 40,
-  "y": 20,
-}
-`;
-
 exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -15872,7 +13170,7 @@ Object {
 }
 `;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `2`;
+exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `20`;
 
@@ -15979,102 +13277,6 @@ Object {
 }
 `;
 
-exports[`regression tests should group elements and ungroup them: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 23633383,
-  "width": 10,
-  "x": 10,
-  "y": 10,
-}
-`;
-
-exports[`regression tests should group elements and ungroup them: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 493213705,
-  "width": 10,
-  "x": 30,
-  "y": 10,
-}
-`;
-
-exports[`regression tests should group elements and ungroup them: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 915032327,
-  "width": 10,
-  "x": 50,
-  "y": 10,
-}
-`;
-
 exports[`regression tests should group elements and ungroup them: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -16525,7 +13727,7 @@ Object {
 }
 `;
 
-exports[`regression tests should group elements and ungroup them: [end of test] number of elements 1`] = `3`;
+exports[`regression tests should group elements and ungroup them: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests should group elements and ungroup them: [end of test] number of renders 1`] = `25`;
 
@@ -16626,38 +13828,6 @@ Object {
 }
 `;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "#ffc9c9",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 449462985,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
 exports[`regression tests should show fill icons when element has non transparent background: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -16764,7 +13934,7 @@ Object {
 }
 `;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `1`;
+exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `13`;
 
@@ -16875,146 +14045,6 @@ Object {
 }
 `;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-    "id10",
-  ],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 81784553,
-  "width": 10,
-  "x": 10,
-  "y": 0,
-}
-`;
-
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id4",
-    "id10",
-  ],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 747212839,
-  "width": 10,
-  "x": 50,
-  "y": 0,
-}
-`;
-
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id9",
-    "id10",
-  ],
-  "height": 10,
-  "id": "id5",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 1014066025,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 1723083209,
-  "width": 10,
-  "x": 10,
-  "y": 50,
-}
-`;
-
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 3 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id9",
-    "id10",
-  ],
-  "height": 10,
-  "id": "id6",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 400692809,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 760410951,
-  "width": 10,
-  "x": 50,
-  "y": 50,
-}
-`;
-
 exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -17756,7 +14786,7 @@ Object {
 }
 `;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `4`;
+exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of renders 1`] = `39`;
 
@@ -17978,110 +15008,6 @@ Object {
 }
 `;
 
-exports[`regression tests supports nested groups: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id3",
-  ],
-  "height": 50,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 3,
-  "versionNonce": 1116226695,
-  "width": 50,
-  "x": 100,
-  "y": 100,
-}
-`;
-
-exports[`regression tests supports nested groups: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id5",
-    "id3",
-  ],
-  "height": 50,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 400692809,
-  "width": 50,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests supports nested groups: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [
-    "id5",
-    "id3",
-  ],
-  "height": 50,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 4,
-  "versionNonce": 1604849351,
-  "width": 50,
-  "x": 200,
-  "y": 200,
-}
-`;
-
 exports[`regression tests supports nested groups: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -18762,7 +15688,7 @@ Object {
 }
 `;
 
-exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `3`;
+exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `32`;
 
@@ -18922,102 +15848,6 @@ Object {
 }
 `;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 100,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 100,
-  "x": 110,
-  "y": 110,
-}
-`;
-
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 100,
-  "id": "id2",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 401146281,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "diamond",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 2019559783,
-  "width": 100,
-  "x": 310,
-  "y": 310,
-}
-`;
-
 exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -19254,7 +16084,7 @@ Object {
 }
 `;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `3`;
+exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of renders 1`] = `20`;
 
@@ -19413,70 +16243,6 @@ Object {
 }
 `;
 
-exports[`regression tests switches selected element on pointer down: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 1278240551,
-  "width": 10,
-  "x": 0,
-  "y": 0,
-}
-`;
-
-exports[`regression tests switches selected element on pointer down: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "ellipse",
-  "updated": 1,
-  "version": 2,
-  "versionNonce": 453191,
-  "width": 10,
-  "x": 20,
-  "y": 20,
-}
-`;
-
 exports[`regression tests switches selected element on pointer down: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -19612,7 +16378,7 @@ Object {
 }
 `;
 
-exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `2`;
+exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests switches selected element on pointer down: [end of test] number of renders 1`] = `14`;
 
@@ -19832,120 +16598,6 @@ Object {
 }
 `;
 
-exports[`regression tests undo/redo drawing an element: [end of test] element 0 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id0",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 337897,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 6,
-  "versionNonce": 760410951,
-  "width": 20,
-  "x": 10,
-  "y": -10,
-}
-`;
-
-exports[`regression tests undo/redo drawing an element: [end of test] element 1 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 20,
-  "id": "id1",
-  "isDeleted": false,
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "roughness": 1,
-  "roundness": Object {
-    "type": 3,
-  },
-  "seed": 449462985,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "rectangle",
-  "updated": 1,
-  "version": 6,
-  "versionNonce": 1006504105,
-  "width": 30,
-  "x": 40,
-  "y": 0,
-}
-`;
-
-exports[`regression tests undo/redo drawing an element: [end of test] element 2 1`] = `
-Object {
-  "angle": 0,
-  "backgroundColor": "transparent",
-  "boundElements": null,
-  "endArrowhead": "arrow",
-  "endBinding": null,
-  "fillStyle": "hachure",
-  "frameId": null,
-  "groupIds": Array [],
-  "height": 10,
-  "id": "id2",
-  "isDeleted": true,
-  "lastCommittedPoint": Array [
-    60,
-    10,
-  ],
-  "link": null,
-  "locked": false,
-  "opacity": 100,
-  "points": Array [
-    Array [
-      0,
-      0,
-    ],
-    Array [
-      60,
-      10,
-    ],
-  ],
-  "roughness": 1,
-  "roundness": Object {
-    "type": 2,
-  },
-  "seed": 401146281,
-  "startArrowhead": null,
-  "startBinding": null,
-  "strokeColor": "#1e1e1e",
-  "strokeStyle": "solid",
-  "strokeWidth": 1,
-  "type": "arrow",
-  "updated": 1,
-  "version": 9,
-  "versionNonce": 81784553,
-  "width": 60,
-  "x": 130,
-  "y": 10,
-}
-`;
-
 exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = `
 Object {
   "recording": false,
@@ -20324,7 +16976,7 @@ Object {
 }
 `;
 
-exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `3`;
+exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `0`;
 
 exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `31`;
 
diff --git a/src/tests/zindex.test.tsx b/src/tests/zindex.test.tsx
index de3292af6..de421338b 100644
--- a/src/tests/zindex.test.tsx
+++ b/src/tests/zindex.test.tsx
@@ -90,6 +90,7 @@ const populateElements = (
       { ...h.state, ...appState, selectedElementIds },
       h.elements,
       h.state,
+      null,
     ),
     ...appState,
     selectedElementIds,
diff --git a/src/utility-types.ts b/src/utility-types.ts
index b84eb1994..047eceecf 100644
--- a/src/utility-types.ts
+++ b/src/utility-types.ts
@@ -47,3 +47,6 @@ export type ForwardRef<T, P = any> = Parameters<
 export type ExtractSetType<T extends Set<any>> = T extends Set<infer U>
   ? U
   : never;
+
+export type SameType<T, U> = T extends U ? (U extends T ? true : false) : false;
+export type Assert<T extends true> = T;

From a80ac4c7485e37e8444a6afbce9c23c88fc7c535 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 19 Jul 2023 13:55:50 +0530
Subject: [PATCH 233/252] ci: add bundle size limit action (#6783)

* ci: add bundle size limit action

* chore: fix lint

* ci: fix

* ci: fix workflow

* ci: fix workflow

* add size limit deps

* use node 18

---------

Co-authored-by: Nitin Kumar <nitin.kumar@razorpay.com>
---
 .github/workflows/size-limit.yml     |  26 ++
 package.json                         |  15 +-
 src/packages/excalidraw/package.json |   1 +
 src/packages/excalidraw/yarn.lock    | 141 +++++++-
 yarn.lock                            | 508 ++++++++++++++++++++++++++-
 5 files changed, 677 insertions(+), 14 deletions(-)
 create mode 100644 .github/workflows/size-limit.yml

diff --git a/.github/workflows/size-limit.yml b/.github/workflows/size-limit.yml
new file mode 100644
index 000000000..cb532868e
--- /dev/null
+++ b/.github/workflows/size-limit.yml
@@ -0,0 +1,26 @@
+name: "size"
+on:
+  pull_request:
+    branches:
+      - master
+jobs:
+  size:
+    runs-on: ubuntu-latest
+    env:
+      CI_JOB_NUMBER: 1
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+      - name: Setup Node.js 18.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+      - name: Install and build
+        run: yarn --frozen-lockfile
+        env:
+          CI: true
+      - uses: andresz1/size-limit-action@v1
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          build_script: build:app
+          skip_step: install
diff --git a/package.json b/package.json
index d1198fa23..54c45c9a5 100644
--- a/package.json
+++ b/package.json
@@ -72,6 +72,7 @@
   "devDependencies": {
     "@excalidraw/eslint-config": "1.0.0",
     "@excalidraw/prettier-config": "1.0.2",
+    "@size-limit/preset-big-lib": "8.2.4",
     "@types/chai": "4.3.0",
     "@types/jest": "27.4.0",
     "@types/lodash.throttle": "4.1.7",
@@ -92,6 +93,7 @@
     "pepjs": "0.5.3",
     "prettier": "2.6.2",
     "rewire": "6.0.0",
+    "size-limit": "8.2.4",
     "typescript": "4.9.4"
   },
   "engines": {
@@ -143,6 +145,15 @@
     "test:coverage": "react-scripts test --passWithNoTests --coverage --watchAll",
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
-    "release": "node scripts/release.js"
-  }
+    "release": "node scripts/release.js",
+    "size": "yarn build:app && size-limit"
+  },
+  "size-limit": [
+    {
+      "limit": "500kb",
+      "path": [
+        "build/static/js/*.js"
+      ]
+    }
+  ]
 }
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 9b6acfdd8..27ce245ee 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -61,6 +61,7 @@
     "mini-css-extract-plugin": "2.6.1",
     "postcss-loader": "7.0.1",
     "sass-loader": "13.0.2",
+    "size-limit": "8.2.4",
     "terser-webpack-plugin": "5.3.3",
     "ts-loader": "9.3.1",
     "typescript": "4.9.4",
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 485d3cd00..e220725a8 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -1063,6 +1063,27 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
 "@polka/url@^1.0.0-next.9":
   version "1.0.0-next.11"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.11.tgz#aeb16f50649a91af79dbe36574b66d0f9e4d9f71"
@@ -1484,6 +1505,11 @@ array-flatten@^2.1.2:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 autoprefixer@10.4.7:
   version "10.4.7"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.7.tgz#1db8d195f41a52ca5069b7593be167618edbbedf"
@@ -1692,7 +1718,7 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-braces@^3.0.1, braces@~3.0.2:
+braces@^3.0.1, braces@^3.0.2, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -1714,6 +1740,11 @@ buffer-from@^1.0.0:
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
+bytes-iec@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/bytes-iec/-/bytes-iec-3.1.1.tgz#94cd36bf95c2c22a82002c247df8772d1d591083"
+  integrity sha512-fey6+4jDK7TFtFg/klGSvNKJctyU7n2aQdnM+CO0ruLPbqqMOM8Tio0Pc+deqUeVKX1tL5DQep1zQ7+37aTAsA==
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -2026,6 +2057,13 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
   integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
@@ -2210,6 +2248,17 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-glob@^3.2.9:
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -2220,6 +2269,13 @@ fastest-levenshtein@^1.0.12:
   resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
   integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
 
+fastq@^1.6.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
+  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
+  dependencies:
+    reusify "^1.0.4"
+
 faye-websocket@^0.11.3:
   version "0.11.4"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
@@ -2323,7 +2379,7 @@ get-stream@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.0.tgz#3e0012cb6827319da2706e601a1583e8629a6718"
   integrity sha512-A1B3Bh1UmL0bidM/YX2NsCOTnGJePL9rO/M+Mw3m9f2gUpfokS0hi5Eah0WSUEWZdZhIZtMjkIYS7mDfOqNHbg==
 
-glob-parent@~5.1.2:
+glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -2357,6 +2413,18 @@ globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
 graceful-fs@^4.1.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.10"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
@@ -2486,6 +2554,11 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
+ignore@^5.2.0:
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
+
 import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -2686,6 +2759,11 @@ klona@^2.0.4, klona@^2.0.5:
   resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
   integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
 
+lilconfig@^2.0.6:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -2765,6 +2843,11 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
 methods@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
@@ -2778,6 +2861,14 @@ micromatch@^4.0.0, micromatch@^4.0.2:
     braces "^3.0.1"
     picomatch "^2.2.3"
 
+micromatch@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
 mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
@@ -2857,6 +2948,13 @@ nanoid@^3.3.1:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35"
   integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
 
+nanospinner@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/nanospinner/-/nanospinner-1.1.0.tgz#d17ff621cb1784b0a206b400da88a0ef6db39b97"
+  integrity sha512-yFvNYMig4AthKYfHFl1sLj7B2nkHL4lzdig4osvl9/LdGbXwrdFRoqBS98gsEsOakr0yH+r5NZ/1Y9gdVB8trA==
+  dependencies:
+    picocolors "^1.0.0"
+
 negotiator@0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
@@ -3053,6 +3151,11 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
   integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
 
+picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
 pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
@@ -3146,6 +3249,11 @@ qs@6.10.3:
   dependencies:
     side-channel "^1.0.4"
 
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
 randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -3297,6 +3405,11 @@ retry@^0.13.1:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
   integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@@ -3304,6 +3417,13 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -3485,6 +3605,23 @@ sirv@^1.0.7:
     mime "^2.3.1"
     totalist "^1.0.0"
 
+size-limit@8.2.4:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/size-limit/-/size-limit-8.2.4.tgz#0ab0df7cbc89007d544a50b451f5fb4d110694ca"
+  integrity sha512-Un16nSreD1v2CYwSorattiJcHuAWqXvg4TsGgzpjnoByqQwsSfCIEQHuaD14HNStzredR8cdsO9oGH91ibypTA==
+  dependencies:
+    bytes-iec "^3.1.1"
+    chokidar "^3.5.3"
+    globby "^11.1.0"
+    lilconfig "^2.0.6"
+    nanospinner "^1.1.0"
+    picocolors "^1.0.0"
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
 sockjs@^0.3.24:
   version "0.3.24"
   resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
diff --git a/yarn.lock b/yarn.lock
index 2e8bdda5a..ef81ff60f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2329,6 +2329,45 @@
   dependencies:
     "@sinonjs/commons" "^1.7.0"
 
+"@sitespeed.io/tracium@^0.3.3":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@sitespeed.io/tracium/-/tracium-0.3.3.tgz#b497a4a8d5837db1fd9e3053c99b78f6c0e1f53b"
+  integrity sha512-dNZafjM93Y+F+sfwTO5gTpsGXlnc/0Q+c2+62ViqP3gkMWvHEMSKkaEHgVJLcLg3i/g19GSIPziiKpgyne07Bw==
+  dependencies:
+    debug "^4.1.1"
+
+"@size-limit/file@8.2.4":
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/@size-limit/file/-/file-8.2.4.tgz#3624527cc9644c700697322d533e157b4a809a2b"
+  integrity sha512-xLuF97W7m7lxrRJvqXRlxO/4t7cpXtfxOnjml/t4aRVUCMXLdyvebRr9OM4jjoK8Fmiz8jomCbETUCI3jVhLzA==
+  dependencies:
+    semver "7.3.8"
+
+"@size-limit/preset-big-lib@8.2.4":
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/@size-limit/preset-big-lib/-/preset-big-lib-8.2.4.tgz#875a0f77ac23dab99b338ff65f4f87d665c66eb9"
+  integrity sha512-J4PTiJATEO/zoXF3tsSUy4KztvVuCw1g9ukRuDHYA+p1YYVViO4fDiSlnw4nBLN2lZoGdfQVOg12G7ta3+WwSA==
+  dependencies:
+    "@size-limit/file" "8.2.4"
+    "@size-limit/time" "8.2.4"
+    "@size-limit/webpack" "8.2.4"
+
+"@size-limit/time@8.2.4":
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/@size-limit/time/-/time-8.2.4.tgz#e72372b77b667b4cebd84c32f66cda86efd05985"
+  integrity sha512-tQ5EFlN/AY8RLIJxURVfiwJpO4Q9UihtfE6c14fXL9Jy/wl2hZEhkFrUhRayNDvnZW8HWNko1Hmt7dLsY3iF8A==
+  dependencies:
+    estimo "^2.3.6"
+    react "^17.0.2"
+
+"@size-limit/webpack@8.2.4":
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/@size-limit/webpack/-/webpack-8.2.4.tgz#e0dfb99f69236ec6b59b5d2df674ac8242fe8bb6"
+  integrity sha512-L6TSQpX89cSeWQ1BL31BsaYucao0MGNW1xySHVO7jlgmOwnHC7j5zq91QRN9G6eMG84W+F3uRV4AiyCdZxKz9g==
+  dependencies:
+    nanoid "^3.3.4"
+    webpack "^5.75.0"
+
 "@surma/rollup-plugin-off-main-thread@^2.2.3":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
@@ -2599,6 +2638,11 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
   integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
+"@types/estree@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
+  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
+
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
   version "4.17.33"
   resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
@@ -2887,6 +2931,13 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yauzl@^2.9.1":
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.0.tgz#b3248295276cf8c6f153ebe6a9aba0c988cb2599"
+  integrity sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==
+  dependencies:
+    "@types/node" "*"
+
 "@typescript-eslint/eslint-plugin@^5.5.0":
   version "5.58.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.58.0.tgz#b1d4b0ad20243269d020ef9bbb036a40b0849829"
@@ -2986,21 +3037,44 @@
     "@webassemblyjs/helper-numbers" "1.11.1"
     "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
 
+"@webassemblyjs/ast@1.11.5", "@webassemblyjs/ast@^1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.5.tgz#6e818036b94548c1fb53b754b5cae3c9b208281c"
+  integrity sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
+
 "@webassemblyjs/floating-point-hex-parser@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
   integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
 
+"@webassemblyjs/floating-point-hex-parser@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz#e85dfdb01cad16b812ff166b96806c050555f1b4"
+  integrity sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==
+
 "@webassemblyjs/helper-api-error@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
   integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
 
+"@webassemblyjs/helper-api-error@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz#1e82fa7958c681ddcf4eabef756ce09d49d442d1"
+  integrity sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==
+
 "@webassemblyjs/helper-buffer@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
   integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
 
+"@webassemblyjs/helper-buffer@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz#91381652ea95bb38bbfd270702351c0c89d69fba"
+  integrity sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==
+
 "@webassemblyjs/helper-numbers@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
@@ -3010,11 +3084,25 @@
     "@webassemblyjs/helper-api-error" "1.11.1"
     "@xtuc/long" "4.2.2"
 
+"@webassemblyjs/helper-numbers@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz#23380c910d56764957292839006fecbe05e135a9"
+  integrity sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.5"
+    "@webassemblyjs/helper-api-error" "1.11.5"
+    "@xtuc/long" "4.2.2"
+
 "@webassemblyjs/helper-wasm-bytecode@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
   integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
 
+"@webassemblyjs/helper-wasm-bytecode@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz#e258a25251bc69a52ef817da3001863cc1c24b9f"
+  integrity sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==
+
 "@webassemblyjs/helper-wasm-section@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
@@ -3025,6 +3113,16 @@
     "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
     "@webassemblyjs/wasm-gen" "1.11.1"
 
+"@webassemblyjs/helper-wasm-section@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz#966e855a6fae04d5570ad4ec87fbcf29b42ba78e"
+  integrity sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.5"
+    "@webassemblyjs/helper-buffer" "1.11.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
+    "@webassemblyjs/wasm-gen" "1.11.5"
+
 "@webassemblyjs/ieee754@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
@@ -3032,6 +3130,13 @@
   dependencies:
     "@xtuc/ieee754" "^1.2.0"
 
+"@webassemblyjs/ieee754@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz#b2db1b33ce9c91e34236194c2b5cba9b25ca9d60"
+  integrity sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
 "@webassemblyjs/leb128@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
@@ -3039,11 +3144,23 @@
   dependencies:
     "@xtuc/long" "4.2.2"
 
+"@webassemblyjs/leb128@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.5.tgz#482e44d26b6b949edf042a8525a66c649e38935a"
+  integrity sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
 "@webassemblyjs/utf8@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
   integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
 
+"@webassemblyjs/utf8@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.5.tgz#83bef94856e399f3740e8df9f63bc47a987eae1a"
+  integrity sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==
+
 "@webassemblyjs/wasm-edit@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
@@ -3058,6 +3175,20 @@
     "@webassemblyjs/wasm-parser" "1.11.1"
     "@webassemblyjs/wast-printer" "1.11.1"
 
+"@webassemblyjs/wasm-edit@^1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz#93ee10a08037657e21c70de31c47fdad6b522b2d"
+  integrity sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.5"
+    "@webassemblyjs/helper-buffer" "1.11.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
+    "@webassemblyjs/helper-wasm-section" "1.11.5"
+    "@webassemblyjs/wasm-gen" "1.11.5"
+    "@webassemblyjs/wasm-opt" "1.11.5"
+    "@webassemblyjs/wasm-parser" "1.11.5"
+    "@webassemblyjs/wast-printer" "1.11.5"
+
 "@webassemblyjs/wasm-gen@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
@@ -3069,6 +3200,17 @@
     "@webassemblyjs/leb128" "1.11.1"
     "@webassemblyjs/utf8" "1.11.1"
 
+"@webassemblyjs/wasm-gen@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz#ceb1c82b40bf0cf67a492c53381916756ef7f0b1"
+  integrity sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
+    "@webassemblyjs/ieee754" "1.11.5"
+    "@webassemblyjs/leb128" "1.11.5"
+    "@webassemblyjs/utf8" "1.11.5"
+
 "@webassemblyjs/wasm-opt@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
@@ -3079,6 +3221,16 @@
     "@webassemblyjs/wasm-gen" "1.11.1"
     "@webassemblyjs/wasm-parser" "1.11.1"
 
+"@webassemblyjs/wasm-opt@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz#b52bac29681fa62487e16d3bb7f0633d5e62ca0a"
+  integrity sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.5"
+    "@webassemblyjs/helper-buffer" "1.11.5"
+    "@webassemblyjs/wasm-gen" "1.11.5"
+    "@webassemblyjs/wasm-parser" "1.11.5"
+
 "@webassemblyjs/wasm-parser@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
@@ -3091,6 +3243,18 @@
     "@webassemblyjs/leb128" "1.11.1"
     "@webassemblyjs/utf8" "1.11.1"
 
+"@webassemblyjs/wasm-parser@1.11.5", "@webassemblyjs/wasm-parser@^1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz#7ba0697ca74c860ea13e3ba226b29617046982e2"
+  integrity sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.5"
+    "@webassemblyjs/helper-api-error" "1.11.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
+    "@webassemblyjs/ieee754" "1.11.5"
+    "@webassemblyjs/leb128" "1.11.5"
+    "@webassemblyjs/utf8" "1.11.5"
+
 "@webassemblyjs/wast-printer@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
@@ -3099,6 +3263,14 @@
     "@webassemblyjs/ast" "1.11.1"
     "@xtuc/long" "4.2.2"
 
+"@webassemblyjs/wast-printer@1.11.5":
+  version "1.11.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz#7a5e9689043f3eca82d544d7be7a8e6373a6fa98"
+  integrity sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.5"
+    "@xtuc/long" "4.2.2"
+
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -3640,6 +3812,11 @@ base64-arraybuffer@0.1.4:
   resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz#9818c79e059b1355f97e0428a017c838e90ba812"
   integrity sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==
 
+base64-js@^1.3.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
 basic-auth@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/basic-auth/-/basic-auth-2.0.1.tgz#b998279bf47ce38344b4f3cf916d4679bbf51e3a"
@@ -3672,6 +3849,15 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
 blob@0.0.5:
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
@@ -3764,16 +3950,34 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
+buffer@^5.2.1, buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
 builtin-modules@^3.1.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
+bytes-iec@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/bytes-iec/-/bytes-iec-3.1.1.tgz#94cd36bf95c2c22a82002c247df8772d1d591083"
+  integrity sha512-fey6+4jDK7TFtFg/klGSvNKJctyU7n2aQdnM+CO0ruLPbqqMOM8Tio0Pc+deqUeVKX1tL5DQep1zQ7+37aTAsA==
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -3918,6 +4122,11 @@ check-types@^11.1.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
 chrome-trace-event@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
@@ -4062,6 +4271,11 @@ commander@^8.3.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
+commander@^9.1.0:
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
+  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
+
 common-path-prefix@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
@@ -4220,6 +4434,13 @@ cross-env@7.0.3:
   dependencies:
     cross-spawn "^7.0.1"
 
+cross-fetch@3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
+  integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==
+  dependencies:
+    node-fetch "2.6.7"
+
 cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -4464,7 +4685,7 @@ debug@2.6.9, debug@^2.6.0:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@4.3.4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -4603,6 +4824,11 @@ detect-port-alt@^1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
+devtools-protocol@0.0.981744:
+  version "0.0.981744"
+  resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.981744.tgz#9960da0370284577d46c28979a0b32651022bacf"
+  integrity sha512-0cuGS8+jhR67Fy7qG3i3Pc7Aw494sb9yG9QgpG97SFVWwolgYjlhJg7n+UaHxOQT30d1TYu/EYe9k01ivLErIg==
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -4818,6 +5044,13 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
+end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
 engine.io-client@~3.4.0:
   version "3.4.4"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.4.tgz#77d8003f502b0782dd792b073a4d2cf7ca5ab967"
@@ -4854,6 +5087,14 @@ enhanced-resolve@^5.10.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+enhanced-resolve@^5.13.0:
+  version "5.13.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz#26d1ecc448c02de997133217b5c1053f34a0a275"
+  integrity sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -4945,6 +5186,11 @@ es-module-lexer@^0.9.0:
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
+es-module-lexer@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
+  integrity sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==
+
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -5324,6 +5570,17 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
+estimo@^2.3.6:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/estimo/-/estimo-2.3.6.tgz#af0ea229d82a642e89570616d4349b267642fd00"
+  integrity sha512-aPd3VTQAL1TyDyhFfn6fqBTJ9WvbRZVN4Z29Buk6+P6xsI0DuF5Mh3dGv6kYCUxWnZkB4Jt3aYglUxOtuwtxoA==
+  dependencies:
+    "@sitespeed.io/tracium" "^0.3.3"
+    commander "^9.1.0"
+    find-chrome-bin "0.1.0"
+    nanoid "^3.3.2"
+    puppeteer-core "^13.5.1"
+
 estraverse@^4.1.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
@@ -5437,6 +5694,17 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+extract-zip@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
+  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
 fake-indexeddb@3.1.7:
   version "3.1.7"
   resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-3.1.7.tgz#d9efbeade113c15efbe862e4598a4b0a1797ed9f"
@@ -5503,6 +5771,13 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
+  dependencies:
+    pend "~1.2.0"
+
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -5559,6 +5834,11 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
+find-chrome-bin@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/find-chrome-bin/-/find-chrome-bin-0.1.0.tgz#9fa3e6f86c275762c6d8be9da9af71e6fef05373"
+  integrity sha512-XoFZwaEn1R3pE6zNG8kH64l2e093hgB9+78eEKPmJK0o1EXEou+25cEWdtu2qq4DBQPDSe90VJAWVI2Sz9pX6Q==
+
 find-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -5670,6 +5950,11 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
+fs-constants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
+  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
+
 fs-extra@^10.0.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
@@ -5768,6 +6053,13 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -6125,7 +6417,7 @@ http-server@14.1.1:
     union "~0.5.0"
     url-join "^4.0.1"
 
-https-proxy-agent@^5.0.0:
+https-proxy-agent@5.0.1, https-proxy-agent@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -6193,6 +6485,11 @@ identity-obj-proxy@^3.0.0:
   dependencies:
     harmony-reflect "^1.4.6"
 
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
@@ -7684,6 +7981,11 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
+mkdirp-classic@^0.5.2:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
+  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
+
 mkdirp@^0.5.6, mkdirp@~0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
@@ -7743,11 +8045,18 @@ nanoid@3.3.3:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
   integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
 
-nanoid@^3.3.4:
+nanoid@^3.3.2, nanoid@^3.3.4:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
+nanospinner@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/nanospinner/-/nanospinner-1.1.0.tgz#d17ff621cb1784b0a206b400da88a0ef6db39b97"
+  integrity sha512-yFvNYMig4AthKYfHFl1sLj7B2nkHL4lzdig4osvl9/LdGbXwrdFRoqBS98gsEsOakr0yH+r5NZ/1Y9gdVB8trA==
+  dependencies:
+    picocolors "^1.0.0"
+
 natural-compare-lite@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
@@ -7781,6 +8090,13 @@ node-fetch@2.6.1:
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
+node-fetch@2.6.7:
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
+  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  dependencies:
+    whatwg-url "^5.0.0"
+
 node-forge@^1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
@@ -7937,7 +8253,7 @@ on-headers@~1.0.2:
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
-once@^1.3.0:
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
@@ -8152,6 +8468,11 @@ pathval@^1.1.1:
   resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
   integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
 
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
 pepjs@0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/pepjs/-/pepjs-0.5.3.tgz#dc755f03d965c20e4b1bb65e42a03a97c382cfc7"
@@ -8208,7 +8529,7 @@ pirates@^4.0.1, pirates@^4.0.4:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+pkg-dir@4.2.0, pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
   integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
@@ -8884,7 +9205,7 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-progress@^2.0.0:
+progress@2.0.3, progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
@@ -8963,16 +9284,47 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+proxy-from-env@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 punycode@^2.1.0, punycode@^2.1.1:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
 
+puppeteer-core@^13.5.1:
+  version "13.7.0"
+  resolved "https://registry.yarnpkg.com/puppeteer-core/-/puppeteer-core-13.7.0.tgz#3344bee3994163f49120a55ddcd144a40575ba5b"
+  integrity sha512-rXja4vcnAzFAP1OVLq/5dWNfwBGuzcOARJ6qGV7oAZhnLmVRU8G5MsdeQEAOy332ZhkIOnn9jp15R89LKHyp2Q==
+  dependencies:
+    cross-fetch "3.1.5"
+    debug "4.3.4"
+    devtools-protocol "0.0.981744"
+    extract-zip "2.0.1"
+    https-proxy-agent "5.0.1"
+    pkg-dir "4.2.0"
+    progress "2.0.3"
+    proxy-from-env "1.1.0"
+    rimraf "3.0.2"
+    tar-fs "2.1.1"
+    unbzip2-stream "1.4.3"
+    ws "8.5.0"
+
 pwacompat@2.0.17:
   version "2.0.17"
   resolved "https://registry.yarnpkg.com/pwacompat/-/pwacompat-2.0.17.tgz#707959ff97f239bf1fe7b260b63aeea416a15eab"
@@ -9206,6 +9558,14 @@ react@18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
+react@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@@ -9226,7 +9586,7 @@ readable-stream@^2.0.1:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.6:
+readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -9441,7 +9801,7 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@3.0.2, rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -9585,6 +9945,15 @@ schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.2.tgz#36c10abca6f7577aeae136c804b0c741edeadc99"
+  integrity sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 schema-utils@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
@@ -9612,6 +9981,13 @@ selfsigned@^2.1.1:
   dependencies:
     node-forge "^1"
 
+semver@7.3.8:
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
+  dependencies:
+    lru-cache "^6.0.0"
+
 semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -9726,6 +10102,18 @@ sisteransi@^1.0.5:
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
   integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
+size-limit@8.2.4:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/size-limit/-/size-limit-8.2.4.tgz#0ab0df7cbc89007d544a50b451f5fb4d110694ca"
+  integrity sha512-Un16nSreD1v2CYwSorattiJcHuAWqXvg4TsGgzpjnoByqQwsSfCIEQHuaD14HNStzredR8cdsO9oGH91ibypTA==
+  dependencies:
+    bytes-iec "^3.1.1"
+    chokidar "^3.5.3"
+    globby "^11.1.0"
+    lilconfig "^2.0.6"
+    nanospinner "^1.1.0"
+    picocolors "^1.0.0"
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -10233,6 +10621,27 @@ tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+tar-fs@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
+  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
+  dependencies:
+    chownr "^1.1.1"
+    mkdirp-classic "^0.5.2"
+    pump "^3.0.0"
+    tar-stream "^2.1.4"
+
+tar-stream@^2.1.4:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
@@ -10256,7 +10665,7 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
+terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5, terser-webpack-plugin@^5.3.7:
   version "5.3.7"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz#ef760632d24991760f339fe9290deb936ad1ffc7"
   integrity sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==
@@ -10267,7 +10676,7 @@ terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
     serialize-javascript "^6.0.1"
     terser "^5.16.5"
 
-terser@^5.0.0, terser@^5.10.0, terser@^5.16.5:
+terser@^5.0.0, terser@^5.10.0:
   version "5.16.9"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.9.tgz#7a28cb178e330c484369886f2afd623d9847495f"
   integrity sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==
@@ -10277,6 +10686,16 @@ terser@^5.0.0, terser@^5.10.0, terser@^5.16.5:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
+terser@^5.16.5:
+  version "5.17.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.17.1.tgz#948f10830454761e2eeedc6debe45c532c83fd69"
+  integrity sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.2"
+    acorn "^8.5.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
@@ -10371,6 +10790,11 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
 tryer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
@@ -10502,6 +10926,14 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
+unbzip2-stream@1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7"
+  integrity sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==
+  dependencies:
+    buffer "^5.2.1"
+    through "^2.3.8"
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -10702,6 +11134,11 @@ wbuf@^1.1.0, wbuf@^1.7.3:
   dependencies:
     minimalistic-assert "^1.0.0"
 
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
@@ -10823,6 +11260,36 @@ webpack@^5.64.4:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
+webpack@^5.75.0:
+  version "5.81.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.81.0.tgz#27a2e8466c8b4820d800a8d90f06ef98294f9956"
+  integrity sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==
+  dependencies:
+    "@types/eslint-scope" "^3.7.3"
+    "@types/estree" "^1.0.0"
+    "@webassemblyjs/ast" "^1.11.5"
+    "@webassemblyjs/wasm-edit" "^1.11.5"
+    "@webassemblyjs/wasm-parser" "^1.11.5"
+    acorn "^8.7.1"
+    acorn-import-assertions "^1.7.6"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.13.0"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.1.2"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.7"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
 websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
@@ -10871,6 +11338,14 @@ whatwg-mimetype@^2.3.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
 whatwg-url@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
@@ -11143,6 +11618,11 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
+ws@8.5.0:
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.5.0.tgz#bfb4be96600757fe5382de12c670dab984a1ed4f"
+  integrity sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==
+
 ws@^7.4.6:
   version "7.5.9"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
@@ -11218,6 +11698,14 @@ yargs@^16.2.0:
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
 
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
+
 yeast@0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"

From 9fc15d81a0682844f61325e5422761f5c604d711 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 19 Jul 2023 21:19:10 +0530
Subject: [PATCH 234/252] ci: introduce bundle size for package
 @excalidraw/excalidraw (#6785)

* ci: update bundle size limit

* change the size script to track bundle size on the package excalidraw

* fix build command

* fix

* remove

* fix

* update script

* fix
---
 .github/workflows/size-limit.yml  |  6 ++----
 package.json                      |  6 +++---
 scripts/buildPackageExcalidraw.js | 16 ++++++++++++++++
 3 files changed, 21 insertions(+), 7 deletions(-)
 create mode 100644 scripts/buildPackageExcalidraw.js

diff --git a/.github/workflows/size-limit.yml b/.github/workflows/size-limit.yml
index cb532868e..119cc8c39 100644
--- a/.github/workflows/size-limit.yml
+++ b/.github/workflows/size-limit.yml
@@ -1,4 +1,4 @@
-name: "size"
+name: "Bundle Size check @excalidraw/excalidraw"
 on:
   pull_request:
     branches:
@@ -15,12 +15,10 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.x
-      - name: Install and build
-        run: yarn --frozen-lockfile
         env:
           CI: true
       - uses: andresz1/size-limit-action@v1
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          build_script: build:app
+          build_script: size
           skip_step: install
diff --git a/package.json b/package.json
index 54c45c9a5..44251d318 100644
--- a/package.json
+++ b/package.json
@@ -146,13 +146,13 @@
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
     "release": "node scripts/release.js",
-    "size": "yarn build:app && size-limit"
+    "size": "node scripts/buildPackageExcalidraw.js && size-limit"
   },
   "size-limit": [
     {
-      "limit": "500kb",
       "path": [
-        "build/static/js/*.js"
+        "src/packages/excalidraw/dist/excalidraw.development.js",
+        "src/packages/excalidraw/dist/excalidraw.production.min.js"
       ]
     }
   ]
diff --git a/scripts/buildPackageExcalidraw.js b/scripts/buildPackageExcalidraw.js
new file mode 100644
index 000000000..4e3234115
--- /dev/null
+++ b/scripts/buildPackageExcalidraw.js
@@ -0,0 +1,16 @@
+const { execSync } = require("child_process");
+
+const excalidrawDir = `${__dirname}/../src/packages/excalidraw`;
+
+const build = () => {
+  try {
+    execSync(`yarn  --frozen-lockfile`);
+    execSync(`yarn --frozen-lockfile`, { cwd: excalidrawDir });
+    execSync(`yarn run build:umd`, { cwd: excalidrawDir });
+  } catch (err) {
+    console.error(err);
+    process.exit(1);
+  }
+};
+
+build();

From 70888327a36f39b3c882635265865e29efb8ab28 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 19 Jul 2023 22:07:18 +0530
Subject: [PATCH 235/252] fix: use subdirectory for @excalidraw/excalidraw size
 limit (#6787)

* fix: use subdirectory for @excalidraw/excalidraw size limit

* fix

* update yml

* update path

* fix

* fix

* better
---
 .github/workflows/size-limit.yml     |  8 +++++++-
 package.json                         | 13 ++-----------
 scripts/buildPackageExcalidraw.js    | 16 ----------------
 src/packages/excalidraw/package.json | 13 +++++++++++--
 4 files changed, 20 insertions(+), 30 deletions(-)
 delete mode 100644 scripts/buildPackageExcalidraw.js

diff --git a/.github/workflows/size-limit.yml b/.github/workflows/size-limit.yml
index 119cc8c39..8ced8ee03 100644
--- a/.github/workflows/size-limit.yml
+++ b/.github/workflows/size-limit.yml
@@ -15,10 +15,16 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.x
+      - name: Install
+        run: yarn --frozen-lockfile
+      - name: Install in src/packages/excalidraw
+        run: yarn --frozen-lockfile
+        working-directory: src/packages/excalidraw
         env:
           CI: true
       - uses: andresz1/size-limit-action@v1
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          build_script: size
+          build_script: build:umd
           skip_step: install
+          directory: src/packages/excalidraw
diff --git a/package.json b/package.json
index 44251d318..a2fece255 100644
--- a/package.json
+++ b/package.json
@@ -145,15 +145,6 @@
     "test:coverage": "react-scripts test --passWithNoTests --coverage --watchAll",
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
-    "release": "node scripts/release.js",
-    "size": "node scripts/buildPackageExcalidraw.js && size-limit"
-  },
-  "size-limit": [
-    {
-      "path": [
-        "src/packages/excalidraw/dist/excalidraw.development.js",
-        "src/packages/excalidraw/dist/excalidraw.production.min.js"
-      ]
-    }
-  ]
+    "release": "node scripts/release.js"
+  }
 }
diff --git a/scripts/buildPackageExcalidraw.js b/scripts/buildPackageExcalidraw.js
deleted file mode 100644
index 4e3234115..000000000
--- a/scripts/buildPackageExcalidraw.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const { execSync } = require("child_process");
-
-const excalidrawDir = `${__dirname}/../src/packages/excalidraw`;
-
-const build = () => {
-  try {
-    execSync(`yarn  --frozen-lockfile`);
-    execSync(`yarn --frozen-lockfile`, { cwd: excalidrawDir });
-    execSync(`yarn run build:umd`, { cwd: excalidrawDir });
-  } catch (err) {
-    console.error(err);
-    process.exit(1);
-  }
-};
-
-build();
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 27ce245ee..c1998bf89 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -80,6 +80,15 @@
     "pack": "yarn build:umd && yarn pack",
     "start": "webpack serve --config webpack.dev-server.config.js",
     "install:deps": "yarn install --frozen-lockfile && yarn --cwd ../../../",
-    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js && yarn gen:types"
-  }
+    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js && yarn gen:types",
+    "size": "yarn build:umd && size-limit"
+  },
+  "size-limit": [
+    {
+      "path": "dist/excalidraw.development.js"
+    },
+    {
+      "path": "dist/excalidraw.production.min.js"
+    }
+  ]
 }

From 5e3550fc1473c25686190b7a533cf5d3d6e0d3ae Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 20 Jul 2023 13:54:13 +0530
Subject: [PATCH 236/252] ci: structured build output from size-limit (#6788)

* ci: better build output from size-limit

* add size-limit.json

* try with pull request target

* fix

* revert pull request target
---
 src/packages/excalidraw/.size-limit.json | 16 ++++++++++++++++
 src/packages/excalidraw/package.json     | 10 +---------
 2 files changed, 17 insertions(+), 9 deletions(-)
 create mode 100644 src/packages/excalidraw/.size-limit.json

diff --git a/src/packages/excalidraw/.size-limit.json b/src/packages/excalidraw/.size-limit.json
new file mode 100644
index 000000000..e95dd1758
--- /dev/null
+++ b/src/packages/excalidraw/.size-limit.json
@@ -0,0 +1,16 @@
+[
+  {
+    "path": "dist/excalidraw.production.min.js",
+    "limit": "285 kB"
+  },
+  {
+    "path": "dist/excalidraw-assets/locales",
+    "name": "dist/excalidraw-assets/locales",
+    "limit": "270 kB"
+  },
+  {
+    "path": "dist/excalidraw-assets/vendor-*.js",
+    "name": "dist/excalidraw-assets/vendor*.js",
+    "limit": "30 kB"
+  }
+]
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index c1998bf89..042fbd58c 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -82,13 +82,5 @@
     "install:deps": "yarn install --frozen-lockfile && yarn --cwd ../../../",
     "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js && yarn gen:types",
     "size": "yarn build:umd && size-limit"
-  },
-  "size-limit": [
-    {
-      "path": "dist/excalidraw.development.js"
-    },
-    {
-      "path": "dist/excalidraw.production.min.js"
-    }
-  ]
+  }
 }

From f7c3644342bd9f7d260a1d1081c99cf2dc3408bb Mon Sep 17 00:00:00 2001
From: Ajay Kumbhare <ajaykumbhare@outlook.com>
Date: Thu, 20 Jul 2023 21:45:32 +0530
Subject: [PATCH 237/252] refactor: add typeScript support to enforce valid
 translation keys (#6776)

---
 src/actions/actionExport.tsx                   | 10 +++++-----
 src/components/ColorPicker/PickerColorList.tsx |  8 ++++++--
 src/components/ContextMenu.tsx                 | 10 +++++++---
 src/components/Section.tsx                     |  2 +-
 src/components/Trans.test.tsx                  | 14 +++++++++-----
 src/components/Trans.tsx                       |  4 ++--
 src/i18n.ts                                    |  5 ++++-
 src/utility-types.ts                           |  4 ++++
 8 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/actions/actionExport.tsx b/src/actions/actionExport.tsx
index d945ba959..2c94a9863 100644
--- a/src/actions/actionExport.tsx
+++ b/src/actions/actionExport.tsx
@@ -65,7 +65,7 @@ export const actionChangeExportScale = register({
           );
 
           const scaleButtonTitle = `${t(
-            "buttons.scale",
+            "imageExportDialog.label.scale",
           )} ${s}x (${width}x${height})`;
 
           return (
@@ -102,7 +102,7 @@ export const actionChangeExportBackground = register({
       checked={appState.exportBackground}
       onChange={(checked) => updateData(checked)}
     >
-      {t("labels.withBackground")}
+      {t("imageExportDialog.label.withBackground")}
     </CheckboxItem>
   ),
 });
@@ -121,8 +121,8 @@ export const actionChangeExportEmbedScene = register({
       checked={appState.exportEmbedScene}
       onChange={(checked) => updateData(checked)}
     >
-      {t("labels.exportEmbedScene")}
-      <Tooltip label={t("labels.exportEmbedScene_details")} long={true}>
+      {t("imageExportDialog.label.embedScene")}
+      <Tooltip label={t("imageExportDialog.tooltip.embedScene")} long={true}>
         <div className="excalidraw-tooltip-icon">{questionCircle}</div>
       </Tooltip>
     </CheckboxItem>
@@ -277,7 +277,7 @@ export const actionExportWithDarkMode = register({
         onChange={(theme: Theme) => {
           updateData(theme === THEME.DARK);
         }}
-        title={t("labels.toggleExportColorScheme")}
+        title={t("imageExportDialog.label.darkMode")}
       />
     </div>
   ),
diff --git a/src/components/ColorPicker/PickerColorList.tsx b/src/components/ColorPicker/PickerColorList.tsx
index 2491afba8..40f4bbeb0 100644
--- a/src/components/ColorPicker/PickerColorList.tsx
+++ b/src/components/ColorPicker/PickerColorList.tsx
@@ -8,7 +8,7 @@ import {
 } from "./colorPickerUtils";
 import HotkeyLabel from "./HotkeyLabel";
 import { ColorPaletteCustom } from "../../colors";
-import { t } from "../../i18n";
+import { TranslationKeys, t } from "../../i18n";
 
 interface PickerColorListProps {
   palette: ColorPaletteCustom;
@@ -48,7 +48,11 @@ const PickerColorList = ({
           (Array.isArray(value) ? value[activeShade] : value) || "transparent";
 
         const keybinding = colorPickerHotkeyBindings[index];
-        const label = t(`colors.${key.replace(/\d+/, "")}`, null, "");
+        const label = t(
+          `colors.${key.replace(/\d+/, "")}` as unknown as TranslationKeys,
+          null,
+          "",
+        );
 
         return (
           <button
diff --git a/src/components/ContextMenu.tsx b/src/components/ContextMenu.tsx
index b9cc7c3a6..42d654207 100644
--- a/src/components/ContextMenu.tsx
+++ b/src/components/ContextMenu.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { Popover } from "./Popover";
-import { t } from "../i18n";
+import { t, TranslationKeys } from "../i18n";
 
 import "./ContextMenu.scss";
 import {
@@ -83,10 +83,14 @@ export const ContextMenu = React.memo(
             if (item.contextItemLabel) {
               if (typeof item.contextItemLabel === "function") {
                 label = t(
-                  item.contextItemLabel(elements, appState, actionManager.app),
+                  item.contextItemLabel(
+                    elements,
+                    appState,
+                    actionManager.app,
+                  ) as unknown as TranslationKeys,
                 );
               } else {
-                label = t(item.contextItemLabel);
+                label = t(item.contextItemLabel as unknown as TranslationKeys);
               }
             }
 
diff --git a/src/components/Section.tsx b/src/components/Section.tsx
index 49f26d390..8cd0aaab5 100644
--- a/src/components/Section.tsx
+++ b/src/components/Section.tsx
@@ -3,7 +3,7 @@ import { t } from "../i18n";
 import { useExcalidrawContainer } from "./App";
 
 export const Section: React.FC<{
-  heading: string;
+  heading: "canvasActions" | "selectedShapeActions" | "shapes";
   children?: React.ReactNode | ((heading: React.ReactNode) => React.ReactNode);
   className?: string;
 }> = ({ heading, children, ...props }) => {
diff --git a/src/components/Trans.test.tsx b/src/components/Trans.test.tsx
index e3e9a462a..0c6786351 100644
--- a/src/components/Trans.test.tsx
+++ b/src/components/Trans.test.tsx
@@ -3,6 +3,7 @@ import { render } from "@testing-library/react";
 import fallbackLangData from "../locales/en.json";
 
 import Trans from "./Trans";
+import { TranslationKeys } from "../i18n";
 
 describe("Test <Trans/>", () => {
   it("should translate the the strings correctly", () => {
@@ -18,24 +19,27 @@ describe("Test <Trans/>", () => {
     const { getByTestId } = render(
       <>
         <div data-testid="test1">
-          <Trans i18nKey="transTest.key1" audience="world" />
+          <Trans
+            i18nKey={"transTest.key1" as unknown as TranslationKeys}
+            audience="world"
+          />
         </div>
         <div data-testid="test2">
           <Trans
-            i18nKey="transTest.key2"
+            i18nKey={"transTest.key2" as unknown as TranslationKeys}
             link={(el) => <a href="https://example.com">{el}</a>}
           />
         </div>
         <div data-testid="test3">
           <Trans
-            i18nKey="transTest.key3"
+            i18nKey={"transTest.key3" as unknown as TranslationKeys}
             link={(el) => <a href="https://example.com">{el}</a>}
             location="the button"
           />
         </div>
         <div data-testid="test4">
           <Trans
-            i18nKey="transTest.key4"
+            i18nKey={"transTest.key4" as unknown as TranslationKeys}
             link={(el) => <a href="https://example.com">{el}</a>}
             location="the button"
             bold={(el) => <strong>{el}</strong>}
@@ -43,7 +47,7 @@ describe("Test <Trans/>", () => {
         </div>
         <div data-testid="test5">
           <Trans
-            i18nKey="transTest.key5"
+            i18nKey={"transTest.key5" as unknown as TranslationKeys}
             connect-link={(el) => <a href="https://example.com">{el}</a>}
           />
         </div>
diff --git a/src/components/Trans.tsx b/src/components/Trans.tsx
index 189cda23c..f9318ca2b 100644
--- a/src/components/Trans.tsx
+++ b/src/components/Trans.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { useI18n } from "../i18n";
+import { TranslationKeys, useI18n } from "../i18n";
 
 // Used for splitting i18nKey into tokens in Trans component
 // Example:
@@ -153,7 +153,7 @@ const Trans = ({
   children,
   ...props
 }: {
-  i18nKey: string;
+  i18nKey: TranslationKeys;
   [key: string]: React.ReactNode | ((el: React.ReactNode) => React.ReactNode);
 }) => {
   const { t } = useI18n();
diff --git a/src/i18n.ts b/src/i18n.ts
index 7c688b210..3c6bf7fcc 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -3,6 +3,7 @@ import percentages from "./locales/percentages.json";
 import { ENV } from "./constants";
 import { jotaiScope, jotaiStore } from "./jotai";
 import { atom, useAtomValue } from "jotai";
+import { NestedKeyOf } from "./utility-types";
 
 const COMPLETION_THRESHOLD = 85;
 
@@ -12,6 +13,8 @@ export interface Language {
   rtl?: boolean;
 }
 
+export type TranslationKeys = NestedKeyOf<typeof fallbackLangData>;
+
 export const defaultLang = { code: "en", label: "English" };
 
 export const languages: Language[] = [
@@ -123,7 +126,7 @@ const findPartsForData = (data: any, parts: string[]) => {
 };
 
 export const t = (
-  path: string,
+  path: NestedKeyOf<typeof fallbackLangData>,
   replacement?: { [key: string]: string | number } | null,
   fallback?: string,
 ) => {
diff --git a/src/utility-types.ts b/src/utility-types.ts
index 047eceecf..860d818ef 100644
--- a/src/utility-types.ts
+++ b/src/utility-types.ts
@@ -50,3 +50,7 @@ export type ExtractSetType<T extends Set<any>> = T extends Set<infer U>
 
 export type SameType<T, U> = T extends U ? (U extends T ? true : false) : false;
 export type Assert<T extends true> = T;
+
+export type NestedKeyOf<T, K = keyof T> = K extends keyof T & (string | number)
+  ? `${K}` | (T[K] extends object ? `${K}.${NestedKeyOf<T[K]>}` : never)
+  : never;

From 41ed019bc29e25ff2b6f4372c2d5d66c11e024b6 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 21 Jul 2023 13:35:20 +0530
Subject: [PATCH 238/252] chore: remove size-limit deps from root package.json
 (#6790)

* chore: remove size-limit deps from root package.json

* add size limit preset
---
 package.json                         |   2 -
 src/packages/excalidraw/package.json |   1 +
 src/packages/excalidraw/yarn.lock    | 588 ++++++++++++++++++++++++++-
 yarn.lock                            | 496 +---------------------
 4 files changed, 590 insertions(+), 497 deletions(-)

diff --git a/package.json b/package.json
index a2fece255..d1198fa23 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,6 @@
   "devDependencies": {
     "@excalidraw/eslint-config": "1.0.0",
     "@excalidraw/prettier-config": "1.0.2",
-    "@size-limit/preset-big-lib": "8.2.4",
     "@types/chai": "4.3.0",
     "@types/jest": "27.4.0",
     "@types/lodash.throttle": "4.1.7",
@@ -93,7 +92,6 @@
     "pepjs": "0.5.3",
     "prettier": "2.6.2",
     "rewire": "6.0.0",
-    "size-limit": "8.2.4",
     "typescript": "4.9.4"
   },
   "engines": {
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 042fbd58c..a95aa6ab1 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -52,6 +52,7 @@
     "@babel/preset-env": "7.18.6",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
+    "@size-limit/preset-big-lib": "8.2.6",
     "autoprefixer": "10.4.7",
     "babel-loader": "8.2.5",
     "babel-plugin-transform-class-properties": "6.24.1",
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index e220725a8..8f56ed5a5 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -1027,7 +1027,7 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/resolve-uri@^3.0.3":
+"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
@@ -1045,11 +1045,27 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.5.tgz#a3bb4d5c6825aab0d281268f47f6ad5853431e91"
+  integrity sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
+"@jridgewell/trace-mapping@^0.3.17":
+  version "0.3.18"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
+  integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
+  dependencies:
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
+
 "@jridgewell/trace-mapping@^0.3.7", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
@@ -1089,6 +1105,46 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.11.tgz#aeb16f50649a91af79dbe36574b66d0f9e4d9f71"
   integrity sha512-3NsZsJIA/22P3QUyrEDNA2D133H4j224twJrdipXN38dpnIOzAbUDtOwkcJ5pXmn75w7LSQDjA4tO9dm1XlqlA==
 
+"@sitespeed.io/tracium@^0.3.3":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@sitespeed.io/tracium/-/tracium-0.3.3.tgz#b497a4a8d5837db1fd9e3053c99b78f6c0e1f53b"
+  integrity sha512-dNZafjM93Y+F+sfwTO5gTpsGXlnc/0Q+c2+62ViqP3gkMWvHEMSKkaEHgVJLcLg3i/g19GSIPziiKpgyne07Bw==
+  dependencies:
+    debug "^4.1.1"
+
+"@size-limit/file@8.2.6":
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/@size-limit/file/-/file-8.2.6.tgz#0e17045a0fa8009fc787c85e3c09f611316f908c"
+  integrity sha512-B7ayjxiJsbtXdIIWazJkB5gezi5WBMecdHTFPMDhI3NwEML1RVvUjAkrb1mPAAkIpt2LVHPnhdCUHjqDdjugwg==
+  dependencies:
+    semver "7.5.3"
+
+"@size-limit/preset-big-lib@8.2.6":
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/@size-limit/preset-big-lib/-/preset-big-lib-8.2.6.tgz#fbff51e7a03fc36b6b3d9103cbe5b3909e35a83e"
+  integrity sha512-63a+yos0QNMVCfx1OWnxBrdQVTlBVGzW5fDXwpWq/hKfP3B89XXHYGeL2Z2f8IXSVeGkAHXnDcTZyIPRaXffVg==
+  dependencies:
+    "@size-limit/file" "8.2.6"
+    "@size-limit/time" "8.2.6"
+    "@size-limit/webpack" "8.2.6"
+    size-limit "8.2.6"
+
+"@size-limit/time@8.2.6":
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/@size-limit/time/-/time-8.2.6.tgz#5d1912bcfc6437f6f59804737ad0538b25c207ed"
+  integrity sha512-fUEPvz7Uq6+oUQxSYbNlJt3tTgQBl1VY21USi/B7ebdnVKLnUx1JyPI9v7imN6XEkB2VpJtnYgjFeLgNrirzMA==
+  dependencies:
+    estimo "^2.3.6"
+    react "^17.0.2"
+
+"@size-limit/webpack@8.2.6":
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/@size-limit/webpack/-/webpack-8.2.6.tgz#3a3c98293b80f7c5fb6e8499199ae6f94f05b463"
+  integrity sha512-y2sB66m5sJxIjZ8SEAzpWbiw3/+bnQHDHfk9cSbV5ChKklq02AlYg8BS5KxGWmMpdyUo4TzpjSCP9oEudY+hxQ==
+  dependencies:
+    nanoid "^3.3.6"
+    webpack "^5.88.0"
+
 "@types/body-parser@*":
   version "1.19.2"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
@@ -1140,6 +1196,11 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
   integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
+"@types/estree@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
+  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
+
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
   version "4.17.27"
   resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.27.tgz#7a776191e47295d2a05962ecbb3a4ce97e38b401"
@@ -1240,6 +1301,13 @@
   dependencies:
     "@types/node" "*"
 
+"@types/yauzl@^2.9.1":
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.0.tgz#b3248295276cf8c6f153ebe6a9aba0c988cb2599"
+  integrity sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==
+  dependencies:
+    "@types/node" "*"
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -1248,21 +1316,44 @@
     "@webassemblyjs/helper-numbers" "1.11.1"
     "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
 
+"@webassemblyjs/ast@1.11.6", "@webassemblyjs/ast@^1.11.5":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.6.tgz#db046555d3c413f8966ca50a95176a0e2c642e24"
+  integrity sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+
 "@webassemblyjs/floating-point-hex-parser@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
   integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
 
+"@webassemblyjs/floating-point-hex-parser@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz#dacbcb95aff135c8260f77fa3b4c5fea600a6431"
+  integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==
+
 "@webassemblyjs/helper-api-error@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
   integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
 
+"@webassemblyjs/helper-api-error@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz#6132f68c4acd59dcd141c44b18cbebbd9f2fa768"
+  integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==
+
 "@webassemblyjs/helper-buffer@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
   integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
 
+"@webassemblyjs/helper-buffer@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz#b66d73c43e296fd5e88006f18524feb0f2c7c093"
+  integrity sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==
+
 "@webassemblyjs/helper-numbers@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
@@ -1272,11 +1363,25 @@
     "@webassemblyjs/helper-api-error" "1.11.1"
     "@xtuc/long" "4.2.2"
 
+"@webassemblyjs/helper-numbers@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz#cbce5e7e0c1bd32cf4905ae444ef64cea919f1b5"
+  integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.6"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@xtuc/long" "4.2.2"
+
 "@webassemblyjs/helper-wasm-bytecode@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
   integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
 
+"@webassemblyjs/helper-wasm-bytecode@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz#bb2ebdb3b83aa26d9baad4c46d4315283acd51e9"
+  integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==
+
 "@webassemblyjs/helper-wasm-section@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
@@ -1287,6 +1392,16 @@
     "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
     "@webassemblyjs/wasm-gen" "1.11.1"
 
+"@webassemblyjs/helper-wasm-section@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz#ff97f3863c55ee7f580fd5c41a381e9def4aa577"
+  integrity sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-buffer" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.11.6"
+
 "@webassemblyjs/ieee754@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
@@ -1294,6 +1409,13 @@
   dependencies:
     "@xtuc/ieee754" "^1.2.0"
 
+"@webassemblyjs/ieee754@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz#bb665c91d0b14fffceb0e38298c329af043c6e3a"
+  integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
 "@webassemblyjs/leb128@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
@@ -1301,11 +1423,23 @@
   dependencies:
     "@xtuc/long" "4.2.2"
 
+"@webassemblyjs/leb128@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.6.tgz#70e60e5e82f9ac81118bc25381a0b283893240d7"
+  integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
 "@webassemblyjs/utf8@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
   integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
 
+"@webassemblyjs/utf8@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.6.tgz#90f8bc34c561595fe156603be7253cdbcd0fab5a"
+  integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==
+
 "@webassemblyjs/wasm-edit@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
@@ -1320,6 +1454,20 @@
     "@webassemblyjs/wasm-parser" "1.11.1"
     "@webassemblyjs/wast-printer" "1.11.1"
 
+"@webassemblyjs/wasm-edit@^1.11.5":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz#c72fa8220524c9b416249f3d94c2958dfe70ceab"
+  integrity sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-buffer" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/helper-wasm-section" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.11.6"
+    "@webassemblyjs/wasm-opt" "1.11.6"
+    "@webassemblyjs/wasm-parser" "1.11.6"
+    "@webassemblyjs/wast-printer" "1.11.6"
+
 "@webassemblyjs/wasm-gen@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
@@ -1331,6 +1479,17 @@
     "@webassemblyjs/leb128" "1.11.1"
     "@webassemblyjs/utf8" "1.11.1"
 
+"@webassemblyjs/wasm-gen@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz#fb5283e0e8b4551cc4e9c3c0d7184a65faf7c268"
+  integrity sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
 "@webassemblyjs/wasm-opt@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
@@ -1341,6 +1500,16 @@
     "@webassemblyjs/wasm-gen" "1.11.1"
     "@webassemblyjs/wasm-parser" "1.11.1"
 
+"@webassemblyjs/wasm-opt@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz#d9a22d651248422ca498b09aa3232a81041487c2"
+  integrity sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-buffer" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.11.6"
+    "@webassemblyjs/wasm-parser" "1.11.6"
+
 "@webassemblyjs/wasm-parser@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
@@ -1353,6 +1522,18 @@
     "@webassemblyjs/leb128" "1.11.1"
     "@webassemblyjs/utf8" "1.11.1"
 
+"@webassemblyjs/wasm-parser@1.11.6", "@webassemblyjs/wasm-parser@^1.11.5":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz#bb85378c527df824004812bbdb784eea539174a1"
+  integrity sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
 "@webassemblyjs/wast-printer@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
@@ -1361,6 +1542,14 @@
     "@webassemblyjs/ast" "1.11.1"
     "@xtuc/long" "4.2.2"
 
+"@webassemblyjs/wast-printer@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz#a7bf8dd7e362aeb1668ff43f35cb849f188eff20"
+  integrity sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@xtuc/long" "4.2.2"
+
 "@webpack-cli/configtest@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-1.2.0.tgz#7b20ce1c12533912c3b217ea68262365fa29a6f5"
@@ -1409,6 +1598,11 @@ acorn-import-assertions@^1.7.6:
   resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.7.6.tgz#580e3ffcae6770eebeec76c3b9723201e9d01f78"
   integrity sha512-FlVvVFA1TX6l3lp8VjDnYYq7R1nyW6x3svAt4nDgrWQ9SBaSh9CnbwgSUTasgfNfOG5HlM1ehugCvM+hjo56LA==
 
+acorn-import-assertions@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac"
+  integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==
+
 acorn-walk@^8.0.0:
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.0.2.tgz#d4632bfc63fd93d0f15fd05ea0e984ffd3f5a8c3"
@@ -1419,6 +1613,18 @@ acorn@^8.0.4, acorn@^8.5.0, acorn@^8.7.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
+acorn@^8.8.2:
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
+  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
+
+agent-base@6:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+  dependencies:
+    debug "4"
+
 ajv-formats@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
@@ -1667,6 +1873,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+base64-js@^1.3.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
 batch@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
@@ -1682,6 +1893,15 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
 body-parser@1.20.0:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.0.tgz#3de69bd89011c11573d7bfee6a64f11b6bd27cc5"
@@ -1735,11 +1955,24 @@ browserslist@^4.14.5, browserslist@^4.20.2, browserslist@^4.20.3, browserslist@^
     node-releases "^2.0.5"
     update-browserslist-db "^1.0.4"
 
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
+buffer@^5.2.1, buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
 bytes-iec@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/bytes-iec/-/bytes-iec-3.1.1.tgz#94cd36bf95c2c22a82002c247df8772d1d591083"
@@ -1821,6 +2054,11 @@ chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
 chrome-trace-event@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
@@ -1876,6 +2114,11 @@ commander@^7.0.0, commander@^7.2.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
+commander@^9.1.0:
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
+  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
+
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -1976,6 +2219,13 @@ cross-env@7.0.3:
   dependencies:
     cross-spawn "^7.0.1"
 
+cross-fetch@3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
+  integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==
+  dependencies:
+    node-fetch "2.6.7"
+
 cross-spawn@^7.0.1, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -2011,6 +2261,13 @@ debug@2.6.9, debug@^2.6.8:
   dependencies:
     ms "2.0.0"
 
+debug@4, debug@4.3.4:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
 debug@^4.1.0, debug@^4.1.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
@@ -2057,6 +2314,11 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
   integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
 
+devtools-protocol@0.0.981744:
+  version "0.0.981744"
+  resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.981744.tgz#9960da0370284577d46c28979a0b32651022bacf"
+  integrity sha512-0cuGS8+jhR67Fy7qG3i3Pc7Aw494sb9yG9QgpG97SFVWwolgYjlhJg7n+UaHxOQT30d1TYu/EYe9k01ivLErIg==
+
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
@@ -2106,6 +2368,13 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
+end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
 enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
   version "5.12.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
@@ -2114,6 +2383,14 @@ enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+enhanced-resolve@^5.15.0:
+  version "5.15.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz#1af946c7d93603eb88e9896cee4904dc012e9c35"
+  integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
 envinfo@^7.7.3:
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.7.4.tgz#c6311cdd38a0e86808c1c9343f667e4267c4a320"
@@ -2131,6 +2408,11 @@ es-module-lexer@^0.9.0:
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
+es-module-lexer@^1.2.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.3.0.tgz#6be9c9e0b4543a60cd166ff6f8b4e9dae0b0c16f"
+  integrity sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -2161,6 +2443,17 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
+estimo@^2.3.6:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/estimo/-/estimo-2.3.6.tgz#af0ea229d82a642e89570616d4349b267642fd00"
+  integrity sha512-aPd3VTQAL1TyDyhFfn6fqBTJ9WvbRZVN4Z29Buk6+P6xsI0DuF5Mh3dGv6kYCUxWnZkB4Jt3aYglUxOtuwtxoA==
+  dependencies:
+    "@sitespeed.io/tracium" "^0.3.3"
+    commander "^9.1.0"
+    find-chrome-bin "0.1.0"
+    nanoid "^3.3.2"
+    puppeteer-core "^13.5.1"
+
 estraverse@^4.1.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
@@ -2243,6 +2536,17 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+extract-zip@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
+  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -2283,6 +2587,13 @@ faye-websocket@^0.11.3:
   dependencies:
     websocket-driver ">=0.5.1"
 
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
+  dependencies:
+    pend "~1.2.0"
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -2312,6 +2623,11 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
+find-chrome-bin@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/find-chrome-bin/-/find-chrome-bin-0.1.0.tgz#9fa3e6f86c275762c6d8be9da9af71e6fef05373"
+  integrity sha512-XoFZwaEn1R3pE6zNG8kH64l2e093hgB9+78eEKPmJK0o1EXEou+25cEWdtu2qq4DBQPDSe90VJAWVI2Sz9pX6Q==
+
 find-up@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
@@ -2340,6 +2656,11 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
+fs-constants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
+  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
+
 fs-monkey@1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
@@ -2374,6 +2695,13 @@ get-intrinsic@^1.0.2:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
 get-stream@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.0.tgz#3e0012cb6827319da2706e601a1583e8629a6718"
@@ -2537,6 +2865,14 @@ http-proxy@^1.18.1:
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
+https-proxy-agent@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
@@ -2554,6 +2890,11 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
 ignore@^5.2.0:
   version "5.2.4"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
@@ -2588,7 +2929,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -2759,7 +3100,7 @@ klona@^2.0.4, klona@^2.0.5:
   resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
   integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
 
-lilconfig@^2.0.6:
+lilconfig@^2.0.6, lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
   integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
@@ -2800,7 +3141,7 @@ lodash@^4.17.20, lodash@^4.17.4:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.0.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -2920,6 +3261,11 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
+mkdirp-classic@^0.5.2:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
+  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -2948,6 +3294,11 @@ nanoid@^3.3.1:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35"
   integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
 
+nanoid@^3.3.2, nanoid@^3.3.6:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
 nanospinner@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/nanospinner/-/nanospinner-1.1.0.tgz#d17ff621cb1784b0a206b400da88a0ef6db39b97"
@@ -2970,6 +3321,13 @@ neo-async@^2.6.2:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
+node-fetch@2.6.7:
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
+  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  dependencies:
+    whatwg-url "^5.0.0"
+
 node-forge@^1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
@@ -2997,6 +3355,11 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
 object-inspect@^1.9.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
@@ -3034,7 +3397,7 @@ on-headers@~1.0.2:
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
-once@^1.3.0:
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
@@ -3141,6 +3504,11 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -3156,7 +3524,7 @@ picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+pkg-dir@4.2.0, pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
   integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
@@ -3229,6 +3597,11 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
+progress@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
 proxy-addr@~2.0.7:
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
@@ -3237,11 +3610,42 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+proxy-from-env@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 punycode@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
+puppeteer-core@^13.5.1:
+  version "13.7.0"
+  resolved "https://registry.yarnpkg.com/puppeteer-core/-/puppeteer-core-13.7.0.tgz#3344bee3994163f49120a55ddcd144a40575ba5b"
+  integrity sha512-rXja4vcnAzFAP1OVLq/5dWNfwBGuzcOARJ6qGV7oAZhnLmVRU8G5MsdeQEAOy332ZhkIOnn9jp15R89LKHyp2Q==
+  dependencies:
+    cross-fetch "3.1.5"
+    debug "4.3.4"
+    devtools-protocol "0.0.981744"
+    extract-zip "2.0.1"
+    https-proxy-agent "5.0.1"
+    pkg-dir "4.2.0"
+    progress "2.0.3"
+    proxy-from-env "1.1.0"
+    rimraf "3.0.2"
+    tar-fs "2.1.1"
+    unbzip2-stream "1.4.3"
+    ws "8.5.0"
+
 qs@6.10.3:
   version "6.10.3"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
@@ -3276,6 +3680,14 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+react@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 readable-stream@^2.0.1:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
@@ -3298,6 +3710,15 @@ readable-stream@^3.0.6:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readable-stream@^3.1.1, readable-stream@^3.4.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -3410,7 +3831,7 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rimraf@^3.0.2:
+rimraf@3.0.2, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -3465,6 +3886,15 @@ schema-utils@^3.1.0, schema-utils@^3.1.1:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 schema-utils@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
@@ -3492,6 +3922,13 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
+semver@7.5.3:
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.3.tgz#161ce8c2c6b4b3bdca6caadc9fa3317a4c4fe88e"
+  integrity sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==
+  dependencies:
+    lru-cache "^6.0.0"
+
 semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -3530,6 +3967,13 @@ serialize-javascript@^6.0.0:
   dependencies:
     randombytes "^2.1.0"
 
+serialize-javascript@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
+  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
+  dependencies:
+    randombytes "^2.1.0"
+
 serve-index@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
@@ -3617,6 +4061,18 @@ size-limit@8.2.4:
     nanospinner "^1.1.0"
     picocolors "^1.0.0"
 
+size-limit@8.2.6:
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/size-limit/-/size-limit-8.2.6.tgz#e41dbc74a4d7fc13be72551b6ef31ea50007d18d"
+  integrity sha512-zpznim/tX/NegjoQuRKgWTF4XiB0cn2qt90uJzxYNTFAqexk4b94DOAkBD3TwhC6c3kw2r0KcnA5upziVMZqDg==
+  dependencies:
+    bytes-iec "^3.1.1"
+    chokidar "^3.5.3"
+    globby "^11.1.0"
+    lilconfig "^2.1.0"
+    nanospinner "^1.1.0"
+    picocolors "^1.0.0"
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -3739,6 +4195,27 @@ tapable@^2.1.1, tapable@^2.2.0:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.0.tgz#5c373d281d9c672848213d0e037d1c4165ab426b"
   integrity sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==
 
+tar-fs@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
+  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
+  dependencies:
+    chownr "^1.1.1"
+    mkdirp-classic "^0.5.2"
+    pump "^3.0.0"
+    tar-stream "^2.1.4"
+
+tar-stream@^2.1.4:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
 terser-webpack-plugin@5.3.3, terser-webpack-plugin@^5.1.3:
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.3.tgz#8033db876dd5875487213e87c627bca323e5ed90"
@@ -3750,6 +4227,27 @@ terser-webpack-plugin@5.3.3, terser-webpack-plugin@^5.1.3:
     serialize-javascript "^6.0.0"
     terser "^5.7.2"
 
+terser-webpack-plugin@^5.3.7:
+  version "5.3.9"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz#832536999c51b46d468067f9e37662a3b96adfe1"
+  integrity sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.1"
+    terser "^5.16.8"
+
+terser@^5.16.8:
+  version "5.19.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.19.1.tgz#dbd7231f224a9e2401d0f0959542ed74d76d340b"
+  integrity sha512-27hxBUVdV6GoNg1pKQ7Z5cbR6V9txPVyBA+FQw3BaZ1Wuzvztce5p156DaP0NVZNrMZZ+6iG9Syf7WgMNKDg2Q==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
 terser@^5.7.2:
   version "5.14.2"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.14.2.tgz#9ac9f22b06994d736174f4091aa368db896f1c10"
@@ -3760,6 +4258,11 @@ terser@^5.7.2:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
+through@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
+
 thunky@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
@@ -3792,6 +4295,11 @@ totalist@^1.0.0:
   resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
   integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
 
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
 ts-loader@9.3.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.3.1.tgz#fe25cca56e3e71c1087fe48dc67f4df8c59b22d4"
@@ -3820,6 +4328,14 @@ typescript@4.9.4:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
   integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
 
+unbzip2-stream@1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7"
+  integrity sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==
+  dependencies:
+    buffer "^5.2.1"
+    through "^2.3.8"
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -3903,6 +4419,11 @@ wbuf@^1.1.0, wbuf@^1.7.3:
   dependencies:
     minimalistic-assert "^1.0.0"
 
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+
 webpack-bundle-analyzer@4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.5.0.tgz#1b0eea2947e73528754a6f9af3e91b2b6e0f79d5"
@@ -4025,6 +4546,36 @@ webpack@5.76.0:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
+webpack@^5.88.0:
+  version "5.88.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.88.2.tgz#f62b4b842f1c6ff580f3fcb2ed4f0b579f4c210e"
+  integrity sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==
+  dependencies:
+    "@types/eslint-scope" "^3.7.3"
+    "@types/estree" "^1.0.0"
+    "@webassemblyjs/ast" "^1.11.5"
+    "@webassemblyjs/wasm-edit" "^1.11.5"
+    "@webassemblyjs/wasm-parser" "^1.11.5"
+    acorn "^8.7.1"
+    acorn-import-assertions "^1.9.0"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.15.0"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.2.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.7"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
 websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
@@ -4039,6 +4590,14 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -4056,6 +4615,11 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
+ws@8.5.0:
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.5.0.tgz#bfb4be96600757fe5382de12c670dab984a1ed4f"
+  integrity sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==
+
 ws@^7.3.1:
   version "7.4.6"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.6.tgz#5654ca8ecdeee47c33a9a4bf6d28e2be2980377c"
@@ -4075,3 +4639,11 @@ yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
diff --git a/yarn.lock b/yarn.lock
index ef81ff60f..106f6974f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2329,45 +2329,6 @@
   dependencies:
     "@sinonjs/commons" "^1.7.0"
 
-"@sitespeed.io/tracium@^0.3.3":
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/@sitespeed.io/tracium/-/tracium-0.3.3.tgz#b497a4a8d5837db1fd9e3053c99b78f6c0e1f53b"
-  integrity sha512-dNZafjM93Y+F+sfwTO5gTpsGXlnc/0Q+c2+62ViqP3gkMWvHEMSKkaEHgVJLcLg3i/g19GSIPziiKpgyne07Bw==
-  dependencies:
-    debug "^4.1.1"
-
-"@size-limit/file@8.2.4":
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/@size-limit/file/-/file-8.2.4.tgz#3624527cc9644c700697322d533e157b4a809a2b"
-  integrity sha512-xLuF97W7m7lxrRJvqXRlxO/4t7cpXtfxOnjml/t4aRVUCMXLdyvebRr9OM4jjoK8Fmiz8jomCbETUCI3jVhLzA==
-  dependencies:
-    semver "7.3.8"
-
-"@size-limit/preset-big-lib@8.2.4":
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/@size-limit/preset-big-lib/-/preset-big-lib-8.2.4.tgz#875a0f77ac23dab99b338ff65f4f87d665c66eb9"
-  integrity sha512-J4PTiJATEO/zoXF3tsSUy4KztvVuCw1g9ukRuDHYA+p1YYVViO4fDiSlnw4nBLN2lZoGdfQVOg12G7ta3+WwSA==
-  dependencies:
-    "@size-limit/file" "8.2.4"
-    "@size-limit/time" "8.2.4"
-    "@size-limit/webpack" "8.2.4"
-
-"@size-limit/time@8.2.4":
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/@size-limit/time/-/time-8.2.4.tgz#e72372b77b667b4cebd84c32f66cda86efd05985"
-  integrity sha512-tQ5EFlN/AY8RLIJxURVfiwJpO4Q9UihtfE6c14fXL9Jy/wl2hZEhkFrUhRayNDvnZW8HWNko1Hmt7dLsY3iF8A==
-  dependencies:
-    estimo "^2.3.6"
-    react "^17.0.2"
-
-"@size-limit/webpack@8.2.4":
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/@size-limit/webpack/-/webpack-8.2.4.tgz#e0dfb99f69236ec6b59b5d2df674ac8242fe8bb6"
-  integrity sha512-L6TSQpX89cSeWQ1BL31BsaYucao0MGNW1xySHVO7jlgmOwnHC7j5zq91QRN9G6eMG84W+F3uRV4AiyCdZxKz9g==
-  dependencies:
-    nanoid "^3.3.4"
-    webpack "^5.75.0"
-
 "@surma/rollup-plugin-off-main-thread@^2.2.3":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
@@ -2638,11 +2599,6 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
   integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
-"@types/estree@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
-  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
-
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
   version "4.17.33"
   resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
@@ -2931,13 +2887,6 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@types/yauzl@^2.9.1":
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.0.tgz#b3248295276cf8c6f153ebe6a9aba0c988cb2599"
-  integrity sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==
-  dependencies:
-    "@types/node" "*"
-
 "@typescript-eslint/eslint-plugin@^5.5.0":
   version "5.58.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.58.0.tgz#b1d4b0ad20243269d020ef9bbb036a40b0849829"
@@ -3037,44 +2986,21 @@
     "@webassemblyjs/helper-numbers" "1.11.1"
     "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
 
-"@webassemblyjs/ast@1.11.5", "@webassemblyjs/ast@^1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.5.tgz#6e818036b94548c1fb53b754b5cae3c9b208281c"
-  integrity sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==
-  dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.5"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
-
 "@webassemblyjs/floating-point-hex-parser@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
   integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
 
-"@webassemblyjs/floating-point-hex-parser@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz#e85dfdb01cad16b812ff166b96806c050555f1b4"
-  integrity sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==
-
 "@webassemblyjs/helper-api-error@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
   integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
 
-"@webassemblyjs/helper-api-error@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz#1e82fa7958c681ddcf4eabef756ce09d49d442d1"
-  integrity sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==
-
 "@webassemblyjs/helper-buffer@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
   integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
 
-"@webassemblyjs/helper-buffer@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz#91381652ea95bb38bbfd270702351c0c89d69fba"
-  integrity sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==
-
 "@webassemblyjs/helper-numbers@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
@@ -3084,25 +3010,11 @@
     "@webassemblyjs/helper-api-error" "1.11.1"
     "@xtuc/long" "4.2.2"
 
-"@webassemblyjs/helper-numbers@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz#23380c910d56764957292839006fecbe05e135a9"
-  integrity sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==
-  dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.5"
-    "@webassemblyjs/helper-api-error" "1.11.5"
-    "@xtuc/long" "4.2.2"
-
 "@webassemblyjs/helper-wasm-bytecode@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
   integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
 
-"@webassemblyjs/helper-wasm-bytecode@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz#e258a25251bc69a52ef817da3001863cc1c24b9f"
-  integrity sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==
-
 "@webassemblyjs/helper-wasm-section@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
@@ -3113,16 +3025,6 @@
     "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
     "@webassemblyjs/wasm-gen" "1.11.1"
 
-"@webassemblyjs/helper-wasm-section@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz#966e855a6fae04d5570ad4ec87fbcf29b42ba78e"
-  integrity sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.5"
-    "@webassemblyjs/helper-buffer" "1.11.5"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
-    "@webassemblyjs/wasm-gen" "1.11.5"
-
 "@webassemblyjs/ieee754@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
@@ -3130,13 +3032,6 @@
   dependencies:
     "@xtuc/ieee754" "^1.2.0"
 
-"@webassemblyjs/ieee754@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz#b2db1b33ce9c91e34236194c2b5cba9b25ca9d60"
-  integrity sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==
-  dependencies:
-    "@xtuc/ieee754" "^1.2.0"
-
 "@webassemblyjs/leb128@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
@@ -3144,23 +3039,11 @@
   dependencies:
     "@xtuc/long" "4.2.2"
 
-"@webassemblyjs/leb128@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.5.tgz#482e44d26b6b949edf042a8525a66c649e38935a"
-  integrity sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
 "@webassemblyjs/utf8@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
   integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
 
-"@webassemblyjs/utf8@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.5.tgz#83bef94856e399f3740e8df9f63bc47a987eae1a"
-  integrity sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==
-
 "@webassemblyjs/wasm-edit@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
@@ -3175,20 +3058,6 @@
     "@webassemblyjs/wasm-parser" "1.11.1"
     "@webassemblyjs/wast-printer" "1.11.1"
 
-"@webassemblyjs/wasm-edit@^1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz#93ee10a08037657e21c70de31c47fdad6b522b2d"
-  integrity sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.5"
-    "@webassemblyjs/helper-buffer" "1.11.5"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
-    "@webassemblyjs/helper-wasm-section" "1.11.5"
-    "@webassemblyjs/wasm-gen" "1.11.5"
-    "@webassemblyjs/wasm-opt" "1.11.5"
-    "@webassemblyjs/wasm-parser" "1.11.5"
-    "@webassemblyjs/wast-printer" "1.11.5"
-
 "@webassemblyjs/wasm-gen@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
@@ -3200,17 +3069,6 @@
     "@webassemblyjs/leb128" "1.11.1"
     "@webassemblyjs/utf8" "1.11.1"
 
-"@webassemblyjs/wasm-gen@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz#ceb1c82b40bf0cf67a492c53381916756ef7f0b1"
-  integrity sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.5"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
-    "@webassemblyjs/ieee754" "1.11.5"
-    "@webassemblyjs/leb128" "1.11.5"
-    "@webassemblyjs/utf8" "1.11.5"
-
 "@webassemblyjs/wasm-opt@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
@@ -3221,16 +3079,6 @@
     "@webassemblyjs/wasm-gen" "1.11.1"
     "@webassemblyjs/wasm-parser" "1.11.1"
 
-"@webassemblyjs/wasm-opt@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz#b52bac29681fa62487e16d3bb7f0633d5e62ca0a"
-  integrity sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.5"
-    "@webassemblyjs/helper-buffer" "1.11.5"
-    "@webassemblyjs/wasm-gen" "1.11.5"
-    "@webassemblyjs/wasm-parser" "1.11.5"
-
 "@webassemblyjs/wasm-parser@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
@@ -3243,18 +3091,6 @@
     "@webassemblyjs/leb128" "1.11.1"
     "@webassemblyjs/utf8" "1.11.1"
 
-"@webassemblyjs/wasm-parser@1.11.5", "@webassemblyjs/wasm-parser@^1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz#7ba0697ca74c860ea13e3ba226b29617046982e2"
-  integrity sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.5"
-    "@webassemblyjs/helper-api-error" "1.11.5"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.5"
-    "@webassemblyjs/ieee754" "1.11.5"
-    "@webassemblyjs/leb128" "1.11.5"
-    "@webassemblyjs/utf8" "1.11.5"
-
 "@webassemblyjs/wast-printer@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
@@ -3263,14 +3099,6 @@
     "@webassemblyjs/ast" "1.11.1"
     "@xtuc/long" "4.2.2"
 
-"@webassemblyjs/wast-printer@1.11.5":
-  version "1.11.5"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz#7a5e9689043f3eca82d544d7be7a8e6373a6fa98"
-  integrity sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.5"
-    "@xtuc/long" "4.2.2"
-
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -3812,11 +3640,6 @@ base64-arraybuffer@0.1.4:
   resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz#9818c79e059b1355f97e0428a017c838e90ba812"
   integrity sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==
 
-base64-js@^1.3.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
-
 basic-auth@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/basic-auth/-/basic-auth-2.0.1.tgz#b998279bf47ce38344b4f3cf916d4679bbf51e3a"
@@ -3849,15 +3672,6 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bl@^4.0.3:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
-  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
 blob@0.0.5:
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
@@ -3950,34 +3764,16 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
-buffer-crc32@~0.2.3:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
-  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
-
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
-buffer@^5.2.1, buffer@^5.5.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.1.13"
-
 builtin-modules@^3.1.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-bytes-iec@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/bytes-iec/-/bytes-iec-3.1.1.tgz#94cd36bf95c2c22a82002c247df8772d1d591083"
-  integrity sha512-fey6+4jDK7TFtFg/klGSvNKJctyU7n2aQdnM+CO0ruLPbqqMOM8Tio0Pc+deqUeVKX1tL5DQep1zQ7+37aTAsA==
-
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -4122,11 +3918,6 @@ check-types@^11.1.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chownr@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
-
 chrome-trace-event@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
@@ -4271,11 +4062,6 @@ commander@^8.3.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
-commander@^9.1.0:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
-  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
-
 common-path-prefix@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
@@ -4434,13 +4220,6 @@ cross-env@7.0.3:
   dependencies:
     cross-spawn "^7.0.1"
 
-cross-fetch@3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
-  integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==
-  dependencies:
-    node-fetch "2.6.7"
-
 cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -4685,7 +4464,7 @@ debug@2.6.9, debug@^2.6.0:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@4.3.4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -4824,11 +4603,6 @@ detect-port-alt@^1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
-devtools-protocol@0.0.981744:
-  version "0.0.981744"
-  resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.981744.tgz#9960da0370284577d46c28979a0b32651022bacf"
-  integrity sha512-0cuGS8+jhR67Fy7qG3i3Pc7Aw494sb9yG9QgpG97SFVWwolgYjlhJg7n+UaHxOQT30d1TYu/EYe9k01ivLErIg==
-
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -5044,13 +4818,6 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
-end-of-stream@^1.1.0, end-of-stream@^1.4.1:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-  dependencies:
-    once "^1.4.0"
-
 engine.io-client@~3.4.0:
   version "3.4.4"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.4.tgz#77d8003f502b0782dd792b073a4d2cf7ca5ab967"
@@ -5087,14 +4854,6 @@ enhanced-resolve@^5.10.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-enhanced-resolve@^5.13.0:
-  version "5.13.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz#26d1ecc448c02de997133217b5c1053f34a0a275"
-  integrity sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -5186,11 +4945,6 @@ es-module-lexer@^0.9.0:
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
-es-module-lexer@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
-  integrity sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==
-
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -5570,17 +5324,6 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estimo@^2.3.6:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/estimo/-/estimo-2.3.6.tgz#af0ea229d82a642e89570616d4349b267642fd00"
-  integrity sha512-aPd3VTQAL1TyDyhFfn6fqBTJ9WvbRZVN4Z29Buk6+P6xsI0DuF5Mh3dGv6kYCUxWnZkB4Jt3aYglUxOtuwtxoA==
-  dependencies:
-    "@sitespeed.io/tracium" "^0.3.3"
-    commander "^9.1.0"
-    find-chrome-bin "0.1.0"
-    nanoid "^3.3.2"
-    puppeteer-core "^13.5.1"
-
 estraverse@^4.1.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
@@ -5694,17 +5437,6 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-extract-zip@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
-  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
-  dependencies:
-    debug "^4.1.1"
-    get-stream "^5.1.0"
-    yauzl "^2.10.0"
-  optionalDependencies:
-    "@types/yauzl" "^2.9.1"
-
 fake-indexeddb@3.1.7:
   version "3.1.7"
   resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-3.1.7.tgz#d9efbeade113c15efbe862e4598a4b0a1797ed9f"
@@ -5771,13 +5503,6 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-fd-slicer@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
-  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
-  dependencies:
-    pend "~1.2.0"
-
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -5834,11 +5559,6 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-chrome-bin@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/find-chrome-bin/-/find-chrome-bin-0.1.0.tgz#9fa3e6f86c275762c6d8be9da9af71e6fef05373"
-  integrity sha512-XoFZwaEn1R3pE6zNG8kH64l2e093hgB9+78eEKPmJK0o1EXEou+25cEWdtu2qq4DBQPDSe90VJAWVI2Sz9pX6Q==
-
 find-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -5950,11 +5670,6 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
-fs-constants@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
-  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
-
 fs-extra@^10.0.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
@@ -6053,13 +5768,6 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
-get-stream@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
-  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
-  dependencies:
-    pump "^3.0.0"
-
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -6417,7 +6125,7 @@ http-server@14.1.1:
     union "~0.5.0"
     url-join "^4.0.1"
 
-https-proxy-agent@5.0.1, https-proxy-agent@^5.0.0:
+https-proxy-agent@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -6485,11 +6193,6 @@ identity-obj-proxy@^3.0.0:
   dependencies:
     harmony-reflect "^1.4.6"
 
-ieee754@^1.1.13:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
@@ -7981,11 +7684,6 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-mkdirp-classic@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
-  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
-
 mkdirp@^0.5.6, mkdirp@~0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
@@ -8045,18 +7743,11 @@ nanoid@3.3.3:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
   integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
 
-nanoid@^3.3.2, nanoid@^3.3.4:
+nanoid@^3.3.4:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
-nanospinner@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/nanospinner/-/nanospinner-1.1.0.tgz#d17ff621cb1784b0a206b400da88a0ef6db39b97"
-  integrity sha512-yFvNYMig4AthKYfHFl1sLj7B2nkHL4lzdig4osvl9/LdGbXwrdFRoqBS98gsEsOakr0yH+r5NZ/1Y9gdVB8trA==
-  dependencies:
-    picocolors "^1.0.0"
-
 natural-compare-lite@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
@@ -8090,13 +7781,6 @@ node-fetch@2.6.1:
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
-node-fetch@2.6.7:
-  version "2.6.7"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
-  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
-  dependencies:
-    whatwg-url "^5.0.0"
-
 node-forge@^1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
@@ -8253,7 +7937,7 @@ on-headers@~1.0.2:
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
+once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
@@ -8468,11 +8152,6 @@ pathval@^1.1.1:
   resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
   integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
 
-pend@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
-  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
-
 pepjs@0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/pepjs/-/pepjs-0.5.3.tgz#dc755f03d965c20e4b1bb65e42a03a97c382cfc7"
@@ -8529,7 +8208,7 @@ pirates@^4.0.1, pirates@^4.0.4:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
-pkg-dir@4.2.0, pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
   integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
@@ -9205,7 +8884,7 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-progress@2.0.3, progress@^2.0.0:
+progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
@@ -9284,47 +8963,16 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
-proxy-from-env@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
-
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
-pump@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
-  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
 punycode@^2.1.0, punycode@^2.1.1:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
 
-puppeteer-core@^13.5.1:
-  version "13.7.0"
-  resolved "https://registry.yarnpkg.com/puppeteer-core/-/puppeteer-core-13.7.0.tgz#3344bee3994163f49120a55ddcd144a40575ba5b"
-  integrity sha512-rXja4vcnAzFAP1OVLq/5dWNfwBGuzcOARJ6qGV7oAZhnLmVRU8G5MsdeQEAOy332ZhkIOnn9jp15R89LKHyp2Q==
-  dependencies:
-    cross-fetch "3.1.5"
-    debug "4.3.4"
-    devtools-protocol "0.0.981744"
-    extract-zip "2.0.1"
-    https-proxy-agent "5.0.1"
-    pkg-dir "4.2.0"
-    progress "2.0.3"
-    proxy-from-env "1.1.0"
-    rimraf "3.0.2"
-    tar-fs "2.1.1"
-    unbzip2-stream "1.4.3"
-    ws "8.5.0"
-
 pwacompat@2.0.17:
   version "2.0.17"
   resolved "https://registry.yarnpkg.com/pwacompat/-/pwacompat-2.0.17.tgz#707959ff97f239bf1fe7b260b63aeea416a15eab"
@@ -9558,14 +9206,6 @@ react@18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
-react@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
-  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@@ -9586,7 +9226,7 @@ readable-stream@^2.0.1:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0:
+readable-stream@^3.0.6:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -9801,7 +9441,7 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rimraf@3.0.2, rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -9945,15 +9585,6 @@ schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
-schema-utils@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.2.tgz#36c10abca6f7577aeae136c804b0c741edeadc99"
-  integrity sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
 schema-utils@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
@@ -9981,13 +9612,6 @@ selfsigned@^2.1.1:
   dependencies:
     node-forge "^1"
 
-semver@7.3.8:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
-  dependencies:
-    lru-cache "^6.0.0"
-
 semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -10102,18 +9726,6 @@ sisteransi@^1.0.5:
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
   integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
-size-limit@8.2.4:
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/size-limit/-/size-limit-8.2.4.tgz#0ab0df7cbc89007d544a50b451f5fb4d110694ca"
-  integrity sha512-Un16nSreD1v2CYwSorattiJcHuAWqXvg4TsGgzpjnoByqQwsSfCIEQHuaD14HNStzredR8cdsO9oGH91ibypTA==
-  dependencies:
-    bytes-iec "^3.1.1"
-    chokidar "^3.5.3"
-    globby "^11.1.0"
-    lilconfig "^2.0.6"
-    nanospinner "^1.1.0"
-    picocolors "^1.0.0"
-
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -10621,27 +10233,6 @@ tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
-tar-fs@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
-  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
-  dependencies:
-    chownr "^1.1.1"
-    mkdirp-classic "^0.5.2"
-    pump "^3.0.0"
-    tar-stream "^2.1.4"
-
-tar-stream@^2.1.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
-  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
-  dependencies:
-    bl "^4.0.3"
-    end-of-stream "^1.4.1"
-    fs-constants "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^3.1.1"
-
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
@@ -10665,7 +10256,7 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5, terser-webpack-plugin@^5.3.7:
+terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
   version "5.3.7"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz#ef760632d24991760f339fe9290deb936ad1ffc7"
   integrity sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==
@@ -10790,11 +10381,6 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
-tr46@~0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
-
 tryer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
@@ -10926,14 +10512,6 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
-unbzip2-stream@1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7"
-  integrity sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==
-  dependencies:
-    buffer "^5.2.1"
-    through "^2.3.8"
-
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -11134,11 +10712,6 @@ wbuf@^1.1.0, wbuf@^1.7.3:
   dependencies:
     minimalistic-assert "^1.0.0"
 
-webidl-conversions@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
-
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
@@ -11260,36 +10833,6 @@ webpack@^5.64.4:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
-webpack@^5.75.0:
-  version "5.81.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.81.0.tgz#27a2e8466c8b4820d800a8d90f06ef98294f9956"
-  integrity sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==
-  dependencies:
-    "@types/eslint-scope" "^3.7.3"
-    "@types/estree" "^1.0.0"
-    "@webassemblyjs/ast" "^1.11.5"
-    "@webassemblyjs/wasm-edit" "^1.11.5"
-    "@webassemblyjs/wasm-parser" "^1.11.5"
-    acorn "^8.7.1"
-    acorn-import-assertions "^1.7.6"
-    browserslist "^4.14.5"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.13.0"
-    es-module-lexer "^1.2.1"
-    eslint-scope "5.1.1"
-    events "^3.2.0"
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.9"
-    json-parse-even-better-errors "^2.3.1"
-    loader-runner "^4.2.0"
-    mime-types "^2.1.27"
-    neo-async "^2.6.2"
-    schema-utils "^3.1.2"
-    tapable "^2.1.1"
-    terser-webpack-plugin "^5.3.7"
-    watchpack "^2.4.0"
-    webpack-sources "^3.2.3"
-
 websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
@@ -11338,14 +10881,6 @@ whatwg-mimetype@^2.3.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
-whatwg-url@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
-  dependencies:
-    tr46 "~0.0.3"
-    webidl-conversions "^3.0.0"
-
 whatwg-url@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
@@ -11618,11 +11153,6 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
-ws@8.5.0:
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.5.0.tgz#bfb4be96600757fe5382de12c670dab984a1ed4f"
-  integrity sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==
-
 ws@^7.4.6:
   version "7.5.9"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
@@ -11698,14 +11228,6 @@ yargs@^16.2.0:
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
 
-yauzl@^2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
-  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
-  dependencies:
-    buffer-crc32 "~0.2.3"
-    fd-slicer "~1.1.0"
-
 yeast@0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"

From e57dc405fa575a330110699ee762dce5918e9e04 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 21 Jul 2023 13:48:48 +0530
Subject: [PATCH 239/252] chore: add style-loader as deps instead of using from
 react-scripts (#6791)

---
 src/packages/excalidraw/package.json | 1 +
 src/packages/excalidraw/yarn.lock    | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index a95aa6ab1..b3b9d6f03 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -63,6 +63,7 @@
     "postcss-loader": "7.0.1",
     "sass-loader": "13.0.2",
     "size-limit": "8.2.4",
+    "style-loader": "3.3.3",
     "terser-webpack-plugin": "5.3.3",
     "ts-loader": "9.3.1",
     "typescript": "4.9.4",
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 8f56ed5a5..43dc27cb8 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -4164,6 +4164,11 @@ strip-final-newline@^2.0.0:
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
   integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
 
+style-loader@3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.3.tgz#bba8daac19930169c0c9c96706749a597ae3acff"
+  integrity sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==
+
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"

From d36c72c435060a913f9c0045b4f572cc2e42d882 Mon Sep 17 00:00:00 2001
From: Guilherme Minozzi <minozzi60@gmail.com>
Date: Mon, 24 Jul 2023 04:03:54 -0300
Subject: [PATCH 240/252] fix: don't show `canvasBackground` label when
 `UIOptions.canvasActions.changeViewBackgroundColor` is false (#6781)

* fix(components/main-menu): not show canvasBackground

* chore(components/main-menu): add data-testid attr to canvasBackground label

* test(tests/packages/excalidraw): check whether canvasbackground label is rendered when changeviewbackground is false

* test: update snapshots

* fix(tests/packages/excalidraw): change to lowercase canvas background test id

* change to pull request target for size-limit

* Revert "change to pull request target for size-limit"

This reverts commit baf1ca2677be4b51c6666522387ab9da9ac9f9d1.

* Add test

---------

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/components/main-menu/DefaultItems.tsx       | 12 ++++++++++--
 src/packages/excalidraw/example/App.tsx         |  6 +++++-
 .../__snapshots__/excalidraw.test.tsx.snap      |  1 +
 src/tests/packages/excalidraw.test.tsx          | 17 +++++++++++++++++
 4 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/components/main-menu/DefaultItems.tsx b/src/components/main-menu/DefaultItems.tsx
index 919443d12..2908d6b47 100644
--- a/src/components/main-menu/DefaultItems.tsx
+++ b/src/components/main-menu/DefaultItems.tsx
@@ -4,6 +4,7 @@ import {
   useExcalidrawSetAppState,
   useExcalidrawActionManager,
   useExcalidrawElements,
+  useAppProps,
 } from "../App";
 import {
   ExportIcon,
@@ -198,13 +199,20 @@ export const ChangeCanvasBackground = () => {
   const { t } = useI18n();
   const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
+  const appProps = useAppProps();
 
-  if (appState.viewModeEnabled) {
+  if (
+    appState.viewModeEnabled ||
+    !appProps.UIOptions.canvasActions.changeViewBackgroundColor
+  ) {
     return null;
   }
   return (
     <div style={{ marginTop: "0.5rem" }}>
-      <div style={{ fontSize: ".75rem", marginBottom: ".5rem" }}>
+      <div
+        data-testid="canvas-background-label"
+        style={{ fontSize: ".75rem", marginBottom: ".5rem" }}
+      >
         {t("labels.canvasBackground")}
       </div>
       <div style={{ padding: "0 0.625rem" }}>
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 7f17b292f..8240de887 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -678,7 +678,11 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
             gridModeEnabled={gridModeEnabled}
             theme={theme}
             name="Custom name of drawing"
-            UIOptions={{ canvasActions: { loadScene: false } }}
+            UIOptions={{
+              canvasActions: {
+                loadScene: false,
+              },
+            }}
             renderTopRightUI={renderTopRightUI}
             onLinkOpen={onLinkOpen}
             onPointerDown={onPointerDown}
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index 4caa6c6dd..d026b21ef 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -516,6 +516,7 @@ exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu
       style="margin-top: 0.5rem;"
     >
       <div
+        data-testid="canvas-background-label"
         style="font-size: .75rem; margin-bottom: .5rem;"
       >
         Canvas background
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 91fd9c09f..069f9c000 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -199,6 +199,23 @@ describe("<Excalidraw/>", () => {
         );
         //open menu
         toggleMenu(container);
+        expect(queryByTestId(container, "canvas-background-label")).toBeNull();
+        expect(queryByTestId(container, "canvas-background-picker")).toBeNull();
+      });
+
+      it("should hide the canvas background picker even if passed if the `canvasActions.changeViewBackgroundColor` is set to false", async () => {
+        const { container } = await render(
+          <Excalidraw
+            UIOptions={{ canvasActions: { changeViewBackgroundColor: false } }}
+          >
+            <MainMenu>
+              <MainMenu.DefaultItems.ChangeCanvasBackground />
+            </MainMenu>
+          </Excalidraw>,
+        );
+        //open menu
+        toggleMenu(container);
+        expect(queryByTestId(container, "canvas-background-label")).toBeNull();
         expect(queryByTestId(container, "canvas-background-picker")).toBeNull();
       });
 

From 744e5b2ab34d56dbddf685ad274d67e49f8f9568 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Mon, 24 Jul 2023 13:01:42 +0530
Subject: [PATCH 241/252] fix: use pull request in semantic workflow for better
 security (#6799)

* fix: use pull request in semantic workflow for security

* add types
---
 .github/workflows/semantic-pr-title.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/semantic-pr-title.yml b/.github/workflows/semantic-pr-title.yml
index 8980fc68e..969d23640 100644
--- a/.github/workflows/semantic-pr-title.yml
+++ b/.github/workflows/semantic-pr-title.yml
@@ -1,7 +1,7 @@
 name: Semantic PR title
 
 on:
-  pull_request_target:
+  pull_request:
     types:
       - opened
       - edited

From b57b3b573da874f7527589c10632ec936c1962d2 Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Mon, 24 Jul 2023 16:51:53 +0200
Subject: [PATCH 242/252] feat: introducing Web-Embeds (alias iframe element)
 (#6691)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .../excalidraw/api/props/props.mdx            |  12 +-
 .../excalidraw/api/props/render-props.mdx     |  13 +
 src/actions/actionAddToLibrary.ts             |  20 +-
 src/actions/actionCanvas.tsx                  |   2 +
 src/actions/actionDeleteSelected.tsx          |   1 +
 src/actions/actionFinalize.tsx                |   1 +
 src/actions/types.ts                          |   1 +
 src/appState.ts                               |   2 +
 src/colors.ts                                 |   2 +-
 src/components/Actions.tsx                    | 116 +++-
 src/components/App.tsx                        | 657 ++++++++++++++++--
 src/components/EyeDropper.tsx                 |   2 +-
 src/components/HintViewer.tsx                 |   4 +
 src/components/LibraryMenu.tsx                |  13 +-
 src/components/LibraryUnit.scss               |   5 +
 src/components/icons.tsx                      |   8 +
 src/constants.ts                              |  14 +-
 src/css/styles.scss                           |  43 ++
 src/data/restore.ts                           |   5 +
 src/data/url.ts                               |  26 +
 src/element/Hyperlink.scss                    |   4 -
 src/element/Hyperlink.tsx                     | 168 ++++-
 src/element/collision.ts                      |  20 +-
 src/element/embeddable.ts                     | 329 +++++++++
 src/element/newElement.ts                     |  15 +-
 src/element/showSelectedShapeActions.ts       |  14 +-
 src/element/typeChecks.ts                     |  23 +-
 src/element/types.ts                          |  15 +
 src/excalidraw-app/index.tsx                  |  37 +-
 src/hooks/useLibraryItemSvg.ts                |   1 +
 src/keys.ts                                   |   1 +
 src/locales/en.json                           |  20 +-
 src/packages/excalidraw/CHANGELOG.md          |  19 +
 src/packages/excalidraw/example/App.tsx       |  12 +-
 src/packages/excalidraw/index.tsx             |   4 +
 src/packages/utils.ts                         |   3 +
 src/renderer/renderElement.ts                 | 169 ++++-
 src/renderer/renderScene.ts                   | 208 ++++--
 src/scene/comparisons.ts                      |  28 +-
 src/scene/export.ts                           |   2 +
 .../__snapshots__/contextmenu.test.tsx.snap   |  17 +
 .../regressionTests.test.tsx.snap             |  53 ++
 src/tests/data/restore.test.ts                |   2 +-
 src/tests/fixtures/elementFixture.ts          |   4 +
 src/tests/helpers/api.ts                      |   3 +-
 .../packages/__snapshots__/utils.test.ts.snap |   1 +
 src/types.ts                                  |  29 +-
 src/utils.ts                                  |   9 +-
 48 files changed, 1923 insertions(+), 234 deletions(-)
 create mode 100644 src/element/embeddable.ts

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx
index a871874c5..104d9dccd 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/props.mdx
@@ -29,6 +29,8 @@ All `props` are *optional*.
 | [`handleKeyboardGlobally`](#handlekeyboardglobally) | `boolean` | `false` | Indicates whether to bind the keyboard events to document. |
 | [`autoFocus`](#autofocus) | `boolean` | `false` | indicates whether to focus the Excalidraw component on page load |
 | [`generateIdForFile`](#generateidforfile) | `function` | _ | Allows you to override `id` generation for files added on canvas |
+| [`validateEmbeddable`](#validateEmbeddable) | string[] | `boolean | RegExp | RegExp[] | ((link: string) => boolean | undefined)` | \_ | use for custom src url validation |
+| [`renderEmbeddable`](/docs/@excalidraw/excalidraw/api/props/render-props#renderEmbeddable) | `function` | \_ | Render function that can override the built-in `<iframe>` |
 
 ### Storing custom data on Excalidraw elements
 
@@ -215,7 +217,6 @@ Indicates whether to bind keyboard events to `document`. Disabled by default, me
 
 Enable this if you want Excalidraw to handle keyboard even if the component isn't focused (e.g. a user is interacting with the navbar, sidebar, or similar).
 
-
 ### autoFocus
 
 This prop indicates whether to `focus` the Excalidraw component on page load. Defaults to false.
@@ -228,3 +229,12 @@ Allows you to override `id` generation for files added on canvas (images). By de
 (file: File) => string | Promise<string>
 ```
 
+### validateEmbeddable
+
+```tsx
+validateEmbeddable?: boolean | string[] | RegExp | RegExp[] | ((link: string) => boolean | undefined)
+```
+
+This is an optional property. By default we support a handful of well-known sites. You may allow additional sites or disallow the default ones by supplying a custom validator. If you pass `true`, all URLs will be allowed. You can also supply a list of hostnames, RegExp (or list of RegExp objects), or a function. If the function returns `undefined`, the built-in validator will be used.
+
+Supplying a list of hostnames (with or without `www.`) is the preferred way to allow a specific list of domains.
\ No newline at end of file
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
index 6531e29ec..2cec0daef 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
@@ -121,3 +121,16 @@ function App() {
   );
 }
 ```
+
+## renderEmbeddable
+
+<pre>
+  (element: NonDeleted&lt;ExcalidrawEmbeddableElement&gt;, appState: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">AppState</a>) => JSX.Element | null
+</pre>
+
+Allows you to replace the renderer for embeddable elements (which renders `<iframe>` elements).
+
+| Parameter | Type | Description |
+| --- | --- | --- |
+| `element` | `NonDeleted<ExcalidrawEmbeddableElement>` | The embeddable element to be rendered. |
+| `appState` | `AppState` | The current state of the UI. |
diff --git a/src/actions/actionAddToLibrary.ts b/src/actions/actionAddToLibrary.ts
index feb4725e8..1686554e4 100644
--- a/src/actions/actionAddToLibrary.ts
+++ b/src/actions/actionAddToLibrary.ts
@@ -2,6 +2,7 @@ import { register } from "./register";
 import { deepCopyElement } from "../element/newElement";
 import { randomId } from "../random";
 import { t } from "../i18n";
+import { LIBRARY_DISABLED_TYPES } from "../constants";
 
 export const actionAddToLibrary = register({
   name: "addToLibrary",
@@ -12,14 +13,17 @@ export const actionAddToLibrary = register({
       includeBoundTextElement: true,
       includeElementsInFrames: true,
     });
-    if (selectedElements.some((element) => element.type === "image")) {
-      return {
-        commitToHistory: false,
-        appState: {
-          ...appState,
-          errorMessage: "Support for adding images to the library coming soon!",
-        },
-      };
+
+    for (const type of LIBRARY_DISABLED_TYPES) {
+      if (selectedElements.some((element) => element.type === type)) {
+        return {
+          commitToHistory: false,
+          appState: {
+            ...appState,
+            errorMessage: t(`errors.libraryElementTypeError.${type}`),
+          },
+        };
+      }
     }
 
     return app.library
diff --git a/src/actions/actionCanvas.tsx b/src/actions/actionCanvas.tsx
index bc268544b..d5ecfcfef 100644
--- a/src/actions/actionCanvas.tsx
+++ b/src/actions/actionCanvas.tsx
@@ -396,6 +396,7 @@ export const actionToggleEraserTool = register({
         ...appState,
         selectedElementIds: {},
         selectedGroupIds: {},
+        activeEmbeddable: null,
         activeTool,
       },
       commitToHistory: true,
@@ -430,6 +431,7 @@ export const actionToggleHandTool = register({
         ...appState,
         selectedElementIds: {},
         selectedGroupIds: {},
+        activeEmbeddable: null,
         activeTool,
       },
       commitToHistory: true,
diff --git a/src/actions/actionDeleteSelected.tsx b/src/actions/actionDeleteSelected.tsx
index b0486e0c6..2520ea83a 100644
--- a/src/actions/actionDeleteSelected.tsx
+++ b/src/actions/actionDeleteSelected.tsx
@@ -158,6 +158,7 @@ export const actionDeleteSelected = register({
         ...nextAppState,
         activeTool: updateActiveTool(appState, { type: "selection" }),
         multiElement: null,
+        activeEmbeddable: null,
       },
       commitToHistory: isSomeElementSelected(
         getNonDeletedElements(elements),
diff --git a/src/actions/actionFinalize.tsx b/src/actions/actionFinalize.tsx
index 99c8d8cf5..44f14d70b 100644
--- a/src/actions/actionFinalize.tsx
+++ b/src/actions/actionFinalize.tsx
@@ -160,6 +160,7 @@ export const actionFinalize = register({
           multiPointElement
             ? appState.activeTool
             : activeTool,
+        activeEmbeddable: null,
         draggingElement: null,
         multiElement: null,
         editingElement: null,
diff --git a/src/actions/types.ts b/src/actions/types.ts
index 1a98320da..9dea7974a 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -121,6 +121,7 @@ export type ActionName =
   | "removeAllElementsFromFrame"
   | "updateFrameRendering"
   | "setFrameAsActiveTool"
+  | "setEmbeddableAsActiveTool"
   | "createContainerFromText"
   | "wrapTextInContainer";
 
diff --git a/src/appState.ts b/src/appState.ts
index 104fbcbf5..c0c23a9c2 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -38,6 +38,7 @@ export const getDefaultAppState = (): Omit<
     currentItemStrokeWidth: DEFAULT_ELEMENT_PROPS.strokeWidth,
     currentItemTextAlign: DEFAULT_TEXT_ALIGN,
     cursorButton: "up",
+    activeEmbeddable: null,
     draggingElement: null,
     editingElement: null,
     editingGroupId: null,
@@ -139,6 +140,7 @@ const APP_STATE_STORAGE_CONF = (<
   currentItemStrokeWidth: { browser: true, export: false, server: false },
   currentItemTextAlign: { browser: true, export: false, server: false },
   cursorButton: { browser: true, export: false, server: false },
+  activeEmbeddable: { browser: false, export: false, server: false },
   draggingElement: { browser: false, export: false, server: false },
   editingElement: { browser: false, export: false, server: false },
   editingGroupId: { browser: true, export: false, server: false },
diff --git a/src/colors.ts b/src/colors.ts
index 7da128399..905e6cd3f 100644
--- a/src/colors.ts
+++ b/src/colors.ts
@@ -21,7 +21,7 @@ export type ColorPickerColor =
 export type ColorTuple = readonly [string, string, string, string, string];
 export type ColorPalette = Merge<
   Record<ColorPickerColor, ColorTuple>,
-  { black: string; white: string; transparent: string }
+  { black: "#1e1e1e"; white: "#ffffff"; transparent: "transparent" }
 >;
 
 // used general type instead of specific type (ColorPalette) to support custom colors
diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 594951ae1..86381572f 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -36,7 +36,7 @@ import {
 
 import "./Actions.scss";
 import DropdownMenu from "./dropdownMenu/DropdownMenu";
-import { extraToolsIcon, frameToolIcon } from "./icons";
+import { EmbedIcon, extraToolsIcon, frameToolIcon } from "./icons";
 import { KEYS } from "../keys";
 
 export const SelectedShapeActions = ({
@@ -266,6 +266,7 @@ export const ShapesSwitcher = ({
               });
               setAppState({
                 activeTool: nextActiveTool,
+                activeEmbeddable: null,
                 multiElement: null,
                 selectedElementIds: {},
               });
@@ -283,39 +284,72 @@ export const ShapesSwitcher = ({
       <div className="App-toolbar__divider" />
       {/* TEMP HACK because dropdown doesn't work well inside mobile toolbar */}
       {device.isMobile ? (
-        <ToolButton
-          className={clsx("Shape", { fillable: false })}
-          type="radio"
-          icon={frameToolIcon}
-          checked={activeTool.type === "frame"}
-          name="editor-current-shape"
-          title={`${capitalizeString(
-            t("toolBar.frame"),
-          )} — ${KEYS.F.toLocaleUpperCase()}`}
-          keyBindingLabel={KEYS.F.toLocaleUpperCase()}
-          aria-label={capitalizeString(t("toolBar.frame"))}
-          aria-keyshortcuts={KEYS.F.toLocaleUpperCase()}
-          data-testid={`toolbar-frame`}
-          onPointerDown={({ pointerType }) => {
-            if (!appState.penDetected && pointerType === "pen") {
-              setAppState({
-                penDetected: true,
-                penMode: true,
+        <>
+          <ToolButton
+            className={clsx("Shape", { fillable: false })}
+            type="radio"
+            icon={frameToolIcon}
+            checked={activeTool.type === "frame"}
+            name="editor-current-shape"
+            title={`${capitalizeString(
+              t("toolBar.frame"),
+            )} — ${KEYS.F.toLocaleUpperCase()}`}
+            keyBindingLabel={KEYS.F.toLocaleUpperCase()}
+            aria-label={capitalizeString(t("toolBar.frame"))}
+            aria-keyshortcuts={KEYS.F.toLocaleUpperCase()}
+            data-testid={`toolbar-frame`}
+            onPointerDown={({ pointerType }) => {
+              if (!appState.penDetected && pointerType === "pen") {
+                setAppState({
+                  penDetected: true,
+                  penMode: true,
+                });
+              }
+            }}
+            onChange={({ pointerType }) => {
+              trackEvent("toolbar", "frame", "ui");
+              const nextActiveTool = updateActiveTool(appState, {
+                type: "frame",
               });
-            }
-          }}
-          onChange={({ pointerType }) => {
-            trackEvent("toolbar", "frame", "ui");
-            const nextActiveTool = updateActiveTool(appState, {
-              type: "frame",
-            });
-            setAppState({
-              activeTool: nextActiveTool,
-              multiElement: null,
-              selectedElementIds: {},
-            });
-          }}
-        />
+              setAppState({
+                activeTool: nextActiveTool,
+                multiElement: null,
+                selectedElementIds: {},
+                activeEmbeddable: null,
+              });
+            }}
+          />
+          <ToolButton
+            className={clsx("Shape", { fillable: false })}
+            type="radio"
+            icon={EmbedIcon}
+            checked={activeTool.type === "embeddable"}
+            name="editor-current-shape"
+            title={capitalizeString(t("toolBar.embeddable"))}
+            aria-label={capitalizeString(t("toolBar.embeddable"))}
+            data-testid={`toolbar-embeddable`}
+            onPointerDown={({ pointerType }) => {
+              if (!appState.penDetected && pointerType === "pen") {
+                setAppState({
+                  penDetected: true,
+                  penMode: true,
+                });
+              }
+            }}
+            onChange={({ pointerType }) => {
+              trackEvent("toolbar", "embeddable", "ui");
+              const nextActiveTool = updateActiveTool(appState, {
+                type: "embeddable",
+              });
+              setAppState({
+                activeTool: nextActiveTool,
+                multiElement: null,
+                selectedElementIds: {},
+                activeEmbeddable: null,
+              });
+            }}
+          />
+        </>
       ) : (
         <DropdownMenu open={isExtraToolsMenuOpen}>
           <DropdownMenu.Trigger
@@ -347,6 +381,22 @@ export const ShapesSwitcher = ({
             >
               {t("toolBar.frame")}
             </DropdownMenu.Item>
+            <DropdownMenu.Item
+              onSelect={() => {
+                const nextActiveTool = updateActiveTool(appState, {
+                  type: "embeddable",
+                });
+                setAppState({
+                  activeTool: nextActiveTool,
+                  multiElement: null,
+                  selectedElementIds: {},
+                });
+              }}
+              icon={EmbedIcon}
+              data-testid="toolbar-embeddable"
+            >
+              {t("toolBar.embeddable")}
+            </DropdownMenu.Item>
           </DropdownMenu.Content>
         </DropdownMenu>
       )}
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 7f2c98e50..33094a485 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -83,6 +83,7 @@ import {
   THEME_FILTER,
   TOUCH_CTX_MENU_TIMEOUT,
   VERTICAL_ALIGN,
+  YOUTUBE_STATES,
   ZOOM_STEP,
 } from "../constants";
 import { exportCanvas, loadFromBlob } from "../data";
@@ -136,6 +137,7 @@ import {
   duplicateElements,
   newFrameElement,
   newFreeDrawElement,
+  newEmbeddableElement,
 } from "../element/newElement";
 import {
   hasBoundTextElement,
@@ -145,6 +147,7 @@ import {
   isBoundToContainer,
   isFrameElement,
   isImageElement,
+  isEmbeddableElement,
   isInitializedImageElement,
   isLinearElement,
   isLinearElementType,
@@ -164,6 +167,7 @@ import {
   NonDeletedExcalidrawElement,
   ExcalidrawTextContainer,
   ExcalidrawFrameElement,
+  ExcalidrawEmbeddableElement,
 } from "../element/types";
 import { getCenter, getDistance } from "../gesture";
 import {
@@ -185,7 +189,13 @@ import {
   isArrowKey,
   KEYS,
 } from "../keys";
-import { distance2d, getGridPoint, isPathALoop } from "../math";
+
+import {
+  distance2d,
+  getCornerRadius,
+  getGridPoint,
+  isPathALoop,
+} from "../math";
 import { isVisibleElement, renderScene } from "../renderer/renderScene";
 import { invalidateShapeForElement } from "../renderer/renderElement";
 import {
@@ -247,6 +257,11 @@ import {
   muteFSAbortError,
   easeOut,
 } from "../utils";
+import {
+  embeddableURLValidator,
+  extractSrc,
+  getEmbedLink,
+} from "../element/embeddable";
 import {
   ContextMenu,
   ContextMenuItems,
@@ -295,9 +310,10 @@ import {
   showHyperlinkTooltip,
   hideHyperlinkToolip,
   Hyperlink,
+  isPointHittingLink,
   isPointHittingLinkIcon,
 } from "../element/Hyperlink";
-import { isLocalLink, normalizeLink } from "../data/url";
+import { isLocalLink, normalizeLink, toValidURL } from "../data/url";
 import { shouldShowBoundingBox } from "../element/transformHandles";
 import { actionUnlockAllElements } from "../actions/actionElementLock";
 import { Fonts } from "../scene/Fonts";
@@ -330,6 +346,7 @@ import { activeConfirmDialogAtom } from "./ActiveConfirmDialog";
 import { actionWrapTextInContainer } from "../actions/actionBoundText";
 import BraveMeasureTextError from "./BraveMeasureTextError";
 import { activeEyeDropperAtom } from "./EyeDropper";
+import { ValueOf } from "../utility-types";
 import { isSidebarDockedAtom } from "./Sidebar/Sidebar";
 
 const AppContext = React.createContext<AppClassProperties>(null!);
@@ -400,6 +417,14 @@ let currentScrollBars: ScrollBars = { horizontal: null, vertical: null };
 let touchTimeout = 0;
 let invalidateContextMenu = false;
 
+/**
+ * Map of youtube embed video states
+ */
+const YOUTUBE_VIDEO_STATES = new Map<
+  ExcalidrawElement["id"],
+  ValueOf<typeof YOUTUBE_STATES>
+>();
+
 // remove this hack when we can sync render & resizeObserver (state update)
 // to rAF. See #5439
 let THROTTLE_NEXT_RENDER = true;
@@ -446,6 +471,7 @@ class App extends React.Component<AppProps, AppState> {
 
   public files: BinaryFiles = {};
   public imageCache: AppClassProperties["imageCache"] = new Map();
+  private iFrameRefs = new Map<ExcalidrawElement["id"], HTMLIFrameElement>();
 
   hitLinkElement?: NonDeletedExcalidrawElement;
   lastPointerDown: React.PointerEvent<HTMLElement> | null = null;
@@ -475,7 +501,6 @@ class App extends React.Component<AppProps, AppState> {
       width: window.innerWidth,
       height: window.innerHeight,
     };
-
     this.id = nanoid();
     this.library = new Library(this);
     if (excalidrawRef) {
@@ -597,6 +622,336 @@ class App extends React.Component<AppProps, AppState> {
     );
   }
 
+  private onWindowMessage(event: MessageEvent) {
+    if (
+      event.origin !== "https://player.vimeo.com" &&
+      event.origin !== "https://www.youtube.com"
+    ) {
+      return;
+    }
+
+    let data = null;
+    try {
+      data = JSON.parse(event.data);
+    } catch (e) {}
+    if (!data) {
+      return;
+    }
+
+    switch (event.origin) {
+      case "https://player.vimeo.com":
+        //Allowing for multiple instances of Excalidraw running in the window
+        if (data.method === "paused") {
+          let source: Window | null = null;
+          const iframes = document.body.querySelectorAll(
+            "iframe.excalidraw__embeddable",
+          );
+          if (!iframes) {
+            break;
+          }
+          for (const iframe of iframes as NodeListOf<HTMLIFrameElement>) {
+            if (iframe.contentWindow === event.source) {
+              source = iframe.contentWindow;
+            }
+          }
+          source?.postMessage(
+            JSON.stringify({
+              method: data.value ? "play" : "pause",
+              value: true,
+            }),
+            "*",
+          );
+        }
+        break;
+      case "https://www.youtube.com":
+        if (
+          data.event === "infoDelivery" &&
+          data.info &&
+          data.id &&
+          typeof data.info.playerState === "number"
+        ) {
+          const id = data.id;
+          const playerState = data.info.playerState as number;
+          if (
+            (Object.values(YOUTUBE_STATES) as number[]).includes(playerState)
+          ) {
+            YOUTUBE_VIDEO_STATES.set(
+              id,
+              playerState as ValueOf<typeof YOUTUBE_STATES>,
+            );
+          }
+        }
+        break;
+    }
+  }
+
+  private updateEmbeddableRef(
+    id: ExcalidrawEmbeddableElement["id"],
+    ref: HTMLIFrameElement | null,
+  ) {
+    if (ref) {
+      this.iFrameRefs.set(id, ref);
+    }
+  }
+
+  private getHTMLIFrameElement(
+    id: ExcalidrawEmbeddableElement["id"],
+  ): HTMLIFrameElement | undefined {
+    return this.iFrameRefs.get(id);
+  }
+
+  private handleEmbeddableCenterClick(element: ExcalidrawEmbeddableElement) {
+    if (
+      this.state.activeEmbeddable?.element === element &&
+      this.state.activeEmbeddable?.state === "active"
+    ) {
+      return;
+    }
+
+    // The delay serves two purposes
+    // 1. To prevent first click propagating to iframe on mobile,
+    //    else the click will immediately start and stop the video
+    // 2. If the user double clicks the frame center to activate it
+    //    without the delay youtube will immediately open the video
+    //    in fullscreen mode
+    setTimeout(() => {
+      this.setState({
+        activeEmbeddable: { element, state: "active" },
+        selectedElementIds: { [element.id]: true },
+        draggingElement: null,
+        selectionElement: null,
+      });
+    }, 100);
+
+    const iframe = this.getHTMLIFrameElement(element.id);
+
+    if (!iframe?.contentWindow) {
+      return;
+    }
+
+    if (iframe.src.includes("youtube")) {
+      const state = YOUTUBE_VIDEO_STATES.get(element.id);
+      if (!state) {
+        YOUTUBE_VIDEO_STATES.set(element.id, YOUTUBE_STATES.UNSTARTED);
+        iframe.contentWindow.postMessage(
+          JSON.stringify({
+            event: "listening",
+            id: element.id,
+          }),
+          "*",
+        );
+      }
+      switch (state) {
+        case YOUTUBE_STATES.PLAYING:
+        case YOUTUBE_STATES.BUFFERING:
+          iframe.contentWindow?.postMessage(
+            JSON.stringify({
+              event: "command",
+              func: "pauseVideo",
+              args: "",
+            }),
+            "*",
+          );
+          break;
+        default:
+          iframe.contentWindow?.postMessage(
+            JSON.stringify({
+              event: "command",
+              func: "playVideo",
+              args: "",
+            }),
+            "*",
+          );
+      }
+    }
+
+    if (iframe.src.includes("player.vimeo.com")) {
+      iframe.contentWindow.postMessage(
+        JSON.stringify({
+          method: "paused", //video play/pause in onWindowMessage handler
+        }),
+        "*",
+      );
+    }
+  }
+
+  private isEmbeddableCenter(
+    el: ExcalidrawEmbeddableElement | null,
+    event: React.PointerEvent<HTMLElement> | PointerEvent,
+    sceneX: number,
+    sceneY: number,
+  ) {
+    return (
+      el &&
+      !event.altKey &&
+      !event.shiftKey &&
+      !event.metaKey &&
+      !event.ctrlKey &&
+      (this.state.activeEmbeddable?.element !== el ||
+        this.state.activeEmbeddable?.state === "hover" ||
+        !this.state.activeEmbeddable) &&
+      sceneX >= el.x + el.width / 3 &&
+      sceneX <= el.x + (2 * el.width) / 3 &&
+      sceneY >= el.y + el.height / 3 &&
+      sceneY <= el.y + (2 * el.height) / 3
+    );
+  }
+
+  private updateEmbeddables = () => {
+    const embeddableElements = new Map<ExcalidrawElement["id"], true>();
+
+    let updated = false;
+    this.scene.getNonDeletedElements().filter((element) => {
+      if (isEmbeddableElement(element)) {
+        embeddableElements.set(element.id, true);
+        if (element.validated == null) {
+          updated = true;
+
+          const validated = embeddableURLValidator(
+            element.link,
+            this.props.validateEmbeddable,
+          );
+
+          mutateElement(element, { validated }, false);
+          invalidateShapeForElement(element);
+        }
+      }
+      return false;
+    });
+
+    if (updated) {
+      this.scene.informMutation();
+    }
+
+    // GC
+    this.iFrameRefs.forEach((ref, id) => {
+      if (!embeddableElements.has(id)) {
+        this.iFrameRefs.delete(id);
+      }
+    });
+  };
+
+  private renderEmbeddables() {
+    const scale = this.state.zoom.value;
+    const normalizedWidth = this.state.width;
+    const normalizedHeight = this.state.height;
+
+    const embeddableElements = this.scene
+      .getNonDeletedElements()
+      .filter(
+        (el): el is NonDeleted<ExcalidrawEmbeddableElement> =>
+          isEmbeddableElement(el) && !!el.validated,
+      );
+
+    return (
+      <>
+        {embeddableElements.map((el) => {
+          const { x, y } = sceneCoordsToViewportCoords(
+            { sceneX: el.x, sceneY: el.y },
+            this.state,
+          );
+          const embedLink = getEmbedLink(toValidURL(el.link || ""));
+          const isVisible = isVisibleElement(
+            el,
+            normalizedWidth,
+            normalizedHeight,
+            this.state,
+          );
+          const isActive =
+            this.state.activeEmbeddable?.element === el &&
+            this.state.activeEmbeddable?.state === "active";
+          const isHovered =
+            this.state.activeEmbeddable?.element === el &&
+            this.state.activeEmbeddable?.state === "hover";
+
+          return (
+            <div
+              key={el.id}
+              className={clsx("excalidraw__embeddable-container", {
+                "is-hovered": isHovered,
+              })}
+              style={{
+                transform: isVisible
+                  ? `translate(${x - this.state.offsetLeft}px, ${
+                      y - this.state.offsetTop
+                    }px) scale(${scale})`
+                  : "none",
+                display: isVisible ? "block" : "none",
+                opacity: el.opacity / 100,
+                ["--embeddable-radius" as string]: `${getCornerRadius(
+                  Math.min(el.width, el.height),
+                  el,
+                )}px`,
+              }}
+            >
+              <div
+                //this is a hack that addresses isse with embedded excalidraw.com embeddable
+                //https://github.com/excalidraw/excalidraw/pull/6691#issuecomment-1607383938
+                /*ref={(ref) => {
+                  if (!this.excalidrawContainerRef.current) {
+                    return;
+                  }
+                  const container = this.excalidrawContainerRef.current;
+                  const sh = container.scrollHeight;
+                  const ch = container.clientHeight;
+                  if (sh !== ch) {
+                    container.style.height = `${sh}px`;
+                    setTimeout(() => {
+                      container.style.height = `100%`;
+                    });
+                  }
+                }}*/
+                className="excalidraw__embeddable-container__inner"
+                style={{
+                  width: isVisible ? `${el.width}px` : 0,
+                  height: isVisible ? `${el.height}px` : 0,
+                  transform: isVisible ? `rotate(${el.angle}rad)` : "none",
+                  pointerEvents: isActive ? "auto" : "none",
+                }}
+              >
+                {isHovered && (
+                  <div className="excalidraw__embeddable-hint">
+                    {t("buttons.embeddableInteractionButton")}
+                  </div>
+                )}
+                <div
+                  className="excalidraw__embeddable__outer"
+                  style={{
+                    padding: `${el.strokeWidth}px`,
+                  }}
+                >
+                  {this.props.renderEmbeddable?.(el, this.state) ?? (
+                    <iframe
+                      ref={(ref) => this.updateEmbeddableRef(el.id, ref)}
+                      className="excalidraw__embeddable"
+                      srcDoc={
+                        embedLink?.type === "document"
+                          ? embedLink.srcdoc(this.state.theme)
+                          : undefined
+                      }
+                      src={
+                        embedLink?.type !== "document"
+                          ? embedLink?.link ?? ""
+                          : undefined
+                      }
+                      // https://stackoverflow.com/q/18470015
+                      scrolling="no"
+                      referrerPolicy="no-referrer-when-downgrade"
+                      title="Excalidraw Embedded Content"
+                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                      allowFullScreen={true}
+                      sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation"
+                    />
+                  )}
+                </div>
+              </div>
+            </div>
+          );
+        })}
+      </>
+    );
+  }
+
   private getFrameNameDOMId = (frameElement: ExcalidrawElement) => {
     return `${this.id}-frame-name-${frameElement.id}`;
   };
@@ -870,6 +1225,7 @@ class App extends React.Component<AppProps, AppState> {
                               element={selectedElement[0]}
                               setAppState={this.setAppState}
                               onLinkOpen={this.props.onLinkOpen}
+                              setToast={this.setToast}
                             />
                           )}
                         {this.state.toast !== null && (
@@ -891,6 +1247,7 @@ class App extends React.Component<AppProps, AppState> {
                         <main>{this.renderCanvas()}</main>
                         {this.renderFrameNames()}
                       </ExcalidrawActionManagerContext.Provider>
+                      {this.renderEmbeddables()}
                     </ExcalidrawElementsContext.Provider>
                   </ExcalidrawAppStateContext.Provider>
                 </ExcalidrawSetAppStateContext.Provider>
@@ -1412,10 +1769,12 @@ class App extends React.Component<AppProps, AppState> {
     );
 
     this.detachIsMobileMqHandler?.();
+    window.removeEventListener(EVENT.MESSAGE, this.onWindowMessage, false);
   }
 
   private addEventListeners() {
     this.removeEventListeners();
+    window.addEventListener(EVENT.MESSAGE, this.onWindowMessage, false);
     document.addEventListener(EVENT.POINTER_UP, this.removePointer); // #3553
     document.addEventListener(EVENT.COPY, this.onCopy);
     this.excalidrawContainerRef.current?.addEventListener(
@@ -1485,6 +1844,7 @@ class App extends React.Component<AppProps, AppState> {
   }
 
   componentDidUpdate(prevProps: AppProps, prevState: AppState) {
+    this.updateEmbeddables();
     if (
       !this.state.showWelcomeScreen &&
       !this.scene.getElementsIncludingDeleted().length
@@ -1824,6 +2184,7 @@ class App extends React.Component<AppProps, AppState> {
     if (event.touches.length === 2) {
       this.setState({
         selectedElementIds: makeNextSelectedElementIds({}, this.state),
+        activeEmbeddable: null,
       });
     }
   };
@@ -1883,16 +2244,16 @@ class App extends React.Component<AppProps, AppState> {
         }
       }
 
+      const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords(
+        {
+          clientX: this.lastViewportPosition.x,
+          clientY: this.lastViewportPosition.y,
+        },
+        this.state,
+      );
+
       // prefer spreadsheet data over image file (MS Office/Libre Office)
       if (isSupportedImageFile(file) && !data.spreadsheet) {
-        const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords(
-          {
-            clientX: this.lastViewportPosition.x,
-            clientY: this.lastViewportPosition.y,
-          },
-          this.state,
-        );
-
         const imageElement = this.createImageElement({ sceneX, sceneY });
         this.insertImageElement(imageElement, file);
         this.initializeImageDimensions(imageElement);
@@ -1936,6 +2297,23 @@ class App extends React.Component<AppProps, AppState> {
           retainSeed: isPlainPaste,
         });
       } else if (data.text) {
+        const maybeUrl = extractSrc(data.text);
+        if (
+          !isPlainPaste &&
+          embeddableURLValidator(maybeUrl, this.props.validateEmbeddable) &&
+          (/^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(maybeUrl) ||
+            getEmbedLink(maybeUrl)?.type === "video")
+        ) {
+          const embeddable = this.insertEmbeddableElement({
+            sceneX,
+            sceneY,
+            link: normalizeLink(maybeUrl),
+          });
+          if (embeddable) {
+            this.setState({ selectedElementIds: { [embeddable.id]: true } });
+          }
+          return;
+        }
         this.addTextFromPaste(data.text, isPlainPaste);
       }
       this.setActiveTool({ type: "selection" });
@@ -1949,7 +2327,7 @@ class App extends React.Component<AppProps, AppState> {
     position: { clientX: number; clientY: number } | "cursor" | "center";
     retainSeed?: boolean;
   }) => {
-    const elements = restoreElements(opts.elements, null);
+    const elements = restoreElements(opts.elements, null, undefined);
     const [minX, minY, maxX, maxY] = getCommonBounds(elements);
 
     const elementsCenterX = distance(minX, maxX) / 2;
@@ -2767,6 +3145,7 @@ class App extends React.Component<AppProps, AppState> {
           selectedElementIds: makeNextSelectedElementIds({}, this.state),
           selectedGroupIds: {},
           editingGroupId: null,
+          activeEmbeddable: null,
         });
       }
       isHoldingSpace = false;
@@ -2785,7 +3164,14 @@ class App extends React.Component<AppProps, AppState> {
 
   private setActiveTool = (
     tool:
-      | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame" }
+      | {
+          type:
+            | typeof SHAPES[number]["value"]
+            | "eraser"
+            | "hand"
+            | "frame"
+            | "embeddable";
+        }
       | { type: "custom"; customType: string },
   ) => {
     const nextActiveTool = updateActiveTool(this.state, tool);
@@ -2809,9 +3195,10 @@ class App extends React.Component<AppProps, AppState> {
         selectedElementIds: makeNextSelectedElementIds({}, this.state),
         selectedGroupIds: {},
         editingGroupId: null,
+        activeEmbeddable: null,
       });
     } else {
-      this.setState({ activeTool: nextActiveTool });
+      this.setState({ activeTool: nextActiveTool, activeEmbeddable: null });
     }
   };
 
@@ -2844,6 +3231,7 @@ class App extends React.Component<AppProps, AppState> {
     if (this.isTouchScreenMultiTouchGesture()) {
       this.setState({
         selectedElementIds: makeNextSelectedElementIds({}, this.state),
+        activeEmbeddable: null,
       });
     }
     gesture.initialScale = this.state.zoom.value;
@@ -3001,6 +3389,7 @@ class App extends React.Component<AppProps, AppState> {
       selectedElementIds: makeNextSelectedElementIds({}, this.state),
       selectedGroupIds: {},
       editingGroupId: null,
+      activeEmbeddable: null,
     });
   }
 
@@ -3315,12 +3704,22 @@ class App extends React.Component<AppProps, AppState> {
 
     resetCursor(this.canvas);
     if (!event[KEYS.CTRL_OR_CMD] && !this.state.viewModeEnabled) {
+      const hitElement = this.getElementAtPosition(sceneX, sceneY);
+
+      if (isEmbeddableElement(hitElement)) {
+        this.setState({
+          activeEmbeddable: { element: hitElement, state: "active" },
+        });
+        return;
+      }
+
       const container = getTextBindableContainerAtPosition(
         this.scene.getNonDeletedElements(),
         this.state,
         sceneX,
         sceneY,
       );
+
       if (container) {
         if (
           hasBoundTextElement(container) ||
@@ -3338,6 +3737,7 @@ class App extends React.Component<AppProps, AppState> {
           sceneY = midPoint.y;
         }
       }
+
       this.startTextEditing({
         sceneX,
         sceneY,
@@ -3363,7 +3763,7 @@ class App extends React.Component<AppProps, AppState> {
       return (
         element.link &&
         index <= hitElementIndex &&
-        isPointHittingLinkIcon(
+        isPointHittingLink(
           element,
           this.state,
           [scenePointer.x, scenePointer.y],
@@ -3395,7 +3795,7 @@ class App extends React.Component<AppProps, AppState> {
       this.lastPointerDown!,
       this.state,
     );
-    const lastPointerDownHittingLinkIcon = isPointHittingLinkIcon(
+    const lastPointerDownHittingLinkIcon = isPointHittingLink(
       this.hitLinkElement,
       this.state,
       [lastPointerDownCoords.x, lastPointerDownCoords.y],
@@ -3405,7 +3805,7 @@ class App extends React.Component<AppProps, AppState> {
       this.lastPointerUp!,
       this.state,
     );
-    const lastPointerUpHittingLinkIcon = isPointHittingLinkIcon(
+    const lastPointerUpHittingLinkIcon = isPointHittingLink(
       this.hitLinkElement,
       this.state,
       [lastPointerUpCoords.x, lastPointerUpCoords.y],
@@ -3747,7 +4147,7 @@ class App extends React.Component<AppProps, AppState> {
       hideHyperlinkToolip();
       if (
         hitElement &&
-        hitElement.link &&
+        (hitElement.link || isEmbeddableElement(hitElement)) &&
         this.state.selectedElementIds[hitElement.id] &&
         !this.state.contextMenu &&
         !this.state.showHyperlinkPopup
@@ -3780,7 +4180,26 @@ class App extends React.Component<AppProps, AppState> {
             )) &&
           !hitElement?.locked
         ) {
-          setCursor(this.canvas, CURSOR_TYPE.MOVE);
+          if (
+            hitElement &&
+            isEmbeddableElement(hitElement) &&
+            this.isEmbeddableCenter(
+              hitElement,
+              event,
+              scenePointerX,
+              scenePointerY,
+            )
+          ) {
+            setCursor(this.canvas, CURSOR_TYPE.POINTER);
+            this.setState({
+              activeEmbeddable: { element: hitElement, state: "hover" },
+            });
+          } else {
+            setCursor(this.canvas, CURSOR_TYPE.MOVE);
+            if (this.state.activeEmbeddable?.state === "hover") {
+              this.setState({ activeEmbeddable: null });
+            }
+          }
         }
       } else {
         setCursor(this.canvas, CURSOR_TYPE.AUTO);
@@ -4199,13 +4618,35 @@ class App extends React.Component<AppProps, AppState> {
   private handleCanvasPointerUp = (
     event: React.PointerEvent<HTMLCanvasElement>,
   ) => {
+    this.removePointer(event);
     this.lastPointerUp = event;
 
-    if (this.device.isTouchScreen) {
-      const scenePointer = viewportCoordsToSceneCoords(
-        { clientX: event.clientX, clientY: event.clientY },
-        this.state,
+    const scenePointer = viewportCoordsToSceneCoords(
+      { clientX: event.clientX, clientY: event.clientY },
+      this.state,
+    );
+    const clicklength =
+      event.timeStamp - (this.lastPointerDown?.timeStamp ?? 0);
+    if (this.device.isMobile && clicklength < 300) {
+      const hitElement = this.getElementAtPosition(
+        scenePointer.x,
+        scenePointer.y,
       );
+      if (
+        isEmbeddableElement(hitElement) &&
+        this.isEmbeddableCenter(
+          hitElement,
+          event,
+          scenePointer.x,
+          scenePointer.y,
+        )
+      ) {
+        this.handleEmbeddableCenterClick(hitElement);
+        return;
+      }
+    }
+
+    if (this.device.isTouchScreen) {
       const hitElement = this.getElementAtPosition(
         scenePointer.x,
         scenePointer.y,
@@ -4215,14 +4656,29 @@ class App extends React.Component<AppProps, AppState> {
         hitElement,
       );
     }
+
     if (
       this.hitLinkElement &&
       !this.state.selectedElementIds[this.hitLinkElement.id]
     ) {
-      this.redirectToLink(event, this.device.isTouchScreen);
+      if (
+        clicklength < 300 &&
+        this.hitLinkElement.type === "embeddable" &&
+        !isPointHittingLinkIcon(this.hitLinkElement, this.state, [
+          scenePointer.x,
+          scenePointer.y,
+        ])
+      ) {
+        this.handleEmbeddableCenterClick(this.hitLinkElement);
+      } else {
+        this.redirectToLink(event, this.device.isTouchScreen);
+      }
+    } else if (this.state.viewModeEnabled) {
+      this.setState({
+        activeEmbeddable: null,
+        selectedElementIds: {},
+      });
     }
-
-    this.removePointer(event);
   };
 
   private maybeOpenContextMenuAfterPointerDownOnTouchDevices = (
@@ -4491,6 +4947,7 @@ class App extends React.Component<AppProps, AppState> {
         selectedElementIds: makeNextSelectedElementIds({}, this.state),
         selectedGroupIds: {},
         editingGroupId: null,
+        activeEmbeddable: null,
       });
     }
   };
@@ -4656,6 +5113,7 @@ class App extends React.Component<AppProps, AppState> {
                 selectedElementIds: makeNextSelectedElementIds({}, this.state),
                 selectedGroupIds: {},
                 editingGroupId: null,
+                activeEmbeddable: null,
               });
             }
 
@@ -4743,7 +5201,10 @@ class App extends React.Component<AppProps, AppState> {
                   {
                     ...prevState,
                     selectedElementIds: nextSelectedElementIds,
-                    showHyperlinkPopup: hitElement.link ? "info" : false,
+                    showHyperlinkPopup:
+                      hitElement.link || isEmbeddableElement(hitElement)
+                        ? "info"
+                        : false,
                   },
                   this.scene.getNonDeletedElements(),
                   prevState,
@@ -4803,6 +5264,7 @@ class App extends React.Component<AppProps, AppState> {
       includeBoundTextElement: true,
     });
 
+    // FIXME
     let container = getTextBindableContainerAtPosition(
       this.scene.getNonDeletedElements(),
       this.state,
@@ -4899,6 +5361,55 @@ class App extends React.Component<AppProps, AppState> {
     });
   };
 
+  //create rectangle element with youtube top left on nearest grid point width / hight 640/360
+  private insertEmbeddableElement = ({
+    sceneX,
+    sceneY,
+    link,
+  }: {
+    sceneX: number;
+    sceneY: number;
+    link: string;
+  }) => {
+    const [gridX, gridY] = getGridPoint(sceneX, sceneY, this.state.gridSize);
+
+    const embedLink = getEmbedLink(link);
+
+    if (!embedLink) {
+      return;
+    }
+
+    if (embedLink.warning) {
+      this.setToast({ message: embedLink.warning, closable: true });
+    }
+
+    const element = newEmbeddableElement({
+      type: "embeddable",
+      x: gridX,
+      y: gridY,
+      strokeColor: "transparent",
+      backgroundColor: "transparent",
+      fillStyle: this.state.currentItemFillStyle,
+      strokeWidth: this.state.currentItemStrokeWidth,
+      strokeStyle: this.state.currentItemStrokeStyle,
+      roughness: this.state.currentItemRoughness,
+      roundness: this.getCurrentItemRoundness("embeddable"),
+      opacity: this.state.currentItemOpacity,
+      locked: false,
+      width: embedLink.aspectRatio.w,
+      height: embedLink.aspectRatio.h,
+      link,
+      validated: undefined,
+    });
+
+    this.scene.replaceAllElements([
+      ...this.scene.getElementsIncludingDeleted(),
+      element,
+    ]);
+
+    return element;
+  };
+
   private createImageElement = ({
     sceneX,
     sceneY,
@@ -5058,6 +5569,23 @@ class App extends React.Component<AppProps, AppState> {
     }
   };
 
+  private getCurrentItemRoundness(
+    elementType:
+      | "selection"
+      | "rectangle"
+      | "diamond"
+      | "ellipse"
+      | "embeddable",
+  ) {
+    return this.state.currentItemRoundness === "round"
+      ? {
+          type: isUsingAdaptiveRadius(elementType)
+            ? ROUNDNESS.ADAPTIVE_RADIUS
+            : ROUNDNESS.PROPORTIONAL_RADIUS,
+        }
+      : null;
+  }
+
   private createGenericElementOnPointerDown = (
     elementType: ExcalidrawGenericElement["type"],
     pointerDownState: PointerDownState,
@@ -5084,16 +5612,10 @@ class App extends React.Component<AppProps, AppState> {
       strokeStyle: this.state.currentItemStrokeStyle,
       roughness: this.state.currentItemRoughness,
       opacity: this.state.currentItemOpacity,
-      roundness:
-        this.state.currentItemRoundness === "round"
-          ? {
-              type: isUsingAdaptiveRadius(elementType)
-                ? ROUNDNESS.ADAPTIVE_RADIUS
-                : ROUNDNESS.PROPORTIONAL_RADIUS,
-            }
-          : null,
+      roundness: this.getCurrentItemRoundness(elementType),
       locked: false,
       frameId: topLayerFrame ? topLayerFrame.id : null,
+      ...(elementType === "embeddable" ? { validated: false } : {}),
     });
 
     if (element.type === "selection") {
@@ -5365,7 +5887,8 @@ class App extends React.Component<AppProps, AppState> {
         if (
           selectedElements.length > 0 &&
           !pointerDownState.withCmdOrCtrl &&
-          !this.state.editingElement
+          !this.state.editingElement &&
+          this.state.activeEmbeddable?.state !== "active"
         ) {
           const [dragX, dragY] = getGridPoint(
             pointerCoords.x - pointerDownState.drag.offset.x,
@@ -5605,7 +6128,8 @@ class App extends React.Component<AppProps, AppState> {
                 selectedElementIds: nextSelectedElementIds,
                 showHyperlinkPopup:
                   elementsWithinSelection.length === 1 &&
-                  elementsWithinSelection[0].link
+                  (elementsWithinSelection[0].link ||
+                    isEmbeddableElement(elementsWithinSelection[0]))
                     ? "info"
                     : false,
                 // select linear element only when we haven't box-selected anything else
@@ -5662,7 +6186,6 @@ class App extends React.Component<AppProps, AppState> {
       if (pointerDownState.eventListeners.onMove) {
         pointerDownState.eventListeners.onMove.flush();
       }
-
       const {
         draggingElement,
         resizingElement,
@@ -6272,7 +6795,10 @@ class App extends React.Component<AppProps, AppState> {
                 {
                   ...prevState,
                   selectedElementIds: nextSelectedElementIds,
-                  showHyperlinkPopup: hitElement.link ? "info" : false,
+                  showHyperlinkPopup:
+                    hitElement.link || isEmbeddableElement(hitElement)
+                      ? "info"
+                      : false,
                 },
                 this.scene.getNonDeletedElements(),
                 prevState,
@@ -6335,6 +6861,7 @@ class App extends React.Component<AppProps, AppState> {
             selectedElementIds: makeNextSelectedElementIds({}, this.state),
             selectedGroupIds: {},
             editingGroupId: null,
+            activeEmbeddable: null,
           });
         }
         return;
@@ -6354,6 +6881,10 @@ class App extends React.Component<AppProps, AppState> {
             },
             prevState,
           ),
+          showHyperlinkPopup:
+            isEmbeddableElement(draggingElement) && !draggingElement.link
+              ? "editor"
+              : prevState.showHyperlinkPopup,
         }));
       }
 
@@ -6383,6 +6914,23 @@ class App extends React.Component<AppProps, AppState> {
           suggestedBindings: [],
         });
       }
+
+      if (
+        hitElement &&
+        this.lastPointerUp &&
+        this.lastPointerDown &&
+        this.lastPointerUp.timeStamp - this.lastPointerDown.timeStamp < 300 &&
+        gesture.pointers.size <= 1 &&
+        isEmbeddableElement(hitElement) &&
+        this.isEmbeddableCenter(
+          hitElement,
+          this.lastPointerUp,
+          pointerDownState.origin.x,
+          pointerDownState.origin.y,
+        )
+      ) {
+        this.handleEmbeddableCenterClick(hitElement);
+      }
     });
   }
 
@@ -6896,6 +7444,7 @@ class App extends React.Component<AppProps, AppState> {
   private clearSelection(hitElement: ExcalidrawElement | null): void {
     this.setState((prevState) => ({
       selectedElementIds: makeNextSelectedElementIds({}, prevState),
+      activeEmbeddable: null,
       selectedGroupIds: {},
       // Continue editing the same group if the user selected a different
       // element from it
@@ -6908,6 +7457,7 @@ class App extends React.Component<AppProps, AppState> {
     }));
     this.setState({
       selectedElementIds: makeNextSelectedElementIds({}, this.state),
+      activeEmbeddable: null,
       previousSelectedElementIds: this.state.selectedElementIds,
     });
   }
@@ -6933,6 +7483,10 @@ class App extends React.Component<AppProps, AppState> {
   private handleAppOnDrop = async (event: React.DragEvent<HTMLDivElement>) => {
     // must be retrieved first, in the same frame
     const { file, fileHandle } = await getFileFromEvent(event);
+    const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords(
+      event,
+      this.state,
+    );
 
     try {
       if (isSupportedImageFile(file)) {
@@ -6968,11 +7522,6 @@ class App extends React.Component<AppProps, AppState> {
         // to importing as regular image
         // ---------------------------------------------------------------------
 
-        const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords(
-          event,
-          this.state,
-        );
-
         const imageElement = this.createImageElement({ sceneX, sceneY });
         this.insertImageElement(imageElement, file);
         this.initializeImageDimensions(imageElement);
@@ -7011,6 +7560,25 @@ class App extends React.Component<AppProps, AppState> {
       // atetmpt to parse an excalidraw/excalidrawlib file
       await this.loadFileToCanvas(file, fileHandle);
     }
+
+    if (event.dataTransfer?.types?.includes("text/plain")) {
+      const text = event.dataTransfer?.getData("text");
+      if (
+        text &&
+        embeddableURLValidator(text, this.props.validateEmbeddable) &&
+        (/^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(text) ||
+          getEmbedLink(text)?.type === "video")
+      ) {
+        const embeddable = this.insertEmbeddableElement({
+          sceneX,
+          sceneY,
+          link: normalizeLink(text),
+        });
+        if (embeddable) {
+          this.setState({ selectedElementIds: { [embeddable.id]: true } });
+        }
+      }
+    }
   };
 
   loadFileToCanvas = async (
@@ -7209,6 +7777,7 @@ class App extends React.Component<AppProps, AppState> {
       // rotating
       isResizing: transformHandleType && transformHandleType !== "rotation",
       isRotating: transformHandleType === "rotation",
+      activeEmbeddable: null,
     });
     const pointerCoords = pointerDownState.lastCoords;
     const [resizeX, resizeY] = getGridPoint(
diff --git a/src/components/EyeDropper.tsx b/src/components/EyeDropper.tsx
index 794ad6026..9e452ce88 100644
--- a/src/components/EyeDropper.tsx
+++ b/src/components/EyeDropper.tsx
@@ -58,7 +58,7 @@ export const EyeDropper: React.FC<{
       return;
     }
 
-    let currentColor = COLOR_PALETTE.black;
+    let currentColor: string = COLOR_PALETTE.black;
     let isHoldingPointerDown = false;
 
     const ctx = app.canvas.getContext("2d")!;
diff --git a/src/components/HintViewer.tsx b/src/components/HintViewer.tsx
index fd4446e42..611f24925 100644
--- a/src/components/HintViewer.tsx
+++ b/src/components/HintViewer.tsx
@@ -44,6 +44,10 @@ const getHints = ({ appState, isMobile, device, app }: HintViewerProps) => {
     return t("hints.text");
   }
 
+  if (activeTool.type === "embeddable") {
+    return t("hints.embeddable");
+  }
+
   if (appState.activeTool.type === "image" && appState.pendingImageElementId) {
     return t("hints.placeImage");
   }
diff --git a/src/components/LibraryMenu.tsx b/src/components/LibraryMenu.tsx
index 1932e3ae6..71e20ff33 100644
--- a/src/components/LibraryMenu.tsx
+++ b/src/components/LibraryMenu.tsx
@@ -29,6 +29,7 @@ import "./LibraryMenu.scss";
 import { LibraryMenuControlButtons } from "./LibraryMenuControlButtons";
 import { isShallowEqual } from "../utils";
 import { NonDeletedExcalidrawElement } from "../element/types";
+import { LIBRARY_DISABLED_TYPES } from "../constants";
 
 export const isLibraryMenuOpenAtom = atom(false);
 
@@ -68,11 +69,12 @@ export const LibraryMenuContent = ({
         libraryItems: LibraryItems,
       ) => {
         trackEvent("element", "addToLibrary", "ui");
-        if (processedElements.some((element) => element.type === "image")) {
-          return setAppState({
-            errorMessage:
-              "Support for adding images to the library coming soon!",
-          });
+        for (const type of LIBRARY_DISABLED_TYPES) {
+          if (processedElements.some((element) => element.type === type)) {
+            return setAppState({
+              errorMessage: t(`errors.libraryElementTypeError.${type}`),
+            });
+          }
         }
         const nextItems: LibraryItems = [
           {
@@ -197,6 +199,7 @@ export const LibraryMenu = () => {
     setAppState({
       selectedElementIds: {},
       selectedGroupIds: {},
+      activeEmbeddable: null,
     });
   }, [setAppState]);
 
diff --git a/src/components/LibraryUnit.scss b/src/components/LibraryUnit.scss
index a5f26bff4..8a8ac5d3e 100644
--- a/src/components/LibraryUnit.scss
+++ b/src/components/LibraryUnit.scss
@@ -12,6 +12,11 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-lg);
 
+    svg {
+      // to prevent clicks on links and such
+      pointer-events: none;
+    }
+
     &--hover {
       border-color: var(--color-primary);
     }
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 1fcaa3c82..c24b61d0e 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -396,6 +396,14 @@ export const TrashIcon = createIcon(
   modifiedTablerIconProps,
 );
 
+export const EmbedIcon = createIcon(
+  <g strokeWidth="1.25">
+    <polyline points="12 16 18 10 12 4" />
+    <polyline points="8 4 2 10 8 16" />
+  </g>,
+  modifiedTablerIconProps,
+);
+
 export const DuplicateIcon = createIcon(
   <g strokeWidth="1.25">
     <path d="M14.375 6.458H8.958a2.5 2.5 0 0 0-2.5 2.5v5.417a2.5 2.5 0 0 0 2.5 2.5h5.417a2.5 2.5 0 0 0 2.5-2.5V8.958a2.5 2.5 0 0 0-2.5-2.5Z" />
diff --git a/src/constants.ts b/src/constants.ts
index bca7094c5..4c6b67e2c 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -71,8 +71,18 @@ export enum EVENT {
   // custom events
   EXCALIDRAW_LINK = "excalidraw-link",
   MENU_ITEM_SELECT = "menu.itemSelect",
+  MESSAGE = "message",
 }
 
+export const YOUTUBE_STATES = {
+  UNSTARTED: -1,
+  ENDED: 0,
+  PLAYING: 1,
+  PAUSED: 2,
+  BUFFERING: 3,
+  CUED: 5,
+} as const;
+
 export const ENV = {
   TEST: "test",
   DEVELOPMENT: "development",
@@ -92,7 +102,7 @@ export const FONT_FAMILY = {
 export const THEME = {
   LIGHT: "light",
   DARK: "dark",
-};
+} as const;
 
 export const FRAME_STYLE = {
   strokeColor: "#bbb" as ExcalidrawElement["strokeColor"],
@@ -300,3 +310,5 @@ export const DEFAULT_SIDEBAR = {
   name: "default",
   defaultTab: LIBRARY_SIDEBAR_TAB,
 } as const;
+
+export const LIBRARY_DISABLED_TYPES = new Set(["embeddable", "image"] as const);
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 826540d02..a9aebe7d6 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -77,6 +77,19 @@
     position: absolute;
   }
 
+  &__embeddable {
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+
+  &__embeddable-container {
+    position: absolute;
+    z-index: 2;
+    transform-origin: top left;
+    pointer-events: none;
+  }
+
   &.theme--dark {
     // The percentage is inspired by
     // https://material.io/design/color/dark-theme.html#properties, which
@@ -661,3 +674,33 @@
     }
   }
 }
+
+.excalidraw__embeddable-container {
+  .excalidraw__embeddable-container__inner {
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--embeddable-radius);
+  }
+
+  .excalidraw__embeddable__outer {
+    width: 100%;
+    height: 100%;
+    & > * {
+      border-radius: var(--embeddable-radius);
+    }
+  }
+
+  .excalidraw__embeddable-hint {
+    position: absolute;
+    z-index: 1;
+    background: rgba(0, 0, 0, 0.5);
+    padding: 1rem 1.6rem;
+    border-radius: 12px;
+    color: #fff;
+    font-weight: bold;
+    letter-spacing: 0.6px;
+    font-family: "Assistant";
+  }
+}
diff --git a/src/data/restore.ts b/src/data/restore.ts
index 5f2adc004..49b146b52 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -64,6 +64,7 @@ export const AllowedExcalidrawActiveTools: Record<
   eraser: false,
   custom: true,
   frame: true,
+  embeddable: true,
   hand: true,
 };
 
@@ -275,6 +276,10 @@ const restoreElement = (
       return restoreElementWithProperties(element, {});
     case "diamond":
       return restoreElementWithProperties(element, {});
+    case "embeddable":
+      return restoreElementWithProperties(element, {
+        validated: undefined,
+      });
     case "frame":
       return restoreElementWithProperties(element, {
         name: element.name ?? null,
diff --git a/src/data/url.ts b/src/data/url.ts
index d34320a5d..2655c141d 100644
--- a/src/data/url.ts
+++ b/src/data/url.ts
@@ -1,9 +1,35 @@
 import { sanitizeUrl } from "@braintree/sanitize-url";
 
 export const normalizeLink = (link: string) => {
+  link = link.trim();
+  if (!link) {
+    return link;
+  }
   return sanitizeUrl(link);
 };
 
 export const isLocalLink = (link: string | null) => {
   return !!(link?.includes(location.origin) || link?.startsWith("/"));
 };
+
+/**
+ * Returns URL sanitized and safe for usage in places such as
+ * iframe's src attribute or <a> href attributes.
+ */
+export const toValidURL = (link: string) => {
+  link = normalizeLink(link);
+
+  // make relative links into fully-qualified urls
+  if (link.startsWith("/")) {
+    return `${location.origin}${link}`;
+  }
+
+  try {
+    new URL(link);
+  } catch {
+    // if link does not parse as URL, assume invalid and return blank page
+    return "about:blank";
+  }
+
+  return link;
+};
diff --git a/src/element/Hyperlink.scss b/src/element/Hyperlink.scss
index 964a6b47e..b442c7d61 100644
--- a/src/element/Hyperlink.scss
+++ b/src/element/Hyperlink.scss
@@ -55,10 +55,6 @@
     }
   }
 
-  .d-none {
-    display: none;
-  }
-
   &--remove .ToolIcon__icon svg {
     color: $oc-red-6;
   }
diff --git a/src/element/Hyperlink.tsx b/src/element/Hyperlink.tsx
index cf741ce08..9fa760f68 100644
--- a/src/element/Hyperlink.tsx
+++ b/src/element/Hyperlink.tsx
@@ -5,8 +5,12 @@ import {
   viewportCoordsToSceneCoords,
   wrapEvent,
 } from "../utils";
+import { getEmbedLink, embeddableURLValidator } from "./embeddable";
 import { mutateElement } from "./mutateElement";
-import { NonDeletedExcalidrawElement } from "./types";
+import {
+  ExcalidrawEmbeddableElement,
+  NonDeletedExcalidrawElement,
+} from "./types";
 
 import { register } from "../actions/register";
 import { ToolButton } from "../components/ToolButton";
@@ -21,7 +25,10 @@ import {
 } from "react";
 import clsx from "clsx";
 import { KEYS } from "../keys";
-import { DEFAULT_LINK_SIZE } from "../renderer/renderElement";
+import {
+  DEFAULT_LINK_SIZE,
+  invalidateShapeForElement,
+} from "../renderer/renderElement";
 import { rotate } from "../math";
 import { EVENT, HYPERLINK_TOOLTIP_DELAY, MIME_TYPES } from "../constants";
 import { Bounds } from "./bounds";
@@ -33,7 +40,8 @@ import { isLocalLink, normalizeLink } from "../data/url";
 
 import "./Hyperlink.scss";
 import { trackEvent } from "../analytics";
-import { useExcalidrawAppState } from "../components/App";
+import { useAppProps, useExcalidrawAppState } from "../components/App";
+import { isEmbeddableElement } from "./typeChecks";
 
 const CONTAINER_WIDTH = 320;
 const SPACE_BOTTOM = 85;
@@ -48,37 +56,112 @@ EXTERNAL_LINK_IMG.src = `data:${MIME_TYPES.svg}, ${encodeURIComponent(
 
 let IS_HYPERLINK_TOOLTIP_VISIBLE = false;
 
+const embeddableLinkCache = new Map<
+  ExcalidrawEmbeddableElement["id"],
+  string
+>();
+
 export const Hyperlink = ({
   element,
   setAppState,
   onLinkOpen,
+  setToast,
 }: {
   element: NonDeletedExcalidrawElement;
   setAppState: React.Component<any, AppState>["setState"];
   onLinkOpen: ExcalidrawProps["onLinkOpen"];
+  setToast: (
+    toast: { message: string; closable?: boolean; duration?: number } | null,
+  ) => void;
 }) => {
   const appState = useExcalidrawAppState();
+  const appProps = useAppProps();
 
   const linkVal = element.link || "";
 
   const [inputVal, setInputVal] = useState(linkVal);
   const inputRef = useRef<HTMLInputElement>(null);
-  const isEditing = appState.showHyperlinkPopup === "editor" || !linkVal;
+  const isEditing = appState.showHyperlinkPopup === "editor";
 
   const handleSubmit = useCallback(() => {
     if (!inputRef.current) {
       return;
     }
 
-    const link = normalizeLink(inputRef.current.value);
+    const link = normalizeLink(inputRef.current.value) || null;
 
     if (!element.link && link) {
       trackEvent("hyperlink", "create");
     }
 
-    mutateElement(element, { link });
-    setAppState({ showHyperlinkPopup: "info" });
-  }, [element, setAppState]);
+    if (isEmbeddableElement(element)) {
+      if (appState.activeEmbeddable?.element === element) {
+        setAppState({ activeEmbeddable: null });
+      }
+      if (!link) {
+        mutateElement(element, {
+          validated: false,
+          link: null,
+        });
+        return;
+      }
+
+      if (!embeddableURLValidator(link, appProps.validateEmbeddable)) {
+        if (link) {
+          setToast({ message: t("toast.unableToEmbed"), closable: true });
+        }
+        element.link && embeddableLinkCache.set(element.id, element.link);
+        mutateElement(element, {
+          validated: false,
+          link,
+        });
+        invalidateShapeForElement(element);
+      } else {
+        const { width, height } = element;
+        const embedLink = getEmbedLink(link);
+        if (embedLink?.warning) {
+          setToast({ message: embedLink.warning, closable: true });
+        }
+        const ar = embedLink
+          ? embedLink.aspectRatio.w / embedLink.aspectRatio.h
+          : 1;
+        const hasLinkChanged =
+          embeddableLinkCache.get(element.id) !== element.link;
+        mutateElement(element, {
+          ...(hasLinkChanged
+            ? {
+                width:
+                  embedLink?.type === "video"
+                    ? width > height
+                      ? width
+                      : height * ar
+                    : width,
+                height:
+                  embedLink?.type === "video"
+                    ? width > height
+                      ? width / ar
+                      : height
+                    : height,
+              }
+            : {}),
+          validated: true,
+          link,
+        });
+        invalidateShapeForElement(element);
+        if (embeddableLinkCache.has(element.id)) {
+          embeddableLinkCache.delete(element.id);
+        }
+      }
+    } else {
+      mutateElement(element, { link });
+    }
+  }, [
+    element,
+    setToast,
+    appProps.validateEmbeddable,
+    appState.activeEmbeddable,
+    setAppState,
+  ]);
 
   useLayoutEffect(() => {
     return () => {
@@ -132,10 +215,12 @@ export const Hyperlink = ({
     appState.draggingElement ||
     appState.resizingElement ||
     appState.isRotating ||
-    appState.openMenu
+    appState.openMenu ||
+    appState.viewModeEnabled
   ) {
     return null;
   }
+
   return (
     <div
       className="excalidraw-hyperlinkContainer"
@@ -145,6 +230,11 @@ export const Hyperlink = ({
         width: CONTAINER_WIDTH,
         padding: CONTAINER_PADDING,
       }}
+      onClick={() => {
+        if (!element.link && !isEditing) {
+          setAppState({ showHyperlinkPopup: "editor" });
+        }
+      }}
     >
       {isEditing ? (
         <input
@@ -162,15 +252,14 @@ export const Hyperlink = ({
             }
             if (event.key === KEYS.ENTER || event.key === KEYS.ESCAPE) {
               handleSubmit();
+              setAppState({ showHyperlinkPopup: "info" });
             }
           }}
         />
-      ) : (
+      ) : element.link ? (
         <a
           href={normalizeLink(element.link || "")}
-          className={clsx("excalidraw-hyperlinkContainer-link", {
-            "d-none": isEditing,
-          })}
+          className="excalidraw-hyperlinkContainer-link"
           target={isLocalLink(element.link) ? "_self" : "_blank"}
           onClick={(event) => {
             if (element.link && onLinkOpen) {
@@ -194,6 +283,10 @@ export const Hyperlink = ({
         >
           {element.link}
         </a>
+      ) : (
+        <div className="excalidraw-hyperlinkContainer-link">
+          {t("labels.link.empty")}
+        </div>
       )}
       <div className="excalidraw-hyperlinkContainer__buttons">
         {!isEditing && (
@@ -207,8 +300,7 @@ export const Hyperlink = ({
             icon={FreedrawIcon}
           />
         )}
-
-        {linkVal && (
+        {linkVal && !isEmbeddableElement(element) && (
           <ToolButton
             type="button"
             title={t("buttons.remove")}
@@ -271,7 +363,11 @@ export const actionLink = register({
         type="button"
         icon={LinkIcon}
         aria-label={t(getContextMenuLabel(elements, appState))}
-        title={`${t("labels.link.label")} - ${getShortcutKey("CtrlOrCmd+K")}`}
+        title={`${
+          isEmbeddableElement(elements[0])
+            ? t("labels.link.labelEmbed")
+            : t("labels.link.label")
+        } - ${getShortcutKey("CtrlOrCmd+K")}`}
         onClick={() => updateData(null)}
         selected={selectedElements.length === 1 && !!selectedElements[0].link}
       />
@@ -285,7 +381,11 @@ export const getContextMenuLabel = (
 ) => {
   const selectedElements = getSelectedElements(elements, appState);
   const label = selectedElements[0]!.link
-    ? "labels.link.edit"
+    ? isEmbeddableElement(selectedElements[0])
+      ? "labels.link.editEmbed"
+      : "labels.link.edit"
+    : isEmbeddableElement(selectedElements[0])
+    ? "labels.link.createEmbed"
     : "labels.link.create";
   return label;
 };
@@ -327,6 +427,26 @@ export const isPointHittingLinkIcon = (
   element: NonDeletedExcalidrawElement,
   appState: AppState,
   [x, y]: Point,
+) => {
+  const threshold = 4 / appState.zoom.value;
+  const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
+  const [linkX, linkY, linkWidth, linkHeight] = getLinkHandleFromCoords(
+    [x1, y1, x2, y2],
+    element.angle,
+    appState,
+  );
+  const hitLink =
+    x > linkX - threshold &&
+    x < linkX + threshold + linkWidth &&
+    y > linkY - threshold &&
+    y < linkY + linkHeight + threshold;
+  return hitLink;
+};
+
+export const isPointHittingLink = (
+  element: NonDeletedExcalidrawElement,
+  appState: AppState,
+  [x, y]: Point,
   isMobile: boolean,
 ) => {
   if (!element.link || appState.selectedElementIds[element.id]) {
@@ -340,19 +460,7 @@ export const isPointHittingLinkIcon = (
   ) {
     return true;
   }
-  const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
-
-  const [linkX, linkY, linkWidth, linkHeight] = getLinkHandleFromCoords(
-    [x1, y1, x2, y2],
-    element.angle,
-    appState,
-  );
-  const hitLink =
-    x > linkX - threshold &&
-    x < linkX + threshold + linkWidth &&
-    y > linkY - threshold &&
-    y < linkY + linkHeight + threshold;
-  return hitLink;
+  return isPointHittingLinkIcon(element, appState, [x, y]);
 };
 
 let HYPERLINK_TOOLTIP_TIMEOUT_ID: number | null = null;
diff --git a/src/element/collision.ts b/src/element/collision.ts
index f160783e6..c8164a709 100644
--- a/src/element/collision.ts
+++ b/src/element/collision.ts
@@ -18,6 +18,7 @@ import {
   ExcalidrawBindableElement,
   ExcalidrawElement,
   ExcalidrawRectangleElement,
+  ExcalidrawEmbeddableElement,
   ExcalidrawDiamondElement,
   ExcalidrawTextElement,
   ExcalidrawEllipseElement,
@@ -39,7 +40,11 @@ import { FrameNameBoundsCache, Point } from "../types";
 import { Drawable } from "roughjs/bin/core";
 import { AppState } from "../types";
 import { getShapeForElement } from "../renderer/renderElement";
-import { hasBoundTextElement, isImageElement } from "./typeChecks";
+import {
+  hasBoundTextElement,
+  isEmbeddableElement,
+  isImageElement,
+} from "./typeChecks";
 import { isTextElement } from ".";
 import { isTransparent } from "../utils";
 import { shouldShowBoundingBox } from "./transformHandles";
@@ -57,7 +62,9 @@ const isElementDraggableFromInside = (
     return true;
   }
   const isDraggableFromInside =
-    !isTransparent(element.backgroundColor) || hasBoundTextElement(element);
+    !isTransparent(element.backgroundColor) ||
+    hasBoundTextElement(element) ||
+    isEmbeddableElement(element);
   if (element.type === "line") {
     return isDraggableFromInside && isPathALoop(element.points);
   }
@@ -248,6 +255,7 @@ type HitTestArgs = {
 const hitTestPointAgainstElement = (args: HitTestArgs): boolean => {
   switch (args.element.type) {
     case "rectangle":
+    case "embeddable":
     case "image":
     case "text":
     case "diamond":
@@ -306,6 +314,7 @@ export const distanceToBindableElement = (
     case "rectangle":
     case "image":
     case "text":
+    case "embeddable":
     case "frame":
       return distanceToRectangle(element, point);
     case "diamond":
@@ -337,6 +346,7 @@ const distanceToRectangle = (
     | ExcalidrawTextElement
     | ExcalidrawFreeDrawElement
     | ExcalidrawImageElement
+    | ExcalidrawEmbeddableElement
     | ExcalidrawFrameElement,
   point: Point,
 ): number => {
@@ -649,6 +659,7 @@ export const determineFocusDistance = (
     case "rectangle":
     case "image":
     case "text":
+    case "embeddable":
     case "frame":
       return c / (hwidth * (nabs + q * mabs));
     case "diamond":
@@ -682,6 +693,7 @@ export const determineFocusPoint = (
     case "image":
     case "text":
     case "diamond":
+    case "embeddable":
     case "frame":
       point = findFocusPointForRectangulars(element, focus, adjecentPointRel);
       break;
@@ -733,6 +745,7 @@ const getSortedElementLineIntersections = (
     case "image":
     case "text":
     case "diamond":
+    case "embeddable":
     case "frame":
       const corners = getCorners(element);
       intersections = corners
@@ -768,6 +781,7 @@ const getCorners = (
     | ExcalidrawImageElement
     | ExcalidrawDiamondElement
     | ExcalidrawTextElement
+    | ExcalidrawEmbeddableElement
     | ExcalidrawFrameElement,
   scale: number = 1,
 ): GA.Point[] => {
@@ -777,6 +791,7 @@ const getCorners = (
     case "rectangle":
     case "image":
     case "text":
+    case "embeddable":
     case "frame":
       return [
         GA.point(hx, hy),
@@ -926,6 +941,7 @@ export const findFocusPointForRectangulars = (
     | ExcalidrawImageElement
     | ExcalidrawDiamondElement
     | ExcalidrawTextElement
+    | ExcalidrawEmbeddableElement
     | ExcalidrawFrameElement,
   // Between -1 and 1 for how far away should the focus point be relative
   // to the size of the element. Sign determines orientation.
diff --git a/src/element/embeddable.ts b/src/element/embeddable.ts
new file mode 100644
index 000000000..c574cfa6d
--- /dev/null
+++ b/src/element/embeddable.ts
@@ -0,0 +1,329 @@
+import { register } from "../actions/register";
+import { FONT_FAMILY, VERTICAL_ALIGN } from "../constants";
+import { t } from "../i18n";
+import { ExcalidrawProps } from "../types";
+import { getFontString, setCursorForShape, updateActiveTool } from "../utils";
+import { newTextElement } from "./newElement";
+import { getContainerElement, wrapText } from "./textElement";
+import { isEmbeddableElement } from "./typeChecks";
+import {
+  ExcalidrawElement,
+  ExcalidrawEmbeddableElement,
+  NonDeletedExcalidrawElement,
+  Theme,
+} from "./types";
+
+type EmbeddedLink =
+  | ({
+      aspectRatio: { w: number; h: number };
+      warning?: string;
+    } & (
+      | { type: "video" | "generic"; link: string }
+      | { type: "document"; srcdoc: (theme: Theme) => string }
+    ))
+  | null;
+
+const embeddedLinkCache = new Map<string, EmbeddedLink>();
+
+const RE_YOUTUBE =
+  /^(?:http(?:s)?:\/\/)?(?:www\.)?youtu(?:be\.com|\.be)\/(embed\/|watch\?v=|shorts\/|playlist\?list=|embed\/videoseries\?list=)?([a-zA-Z0-9_-]+)(?:\?t=|&t=|\?start=|&start=)?([a-zA-Z0-9_-]+)?[^\s]*$/;
+const RE_VIMEO =
+  /^(?:http(?:s)?:\/\/)?(?:(?:w){3}.)?(?:player\.)?vimeo\.com\/(?:video\/)?([^?\s]+)(?:\?.*)?$/;
+const RE_FIGMA = /^https:\/\/(?:www\.)?figma\.com/;
+
+const RE_GH_GIST = /^https:\/\/gist\.github\.com/;
+const RE_GH_GIST_EMBED =
+  /^<script[\s\S]*?\ssrc=["'](https:\/\/gist.github.com\/.*?)\.js["']/i;
+
+// not anchored to start to allow <blockquote> twitter embeds
+const RE_TWITTER = /(?:http(?:s)?:\/\/)?(?:(?:w){3}.)?twitter.com/;
+const RE_TWITTER_EMBED =
+  /^<blockquote[\s\S]*?\shref=["'](https:\/\/twitter.com\/[^"']*)/i;
+
+const RE_GENERIC_EMBED =
+  /^<(?:iframe|blockquote)[\s\S]*?\s(?:src|href)=["']([^"']*)["'][\s\S]*?>$/i;
+
+const ALLOWED_DOMAINS = new Set([
+  "youtube.com",
+  "youtu.be",
+  "vimeo.com",
+  "player.vimeo.com",
+  "figma.com",
+  "link.excalidraw.com",
+  "gist.github.com",
+  "twitter.com",
+]);
+
+const createSrcDoc = (body: string) => {
+  return `<html><body>${body}</body></html>`;
+};
+
+export const getEmbedLink = (link: string | null | undefined): EmbeddedLink => {
+  if (!link) {
+    return null;
+  }
+
+  if (embeddedLinkCache.has(link)) {
+    return embeddedLinkCache.get(link)!;
+  }
+
+  const originalLink = link;
+
+  let type: "video" | "generic" = "generic";
+  let aspectRatio = { w: 560, h: 840 };
+  const ytLink = link.match(RE_YOUTUBE);
+  if (ytLink?.[2]) {
+    const time = ytLink[3] ? `&start=${ytLink[3]}` : ``;
+    const isPortrait = link.includes("shorts");
+    type = "video";
+    switch (ytLink[1]) {
+      case "embed/":
+      case "watch?v=":
+      case "shorts/":
+        link = `https://www.youtube.com/embed/${ytLink[2]}?enablejsapi=1${time}`;
+        break;
+      case "playlist?list=":
+      case "embed/videoseries?list=":
+        link = `https://www.youtube.com/embed/videoseries?list=${ytLink[2]}&enablejsapi=1${time}`;
+        break;
+      default:
+        link = `https://www.youtube.com/embed/${ytLink[2]}?enablejsapi=1${time}`;
+        break;
+    }
+    aspectRatio = isPortrait ? { w: 315, h: 560 } : { w: 560, h: 315 };
+    embeddedLinkCache.set(originalLink, { link, aspectRatio, type });
+    return { link, aspectRatio, type };
+  }
+
+  const vimeoLink = link.match(RE_VIMEO);
+  if (vimeoLink?.[1]) {
+    const target = vimeoLink?.[1];
+    const warning = !/^\d+$/.test(target)
+      ? t("toast.unrecognizedLinkFormat")
+      : undefined;
+    type = "video";
+    link = `https://player.vimeo.com/video/${target}?api=1`;
+    aspectRatio = { w: 560, h: 315 };
+    //warning deliberately ommited so it is displayed only once per link
+    //same link next time will be served from cache
+    embeddedLinkCache.set(originalLink, { link, aspectRatio, type });
+    return { link, aspectRatio, type, warning };
+  }
+
+  const figmaLink = link.match(RE_FIGMA);
+  if (figmaLink) {
+    type = "generic";
+    link = `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(
+      link,
+    )}`;
+    aspectRatio = { w: 550, h: 550 };
+    embeddedLinkCache.set(originalLink, { link, aspectRatio, type });
+    return { link, aspectRatio, type };
+  }
+
+  if (RE_TWITTER.test(link)) {
+    let ret: EmbeddedLink;
+    // assume embed code
+    if (/<blockquote/.test(link)) {
+      const srcDoc = createSrcDoc(link);
+      ret = {
+        type: "document",
+        srcdoc: () => srcDoc,
+        aspectRatio: { w: 480, h: 480 },
+      };
+      // assume regular tweet url
+    } else {
+      ret = {
+        type: "document",
+        srcdoc: (theme: string) =>
+          createSrcDoc(
+            `<blockquote class="twitter-tweet" data-dnt="true" data-theme="${theme}"><a href="${link}"></a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>`,
+          ),
+        aspectRatio: { w: 480, h: 480 },
+      };
+    }
+    embeddedLinkCache.set(originalLink, ret);
+    return ret;
+  }
+
+  if (RE_GH_GIST.test(link)) {
+    let ret: EmbeddedLink;
+    // assume embed code
+    if (/<script>/.test(link)) {
+      const srcDoc = createSrcDoc(link);
+      ret = {
+        type: "document",
+        srcdoc: () => srcDoc,
+        aspectRatio: { w: 550, h: 720 },
+      };
+      // assume regular url
+    } else {
+      ret = {
+        type: "document",
+        srcdoc: () =>
+          createSrcDoc(`
+          <script src="${link}.js"></script>
+          <style type="text/css">
+            * { margin: 0px; }
+            table, .gist { height: 100%; }
+            .gist .gist-file { height: calc(100vh - 2px); padding: 0px; display: grid; grid-template-rows: 1fr auto; }
+          </style>
+        `),
+        aspectRatio: { w: 550, h: 720 },
+      };
+    }
+    embeddedLinkCache.set(link, ret);
+    return ret;
+  }
+
+  embeddedLinkCache.set(link, { link, aspectRatio, type });
+  return { link, aspectRatio, type };
+};
+
+export const isEmbeddableOrFrameLabel = (
+  element: NonDeletedExcalidrawElement,
+): Boolean => {
+  if (isEmbeddableElement(element)) {
+    return true;
+  }
+  if (element.type === "text") {
+    const container = getContainerElement(element);
+    if (container && isEmbeddableElement(container)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+export const createPlaceholderEmbeddableLabel = (
+  element: ExcalidrawEmbeddableElement,
+): ExcalidrawElement => {
+  const text =
+    !element.link || element?.link === "" ? "Empty Web-Embed" : element.link;
+  const fontSize = Math.max(
+    Math.min(element.width / 2, element.width / text.length),
+    element.width / 30,
+  );
+  const fontFamily = FONT_FAMILY.Helvetica;
+
+  const fontString = getFontString({
+    fontSize,
+    fontFamily,
+  });
+
+  return newTextElement({
+    x: element.x + element.width / 2,
+    y: element.y + element.height / 2,
+    strokeColor:
+      element.strokeColor !== "transparent" ? element.strokeColor : "black",
+    backgroundColor: "transparent",
+    fontFamily,
+    fontSize,
+    text: wrapText(text, fontString, element.width - 20),
+    textAlign: "center",
+    verticalAlign: VERTICAL_ALIGN.MIDDLE,
+    angle: element.angle ?? 0,
+  });
+};
+
+export const actionSetEmbeddableAsActiveTool = register({
+  name: "setEmbeddableAsActiveTool",
+  trackEvent: { category: "toolbar" },
+  perform: (elements, appState, _, app) => {
+    const nextActiveTool = updateActiveTool(appState, {
+      type: "embeddable",
+    });
+
+    setCursorForShape(app.canvas, {
+      ...appState,
+      activeTool: nextActiveTool,
+    });
+
+    return {
+      elements,
+      appState: {
+        ...appState,
+        activeTool: updateActiveTool(appState, {
+          type: "embeddable",
+        }),
+      },
+      commitToHistory: false,
+    };
+  },
+});
+
+const validateHostname = (
+  url: string,
+  /** using a Set assumes it already contains normalized bare domains */
+  allowedHostnames: Set<string> | string,
+): boolean => {
+  try {
+    const { hostname } = new URL(url);
+
+    const bareDomain = hostname.replace(/^www\./, "");
+
+    if (allowedHostnames instanceof Set) {
+      return ALLOWED_DOMAINS.has(bareDomain);
+    }
+
+    if (bareDomain === allowedHostnames.replace(/^www\./, "")) {
+      return true;
+    }
+  } catch (error) {
+    // ignore
+  }
+  return false;
+};
+
+export const extractSrc = (htmlString: string): string => {
+  const twitterMatch = htmlString.match(RE_TWITTER_EMBED);
+  if (twitterMatch && twitterMatch.length === 2) {
+    return twitterMatch[1];
+  }
+
+  const gistMatch = htmlString.match(RE_GH_GIST_EMBED);
+  if (gistMatch && gistMatch.length === 2) {
+    return gistMatch[1];
+  }
+
+  const match = htmlString.match(RE_GENERIC_EMBED);
+  if (match && match.length === 2) {
+    return match[1];
+  }
+  return htmlString;
+};
+
+export const embeddableURLValidator = (
+  url: string | null | undefined,
+  validateEmbeddable: ExcalidrawProps["validateEmbeddable"],
+): boolean => {
+  if (!url) {
+    return false;
+  }
+  if (validateEmbeddable != null) {
+    if (typeof validateEmbeddable === "function") {
+      const ret = validateEmbeddable(url);
+      // if return value is undefined, leave validation to default
+      if (typeof ret === "boolean") {
+        return ret;
+      }
+    } else if (typeof validateEmbeddable === "boolean") {
+      return validateEmbeddable;
+    } else if (validateEmbeddable instanceof RegExp) {
+      return validateEmbeddable.test(url);
+    } else if (Array.isArray(validateEmbeddable)) {
+      for (const domain of validateEmbeddable) {
+        if (domain instanceof RegExp) {
+          if (url.match(domain)) {
+            return true;
+          }
+        } else if (validateHostname(url, domain)) {
+          return true;
+        }
+      }
+      return false;
+    }
+  }
+
+  return validateHostname(url, ALLOWED_DOMAINS);
+};
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 848a6af7a..d84261fc2 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -13,6 +13,7 @@ import {
   FontFamilyValues,
   ExcalidrawTextContainer,
   ExcalidrawFrameElement,
+  ExcalidrawEmbeddableElement,
 } from "../element/types";
 import {
   arrayToMap,
@@ -130,6 +131,18 @@ export const newElement = (
 ): NonDeleted<ExcalidrawGenericElement> =>
   _newElementBase<ExcalidrawGenericElement>(opts.type, opts);
 
+export const newEmbeddableElement = (
+  opts: {
+    type: "embeddable";
+    validated: boolean | undefined;
+  } & ElementConstructorOpts,
+): NonDeleted<ExcalidrawEmbeddableElement> => {
+  return {
+    ..._newElementBase<ExcalidrawEmbeddableElement>("embeddable", opts),
+    validated: opts.validated,
+  };
+};
+
 export const newFrameElement = (
   opts: ElementConstructorOpts,
 ): NonDeleted<ExcalidrawFrameElement> => {
@@ -177,7 +190,6 @@ export const newTextElement = (
     containerId?: ExcalidrawTextContainer["id"];
     lineHeight?: ExcalidrawTextElement["lineHeight"];
     strokeWidth?: ExcalidrawTextElement["strokeWidth"];
-    isFrameName?: boolean;
   } & ElementConstructorOpts,
 ): NonDeleted<ExcalidrawTextElement> => {
   const fontFamily = opts.fontFamily || DEFAULT_FONT_FAMILY;
@@ -212,7 +224,6 @@ export const newTextElement = (
       containerId: opts.containerId || null,
       originalText: text,
       lineHeight,
-      isFrameName: opts.isFrameName || false,
     },
     {},
   );
diff --git a/src/element/showSelectedShapeActions.ts b/src/element/showSelectedShapeActions.ts
index e04802934..cc42ec8d0 100644
--- a/src/element/showSelectedShapeActions.ts
+++ b/src/element/showSelectedShapeActions.ts
@@ -7,11 +7,11 @@ export const showSelectedShapeActions = (
   elements: readonly NonDeletedExcalidrawElement[],
 ) =>
   Boolean(
-    (!appState.viewModeEnabled &&
-      appState.activeTool.type !== "custom" &&
-      (appState.editingElement ||
-        (appState.activeTool.type !== "selection" &&
-          appState.activeTool.type !== "eraser" &&
-          appState.activeTool.type !== "hand"))) ||
-      getSelectedElements(elements, appState).length,
+    !appState.viewModeEnabled &&
+      ((appState.activeTool.type !== "custom" &&
+        (appState.editingElement ||
+          (appState.activeTool.type !== "selection" &&
+            appState.activeTool.type !== "eraser" &&
+            appState.activeTool.type !== "hand"))) ||
+        getSelectedElements(elements, appState).length),
   );
diff --git a/src/element/typeChecks.ts b/src/element/typeChecks.ts
index d255a9a25..3f61e3fc9 100644
--- a/src/element/typeChecks.ts
+++ b/src/element/typeChecks.ts
@@ -4,6 +4,7 @@ import { MarkNonNullable } from "../utility-types";
 import {
   ExcalidrawElement,
   ExcalidrawTextElement,
+  ExcalidrawEmbeddableElement,
   ExcalidrawLinearElement,
   ExcalidrawBindableElement,
   ExcalidrawGenericElement,
@@ -24,7 +25,8 @@ export const isGenericElement = (
     (element.type === "selection" ||
       element.type === "rectangle" ||
       element.type === "diamond" ||
-      element.type === "ellipse")
+      element.type === "ellipse" ||
+      element.type === "embeddable")
   );
 };
 
@@ -40,6 +42,12 @@ export const isImageElement = (
   return !!element && element.type === "image";
 };
 
+export const isEmbeddableElement = (
+  element: ExcalidrawElement | null | undefined,
+): element is ExcalidrawEmbeddableElement => {
+  return !!element && element.type === "embeddable";
+};
+
 export const isTextElement = (
   element: ExcalidrawElement | null,
 ): element is ExcalidrawTextElement => {
@@ -112,6 +120,7 @@ export const isBindableElement = (
       element.type === "diamond" ||
       element.type === "ellipse" ||
       element.type === "image" ||
+      element.type === "embeddable" ||
       (element.type === "text" && !element.containerId))
   );
 };
@@ -135,6 +144,7 @@ export const isExcalidrawElement = (element: any): boolean => {
     element?.type === "text" ||
     element?.type === "diamond" ||
     element?.type === "rectangle" ||
+    element?.type === "embeddable" ||
     element?.type === "ellipse" ||
     element?.type === "arrow" ||
     element?.type === "freedraw" ||
@@ -162,7 +172,8 @@ export const isBoundToContainer = (
   );
 };
 
-export const isUsingAdaptiveRadius = (type: string) => type === "rectangle";
+export const isUsingAdaptiveRadius = (type: string) =>
+  type === "rectangle" || type === "embeddable";
 
 export const isUsingProportionalRadius = (type: string) =>
   type === "line" || type === "arrow" || type === "diamond";
@@ -193,17 +204,13 @@ export const canApplyRoundnessTypeToElement = (
 export const getDefaultRoundnessTypeForElement = (
   element: ExcalidrawElement,
 ) => {
-  if (
-    element.type === "arrow" ||
-    element.type === "line" ||
-    element.type === "diamond"
-  ) {
+  if (isUsingProportionalRadius(element.type)) {
     return {
       type: ROUNDNESS.PROPORTIONAL_RADIUS,
     };
   }
 
-  if (element.type === "rectangle") {
+  if (isUsingAdaptiveRadius(element.type)) {
     return {
       type: ROUNDNESS.ADAPTIVE_RADIUS,
     };
diff --git a/src/element/types.ts b/src/element/types.ts
index a8c49e1a0..7d799f234 100644
--- a/src/element/types.ts
+++ b/src/element/types.ts
@@ -84,6 +84,19 @@ export type ExcalidrawEllipseElement = _ExcalidrawElementBase & {
   type: "ellipse";
 };
 
+export type ExcalidrawEmbeddableElement = _ExcalidrawElementBase &
+  Readonly<{
+    /**
+     * indicates whether the embeddable src (url) has been validated for rendering.
+     * nullish value indicates that the validation is pending. We reset the
+     * value on each restore (or url change) so that we can guarantee
+     * the validation came from a trusted source (the editor). Also because we
+     * may not have access to host-app supplied url validator during restore.
+     */
+    validated?: boolean;
+    type: "embeddable";
+  }>;
+
 export type ExcalidrawImageElement = _ExcalidrawElementBase &
   Readonly<{
     type: "image";
@@ -110,6 +123,7 @@ export type ExcalidrawFrameElement = _ExcalidrawElementBase & {
 export type ExcalidrawGenericElement =
   | ExcalidrawSelectionElement
   | ExcalidrawRectangleElement
+  | ExcalidrawEmbeddableElement
   | ExcalidrawDiamondElement
   | ExcalidrawEllipseElement;
 
@@ -156,6 +170,7 @@ export type ExcalidrawBindableElement =
   | ExcalidrawEllipseElement
   | ExcalidrawTextElement
   | ExcalidrawImageElement
+  | ExcalidrawEmbeddableElement
   | ExcalidrawFrameElement;
 
 export type ExcalidrawTextContainer =
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index 860437f3c..cd719e276 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -100,6 +100,20 @@ polyfill();
 
 window.EXCALIDRAW_THROTTLE_RENDER = true;
 
+let isSelfEmbedding = false;
+
+if (window.self !== window.top) {
+  try {
+    const parentUrl = new URL(document.referrer);
+    const currentUrl = new URL(window.location.href);
+    if (parentUrl.origin === currentUrl.origin) {
+      isSelfEmbedding = true;
+    }
+  } catch (error) {
+    // ignore
+  }
+}
+
 const languageDetector = new LanguageDetector();
 languageDetector.init({
   languageUtils: {},
@@ -518,7 +532,9 @@ const ExcalidrawWrapper = () => {
 
   const [theme, setTheme] = useState<Theme>(
     () =>
-      localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_THEME) ||
+      (localStorage.getItem(
+        STORAGE_KEYS.LOCAL_STORAGE_THEME,
+      ) as Theme | null) ||
       // FIXME migration from old LS scheme. Can be removed later. #5660
       importFromLocalStorage().appState?.theme ||
       THEME.LIGHT,
@@ -641,6 +657,25 @@ const ExcalidrawWrapper = () => {
 
   const isOffline = useAtomValue(isOfflineAtom);
 
+  // browsers generally prevent infinite self-embedding, there are
+  // cases where it still happens, and while we disallow self-embedding
+  // by not whitelisting our own origin, this serves as an additional guard
+  if (isSelfEmbedding) {
+    return (
+      <div
+        style={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          textAlign: "center",
+          height: "100%",
+        }}
+      >
+        <h1>I'm not a pretzel!</h1>
+      </div>
+    );
+  }
+
   return (
     <div
       style={{ height: "100%" }}
diff --git a/src/hooks/useLibraryItemSvg.ts b/src/hooks/useLibraryItemSvg.ts
index 1c27f0ce7..d6de4a0c4 100644
--- a/src/hooks/useLibraryItemSvg.ts
+++ b/src/hooks/useLibraryItemSvg.ts
@@ -17,6 +17,7 @@ const exportLibraryItemToSvg = async (elements: LibraryItem["elements"]) => {
       viewBackgroundColor: COLOR_PALETTE.white,
     },
     files: null,
+    renderEmbeddables: false,
   });
 };
 
diff --git a/src/keys.ts b/src/keys.ts
index 33f1188dc..da3e6b49d 100644
--- a/src/keys.ts
+++ b/src/keys.ts
@@ -65,6 +65,7 @@ export const KEYS = {
   Y: "y",
   Z: "z",
   K: "k",
+  W: "w",
 
   0: "0",
   1: "1",
diff --git a/src/locales/en.json b/src/locales/en.json
index 7092e9be8..938535c5e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -109,8 +109,12 @@
     "createContainerFromText": "Wrap text in a container",
     "link": {
       "edit": "Edit link",
+      "editEmbed": "Edit link & embed",
       "create": "Create link",
-      "label": "Link"
+      "createEmbed": "Create link & embed",
+      "label": "Link",
+      "labelEmbed": "Link & embed",
+      "empty": "No link is set"
     },
     "lineEditor": {
       "edit": "Edit line",
@@ -164,9 +168,11 @@
     "cancel": "Cancel",
     "clear": "Clear",
     "remove": "Remove",
+    "embed": "Toggle embedding",
     "publishLibrary": "Publish",
     "submit": "Submit",
-    "confirm": "Confirm"
+    "confirm": "Confirm",
+    "embeddableInteractionButton": "Click to interact"
   },
   "alerts": {
     "clearReset": "This will clear the whole canvas. Are you sure?",
@@ -206,6 +212,10 @@
       "line2": "This could result in breaking the <bold>Text Elements</bold> in your drawings.",
       "line3": "We strongly recommend disabling this setting. You can follow <link>these steps</link> on how to do so.",
       "line4": "If disabling this setting doesn't fix the display of text elements, please open an <issueLink>issue</issueLink> on our GitHub, or write us on <discordLink>Discord</discordLink>"
+    },
+    "libraryElementTypeError": {
+      "embeddable": "Embeddable elements cannot be added to the library.",
+      "image": "Support for adding images to the library coming soon!"
     }
   },
   "toolBar": {
@@ -224,6 +234,7 @@
     "link": "Add/ Update link for a selected shape",
     "eraser": "Eraser",
     "frame": "Frame tool",
+    "embeddable": "Web Embed",
     "hand": "Hand (panning tool)",
     "extraTools": "More tools"
   },
@@ -237,6 +248,7 @@
     "linearElement": "Click to start multiple points, drag for single line",
     "freeDraw": "Click and drag, release when you're finished",
     "text": "Tip: you can also add text by double-clicking anywhere with the selection tool",
+    "embeddable": "Click-drag to create a website embed",
     "text_selected": "Double-click or press ENTER to edit text",
     "text_editing": "Press Escape or CtrlOrCmd+ENTER to finish editing",
     "linearElementMulti": "Click on last point or press Escape or Enter to finish",
@@ -411,7 +423,9 @@
     "fileSavedToFilename": "Saved to {filename}",
     "canvas": "canvas",
     "selection": "selection",
-    "pasteAsSingleElement": "Use {{shortcut}} to paste as a single element,\nor paste into an existing text editor"
+    "pasteAsSingleElement": "Use {{shortcut}} to paste as a single element,\nor paste into an existing text editor",
+    "unableToEmbed": "Embedding this url is currently not allowed. Raise an issue on GitHub to request the url whitelisted",
+    "unrecognizedLinkFormat": "The link you embedded does not match the expected format. Please try to paste the 'embed' string provided by the source site"
   },
   "colors": {
     "transparent": "Transparent",
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 5933f5649..4d06ecc9b 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -13,8 +13,27 @@ Please add the latest change on the top under the correct section.
 
 ## Unreleased
 
+### renderEmbeddable
+
+```tsx
+(element: NonDeletedExcalidrawElement, radius: number, appState: UIAppState) => JSX.Element | null;`
+```
+
+The renderEmbeddable function allows you to customize the rendering of a JSX component instead of using the default `<iframe>`. By setting props.renderEmbeddable, you can provide a custom implementation for rendering the element.
+
+#### Parameters:
+
+- element (NonDeletedExcalidrawElement): The element to be rendered.
+- radius (number): The calculated border radius in pixels.
+- appState (UIAppState): The current state of the UI.
+
+#### Return value:
+
+JSX.Element | null: The JSX component representing the custom rendering, or null if the default `<iframe>` should be rendered.
+
 ### Features
 
+- Added [`props.validateEmbeddable`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props#validateEmbeddable) to customize embeddable src url validation. [#6691](https://github.com/excalidraw/excalidraw/pull/6691)
 - Add support for `opts.fitToViewport` and `opts.viewportZoomFactor` in the [`ExcalidrawAPI.scrollToContent`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/ref#scrolltocontent) API. [#6581](https://github.com/excalidraw/excalidraw/pull/6581).
 - Properly sanitize element `link` urls. [#6728](https://github.com/excalidraw/excalidraw/pull/6728).
 - Sidebar component now supports tabs — for more detailed description of new behavior and breaking changes, see the linked PR. [#6213](https://github.com/excalidraw/excalidraw/pull/6213)
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 8240de887..1a5c6b9ed 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -26,7 +26,7 @@ import {
   LibraryItems,
   PointerDownState as ExcalidrawPointerDownState,
 } from "../../../types";
-import { NonDeletedExcalidrawElement } from "../../../element/types";
+import { NonDeletedExcalidrawElement, Theme } from "../../../element/types";
 import { ImportedLibraryData } from "../../../data/types";
 import CustomFooter from "./CustomFooter";
 import MobileFooter from "./MobileFooter";
@@ -96,7 +96,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
   const [canvasUrl, setCanvasUrl] = useState<string>("");
   const [exportWithDarkMode, setExportWithDarkMode] = useState(false);
   const [exportEmbedScene, setExportEmbedScene] = useState(false);
-  const [theme, setTheme] = useState("light");
+  const [theme, setTheme] = useState<Theme>("light");
   const [isCollaborating, setIsCollaborating] = useState(false);
   const [commentIcons, setCommentIcons] = useState<{ [id: string]: Comment }>(
     {},
@@ -595,11 +595,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
               type="checkbox"
               checked={theme === "dark"}
               onChange={() => {
-                let newTheme = "light";
-                if (theme === "light") {
-                  newTheme = "dark";
-                }
-                setTheme(newTheme);
+                setTheme(theme === "light" ? "dark" : "light");
               }}
             />
             Switch to Dark Theme
@@ -687,6 +683,8 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
             onLinkOpen={onLinkOpen}
             onPointerDown={onPointerDown}
             onScrollChange={rerenderCommentIcons}
+            // allow all urls
+            validateEmbeddable={true}
           >
             {excalidrawAPI && (
               <Footer>
diff --git a/src/packages/excalidraw/index.tsx b/src/packages/excalidraw/index.tsx
index 8ee2956bb..c417cdfb3 100644
--- a/src/packages/excalidraw/index.tsx
+++ b/src/packages/excalidraw/index.tsx
@@ -42,6 +42,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
     onPointerDown,
     onScrollChange,
     children,
+    validateEmbeddable,
+    renderEmbeddable,
   } = props;
 
   const canvasActions = props.UIOptions?.canvasActions;
@@ -115,6 +117,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
           onLinkOpen={onLinkOpen}
           onPointerDown={onPointerDown}
           onScrollChange={onScrollChange}
+          validateEmbeddable={validateEmbeddable}
+          renderEmbeddable={renderEmbeddable}
         >
           {children}
         </App>
diff --git a/src/packages/utils.ts b/src/packages/utils.ts
index d9365895e..8e55a1a05 100644
--- a/src/packages/utils.ts
+++ b/src/packages/utils.ts
@@ -178,8 +178,10 @@ export const exportToSvg = async ({
   appState = getDefaultAppState(),
   files = {},
   exportPadding,
+  renderEmbeddables,
 }: Omit<ExportOpts, "getDimensions"> & {
   exportPadding?: number;
+  renderEmbeddables?: boolean;
 }): Promise<SVGSVGElement> => {
   const { elements: restoredElements, appState: restoredAppState } = restore(
     { elements, appState },
@@ -197,6 +199,7 @@ export const exportToSvg = async ({
     exportAppState,
     files,
     {
+      renderEmbeddables,
       // NOTE as long as we're using the Scene hack, we need to ensure
       // we pass the original, uncloned elements when serializing
       // so that we keep ids stable. Hence adding the serializeAsJSON helper
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index ff47d4359..8b046ef85 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -27,7 +27,13 @@ import { RoughSVG } from "roughjs/bin/svg";
 import { RoughGenerator } from "roughjs/bin/generator";
 
 import { RenderConfig } from "../scene/types";
-import { distance, getFontString, getFontFamilyString, isRTL } from "../utils";
+import {
+  distance,
+  getFontString,
+  getFontFamilyString,
+  isRTL,
+  isTransparent,
+} from "../utils";
 import { getCornerRadius, isPathALoop, isRightAngle } from "../math";
 import rough from "roughjs/bin/rough";
 import { AppState, BinaryFiles, Zoom } from "../types";
@@ -49,8 +55,12 @@ import {
   getBoundTextMaxWidth,
 } from "../element/textElement";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import {
+  createPlaceholderEmbeddableLabel,
+  getEmbedLink,
+} from "../element/embeddable";
 import { getContainingFrame } from "../frame";
-import { normalizeLink } from "../data/url";
+import { normalizeLink, toValidURL } from "../data/url";
 
 // using a stronger invert (100% vs our regular 93%) and saturate
 // as a temp hack to make images in dark theme look closer to original
@@ -262,6 +272,7 @@ const drawElementOnCanvas = (
     ((getContainingFrame(element)?.opacity ?? 100) * element.opacity) / 10000;
   switch (element.type) {
     case "rectangle":
+    case "embeddable":
     case "diamond":
     case "ellipse": {
       context.lineJoin = "round";
@@ -427,13 +438,13 @@ export const generateRoughOptions = (
 
   switch (element.type) {
     case "rectangle":
+    case "embeddable":
     case "diamond":
     case "ellipse": {
       options.fillStyle = element.fillStyle;
-      options.fill =
-        element.backgroundColor === "transparent"
-          ? undefined
-          : element.backgroundColor;
+      options.fill = isTransparent(element.backgroundColor)
+        ? undefined
+        : element.backgroundColor;
       if (element.type === "ellipse") {
         options.curveFitting = 1;
       }
@@ -458,6 +469,26 @@ export const generateRoughOptions = (
   }
 };
 
+const modifyEmbeddableForRoughOptions = (
+  element: NonDeletedExcalidrawElement,
+  isExporting: boolean,
+) => {
+  if (
+    element.type === "embeddable" &&
+    (isExporting || !element.validated) &&
+    isTransparent(element.backgroundColor) &&
+    isTransparent(element.strokeColor)
+  ) {
+    return {
+      ...element,
+      roughness: 0,
+      backgroundColor: "#d3d3d3",
+      fillStyle: "solid",
+    } as const;
+  }
+  return element;
+};
+
 /**
  * Generates the element's shape and puts it into the cache.
  * @param element
@@ -466,8 +497,9 @@ export const generateRoughOptions = (
 const generateElementShape = (
   element: NonDeletedExcalidrawElement,
   generator: RoughGenerator,
+  isExporting: boolean = false,
 ) => {
-  let shape = shapeCache.get(element);
+  let shape = isExporting ? undefined : shapeCache.get(element);
 
   // `null` indicates no rc shape applicable for this element type
   // (= do not generate anything)
@@ -475,7 +507,11 @@ const generateElementShape = (
     elementWithCanvasCache.delete(element);
 
     switch (element.type) {
-      case "rectangle": {
+      case "rectangle":
+      case "embeddable": {
+        // this is for rendering the stroke/bg of the embeddable, especially
+        // when the src url is not set
+
         if (element.roundness) {
           const w = element.width;
           const h = element.height;
@@ -486,7 +522,10 @@ const generateElementShape = (
             } Q ${w} ${h}, ${w - r} ${h} L ${r} ${h} Q 0 ${h}, 0 ${
               h - r
             } L 0 ${r} Q 0 0, ${r} 0`,
-            generateRoughOptions(element, true),
+            generateRoughOptions(
+              modifyEmbeddableForRoughOptions(element, isExporting),
+              true,
+            ),
           );
         } else {
           shape = generator.rectangle(
@@ -494,7 +533,10 @@ const generateElementShape = (
             0,
             element.width,
             element.height,
-            generateRoughOptions(element),
+            generateRoughOptions(
+              modifyEmbeddableForRoughOptions(element, isExporting),
+              false,
+            ),
           );
         }
         setShapeForElement(element, shape);
@@ -996,8 +1038,9 @@ export const renderElement = (
     case "line":
     case "arrow":
     case "image":
-    case "text": {
-      generateElementShape(element, generator);
+    case "text":
+    case "embeddable": {
+      generateElementShape(element, generator, renderConfig.isExporting);
       if (renderConfig.isExporting) {
         const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
         const cx = (x1 + x2) / 2 + renderConfig.scrollX;
@@ -1180,7 +1223,9 @@ export const renderElementToSvg = (
   offsetY: number,
   exportWithDarkMode?: boolean,
   exportingFrameId?: string | null,
+  renderEmbeddables?: boolean,
 ) => {
+  const offset = { x: offsetX, y: offsetY };
   const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
   let cx = (x2 - x1) / 2 - (element.x - x1);
   let cy = (y2 - y1) / 2 - (element.y - y1);
@@ -1253,6 +1298,106 @@ export const renderElementToSvg = (
       g ? root.appendChild(g) : root.appendChild(node);
       break;
     }
+    case "embeddable": {
+      // render placeholder rectangle
+      generateElementShape(element, generator, true);
+      const node = roughSVGDrawWithPrecision(
+        rsvg,
+        getShapeForElement(element)!,
+        MAX_DECIMALS_FOR_SVG_EXPORT,
+      );
+      const opacity = element.opacity / 100;
+      if (opacity !== 1) {
+        node.setAttribute("stroke-opacity", `${opacity}`);
+        node.setAttribute("fill-opacity", `${opacity}`);
+      }
+      node.setAttribute("stroke-linecap", "round");
+      node.setAttribute(
+        "transform",
+        `translate(${offsetX || 0} ${
+          offsetY || 0
+        }) rotate(${degree} ${cx} ${cy})`,
+      );
+      root.appendChild(node);
+
+      const label: ExcalidrawElement =
+        createPlaceholderEmbeddableLabel(element);
+      renderElementToSvg(
+        label,
+        rsvg,
+        root,
+        files,
+        label.x + offset.x - element.x,
+        label.y + offset.y - element.y,
+        exportWithDarkMode,
+        exportingFrameId,
+        renderEmbeddables,
+      );
+
+      // render embeddable element + iframe
+      const embeddableNode = roughSVGDrawWithPrecision(
+        rsvg,
+        getShapeForElement(element)!,
+        MAX_DECIMALS_FOR_SVG_EXPORT,
+      );
+      embeddableNode.setAttribute("stroke-linecap", "round");
+      embeddableNode.setAttribute(
+        "transform",
+        `translate(${offsetX || 0} ${
+          offsetY || 0
+        }) rotate(${degree} ${cx} ${cy})`,
+      );
+      while (embeddableNode.firstChild) {
+        embeddableNode.removeChild(embeddableNode.firstChild);
+      }
+      const radius = getCornerRadius(
+        Math.min(element.width, element.height),
+        element,
+      );
+
+      const embedLink = getEmbedLink(toValidURL(element.link || ""));
+
+      // if rendering embeddables explicitly disabled or
+      // embedding documents via srcdoc (which doesn't seem to work for SVGs)
+      // replace with a link instead
+      if (renderEmbeddables === false || embedLink?.type === "document") {
+        const anchorTag = svgRoot.ownerDocument!.createElementNS(SVG_NS, "a");
+        anchorTag.setAttribute("href", normalizeLink(element.link || ""));
+        anchorTag.setAttribute("target", "_blank");
+        anchorTag.setAttribute("rel", "noopener noreferrer");
+        anchorTag.style.borderRadius = `${radius}px`;
+
+        embeddableNode.appendChild(anchorTag);
+      } else {
+        const foreignObject = svgRoot.ownerDocument!.createElementNS(
+          SVG_NS,
+          "foreignObject",
+        );
+        foreignObject.style.width = `${element.width}px`;
+        foreignObject.style.height = `${element.height}px`;
+        foreignObject.style.border = "none";
+        const div = foreignObject.ownerDocument!.createElementNS(SVG_NS, "div");
+        div.setAttribute("xmlns", "http://www.w3.org/1999/xhtml");
+        div.style.width = "100%";
+        div.style.height = "100%";
+        const iframe = div.ownerDocument!.createElement("iframe");
+        iframe.src = embedLink?.link ?? "";
+        iframe.style.width = "100%";
+        iframe.style.height = "100%";
+        iframe.style.border = "none";
+        iframe.style.borderRadius = `${radius}px`;
+        iframe.style.top = "0";
+        iframe.style.left = "0";
+        iframe.allowFullscreen = true;
+        div.appendChild(iframe);
+        foreignObject.appendChild(div);
+
+        embeddableNode.appendChild(foreignObject);
+      }
+
+      root.appendChild(embeddableNode);
+      break;
+    }
     case "line":
     case "arrow": {
       const boundText = getBoundTextElement(element);
diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 1344329e5..7d1d51027 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -62,7 +62,15 @@ import {
   EXTERNAL_LINK_IMG,
   getLinkHandleFromCoords,
 } from "../element/Hyperlink";
-import { isFrameElement, isLinearElement } from "../element/typeChecks";
+import {
+  isEmbeddableElement,
+  isFrameElement,
+  isLinearElement,
+} from "../element/typeChecks";
+import {
+  isEmbeddableOrFrameLabel,
+  createPlaceholderEmbeddableLabel,
+} from "../element/embeddable";
 import {
   elementOverlapsWithFrame,
   getTargetFrame,
@@ -460,48 +468,102 @@ export const _renderScene = ({
     let editingLinearElement: NonDeleted<ExcalidrawLinearElement> | undefined =
       undefined;
 
-    visibleElements.forEach((element) => {
-      try {
-        // - when exporting the whole canvas, we DO NOT apply clipping
-        // - when we are exporting a particular frame, apply clipping
-        //   if the containing frame is not selected, apply clipping
-        const frameId = element.frameId || appState.frameToHighlight?.id;
+    visibleElements
+      .filter((el) => !isEmbeddableOrFrameLabel(el))
+      .forEach((element) => {
+        try {
+          // - when exporting the whole canvas, we DO NOT apply clipping
+          // - when we are exporting a particular frame, apply clipping
+          //   if the containing frame is not selected, apply clipping
+          const frameId = element.frameId || appState.frameToHighlight?.id;
 
-        if (
-          frameId &&
-          ((renderConfig.isExporting && isOnlyExportingSingleFrame(elements)) ||
-            (!renderConfig.isExporting &&
-              appState.frameRendering.enabled &&
-              appState.frameRendering.clip))
-        ) {
-          context.save();
+          if (
+            frameId &&
+            ((renderConfig.isExporting &&
+              isOnlyExportingSingleFrame(elements)) ||
+              (!renderConfig.isExporting &&
+                appState.frameRendering.enabled &&
+                appState.frameRendering.clip))
+          ) {
+            context.save();
 
-          const frame = getTargetFrame(element, appState);
+            const frame = getTargetFrame(element, appState);
 
-          if (frame && isElementInFrame(element, elements, appState)) {
-            frameClip(frame, context, renderConfig);
+            if (frame && isElementInFrame(element, elements, appState)) {
+              frameClip(frame, context, renderConfig);
+            }
+            renderElement(element, rc, context, renderConfig, appState);
+            context.restore();
+          } else {
+            renderElement(element, rc, context, renderConfig, appState);
           }
-          renderElement(element, rc, context, renderConfig, appState);
-          context.restore();
-        } else {
-          renderElement(element, rc, context, renderConfig, appState);
-        }
-        // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to
-        // ShapeCache returns empty hence making sure that we get the
-        // correct element from visible elements
-        if (appState.editingLinearElement?.elementId === element.id) {
-          if (element) {
-            editingLinearElement =
-              element as NonDeleted<ExcalidrawLinearElement>;
+          // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to
+          // ShapeCache returns empty hence making sure that we get the
+          // correct element from visible elements
+          if (appState.editingLinearElement?.elementId === element.id) {
+            if (element) {
+              editingLinearElement =
+                element as NonDeleted<ExcalidrawLinearElement>;
+            }
           }
+          if (!isExporting) {
+            renderLinkIcon(element, context, appState);
+          }
+        } catch (error: any) {
+          console.error(error);
         }
-        if (!isExporting) {
-          renderLinkIcon(element, context, appState);
+      });
+
+    // render embeddables on top
+    visibleElements
+      .filter((el) => isEmbeddableOrFrameLabel(el))
+      .forEach((element) => {
+        try {
+          const render = () => {
+            renderElement(element, rc, context, renderConfig, appState);
+
+            if (
+              isEmbeddableElement(element) &&
+              (isExporting || !element.validated) &&
+              element.width &&
+              element.height
+            ) {
+              const label = createPlaceholderEmbeddableLabel(element);
+              renderElement(label, rc, context, renderConfig, appState);
+            }
+            if (!isExporting) {
+              renderLinkIcon(element, context, appState);
+            }
+          };
+          // - when exporting the whole canvas, we DO NOT apply clipping
+          // - when we are exporting a particular frame, apply clipping
+          //   if the containing frame is not selected, apply clipping
+          const frameId = element.frameId || appState.frameToHighlight?.id;
+
+          if (
+            frameId &&
+            ((renderConfig.isExporting &&
+              isOnlyExportingSingleFrame(elements)) ||
+              (!renderConfig.isExporting &&
+                appState.frameRendering.enabled &&
+                appState.frameRendering.clip))
+          ) {
+            context.save();
+
+            const frame = getTargetFrame(element, appState);
+
+            if (frame && isElementInFrame(element, elements, appState)) {
+              frameClip(frame, context, renderConfig);
+            }
+            render();
+            context.restore();
+          } else {
+            render();
+          }
+        } catch (error: any) {
+          console.error(error);
         }
-      } catch (error: any) {
-        console.error(error);
-      }
-    });
+      });
 
     if (editingLinearElement) {
       renderLinearPointHandles(
@@ -640,10 +702,13 @@ export const _renderScene = ({
               dashed: !!renderConfig.remoteSelectedElementIds[element.id],
               cx,
               cy,
+              activeEmbeddable:
+                appState.activeEmbeddable?.element === element &&
+                appState.activeEmbeddable.state === "active",
             });
           }
           return acc;
-        }, [] as { angle: number; elementX1: number; elementY1: number; elementX2: number; elementY2: number; selectionColors: string[]; dashed?: boolean; cx: number; cy: number }[]);
+        }, [] as { angle: number; elementX1: number; elementY1: number; elementX2: number; elementY2: number; selectionColors: string[]; dashed?: boolean; cx: number; cy: number; activeEmbeddable: boolean }[]);
 
         const addSelectionForGroupId = (groupId: GroupId) => {
           const groupElements = getElementsInGroup(elements, groupId);
@@ -659,6 +724,7 @@ export const _renderScene = ({
             dashed: true,
             cx: elementX1 + (elementX2 - elementX1) / 2,
             cy: elementY1 + (elementY2 - elementY1) / 2,
+            activeEmbeddable: false,
           });
         };
 
@@ -1000,6 +1066,7 @@ const renderSelectionBorder = (
     dashed?: boolean;
     cx: number;
     cy: number;
+    activeEmbeddable: boolean;
   },
   padding = DEFAULT_SPACING * 2,
 ) => {
@@ -1013,6 +1080,7 @@ const renderSelectionBorder = (
     cx,
     cy,
     dashed,
+    activeEmbeddable,
   } = elementProperties;
   const elementWidth = elementX2 - elementX1;
   const elementHeight = elementY2 - elementY1;
@@ -1023,7 +1091,7 @@ const renderSelectionBorder = (
 
   context.save();
   context.translate(renderConfig.scrollX, renderConfig.scrollY);
-  context.lineWidth = 1 / renderConfig.zoom.value;
+  context.lineWidth = (activeEmbeddable ? 4 : 1) / renderConfig.zoom.value;
 
   const count = selectionColors.length;
   for (let index = 0; index < count; ++index) {
@@ -1084,6 +1152,7 @@ const renderBindingHighlightForBindableElement = (
     case "rectangle":
     case "text":
     case "image":
+    case "embeddable":
     case "frame":
       strokeRectWithRotation(
         context,
@@ -1178,6 +1247,7 @@ const renderElementsBoxHighlight = (
       dashed: false,
       cx: elementX1 + (elementX2 - elementX1) / 2,
       cy: elementY1 + (elementY2 - elementY1) / 2,
+      activeEmbeddable: false,
     };
   };
 
@@ -1326,11 +1396,13 @@ export const renderSceneToSvg = (
     offsetY = 0,
     exportWithDarkMode = false,
     exportingFrameId = null,
+    renderEmbeddables,
   }: {
     offsetX?: number;
     offsetY?: number;
     exportWithDarkMode?: boolean;
     exportingFrameId?: string | null;
+    renderEmbeddables?: boolean;
   } = {},
 ) => {
   if (!svgRoot) {
@@ -1338,22 +1410,48 @@ export const renderSceneToSvg = (
   }
 
   // render elements
-  elements.forEach((element) => {
-    if (!element.isDeleted) {
-      try {
-        renderElementToSvg(
-          element,
-          rsvg,
-          svgRoot,
-          files,
-          element.x + offsetX,
-          element.y + offsetY,
-          exportWithDarkMode,
-          exportingFrameId,
-        );
-      } catch (error: any) {
-        console.error(error);
+  elements
+    .filter((el) => !isEmbeddableOrFrameLabel(el))
+    .forEach((element) => {
+      if (!element.isDeleted) {
+        try {
+          renderElementToSvg(
+            element,
+            rsvg,
+            svgRoot,
+            files,
+            element.x + offsetX,
+            element.y + offsetY,
+            exportWithDarkMode,
+            exportingFrameId,
+            renderEmbeddables,
+          );
+        } catch (error: any) {
+          console.error(error);
+        }
       }
-    }
-  });
+    });
+
+  // render embeddables on top
+  elements
+    .filter((el) => isEmbeddableElement(el))
+    .forEach((element) => {
+      if (!element.isDeleted) {
+        try {
+          renderElementToSvg(
+            element,
+            rsvg,
+            svgRoot,
+            files,
+            element.x + offsetX,
+            element.y + offsetY,
+            exportWithDarkMode,
+            exportingFrameId,
+            renderEmbeddables,
+          );
+        } catch (error: any) {
+          console.error(error);
+        }
+      }
+    });
 };
diff --git a/src/scene/comparisons.ts b/src/scene/comparisons.ts
index ff73e83c9..b6bdf03b5 100644
--- a/src/scene/comparisons.ts
+++ b/src/scene/comparisons.ts
@@ -1,7 +1,12 @@
-import { NonDeletedExcalidrawElement } from "../element/types";
+import { isEmbeddableElement } from "../element/typeChecks";
+import {
+  ExcalidrawEmbeddableElement,
+  NonDeletedExcalidrawElement,
+} from "../element/types";
 
 export const hasBackground = (type: string) =>
   type === "rectangle" ||
+  type === "embeddable" ||
   type === "ellipse" ||
   type === "diamond" ||
   type === "line" ||
@@ -12,6 +17,7 @@ export const hasStrokeColor = (type: string) =>
 
 export const hasStrokeWidth = (type: string) =>
   type === "rectangle" ||
+  type === "embeddable" ||
   type === "ellipse" ||
   type === "diamond" ||
   type === "freedraw" ||
@@ -20,6 +26,7 @@ export const hasStrokeWidth = (type: string) =>
 
 export const hasStrokeStyle = (type: string) =>
   type === "rectangle" ||
+  type === "embeddable" ||
   type === "ellipse" ||
   type === "diamond" ||
   type === "arrow" ||
@@ -27,6 +34,7 @@ export const hasStrokeStyle = (type: string) =>
 
 export const canChangeRoundness = (type: string) =>
   type === "rectangle" ||
+  type === "embeddable" ||
   type === "arrow" ||
   type === "line" ||
   type === "diamond";
@@ -61,9 +69,21 @@ export const getElementsAtPosition = (
   elements: readonly NonDeletedExcalidrawElement[],
   isAtPositionFn: (element: NonDeletedExcalidrawElement) => boolean,
 ) => {
+  const embeddables: ExcalidrawEmbeddableElement[] = [];
   // The parameter elements comes ordered from lower z-index to higher.
   // We want to preserve that order on the returned array.
-  return elements.filter(
-    (element) => !element.isDeleted && isAtPositionFn(element),
-  );
+  // Exception being embeddables which should be on top of everything else in
+  // terms of hit testing.
+  const elsAtPos = elements.filter((element) => {
+    const hit = !element.isDeleted && isAtPositionFn(element);
+    if (hit) {
+      if (isEmbeddableElement(element)) {
+        embeddables.push(element);
+        return false;
+      }
+      return true;
+    }
+    return false;
+  });
+  return elsAtPos.concat(embeddables);
 };
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 78fc9b466..964861c6c 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -96,6 +96,7 @@ export const exportToSvg = async (
   files: BinaryFiles | null,
   opts?: {
     serializeAsJSON?: () => string;
+    renderEmbeddables?: boolean;
   },
 ): Promise<SVGSVGElement> => {
   const {
@@ -212,6 +213,7 @@ export const exportToSvg = async (
     offsetY,
     exportWithDarkMode: appState.exportWithDarkMode,
     exportingFrameId: exportingFrame?.id || null,
+    renderEmbeddables: opts?.renderEmbeddables,
   });
 
   return svgRoot;
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 0049c9199..a6ee42652 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`contextMenu element right-clicking on a group should select whole group: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -470,6 +471,7 @@ exports[`contextMenu element right-clicking on a group should select whole group
 
 exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -668,6 +670,7 @@ exports[`contextMenu element selecting 'Add to library' in context menu adds ele
 
 exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -1040,6 +1043,7 @@ exports[`contextMenu element selecting 'Bring forward' in context menu brings el
 
 exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -1412,6 +1416,7 @@ exports[`contextMenu element selecting 'Bring to front' in context menu brings e
 
 exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -1610,6 +1615,7 @@ exports[`contextMenu element selecting 'Copy styles' in context menu copies styl
 
 exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -1845,6 +1851,7 @@ exports[`contextMenu element selecting 'Delete' in context menu deletes element:
 
 exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -2145,6 +2152,7 @@ exports[`contextMenu element selecting 'Duplicate' in context menu duplicates el
 
 exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -2533,6 +2541,7 @@ exports[`contextMenu element selecting 'Group selection' in context menu groups
 
 exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -3411,6 +3420,7 @@ exports[`contextMenu element selecting 'Paste styles' in context menu pastes sty
 
 exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -3783,6 +3793,7 @@ exports[`contextMenu element selecting 'Send backward' in context menu sends ele
 
 exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -4155,6 +4166,7 @@ exports[`contextMenu element selecting 'Send to back' in context menu sends elem
 
 exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -4610,6 +4622,7 @@ exports[`contextMenu element selecting 'Ungroup selection' in context menu ungro
 
 exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -5189,6 +5202,7 @@ exports[`contextMenu element shows 'Group selection' in context menu for multipl
 
 exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -5853,6 +5867,7 @@ exports[`contextMenu element shows 'Ungroup selection' in context menu for group
 
 exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -6087,6 +6102,7 @@ exports[`contextMenu element shows context menu for canvas: [end of test] number
 
 exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -6460,6 +6476,7 @@ Object {
 
 exports[`contextMenu element shows context menu for element: [end of test] appState 2`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 03ced1c37..d1400a567 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -454,6 +455,7 @@ exports[`given element A and group of elements B and given both are selected whe
 
 exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -908,6 +910,7 @@ exports[`given element A and group of elements B and given both are selected whe
 
 exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -1735,6 +1738,7 @@ exports[`regression tests Cmd/Ctrl-click exclusively select element under pointe
 
 exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -1944,6 +1948,7 @@ exports[`regression tests Drags selected element when hitting only bounding box
 
 exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -2394,6 +2399,7 @@ exports[`regression tests adjusts z order when grouping: [end of test] number of
 
 exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -2632,6 +2638,7 @@ exports[`regression tests alt-drag duplicates an element: [end of test] number o
 
 exports[`regression tests arrow keys: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -2796,6 +2803,7 @@ exports[`regression tests arrow keys: [end of test] number of renders 1`] = `21`
 
 exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -3236,6 +3244,7 @@ exports[`regression tests can drag element that covers another element, while an
 
 exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -3529,6 +3538,7 @@ exports[`regression tests change the properties of a shape: [end of test] number
 
 exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -3770,6 +3780,7 @@ exports[`regression tests click on an element and drag it: [dragged] number of r
 
 exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -4022,6 +4033,7 @@ exports[`regression tests click on an element and drag it: [end of test] number
 
 exports[`regression tests click to select a shape: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -4260,6 +4272,7 @@ exports[`regression tests click to select a shape: [end of test] number of rende
 
 exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -4600,6 +4613,7 @@ exports[`regression tests click-drag to select a group: [end of test] number of
 
 exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -4893,6 +4907,7 @@ exports[`regression tests deselects group of selected elements on pointer down w
 
 exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -5158,6 +5173,7 @@ exports[`regression tests deselects group of selected elements on pointer up whe
 
 exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -5378,6 +5394,7 @@ exports[`regression tests deselects selected element on pointer down when pointe
 
 exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -5542,6 +5559,7 @@ exports[`regression tests deselects selected element, on pointer up, when click
 
 exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -5990,6 +6008,7 @@ exports[`regression tests double click to edit a group: [end of test] number of
 
 exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -6303,6 +6322,7 @@ exports[`regression tests drags selected elements from point inside common bound
 
 exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -8366,6 +8386,7 @@ exports[`regression tests draw every type of shape: [end of test] number of rend
 
 exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -8706,6 +8727,7 @@ exports[`regression tests given a group of selected elements with an element tha
 
 exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -8945,6 +8967,7 @@ exports[`regression tests given a selected element A and a not selected element
 
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -9140,6 +9163,7 @@ exports[`regression tests given selected element A with lower z-index than unsel
 
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -9407,6 +9431,7 @@ exports[`regression tests given selected element A with lower z-index than unsel
 
 exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -9571,6 +9596,7 @@ exports[`regression tests key 2 selects rectangle tool: [end of test] number of
 
 exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -9735,6 +9761,7 @@ exports[`regression tests key 3 selects diamond tool: [end of test] number of re
 
 exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -9899,6 +9926,7 @@ exports[`regression tests key 4 selects ellipse tool: [end of test] number of re
 
 exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -10101,6 +10129,7 @@ exports[`regression tests key 5 selects arrow tool: [end of test] number of rend
 
 exports[`regression tests key 6 selects line tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -10303,6 +10332,7 @@ exports[`regression tests key 6 selects line tool: [end of test] number of rende
 
 exports[`regression tests key 7 selects freedraw tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -10485,6 +10515,7 @@ exports[`regression tests key 7 selects freedraw tool: [end of test] number of r
 
 exports[`regression tests key a selects arrow tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -10687,6 +10718,7 @@ exports[`regression tests key a selects arrow tool: [end of test] number of rend
 
 exports[`regression tests key d selects diamond tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -10851,6 +10883,7 @@ exports[`regression tests key d selects diamond tool: [end of test] number of re
 
 exports[`regression tests key l selects line tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -11053,6 +11086,7 @@ exports[`regression tests key l selects line tool: [end of test] number of rende
 
 exports[`regression tests key o selects ellipse tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -11217,6 +11251,7 @@ exports[`regression tests key o selects ellipse tool: [end of test] number of re
 
 exports[`regression tests key p selects freedraw tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -11399,6 +11434,7 @@ exports[`regression tests key p selects freedraw tool: [end of test] number of r
 
 exports[`regression tests key r selects rectangle tool: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -11563,6 +11599,7 @@ exports[`regression tests key r selects rectangle tool: [end of test] number of
 
 exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -12223,6 +12260,7 @@ exports[`regression tests make a group and duplicate it: [end of test] number of
 
 exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -12461,6 +12499,7 @@ exports[`regression tests noop interaction after undo shouldn't create history e
 
 exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -12580,6 +12619,7 @@ exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1
 
 exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -12699,6 +12739,7 @@ exports[`regression tests rerenders UI on language change: [end of test] number
 
 exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -12863,6 +12904,7 @@ exports[`regression tests shift click on selected element should deselect it on
 
 exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -13176,6 +13218,7 @@ exports[`regression tests shift-click to multiselect, then drag: [end of test] n
 
 exports[`regression tests should group elements and ungroup them: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -13733,6 +13776,7 @@ exports[`regression tests should group elements and ungroup them: [end of test]
 
 exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -13940,6 +13984,7 @@ exports[`regression tests should show fill icons when element has non transparen
 
 exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -14792,6 +14837,7 @@ exports[`regression tests single-clicking on a subgroup of a selected group shou
 
 exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -14911,6 +14957,7 @@ exports[`regression tests spacebar + drag scrolls the canvas: [end of test] numb
 
 exports[`regression tests supports nested groups: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -15694,6 +15741,7 @@ exports[`regression tests supports nested groups: [end of test] number of render
 
 exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -16090,6 +16138,7 @@ exports[`regression tests switches from group of selected elements to another el
 
 exports[`regression tests switches selected element on pointer down: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -16384,6 +16433,7 @@ exports[`regression tests switches selected element on pointer down: [end of tes
 
 exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -16503,6 +16553,7 @@ exports[`regression tests two-finger scroll works: [end of test] number of rende
 
 exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -16982,6 +17033,7 @@ exports[`regression tests undo/redo drawing an element: [end of test] number of
 
 exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
@@ -17101,6 +17153,7 @@ exports[`regression tests updates fontSize & fontFamily appState: [end of test]
 
 exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index aaa2f087a..3be9a4097 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -245,7 +245,7 @@ describe("restoreElements", () => {
     types.forEach((elType) => {
       idCount += 1;
       const element = API.createElement({
-        type: elType as "rectangle" | "ellipse" | "diamond",
+        type: elType as "rectangle" | "ellipse" | "diamond" | "embeddable",
         id: idCount.toString(),
         fillStyle: "cross-hatch",
         strokeWidth: 2,
diff --git a/src/tests/fixtures/elementFixture.ts b/src/tests/fixtures/elementFixture.ts
index fb4d559fe..ddd7b8b9d 100644
--- a/src/tests/fixtures/elementFixture.ts
+++ b/src/tests/fixtures/elementFixture.ts
@@ -31,6 +31,10 @@ export const rectangleFixture: ExcalidrawElement = {
   ...elementBase,
   type: "rectangle",
 };
+export const embeddableFixture: ExcalidrawElement = {
+  ...elementBase,
+  type: "embeddable",
+};
 export const ellipseFixture: ExcalidrawElement = {
   ...elementBase,
   type: "ellipse",
diff --git a/src/tests/helpers/api.ts b/src/tests/helpers/api.ts
index 7bba8bdd3..7f63203d8 100644
--- a/src/tests/helpers/api.ts
+++ b/src/tests/helpers/api.ts
@@ -178,8 +178,9 @@ export class API {
       case "rectangle":
       case "diamond":
       case "ellipse":
+      case "embeddable":
         element = newElement({
-          type: type as "rectangle" | "diamond" | "ellipse",
+          type: type as "rectangle" | "diamond" | "ellipse" | "embeddable",
           width,
           height,
           ...base,
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index 34085498f..fc46d2390 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -2,6 +2,7 @@
 
 exports[`exportToSvg with default arguments 1`] = `
 Object {
+  "activeEmbeddable": null,
   "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
diff --git a/src/types.ts b/src/types.ts
index 40f54831d..052bf231e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -16,6 +16,7 @@ import {
   Theme,
   StrokeRoundness,
   ExcalidrawFrameElement,
+  ExcalidrawEmbeddableElement,
 } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
@@ -86,7 +87,12 @@ export type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
 
 export type LastActiveTool =
   | {
-      type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame";
+      type:
+        | typeof SHAPES[number]["value"]
+        | "eraser"
+        | "hand"
+        | "frame"
+        | "embeddable";
       customType: null;
     }
   | {
@@ -107,6 +113,10 @@ export type AppState = {
   showWelcomeScreen: boolean;
   isLoading: boolean;
   errorMessage: React.ReactNode;
+  activeEmbeddable: {
+    element: NonDeletedExcalidrawElement;
+    state: "hover" | "active";
+  } | null;
   draggingElement: NonDeletedExcalidrawElement | null;
   resizingElement: NonDeletedExcalidrawElement | null;
   multiElement: NonDeleted<ExcalidrawLinearElement> | null;
@@ -136,7 +146,12 @@ export type AppState = {
     locked: boolean;
   } & (
     | {
-        type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame";
+        type:
+          | typeof SHAPES[number]["value"]
+          | "eraser"
+          | "hand"
+          | "frame"
+          | "embeddable";
         customType: null;
       }
     | {
@@ -361,6 +376,16 @@ export interface ExcalidrawProps {
   ) => void;
   onScrollChange?: (scrollX: number, scrollY: number) => void;
   children?: React.ReactNode;
+  validateEmbeddable?:
+    | boolean
+    | string[]
+    | RegExp
+    | RegExp[]
+    | ((link: string) => boolean | undefined);
+  renderEmbeddable?: (
+    element: NonDeleted<ExcalidrawEmbeddableElement>,
+    appState: AppState,
+  ) => JSX.Element | null;
 }
 
 export type SceneData = {
diff --git a/src/utils.ts b/src/utils.ts
index c644efd81..95beb69b0 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -369,7 +369,14 @@ export const distance = (x: number, y: number) => Math.abs(x - y);
 export const updateActiveTool = (
   appState: Pick<AppState, "activeTool">,
   data: (
-    | { type: typeof SHAPES[number]["value"] | "eraser" | "hand" | "frame" }
+    | {
+        type:
+          | typeof SHAPES[number]["value"]
+          | "eraser"
+          | "hand"
+          | "frame"
+          | "embeddable";
+      }
     | { type: "custom"; customType: string }
   ) & { lastActiveToolBeforeEraser?: LastActiveTool },
 ): AppState["activeTool"] => {

From 2a2495175b9d8be6a7140158ba6a958b14374f76 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 26 Jul 2023 08:49:39 +0530
Subject: [PATCH 243/252] build: increase limit to 290 kB for prod bundle
 (#6809)

---
 src/packages/excalidraw/.size-limit.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/packages/excalidraw/.size-limit.json b/src/packages/excalidraw/.size-limit.json
index e95dd1758..2a66376cb 100644
--- a/src/packages/excalidraw/.size-limit.json
+++ b/src/packages/excalidraw/.size-limit.json
@@ -1,7 +1,7 @@
 [
   {
     "path": "dist/excalidraw.production.min.js",
-    "limit": "285 kB"
+    "limit": "290 kB"
   },
   {
     "path": "dist/excalidraw-assets/locales",

From e93bbc577613a6de6bb43c40c3b57286b4994ca5 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 26 Jul 2023 15:55:20 +0530
Subject: [PATCH 244/252] =?UTF-8?q?build:=20Migrate=20to=20Vite=20?=
 =?UTF-8?q?=F0=9F=9A=80=20(#6713)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* init

* add: vite dev build working

* fix: href serving from public

* feat: add ejs plugin

* feat: migrated env files and ejs templating

* chore: add types related to envs

* chore: add vite-env types

* feat: support vite pwa

* chore: upgrade vite pwa

* chore: pin node version to 16.18.1

* chore: preserve use of nodejs 14

* refactor: preserve REACT_APP as env prefix

* chore: support esm environment variables

* fix ts config

* use VITE prefix and remove vite-plugin-env-compatible

* introduce import-meta-loader for building pacakge as webpack isn't compatible with import.meta syntax

* lint

* remove import.meta.env in main.js

* set debug flag to false

* migrate to vitest and use jest-canvas-mock 2.4.0 so its comp
atible with vite

* integrate vitest-ui

* fix most of teh test

* snaps

* Add script for testing with vite ui

* fix all tests related to mocking

* fix more test

* fix more

* fix flip.test.tsx

* fix contentxmenu snaps

* fix regression snaps

* fix excalidraw.test.tsx and this makes all tests finally pass :)

* use node 16

* specify node version

* use node 16 in lint as well

* fix mobile.test.tsx

* use node 16

* add style-loader

* upgrade to node 18

* fix lint package.json

* support eslint with vite

* fix lint

* fix lint

* fix ts

* remove pwa/sw stuff

* use env vars in EJS the vite way

* fix lint

* move remainig jest mock/spy to vite

* don't cache locales

* fix regex

* add fonts cache

* tweak

* add custom service worker

* upgrade vite and create font cache again

* cache fonts.css and locales

* tweak

* use manifestTransforms for filtering locales

* use assets js pattern for locales

* add font.css to globIgnore so its pushed to fonts cache

* create a separate chunk for locales with rollup

* remove manifestTransforms and fix glob pattern for locales to filter from workbox pre-cache

* push sourcemaps in production

* add comments in config

* lint

* use node 18

* disable pwa in dev

* fix

* fix

* increase limit of bundle

* upgrade vite-pwa to latest

* remove public/workbox so workbox assets are not precached

* fon't club en.json and percentages.json with manual locales chunk to fix first load+offline mode

* tweak regex

* remove happy-dom as its not used

* add comment

* use any instead of ts-ignore

* cleanup

* remove jest-canvas-mock resolution as vite-canvas-mock was patched locking deps at 2.4.0

* use same theme color present in entry point

---------

Co-authored-by: Weslley Braga <weslley@bambee.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .env.development                              |   22 +-
 .env.production                               |   16 +-
 .github/workflows/autorelease-excalidraw.yml  |    4 +-
 .github/workflows/autorelease-preview.yml     |    4 +-
 .github/workflows/lint.yml                    |    4 +-
 .github/workflows/locales-coverage.yml        |    4 +-
 .github/workflows/sentry-production.yml       |    4 +-
 .github/workflows/test.yml                    |    4 +-
 .gitignore                                    |    2 +
 public/index.html => index.html               |   24 +-
 package.json                                  |   65 +-
 .../workbox/workbox-background-sync.prod.js   |    2 -
 .../workbox/workbox-broadcast-update.prod.js  |    2 -
 .../workbox-cacheable-response.prod.js        |    2 -
 public/workbox/workbox-core.prod.js           |    2 -
 public/workbox/workbox-expiration.prod.js     |    2 -
 .../workbox-navigation-preload.prod.js        |    2 -
 public/workbox/workbox-offline-ga.prod.js     |    2 -
 public/workbox/workbox-precaching.prod.js     |    2 -
 public/workbox/workbox-range-requests.prod.js |    2 -
 public/workbox/workbox-routing.prod.js        |    2 -
 public/workbox/workbox-strategies.prod.js     |    2 -
 public/workbox/workbox-streams.prod.js        |    2 -
 public/workbox/workbox-sw.js                  |    2 -
 public/workbox/workbox-window.prod.es5.mjs    |    2 -
 public/workbox/workbox-window.prod.mjs        |    2 -
 public/workbox/workbox-window.prod.umd.js     |    2 -
 src/analytics.ts                              |    2 +-
 src/charts.ts                                 |    5 +-
 src/components/App.test.tsx                   |    3 +-
 src/components/App.tsx                        |   13 +-
 src/components/LibraryMenuBrowseButton.tsx    |    2 +-
 src/components/PublishLibrary.tsx             |    2 +-
 src/components/Sidebar/Sidebar.test.tsx       |    3 +-
 src/components/Sidebar/Sidebar.tsx            |    2 +-
 .../__snapshots__/App.test.tsx.snap           |    4 +-
 src/element/newElement.ts                     |    2 +-
 src/element/sizeHelpers.test.ts               |   18 +-
 src/element/textWysiwyg.test.tsx              |   24 +-
 src/excalidraw-app/collab/Collab.tsx          |   10 +-
 .../components/AppWelcomeScreen.tsx           |    4 +-
 .../components/ExcalidrawPlusAppLink.tsx      |    4 +-
 src/excalidraw-app/data/firebase.ts           |    6 +-
 src/excalidraw-app/data/index.ts              |   10 +-
 src/excalidraw-app/pwa.ts                     |   31 -
 src/excalidraw-app/sentry.ts                  |    4 +-
 src/global.d.ts                               |   10 -
 src/i18n.ts                                   |    5 +-
 src/index.tsx                                 |    3 +-
 src/packages/excalidraw/env.js                |    6 +-
 src/packages/excalidraw/package.json          |    1 +
 src/packages/excalidraw/publicPath.js         |    2 +-
 src/packages/excalidraw/webpack.dev.config.js |    3 +
 .../excalidraw/webpack.prod.config.js         |    3 +
 src/packages/excalidraw/yarn.lock             |    5 +
 src/renderer/renderElement.ts                 |    2 +-
 src/scene/export.ts                           |    7 +-
 src/service-worker.ts                         |  147 -
 src/serviceWorkerRegistration.ts              |  162 -
 src/setupTests.ts                             |   13 +-
 src/tests/MobileMenu.test.tsx                 |   11 +-
 .../__snapshots__/MobileMenu.test.tsx.snap    |    4 +-
 src/tests/__snapshots__/charts.test.tsx.snap  |   12 +-
 .../__snapshots__/contextmenu.test.tsx.snap   | 2362 +++----
 .../__snapshots__/dragCreate.test.tsx.snap    |   62 +-
 src/tests/__snapshots__/export.test.tsx.snap  |    4 +-
 .../linearElementEditor.test.tsx.snap         |    6 +-
 src/tests/__snapshots__/move.test.tsx.snap    |   68 +-
 .../multiPointCreate.test.tsx.snap            |   38 +-
 .../regressionTests.test.tsx.snap             | 5436 +++++++--------
 .../__snapshots__/selection.test.tsx.snap     |   54 +-
 src/tests/appState.test.tsx                   |    1 +
 src/tests/clipboard.test.tsx                  |    9 +-
 src/tests/collab.test.tsx                     |   40 +-
 src/tests/contextmenu.test.tsx                |    3 +-
 .../data/__snapshots__/restore.test.ts.snap   |  114 +-
 src/tests/data/restore.test.ts                |   11 +-
 src/tests/dragCreate.test.tsx                 |    3 +-
 src/tests/fitToContent.test.tsx               |    5 +-
 src/tests/flip.test.tsx                       |   25 +-
 src/tests/library.test.tsx                    |   15 +-
 src/tests/linearElementEditor.test.tsx        |  301 +-
 src/tests/move.test.tsx                       |    3 +-
 src/tests/multiPointCreate.test.tsx           |    3 +-
 .../__snapshots__/excalidraw.test.tsx.snap    |    6 +-
 .../packages/__snapshots__/utils.test.ts.snap |   22 +-
 src/tests/packages/excalidraw.test.tsx        |   10 +-
 src/tests/packages/utils.test.ts              |   30 +-
 src/tests/regressionTests.test.tsx            |    4 +-
 src/tests/resize.test.tsx                     |    3 +-
 .../scene/__snapshots__/export.test.ts.snap   |   10 +-
 src/tests/scene/export.test.ts                |    2 +-
 src/tests/selection.test.tsx                  |    3 +-
 src/utils.ts                                  |    4 +-
 src/vite-env.d.ts                             |   52 +
 tsconfig-types.json                           |    3 +-
 tsconfig.json                                 |    6 +-
 vite.config.ts                                |  163 +
 vitest.config.ts                              |    9 +
 yarn.lock                                     | 6150 ++++-------------
 100 files changed, 6012 insertions(+), 9758 deletions(-)
 rename public/index.html => index.html (91%)
 delete mode 100644 public/workbox/workbox-background-sync.prod.js
 delete mode 100644 public/workbox/workbox-broadcast-update.prod.js
 delete mode 100644 public/workbox/workbox-cacheable-response.prod.js
 delete mode 100644 public/workbox/workbox-core.prod.js
 delete mode 100644 public/workbox/workbox-expiration.prod.js
 delete mode 100644 public/workbox/workbox-navigation-preload.prod.js
 delete mode 100644 public/workbox/workbox-offline-ga.prod.js
 delete mode 100644 public/workbox/workbox-precaching.prod.js
 delete mode 100644 public/workbox/workbox-range-requests.prod.js
 delete mode 100644 public/workbox/workbox-routing.prod.js
 delete mode 100644 public/workbox/workbox-strategies.prod.js
 delete mode 100644 public/workbox/workbox-streams.prod.js
 delete mode 100644 public/workbox/workbox-sw.js
 delete mode 100644 public/workbox/workbox-window.prod.es5.mjs
 delete mode 100644 public/workbox/workbox-window.prod.mjs
 delete mode 100644 public/workbox/workbox-window.prod.umd.js
 delete mode 100644 src/excalidraw-app/pwa.ts
 delete mode 100644 src/service-worker.ts
 delete mode 100644 src/serviceWorkerRegistration.ts
 create mode 100644 src/vite-env.d.ts
 create mode 100644 vite.config.ts
 create mode 100644 vitest.config.ts

diff --git a/.env.development b/.env.development
index c56b62b36..eb640e551 100644
--- a/.env.development
+++ b/.env.development
@@ -1,30 +1,30 @@
-REACT_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/
-REACT_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/
+VITE_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/
+VITE_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/
 
-REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com
-REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
+VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
+VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
 
 # collaboration WebSocket server (https://github.com/excalidraw/excalidraw-room)
-REACT_APP_WS_SERVER_URL=http://localhost:3002
+VITE_APP_WS_SERVER_URL=http://localhost:3002
 
 # set this only if using the collaboration workflow we use on excalidraw.com
-REACT_APP_PORTAL_URL=
+VITE_APP_PORTAL_URL=
 
-REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}'
+VITE_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}'
 
 # put these in your .env.local, or make sure you don't commit!
 # must be lowercase `true` when turned on
 #
 # whether to enable Service Workers in development
-REACT_APP_DEV_ENABLE_SW=
+VITE_APP_DEV_ENABLE_SW=
 # whether to disable live reload / HMR. Usuaully what you want to do when
 # debugging Service Workers.
-REACT_APP_DEV_DISABLE_LIVE_RELOAD=
-REACT_APP_DISABLE_TRACKING=true
+VITE_APP_DEV_DISABLE_LIVE_RELOAD=
+VITE_APP_DISABLE_TRACKING=true
 
 FAST_REFRESH=false
 
 #Debug flags
 
 # To enable bounding box for text containers
-REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
+VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
diff --git a/.env.production b/.env.production
index b86aa4bcc..e3ece6df3 100644
--- a/.env.production
+++ b/.env.production
@@ -1,15 +1,15 @@
 REACT_APP_BACKEND_V2_GET_URL=https://json.excalidraw.com/api/v2/
 REACT_APP_BACKEND_V2_POST_URL=https://json.excalidraw.com/api/v2/post/
 
-REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com
-REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
+VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
+VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
 
-REACT_APP_PORTAL_URL=https://portal.excalidraw.com
+VITE_APP_PORTAL_URL=https://portal.excalidraw.com
 # Fill to set socket server URL used for collaboration.
-# Meant for forks only: excalidraw.com uses custom REACT_APP_PORTAL_URL flow
-REACT_APP_WS_SERVER_URL=
+# Meant for forks only: excalidraw.com uses custom VITE_APP_PORTAL_URL flow
+VITE_APP_WS_SERVER_URL=
 
-REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
+VITE_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
 
-REACT_APP_PLUS_APP=https://app.excalidraw.com
-REACT_APP_DISABLE_TRACKING=
+VITE_APP_PLUS_APP=https://app.excalidraw.com
+VITE_APP_DISABLE_TRACKING=
diff --git a/.github/workflows/autorelease-excalidraw.yml b/.github/workflows/autorelease-excalidraw.yml
index ad0a0a7e9..4eaeb11f1 100644
--- a/.github/workflows/autorelease-excalidraw.yml
+++ b/.github/workflows/autorelease-excalidraw.yml
@@ -12,10 +12,10 @@ jobs:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Set up publish access
         run: |
           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
diff --git a/.github/workflows/autorelease-preview.yml b/.github/workflows/autorelease-preview.yml
index 8fe7f40b5..bcd501880 100644
--- a/.github/workflows/autorelease-preview.yml
+++ b/.github/workflows/autorelease-preview.yml
@@ -32,10 +32,10 @@ jobs:
         with:
           ref: ${{ steps.sha.outputs.result }}
           fetch-depth: 2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Set up publish access
         run: |
           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 77d2ef4d2..d42f8f632 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -9,10 +9,10 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
 
       - name: Install and lint
         run: |
diff --git a/.github/workflows/locales-coverage.yml b/.github/workflows/locales-coverage.yml
index 924dc9e97..822af06e1 100644
--- a/.github/workflows/locales-coverage.yml
+++ b/.github/workflows/locales-coverage.yml
@@ -14,10 +14,10 @@ jobs:
         with:
           token: ${{ secrets.PUSH_TRANSLATIONS_COVERAGE_PAT }}
 
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
 
       - name: Create report file
         run: |
diff --git a/.github/workflows/sentry-production.yml b/.github/workflows/sentry-production.yml
index 6f53f91eb..cea4cf63d 100644
--- a/.github/workflows/sentry-production.yml
+++ b/.github/workflows/sentry-production.yml
@@ -10,10 +10,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Install and build
         run: |
           yarn --frozen-lockfile
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index b64ea4735..5c4584e82 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -7,10 +7,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Install and test
         run: |
           yarn --frozen-lockfile
diff --git a/.gitignore b/.gitignore
index e637a8c0f..6e430f4ed 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,5 @@ src/packages/excalidraw/example/public/bundle.js
 src/packages/excalidraw/example/public/excalidraw-assets-dev
 src/packages/excalidraw/example/public/excalidraw.development.js
 coverage
+dev-dist
+html
diff --git a/public/index.html b/index.html
similarity index 91%
rename from public/index.html
rename to index.html
index 5509ded86..cbdc7706c 100644
--- a/public/index.html
+++ b/index.html
@@ -78,8 +78,7 @@
       }
     </style>
     <!------------------------------------------------------------------------->
-
-    <% if (process.env.NODE_ENV === "production") { %>
+    <% if ("%PROD%" === "true") { %>
     <script>
       // Redirect Excalidraw+ users which have auto-redirect enabled.
       //
@@ -100,41 +99,35 @@
     </script>
     <% } %>
 
-    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 
     <!-- Excalidraw version -->
     <meta name="version" content="{version}" />
 
     <link
       rel="preload"
-      href="Virgil.woff2"
+      href="/Virgil.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="Cascadia.woff2"
+      href="/Cascadia.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"
     />
 
-    <link
-      rel="manifest"
-      href="manifest.json"
-      style="--pwacompat-splash-font: 24px Virgil"
-    />
-
-    <link rel="stylesheet" href="fonts.css" type="text/css" />
-    <% if (process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD==="true" ) { %>
+    <link rel="stylesheet" href="/fonts.css" type="text/css" />
+    <% if ("%VITE_APP_DEV_DISABLE_LIVE_RELOAD%"==="true" ) { %>
     <script>
       {
         const _WebSocket = window.WebSocket;
         window.WebSocket = function (url) {
           if (/ws:\/\/localhost:.+?\/sockjs-node/.test(url)) {
             console.info(
-              "[!!!] Live reload is disabled via process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD [!!!]",
+              "[!!!] Live reload is disabled via VITE_APP_DEV_DISABLE_LIVE_RELOAD [!!!]",
             );
           } else {
             return new _WebSocket(url);
@@ -200,7 +193,8 @@
       <h1 class="visually-hidden">Excalidraw</h1>
     </header>
     <div id="root"></div>
-    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
+    <script type="module" src="/src/index.tsx"></script>
+    <% if ("%VITE_APP_DEV_DISABLE_LIVE_RELOAD%" !== 'true') { %>
     <!-- 100% privacy friendly analytics -->
     <script>
       // need to load this script dynamically bcs. of iframe embed tracking
diff --git a/package.json b/package.json
index d1198fa23..162a8ebba 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "canvas-roundrect-polyfill": "0.0.1",
     "clsx": "1.1.1",
     "cross-env": "7.0.3",
+    "eslint-plugin-react": "7.32.2",
     "fake-indexeddb": "3.1.7",
     "firebase": "8.3.3",
     "i18next-browser-languagedetector": "6.1.4",
@@ -51,26 +52,13 @@
     "pwacompat": "2.0.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-scripts": "5.0.1",
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
-    "tunnel-rat": "0.1.2",
-    "workbox-background-sync": "^6.5.4",
-    "workbox-broadcast-update": "^6.5.4",
-    "workbox-cacheable-response": "^6.5.4",
-    "workbox-core": "^6.5.4",
-    "workbox-expiration": "^6.5.4",
-    "workbox-google-analytics": "^6.5.4",
-    "workbox-navigation-preload": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-range-requests": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-strategies": "^6.5.4",
-    "workbox-streams": "^6.5.4"
+    "tunnel-rat": "0.1.2"
   },
   "devDependencies": {
-    "@excalidraw/eslint-config": "1.0.0",
+    "@excalidraw/eslint-config": "1.0.3",
     "@excalidraw/prettier-config": "1.0.2",
     "@types/chai": "4.3.0",
     "@types/jest": "27.4.0",
@@ -81,48 +69,42 @@
     "@types/react-dom": "18.0.6",
     "@types/resize-observer-browser": "0.1.7",
     "@types/socket.io-client": "1.4.36",
+    "@vitejs/plugin-react": "3.1.0",
+    "@vitest/ui": "0.32.2",
     "chai": "4.3.6",
     "dotenv": "16.0.1",
     "eslint-config-prettier": "8.5.0",
+    "eslint-config-react-app": "7.0.1",
     "eslint-plugin-prettier": "3.3.1",
     "http-server": "14.1.1",
     "husky": "7.0.4",
-    "jest-canvas-mock": "2.4.0",
+    "jsdom": "22.1.0",
     "lint-staged": "12.3.7",
     "pepjs": "0.5.3",
     "prettier": "2.6.2",
     "rewire": "6.0.0",
-    "typescript": "4.9.4"
+    "typescript": "4.9.4",
+    "vite": "4.4.2",
+    "vite-plugin-ejs": "1.6.4",
+    "vite-plugin-eslint": "1.8.1",
+    "vite-plugin-pwa": "0.16.4",
+    "vite-plugin-svgr": "2.4.0",
+    "vitest": "0.32.2",
+    "vitest-canvas-mock": "0.3.2"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=18.0.0"
   },
   "homepage": ".",
-  "jest": {
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}"
-    ],
-    "coveragePathIgnorePatterns": [
-      "<rootDir>/locales",
-      "<rootDir>/src/packages/excalidraw/dist/",
-      "<rootDir>/src/packages/excalidraw/types",
-      "<rootDir>/src/packages/excalidraw/example"
-    ],
-    "transformIgnorePatterns": [
-      "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access|canvas-roundrect-polyfill)/)"
-    ],
-    "resetMocks": false
-  },
   "name": "excalidraw",
   "prettier": "@excalidraw/prettier-config",
   "private": true,
   "scripts": {
     "build-node": "node ./scripts/build-node.js",
-    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true react-scripts build",
-    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build",
+    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true vite build",
+    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA vite build",
     "build:version": "node ./scripts/build-version.js",
     "build": "yarn build:app && yarn build:version",
-    "eject": "react-scripts eject",
     "fix:code": "yarn test:code --fix",
     "fix:other": "yarn prettier --write",
     "fix": "yarn fix:other && yarn fix:code",
@@ -130,19 +112,20 @@
     "locales-coverage:description": "node scripts/locales-coverage-description.js",
     "prepare": "husky install",
     "prettier": "prettier \"**/*.{css,scss,json,md,html,yml}\" --ignore-path=.eslintignore",
-    "start": "react-scripts start",
+    "start": "vite --port 3000",
     "start:production": "npm run build && npx http-server build -a localhost -p 5001 -o",
     "test:all": "yarn test:typecheck && yarn test:code && yarn test:other && yarn test:app --watchAll=false",
-    "test:app": "react-scripts test --passWithNoTests",
+    "test:app": "vitest --config vitest.config.ts",
     "test:code": "eslint --max-warnings=0 --ext .js,.ts,.tsx .",
-    "test:debug": "react-scripts --inspect-brk test --runInBand --no-cache",
     "test:other": "yarn prettier --list-different",
     "test:typecheck": "tsc",
-    "test:update": "yarn test:app --updateSnapshot --watchAll=false",
+    "test:update": "yarn test:app --update --watch=false",
     "test": "yarn test:app",
-    "test:coverage": "react-scripts test --passWithNoTests --coverage --watchAll",
+    "test:coverage": "vitest --coverage --watchAll",
+    "test:ui": "yarn test --ui",
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
+    "build:preview": "yarn build && vite preview --port 5000",
     "release": "node scripts/release.js"
   }
 }
diff --git a/public/workbox/workbox-background-sync.prod.js b/public/workbox/workbox-background-sync.prod.js
deleted file mode 100644
index 9c9051ade..000000000
--- a/public/workbox/workbox-background-sync.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.backgroundSync=function(t,e,s){"use strict";try{self["workbox:background-sync:4.3.1"]&&_()}catch(t){}const i=3,n="workbox-background-sync",a="requests",r="queueName";class c{constructor(t){this.t=t,this.s=new s.DBWrapper(n,i,{onupgradeneeded:this.i})}async pushEntry(t){delete t.id,t.queueName=this.t,await this.s.add(a,t)}async unshiftEntry(t){const[e]=await this.s.getAllMatching(a,{count:1});e?t.id=e.id-1:delete t.id,t.queueName=this.t,await this.s.add(a,t)}async popEntry(){return this.h({direction:"prev"})}async shiftEntry(){return this.h({direction:"next"})}async getAll(){return await this.s.getAllMatching(a,{index:r,query:IDBKeyRange.only(this.t)})}async deleteEntry(t){await this.s.delete(a,t)}async h({direction:t}){const[e]=await this.s.getAllMatching(a,{direction:t,index:r,query:IDBKeyRange.only(this.t),count:1});if(e)return await this.deleteEntry(e.id),e}i(t){const e=t.target.result;t.oldVersion>0&&t.oldVersion<i&&e.objectStoreNames.contains(a)&&e.deleteObjectStore(a),e.createObjectStore(a,{autoIncrement:!0,keyPath:"id"}).createIndex(r,r,{unique:!1})}}const h=["method","referrer","referrerPolicy","mode","credentials","cache","redirect","integrity","keepalive"];class o{static async fromRequest(t){const e={url:t.url,headers:{}};"GET"!==t.method&&(e.body=await t.clone().arrayBuffer());for(const[s,i]of t.headers.entries())e.headers[s]=i;for(const s of h)void 0!==t[s]&&(e[s]=t[s]);return new o(e)}constructor(t){"navigate"===t.mode&&(t.mode="same-origin"),this.o=t}toObject(){const t=Object.assign({},this.o);return t.headers=Object.assign({},this.o.headers),t.body&&(t.body=t.body.slice(0)),t}toRequest(){return new Request(this.o.url,this.o)}clone(){return new o(this.toObject())}}const u="workbox-background-sync",y=10080,w=new Set;class d{constructor(t,{onSync:s,maxRetentionTime:i}={}){if(w.has(t))throw new e.WorkboxError("duplicate-queue-name",{name:t});w.add(t),this.u=t,this.l=s||this.replayRequests,this.q=i||y,this.m=new c(this.u),this.p()}get name(){return this.u}async pushRequest(t){await this.g(t,"push")}async unshiftRequest(t){await this.g(t,"unshift")}async popRequest(){return this.R("pop")}async shiftRequest(){return this.R("shift")}async getAll(){const t=await this.m.getAll(),e=Date.now(),s=[];for(const i of t){const t=60*this.q*1e3;e-i.timestamp>t?await this.m.deleteEntry(i.id):s.push(f(i))}return s}async g({request:t,metadata:e,timestamp:s=Date.now()},i){const n={requestData:(await o.fromRequest(t.clone())).toObject(),timestamp:s};e&&(n.metadata=e),await this.m[`${i}Entry`](n),this.k?this.D=!0:await this.registerSync()}async R(t){const e=Date.now(),s=await this.m[`${t}Entry`]();if(s){const i=60*this.q*1e3;return e-s.timestamp>i?this.R(t):f(s)}}async replayRequests(){let t;for(;t=await this.shiftRequest();)try{await fetch(t.request.clone())}catch(s){throw await this.unshiftRequest(t),new e.WorkboxError("queue-replay-failed",{name:this.u})}}async registerSync(){if("sync"in registration)try{await registration.sync.register(`${u}:${this.u}`)}catch(t){}}p(){"sync"in registration?self.addEventListener("sync",t=>{if(t.tag===`${u}:${this.u}`){const e=async()=>{let e;this.k=!0;try{await this.l({queue:this})}catch(t){throw e=t}finally{!this.D||e&&!t.lastChance||await this.registerSync(),this.k=!1,this.D=!1}};t.waitUntil(e())}}):this.l({queue:this})}static get _(){return w}}const f=t=>{const e={request:new o(t.requestData).toRequest(),timestamp:t.timestamp};return t.metadata&&(e.metadata=t.metadata),e};return t.Queue=d,t.Plugin=class{constructor(...t){this.v=new d(...t),this.fetchDidFail=this.fetchDidFail.bind(this)}async fetchDidFail({request:t}){await this.v.pushRequest({request:t})}},t}({},workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-background-sync.prod.js.map
diff --git a/public/workbox/workbox-broadcast-update.prod.js b/public/workbox/workbox-broadcast-update.prod.js
deleted file mode 100644
index b87c70f2a..000000000
--- a/public/workbox/workbox-broadcast-update.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.broadcastUpdate=function(e,t){"use strict";try{self["workbox:broadcast-update:4.3.1"]&&_()}catch(e){}const s=(e,t,s)=>{return!s.some(s=>e.headers.has(s)&&t.headers.has(s))||s.every(s=>{const n=e.headers.has(s)===t.headers.has(s),a=e.headers.get(s)===t.headers.get(s);return n&&a})},n="workbox",a=1e4,i=["content-length","etag","last-modified"],o=async({channel:e,cacheName:t,url:s})=>{const n={type:"CACHE_UPDATED",meta:"workbox-broadcast-update",payload:{cacheName:t,updatedURL:s}};if(e)e.postMessage(n);else{const e=await clients.matchAll({type:"window"});for(const t of e)t.postMessage(n)}};class c{constructor({headersToCheck:e,channelName:t,deferNoticationTimeout:s}={}){this.t=e||i,this.s=t||n,this.i=s||a,this.o()}notifyIfUpdated({oldResponse:e,newResponse:t,url:n,cacheName:a,event:i}){if(!s(e,t,this.t)){const e=(async()=>{i&&i.request&&"navigate"===i.request.mode&&await this.h(i),await this.l({channel:this.u(),cacheName:a,url:n})})();if(i)try{i.waitUntil(e)}catch(e){}return e}}async l(e){await o(e)}u(){return"BroadcastChannel"in self&&!this.p&&(this.p=new BroadcastChannel(this.s)),this.p}h(e){if(!this.m.has(e)){const s=new t.Deferred;this.m.set(e,s);const n=setTimeout(()=>{s.resolve()},this.i);s.promise.then(()=>clearTimeout(n))}return this.m.get(e).promise}o(){this.m=new Map,self.addEventListener("message",e=>{if("WINDOW_READY"===e.data.type&&"workbox-window"===e.data.meta&&this.m.size>0){for(const e of this.m.values())e.resolve();this.m.clear()}})}}return e.BroadcastCacheUpdate=c,e.Plugin=class{constructor(e){this.l=new c(e)}cacheDidUpdate({cacheName:e,oldResponse:t,newResponse:s,request:n,event:a}){t&&this.l.notifyIfUpdated({cacheName:e,oldResponse:t,newResponse:s,event:a,url:n.url})}},e.broadcastUpdate=o,e.responsesAreSame=s,e}({},workbox.core._private);
-//# sourceMappingURL=workbox-broadcast-update.prod.js.map
diff --git a/public/workbox/workbox-cacheable-response.prod.js b/public/workbox/workbox-cacheable-response.prod.js
deleted file mode 100644
index a7e42f263..000000000
--- a/public/workbox/workbox-cacheable-response.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.cacheableResponse=function(t){"use strict";try{self["workbox:cacheable-response:4.3.1"]&&_()}catch(t){}class s{constructor(t={}){this.t=t.statuses,this.s=t.headers}isResponseCacheable(t){let s=!0;return this.t&&(s=this.t.includes(t.status)),this.s&&s&&(s=Object.keys(this.s).some(s=>t.headers.get(s)===this.s[s])),s}}return t.CacheableResponse=s,t.Plugin=class{constructor(t){this.i=new s(t)}cacheWillUpdate({response:t}){return this.i.isResponseCacheable(t)?t:null}},t}({});
-//# sourceMappingURL=workbox-cacheable-response.prod.js.map
diff --git a/public/workbox/workbox-core.prod.js b/public/workbox/workbox-core.prod.js
deleted file mode 100644
index 526e32b1d..000000000
--- a/public/workbox/workbox-core.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.core=function(e){"use strict";try{self["workbox:core:4.3.1"]&&_()}catch(e){}const t=(e,...t)=>{let n=e;return t.length>0&&(n+=` :: ${JSON.stringify(t)}`),n};class n extends Error{constructor(e,n){super(t(e,n)),this.name=e,this.details=n}}const s=new Set;const r={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:self.registration.scope},a=e=>[r.prefix,e,r.suffix].filter(e=>e.length>0).join("-"),i={updateDetails:e=>{Object.keys(r).forEach(t=>{void 0!==e[t]&&(r[t]=e[t])})},getGoogleAnalyticsName:e=>e||a(r.googleAnalytics),getPrecacheName:e=>e||a(r.precache),getPrefix:()=>r.prefix,getRuntimeName:e=>e||a(r.runtime),getSuffix:()=>r.suffix},c=e=>{const t=new URL(e,location);return t.origin===location.origin?t.pathname:t.href};async function o(){for(const e of s)await e()}const l="cacheDidUpdate",u="cacheKeyWillBeUsed",h="cacheWillUpdate",f="cachedResponseWillBeUsed",w="fetchDidFail",g="fetchDidSucceed",d="requestWillFetch",p=(e,t)=>e.filter(e=>t in e),y=async({cacheName:e,request:t,event:n,matchOptions:s,plugins:r=[]})=>{const a=await caches.open(e),i=await q({plugins:r,request:t,mode:"read"});let c=await a.match(i,s);for(const t of r)f in t&&(c=await t[f].call(t,{cacheName:e,event:n,matchOptions:s,cachedResponse:c,request:i}));return c},m=async({request:e,response:t,event:n,plugins:s})=>{let r=t,a=!1;for(let t of s)if(h in t&&(a=!0,!(r=await t[h].call(t,{request:e,response:r,event:n}))))break;return a||(r=200===r.status?r:null),r||null},q=async({request:e,mode:t,plugins:n})=>{const s=p(n,u);let r=e;for(const e of s)"string"==typeof(r=await e[u].call(e,{mode:t,request:r}))&&(r=new Request(r));return r},v={put:async({cacheName:e,request:t,response:s,event:r,plugins:a=[],matchOptions:i}={})=>{const u=await q({plugins:a,request:t,mode:"write"});if(!s)throw new n("cache-put-with-no-response",{url:c(u.url)});let h=await m({event:r,plugins:a,response:s,request:u});if(!h)return;const f=await caches.open(e),w=p(a,l);let g=w.length>0?await y({cacheName:e,matchOptions:i,request:u}):null;try{await f.put(u,h)}catch(e){throw"QuotaExceededError"===e.name&&await o(),e}for(let t of w)await t[l].call(t,{cacheName:e,event:r,oldResponse:g,newResponse:h,request:u})},match:y};class x{constructor(e,t,{onupgradeneeded:n,onversionchange:s=this.t}={}){this.s=e,this.i=t,this.o=n,this.t=s,this.l=null}get db(){return this.l}async open(){if(!this.l)return this.l=await new Promise((e,t)=>{let n=!1;setTimeout(()=>{n=!0,t(new Error("The open request was blocked and timed out"))},this.OPEN_TIMEOUT);const s=indexedDB.open(this.s,this.i);s.onerror=(()=>t(s.error)),s.onupgradeneeded=(e=>{n?(s.transaction.abort(),e.target.result.close()):this.o&&this.o(e)}),s.onsuccess=(({target:t})=>{const s=t.result;n?s.close():(s.onversionchange=this.t.bind(this),e(s))})}),this}async getKey(e,t){return(await this.getAllKeys(e,t,1))[0]}async getAll(e,t,n){return await this.getAllMatching(e,{query:t,count:n})}async getAllKeys(e,t,n){return(await this.getAllMatching(e,{query:t,count:n,includeKeys:!0})).map(({key:e})=>e)}async getAllMatching(e,{index:t,query:n=null,direction:s="next",count:r,includeKeys:a}={}){return await this.transaction([e],"readonly",(i,c)=>{const o=i.objectStore(e),l=t?o.index(t):o,u=[];l.openCursor(n,s).onsuccess=(({target:e})=>{const t=e.result;if(t){const{primaryKey:e,key:n,value:s}=t;u.push(a?{primaryKey:e,key:n,value:s}:s),r&&u.length>=r?c(u):t.continue()}else c(u)})})}async transaction(e,t,n){return await this.open(),await new Promise((s,r)=>{const a=this.l.transaction(e,t);a.onabort=(({target:e})=>r(e.error)),a.oncomplete=(()=>s()),n(a,e=>s(e))})}async u(e,t,n,...s){return await this.transaction([t],n,(n,r)=>{n.objectStore(t)[e](...s).onsuccess=(({target:e})=>{r(e.result)})})}t(){this.close()}close(){this.l&&(this.l.close(),this.l=null)}}x.prototype.OPEN_TIMEOUT=2e3;const b={readonly:["get","count","getKey","getAll","getAllKeys"],readwrite:["add","put","clear","delete"]};for(const[e,t]of Object.entries(b))for(const n of t)n in IDBObjectStore.prototype&&(x.prototype[n]=async function(t,...s){return await this.u(n,t,e,...s)});const D={fetch:async({request:e,fetchOptions:t,event:s,plugins:r=[]})=>{if(s&&s.preloadResponse){const e=await s.preloadResponse;if(e)return e}"string"==typeof e&&(e=new Request(e));const a=p(r,w),i=a.length>0?e.clone():null;try{for(let t of r)d in t&&(e=await t[d].call(t,{request:e.clone(),event:s}))}catch(e){throw new n("plugin-error-request-will-fetch",{thrownError:e})}let c=e.clone();try{let n;n="navigate"===e.mode?await fetch(e):await fetch(e,t);for(const e of r)g in e&&(n=await e[g].call(e,{event:s,request:c,response:n}));return n}catch(e){for(const t of a)await t[w].call(t,{error:e,event:s,originalRequest:i.clone(),request:c.clone()});throw e}}};var E=Object.freeze({assert:null,cacheNames:i,cacheWrapper:v,DBWrapper:x,Deferred:class{constructor(){this.promise=new Promise((e,t)=>{this.resolve=e,this.reject=t})}},deleteDatabase:async e=>{await new Promise((t,n)=>{const s=indexedDB.deleteDatabase(e);s.onerror=(({target:e})=>{n(e.error)}),s.onblocked=(()=>{n(new Error("Delete blocked"))}),s.onsuccess=(()=>{t()})})},executeQuotaErrorCallbacks:o,fetchWrapper:D,getFriendlyURL:c,logger:null,WorkboxError:n});const N={get googleAnalytics(){return i.getGoogleAnalyticsName()},get precache(){return i.getPrecacheName()},get prefix(){return i.getPrefix()},get runtime(){return i.getRuntimeName()},get suffix(){return i.getSuffix()}};try{self.workbox.v=self.workbox.v||{}}catch(e){}return e._private=E,e.clientsClaim=(()=>{addEventListener("activate",()=>clients.claim())}),e.cacheNames=N,e.registerQuotaErrorCallback=function(e){s.add(e)},e.setCacheNameDetails=(e=>{i.updateDetails(e)}),e.skipWaiting=(()=>{addEventListener("install",()=>self.skipWaiting())}),e}({});
-//# sourceMappingURL=workbox-core.prod.js.map
diff --git a/public/workbox/workbox-expiration.prod.js b/public/workbox/workbox-expiration.prod.js
deleted file mode 100644
index 7c8f84040..000000000
--- a/public/workbox/workbox-expiration.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.expiration=function(t,e,s,i,a,n){"use strict";try{self["workbox:expiration:4.3.1"]&&_()}catch(t){}const h="workbox-expiration",c="cache-entries",r=t=>{const e=new URL(t,location);return e.hash="",e.href};class o{constructor(t){this.t=t,this.s=new e.DBWrapper(h,1,{onupgradeneeded:t=>this.i(t)})}i(t){const e=t.target.result.createObjectStore(c,{keyPath:"id"});e.createIndex("cacheName","cacheName",{unique:!1}),e.createIndex("timestamp","timestamp",{unique:!1}),s.deleteDatabase(this.t)}async setTimestamp(t,e){t=r(t),await this.s.put(c,{url:t,timestamp:e,cacheName:this.t,id:this.h(t)})}async getTimestamp(t){return(await this.s.get(c,this.h(t))).timestamp}async expireEntries(t,e){const s=await this.s.transaction(c,"readwrite",(s,i)=>{const a=s.objectStore(c),n=[];let h=0;a.index("timestamp").openCursor(null,"prev").onsuccess=(({target:s})=>{const a=s.result;if(a){const s=a.value;s.cacheName===this.t&&(t&&s.timestamp<t||e&&h>=e?n.push(a.value):h++),a.continue()}else i(n)})}),i=[];for(const t of s)await this.s.delete(c,t.id),i.push(t.url);return i}h(t){return this.t+"|"+r(t)}}class u{constructor(t,e={}){this.o=!1,this.u=!1,this.l=e.maxEntries,this.p=e.maxAgeSeconds,this.t=t,this.m=new o(t)}async expireEntries(){if(this.o)return void(this.u=!0);this.o=!0;const t=this.p?Date.now()-1e3*this.p:void 0,e=await this.m.expireEntries(t,this.l),s=await caches.open(this.t);for(const t of e)await s.delete(t);this.o=!1,this.u&&(this.u=!1,this.expireEntries())}async updateTimestamp(t){await this.m.setTimestamp(t,Date.now())}async isURLExpired(t){return await this.m.getTimestamp(t)<Date.now()-1e3*this.p}async delete(){this.u=!1,await this.m.expireEntries(1/0)}}return t.CacheExpiration=u,t.Plugin=class{constructor(t={}){this.D=t,this.p=t.maxAgeSeconds,this.g=new Map,t.purgeOnQuotaError&&n.registerQuotaErrorCallback(()=>this.deleteCacheAndMetadata())}k(t){if(t===a.cacheNames.getRuntimeName())throw new i.WorkboxError("expire-custom-caches-only");let e=this.g.get(t);return e||(e=new u(t,this.D),this.g.set(t,e)),e}cachedResponseWillBeUsed({event:t,request:e,cacheName:s,cachedResponse:i}){if(!i)return null;let a=this.N(i);const n=this.k(s);n.expireEntries();const h=n.updateTimestamp(e.url);if(t)try{t.waitUntil(h)}catch(t){}return a?i:null}N(t){if(!this.p)return!0;const e=this._(t);return null===e||e>=Date.now()-1e3*this.p}_(t){if(!t.headers.has("date"))return null;const e=t.headers.get("date"),s=new Date(e).getTime();return isNaN(s)?null:s}async cacheDidUpdate({cacheName:t,request:e}){const s=this.k(t);await s.updateTimestamp(e.url),await s.expireEntries()}async deleteCacheAndMetadata(){for(const[t,e]of this.g)await caches.delete(t),await e.delete();this.g=new Map}},t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private,workbox.core);
-//# sourceMappingURL=workbox-expiration.prod.js.map
diff --git a/public/workbox/workbox-navigation-preload.prod.js b/public/workbox/workbox-navigation-preload.prod.js
deleted file mode 100644
index f03d65728..000000000
--- a/public/workbox/workbox-navigation-preload.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.navigationPreload=function(t){"use strict";try{self["workbox:navigation-preload:4.3.1"]&&_()}catch(t){}function e(){return Boolean(self.registration&&self.registration.navigationPreload)}return t.disable=function(){e()&&self.addEventListener("activate",t=>{t.waitUntil(self.registration.navigationPreload.disable().then(()=>{}))})},t.enable=function(t){e()&&self.addEventListener("activate",e=>{e.waitUntil(self.registration.navigationPreload.enable().then(()=>{t&&self.registration.navigationPreload.setHeaderValue(t)}))})},t.isSupported=e,t}({});
-//# sourceMappingURL=workbox-navigation-preload.prod.js.map
diff --git a/public/workbox/workbox-offline-ga.prod.js b/public/workbox/workbox-offline-ga.prod.js
deleted file mode 100644
index ca29dc743..000000000
--- a/public/workbox/workbox-offline-ga.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.googleAnalytics=function(e,t,o,n,a,c,w){"use strict";try{self["workbox:google-analytics:4.3.1"]&&_()}catch(e){}const r=/^\/(\w+\/)?collect/,s=e=>async({queue:t})=>{let o;for(;o=await t.shiftRequest();){const{request:n,timestamp:a}=o,c=new URL(n.url);try{const w="POST"===n.method?new URLSearchParams(await n.clone().text()):c.searchParams,r=a-(Number(w.get("qt"))||0),s=Date.now()-r;if(w.set("qt",s),e.parameterOverrides)for(const t of Object.keys(e.parameterOverrides)){const o=e.parameterOverrides[t];w.set(t,o)}"function"==typeof e.hitFilter&&e.hitFilter.call(null,w),await fetch(new Request(c.origin+c.pathname,{body:w.toString(),method:"POST",mode:"cors",credentials:"omit",headers:{"Content-Type":"text/plain"}}))}catch(e){throw await t.unshiftRequest(o),e}}},i=e=>{const t=({url:e})=>"www.google-analytics.com"===e.hostname&&r.test(e.pathname),o=new w.NetworkOnly({plugins:[e]});return[new n.Route(t,o,"GET"),new n.Route(t,o,"POST")]},l=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.google-analytics.com"===e.hostname&&"/analytics.js"===e.pathname,t,"GET")},m=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtag/js"===e.pathname,t,"GET")},u=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtm.js"===e.pathname,t,"GET")};return e.initialize=((e={})=>{const n=o.cacheNames.getGoogleAnalyticsName(e.cacheName),c=new t.Plugin("workbox-google-analytics",{maxRetentionTime:2880,onSync:s(e)}),w=[u(n),l(n),m(n),...i(c)],r=new a.Router;for(const e of w)r.registerRoute(e);r.addFetchListener()}),e}({},workbox.backgroundSync,workbox.core._private,workbox.routing,workbox.routing,workbox.strategies,workbox.strategies);
-//# sourceMappingURL=workbox-offline-ga.prod.js.map
diff --git a/public/workbox/workbox-precaching.prod.js b/public/workbox/workbox-precaching.prod.js
deleted file mode 100644
index 6521788e3..000000000
--- a/public/workbox/workbox-precaching.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.precaching=function(t,e,n,s,c){"use strict";try{self["workbox:precaching:4.3.1"]&&_()}catch(t){}const o=[],i={get:()=>o,add(t){o.push(...t)}};const a="__WB_REVISION__";function r(t){if(!t)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location);return{cacheKey:t.href,url:t.href}}const s=new URL(n,location),o=new URL(n,location);return o.searchParams.set(a,e),{cacheKey:o.href,url:s.href}}class l{constructor(t){this.t=e.cacheNames.getPrecacheName(t),this.s=new Map}addToCacheList(t){for(const e of t){const{cacheKey:t,url:n}=r(e);if(this.s.has(n)&&this.s.get(n)!==t)throw new c.WorkboxError("add-to-cache-list-conflicting-entries",{firstEntry:this.s.get(n),secondEntry:t});this.s.set(n,t)}}async install({event:t,plugins:e}={}){const n=[],s=[],c=await caches.open(this.t),o=await c.keys(),i=new Set(o.map(t=>t.url));for(const t of this.s.values())i.has(t)?s.push(t):n.push(t);const a=n.map(n=>this.o({event:t,plugins:e,url:n}));return await Promise.all(a),{updatedURLs:n,notUpdatedURLs:s}}async activate(){const t=await caches.open(this.t),e=await t.keys(),n=new Set(this.s.values()),s=[];for(const c of e)n.has(c.url)||(await t.delete(c),s.push(c.url));return{deletedURLs:s}}async o({url:t,event:e,plugins:o}){const i=new Request(t,{credentials:"same-origin"});let a,r=await s.fetchWrapper.fetch({event:e,plugins:o,request:i});for(const t of o||[])"cacheWillUpdate"in t&&(a=t.cacheWillUpdate.bind(t));if(!(a?a({event:e,request:i,response:r}):r.status<400))throw new c.WorkboxError("bad-precaching-response",{url:t,status:r.status});r.redirected&&(r=await async function(t){const e=t.clone(),n="body"in e?Promise.resolve(e.body):e.blob(),s=await n;return new Response(s,{headers:e.headers,status:e.status,statusText:e.statusText})}(r)),await n.cacheWrapper.put({event:e,plugins:o,request:i,response:r,cacheName:this.t,matchOptions:{ignoreSearch:!0}})}getURLsToCacheKeys(){return this.s}getCachedURLs(){return[...this.s.keys()]}getCacheKeyForURL(t){const e=new URL(t,location);return this.s.get(e.href)}}let u;const h=()=>(u||(u=new l),u);const d=(t,e)=>{const n=h().getURLsToCacheKeys();for(const s of function*(t,{ignoreURLParametersMatching:e,directoryIndex:n,cleanURLs:s,urlManipulation:c}={}){const o=new URL(t,location);o.hash="",yield o.href;const i=function(t,e){for(const n of[...t.searchParams.keys()])e.some(t=>t.test(n))&&t.searchParams.delete(n);return t}(o,e);if(yield i.href,n&&i.pathname.endsWith("/")){const t=new URL(i);t.pathname+=n,yield t.href}if(s){const t=new URL(i);t.pathname+=".html",yield t.href}if(c){const t=c({url:o});for(const e of t)yield e.href}}(t,e)){const t=n.get(s);if(t)return t}};let w=!1;const f=t=>{w||((({ignoreURLParametersMatching:t=[/^utm_/],directoryIndex:n="index.html",cleanURLs:s=!0,urlManipulation:c=null}={})=>{const o=e.cacheNames.getPrecacheName();addEventListener("fetch",e=>{const i=d(e.request.url,{cleanURLs:s,directoryIndex:n,ignoreURLParametersMatching:t,urlManipulation:c});if(!i)return;let a=caches.open(o).then(t=>t.match(i)).then(t=>t||fetch(i));e.respondWith(a)})})(t),w=!0)},y=t=>{const e=h(),n=i.get();t.waitUntil(e.install({event:t,plugins:n}).catch(t=>{throw t}))},p=t=>{const e=h(),n=i.get();t.waitUntil(e.activate({event:t,plugins:n}))},L=t=>{h().addToCacheList(t),t.length>0&&(addEventListener("install",y),addEventListener("activate",p))};return t.addPlugins=(t=>{i.add(t)}),t.addRoute=f,t.cleanupOutdatedCaches=(()=>{addEventListener("activate",t=>{const n=e.cacheNames.getPrecacheName();t.waitUntil((async(t,e="-precache-")=>{const n=(await caches.keys()).filter(n=>n.includes(e)&&n.includes(self.registration.scope)&&n!==t);return await Promise.all(n.map(t=>caches.delete(t))),n})(n).then(t=>{}))})}),t.getCacheKeyForURL=(t=>{return h().getCacheKeyForURL(t)}),t.precache=L,t.precacheAndRoute=((t,e)=>{L(t),f(e)}),t.PrecacheController=l,t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-precaching.prod.js.map
diff --git a/public/workbox/workbox-range-requests.prod.js b/public/workbox/workbox-range-requests.prod.js
deleted file mode 100644
index e60370cb9..000000000
--- a/public/workbox/workbox-range-requests.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.rangeRequests=function(e,n){"use strict";try{self["workbox:range-requests:4.3.1"]&&_()}catch(e){}async function t(e,t){try{if(206===t.status)return t;const s=e.headers.get("range");if(!s)throw new n.WorkboxError("no-range-header");const a=function(e){const t=e.trim().toLowerCase();if(!t.startsWith("bytes="))throw new n.WorkboxError("unit-must-be-bytes",{normalizedRangeHeader:t});if(t.includes(","))throw new n.WorkboxError("single-range-only",{normalizedRangeHeader:t});const s=/(\d*)-(\d*)/.exec(t);if(null===s||!s[1]&&!s[2])throw new n.WorkboxError("invalid-range-values",{normalizedRangeHeader:t});return{start:""===s[1]?null:Number(s[1]),end:""===s[2]?null:Number(s[2])}}(s),r=await t.blob(),i=function(e,t,s){const a=e.size;if(s>a||t<0)throw new n.WorkboxError("range-not-satisfiable",{size:a,end:s,start:t});let r,i;return null===t?(r=a-s,i=a):null===s?(r=t,i=a):(r=t,i=s+1),{start:r,end:i}}(r,a.start,a.end),o=r.slice(i.start,i.end),u=o.size,l=new Response(o,{status:206,statusText:"Partial Content",headers:t.headers});return l.headers.set("Content-Length",u),l.headers.set("Content-Range",`bytes ${i.start}-${i.end-1}/`+r.size),l}catch(e){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}}return e.createPartialResponse=t,e.Plugin=class{async cachedResponseWillBeUsed({request:e,cachedResponse:n}){return n&&e.headers.has("range")?await t(e,n):n}},e}({},workbox.core._private);
-//# sourceMappingURL=workbox-range-requests.prod.js.map
diff --git a/public/workbox/workbox-routing.prod.js b/public/workbox/workbox-routing.prod.js
deleted file mode 100644
index ed87f9d14..000000000
--- a/public/workbox/workbox-routing.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.routing=function(t,e,r){"use strict";try{self["workbox:routing:4.3.1"]&&_()}catch(t){}const s="GET",n=t=>t&&"object"==typeof t?t:{handle:t};class o{constructor(t,e,r){this.handler=n(e),this.match=t,this.method=r||s}}class i extends o{constructor(t,{whitelist:e=[/./],blacklist:r=[]}={}){super(t=>this.t(t),t),this.s=e,this.o=r}t({url:t,request:e}){if("navigate"!==e.mode)return!1;const r=t.pathname+t.search;for(const t of this.o)if(t.test(r))return!1;return!!this.s.some(t=>t.test(r))}}class u extends o{constructor(t,e,r){super(({url:e})=>{const r=t.exec(e.href);return r?e.origin!==location.origin&&0!==r.index?null:r.slice(1):null},e,r)}}class c{constructor(){this.i=new Map}get routes(){return this.i}addFetchListener(){self.addEventListener("fetch",t=>{const{request:e}=t,r=this.handleRequest({request:e,event:t});r&&t.respondWith(r)})}addCacheListener(){self.addEventListener("message",async t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,r=Promise.all(e.urlsToCache.map(t=>{"string"==typeof t&&(t=[t]);const e=new Request(...t);return this.handleRequest({request:e})}));t.waitUntil(r),t.ports&&t.ports[0]&&(await r,t.ports[0].postMessage(!0))}})}handleRequest({request:t,event:e}){const r=new URL(t.url,location);if(!r.protocol.startsWith("http"))return;let s,{params:n,route:o}=this.findMatchingRoute({url:r,request:t,event:e}),i=o&&o.handler;if(!i&&this.u&&(i=this.u),i){try{s=i.handle({url:r,request:t,event:e,params:n})}catch(t){s=Promise.reject(t)}return s&&this.h&&(s=s.catch(t=>this.h.handle({url:r,event:e,err:t}))),s}}findMatchingRoute({url:t,request:e,event:r}){const s=this.i.get(e.method)||[];for(const n of s){let s,o=n.match({url:t,request:e,event:r});if(o)return Array.isArray(o)&&o.length>0?s=o:o.constructor===Object&&Object.keys(o).length>0&&(s=o),{route:n,params:s}}return{}}setDefaultHandler(t){this.u=n(t)}setCatchHandler(t){this.h=n(t)}registerRoute(t){this.i.has(t.method)||this.i.set(t.method,[]),this.i.get(t.method).push(t)}unregisterRoute(t){if(!this.i.has(t.method))throw new r.WorkboxError("unregister-route-but-not-found-with-method",{method:t.method});const e=this.i.get(t.method).indexOf(t);if(!(e>-1))throw new r.WorkboxError("unregister-route-route-not-registered");this.i.get(t.method).splice(e,1)}}let a;const h=()=>(a||((a=new c).addFetchListener(),a.addCacheListener()),a);return t.NavigationRoute=i,t.RegExpRoute=u,t.registerNavigationRoute=((t,r={})=>{const s=e.cacheNames.getPrecacheName(r.cacheName),n=new i(async()=>{try{const e=await caches.match(t,{cacheName:s});if(e)return e;throw new Error(`The cache ${s} did not have an entry for `+`${t}.`)}catch(e){return fetch(t)}},{whitelist:r.whitelist,blacklist:r.blacklist});return h().registerRoute(n),n}),t.registerRoute=((t,e,s="GET")=>{let n;if("string"==typeof t){const r=new URL(t,location);n=new o(({url:t})=>t.href===r.href,e,s)}else if(t instanceof RegExp)n=new u(t,e,s);else if("function"==typeof t)n=new o(t,e,s);else{if(!(t instanceof o))throw new r.WorkboxError("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});n=t}return h().registerRoute(n),n}),t.Route=o,t.Router=c,t.setCatchHandler=(t=>{h().setCatchHandler(t)}),t.setDefaultHandler=(t=>{h().setDefaultHandler(t)}),t}({},workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-routing.prod.js.map
diff --git a/public/workbox/workbox-strategies.prod.js b/public/workbox/workbox-strategies.prod.js
deleted file mode 100644
index 29909af30..000000000
--- a/public/workbox/workbox-strategies.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.strategies=function(e,t,s,n,r){"use strict";try{self["workbox:strategies:4.3.1"]&&_()}catch(e){}class i{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));let n,i=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!i)try{i=await this.u(t,e)}catch(e){n=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:n});return i}async u(e,t){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=r.clone(),h=s.cacheWrapper.put({cacheName:this.t,request:e,response:i,event:t,plugins:this.s});if(t)try{t.waitUntil(h)}catch(e){}return r}}class h{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!n)throw new r.WorkboxError("no-response",{url:t.url});return n}}const u={cacheWillUpdate:({response:e})=>200===e.status||0===e.status?e:null};class a{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.o=e.networkTimeoutSeconds,this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){const s=[];"string"==typeof t&&(t=new Request(t));const n=[];let i;if(this.o){const{id:r,promise:h}=this.l({request:t,event:e,logs:s});i=r,n.push(h)}const h=this.q({timeoutId:i,request:t,event:e,logs:s});n.push(h);let u=await Promise.race(n);if(u||(u=await h),!u)throw new r.WorkboxError("no-response",{url:t.url});return u}l({request:e,logs:t,event:s}){let n;return{promise:new Promise(t=>{n=setTimeout(async()=>{t(await this.p({request:e,event:s}))},1e3*this.o)}),id:n}}async q({timeoutId:e,request:t,logs:r,event:i}){let h,u;try{u=await n.fetchWrapper.fetch({request:t,event:i,fetchOptions:this.i,plugins:this.s})}catch(e){h=e}if(e&&clearTimeout(e),h||!u)u=await this.p({request:t,event:i});else{const e=u.clone(),n=s.cacheWrapper.put({cacheName:this.t,request:t,response:e,event:i,plugins:this.s});if(i)try{i.waitUntil(n)}catch(e){}}return u}p({event:e,request:t}){return s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s})}}class c{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){let s,i;"string"==typeof t&&(t=new Request(t));try{i=await n.fetchWrapper.fetch({request:t,event:e,fetchOptions:this.i,plugins:this.s})}catch(e){s=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:s});return i}}class o{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=this.u({request:t,event:e});let i,h=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(h){if(e)try{e.waitUntil(n)}catch(i){}}else try{h=await n}catch(e){i=e}if(!h)throw new r.WorkboxError("no-response",{url:t.url,error:i});return h}async u({request:e,event:t}){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=s.cacheWrapper.put({cacheName:this.t,request:e,response:r.clone(),event:t,plugins:this.s});if(t)try{t.waitUntil(i)}catch(e){}return r}}const l={cacheFirst:i,cacheOnly:h,networkFirst:a,networkOnly:c,staleWhileRevalidate:o},q=e=>{const t=l[e];return e=>new t(e)},w=q("cacheFirst"),p=q("cacheOnly"),v=q("networkFirst"),y=q("networkOnly"),m=q("staleWhileRevalidate");return e.CacheFirst=i,e.CacheOnly=h,e.NetworkFirst=a,e.NetworkOnly=c,e.StaleWhileRevalidate=o,e.cacheFirst=w,e.cacheOnly=p,e.networkFirst=v,e.networkOnly=y,e.staleWhileRevalidate=m,e}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-strategies.prod.js.map
diff --git a/public/workbox/workbox-streams.prod.js b/public/workbox/workbox-streams.prod.js
deleted file mode 100644
index dc3484464..000000000
--- a/public/workbox/workbox-streams.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.streams=function(e){"use strict";try{self["workbox:streams:4.3.1"]&&_()}catch(e){}function n(e){const n=e.map(e=>Promise.resolve(e).then(e=>(function(e){return e.body&&e.body.getReader?e.body.getReader():e.getReader?e.getReader():new Response(e).body.getReader()})(e)));let t,r;const s=new Promise((e,n)=>{t=e,r=n});let o=0;return{done:s,stream:new ReadableStream({pull(e){return n[o].then(e=>e.read()).then(r=>{if(r.done)return++o>=n.length?(e.close(),void t()):this.pull(e);e.enqueue(r.value)}).catch(e=>{throw r(e),e})},cancel(){t()}})}}function t(e={}){const n=new Headers(e);return n.has("content-type")||n.set("content-type","text/html"),n}function r(e,r){const{done:s,stream:o}=n(e),a=t(r);return{done:s,response:new Response(o,{headers:a})}}let s=void 0;function o(){if(void 0===s)try{new ReadableStream({start(){}}),s=!0}catch(e){s=!1}return s}return e.concatenate=n,e.concatenateToResponse=r,e.isSupported=o,e.strategy=function(e,n){return async({event:s,url:a,params:c})=>{if(o()){const{done:t,response:o}=r(e.map(e=>e({event:s,url:a,params:c})),n);return s.waitUntil(t),o}const i=await Promise.all(e.map(e=>e({event:s,url:a,params:c})).map(async e=>{const n=await e;return n instanceof Response?n.blob():n})),u=t(n);return new Response(new Blob(i),{headers:u})}},e}({});
-//# sourceMappingURL=workbox-streams.prod.js.map
diff --git a/public/workbox/workbox-sw.js b/public/workbox/workbox-sw.js
deleted file mode 100644
index 61b3289a8..000000000
--- a/public/workbox/workbox-sw.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(){"use strict";try{self["workbox:sw:4.3.1"]&&_()}catch(t){}const t="https://storage.googleapis.com/workbox-cdn/releases/4.3.1",e={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};self.workbox=new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.s=this.t.debug?"dev":"prod",this.o=!1,new Proxy(this,{get(t,s){if(t[s])return t[s];const o=e[s];return o&&t.loadModule(`workbox-${o}`),t[s]}})}setConfig(t={}){if(this.o)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.s=this.t.debug?"dev":"prod"}loadModule(t){const e=this.i(t);try{importScripts(e),this.o=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}i(e){if(this.t.modulePathCb)return this.t.modulePathCb(e,this.t.debug);let s=[t];const o=`${e}.${this.s}.js`,r=this.t.modulePathPrefix;return r&&""===(s=r.split("/"))[s.length-1]&&s.splice(s.length-1,1),s.push(o),s.join("/")}}}();
-//# sourceMappingURL=workbox-sw.js.map
diff --git a/public/workbox/workbox-window.prod.es5.mjs b/public/workbox/workbox-window.prod.es5.mjs
deleted file mode 100644
index 7d15b6201..000000000
--- a/public/workbox/workbox-window.prod.es5.mjs
+++ /dev/null
@@ -1,2 +0,0 @@
-try{self["workbox:window:4.3.1"]&&_()}catch(n){}var n=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function t(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function i(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var e=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},r=function(n,t){return new URL(n,location).href===new URL(t,location).href},o=function(n,t){Object.assign(this,t,{type:n})};function u(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function s(){}var c=function(c){var f,h;function v(n,t){var r;return void 0===t&&(t={}),(r=c.call(this)||this).t=n,r.i=t,r.o=0,r.u=new e,r.s=new e,r.h=new e,r.v=r.v.bind(i(i(r))),r.l=r.l.bind(i(i(r))),r.g=r.g.bind(i(i(r))),r.m=r.m.bind(i(i(r))),r}h=c,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,g,d=v.prototype;return d.register=u(function(n){var t,i,e=this,u=(void 0===n?{}:n).immediate,c=void 0!==u&&u;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.R(),a(e.k(),function(n){e.B=n,e.P&&(e.O=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.j(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.B.waiting;return t&&r(t.scriptURL,e.t)&&(e.O=t,Promise.resolve().then(function(){e.dispatchEvent(new o("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e.O&&e.u.resolve(e.O),e.B.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.C=new BroadcastChannel("workbox"),e.C.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.B})},(i=function(){if(!c&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(s):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),d.getSW=u(function(){return this.O||this.u.promise}),d.messageSW=u(function(t){return a(this.getSW(),function(i){return n(i,t)})}),d.R=function(){var n=navigator.serviceWorker.controller;if(n&&r(n.scriptURL,this.t))return n},d.k=u(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.L=performance.now(),t})},function(n){throw n})}),d.j=function(t){n(t,{type:"WINDOW_READY",meta:"workbox-window"})},d.g=function(){var n=this.B.installing;this.o>0||!r(n.scriptURL,this.t)||performance.now()>this.L+6e4?(this.W=n,this.B.removeEventListener("updatefound",this.g)):(this.O=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},d.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.W,u=r?"external":"",a={sw:i,originalEvent:n};!r&&this.p&&(a.isUpdate=!0),this.dispatchEvent(new o(u+e,a)),"installed"===e?this._=setTimeout(function(){"installed"===e&&t.B.waiting===i&&t.dispatchEvent(new o(u+"waiting",a))},200):"activating"===e&&(clearTimeout(this._),r||this.s.resolve(i))},d.m=function(n){var t=this.O;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new o("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},d.v=function(n){var t=n.data;this.dispatchEvent(new o("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&t(l.prototype,w),g&&t(l,g),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.T(n).add(t)},t.removeEventListener=function(n,t){this.T(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.T(n.type).forEach(function(t){return t(n)})},t.T=function(n){return this.D[n]=this.D[n]||new Set},n}());export{c as Workbox,n as messageSW};
-//# sourceMappingURL=workbox-window.prod.es5.mjs.map
diff --git a/public/workbox/workbox-window.prod.mjs b/public/workbox/workbox-window.prod.mjs
deleted file mode 100644
index 433ab7e4a..000000000
--- a/public/workbox/workbox-window.prod.mjs
+++ /dev/null
@@ -1,2 +0,0 @@
-try{self["workbox:window:4.3.1"]&&_()}catch(t){}const t=(t,s)=>new Promise(i=>{let e=new MessageChannel;e.port1.onmessage=(t=>i(t.data)),t.postMessage(s,[e.port2])});try{self["workbox:core:4.3.1"]&&_()}catch(t){}class s{constructor(){this.promise=new Promise((t,s)=>{this.resolve=t,this.reject=s})}}class i{constructor(){this.t={}}addEventListener(t,s){this.s(t).add(s)}removeEventListener(t,s){this.s(t).delete(s)}dispatchEvent(t){t.target=this,this.s(t.type).forEach(s=>s(t))}s(t){return this.t[t]=this.t[t]||new Set}}const e=(t,s)=>new URL(t,location).href===new URL(s,location).href;class n{constructor(t,s){Object.assign(this,s,{type:t})}}const h=200,a=6e4;class o extends i{constructor(t,i={}){super(),this.i=t,this.h=i,this.o=0,this.l=new s,this.g=new s,this.u=new s,this.m=this.m.bind(this),this.v=this.v.bind(this),this.p=this.p.bind(this),this._=this._.bind(this)}async register({immediate:t=!1}={}){t||"complete"===document.readyState||await new Promise(t=>addEventListener("load",t)),this.C=Boolean(navigator.serviceWorker.controller),this.W=this.L(),this.S=await this.B(),this.W&&(this.R=this.W,this.g.resolve(this.W),this.u.resolve(this.W),this.P(this.W),this.W.addEventListener("statechange",this.v,{once:!0}));const s=this.S.waiting;return s&&e(s.scriptURL,this.i)&&(this.R=s,Promise.resolve().then(()=>{this.dispatchEvent(new n("waiting",{sw:s,wasWaitingBeforeRegister:!0}))})),this.R&&this.l.resolve(this.R),this.S.addEventListener("updatefound",this.p),navigator.serviceWorker.addEventListener("controllerchange",this._,{once:!0}),"BroadcastChannel"in self&&(this.T=new BroadcastChannel("workbox"),this.T.addEventListener("message",this.m)),navigator.serviceWorker.addEventListener("message",this.m),this.S}get active(){return this.g.promise}get controlling(){return this.u.promise}async getSW(){return this.R||this.l.promise}async messageSW(s){const i=await this.getSW();return t(i,s)}L(){const t=navigator.serviceWorker.controller;if(t&&e(t.scriptURL,this.i))return t}async B(){try{const t=await navigator.serviceWorker.register(this.i,this.h);return this.U=performance.now(),t}catch(t){throw t}}P(s){t(s,{type:"WINDOW_READY",meta:"workbox-window"})}p(){const t=this.S.installing;this.o>0||!e(t.scriptURL,this.i)||performance.now()>this.U+a?(this.k=t,this.S.removeEventListener("updatefound",this.p)):(this.R=t,this.l.resolve(t)),++this.o,t.addEventListener("statechange",this.v)}v(t){const s=t.target,{state:i}=s,e=s===this.k,a=e?"external":"",o={sw:s,originalEvent:t};!e&&this.C&&(o.isUpdate=!0),this.dispatchEvent(new n(a+i,o)),"installed"===i?this.D=setTimeout(()=>{"installed"===i&&this.S.waiting===s&&this.dispatchEvent(new n(a+"waiting",o))},h):"activating"===i&&(clearTimeout(this.D),e||this.g.resolve(s))}_(t){const s=this.R;s===navigator.serviceWorker.controller&&(this.dispatchEvent(new n("controlling",{sw:s,originalEvent:t})),this.u.resolve(s))}m(t){const{data:s}=t;this.dispatchEvent(new n("message",{data:s,originalEvent:t}))}}export{o as Workbox,t as messageSW};
-//# sourceMappingURL=workbox-window.prod.mjs.map
diff --git a/public/workbox/workbox-window.prod.umd.js b/public/workbox/workbox-window.prod.umd.js
deleted file mode 100644
index 173c4b43f..000000000
--- a/public/workbox/workbox-window.prod.umd.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n=n||self).workbox={})}(this,function(n){"use strict";try{self["workbox:window:4.3.1"]&&_()}catch(n){}var t=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function i(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function e(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var r=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},o=function(n,t){return new URL(n,location).href===new URL(t,location).href},u=function(n,t){Object.assign(this,t,{type:n})};function s(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function c(){}var f=function(n){var f,h;function v(t,i){var o;return void 0===i&&(i={}),(o=n.call(this)||this).t=t,o.i=i,o.o=0,o.u=new r,o.s=new r,o.h=new r,o.v=o.v.bind(e(e(o))),o.l=o.l.bind(e(e(o))),o.g=o.g.bind(e(e(o))),o.m=o.m.bind(e(e(o))),o}h=n,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,d,g=v.prototype;return g.register=s(function(n){var t,i,e=this,r=(void 0===n?{}:n).immediate,s=void 0!==r&&r;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.j(),a(e.O(),function(n){e.R=n,e.P&&(e._=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.k(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.R.waiting;return t&&o(t.scriptURL,e.t)&&(e._=t,Promise.resolve().then(function(){e.dispatchEvent(new u("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e._&&e.u.resolve(e._),e.R.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.B=new BroadcastChannel("workbox"),e.B.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.R})},(i=function(){if(!s&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(c):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),g.getSW=s(function(){return this._||this.u.promise}),g.messageSW=s(function(n){return a(this.getSW(),function(i){return t(i,n)})}),g.j=function(){var n=navigator.serviceWorker.controller;if(n&&o(n.scriptURL,this.t))return n},g.O=s(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.C=performance.now(),t})},function(n){throw n})}),g.k=function(n){t(n,{type:"WINDOW_READY",meta:"workbox-window"})},g.g=function(){var n=this.R.installing;this.o>0||!o(n.scriptURL,this.t)||performance.now()>this.C+6e4?(this.L=n,this.R.removeEventListener("updatefound",this.g)):(this._=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},g.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.L,o=r?"external":"",s={sw:i,originalEvent:n};!r&&this.p&&(s.isUpdate=!0),this.dispatchEvent(new u(o+e,s)),"installed"===e?this.W=setTimeout(function(){"installed"===e&&t.R.waiting===i&&t.dispatchEvent(new u(o+"waiting",s))},200):"activating"===e&&(clearTimeout(this.W),r||this.s.resolve(i))},g.m=function(n){var t=this._;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new u("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},g.v=function(n){var t=n.data;this.dispatchEvent(new u("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&i(l.prototype,w),d&&i(l,d),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.M(n).add(t)},t.removeEventListener=function(n,t){this.M(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.M(n.type).forEach(function(t){return t(n)})},t.M=function(n){return this.D[n]=this.D[n]||new Set},n}());n.Workbox=f,n.messageSW=t,Object.defineProperty(n,"__esModule",{value:!0})});
-//# sourceMappingURL=workbox-window.prod.umd.js.map
diff --git a/src/analytics.ts b/src/analytics.ts
index 2373cc549..c7b4f844d 100644
--- a/src/analytics.ts
+++ b/src/analytics.ts
@@ -11,7 +11,7 @@ export const trackEvent = (
     // Uncomment the next line to track locally
     // console.log("Track Event", { category, action, label, value });
 
-    if (typeof window === "undefined" || process.env.JEST_WORKER_ID) {
+    if (typeof window === "undefined" || import.meta.env.VITE_WORKER_ID) {
       return;
     }
 
diff --git a/src/charts.ts b/src/charts.ts
index d22da4329..32be94620 100644
--- a/src/charts.ts
+++ b/src/charts.ts
@@ -6,7 +6,6 @@ import {
 import {
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
-  ENV,
   VERTICAL_ALIGN,
 } from "./constants";
 import { newElement, newLinearElement, newTextElement } from "./element";
@@ -384,7 +383,7 @@ const chartTypeBar = (
       y,
       groupId,
       backgroundColor,
-      process.env.NODE_ENV === ENV.DEVELOPMENT,
+      import.meta.env.DEV,
     ),
   ];
 };
@@ -473,7 +472,7 @@ const chartTypeLine = (
       y,
       groupId,
       backgroundColor,
-      process.env.NODE_ENV === ENV.DEVELOPMENT,
+      import.meta.env.DEV,
     ),
     line,
     ...lines,
diff --git a/src/components/App.test.tsx b/src/components/App.test.tsx
index baf25ab9b..32f62f7ad 100644
--- a/src/components/App.test.tsx
+++ b/src/components/App.test.tsx
@@ -4,8 +4,9 @@ import { reseed } from "../random";
 import { render, queryByTestId } from "../tests/test-utils";
 
 import ExcalidrawApp from "../excalidraw-app";
+import { vi } from "vitest";
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 
 describe("Test <App/>", () => {
   beforeEach(async () => {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 33094a485..f2b59789d 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -255,6 +255,7 @@ import {
   isTransparent,
   easeToValuesRAF,
   muteFSAbortError,
+  isTestEnv,
   easeOut,
 } from "../utils";
 import {
@@ -1595,10 +1596,7 @@ class App extends React.Component<AppProps, AppState> {
     this.excalidrawContainerValue.container =
       this.excalidrawContainerRef.current;
 
-    if (
-      process.env.NODE_ENV === ENV.TEST ||
-      process.env.NODE_ENV === ENV.DEVELOPMENT
-    ) {
+    if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
       const setState = this.setState.bind(this);
       Object.defineProperties(window.h, {
         state: {
@@ -1636,7 +1634,7 @@ class App extends React.Component<AppProps, AppState> {
       // bounding rects don't work in tests so updating
       // the state on init would result in making the test enviro run
       // in mobile breakpoint (0 width/height), making everything fail
-      process.env.NODE_ENV !== "test"
+      !isTestEnv()
     ) {
       this.refreshDeviceState(this.excalidrawContainerRef.current);
     }
@@ -8162,10 +8160,7 @@ declare global {
   }
 }
 
-if (
-  process.env.NODE_ENV === ENV.TEST ||
-  process.env.NODE_ENV === ENV.DEVELOPMENT
-) {
+if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
   window.h = window.h || ({} as Window["h"]);
 
   Object.defineProperties(window.h, {
diff --git a/src/components/LibraryMenuBrowseButton.tsx b/src/components/LibraryMenuBrowseButton.tsx
index 666804922..ab8fa0305 100644
--- a/src/components/LibraryMenuBrowseButton.tsx
+++ b/src/components/LibraryMenuBrowseButton.tsx
@@ -16,7 +16,7 @@ const LibraryMenuBrowseButton = ({
   return (
     <a
       className="library-menu-browse-button"
-      href={`${process.env.REACT_APP_LIBRARY_URL}?target=${
+      href={`${import.meta.env.VITE_APP_LIBRARY_URL}?target=${
         window.name || "_blank"
       }&referrer=${referrer}&useHash=true&token=${id}&theme=${theme}&version=${
         VERSIONS.excalidrawLibrary
diff --git a/src/components/PublishLibrary.tsx b/src/components/PublishLibrary.tsx
index ef7453e7c..ab02e1a89 100644
--- a/src/components/PublishLibrary.tsx
+++ b/src/components/PublishLibrary.tsx
@@ -319,7 +319,7 @@ const PublishLibrary = ({
     formData.append("twitterHandle", libraryData.twitterHandle);
     formData.append("website", libraryData.website);
 
-    fetch(`${process.env.REACT_APP_LIBRARY_BACKEND}/submit`, {
+    fetch(`${import.meta.env.VITE_APP_LIBRARY_BACKEND}/submit`, {
       method: "post",
       body: formData,
     })
diff --git a/src/components/Sidebar/Sidebar.test.tsx b/src/components/Sidebar/Sidebar.test.tsx
index 742efc0c9..6e73689dd 100644
--- a/src/components/Sidebar/Sidebar.test.tsx
+++ b/src/components/Sidebar/Sidebar.test.tsx
@@ -10,6 +10,7 @@ import {
   waitFor,
   withExcalidrawDimensions,
 } from "../../tests/test-utils";
+import { vi } from "vitest";
 
 export const assertSidebarDockButton = async <T extends boolean>(
   hasDockButton: T,
@@ -205,7 +206,7 @@ describe("Sidebar", () => {
     });
 
     it("<Sidebar.Header> should render close button", async () => {
-      const onStateChange = jest.fn();
+      const onStateChange = vi.fn();
       const CustomExcalidraw = () => {
         return (
           <Excalidraw
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index ee94beca5..28a896e1f 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -53,7 +53,7 @@ export const SidebarInner = forwardRef(
     }: SidebarProps & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">,
     ref: React.ForwardedRef<HTMLDivElement>,
   ) => {
-    if (process.env.NODE_ENV === "development" && onDock && docked == null) {
+    if (import.meta.env.DEV && onDock && docked == null) {
       console.warn(
         "Sidebar: `docked` must be set when `onDock` is supplied for the sidebar to be user-dockable. To hide this message, either pass `docked` or remove `onDock`",
       );
diff --git a/src/components/__snapshots__/App.test.tsx.snap b/src/components/__snapshots__/App.test.tsx.snap
index 2cdf4bb8b..49c2fd0fc 100644
--- a/src/components/__snapshots__/App.test.tsx.snap
+++ b/src/components/__snapshots__/App.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test <App/> should show error modal when using brave and measureText API is not working 1`] = `
+exports[`Test <App/> > should show error modal when using brave and measureText API is not working 1`] = `
 <div
   data-testid="brave-measure-text-error"
 >
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index d84261fc2..012725bc4 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -443,7 +443,7 @@ const _deepCopyElement = (val: any, depth: number = 0) => {
   // we're not cloning non-array & non-plain-object objects because we
   // don't support them on excalidraw elements yet. If we do, we need to make
   // sure we start cloning them, so let's warn about it.
-  if (process.env.NODE_ENV === "development") {
+  if (import.meta.env.DEV) {
     if (
       objectType !== "[object Object]" &&
       objectType !== "[object Array]" &&
diff --git a/src/element/sizeHelpers.test.ts b/src/element/sizeHelpers.test.ts
index 36dffc2bd..8e63dd9da 100644
--- a/src/element/sizeHelpers.test.ts
+++ b/src/element/sizeHelpers.test.ts
@@ -1,19 +1,32 @@
+import { vi } from "vitest";
 import { getPerfectElementSize } from "./sizeHelpers";
 import * as constants from "../constants";
 
 const EPSILON_DIGITS = 3;
-
+// Needed so that we can mock the value of constants which is done in
+// below tests. In Jest this wasn't needed as global override was possible
+// but vite doesn't allow that hence we need to mock
+vi.mock(
+  "../constants.ts",
+  //@ts-ignore
+  async (importOriginal) => {
+    const module: any = await importOriginal();
+    return { ...module };
+  },
+);
 describe("getPerfectElementSize", () => {
   it("should return height:0 if `elementType` is line and locked angle is 0", () => {
     const { height, width } = getPerfectElementSize("line", 149, 10);
     expect(width).toBeCloseTo(149, EPSILON_DIGITS);
     expect(height).toBeCloseTo(0, EPSILON_DIGITS);
   });
+
   it("should return width:0 if `elementType` is line and locked angle is 90 deg (Math.PI/2)", () => {
     const { height, width } = getPerfectElementSize("line", 10, 140);
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
     expect(height).toBeCloseTo(140, EPSILON_DIGITS);
   });
+
   it("should return height:0 if `elementType` is arrow and locked angle is 0", () => {
     const { height, width } = getPerfectElementSize("arrow", 200, 20);
     expect(width).toBeCloseTo(200, EPSILON_DIGITS);
@@ -24,16 +37,19 @@ describe("getPerfectElementSize", () => {
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
     expect(height).toBeCloseTo(100, EPSILON_DIGITS);
   });
+
   it("should return adjust height to be width * tan(locked angle)", () => {
     const { height, width } = getPerfectElementSize("arrow", 120, 185);
     expect(width).toBeCloseTo(120, EPSILON_DIGITS);
     expect(height).toBeCloseTo(207.846, EPSILON_DIGITS);
   });
+
   it("should return height equals to width if locked angle is 45 deg", () => {
     const { height, width } = getPerfectElementSize("arrow", 135, 145);
     expect(width).toBeCloseTo(135, EPSILON_DIGITS);
     expect(height).toBeCloseTo(135, EPSILON_DIGITS);
   });
+
   it("should return height:0 and width:0 when width and height are 0", () => {
     const { height, width } = getPerfectElementSize("arrow", 0, 0);
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 7fb153987..c09191170 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -955,7 +955,7 @@ describe("textWysiwyg", () => {
       // should center align horizontally and vertically by default
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        Array [
+        [
           85,
           4.5,
         ]
@@ -979,7 +979,7 @@ describe("textWysiwyg", () => {
       // should left align horizontally and bottom vertically after resize
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        Array [
+        [
           15,
           65,
         ]
@@ -1001,7 +1001,7 @@ describe("textWysiwyg", () => {
       // should right align horizontally and top vertically after resize
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        Array [
+        [
           375,
           -539,
         ]
@@ -1279,7 +1279,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Left"));
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             15,
             25,
           ]
@@ -1290,7 +1290,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             30,
             25,
           ]
@@ -1302,7 +1302,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align top"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             45,
             25,
           ]
@@ -1313,7 +1313,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
         fireEvent.click(screen.getByTitle("Left"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             15,
             45,
           ]
@@ -1325,7 +1325,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             30,
             45,
           ]
@@ -1337,7 +1337,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             45,
             45,
           ]
@@ -1349,7 +1349,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align bottom"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             15,
             65,
           ]
@@ -1360,7 +1360,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             30,
             65,
           ]
@@ -1371,7 +1371,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Right"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             45,
             65,
           ]
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index ec0c2a348..506f6680f 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -171,10 +171,7 @@ class Collab extends PureComponent<Props, CollabState> {
 
     appJotaiStore.set(collabAPIAtom, collabAPI);
 
-    if (
-      process.env.NODE_ENV === ENV.TEST ||
-      process.env.NODE_ENV === ENV.DEVELOPMENT
-    ) {
+    if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
       window.collab = window.collab || ({} as Window["collab"]);
       Object.defineProperties(window, {
         collab: {
@@ -860,10 +857,7 @@ declare global {
   }
 }
 
-if (
-  process.env.NODE_ENV === ENV.TEST ||
-  process.env.NODE_ENV === ENV.DEVELOPMENT
-) {
+if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
   window.collab = window.collab || ({} as Window["collab"]);
 }
 
diff --git a/src/excalidraw-app/components/AppWelcomeScreen.tsx b/src/excalidraw-app/components/AppWelcomeScreen.tsx
index 80fedf9fa..2dff7d270 100644
--- a/src/excalidraw-app/components/AppWelcomeScreen.tsx
+++ b/src/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -19,7 +19,9 @@ export const AppWelcomeScreen: React.FC<{
           return (
             <a
               style={{ pointerEvents: "all" }}
-              href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
+              href={`${
+                import.meta.env.VITE_APP_PLUS_APP
+              }?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
               key={idx}
             >
               Excalidraw+
diff --git a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
index 616a2a053..76be9a8f0 100644
--- a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
+++ b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
@@ -6,7 +6,9 @@ export const ExcalidrawPlusAppLink = () => {
   }
   return (
     <a
-      href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
+      href={`${
+        import.meta.env.VITE_APP_PLUS_APP
+      }?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
       target="_blank"
       rel="noreferrer"
       className="plus-button"
diff --git a/src/excalidraw-app/data/firebase.ts b/src/excalidraw-app/data/firebase.ts
index 02e14466f..bb914de12 100644
--- a/src/excalidraw-app/data/firebase.ts
+++ b/src/excalidraw-app/data/firebase.ts
@@ -21,10 +21,12 @@ import { ResolutionType } from "../../utility-types";
 
 let FIREBASE_CONFIG: Record<string, any>;
 try {
-  FIREBASE_CONFIG = JSON.parse(process.env.REACT_APP_FIREBASE_CONFIG);
+  FIREBASE_CONFIG = JSON.parse(import.meta.env.VITE_APP_FIREBASE_CONFIG);
 } catch (error: any) {
   console.warn(
-    `Error JSON parsing firebase config. Supplied value: ${process.env.REACT_APP_FIREBASE_CONFIG}`,
+    `Error JSON parsing firebase config. Supplied value: ${
+      import.meta.env.VITE_APP_FIREBASE_CONFIG
+    }`,
   );
   FIREBASE_CONFIG = {};
 }
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index c85eb27c0..d3108c761 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -47,8 +47,8 @@ export const getSyncableElements = (elements: readonly ExcalidrawElement[]) =>
     isSyncableElement(element),
   ) as SyncableExcalidrawElement[];
 
-const BACKEND_V2_GET = process.env.REACT_APP_BACKEND_V2_GET_URL;
-const BACKEND_V2_POST = process.env.REACT_APP_BACKEND_V2_POST_URL;
+const BACKEND_V2_GET = import.meta.env.VITE_APP_BACKEND_V2_GET_URL;
+const BACKEND_V2_POST = import.meta.env.VITE_APP_BACKEND_V2_POST_URL;
 
 const generateRoomId = async () => {
   const buffer = new Uint8Array(ROOM_ID_BYTES);
@@ -67,16 +67,16 @@ export const getCollabServer = async (): Promise<{
   url: string;
   polling: boolean;
 }> => {
-  if (process.env.REACT_APP_WS_SERVER_URL) {
+  if (import.meta.env.VITE_APP_WS_SERVER_URL) {
     return {
-      url: process.env.REACT_APP_WS_SERVER_URL,
+      url: import.meta.env.VITE_APP_WS_SERVER_URL,
       polling: true,
     };
   }
 
   try {
     const resp = await fetch(
-      `${process.env.REACT_APP_PORTAL_URL}/collab-server`,
+      `${import.meta.env.VITE_APP_PORTAL_URL}/collab-server`,
     );
     return await resp.json();
   } catch (error) {
diff --git a/src/excalidraw-app/pwa.ts b/src/excalidraw-app/pwa.ts
deleted file mode 100644
index 69cb33ecb..000000000
--- a/src/excalidraw-app/pwa.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { register as registerServiceWorker } from "../serviceWorkerRegistration";
-import { EVENT } from "../constants";
-
-// On Apple mobile devices add the proprietary app icon and splashscreen markup.
-// No one should have to do this manually, and eventually this annoyance will
-// go away once https://bugs.webkit.org/show_bug.cgi?id=183937 is fixed.
-if (
-  /\b(iPad|iPhone|iPod|Safari)\b/.test(navigator.userAgent) &&
-  !matchMedia("(display-mode: standalone)").matches
-) {
-  import(/* webpackChunkName: "pwacompat" */ "pwacompat");
-}
-
-registerServiceWorker({
-  onUpdate: (registration) => {
-    const waitingServiceWorker = registration.waiting;
-    if (waitingServiceWorker) {
-      waitingServiceWorker.addEventListener(
-        EVENT.STATE_CHANGE,
-        (event: Event) => {
-          const target = event.target as ServiceWorker;
-          const state = target.state as ServiceWorkerState;
-          if (state === "activated") {
-            window.location.reload();
-          }
-        },
-      );
-      waitingServiceWorker.postMessage({ type: "SKIP_WAITING" });
-    }
-  },
-});
diff --git a/src/excalidraw-app/sentry.ts b/src/excalidraw-app/sentry.ts
index 04b3246d8..6ad0d49f8 100644
--- a/src/excalidraw-app/sentry.ts
+++ b/src/excalidraw-app/sentry.ts
@@ -7,7 +7,7 @@ const SentryEnvHostnameMap: { [key: string]: string } = {
 };
 
 const REACT_APP_DISABLE_SENTRY =
-  process.env.REACT_APP_DISABLE_SENTRY === "true";
+  import.meta.env.VITE_APP_DISABLE_SENTRY === "true";
 
 // Disable Sentry locally or inside the Docker to avoid noise/respect privacy
 const onlineEnv =
@@ -21,7 +21,7 @@ Sentry.init({
     ? "https://7bfc596a5bf945eda6b660d3015a5460@sentry.io/5179260"
     : undefined,
   environment: onlineEnv ? SentryEnvHostnameMap[onlineEnv] : undefined,
-  release: process.env.REACT_APP_GIT_SHA,
+  release: import.meta.env.VITE_APP_GIT_SHA,
   ignoreErrors: [
     "undefined is not an object (evaluating 'window.__pad.performLoop')", // Only happens on Safari, but spams our servers. Doesn't break anything
   ],
diff --git a/src/global.d.ts b/src/global.d.ts
index 3a666e11a..e772d3716 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -38,16 +38,6 @@ interface CanvasRenderingContext2D {
   ) => void;
 }
 
-// https://github.com/facebook/create-react-app/blob/ddcb7d5/packages/react-scripts/lib/react-app.d.ts
-declare namespace NodeJS {
-  interface ProcessEnv {
-    readonly REACT_APP_BACKEND_V2_GET_URL: string;
-    readonly REACT_APP_BACKEND_V2_POST_URL: string;
-    readonly REACT_APP_PORTAL_URL: string;
-    readonly REACT_APP_FIREBASE_CONFIG: string;
-  }
-}
-
 interface Clipboard extends EventTarget {
   write(data: any[]): Promise<void>;
 }
diff --git a/src/i18n.ts b/src/i18n.ts
index 3c6bf7fcc..6536b2c6d 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,6 +1,5 @@
 import fallbackLangData from "./locales/en.json";
 import percentages from "./locales/percentages.json";
-import { ENV } from "./constants";
 import { jotaiScope, jotaiStore } from "./jotai";
 import { atom, useAtomValue } from "jotai";
 import { NestedKeyOf } from "./utility-types";
@@ -74,7 +73,7 @@ export const languages: Language[] = [
 ];
 
 const TEST_LANG_CODE = "__test__";
-if (process.env.NODE_ENV === ENV.DEVELOPMENT) {
+if (import.meta.env.DEV) {
   languages.unshift(
     { code: TEST_LANG_CODE, label: "test language" },
     {
@@ -145,7 +144,7 @@ export const t = (
   if (translation === undefined) {
     const errorMessage = `Can't find translation for ${path}`;
     // in production, don't blow up the app on a missing translation key
-    if (process.env.NODE_ENV === "production") {
+    if (import.meta.env.PROD) {
       console.warn(errorMessage);
       return "";
     }
diff --git a/src/index.tsx b/src/index.tsx
index d08ba609a..d0f333ec1 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,9 +2,8 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import ExcalidrawApp from "./excalidraw-app";
 
-import "./excalidraw-app/pwa";
 import "./excalidraw-app/sentry";
-window.__EXCALIDRAW_SHA__ = process.env.REACT_APP_GIT_SHA;
+window.__EXCALIDRAW_SHA__ = import.meta.env.VITE_APP_GIT_SHA;
 const rootElement = document.getElementById("root")!;
 const root = createRoot(rootElement);
 root.render(
diff --git a/src/packages/excalidraw/env.js b/src/packages/excalidraw/env.js
index 6c5fd56e5..cb7ead2af 100644
--- a/src/packages/excalidraw/env.js
+++ b/src/packages/excalidraw/env.js
@@ -9,9 +9,9 @@ const parseEnvVariables = (filepath) => {
     },
     {},
   );
-  envVars.PKG_NAME = JSON.stringify(pkg.name);
-  envVars.PKG_VERSION = JSON.stringify(pkg.version);
-  envVars.IS_EXCALIDRAW_NPM_PACKAGE = JSON.stringify(true);
+  envVars.VITE_PKG_NAME = JSON.stringify(pkg.name);
+  envVars.VITE_PKG_VERSION = JSON.stringify(pkg.version);
+  envVars.VITE_IS_EXCALIDRAW_NPM_PACKAGE = JSON.stringify(true);
   return envVars;
 };
 
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index b3b9d6f03..c449498f0 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -59,6 +59,7 @@
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
     "dotenv": "16.0.1",
+    "import-meta-loader": "1.1.0",
     "mini-css-extract-plugin": "2.6.1",
     "postcss-loader": "7.0.1",
     "sass-loader": "13.0.2",
diff --git a/src/packages/excalidraw/publicPath.js b/src/packages/excalidraw/publicPath.js
index 0e1f8c3db..6cd6bb676 100644
--- a/src/packages/excalidraw/publicPath.js
+++ b/src/packages/excalidraw/publicPath.js
@@ -4,5 +4,5 @@ if (process.env.NODE_ENV !== ENV.TEST) {
   /* global __webpack_public_path__:writable */
   __webpack_public_path__ =
     window.EXCALIDRAW_ASSET_PATH ||
-    `https://unpkg.com/${process.env.PKG_NAME}@${process.env.PKG_VERSION}/dist/`;
+    `https://unpkg.com/${process.env.VITE_PKG_NAME}@${process.env.VITE_PKG_VERSION}/dist/`;
 }
diff --git a/src/packages/excalidraw/webpack.dev.config.js b/src/packages/excalidraw/webpack.dev.config.js
index e16d8da72..281307388 100644
--- a/src/packages/excalidraw/webpack.dev.config.js
+++ b/src/packages/excalidraw/webpack.dev.config.js
@@ -47,6 +47,9 @@ module.exports = {
         exclude:
           /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
         use: [
+          {
+            loader: "import-meta-loader",
+          },
           {
             loader: "ts-loader",
             options: {
diff --git a/src/packages/excalidraw/webpack.prod.config.js b/src/packages/excalidraw/webpack.prod.config.js
index 0a1e63618..c9f8d56a5 100644
--- a/src/packages/excalidraw/webpack.prod.config.js
+++ b/src/packages/excalidraw/webpack.prod.config.js
@@ -50,6 +50,9 @@ module.exports = {
           /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
 
         use: [
+          {
+            loader: "import-meta-loader",
+          },
           {
             loader: "ts-loader",
             options: {
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 43dc27cb8..789571d87 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -2916,6 +2916,11 @@ import-local@^3.0.2:
     pkg-dir "^4.2.0"
     resolve-cwd "^3.0.0"
 
+import-meta-loader@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/import-meta-loader/-/import-meta-loader-1.1.0.tgz#927060305f2d0f88b495f2754aa33387ca6579d7"
+  integrity sha512-f96r2o8xT+b2KVlOY4x+1KTJmJiapZlf77j1WebR8NQgMG1dpdqijjGl4i/2jMoXch2CVqcQoTMfh5BR7bR8wA==
+
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 8b046ef85..b320c81ac 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -915,7 +915,7 @@ const drawElementFromCanvas = (
     );
 
     if (
-      process.env.REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
+      import.meta.env.VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
         "true" &&
       hasBoundTextElement(element)
     ) {
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 964861c6c..61f235d18 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -133,12 +133,13 @@ export const exportToSvg = async (
   }
 
   let assetPath = "https://excalidraw.com/";
-
   // Asset path needs to be determined only when using package
-  if (process.env.IS_EXCALIDRAW_NPM_PACKAGE) {
+  if (import.meta.env.VITE_IS_EXCALIDRAW_NPM_PACKAGE) {
     assetPath =
       window.EXCALIDRAW_ASSET_PATH ||
-      `https://unpkg.com/${process.env.PKG_NAME}@${process.env.PKG_VERSION}`;
+      `https://unpkg.com/${import.meta.env.VITE_PKG_NAME}@${
+        import.meta.env.PKG_VERSION
+      }`;
 
     if (assetPath?.startsWith("/")) {
       assetPath = assetPath.replace("/", `${window.location.origin}/`);
diff --git a/src/service-worker.ts b/src/service-worker.ts
deleted file mode 100644
index 3e3a4355f..000000000
--- a/src/service-worker.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-/// <reference lib="webworker" />
-/* eslint-disable no-restricted-globals */
-
-// This service worker can be customized!
-// See https://developers.google.com/web/tools/workbox/modules
-// for the list of available Workbox modules, or add any other
-// code you'd like.
-// You can also remove this file if you'd prefer not to use a
-// service worker, and the Workbox build step will be skipped.
-
-import { clientsClaim } from "workbox-core";
-import { ExpirationPlugin } from "workbox-expiration";
-import { precacheAndRoute, createHandlerBoundToURL } from "workbox-precaching";
-import { registerRoute } from "workbox-routing";
-import { CacheFirst, StaleWhileRevalidate } from "workbox-strategies";
-
-declare const self: ServiceWorkerGlobalScope;
-
-clientsClaim();
-
-// Precache assets generated by your build process.
-//
-// Their URLs are injected into the __WB_MANIFEST during build (by workbox).
-//
-// This variable must be present somewhere in your service worker file,
-// even if you decide not to use precaching. See https://cra.link/PWA.
-//
-// We don't want to precache i18n files so we filter them out
-// (normally this should be configured in a webpack workbox plugin, but we don't
-// have access to it in CRA) — this is because all users will use at most
-// one or two languages, so there's no point fetching all of them. (They'll
-// be cached as you load them.)
-const manifest = self.__WB_MANIFEST.filter((entry) => {
-  return !/locales\/[\w-]+json/.test(
-    typeof entry === "string" ? entry : entry.url,
-  );
-});
-
-precacheAndRoute(manifest);
-
-// Set up App Shell-style routing, so that all navigation requests
-// are fulfilled with your index.html shell. Learn more at
-// https://developer.chrome.com/docs/workbox/app-shell-model/
-//
-// below is copied verbatim from CRA@5
-const fileExtensionRegexp = new RegExp("/[^/?]+\\.[^/]+$");
-registerRoute(
-  // Return false to exempt requests from being fulfilled by index.html.
-  ({ request, url }: { request: Request; url: URL }) => {
-    // If this isn't a navigation, skip.
-    if (request.mode !== "navigate") {
-      return false;
-    }
-
-    // If this is a URL that starts with /_, skip.
-    if (url.pathname.startsWith("/_")) {
-      return false;
-    }
-
-    // If this looks like a URL for a resource, because it contains
-    // a file extension, skip.
-    if (url.pathname.match(fileExtensionRegexp)) {
-      return false;
-    }
-
-    // Return true to signal that we want to use the handler.
-    return true;
-  },
-  createHandlerBoundToURL(`${process.env.PUBLIC_URL}/index.html`),
-);
-
-// Cache resources that aren't being precached
-// -----------------------------------------------------------------------------
-
-registerRoute(
-  new RegExp("/fonts.css"),
-  new StaleWhileRevalidate({
-    cacheName: "fonts",
-    plugins: [
-      // Ensure that once this runtime cache reaches a maximum size the
-      // least-recently used images are removed.
-      new ExpirationPlugin({ maxEntries: 50 }),
-    ],
-  }),
-);
-
-// since we serve fonts from, don't forget to append new ?v= param when
-// updating fonts (glyphs) without changing the filename
-registerRoute(
-  new RegExp("/.+.(ttf|woff2|otf)"),
-  new CacheFirst({
-    cacheName: "fonts",
-    plugins: [
-      // Ensure that once this runtime cache reaches a maximum size the
-      // least-recently used images are removed.
-      new ExpirationPlugin({
-        maxEntries: 50,
-        // 90 days
-        maxAgeSeconds: 7776000000,
-      }),
-    ],
-  }),
-);
-
-registerRoute(
-  new RegExp("/locales\\/[\\w-]+json"),
-  // Customize this strategy as needed, e.g., by changing to CacheFirst.
-  new CacheFirst({
-    cacheName: "locales",
-    plugins: [
-      // Ensure that once this runtime cache reaches a maximum size the
-      // least-recently used images are removed.
-      new ExpirationPlugin({
-        maxEntries: 50,
-        // 30 days
-        maxAgeSeconds: 2592000000,
-      }),
-    ],
-  }),
-);
-
-// -----------------------------------------------------------------------------
-
-self.addEventListener("fetch", (event) => {
-  if (
-    event.request.method === "POST" &&
-    event.request.url.endsWith("/web-share-target")
-  ) {
-    return event.respondWith(
-      (async () => {
-        const formData = await event.request.formData();
-        const file = formData.get("file");
-        const webShareTargetCache = await caches.open("web-share-target");
-        await webShareTargetCache.put("shared-file", new Response(file));
-        return Response.redirect("/?web-share-target", 303);
-      })(),
-    );
-  }
-});
-
-// This allows the web app to trigger skipWaiting via
-// registration.waiting.postMessage({type: 'SKIP_WAITING'})
-self.addEventListener("message", (event) => {
-  if (event.data && event.data.type === "SKIP_WAITING") {
-    self.skipWaiting();
-  }
-});
diff --git a/src/serviceWorkerRegistration.ts b/src/serviceWorkerRegistration.ts
deleted file mode 100644
index 6a2608807..000000000
--- a/src/serviceWorkerRegistration.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === "localhost" ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === "[::1]" ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,
-    ),
-);
-
-type Config = {
-  onSuccess?: (registration: ServiceWorkerRegistration) => void;
-  onUpdate?: (registration: ServiceWorkerRegistration) => void;
-};
-
-export const register = (config?: Config) => {
-  if (
-    (process.env.NODE_ENV === "production" ||
-      process.env.REACT_APP_DEV_ENABLE_SW?.toLowerCase() === "true") &&
-    "serviceWorker" in navigator
-  ) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener("load", () => {
-      const isWebexLP = window.location.pathname.startsWith("/webex");
-      if (isWebexLP) {
-        unregister(() => {
-          window.location.reload();
-        });
-        return false;
-      }
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.info(
-            "This web app is being served cache-first by a service " +
-              "worker. To learn more, visit https://bit.ly/CRA-PWA",
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-};
-
-const registerValidSW = (swUrl: string, config?: Config) => {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then((registration) => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === "installed") {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-
-              console.info(
-                "New content is available and will be used when all tabs for this page are closed.",
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-
-              console.info("Content is cached for offline use.");
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch((error) => {
-      console.error("Error during service worker registration:", error);
-    });
-};
-
-const checkValidServiceWorker = (swUrl: string, config?: Config) => {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl, {
-    headers: { "Service-Worker": "script" },
-  })
-    .then((response) => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get("content-type");
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf("javascript") === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then((registration) => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch((error) => {
-      console.info(
-        "No internet connection found. App is running in offline mode.",
-        error.message,
-      );
-    });
-};
-
-export const unregister = (callback?: () => void) => {
-  if ("serviceWorker" in navigator) {
-    navigator.serviceWorker.ready
-      .then((registration) => {
-        return registration.unregister();
-      })
-      .then(() => {
-        callback?.();
-      })
-      .catch((error) => {
-        console.error(error.message);
-      });
-  }
-};
diff --git a/src/setupTests.ts b/src/setupTests.ts
index 698b2d4ce..342e532d1 100644
--- a/src/setupTests.ts
+++ b/src/setupTests.ts
@@ -1,19 +1,16 @@
+// vitest.setup.ts
+import "vitest-canvas-mock";
 import "@testing-library/jest-dom";
-import "jest-canvas-mock";
-import dotenv from "dotenv";
+import { vi } from "vitest";
 import polyfill from "./polyfill";
 
 require("fake-indexeddb/auto");
 
 polyfill();
-// jest doesn't know of .env.development so we need to init it ourselves
-dotenv.config({
-  path: require("path").resolve(__dirname, "../.env.development"),
-});
 
-jest.mock("nanoid", () => {
+vi.mock("nanoid", () => {
   return {
-    nanoid: jest.fn(() => "test-id"),
+    nanoid: vi.fn(() => "test-id"),
   };
 });
 // ReactDOM is located inside index.tsx file
diff --git a/src/tests/MobileMenu.test.tsx b/src/tests/MobileMenu.test.tsx
index 60059cb2e..a5014062d 100644
--- a/src/tests/MobileMenu.test.tsx
+++ b/src/tests/MobileMenu.test.tsx
@@ -11,23 +11,23 @@ describe("Test MobileMenu", () => {
   const { h } = window;
   const dimensions = { height: 400, width: 800 };
 
+  beforeAll(() => {
+    mockBoundingClientRect(dimensions);
+  });
+
   beforeEach(async () => {
     await render(<ExcalidrawApp />);
     //@ts-ignore
     h.app.refreshDeviceState(h.app.excalidrawContainerRef.current!);
   });
 
-  beforeAll(() => {
-    mockBoundingClientRect(dimensions);
-  });
-
   afterAll(() => {
     restoreOriginalGetBoundingClientRect();
   });
 
   it("should set device correctly", () => {
     expect(h.app.device).toMatchInlineSnapshot(`
-      Object {
+      {
         "canDeviceFitSidebar": false,
         "isLandscape": true,
         "isMobile": true,
@@ -39,7 +39,6 @@ describe("Test MobileMenu", () => {
 
   it("should initialize with welcome screen and hide once user interacts", async () => {
     expect(document.querySelector(".welcome-screen-center")).toMatchSnapshot();
-
     UI.clickTool("rectangle");
     expect(document.querySelector(".welcome-screen-center")).toBeNull();
   });
diff --git a/src/tests/__snapshots__/MobileMenu.test.tsx.snap b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
index f3e55fd99..d85989e68 100644
--- a/src/tests/__snapshots__/MobileMenu.test.tsx.snap
+++ b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test MobileMenu should initialize with welcome screen and hide once user interacts 1`] = `
+exports[`Test MobileMenu > should initialize with welcome screen and hide once user interacts 1`] = `
 <div
   class="welcome-screen-center"
 >
diff --git a/src/tests/__snapshots__/charts.test.tsx.snap b/src/tests/__snapshots__/charts.test.tsx.snap
index 1bb5c2a40..868e27e84 100644
--- a/src/tests/__snapshots__/charts.test.tsx.snap
+++ b/src/tests/__snapshots__/charts.test.tsx.snap
@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`tryParseSpreadsheet works for numbers with comma in them 1`] = `
-Object {
-  "spreadsheet": Object {
-    "labels": Array [
+exports[`tryParseSpreadsheet > works for numbers with comma in them 1`] = `
+{
+  "spreadsheet": {
+    "labels": [
       "Week 1",
       "Week 2",
       "Week 3",
     ],
     "title": "Users",
-    "values": Array [
+    "values": [
       814,
       10301,
       4264,
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index a6ee42652..8ed2c3083 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -1,284 +1,284 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -315,7 +315,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -337,24 +337,24 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "g1": true,
   },
   "selectedLinearElement": null,
@@ -364,27 +364,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "g1",
   ],
   "height": 100,
@@ -394,7 +394,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -411,14 +411,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "g1",
   ],
   "height": 100,
@@ -428,7 +428,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -445,34 +445,34 @@ Object {
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `7`;
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of renders 1`] = `7`;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -508,7 +508,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -530,23 +530,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -554,29 +554,29 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
-  "toast": Object {
+  "toast": {
     "message": "Added to library",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -584,7 +584,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -601,41 +601,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -643,7 +643,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -664,14 +664,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -707,7 +707,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -729,23 +729,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -753,27 +753,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -781,7 +781,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -798,14 +798,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -813,7 +813,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -830,41 +830,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -872,7 +872,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -889,25 +889,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -915,7 +915,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -930,13 +930,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -944,7 +944,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -961,25 +961,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -987,7 +987,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -1002,13 +1002,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1016,7 +1016,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1037,14 +1037,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1080,7 +1080,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1102,23 +1102,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1126,27 +1126,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -1154,7 +1154,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -1171,14 +1171,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1186,7 +1186,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1203,41 +1203,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1245,7 +1245,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1262,25 +1262,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1288,7 +1288,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1303,13 +1303,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -1317,7 +1317,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -1334,25 +1334,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -1360,7 +1360,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -1375,13 +1375,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1389,7 +1389,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1410,14 +1410,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1453,7 +1453,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1475,23 +1475,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1499,29 +1499,29 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
-  "toast": Object {
+  "toast": {
     "message": "Copied styles.",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1529,7 +1529,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1546,41 +1546,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1588,7 +1588,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1609,14 +1609,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1652,7 +1652,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1674,21 +1674,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1696,27 +1696,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": true,
@@ -1724,7 +1724,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1741,41 +1741,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1783,7 +1783,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1800,23 +1800,23 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": true,
@@ -1824,7 +1824,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1845,14 +1845,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1888,7 +1888,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1910,23 +1910,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0_copy": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1934,27 +1934,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1962,7 +1962,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1979,14 +1979,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0_copy",
   "isDeleted": false,
@@ -1994,7 +1994,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -2011,41 +2011,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2053,7 +2053,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2070,25 +2070,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0_copy": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2096,7 +2096,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2111,13 +2111,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0_copy",
           "isDeleted": false,
@@ -2125,7 +2125,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2146,14 +2146,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2189,7 +2189,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2211,26 +2211,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id3": true,
   },
   "selectedLinearElement": null,
@@ -2240,27 +2240,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id3",
   ],
   "height": 20,
@@ -2270,7 +2270,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -2287,14 +2287,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id3",
   ],
   "height": 20,
@@ -2304,7 +2304,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -2321,41 +2321,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2363,7 +2363,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2380,25 +2380,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2406,7 +2406,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2421,13 +2421,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2435,7 +2435,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2452,28 +2452,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -2483,7 +2483,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2498,13 +2498,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -2514,7 +2514,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2535,14 +2535,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `20`;
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of renders 1`] = `20`;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2578,7 +2578,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2600,23 +2600,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2624,29 +2624,29 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
-  "toast": Object {
+  "toast": {
     "message": "Copied styles.",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -2654,7 +2654,7 @@ Object {
   "locked": false,
   "opacity": 60,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -2671,14 +2671,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -2686,7 +2686,7 @@ Object {
   "locked": false,
   "opacity": 60,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 400692809,
@@ -2703,41 +2703,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2745,7 +2745,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2762,25 +2762,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2788,7 +2788,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2803,13 +2803,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2817,7 +2817,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2834,25 +2834,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2860,7 +2860,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2875,13 +2875,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2889,7 +2889,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2906,25 +2906,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2932,7 +2932,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2947,13 +2947,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2961,7 +2961,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2978,25 +2978,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3004,7 +3004,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3019,13 +3019,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3033,7 +3033,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3050,25 +3050,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3076,7 +3076,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3091,13 +3091,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3105,7 +3105,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3122,25 +3122,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3148,7 +3148,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3163,13 +3163,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3177,7 +3177,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3194,25 +3194,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3220,7 +3220,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3235,13 +3235,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3249,7 +3249,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -3266,25 +3266,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3292,7 +3292,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3307,13 +3307,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3321,7 +3321,7 @@ Object {
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -3338,25 +3338,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3364,7 +3364,7 @@ Object {
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3379,13 +3379,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3393,7 +3393,7 @@ Object {
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -3414,14 +3414,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `32`;
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of renders 1`] = `32`;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3457,7 +3457,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3479,23 +3479,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3503,27 +3503,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -3531,7 +3531,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -3548,14 +3548,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -3563,7 +3563,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -3580,41 +3580,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3622,7 +3622,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3639,25 +3639,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3665,7 +3665,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3680,13 +3680,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3694,7 +3694,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3711,25 +3711,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3737,7 +3737,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3752,13 +3752,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3766,7 +3766,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3787,14 +3787,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3830,7 +3830,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3852,23 +3852,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3876,27 +3876,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -3904,7 +3904,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -3921,14 +3921,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -3936,7 +3936,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -3953,41 +3953,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3995,7 +3995,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4012,25 +4012,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4038,7 +4038,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4053,13 +4053,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4067,7 +4067,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4084,25 +4084,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4110,7 +4110,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4125,13 +4125,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4139,7 +4139,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4160,14 +4160,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4203,7 +4203,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4225,26 +4225,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4252,27 +4252,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -4280,7 +4280,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -4297,14 +4297,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -4312,7 +4312,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -4329,41 +4329,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4371,7 +4371,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4388,25 +4388,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4414,7 +4414,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4429,13 +4429,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4443,7 +4443,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4460,28 +4460,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -4491,7 +4491,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4506,13 +4506,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -4522,7 +4522,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4539,26 +4539,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4566,7 +4566,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4581,13 +4581,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4595,7 +4595,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4616,289 +4616,289 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `21`;
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of renders 1`] = `21`;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -4935,7 +4935,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4957,26 +4957,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4984,27 +4984,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 10,
   "id": "id0",
   "isDeleted": false,
@@ -5012,7 +5012,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -5029,14 +5029,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 10,
   "id": "id1",
   "isDeleted": false,
@@ -5044,7 +5044,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -5061,41 +5061,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5103,7 +5103,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5120,25 +5120,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5146,7 +5146,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5161,13 +5161,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5175,7 +5175,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -5196,289 +5196,289 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `20`;
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of renders 1`] = `20`;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -5515,7 +5515,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5537,26 +5537,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id4": true,
   },
   "selectedLinearElement": null,
@@ -5566,27 +5566,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id4",
   ],
   "height": 10,
@@ -5596,7 +5596,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -5613,14 +5613,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id4",
   ],
   "height": 10,
@@ -5630,7 +5630,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -5647,41 +5647,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5689,7 +5689,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5706,25 +5706,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5732,7 +5732,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5747,13 +5747,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5761,7 +5761,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -5778,28 +5778,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -5809,7 +5809,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5824,13 +5824,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -5840,7 +5840,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -5861,128 +5861,128 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `21`;
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of renders 1`] = `21`;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for canvas > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.selectAll",
         "keyTest": [Function],
         "name": "selectAll",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.elementLock.unlockAll",
         "name": "unlockAllElements",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
         "viewMode": false,
       },
       "separator",
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "labels.showGrid",
         "keyTest": [Function],
         "name": "gridMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "buttons.zenMode",
         "keyTest": [Function],
         "name": "zenMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "labels.viewMode",
         "keyTest": [Function],
         "name": "viewMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "stats.title",
         "keyTest": [Function],
         "name": "stats",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "menu",
         },
         "viewMode": true,
@@ -6019,7 +6019,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6041,21 +6041,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6063,322 +6063,322 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for canvas > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] number of elements 1`] = `0`;
+exports[`contextMenu element > shows context menu for canvas > [end of test] number of elements 1`] = `0`;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `6`;
+exports[`contextMenu element > shows context menu for canvas > [end of test] number of renders 1`] = `6`;
 
-exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -6415,7 +6415,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6437,23 +6437,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6461,298 +6461,298 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] appState 2`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] appState 2`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -6789,7 +6789,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6811,23 +6811,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6835,27 +6835,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -6863,7 +6863,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -6880,14 +6880,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] element 0 2`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] element 0 2`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 200,
   "id": "id0",
   "isDeleted": false,
@@ -6895,7 +6895,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -6912,14 +6912,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 200,
   "id": "id1",
   "isDeleted": false,
@@ -6927,7 +6927,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -6944,41 +6944,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -6986,7 +6986,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -7007,30 +7007,30 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] history 2`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] history 2`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of elements 2`] = `2`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of elements 2`] = `2`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `12`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of renders 1`] = `12`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `11`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of renders 2`] = `11`;
diff --git a/src/tests/__snapshots__/dragCreate.test.tsx.snap b/src/tests/__snapshots__/dragCreate.test.tsx.snap
index b8d95d221..3f527ded1 100644
--- a/src/tests/__snapshots__/dragCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/dragCreate.test.tsx.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough arrow 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > arrow 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough arrow 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > arrow 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -11,7 +11,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -19,18 +19,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -49,16 +49,16 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough diamond 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > diamond 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough diamond 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > diamond 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -66,7 +66,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -83,16 +83,16 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough ellipse 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > ellipse 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough ellipse 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > ellipse 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -100,7 +100,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -117,8 +117,8 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough line 1`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > line 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -126,7 +126,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -134,18 +134,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -164,16 +164,16 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough rectangle 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > rectangle 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough rectangle 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > rectangle 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -181,7 +181,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
diff --git a/src/tests/__snapshots__/export.test.tsx.snap b/src/tests/__snapshots__/export.test.tsx.snap
index 5f860150e..8eb93c74e 100644
--- a/src/tests/__snapshots__/export.test.tsx.snap
+++ b/src/tests/__snapshots__/export.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`export exporting svg containing transformed images: svg export output 1`] = `
+exports[`export > exporting svg containing transformed images > svg export output 1`] = `
 "<svg version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 201.06601717798213 261.4213562373095\\" width=\\"201.06601717798213\\" height=\\"261.4213562373095\\"><symbol id=\\"image-file_A\\"><image width=\\"100%\\" height=\\"100%\\" href=\\"data:image/png;base64,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\\"></image></symbol>
   <!-- svg-source:excalidraw -->
   
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index d1a73e72f..190f4b92f 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test Linear Elements Test bound text element should match styles for text editor 1`] = `
+exports[`Test Linear Elements > Test bound text element > should match styles for text editor 1`] = `
 <textarea
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; backface-visibility: hidden; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/__snapshots__/move.test.tsx.snap b/src/tests/__snapshots__/move.test.tsx.snap
index 5084d1508..e7b73d67a 100644
--- a/src/tests/__snapshots__/move.test.tsx.snap
+++ b/src/tests/__snapshots__/move.test.tsx.snap
@@ -1,13 +1,13 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`duplicate element on move when ALT is clicked rectangle 1`] = `
-Object {
+exports[`duplicate element on move when ALT is clicked > rectangle 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0_copy",
   "isDeleted": false,
@@ -15,7 +15,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 401146281,
@@ -32,14 +32,14 @@ Object {
 }
 `;
 
-exports[`duplicate element on move when ALT is clicked rectangle 2`] = `
-Object {
+exports[`duplicate element on move when ALT is clicked > rectangle 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -47,7 +47,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -64,14 +64,14 @@ Object {
 }
 `;
 
-exports[`move element rectangle 1`] = `
-Object {
+exports[`move element > rectangle 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -79,7 +79,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -96,19 +96,19 @@ Object {
 }
 `;
 
-exports[`move element rectangles with binding arrow 1`] = `
-Object {
+exports[`move element > rectangles with binding arrow 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [
-    Object {
+  "boundElements": [
+    {
       "id": "id2",
       "type": "arrow",
     },
   ],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id0",
   "isDeleted": false,
@@ -116,7 +116,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -133,19 +133,19 @@ Object {
 }
 `;
 
-exports[`move element rectangles with binding arrow 2`] = `
-Object {
+exports[`move element > rectangles with binding arrow 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [
-    Object {
+  "boundElements": [
+    {
       "id": "id2",
       "type": "arrow",
     },
   ],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 300,
   "id": "id1",
   "isDeleted": false,
@@ -153,7 +153,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 449462985,
@@ -170,20 +170,20 @@ Object {
 }
 `;
 
-exports[`move element rectangles with binding arrow 3`] = `
-Object {
+exports[`move element > rectangles with binding arrow 3`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "endArrowhead": null,
-  "endBinding": Object {
+  "endBinding": {
     "elementId": "id1",
     "focus": -0.46666666666666673,
     "gap": 10,
   },
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 81.48231043525051,
   "id": "id2",
   "isDeleted": false,
@@ -191,23 +191,23 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       81,
       81.48231043525051,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 401146281,
   "startArrowhead": null,
-  "startBinding": Object {
+  "startBinding": {
     "elementId": "id0",
     "focus": -0.6000000000000001,
     "gap": 10,
diff --git a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
index 0a6ae0cc8..27a6647f7 100644
--- a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`multi point mode in linear elements arrow 1`] = `
-Object {
+exports[`multi point mode in linear elements > arrow 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -9,33 +9,33 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 110,
   "id": "id0",
   "isDeleted": false,
-  "lastCommittedPoint": Array [
+  "lastCommittedPoint": [
     70,
     110,
   ],
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       20,
       30,
     ],
-    Array [
+    [
       70,
       110,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -54,8 +54,8 @@ Object {
 }
 `;
 
-exports[`multi point mode in linear elements line 1`] = `
-Object {
+exports[`multi point mode in linear elements > line 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -63,33 +63,33 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 110,
   "id": "id0",
   "isDeleted": false,
-  "lastCommittedPoint": Array [
+  "lastCommittedPoint": [
     70,
     110,
   ],
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       20,
       30,
     ],
-    Array [
+    [
       70,
       110,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index d1400a567..8c8dd713b 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] appState 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -39,7 +39,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -61,14 +61,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -77,12 +77,12 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id5": true,
   },
   "selectedLinearElement": null,
@@ -92,54 +92,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] history 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -147,7 +147,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -164,25 +164,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -190,7 +190,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -205,13 +205,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -219,7 +219,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -236,25 +236,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -262,7 +262,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -277,13 +277,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -291,7 +291,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -306,13 +306,13 @@ Object {
           "x": 0,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -320,7 +320,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -337,28 +337,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -366,7 +366,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -381,13 +381,13 @@ Object {
           "x": 0,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -397,7 +397,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -412,13 +412,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -428,7 +428,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -449,14 +449,14 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `0`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of elements 1`] = `0`;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of renders 1`] = `28`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of renders 1`] = `28`;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] appState 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -492,7 +492,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -514,14 +514,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -530,11 +530,11 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -547,54 +547,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] history 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -602,7 +602,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -619,25 +619,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -645,7 +645,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -660,13 +660,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -674,7 +674,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -691,25 +691,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -717,7 +717,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -732,13 +732,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -746,7 +746,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -761,13 +761,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -775,7 +775,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -792,28 +792,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -821,7 +821,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -836,13 +836,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 100,
@@ -852,7 +852,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -867,13 +867,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 100,
@@ -883,7 +883,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -904,14 +904,14 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `0`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of elements 1`] = `0`;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of renders 1`] = `24`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of renders 1`] = `24`;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -947,7 +947,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -969,23 +969,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id7": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -993,54 +993,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] history 1`] = `
-Object {
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1048,7 +1048,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1065,25 +1065,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1091,7 +1091,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1106,13 +1106,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -1120,7 +1120,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1137,28 +1137,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1168,7 +1168,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1183,13 +1183,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1199,7 +1199,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1216,25 +1216,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id4",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1244,7 +1244,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1259,13 +1259,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1275,7 +1275,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1292,25 +1292,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id7": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1320,7 +1320,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1335,13 +1335,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1351,7 +1351,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1366,13 +1366,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id7",
           "isDeleted": false,
@@ -1380,7 +1380,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1397,29 +1397,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id7": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id10": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1430,7 +1430,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1445,13 +1445,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1462,7 +1462,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1477,13 +1477,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id10",
           ],
           "height": 10,
@@ -1493,7 +1493,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1510,25 +1510,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id4",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1539,7 +1539,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1554,13 +1554,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1571,7 +1571,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1586,13 +1586,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id10",
           ],
           "height": 10,
@@ -1602,7 +1602,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1619,25 +1619,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id10",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id7": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1648,7 +1648,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1663,13 +1663,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1680,7 +1680,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1695,13 +1695,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id10",
           ],
           "height": 10,
@@ -1711,7 +1711,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1732,14 +1732,14 @@ Object {
 }
 `;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of renders 1`] = `43`;
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of renders 1`] = `43`;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1775,7 +1775,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1797,25 +1797,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1823,54 +1823,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] history 1`] = `
-Object {
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1878,7 +1878,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -1895,25 +1895,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1921,7 +1921,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -1942,14 +1942,14 @@ Object {
 }
 `;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of renders 1`] = `12`;
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > adjusts z order when grouping > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1985,7 +1985,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2007,26 +2007,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id5": true,
   },
   "selectedLinearElement": null,
@@ -2036,54 +2036,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = `
-Object {
+exports[`regression tests > adjusts z order when grouping > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2091,7 +2091,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2108,25 +2108,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2134,7 +2134,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2149,13 +2149,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2163,7 +2163,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -2180,25 +2180,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2206,7 +2206,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2221,13 +2221,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2235,7 +2235,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -2250,13 +2250,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -2264,7 +2264,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -2281,28 +2281,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2310,7 +2310,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -2325,13 +2325,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -2341,7 +2341,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2356,13 +2356,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -2372,7 +2372,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -2393,14 +2393,14 @@ Object {
 }
 `;
 
-exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > adjusts z order when grouping > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `22`;
+exports[`regression tests > adjusts z order when grouping > [end of test] number of renders 1`] = `22`;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > alt-drag duplicates an element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2436,7 +2436,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2458,25 +2458,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2484,54 +2484,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > alt-drag duplicates an element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2539,7 +2539,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2556,25 +2556,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0_copy",
           "isDeleted": false,
@@ -2582,7 +2582,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -2597,13 +2597,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2611,7 +2611,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2632,14 +2632,14 @@ Object {
 }
 `;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > alt-drag duplicates an element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] number of renders 1`] = `12`;
+exports[`regression tests > alt-drag duplicates an element > [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests arrow keys: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > arrow keys > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2675,7 +2675,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2697,23 +2697,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2721,54 +2721,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests arrow keys: [end of test] history 1`] = `
-Object {
+exports[`regression tests > arrow keys > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2776,7 +2776,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2797,14 +2797,14 @@ Object {
 }
 `;
 
-exports[`regression tests arrow keys: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > arrow keys > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests arrow keys: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > arrow keys > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2840,7 +2840,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2862,25 +2862,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2888,54 +2888,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] history 1`] = `
-Object {
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -2943,7 +2943,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2960,25 +2960,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -2986,7 +2986,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3001,13 +3001,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3015,7 +3015,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -3032,25 +3032,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -3058,7 +3058,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3073,13 +3073,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3087,7 +3087,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -3102,13 +3102,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 350,
           "id": "id2",
           "isDeleted": false,
@@ -3116,7 +3116,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -3133,25 +3133,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -3159,7 +3159,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3174,13 +3174,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3188,7 +3188,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -3203,13 +3203,13 @@ Object {
           "x": 300,
           "y": 300,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 350,
           "id": "id2",
           "isDeleted": false,
@@ -3217,7 +3217,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -3238,14 +3238,14 @@ Object {
 }
 `;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > change the properties of a shape > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3281,7 +3281,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3303,23 +3303,23 @@ Object {
   "openMenu": null,
   "openPopup": "elementStroke",
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3327,54 +3327,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests change the properties of a shape: [end of test] history 1`] = `
-Object {
+exports[`regression tests > change the properties of a shape > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3382,7 +3382,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3399,25 +3399,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffec99",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3425,7 +3425,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3442,25 +3442,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3468,7 +3468,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3485,25 +3485,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3511,7 +3511,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3532,14 +3532,14 @@ Object {
 }
 `;
 
-exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > change the properties of a shape > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `14`;
+exports[`regression tests > change the properties of a shape > [end of test] number of renders 1`] = `14`;
 
-exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [dragged] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3575,7 +3575,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3597,25 +3597,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3623,27 +3623,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [dragged] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 10,
   "id": "id0",
   "isDeleted": false,
@@ -3651,7 +3651,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -3668,41 +3668,41 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [dragged] history 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [dragged] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3710,7 +3710,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3727,25 +3727,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3753,7 +3753,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3774,14 +3774,14 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [dragged] number of elements 1`] = `1`;
+exports[`regression tests > click on an element and drag it > [dragged] number of elements 1`] = `1`;
 
-exports[`regression tests click on an element and drag it: [dragged] number of renders 1`] = `12`;
+exports[`regression tests > click on an element and drag it > [dragged] number of renders 1`] = `12`;
 
-exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3817,7 +3817,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3839,25 +3839,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3865,54 +3865,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click on an element and drag it: [end of test] history 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3920,7 +3920,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3937,25 +3937,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3963,7 +3963,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3980,25 +3980,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4006,7 +4006,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4027,14 +4027,14 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > click on an element and drag it > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `15`;
+exports[`regression tests > click on an element and drag it > [end of test] number of renders 1`] = `15`;
 
-exports[`regression tests click to select a shape: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > click to select a shape > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4070,7 +4070,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4092,25 +4092,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4118,54 +4118,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click to select a shape: [end of test] history 1`] = `
-Object {
+exports[`regression tests > click to select a shape > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4173,7 +4173,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4190,25 +4190,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4216,7 +4216,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4231,13 +4231,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4245,7 +4245,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -4266,14 +4266,14 @@ Object {
 }
 `;
 
-exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > click to select a shape > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests click to select a shape: [end of test] number of renders 1`] = `15`;
+exports[`regression tests > click to select a shape > [end of test] number of renders 1`] = `15`;
 
-exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > click-drag to select a group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4309,7 +4309,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4331,26 +4331,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4358,54 +4358,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click-drag to select a group: [end of test] history 1`] = `
-Object {
+exports[`regression tests > click-drag to select a group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4413,7 +4413,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4430,25 +4430,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4456,7 +4456,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4471,13 +4471,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4485,7 +4485,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -4502,25 +4502,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4528,7 +4528,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4543,13 +4543,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4557,7 +4557,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -4572,13 +4572,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -4586,7 +4586,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -4607,14 +4607,14 @@ Object {
 }
 `;
 
-exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > click-drag to select a group > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > click-drag to select a group > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4638,13 +4638,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4652,7 +4652,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4678,7 +4678,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4700,14 +4700,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -4715,17 +4715,17 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4733,7 +4733,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4753,54 +4753,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4808,7 +4808,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4825,25 +4825,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4851,7 +4851,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4866,13 +4866,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4880,7 +4880,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -4901,14 +4901,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `16`;
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `16`;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4932,13 +4932,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "up",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4946,7 +4946,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4972,7 +4972,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4994,14 +4994,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -5009,9 +5009,9 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5019,54 +5019,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5074,7 +5074,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5091,25 +5091,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5117,7 +5117,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5132,13 +5132,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5146,7 +5146,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -5167,14 +5167,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of renders 1`] = `17`;
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of renders 1`] = `17`;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5198,13 +5198,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id1",
     "isDeleted": false,
@@ -5212,7 +5212,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 449462985,
@@ -5238,7 +5238,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5260,31 +5260,31 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id1",
     "isDeleted": false,
@@ -5292,7 +5292,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 449462985,
@@ -5312,54 +5312,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5367,7 +5367,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5388,14 +5388,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `10`;
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5431,7 +5431,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5453,23 +5453,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5477,54 +5477,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -5532,7 +5532,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -5553,14 +5553,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > double click to edit a group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5596,7 +5596,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5618,23 +5618,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5642,54 +5642,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests double click to edit a group: [end of test] history 1`] = `
-Object {
+exports[`regression tests > double click to edit a group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5697,7 +5697,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5714,25 +5714,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5740,7 +5740,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5755,13 +5755,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5769,7 +5769,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -5786,25 +5786,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5812,7 +5812,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5827,13 +5827,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5841,7 +5841,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -5856,13 +5856,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -5870,7 +5870,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -5887,29 +5887,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 10,
@@ -5919,7 +5919,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5934,13 +5934,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 10,
@@ -5950,7 +5950,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -5965,13 +5965,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 10,
@@ -5981,7 +5981,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -6002,14 +6002,14 @@ Object {
 }
 `;
 
-exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > double click to edit a group > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > double click to edit a group > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -6045,7 +6045,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6067,14 +6067,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -6082,12 +6082,12 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6095,54 +6095,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] history 1`] = `
-Object {
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6150,7 +6150,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6167,25 +6167,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6193,7 +6193,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6208,13 +6208,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6222,7 +6222,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6239,26 +6239,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6266,7 +6266,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6281,13 +6281,13 @@ Object {
           "x": 25,
           "y": 25,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6295,7 +6295,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6316,14 +6316,14 @@ Object {
 }
 `;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of renders 1`] = `18`;
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of renders 1`] = `18`;
 
-exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > draw every type of shape > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -6359,7 +6359,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6381,21 +6381,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6403,54 +6403,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests draw every type of shape: [end of test] history 1`] = `
-Object {
+exports[`regression tests > draw every type of shape > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6458,7 +6458,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6475,25 +6475,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6501,7 +6501,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6516,13 +6516,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6530,7 +6530,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6547,25 +6547,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6573,7 +6573,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6588,13 +6588,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6602,7 +6602,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6617,13 +6617,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6631,7 +6631,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -6648,25 +6648,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id3": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6674,7 +6674,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6689,13 +6689,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6703,7 +6703,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6718,13 +6718,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6732,7 +6732,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -6747,7 +6747,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6755,7 +6755,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -6763,18 +6763,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -6793,25 +6793,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id4": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6819,7 +6819,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6834,13 +6834,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6848,7 +6848,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6863,13 +6863,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6877,7 +6877,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -6892,7 +6892,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6900,7 +6900,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -6908,18 +6908,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -6936,7 +6936,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6944,7 +6944,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -6952,18 +6952,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -6982,25 +6982,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7008,7 +7008,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7023,13 +7023,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7037,7 +7037,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7052,13 +7052,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7066,7 +7066,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7081,7 +7081,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7089,7 +7089,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7097,18 +7097,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7125,7 +7125,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7133,7 +7133,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7141,18 +7141,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7169,7 +7169,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7177,29 +7177,29 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7218,25 +7218,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7244,7 +7244,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7259,13 +7259,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7273,7 +7273,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7288,13 +7288,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7302,7 +7302,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7317,7 +7317,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7325,7 +7325,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7333,18 +7333,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7361,7 +7361,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7369,7 +7369,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7377,18 +7377,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7405,7 +7405,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7413,33 +7413,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7458,25 +7458,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id6": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7484,7 +7484,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7499,13 +7499,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7513,7 +7513,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7528,13 +7528,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7542,7 +7542,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7557,7 +7557,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7565,7 +7565,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7573,18 +7573,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7601,7 +7601,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7609,7 +7609,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7617,18 +7617,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7645,7 +7645,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7653,33 +7653,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7696,7 +7696,7 @@ Object {
           "x": 310,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7704,29 +7704,29 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 760410951,
@@ -7745,25 +7745,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id6": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7771,7 +7771,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7786,13 +7786,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7800,7 +7800,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7815,13 +7815,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7829,7 +7829,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7844,7 +7844,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7852,7 +7852,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7860,18 +7860,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7888,7 +7888,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7896,7 +7896,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7904,18 +7904,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7932,7 +7932,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7940,33 +7940,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7983,7 +7983,7 @@ Object {
           "x": 310,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7991,33 +7991,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 760410951,
@@ -8036,23 +8036,23 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8060,7 +8060,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8075,13 +8075,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -8089,7 +8089,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8104,13 +8104,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -8118,7 +8118,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -8133,7 +8133,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8141,7 +8141,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -8149,18 +8149,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -8177,7 +8177,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8185,7 +8185,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -8193,18 +8193,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -8221,7 +8221,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8229,33 +8229,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -8272,7 +8272,7 @@ Object {
           "x": 310,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8280,33 +8280,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 760410951,
@@ -8323,38 +8323,38 @@ Object {
           "x": 430,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id7",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
-          "pressures": Array [
+          "pressures": [
             0,
             0,
             0,
@@ -8380,14 +8380,14 @@ Object {
 }
 `;
 
-exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > draw every type of shape > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `57`;
+exports[`regression tests > draw every type of shape > [end of test] number of renders 1`] = `57`;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -8423,7 +8423,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -8445,14 +8445,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id2": true,
   },
@@ -8460,11 +8460,11 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -8472,54 +8472,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8527,7 +8527,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8544,25 +8544,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8570,7 +8570,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8585,13 +8585,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -8599,7 +8599,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8616,25 +8616,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8642,7 +8642,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8657,13 +8657,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -8671,7 +8671,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8686,13 +8686,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -8700,7 +8700,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -8721,14 +8721,14 @@ Object {
 }
 `;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -8764,7 +8764,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -8786,26 +8786,26 @@ Object {
   "openMenu": null,
   "openPopup": "elementBackground",
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -8813,54 +8813,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -8868,7 +8868,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8885,25 +8885,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -8911,7 +8911,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8926,13 +8926,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id1",
           "isDeleted": false,
@@ -8940,7 +8940,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8961,14 +8961,14 @@ Object {
 }
 `;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of renders 1`] = `19`;
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of renders 1`] = `19`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9004,7 +9004,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9026,25 +9026,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9052,54 +9052,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9107,7 +9107,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9122,13 +9122,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9136,7 +9136,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9157,14 +9157,14 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of renders 1`] = `12`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9200,7 +9200,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9222,25 +9222,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9248,54 +9248,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9303,7 +9303,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9318,13 +9318,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9332,7 +9332,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9349,25 +9349,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9375,7 +9375,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9390,13 +9390,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9404,7 +9404,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9425,14 +9425,14 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of renders 1`] = `13`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 2 selects rectangle tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9468,7 +9468,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9490,23 +9490,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9514,54 +9514,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 2 selects rectangle tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9569,7 +9569,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9590,14 +9590,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 2 selects rectangle tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 2 selects rectangle tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 3 selects diamond tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9633,7 +9633,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9655,23 +9655,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9679,54 +9679,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 3 selects diamond tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9734,7 +9734,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -9755,14 +9755,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 3 selects diamond tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 3 selects diamond tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 4 selects ellipse tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9798,7 +9798,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9820,23 +9820,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9844,54 +9844,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 4 selects ellipse tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9899,7 +9899,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -9920,14 +9920,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 4 selects ellipse tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 4 selects ellipse tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9963,7 +9963,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9985,40 +9985,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10032,48 +10032,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10081,7 +10081,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10089,18 +10089,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10123,14 +10123,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 5 selects arrow tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] number of renders 1`] = `10`;
+exports[`regression tests > key 5 selects arrow tool > [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests key 6 selects line tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 6 selects line tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10166,7 +10166,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10188,40 +10188,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10235,48 +10235,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 6 selects line tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 6 selects line tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10284,7 +10284,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10292,18 +10292,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10326,14 +10326,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 6 selects line tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 6 selects line tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 6 selects line tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 6 selects line tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 7 selects freedraw tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10369,7 +10369,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10391,21 +10391,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -10413,77 +10413,77 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 7 selects freedraw tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             10,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
-          "pressures": Array [
+          "pressures": [
             0,
             0,
             0,
@@ -10509,14 +10509,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 7 selects freedraw tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 7 selects freedraw tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key a selects arrow tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key a selects arrow tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10552,7 +10552,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10574,40 +10574,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10621,48 +10621,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key a selects arrow tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key a selects arrow tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10670,7 +10670,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10678,18 +10678,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10712,14 +10712,14 @@ Object {
 }
 `;
 
-exports[`regression tests key a selects arrow tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key a selects arrow tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key a selects arrow tool: [end of test] number of renders 1`] = `10`;
+exports[`regression tests > key a selects arrow tool > [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests key d selects diamond tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key d selects diamond tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10755,7 +10755,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10777,23 +10777,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -10801,54 +10801,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key d selects diamond tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key d selects diamond tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10856,7 +10856,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10877,14 +10877,14 @@ Object {
 }
 `;
 
-exports[`regression tests key d selects diamond tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key d selects diamond tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key d selects diamond tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key d selects diamond tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key l selects line tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key l selects line tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10920,7 +10920,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10942,40 +10942,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10989,48 +10989,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key l selects line tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key l selects line tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -11038,7 +11038,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11046,18 +11046,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -11080,14 +11080,14 @@ Object {
 }
 `;
 
-exports[`regression tests key l selects line tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key l selects line tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key l selects line tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key l selects line tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key o selects ellipse tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key o selects ellipse tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11123,7 +11123,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11145,23 +11145,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11169,54 +11169,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key o selects ellipse tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key o selects ellipse tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11224,7 +11224,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -11245,14 +11245,14 @@ Object {
 }
 `;
 
-exports[`regression tests key o selects ellipse tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key o selects ellipse tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key o selects ellipse tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key o selects ellipse tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key p selects freedraw tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key p selects freedraw tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11288,7 +11288,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11310,21 +11310,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11332,77 +11332,77 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key p selects freedraw tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key p selects freedraw tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             10,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
-          "pressures": Array [
+          "pressures": [
             0,
             0,
             0,
@@ -11428,14 +11428,14 @@ Object {
 }
 `;
 
-exports[`regression tests key p selects freedraw tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key p selects freedraw tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key p selects freedraw tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key p selects freedraw tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key r selects rectangle tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key r selects rectangle tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11471,7 +11471,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11493,23 +11493,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11517,54 +11517,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key r selects rectangle tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key r selects rectangle tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11572,7 +11572,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11593,14 +11593,14 @@ Object {
 }
 `;
 
-exports[`regression tests key r selects rectangle tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key r selects rectangle tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key r selects rectangle tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key r selects rectangle tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > make a group and duplicate it > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11636,7 +11636,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11658,14 +11658,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -11674,13 +11674,13 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id4": true,
   },
   "selectedLinearElement": null,
@@ -11690,54 +11690,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests make a group and duplicate it: [end of test] history 1`] = `
-Object {
+exports[`regression tests > make a group and duplicate it > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11745,7 +11745,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11762,25 +11762,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11788,7 +11788,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11803,13 +11803,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -11817,7 +11817,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -11834,25 +11834,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11860,7 +11860,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11875,13 +11875,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -11889,7 +11889,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -11904,13 +11904,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -11918,7 +11918,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -11935,29 +11935,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -11967,7 +11967,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11982,13 +11982,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -11998,7 +11998,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -12013,13 +12013,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12029,7 +12029,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -12046,29 +12046,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4_copy",
           ],
           "height": 10,
@@ -12078,7 +12078,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 915032327,
@@ -12093,13 +12093,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4_copy",
           ],
           "height": 10,
@@ -12109,7 +12109,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 747212839,
@@ -12124,13 +12124,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4_copy",
           ],
           "height": 10,
@@ -12140,7 +12140,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 760410951,
@@ -12155,13 +12155,13 @@ Object {
           "x": 50,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12171,7 +12171,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12186,13 +12186,13 @@ Object {
           "x": 20,
           "y": 20,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12202,7 +12202,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -12217,13 +12217,13 @@ Object {
           "x": 40,
           "y": 20,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12233,7 +12233,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -12254,14 +12254,14 @@ Object {
 }
 `;
 
-exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > make a group and duplicate it > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `24`;
+exports[`regression tests > make a group and duplicate it > [end of test] number of renders 1`] = `24`;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12297,7 +12297,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12319,25 +12319,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12345,54 +12345,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = `
-Object {
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12400,7 +12400,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12417,25 +12417,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12443,7 +12443,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12458,13 +12458,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -12472,7 +12472,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -12493,14 +12493,14 @@ Object {
 }
 `;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12536,7 +12536,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12558,21 +12558,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": -2.916666666666668,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
@@ -12580,47 +12580,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = `
-Object {
+exports[`regression tests > pinch-to-zoom works > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests pinch-to-zoom works: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > pinch-to-zoom works > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > pinch-to-zoom works > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > rerenders UI on language change > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12656,7 +12656,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12678,21 +12678,21 @@ Object {
   "openMenu": "canvas",
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12700,47 +12700,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests rerenders UI on language change: [end of test] history 1`] = `
-Object {
+exports[`regression tests > rerenders UI on language change > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > rerenders UI on language change > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > rerenders UI on language change > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12776,7 +12776,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12798,23 +12798,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12822,54 +12822,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] history 1`] = `
-Object {
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12877,7 +12877,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12898,14 +12898,14 @@ Object {
 }
 `;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12941,7 +12941,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12963,14 +12963,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -12978,12 +12978,12 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12991,54 +12991,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = `
-Object {
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13046,7 +13046,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13063,25 +13063,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13089,7 +13089,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13104,13 +13104,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13118,7 +13118,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13135,26 +13135,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13162,7 +13162,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13177,13 +13177,13 @@ Object {
           "x": 20,
           "y": 20,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13191,7 +13191,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13212,14 +13212,14 @@ Object {
 }
 `;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests should group elements and ungroup them: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > should group elements and ungroup them > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -13255,7 +13255,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -13277,14 +13277,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -13293,13 +13293,13 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -13307,54 +13307,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests should group elements and ungroup them: [end of test] history 1`] = `
-Object {
+exports[`regression tests > should group elements and ungroup them > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13362,7 +13362,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13379,25 +13379,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13405,7 +13405,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13420,13 +13420,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13434,7 +13434,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13451,25 +13451,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13477,7 +13477,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13492,13 +13492,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13506,7 +13506,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13521,13 +13521,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -13535,7 +13535,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -13552,29 +13552,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -13584,7 +13584,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13599,13 +13599,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -13615,7 +13615,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13630,13 +13630,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -13646,7 +13646,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -13663,27 +13663,27 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13691,7 +13691,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13706,13 +13706,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13720,7 +13720,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13735,13 +13735,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -13749,7 +13749,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -13770,14 +13770,14 @@ Object {
 }
 `;
 
-exports[`regression tests should group elements and ungroup them: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > should group elements and ungroup them > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests should group elements and ungroup them: [end of test] number of renders 1`] = `25`;
+exports[`regression tests > should group elements and ungroup them > [end of test] number of renders 1`] = `25`;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -13813,7 +13813,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -13835,23 +13835,23 @@ Object {
   "openMenu": null,
   "openPopup": "elementBackground",
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -13859,54 +13859,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] history 1`] = `
-Object {
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13914,7 +13914,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13931,25 +13931,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13957,7 +13957,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13978,14 +13978,14 @@ Object {
 }
 `;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `13`;
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14021,7 +14021,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -14043,14 +14043,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id5": true,
@@ -14060,14 +14060,14 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
     "id5": true,
     "id6": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id10": true,
   },
   "selectedLinearElement": null,
@@ -14077,54 +14077,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] history 1`] = `
-Object {
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -14132,7 +14132,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14149,25 +14149,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -14175,7 +14175,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14190,13 +14190,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -14204,7 +14204,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14221,28 +14221,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14252,7 +14252,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14267,13 +14267,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14283,7 +14283,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14300,25 +14300,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14328,7 +14328,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14343,13 +14343,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14359,7 +14359,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14374,13 +14374,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
@@ -14388,7 +14388,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14405,25 +14405,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id6": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14433,7 +14433,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14448,13 +14448,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14464,7 +14464,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14479,13 +14479,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
@@ -14493,7 +14493,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14508,13 +14508,13 @@ Object {
           "x": 10,
           "y": 50,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id6",
           "isDeleted": false,
@@ -14522,7 +14522,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -14539,28 +14539,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
           "id6": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id9": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14570,7 +14570,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14585,13 +14585,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14601,7 +14601,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14616,13 +14616,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
           ],
           "height": 10,
@@ -14632,7 +14632,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14647,13 +14647,13 @@ Object {
           "x": 10,
           "y": 50,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
           ],
           "height": 10,
@@ -14663,7 +14663,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -14680,30 +14680,30 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id5": true,
           "id6": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id10": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -14714,7 +14714,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14729,13 +14729,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -14746,7 +14746,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14761,13 +14761,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
             "id10",
           ],
@@ -14778,7 +14778,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14793,13 +14793,13 @@ Object {
           "x": 10,
           "y": 50,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
             "id10",
           ],
@@ -14810,7 +14810,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -14831,14 +14831,14 @@ Object {
 }
 `;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of renders 1`] = `39`;
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of renders 1`] = `39`;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14874,7 +14874,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -14896,21 +14896,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 60,
   "scrollY": 60,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -14918,47 +14918,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = `
-Object {
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of renders 1`] = `8`;
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of renders 1`] = `8`;
 
-exports[`regression tests supports nested groups: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > supports nested groups > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14994,7 +14994,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -15016,25 +15016,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -15042,54 +15042,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests supports nested groups: [end of test] history 1`] = `
-Object {
+exports[`regression tests > supports nested groups > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15097,7 +15097,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15114,25 +15114,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15140,7 +15140,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15155,13 +15155,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id1",
           "isDeleted": false,
@@ -15169,7 +15169,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15186,25 +15186,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15212,7 +15212,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15227,13 +15227,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id1",
           "isDeleted": false,
@@ -15241,7 +15241,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15256,13 +15256,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id2",
           "isDeleted": false,
@@ -15270,7 +15270,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15287,29 +15287,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15319,7 +15319,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15334,13 +15334,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15350,7 +15350,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15365,13 +15365,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15381,7 +15381,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15398,26 +15398,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id3",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15427,7 +15427,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15442,13 +15442,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15458,7 +15458,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15473,13 +15473,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15489,7 +15489,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15506,28 +15506,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id3",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15537,7 +15537,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15552,13 +15552,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15569,7 +15569,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15584,13 +15584,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15601,7 +15601,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15618,29 +15618,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15650,7 +15650,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15665,13 +15665,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15682,7 +15682,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15697,13 +15697,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15714,7 +15714,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15735,14 +15735,14 @@ Object {
 }
 `;
 
-exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > supports nested groups > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `32`;
+exports[`regression tests > supports nested groups > [end of test] number of renders 1`] = `32`;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -15766,13 +15766,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id4",
     "isDeleted": false,
@@ -15780,7 +15780,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 1116226695,
@@ -15806,7 +15806,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -15828,14 +15828,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
     "id2": true,
   },
@@ -15843,19 +15843,19 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id4",
     "isDeleted": false,
@@ -15863,7 +15863,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 1116226695,
@@ -15883,54 +15883,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] history 1`] = `
-Object {
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -15938,7 +15938,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15955,25 +15955,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -15981,7 +15981,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15996,13 +15996,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -16010,7 +16010,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -16027,25 +16027,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16053,7 +16053,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16068,13 +16068,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -16082,7 +16082,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -16097,13 +16097,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -16111,7 +16111,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -16132,14 +16132,14 @@ Object {
 }
 `;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests switches selected element on pointer down: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > switches selected element on pointer down > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16163,13 +16163,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id2",
     "isDeleted": false,
@@ -16177,7 +16177,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 401146281,
@@ -16203,7 +16203,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16225,33 +16225,33 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id2",
     "isDeleted": false,
@@ -16259,7 +16259,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 401146281,
@@ -16279,54 +16279,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests switches selected element on pointer down: [end of test] history 1`] = `
-Object {
+exports[`regression tests > switches selected element on pointer down > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16334,7 +16334,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16351,25 +16351,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16377,7 +16377,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16392,13 +16392,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -16406,7 +16406,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -16427,14 +16427,14 @@ Object {
 }
 `;
 
-exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > switches selected element on pointer down > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests switches selected element on pointer down: [end of test] number of renders 1`] = `14`;
+exports[`regression tests > switches selected element on pointer down > [end of test] number of renders 1`] = `14`;
 
-exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > two-finger scroll works > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16470,7 +16470,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16492,21 +16492,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 10,
   "scrollY": -10,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
@@ -16514,47 +16514,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests two-finger scroll works: [end of test] history 1`] = `
-Object {
+exports[`regression tests > two-finger scroll works > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests two-finger scroll works: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > two-finger scroll works > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests two-finger scroll works: [end of test] number of renders 1`] = `13`;
+exports[`regression tests > two-finger scroll works > [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > undo/redo drawing an element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16590,7 +16590,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16612,23 +16612,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -16636,42 +16636,42 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > undo/redo drawing an element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16679,7 +16679,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16694,13 +16694,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -16708,7 +16708,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -16723,7 +16723,7 @@ Object {
           "x": 40,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -16731,33 +16731,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id2",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             100,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               60,
               10,
             ],
-            Array [
+            [
               100,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -16776,25 +16776,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16802,7 +16802,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16817,13 +16817,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -16831,7 +16831,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -16846,7 +16846,7 @@ Object {
           "x": 40,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -16854,29 +16854,29 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             60,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               60,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -16896,37 +16896,37 @@ Object {
       ],
     },
   ],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16934,7 +16934,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16951,25 +16951,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16977,7 +16977,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16992,13 +16992,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -17006,7 +17006,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -17027,14 +17027,14 @@ Object {
 }
 `;
 
-exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > undo/redo drawing an element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `31`;
+exports[`regression tests > undo/redo drawing an element > [end of test] number of renders 1`] = `31`;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -17070,7 +17070,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -17092,21 +17092,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -17114,47 +17114,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] history 1`] = `
-Object {
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of renders 1`] = `7`;
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of renders 1`] = `7`;
 
-exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -17190,7 +17190,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -17212,21 +17212,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -17234,39 +17234,39 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests zoom hotkeys: [end of test] history 1`] = `
-Object {
+exports[`regression tests > zoom hotkeys > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests zoom hotkeys: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > zoom hotkeys > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests zoom hotkeys: [end of test] number of renders 1`] = `7`;
+exports[`regression tests > zoom hotkeys > [end of test] number of renders 1`] = `7`;
diff --git a/src/tests/__snapshots__/selection.test.tsx.snap b/src/tests/__snapshots__/selection.test.tsx.snap
index fff176a63..3296dca75 100644
--- a/src/tests/__snapshots__/selection.test.tsx.snap
+++ b/src/tests/__snapshots__/selection.test.tsx.snap
@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`select single element on the scene arrow 1`] = `
-Object {
+exports[`select single element on the scene > arrow 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -9,7 +9,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -17,18 +17,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -47,8 +47,8 @@ Object {
 }
 `;
 
-exports[`select single element on the scene arrow escape 1`] = `
-Object {
+exports[`select single element on the scene > arrow escape 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -56,7 +56,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -64,18 +64,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -94,14 +94,14 @@ Object {
 }
 `;
 
-exports[`select single element on the scene diamond 1`] = `
-Object {
+exports[`select single element on the scene > diamond 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -109,7 +109,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -126,14 +126,14 @@ Object {
 }
 `;
 
-exports[`select single element on the scene ellipse 1`] = `
-Object {
+exports[`select single element on the scene > ellipse 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -141,7 +141,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -158,14 +158,14 @@ Object {
 }
 `;
 
-exports[`select single element on the scene rectangle 1`] = `
-Object {
+exports[`select single element on the scene > rectangle 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -173,7 +173,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
diff --git a/src/tests/appState.test.tsx b/src/tests/appState.test.tsx
index aa5924925..2572d2545 100644
--- a/src/tests/appState.test.tsx
+++ b/src/tests/appState.test.tsx
@@ -1,4 +1,5 @@
 import { queryByTestId, render, waitFor } from "./test-utils";
+
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
 import { getDefaultAppState } from "../appState";
diff --git a/src/tests/clipboard.test.tsx b/src/tests/clipboard.test.tsx
index bbaa4d179..67a081013 100644
--- a/src/tests/clipboard.test.tsx
+++ b/src/tests/clipboard.test.tsx
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 import ReactDOM from "react-dom";
 import {
   render,
@@ -21,14 +22,14 @@ const { h } = window;
 
 const mouse = new Pointer("mouse");
 
-jest.mock("../keys.ts", () => {
-  const actual = jest.requireActual("../keys.ts");
+vi.mock("../keys.ts", async (importOriginal) => {
+  const module: any = await importOriginal();
   return {
     __esmodule: true,
-    ...actual,
+    ...module,
     isDarwin: false,
     KEYS: {
-      ...actual.KEYS,
+      ...module.KEYS,
       CTRL_OR_CMD: "ctrlKey",
     },
   };
diff --git a/src/tests/collab.test.tsx b/src/tests/collab.test.tsx
index 42ad571a3..c5d4f6c44 100644
--- a/src/tests/collab.test.tsx
+++ b/src/tests/collab.test.tsx
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 import { render, updateSceneData, waitFor } from "./test-utils";
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
@@ -15,15 +16,18 @@ Object.defineProperty(window, "crypto", {
   },
 });
 
-jest.mock("../excalidraw-app/data/index.ts", () => ({
-  __esmodule: true,
-  ...jest.requireActual("../excalidraw-app/data/index.ts"),
-  getCollabServer: jest.fn(() => ({
-    url: /* doesn't really matter */ "http://localhost:3002",
-  })),
-}));
+vi.mock("../excalidraw-app/data/index.ts", async (importActual) => {
+  const module = (await importActual()) as any;
+  return {
+    __esmodule: true,
+    ...module,
+    getCollabServer: vi.fn(() => ({
+      url: /* doesn't really matter */ "http://localhost:3002",
+    })),
+  };
+});
 
-jest.mock("../excalidraw-app/data/firebase.ts", () => {
+vi.mock("../excalidraw-app/data/firebase.ts", () => {
   const loadFromFirebase = async () => null;
   const saveToFirebase = () => {};
   const isSavedToFirebase = () => true;
@@ -45,15 +49,17 @@ jest.mock("../excalidraw-app/data/firebase.ts", () => {
   };
 });
 
-jest.mock("socket.io-client", () => {
-  return () => {
-    return {
-      close: () => {},
-      on: () => {},
-      once: () => {},
-      off: () => {},
-      emit: () => {},
-    };
+vi.mock("socket.io-client", () => {
+  return {
+    default: () => {
+      return {
+        close: () => {},
+        on: () => {},
+        once: () => {},
+        off: () => {},
+        emit: () => {},
+      };
+    },
   };
 });
 
diff --git a/src/tests/contextmenu.test.tsx b/src/tests/contextmenu.test.tsx
index 9e89996af..c581a0ff1 100644
--- a/src/tests/contextmenu.test.tsx
+++ b/src/tests/contextmenu.test.tsx
@@ -21,6 +21,7 @@ import { copiedStyles } from "../actions/actionStyles";
 import { API } from "./helpers/api";
 import { setDateTimeForTests } from "../utils";
 import { LibraryItem } from "../types";
+import { vi } from "vitest";
 
 const checkpoint = (name: string) => {
   expect(renderScene.mock.calls.length).toMatchSnapshot(
@@ -39,7 +40,7 @@ const mouse = new Pointer("mouse");
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index bb2303bc3..881940210 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`restoreElements should restore arrow element correctly 1`] = `
-Object {
+exports[`restoreElements > should restore arrow element correctly 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-arrow01",
   "isDeleted": false,
@@ -17,18 +17,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -47,14 +47,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 1`] = `
-Object {
+exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 1`] = `
+{
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "1",
     "2",
     "3",
@@ -66,7 +66,7 @@ Object {
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -83,14 +83,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 2`] = `
-Object {
+exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 2`] = `
+{
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "1",
     "2",
     "3",
@@ -102,7 +102,7 @@ Object {
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -119,14 +119,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 3`] = `
-Object {
+exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 3`] = `
+{
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "1",
     "2",
     "3",
@@ -138,7 +138,7 @@ Object {
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -155,14 +155,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore freedraw element correctly 1`] = `
-Object {
+exports[`restoreElements > should restore freedraw element correctly 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 0,
   "id": "id-freedraw01",
   "isDeleted": false,
@@ -170,10 +170,10 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [],
-  "pressures": Array [],
+  "points": [],
+  "pressures": [],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -191,16 +191,16 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore line and draw elements correctly 1`] = `
-Object {
+exports[`restoreElements > should restore line and draw elements correctly 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-line01",
   "isDeleted": false,
@@ -208,18 +208,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -238,16 +238,16 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore line and draw elements correctly 2`] = `
-Object {
+exports[`restoreElements > should restore line and draw elements correctly 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-draw01",
   "isDeleted": false,
@@ -255,18 +255,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -285,18 +285,18 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore text element correctly passing value for each attribute 1`] = `
-Object {
+exports[`restoreElements > should restore text element correctly passing value for each attribute 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "baseline": 0,
-  "boundElements": Array [],
+  "boundElements": [],
   "containerId": null,
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 14,
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
@@ -306,7 +306,7 @@ Object {
   "opacity": 100,
   "originalText": "text",
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -326,18 +326,18 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore text element correctly with unknown font family, null text and undefined alignment 1`] = `
-Object {
+exports[`restoreElements > should restore text element correctly with unknown font family, null text and undefined alignment 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "baseline": 0,
-  "boundElements": Array [],
+  "boundElements": [],
   "containerId": null,
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 10,
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
@@ -347,7 +347,7 @@ Object {
   "opacity": 100,
   "originalText": "test",
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index 3be9a4097..e8ac49ede 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -12,9 +12,10 @@ import { ImportedDataState } from "../../data/types";
 import { NormalizedZoomValue } from "../../types";
 import { DEFAULT_SIDEBAR, FONT_FAMILY, ROUNDNESS } from "../../constants";
 import { newElementWith } from "../../element/mutateElement";
+import { vi } from "vitest";
 
 describe("restoreElements", () => {
-  const mockSizeHelper = jest.spyOn(sizeHelpers, "isInvisiblySmallElement");
+  const mockSizeHelper = vi.spyOn(sizeHelpers, "isInvisiblySmallElement");
 
   beforeEach(() => {
     mockSizeHelper.mockReset();
@@ -152,7 +153,7 @@ describe("restoreElements", () => {
   it("when arrow element has undefined endArrowHead", () => {
     const arrowElement = API.createElement({ type: "arrow" });
     Object.defineProperty(arrowElement, "endArrowhead", {
-      get: jest.fn(() => undefined),
+      get: vi.fn(() => undefined),
     });
 
     const restoredElements = restore.restoreElements([arrowElement], null);
@@ -205,7 +206,7 @@ describe("restoreElements", () => {
       [1, 1],
     ];
     Object.defineProperty(lineElement_0, "points", {
-      get: jest.fn(() => pointsEl_0),
+      get: vi.fn(() => pointsEl_0),
     });
 
     const pointsEl_1 = [
@@ -213,7 +214,7 @@ describe("restoreElements", () => {
       [5, 6],
     ];
     Object.defineProperty(lineElement_1, "points", {
-      get: jest.fn(() => pointsEl_1),
+      get: vi.fn(() => pointsEl_1),
     });
 
     const restoredElements = restore.restoreElements(
@@ -440,7 +441,7 @@ describe("restoreAppState", () => {
       const stubImportedAppState = getDefaultAppState();
 
       Object.defineProperty(stubImportedAppState, "zoom", {
-        get: jest.fn(() => null),
+        get: vi.fn(() => null),
       });
 
       const stubLocalAppState = getDefaultAppState();
diff --git a/src/tests/dragCreate.test.tsx b/src/tests/dragCreate.test.tsx
index 4e69f1ab8..3e01af04f 100644
--- a/src/tests/dragCreate.test.tsx
+++ b/src/tests/dragCreate.test.tsx
@@ -10,11 +10,12 @@ import {
 } from "./test-utils";
 import { ExcalidrawLinearElement } from "../element/types";
 import { reseed } from "../random";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/fitToContent.test.tsx b/src/tests/fitToContent.test.tsx
index fd7a1170b..580467dde 100644
--- a/src/tests/fitToContent.test.tsx
+++ b/src/tests/fitToContent.test.tsx
@@ -2,6 +2,7 @@ import { render } from "./test-utils";
 import { API } from "./helpers/api";
 
 import ExcalidrawApp from "../excalidraw-app";
+import { vi } from "vitest";
 
 const { h } = window;
 
@@ -97,11 +98,11 @@ const waitForNextAnimationFrame = () => {
 
 describe("fitToContent animated", () => {
   beforeEach(() => {
-    jest.spyOn(window, "requestAnimationFrame");
+    vi.spyOn(window, "requestAnimationFrame");
   });
 
   afterEach(() => {
-    jest.restoreAllMocks();
+    vi.restoreAllMocks();
   });
 
   it("should ease scroll the viewport to the selected element", async () => {
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index c90c07834..d1a30af0c 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -20,21 +20,21 @@ import ExcalidrawApp from "../excalidraw-app";
 import { mutateElement } from "../element/mutateElement";
 import { NormalizedZoomValue } from "../types";
 import { ROUNDNESS } from "../constants";
+import { vi } from "vitest";
+import * as blob from "../data/blob";
 
 const { h } = window;
-
 const mouse = new Pointer("mouse");
-jest.mock("../data/blob", () => {
-  const originalModule = jest.requireActual("../data/blob");
+// This needs to fixed in vitest mock, as when importActual used with mock
+// the tests hangs - https://github.com/vitest-dev/vitest/issues/546.
+// But fortunately spying and mocking the return value of spy works :p
+
+const resizeImageFileSpy = vi.spyOn(blob, "resizeImageFile");
+const generateIdFromFileSpy = vi.spyOn(blob, "generateIdFromFile");
+
+resizeImageFileSpy.mockImplementation(async (imageFile: File) => imageFile);
+generateIdFromFileSpy.mockImplementation(async () => "fileId" as FileId);
 
-  //Prevent Node.js modules errors (document is not defined etc...)
-  return {
-    __esModule: true,
-    ...originalModule,
-    resizeImageFile: (imageFile: File) => imageFile,
-    generateIdFromFile: () => "fileId" as FileId,
-  };
-});
 beforeEach(async () => {
   // Unmount ReactDOM from root
   ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
@@ -42,7 +42,7 @@ beforeEach(async () => {
   mouse.reset();
   localStorage.clear();
   sessionStorage.clear();
-  jest.clearAllMocks();
+  vi.clearAllMocks();
 
   Object.assign(document, {
     elementFromPoint: () => GlobalTestState.canvas,
@@ -732,7 +732,6 @@ describe("image", () => {
   it("flips an unrotated image horizontally correctly", async () => {
     //paste image
     await createImage();
-
     await waitFor(() => {
       expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
       expect(API.getSelectedElements().length).toBeGreaterThan(0);
diff --git a/src/tests/library.test.tsx b/src/tests/library.test.tsx
index 2a2886354..512d1b564 100644
--- a/src/tests/library.test.tsx
+++ b/src/tests/library.test.tsx
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 import { fireEvent, render, waitFor } from "./test-utils";
 import { queryByTestId } from "@testing-library/react";
 
@@ -29,11 +30,15 @@ const mockLibraryFilePromise = new Promise<Blob>(async (resolve, reject) => {
   }
 });
 
-jest.mock("../data/filesystem.ts", () => ({
-  __esmodule: true,
-  ...jest.requireActual("../data/filesystem.ts"),
-  fileOpen: jest.fn(() => mockLibraryFilePromise),
-}));
+vi.mock("../data/filesystem.ts", async (importOriginal) => {
+  const module = await importOriginal();
+  return {
+    __esmodule: true,
+    //@ts-ignore
+    ...module,
+    fileOpen: vi.fn(() => mockLibraryFilePromise),
+  };
+});
 
 describe("library", () => {
   beforeEach(async () => {
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index c71283a4c..6bcefb95f 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -24,8 +24,9 @@ import {
 } from "../element/textElement";
 import * as textElementUtils from "../element/textElement";
 import { ROUNDNESS, VERTICAL_ALIGN } from "../constants";
+import { vi } from "vitest";
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 
 const { h } = window;
 const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
@@ -179,16 +180,16 @@ describe("Test Linear Elements", () => {
     expect(renderScene).toHaveBeenCalledTimes(11);
     expect(line.points.length).toEqual(3);
     expect(line.points).toMatchInlineSnapshot(`
-      Array [
-        Array [
+      [
+        [
           0,
           0,
         ],
-        Array [
+        [
           70,
           50,
         ],
-        Array [
+        [
           40,
           0,
         ],
@@ -273,16 +274,16 @@ describe("Test Linear Elements", () => {
 
       expect(line.points.length).toEqual(3);
       expect(line.points).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             0,
             0,
           ],
-          Array [
+          [
             70,
             50,
           ],
-          Array [
+          [
             40,
             0,
           ],
@@ -315,12 +316,12 @@ describe("Test Linear Elements", () => {
       expect(midPointsWithRoundEdge[1]).not.toEqual(midPointsWithSharpEdge[1]);
 
       expect(midPointsWithRoundEdge).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             55.9697848965255,
             47.442326230998205,
           ],
-          Array [
+          [
             76.08587175006699,
             43.294165939653226,
           ],
@@ -363,12 +364,12 @@ describe("Test Linear Elements", () => {
       expect(midPoints[0]).not.toEqual(newMidPoints[0]);
       expect(midPoints[1]).not.toEqual(newMidPoints[1]);
       expect(newMidPoints).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             105.96978489652551,
             67.4423262309982,
           ],
-          Array [
+          [
             126.08587175006699,
             63.294165939653226,
           ],
@@ -412,29 +413,29 @@ describe("Test Linear Elements", () => {
 
         expect((h.elements[0] as ExcalidrawLinearElement).points)
           .toMatchInlineSnapshot(`
-          Array [
-            Array [
-              0,
-              0,
-            ],
-            Array [
-              85,
-              75,
-            ],
-            Array [
-              70,
-              50,
-            ],
-            Array [
-              105,
-              70,
-            ],
-            Array [
-              40,
-              0,
-            ],
-          ]
-        `);
+            [
+              [
+                0,
+                0,
+              ],
+              [
+                85,
+                75,
+              ],
+              [
+                70,
+                50,
+              ],
+              [
+                105,
+                70,
+              ],
+              [
+                40,
+                0,
+              ],
+            ]
+          `);
       });
 
       it("should update only the first segment midpoint when its point is dragged", async () => {
@@ -558,29 +559,29 @@ describe("Test Linear Elements", () => {
 
         expect((h.elements[0] as ExcalidrawLinearElement).points)
           .toMatchInlineSnapshot(`
-          Array [
-            Array [
-              0,
-              0,
-            ],
-            Array [
-              85.96978489652551,
-              77.4423262309982,
-            ],
-            Array [
-              70,
-              50,
-            ],
-            Array [
-              106.08587175006699,
-              73.29416593965323,
-            ],
-            Array [
-              40,
-              0,
-            ],
-          ]
-        `);
+            [
+              [
+                0,
+                0,
+              ],
+              [
+                85.96978489652551,
+                77.4423262309982,
+              ],
+              [
+                70,
+                50,
+              ],
+              [
+                106.08587175006699,
+                73.29416593965323,
+              ],
+              [
+                40,
+                0,
+              ],
+            ]
+          `);
       });
 
       it("should update all the midpoints when its point is dragged", async () => {
@@ -606,12 +607,12 @@ describe("Test Linear Elements", () => {
         expect(midPoints[0]).not.toEqual(newMidPoints[0]);
         expect(midPoints[1]).not.toEqual(newMidPoints[1]);
         expect(newMidPoints).toMatchInlineSnapshot(`
-          Array [
-            Array [
+          [
+            [
               31.884084517616053,
               23.13275505472383,
             ],
-            Array [
+            [
               77.74792546875662,
               44.57840982272327,
             ],
@@ -667,12 +668,12 @@ describe("Test Linear Elements", () => {
         expect(midPoints[0]).not.toEqual(newMidPoints[0]);
         expect(midPoints[1]).not.toEqual(newMidPoints[1]);
         expect(newMidPoints).toMatchInlineSnapshot(`
-          Array [
-            Array [
+          [
+            [
               55.9697848965255,
               47.442326230998205,
             ],
-            Array [
+            [
               76.08587175006699,
               43.294165939653226,
             ],
@@ -704,12 +705,12 @@ describe("Test Linear Elements", () => {
         [dragEndPositionOffset[0] + line.x, dragEndPositionOffset[1] + line.y],
       );
       expect(line.points).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             0,
             0,
           ],
-          Array [
+          [
             -60,
             -100,
           ],
@@ -768,7 +769,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          Object {
+          {
             "x": 25,
             "y": 10,
           }
@@ -790,7 +791,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          Object {
+          {
             "x": 75,
             "y": 60,
           }
@@ -824,7 +825,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          Object {
+          {
             "x": 85.82201843191861,
             "y": 75.63461309860818,
           }
@@ -939,11 +940,11 @@ describe("Test Linear Elements", () => {
       expect(textElement.angle).toBe(0);
       expect(getBoundTextElementPosition(arrow, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 75,
-          "y": 60,
-        }
-      `);
+          {
+            "x": 75,
+            "y": 60,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -951,26 +952,26 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          20,
-          105,
-          80,
-          55.45893770831013,
-          45,
-        ]
-      `);
+          [
+            20,
+            20,
+            105,
+            80,
+            55.45893770831013,
+            45,
+          ]
+        `);
 
       rotate(container, -35, 55);
       expect(container.angle).toMatchInlineSnapshot(`1.3988061968364685`);
       expect(textElement.angle).toBe(0);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 21.73926141863671,
-          "y": 73.31003398390868,
-        }
-      `);
+          {
+            "x": 21.73926141863671,
+            "y": 73.31003398390868,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -978,15 +979,15 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          20,
-          102.41961302274555,
-          86.49012635273976,
-          55.45893770831013,
-          45,
-        ]
-      `);
+          [
+            20,
+            20,
+            102.41961302274555,
+            86.49012635273976,
+            55.45893770831013,
+            45,
+          ]
+        `);
     });
 
     it("should resize and position the bound text and bounding box correctly when 3 pointer arrow element resized", () => {
@@ -1004,11 +1005,11 @@ describe("Test Linear Elements", () => {
       expect(container.height).toBe(50);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 75,
-          "y": 60,
-        }
-      `);
+          {
+            "x": 75,
+            "y": 60,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -1016,33 +1017,33 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          20,
-          105,
-          80,
-          55.45893770831013,
-          45,
-        ]
-      `);
+          [
+            20,
+            20,
+            105,
+            80,
+            55.45893770831013,
+            45,
+          ]
+        `);
 
       resize(container, "ne", [300, 200]);
 
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
-        Object {
-          "height": 130,
-          "width": 367,
-        }
-      `);
+          {
+            "height": 130,
+            "width": 367,
+          }
+        `);
 
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 272,
-          "y": 45,
-        }
-      `);
+          {
+            "x": 272,
+            "y": 45,
+          }
+        `);
       expect((h.elements[1] as ExcalidrawTextElementWithContainer).text)
         .toMatchInlineSnapshot(`
         "Online whiteboard 
@@ -1050,15 +1051,15 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          35,
-          502,
-          95,
-          205.9061448421403,
-          52.5,
-        ]
-      `);
+          [
+            20,
+            35,
+            502,
+            95,
+            205.9061448421403,
+            52.5,
+          ]
+        `);
     });
 
     it("should resize and position the bound text correctly when 2 pointer linear element resized", () => {
@@ -1072,11 +1073,11 @@ describe("Test Linear Elements", () => {
       expect(container.width).toBe(40);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 25,
-          "y": 10,
-        }
-      `);
+          {
+            "x": 25,
+            "y": 10,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -1089,19 +1090,19 @@ describe("Test Linear Elements", () => {
 
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
-        Object {
-          "height": 130,
-          "width": 340,
-        }
-      `);
+          {
+            "height": 130,
+            "width": 340,
+          }
+        `);
 
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 75,
-          "y": -5,
-        }
-      `);
+          {
+            "x": 75,
+            "y": -5,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made easy"
@@ -1154,7 +1155,7 @@ describe("Test Linear Elements", () => {
         "Online whiteboard collaboration
         made easy"
       `);
-      const handleBindTextResizeSpy = jest.spyOn(
+      const handleBindTextResizeSpy = vi.spyOn(
         textElementUtils,
         "handleBindTextResize",
       );
diff --git a/src/tests/move.test.tsx b/src/tests/move.test.tsx
index 3fbfceee3..034a1fff7 100644
--- a/src/tests/move.test.tsx
+++ b/src/tests/move.test.tsx
@@ -12,11 +12,12 @@ import {
 } from "../element/types";
 import { UI, Pointer, Keyboard } from "./helpers/ui";
 import { KEYS } from "../keys";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/multiPointCreate.test.tsx b/src/tests/multiPointCreate.test.tsx
index 0026041c7..7037138fb 100644
--- a/src/tests/multiPointCreate.test.tsx
+++ b/src/tests/multiPointCreate.test.tsx
@@ -10,11 +10,12 @@ import * as Renderer from "../renderer/renderScene";
 import { KEYS } from "../keys";
 import { ExcalidrawLinearElement } from "../element/types";
 import { reseed } from "../random";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index d026b21ef..a9f6d37a6 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items if passed from host 1`] = `
+exports[`<Excalidraw/> > <MainMenu/> > should render main menu with host menu items if passed from host 1`] = `
 <div
   class="dropdown-menu"
   data-testid="dropdown-menu"
@@ -108,7 +108,7 @@ exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items
 </div>
 `;
 
-exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu with default items when "UIOPtions" is "undefined" 1`] = `
+exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should render menu with default items when "UIOPtions" is "undefined" 1`] = `
 <div
   class="dropdown-menu"
   data-testid="dropdown-menu"
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index fc46d2390..9c573a1a4 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`exportToSvg with default arguments 1`] = `
-Object {
+exports[`exportToSvg > with default arguments 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -40,7 +40,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -59,21 +59,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -81,13 +81,13 @@ Object {
   "showStats": false,
   "showWelcomeScreen": false,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 069f9c000..20852a2ad 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, GlobalTestState, toggleMenu, render } from "../test-utils";
 import { Excalidraw, Footer, MainMenu } from "../../packages/excalidraw/index";
-import { queryByText, queryByTestId } from "@testing-library/react";
+import { queryByText, queryByTestId, screen } from "@testing-library/react";
 import { GRID_SIZE, THEME } from "../../constants";
 import { t } from "../../i18n";
 import { useMemo } from "react";
@@ -42,7 +42,7 @@ describe("<Excalidraw/>", () => {
         container.getElementsByClassName("disable-zen-mode--visible").length,
       ).toBe(0);
       expect(h.state.zenModeEnabled).toBe(true);
-
+      screen.debug();
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
         clientX: 1,
@@ -74,7 +74,8 @@ describe("<Excalidraw/>", () => {
         </Footer>
       </Excalidraw>,
     ));
-    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(`
+    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(
+      `
       <div
         class="footer-center zen-mode-transition"
       >
@@ -82,7 +83,8 @@ describe("<Excalidraw/>", () => {
           This is a custom footer
         </div>
       </div>
-    `);
+    `,
+    );
   });
 
   describe("Test gridModeEnabled prop", () => {
diff --git a/src/tests/packages/utils.test.ts b/src/tests/packages/utils.test.ts
index 824b5d15a..7d880d296 100644
--- a/src/tests/packages/utils.test.ts
+++ b/src/tests/packages/utils.test.ts
@@ -1,15 +1,13 @@
 import * as utils from "../../packages/utils";
 import { diagramFactory } from "../fixtures/diagramFixture";
+import { vi } from "vitest";
 import * as mockedSceneExportUtils from "../../scene/export";
+
 import { MIME_TYPES } from "../../constants";
 
-jest.mock("../../scene/export", () => ({
-  __esmodule: true,
-  ...jest.requireActual("../../scene/export"),
-  exportToSvg: jest.fn(),
-}));
+const exportToSvgSpy = vi.spyOn(mockedSceneExportUtils, "exportToSvg");
 
-describe("exportToCanvas", () => {
+describe("exportToCanvas", async () => {
   const EXPORT_PADDING = 10;
 
   it("with default arguments", async () => {
@@ -32,10 +30,9 @@ describe("exportToCanvas", () => {
   });
 });
 
-describe("exportToBlob", () => {
+describe("exportToBlob", async () => {
   describe("mime type", () => {
-    afterEach(jest.restoreAllMocks);
-
+    // afterEach(vi.restoreAllMocks);
     it("should change image/jpg to image/jpeg", async () => {
       const blob = await utils.exportToBlob({
         ...diagramFactory(),
@@ -48,7 +45,6 @@ describe("exportToBlob", () => {
       });
       expect(blob?.type).toBe(MIME_TYPES.jpg);
     });
-
     it("should default to image/png", async () => {
       const blob = await utils.exportToBlob({
         ...diagramFactory(),
@@ -57,16 +53,14 @@ describe("exportToBlob", () => {
     });
 
     it("should warn when using quality with image/png", async () => {
-      const consoleSpy = jest
+      const consoleSpy = vi
         .spyOn(console, "warn")
         .mockImplementationOnce(() => void 0);
-
       await utils.exportToBlob({
         ...diagramFactory(),
         mimeType: MIME_TYPES.png,
         quality: 1,
       });
-
       expect(consoleSpy).toHaveBeenCalledWith(
         `"quality" will be ignored for "${MIME_TYPES.png}" mimeType`,
       );
@@ -75,10 +69,12 @@ describe("exportToBlob", () => {
 });
 
 describe("exportToSvg", () => {
-  const mockedExportUtil = mockedSceneExportUtils.exportToSvg as jest.Mock;
-  const passedElements = () => mockedExportUtil.mock.calls[0][0];
-  const passedOptions = () => mockedExportUtil.mock.calls[0][1];
-  afterEach(jest.resetAllMocks);
+  const passedElements = () => exportToSvgSpy.mock.calls[0][0];
+  const passedOptions = () => exportToSvgSpy.mock.calls[0][1];
+
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
 
   it("with default arguments", async () => {
     await utils.exportToSvg({
diff --git a/src/tests/regressionTests.test.tsx b/src/tests/regressionTests.test.tsx
index 2b9094888..8cb483c93 100644
--- a/src/tests/regressionTests.test.tsx
+++ b/src/tests/regressionTests.test.tsx
@@ -17,10 +17,11 @@ import {
 } from "./test-utils";
 import { defaultLang } from "../i18n";
 import { FONT_FAMILY } from "../constants";
+import { vi } from "vitest";
 
 const { h } = window;
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 
 const mouse = new Pointer("mouse");
 const finger1 = new Pointer("touch", 1);
@@ -156,6 +157,7 @@ describe("regression tests", () => {
   }
   it("change the properties of a shape", () => {
     UI.clickTool("rectangle");
+
     mouse.down(10, 10);
     mouse.up(10, 10);
     togglePopover("Background");
diff --git a/src/tests/resize.test.tsx b/src/tests/resize.test.tsx
index 12fb86bea..13f757a98 100644
--- a/src/tests/resize.test.tsx
+++ b/src/tests/resize.test.tsx
@@ -9,11 +9,12 @@ import { ExcalidrawTextElement } from "../element/types";
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
 import { KEYS } from "../keys";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/scene/__snapshots__/export.test.ts.snap b/src/tests/scene/__snapshots__/export.test.ts.snap
index 9f706ca01..2b959db25 100644
--- a/src/tests/scene/__snapshots__/export.test.ts.snap
+++ b/src/tests/scene/__snapshots__/export.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`exportToSvg with default arguments 1`] = `
+exports[`exportToSvg > with default arguments 1`] = `
 <svg
   height="120"
   version="1.1"
@@ -74,7 +74,7 @@ exports[`exportToSvg with default arguments 1`] = `
 </svg>
 `;
 
-exports[`exportToSvg with elements that have a link 1`] = `
+exports[`exportToSvg > with elements that have a link 1`] = `
 "
   <!-- svg-source:excalidraw -->
   
@@ -94,10 +94,10 @@ exports[`exportToSvg with elements that have a link 1`] = `
   <a href=\\"excalidraw.com\\"><g stroke-linecap=\\"round\\" transform=\\"translate(10 10) rotate(0 107 107)\\"><path d=\\"M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-0.81 6.83 C1.42 4.82, 3.76 1.52, 5.21 0.19 M-0.15 6.66 C1.8 4.06, 3.47 2.78, 5.22 0.73 M-0.29 10.96 C2.44 8.61, 6.86 4.4, 10.93 -0.91 M0.52 11.4 C3.45 8.64, 6.67 5.66, 10.55 0.52 M-0.73 16.51 C7.35 10.86, 13.5 3, 17.44 0.95 M0.2 18.45 C5.73 11.79, 11.18 5.08, 16.02 -0.18 M0.75 25.53 C5.82 17, 10.04 11.07, 20.53 0.11 M0.63 24.62 C6.15 16.7, 12.35 9.33, 21.67 -0.92 M-0.46 31.29 C10.67 19.56, 20.95 6.14, 26.3 0.97 M0.19 30.33 C6.15 22.94, 12.8 16.86, 26.48 0.56 M0.06 38.68 C9.21 29.05, 14.84 21.35, 32.64 0.53 M0.13 37.62 C11.7 22.94, 22.8 8.94, 31.86 0.17 M1.97 42.03 C14.26 29.52, 23.97 12.83, 36.26 1.93 M0.5 42.42 C7.49 34.15, 14.87 25.57, 36.32 -0.12 M-1.55 47.05 C9.52 36.22, 20.47 27.66, 42.25 0.23 M0.07 48.87 C15.17 30.66, 32.72 11.39, 42.55 -0.3 M1 53.34 C15.85 39.16, 30.2 22.36, 47.03 0.12 M0.83 54.24 C13.32 41.61, 24.32 26.03, 48.09 -0.05 M-1.51 60.18 C18.44 42.68, 33.89 21.16, 51.91 1.7 M0.58 61.04 C19.82 38.42, 41.63 15.34, 52.4 -0.74 M-2 68.97 C17.08 50.31, 33.78 31.07, 58 -1.79 M-0.57 67.89 C12.79 53.01, 23.57 38.56, 57.54 0.78 M-0.94 73.26 C17.3 51.99, 37.15 29.16, 63.79 1.79 M-0.34 73.88 C13.12 57.81, 25.23 44.29, 63.24 0.24 M-0.02 80.75 C25.47 53.17, 50.04 23.22, 68.13 1.24 M-0.31 79 C13.15 62.83, 27.89 46.91, 69.58 0.16 M-1.36 83.81 C22.43 62.66, 42.64 36.29, 75.7 -0.26 M0.49 84.94 C20.19 61.39, 38.84 39.35, 74.08 -0.14 M-0.44 93.19 C29.84 56.59, 58.57 21.34, 80.05 0.63 M0.23 91.29 C16.75 73.26, 34.07 51.65, 80.34 -0.29 M-1.32 96.52 C29.7 64.08, 56.68 31.83, 85.06 1.15 M-1.23 98.35 C28.8 63.78, 59.61 29.8, 85.15 -0.85 M1.68 104.37 C24.69 72.49, 52 43.21, 91.99 -1.81 M-0.48 103.54 C31.96 64.64, 64.99 27.22, 89.13 0.87 M-1.77 108.18 C36.54 67.37, 72.5 22.54, 96.92 -1.99 M-0.63 109.78 C22.47 82.36, 45.16 56.53, 95.84 -1.07 M-1.12 114.79 C38.49 70.57, 74.74 30, 101.81 -1.93 M1.19 116.33 C38.03 73.29, 76.06 29.97, 100.42 0.88 M2 120.2 C36.47 78.86, 73.59 37.62, 107.95 0.68 M0.39 120.97 C29.7 88.16, 58.99 53.35, 106.73 -0.13 M-1.32 128.06 C41.12 75.45, 86.81 26, 110.99 -1.18 M-0.57 128.82 C35.82 86.5, 72.74 44.1, 111.91 0.79 M-1.02 135.64 C43.91 82.98, 87.98 32.05, 117.79 -1.37 M-0.27 134.74 C26.27 106.76, 50.22 76.9, 116.93 1.16 M-1.8 139.9 C35.21 104.38, 65.53 62.78, 120.66 1.37 M-0.43 139.71 C38.55 95.61, 78.01 50.56, 122.46 -0.53 M1.76 147.91 C29.11 117.4, 55.37 85.99, 127.68 1.48 M0.53 145.69 C46.44 94.62, 91.7 39.92, 126.74 -0.41 M0.17 150.85 C33.17 115.83, 61.4 80.26, 131.64 0.9 M0.15 151.84 C53.25 90.23, 106.14 30.74, 132.16 -0.36 M-1.84 157.7 C37.59 114.01, 76.78 70.61, 136.63 -0.45 M0.35 158.99 C30.36 122.85, 60.89 88, 137.61 0.03 M-0.23 166.11 C29.43 128.1, 58.73 93.84, 143.89 -0.53 M-0.32 164.8 C28.62 130.08, 57.48 96.97, 144 -0.28 M0.58 169.48 C50.77 111.65, 102.4 55.59, 147.57 0.38 M0.18 171.37 C41.33 123.45, 81.86 77.61, 148.81 0.27 M-0.43 175.5 C42.41 129.13, 83.17 82.4, 153.98 0.49 M-0.38 176.58 C56.14 112.56, 110.58 48.82, 153.05 0 M0.7 184.05 C39.63 137.27, 77.83 89.07, 159.24 -1.15 M-0.04 183.65 C61.15 113.46, 120.25 43.45, 159.1 0.14 M0.78 189.08 C63.86 116.64, 126.59 42.93, 165.06 -0.83 M-0.1 189.24 C43.16 138.18, 87.83 86.83, 164.16 0.56 M1.24 193.84 C36.84 154.67, 72.19 113.57, 170.32 -1.11 M-0.39 194.15 C64.21 119.86, 128.3 45.54, 169.93 0.91 M-0.29 202.73 C49.19 146.43, 96.87 92.17, 176.44 -0.47 M0.13 200.67 C52.92 138.41, 108.19 74.96, 174.6 -0.26 M1.16 206.55 C59.57 139.38, 118.88 71.01, 179.33 -0.46 M-0.07 207.43 C53.03 145.16, 107.35 82.74, 180.4 0.42 M0.22 213.68 C60.95 141.62, 123.88 71.22, 187.21 0.77 M0.6 214.05 C46.1 157.63, 93.55 102.73, 185.97 0.53 M1.26 216.37 C45.53 168.31, 87.98 118.47, 190.76 -1.23 M3.04 216.09 C67.52 139.61, 132.76 63.4, 190.6 -0.35 M7.95 217.48 C67.06 150.79, 124.44 83.38, 196.32 1.03 M7.93 216.35 C53.89 161.92, 100.46 109.21, 196.09 -0.51 M12.62 217.33 C58.21 163, 105.7 107.92, 202.43 -0.59 M13.54 216.66 C71.71 147.52, 130.4 81.02, 201.49 0.82 M18.27 217.27 C66.39 160.5, 115.21 104.07, 208.36 0.27 M18.01 215.72 C58.01 168.33, 99.25 121.93, 206.76 -0.82 M24.9 216.54 C74.66 158.72, 125.24 98.12, 212.06 0.05 M23.39 216.76 C89.76 140.49, 156.61 64.23, 211.91 -0.02 M28.87 215.01 C94.99 140.87, 162.5 64.39, 216.64 2.5 M28.76 215.55 C79.01 159.87, 128.27 103.38, 215.68 1.25 M32.95 216.11 C83.19 160.31, 131.85 106.05, 216.52 8.63 M33.94 217.11 C75.45 168.61, 117.47 121.55, 216.54 8.14 M39.78 217.56 C92.26 159.75, 140.57 102.37, 215.58 12.68 M40.11 216.11 C90.9 157.88, 140.49 99.7, 215.33 14 M43.47 216.97 C104.46 148.92, 163.67 79.54, 215.48 18.1 M44.41 216.74 C89.24 164.57, 133.58 113.45, 215.55 19.53 M50.78 215.1 C93.5 164.92, 139.86 112.9, 214.41 26.53 M49.78 215.99 C110.29 149.66, 168.81 81.69, 215.73 26.76 M57.12 215.58 C107.36 155.81, 157.92 97.78, 215.19 31.92 M54.97 216.03 C113.66 149.14, 173.56 80.85, 215.38 32.06 M61.3 215.31 C95.1 175.75, 132.1 134.8, 216.98 38.89 M61.19 216.77 C109.52 160.05, 158.35 103.94, 216.2 38.35 M67.47 216.77 C115.11 158.21, 167.71 97.2, 216.63 45.21 M66.77 216.96 C102.08 174.52, 137.46 133.67, 215.1 44.3 M70.35 215.08 C103.39 179.45, 138.17 141.98, 216.94 49.42 M72.29 216.59 C103.33 179.45, 132.1 146.13, 215.3 50.78 M77.48 217.53 C112.79 176.25, 148.92 136.21, 214.87 56.96 M76.92 216.34 C126.01 159.84, 176.06 104.61, 216.09 56.89 M83.65 216.59 C109.9 184.76, 137.67 151.42, 216.82 64.24 M81.86 216.8 C115.56 177.43, 148.43 139.03, 215.35 63.31 M86.45 216.6 C117.96 179.57, 150.68 145.05, 215.64 67.24 M86.76 215.76 C133.59 164.04, 179.87 111.6, 216.32 67.66 M92.5 217.18 C130.08 175.3, 164.37 136.62, 217.67 75.31 M93.31 216.93 C121.12 183.96, 149.71 151.9, 216.67 74.37 M97.31 214.67 C122.26 188.24, 148.41 160.47, 217.8 78.71 M97.27 217.16 C133.41 175.31, 167.83 132.89, 216.35 79.87 M102.05 215.76 C128.77 182.73, 159.47 152.36, 217.64 85.73 M103.92 216.03 C140.06 172.81, 177.77 130.15, 216.44 86.54 M108.77 215.29 C145.82 169.8, 184.54 127.33, 214.48 93.3 M108.6 216.14 C152.4 169.17, 193.64 120.21, 215.53 93.61 M113.85 217.99 C138.74 189.67, 160.26 165.2, 215.6 100.97 M113.85 215.19 C144.51 180.53, 176.69 143.07, 215.68 99.56 M119.06 216.26 C139.68 192.15, 161.93 164.32, 216.54 104.97 M120.04 216.13 C141.97 189.71, 164.98 164.4, 216.3 104.47 M124.31 216.62 C147.59 192.15, 170.4 161.51, 217.92 112.68 M123.84 216.01 C151.85 183.74, 178.95 152.19, 216.63 110.91 M130.04 217.74 C153.81 189.32, 176.55 163.35, 216.49 116.35 M130.09 216.38 C146.84 196.06, 166.21 175.33, 216.35 118.08 M135.41 216.47 C160.47 188.02, 182.14 159.88, 213.93 123.66 M135.78 217.64 C155.48 194.76, 172.71 172.66, 216.06 124.66 M139.2 218.28 C157.86 195.92, 177.77 173.69, 215.14 127.67 M140.43 215.93 C161.4 191.88, 182.03 169.94, 215.2 129.17 M146.79 215.06 C162.71 194.09, 180.79 177.42, 214.55 136.84 M144.79 217.28 C160.2 199.12, 174.78 183.05, 215.91 136.41 M151.66 214.81 C171.28 196.29, 187.11 175.48, 216.92 141.52 M151.91 215.67 C176.44 188.45, 199.88 160.32, 215.56 142.26 M154.38 215.47 C172.69 198.01, 192.07 175.16, 216.36 147.74 M155.82 217.21 C174.84 196.04, 193.76 174.8, 215.32 147.85 M160.14 214.61 C179.82 197.41, 195.96 177.17, 217.2 155.66 M162.6 216.26 C174.04 201, 186.86 187.65, 214.67 154.44 M165.72 215.2 C184.79 196.83, 203.71 176.89, 216.23 161.56 M167.04 217.53 C178.06 204.41, 186.16 194.48, 215.28 159.73 M173.01 215.35 C189.21 198.76, 204.39 179.52, 216.99 167.92 M171.74 216.2 C188.55 197.71, 202.6 180.81, 214.93 166.35 M176 218.1 C188.62 206.57, 198.94 193.03, 214.63 173.83 M177.77 216.11 C190.55 201.92, 202.86 186.55, 215.97 172.6 M182.26 217.09 C193.97 201.5, 207.69 185.56, 214.91 176.8 M183.75 215.8 C191.36 207.78, 198.34 197.48, 215.95 178.7 M187.99 218.4 C199.34 205.7, 207.8 191.99, 215.03 183.22 M188.53 216.69 C197.17 205.82, 204.83 195.35, 216.1 185.58 M195.49 214.23 C197.72 209.17, 202.2 205.99, 217.9 190.4 M194.25 215.18 C202.02 207.92, 209.16 198.59, 215.2 191.28 M200.15 216.71 C206.55 209.28, 212.55 200.97, 214.47 196.53 M199.03 216.79 C205.41 210.03, 212.23 201.38, 215.53 197.34 M203.99 215.64 C207.37 213.36, 210.04 206.68, 216.48 203.13 M204.08 216.24 C207 212.46, 211.61 208.42, 215.41 201.74 M209.93 216.23 C210.58 213.66, 212.88 213.24, 215.79 209.03 M209.77 216.09 C211.32 214.48, 213.4 211.72, 215.64 208.76\\" stroke=\\"#15aabf\\" stroke-width=\\"0.5\\" fill=\\"none\\"></path><path d=\\"M-0.39 -0.88 C55.46 -0.97, 113.94 -0.3, 214.26 0.61 M-0.49 0.4 C84.22 -0.65, 169.11 -0.38, 213.87 0.66 M212.35 -0.69 C216.14 81.33, 216.66 160.36, 212.82 212.88 M213.44 -0.28 C214.34 52.63, 212.93 106.93, 213.51 214 M215.36 213.92 C153.36 215.01, 94.72 215.24, 0.66 215.17 M214.59 213.78 C136.22 216.39, 57.75 216.64, 0.1 213.77 M-1.71 215.7 C0.69 160.6, -0.19 109.87, -0.18 1.75 M0.58 213.93 C-0.62 147.47, -0.5 79.36, 0.52 0\\" stroke=\\"#000000\\" stroke-width=\\"1\\" fill=\\"none\\"></path></g></a>"
 `;
 
-exports[`exportToSvg with exportEmbedScene 1`] = `
+exports[`exportToSvg > with exportEmbedScene 1`] = `
 "
   <!-- svg-source:excalidraw -->
-  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIpGk4aNstFRcdTAwMTVS1Vx1MDAwZVxmSK06mPiSWHHsYDtAhPjvtVxyxCVi7oRcdTAwMDdLfvfu7vnuXHUwMDFkep7nq6ZcdTAwMDJ/6vmwT1x1MDAxMCVYoJ3fN/hcdTAwMTaEJJzpUGTfktdcIrHMXFypajpcdTAwMThQrlx1MDAxM3Iu1YlcdTAwMGZcdTAwMTRKYEpqxrd+e97B3jpCsMnarsTmc5ZcdTAwMTaE4WiTlOP3+ezty6Za0l5z4jBu341p/Dhu3zuCVa6xMFxiWixcdTAwMDeS5apcdTAwMDNcIpZRI9MhUlx0XsBcdTAwMGKnXFxcdTAwMTghXHUwMDBmgT2u9Vx1MDAxYSVFJnjNsOOEQ4TWqeOkhNKlauhpXHUwMDAwKMlrXHUwMDAxfqfD6lwisYO3eZLrXHUwMDAxuyzdMstcdTAwMTlIeZXDK5RcdTAwMTDVdH5l9FVcdTAwMGJsp/vjVFx0VMLCjJfVlP4tzPC58FVAXHUwMDAyYFs4XHUwMDBlR8PxUzBpI27bYVx1MDAxNHTRXHUwMDBmzuzmw3AyXHSCOFx1MDAxYY9aXHUwMDA2kXO9eGXLpohKcFM1XCJenSmuhNRcdTAwMTVGpyT3cUpY0eVpj1x1MDAxNTdqXzyLXHQqOcO+xY/9u+3utvtcdTAwMGbbXHUwMDAxpaSScLadvu1ofFRVS6Xra8rJhP6WwO75xppTe0y+Na1ZM1x1MDAxOLGHY+/4XHUwMDBiw1x1MDAwNmzTIn0=<!-- payload-end -->
+  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIuFAIJSNlqpCqtqBXHUwMDAxqVVcdTAwMDdcdTAwMTNfiFx1MDAxNcdcdTAwMGW2w4dcdTAwMTD/vbaBuETMnerBkt+9d3e+e8dOXHUwMDEwhPpQQThcdELYp5hRXCLxLuxafFx1MDAwYlJRwU2o795K1DJ1zFxc62rS6zFhXHUwMDA0uVB6MkBcYp1FwKBcdTAwMDSulaF9mXdcdTAwMTBcdTAwMWPdbVwilFjpdik3XHUwMDFm06ygnPQ3aZm8zaavn07qSHvDiaO4eVx1MDAxZmz1QdK8d5To3GBcdTAwMTFCXHKWXHUwMDAzXee6XHUwMDA1Yr5mtlePKC1FXHUwMDAxz4JcdGlcdTAwMWJ5QO740iucXHUwMDE2aylqTjwnXHUwMDFhYrzKPCejjC30gZ2ngNO8llx1MDAxMLYqLK8ttvBGp4SZsleZkuucg1I3XHUwMDFhUeGU6kPrV7a/ak7cdL99V1x1MDAxMpcwt+PlNWO/XHUwMDEzc3JJfFx1MDAxM1BcdTAwMDDEJY6j0TB5ROMm4ldcdTAwMWX1UVx1MDAxYn1cdTAwMTfcrT+KxmOE4n4yalx1MDAxOFTNzOK1S5thpsBP1Tbx4k1x00hdXHUwMDExfFx1MDAxNvmPM8qLNs9cdTAwMTituJP7alxcQnEpOFx0XHUwMDFkfur+2+7fdn9hO2CMVlxuLrYzt1x1MDAxYk2Iq2qhTX5DOZsw3FLYPd1Zc+aO1TvT2jWDbfZ46px+XHUwMDAwcU5t0CJ9<!-- payload-end -->
   <defs>
     <style class=\\"style-fonts\\">
       @font-face {
diff --git a/src/tests/scene/export.test.ts b/src/tests/scene/export.test.ts
index bab87a15c..4da7a702e 100644
--- a/src/tests/scene/export.test.ts
+++ b/src/tests/scene/export.test.ts
@@ -61,7 +61,7 @@ describe("exportToSvg", () => {
     );
 
     expect(svgElement.getAttribute("filter")).toMatchInlineSnapshot(
-      `"themeFilter"`,
+      '"_themeFilter_f32792"',
     );
   });
 
diff --git a/src/tests/selection.test.tsx b/src/tests/selection.test.tsx
index 7bfd6e9b3..f48226621 100644
--- a/src/tests/selection.test.tsx
+++ b/src/tests/selection.test.tsx
@@ -13,11 +13,12 @@ import { reseed } from "../random";
 import { API } from "./helpers/api";
 import { Keyboard, Pointer, UI } from "./helpers/ui";
 import { SHAPES } from "../shapes";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/utils.ts b/src/utils.ts
index 95beb69b0..e14413eaf 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -160,7 +160,7 @@ export const throttleRAF = <T extends any[]>(
   };
 
   const ret = (...args: T) => {
-    if (process.env.NODE_ENV === "test") {
+    if (import.meta.env.MODE === "test") {
       fn(...args);
       return;
     }
@@ -772,7 +772,7 @@ export const arrayToMapWithIndex = <T extends { id: string }>(
     return acc;
   }, new Map<string, [element: T, index: number]>());
 
-export const isTestEnv = () => process.env.NODE_ENV === "test";
+export const isTestEnv = () => import.meta.env.MODE === "test";
 
 export const wrapEvent = <T extends Event>(name: EVENT, nativeEvent: T) => {
   return new CustomEvent(name, {
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 000000000..88917d967
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,52 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/react" />
+/// <reference types="vite-plugin-pwa/info" />
+/// <reference types="vite-plugin-svgr/client" />
+
+interface ImportMetaEnv {
+  VITE_APP_BACKEND_V2_GET_URL: string;
+  VITE_APP_BACKEND_V2_POST_URL: string;
+
+  VITE_APP_LIBRARY_URL: string;
+  VITE_APP_LIBRARY_BACKEND: string;
+
+  // collaboration WebSocket server (https: string
+  VITE_APP_WS_SERVER_URL: string;
+
+  // set this only if using the collaboration workflow we use on excalidraw.com
+  VITE_APP_PORTAL_URL: string;
+
+  VITE_APP_FIREBASE_CONFIG: string;
+
+  // whether to enable Service Workers in development
+  VITE_APP_DEV_ENABLE_SW: string;
+  // whether to disable live reload / HMR. Usuaully what you want to do when
+  // debugging Service Workers.
+  VITE_APP_DEV_DISABLE_LIVE_RELOAD: string;
+
+  FAST_REFRESH: string;
+
+  // MATOMO
+  VITE_APP_MATOMO_URL: string;
+  VITE_APP_CDN_MATOMO_TRACKER_URL: string;
+  VITE_APP_MATOMO_SITE_ID: string;
+
+  //Debug flags
+
+  // To enable bounding box for text containers
+  VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: string;
+  VITE_APP_DISABLE_SENTRY: string;
+
+  VITE_PKG_NAME: string;
+  VITE_PKG_VERSION: string;
+  VITE_IS_EXCALIDRAW_NPM_PACKAGE: string;
+
+  VITE_WORKER_ID: string;
+  MODE: string;
+  DEV: string;
+  PROD: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
diff --git a/tsconfig-types.json b/tsconfig-types.json
index 148459807..9fb129cf2 100644
--- a/tsconfig-types.json
+++ b/tsconfig-types.json
@@ -1,6 +1,7 @@
 {
   "include": ["src/packages/excalidraw", "src/global.d.ts", "src/css.d.ts"],
   "compilerOptions": {
+    "types": ["vite/client", "vite-plugin-svgr/client"],
     "allowJs": true,
     "declaration": true,
     "emitDeclarationOnly": true,
@@ -8,7 +9,7 @@
     "jsx": "react-jsx",
     "target": "es6",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "esnext",
+    "module": "ESNext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "skipLibCheck": true,
diff --git a/tsconfig.json b/tsconfig.json
index c8b09c92c..d75d3656a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es6",
+    "target": "ESNext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -8,9 +8,9 @@
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
     "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 000000000..43b10faf9
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,163 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import svgrPlugin from "vite-plugin-svgr";
+import { ViteEjsPlugin } from "vite-plugin-ejs";
+import { VitePWA } from "vite-plugin-pwa";
+import eslint from "vite-plugin-eslint";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    outDir: "build",
+    rollupOptions: {
+      output: {
+        // Creating separate chunk for locales except for en and percentages.json so they
+        // can be cached at runtime and not merged with
+        // app precache. en.json and percentages.json are needed for first load
+        // or fallback hence not clubbing with locales so first load followed by offline mode works fine. This is how CRA used to work too.
+        manualChunks(id) {
+          if (
+            id.includes("src/locales") &&
+            id.match(/en.json|percentages.json/) === null
+          ) {
+            const index = id.indexOf("locales/");
+            // Taking the substring after "locales/"
+            return `locales/${id.substring(index + 8)}`;
+          }
+        },
+      },
+    },
+    sourcemap: true,
+  },
+  plugins: [
+    react(),
+    eslint(),
+    svgrPlugin(),
+    ViteEjsPlugin(),
+    VitePWA({
+      devOptions: {
+        /* set this flag to true to enable in Development mode */
+        enabled: false,
+      },
+
+      workbox: {
+        // Don't push fonts and locales to app precache
+        globIgnores: ["fonts.css", "**/locales/**"],
+        runtimeCaching: [
+          {
+            urlPattern: new RegExp("/.+.(ttf|woff2|otf)"),
+            handler: "CacheFirst",
+            options: {
+              cacheName: "fonts",
+              expiration: {
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 60 * 24 * 90, // <== 90 days
+              },
+            },
+          },
+          {
+            urlPattern: new RegExp("fonts.css"),
+            handler: "StaleWhileRevalidate",
+            options: {
+              cacheName: "fonts",
+              expiration: {
+                maxEntries: 50,
+              },
+            },
+          },
+          {
+            urlPattern: new RegExp("locales/[^/]+.js"),
+            handler: "CacheFirst",
+            options: {
+              cacheName: "locales",
+              expiration: {
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 60 * 24 * 30, // <== 30 days
+              },
+            },
+          },
+        ],
+      },
+      manifest: {
+        short_name: "Excalidraw",
+        name: "Excalidraw",
+        description:
+          "Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.",
+        icons: [
+          {
+            src: "logo-180x180.png",
+            sizes: "180x180",
+            type: "image/png",
+          },
+          {
+            src: "apple-touch-icon.png",
+            type: "image/png",
+            sizes: "256x256",
+          },
+        ],
+        start_url: "/",
+        display: "standalone",
+        theme_color: "#121212",
+        background_color: "#ffffff",
+        file_handlers: [
+          {
+            action: "/",
+            accept: {
+              "application/vnd.excalidraw+json": [".excalidraw"],
+            },
+          },
+        ],
+        share_target: {
+          action: "/web-share-target",
+          method: "POST",
+          enctype: "multipart/form-data",
+          params: {
+            files: [
+              {
+                name: "file",
+                accept: [
+                  "application/vnd.excalidraw+json",
+                  "application/json",
+                  ".excalidraw",
+                ],
+              },
+            ],
+          },
+        },
+        screenshots: [
+          {
+            src: "/screenshots/virtual-whiteboard.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/wireframe.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/illustration.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/shapes.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/collaboration.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/export.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+        ],
+      },
+    }),
+  ],
+  publicDir: "./public",
+});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 000000000..e7d08704d
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    setupFiles: ["./src/setupTests.ts"],
+    globals: true,
+    environment: "jsdom",
+  },
+});
diff --git a/yarn.lock b/yarn.lock
index 106f6974f..c78b36403 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -26,19 +26,31 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
   integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
   dependencies:
     "@babel/highlight" "^7.18.6"
 
+"@babel/code-frame@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
+  integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
+  dependencies:
+    "@babel/highlight" "^7.22.5"
+
 "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
   integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
 
-"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+"@babel/compat-data@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.5.tgz#b1f6c86a02d85d2dd3368a2b67c09add8cd0c255"
+  integrity sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==
+
+"@babel/core@^7.11.1", "@babel/core@^7.16.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
   integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
@@ -59,6 +71,27 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
+"@babel/core@^7.19.6", "@babel/core@^7.20.12":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.5.tgz#d67d9747ecf26ee7ecd3ebae1ee22225fe902a89"
+  integrity sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.5"
+    "@babel/generator" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helpers" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.0"
+
 "@babel/eslint-parser@^7.16.3":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.21.3.tgz#d79e822050f2de65d7f368a076846e7184234af7"
@@ -68,7 +101,7 @@
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.0"
 
-"@babel/generator@^7.21.4", "@babel/generator@^7.7.2":
+"@babel/generator@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.4.tgz#64a94b7448989f421f919d5239ef553b37bb26bc"
   integrity sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==
@@ -78,6 +111,16 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.5.tgz#1e7bf768688acfb05cf30b2369ef855e82d984f7"
+  integrity sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==
+  dependencies:
+    "@babel/types" "^7.22.5"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
@@ -104,6 +147,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz#fc7319fc54c5e2fa14b2909cf3c5fd3046813e02"
+  integrity sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==
+  dependencies:
+    "@babel/compat-data" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    browserslist "^4.21.3"
+    lru-cache "^5.1.1"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.4.tgz#3a017163dc3c2ba7deb9a7950849a9586ea24c18"
@@ -143,6 +197,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
   integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
 
+"@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
+  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
+
 "@babel/helper-explode-assignable-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz#41f8228ef0a6f1a036b8dfdfec7ce94f9a6bc096"
@@ -158,6 +217,14 @@
     "@babel/template" "^7.20.7"
     "@babel/types" "^7.21.0"
 
+"@babel/helper-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
+  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -165,6 +232,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-hoist-variables@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
+  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
@@ -179,6 +253,13 @@
   dependencies:
     "@babel/types" "^7.21.4"
 
+"@babel/helper-module-imports@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz#1a8f4c9f4027d23f520bd76b364d44434a72660c"
+  integrity sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.2":
   version "7.21.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
@@ -193,6 +274,20 @@
     "@babel/traverse" "^7.21.2"
     "@babel/types" "^7.21.2"
 
+"@babel/helper-module-transforms@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz#0f65daa0716961b6e96b164034e737f60a80d2ef"
+  integrity sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -205,6 +300,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
+"@babel/helper-plugin-utils@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
+  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
+
 "@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
@@ -234,6 +334,13 @@
   dependencies:
     "@babel/types" "^7.20.2"
 
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
@@ -248,21 +355,43 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-split-export-declaration@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz#88cf11050edb95ed08d596f7a044462189127a08"
+  integrity sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-string-parser@^7.19.4":
   version "7.19.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
   integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
 
+"@babel/helper-string-parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
+  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
+
 "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
   version "7.19.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
+"@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
+  integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
+
 "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
   integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
 
+"@babel/helper-validator-option@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
+  integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
+
 "@babel/helper-wrap-function@^7.18.9":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3"
@@ -282,6 +411,15 @@
     "@babel/traverse" "^7.21.0"
     "@babel/types" "^7.21.0"
 
+"@babel/helpers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.5.tgz#74bb4373eb390d1ceed74a15ef97767e63120820"
+  integrity sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -291,11 +429,25 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
+"@babel/highlight@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
+  integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.5"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
   integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
 
+"@babel/parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.5.tgz#721fd042f3ce1896238cf1b341c77eb7dee7dbea"
+  integrity sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2"
@@ -459,14 +611,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-bigint@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
+"@babel/plugin-syntax-class-properties@^7.12.13":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
@@ -515,13 +660,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.19.0"
 
-"@babel/plugin-syntax-import-meta@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
 "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
@@ -536,7 +674,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
   integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
@@ -550,7 +688,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
   integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
@@ -585,14 +723,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
+"@babel/plugin-syntax-top-level-await@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
   integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.20.0", "@babel/plugin-syntax-typescript@^7.7.2":
+"@babel/plugin-syntax-typescript@^7.20.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz#2751948e9b7c6d771a8efa59340c15d4a2891ff8"
   integrity sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==
@@ -792,13 +930,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-react-constant-elements@^7.12.1":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.21.3.tgz#b32a5556100d424b25e388dd689050d78396884d"
-  integrity sha512-4DVcFeWe/yDYBLp0kBmOGFJ6N2UYg7coGid1gdxb4co62dy/xISDMaYBXBVXEDhfgMk7qkbcYiGtwd5Q/hwDDQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-
 "@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
@@ -813,6 +944,20 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
+"@babel/plugin-transform-react-jsx-self@^7.18.6":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz#ca2fdc11bc20d4d46de01137318b13d04e481d8e"
+  integrity sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-react-jsx-source@^7.19.6":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz#49af1615bfdf6ed9d3e9e43e425e0b2b65d15b6c"
+  integrity sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-react-jsx@^7.18.6":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz#656b42c2fdea0a6d8762075d58ef9d4e3c4ab8a2"
@@ -920,7 +1065,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.16.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.21.4.tgz#a952482e634a8dd8271a3fe5459a16eb10739c58"
   integrity sha512-2W57zHs2yDLm6GD5ZpvNn71lZ0B/iypSdIeq25OurDKji6AdzV07qp4s3n1/x5BqtiGaTrPN3nerlSCaC5qNTw==
@@ -1012,7 +1157,7 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.16.0":
+"@babel/preset-react@^7.16.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.18.6.tgz#979f76d6277048dc19094c217b507f3ad517dd2d"
   integrity sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==
@@ -1047,7 +1192,7 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
+"@babel/template@^7.18.10", "@babel/template@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
   integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
@@ -1056,7 +1201,16 @@
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.7.2":
+"@babel/template@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
+  integrity sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==
+  dependencies:
+    "@babel/code-frame" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
   integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
@@ -1072,7 +1226,23 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+"@babel/traverse@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.5.tgz#44bd276690db6f4940fdb84e1cb4abd2f729ccd1"
+  integrity sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==
+  dependencies:
+    "@babel/code-frame" "^7.22.5"
+    "@babel/generator" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/types" "^7.22.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.4.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
   integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
@@ -1081,126 +1251,239 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+"@babel/types@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
+  integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    to-fast-properties "^2.0.0"
 
 "@braintree/sanitize-url@6.0.2":
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f"
   integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==
 
-"@csstools/normalize.css@*":
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-12.0.0.tgz#a9583a75c3f150667771f30b60d9f059473e62c4"
-  integrity sha512-M0qqxAcwCsIVfpFQSlGN5XjXWu8l5JDZN+fPt1LeW5SZexQTgnaEvgXAY+CeygRw0EeppWHi12JxESWiWrB0Sg==
+"@esbuild/android-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz#bafb75234a5d3d1b690e7c2956a599345e84a2fd"
+  integrity sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==
 
-"@csstools/postcss-cascade-layers@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
-  integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.2"
-    postcss-selector-parser "^6.0.10"
+"@esbuild/android-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.11.tgz#fa6f0cc7105367cb79cc0a8bf32bf50cb1673e45"
+  integrity sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==
 
-"@csstools/postcss-color-function@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
-  integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.19.tgz#5898f7832c2298bc7d0ab53701c57beb74d78b4d"
+  integrity sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==
 
-"@csstools/postcss-font-format-keywords@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
-  integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-arm@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.11.tgz#ae84a410696c9f549a15be94eaececb860bacacb"
+  integrity sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==
 
-"@csstools/postcss-hwb-function@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
-  integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.19.tgz#658368ef92067866d95fb268719f98f363d13ae1"
+  integrity sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==
 
-"@csstools/postcss-ic-unit@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
-  integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.11.tgz#0e58360bbc789ad0d68174d32ba20e678c2a16b6"
+  integrity sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==
 
-"@csstools/postcss-is-pseudo-class@^2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
-  integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
+"@esbuild/darwin-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz#584c34c5991b95d4d48d333300b1a4e2ff7be276"
+  integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==
 
-"@csstools/postcss-nested-calc@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
-  integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/darwin-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.11.tgz#fcdcd2ef76ca656540208afdd84f284072f0d1f9"
+  integrity sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==
 
-"@csstools/postcss-normalize-display-values@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
-  integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/darwin-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz#7751d236dfe6ce136cce343dce69f52d76b7f6cb"
+  integrity sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==
 
-"@csstools/postcss-oklab-function@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
-  integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+"@esbuild/darwin-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.11.tgz#c5ac602ec0504a8ff81e876bc8a9811e94d69d37"
+  integrity sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==
 
-"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
-  integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz#cacd171665dd1d500f45c167d50c6b7e539d5fd2"
+  integrity sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==
 
-"@csstools/postcss-stepped-value-functions@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
-  integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.11.tgz#7012fb06ee3e6e0d5560664a65f3fefbcc46db2e"
+  integrity sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==
 
-"@csstools/postcss-text-decoration-shorthand@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
-  integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz#0769456eee2a08b8d925d7c00b79e861cb3162e4"
+  integrity sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==
 
-"@csstools/postcss-trigonometric-functions@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
-  integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.11.tgz#c5de1199f70e1f97d5c8fca51afa9bf9a2af5969"
+  integrity sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==
 
-"@csstools/postcss-unset-value@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
-  integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
+"@esbuild/linux-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz#38e162ecb723862c6be1c27d6389f48960b68edb"
+  integrity sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==
 
-"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
-  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+"@esbuild/linux-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.11.tgz#2a6d3a74e0b8b5f294e22b4515b29f76ebd42660"
+  integrity sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==
+
+"@esbuild/linux-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz#1a2cd399c50040184a805174a6d89097d9d1559a"
+  integrity sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==
+
+"@esbuild/linux-arm@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.11.tgz#5175bd61b793b436e4aece6328aa0d9be07751e1"
+  integrity sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==
+
+"@esbuild/linux-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz#e28c25266b036ce1cabca3c30155222841dc035a"
+  integrity sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==
+
+"@esbuild/linux-ia32@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.11.tgz#20ee6cfd65a398875f321a485e7b2278e5f6f67b"
+  integrity sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==
+
+"@esbuild/linux-loong64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz#0f887b8bb3f90658d1a0117283e55dbd4c9dcf72"
+  integrity sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==
+
+"@esbuild/linux-loong64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.11.tgz#8e7b251dede75083bf44508dab5edce3f49d052b"
+  integrity sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==
+
+"@esbuild/linux-mips64el@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz#f5d2a0b8047ea9a5d9f592a178ea054053a70289"
+  integrity sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==
+
+"@esbuild/linux-mips64el@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.11.tgz#a3125eb48538ac4932a9d05089b157f94e443165"
+  integrity sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==
+
+"@esbuild/linux-ppc64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz#876590e3acbd9fa7f57a2c7d86f83717dbbac8c7"
+  integrity sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==
+
+"@esbuild/linux-ppc64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.11.tgz#842abadb7a0995bd539adee2be4d681b68279499"
+  integrity sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==
+
+"@esbuild/linux-riscv64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz#7f49373df463cd9f41dc34f9b2262d771688bf09"
+  integrity sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==
+
+"@esbuild/linux-riscv64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.11.tgz#7ce6e6cee1c72d5b4d2f4f8b6fcccf4a9bea0e28"
+  integrity sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==
+
+"@esbuild/linux-s390x@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz#e2afd1afcaf63afe2c7d9ceacd28ec57c77f8829"
+  integrity sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==
+
+"@esbuild/linux-s390x@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.11.tgz#98fbc794363d02ded07d300df2e535650b297b96"
+  integrity sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==
+
+"@esbuild/linux-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz#8a0e9738b1635f0c53389e515ae83826dec22aa4"
+  integrity sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==
+
+"@esbuild/linux-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.11.tgz#f8458ec8cf74c8274e4cacd00744d8446cac52eb"
+  integrity sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==
+
+"@esbuild/netbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz#c29fb2453c6b7ddef9a35e2c18b37bda1ae5c462"
+  integrity sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==
+
+"@esbuild/netbsd-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.11.tgz#a7b2f991b8293748a7be42eac1c4325faf0c7cca"
+  integrity sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==
+
+"@esbuild/openbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz#95e75a391403cb10297280d524d66ce04c920691"
+  integrity sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==
+
+"@esbuild/openbsd-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.11.tgz#3e50923de84c54008f834221130fd23646072b2f"
+  integrity sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==
+
+"@esbuild/sunos-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz#722eaf057b83c2575937d3ffe5aeb16540da7273"
+  integrity sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==
+
+"@esbuild/sunos-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.11.tgz#ae47a550b0cd395de03606ecfba03cc96c7c19e2"
+  integrity sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==
+
+"@esbuild/win32-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz#9aa9dc074399288bdcdd283443e9aeb6b9552b6f"
+  integrity sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==
+
+"@esbuild/win32-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.11.tgz#05d364582b7862d7fbf4698ef43644f7346dcfcc"
+  integrity sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==
+
+"@esbuild/win32-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz#95ad43c62ad62485e210f6299c7b2571e48d2b03"
+  integrity sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==
+
+"@esbuild/win32-ia32@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.11.tgz#a3372095a4a1939da672156a3c104f8ce85ee616"
+  integrity sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==
+
+"@esbuild/win32-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061"
+  integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==
+
+"@esbuild/win32-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.11.tgz#6526c7e1b40d5b9f0a222c6b767c22f6fb97aa57"
+  integrity sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==
 
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
@@ -1229,30 +1512,10 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@eslint/eslintrc@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.2.tgz#01575e38707add677cf73ca1589abba8da899a02"
-  integrity sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.5.1"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@eslint/js@8.38.0":
-  version "8.38.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.38.0.tgz#73a8a0d8aa8a8e6fe270431c5e72ae91b5337892"
-  integrity sha512-IoD2MfUnOV58ghIHCiil01PcohxjbYR/qCxsoC+xNgUwh1EY8jOOrYmu3d3a71+tJJ23uscEV4X2HJWMsPJu4g==
-
-"@excalidraw/eslint-config@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.0.tgz#1cc527a88cfe20fd730496c1b631c3aecf9c825e"
-  integrity sha512-5SQFsQXO4vzny7OFSJr/DDPr1Mzeh6w0uwmZ0Fk2qjBcS5nhPtnx5KOTRPmpc6Hf5Ao57WK/MKI4lhCzw66V/A==
+"@excalidraw/eslint-config@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.3.tgz#2122ef7413ae77874ae9848ce0f1c6b3f0d8bbbd"
+  integrity sha512-GemHNF5Z6ga0BWBSX7GJaNBUchLu6RwTcAB84eX1MeckRNhNasAsPCdelDlFalz27iS4RuYEQh0bPE8SRxJgbQ==
 
 "@excalidraw/prettier-config@1.0.2":
   version "1.0.2"
@@ -1535,15 +1798,6 @@
     protobufjs "^7.0.0"
     yargs "^16.2.0"
 
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
-    minimatch "^3.0.5"
-
 "@humanwhocodes/config-array@^0.5.0":
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
@@ -1553,100 +1807,11 @@
     debug "^4.1.1"
     minimatch "^3.0.4"
 
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/object-schema@^1.2.0", "@humanwhocodes/object-schema@^1.2.1":
+"@humanwhocodes/object-schema@^1.2.0":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@istanbuljs/load-nyc-config@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
-  dependencies:
-    camelcase "^5.3.1"
-    find-up "^4.1.0"
-    get-package-type "^0.1.0"
-    js-yaml "^3.13.1"
-    resolve-from "^5.0.0"
-
-"@istanbuljs/schema@^0.1.2":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@jest/console@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
-  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^27.5.1"
-    jest-util "^27.5.1"
-    slash "^3.0.0"
-
-"@jest/console@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
-  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
-  dependencies:
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
-    slash "^3.0.0"
-
-"@jest/core@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
-  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
-  dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/reporters" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    emittery "^0.8.1"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    jest-changed-files "^27.5.1"
-    jest-config "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-resolve-dependencies "^27.5.1"
-    jest-runner "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    jest-watcher "^27.5.1"
-    micromatch "^4.0.4"
-    rimraf "^3.0.0"
-    slash "^3.0.0"
-    strip-ansi "^6.0.0"
-
-"@jest/environment@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
-  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
-  dependencies:
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-
 "@jest/expect-utils@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
@@ -1654,65 +1819,6 @@
   dependencies:
     jest-get-type "^29.4.3"
 
-"@jest/fake-timers@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
-  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@sinonjs/fake-timers" "^8.0.1"
-    "@types/node" "*"
-    jest-message-util "^27.5.1"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-
-"@jest/globals@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
-  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    expect "^27.5.1"
-
-"@jest/reporters@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
-  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    collect-v8-coverage "^1.0.0"
-    exit "^0.1.2"
-    glob "^7.1.2"
-    graceful-fs "^4.2.9"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^5.1.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.1.3"
-    jest-haste-map "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    slash "^3.0.0"
-    source-map "^0.6.0"
-    string-length "^4.0.1"
-    terminal-link "^2.0.0"
-    v8-to-istanbul "^8.1.0"
-
-"@jest/schemas@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
-  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
-  dependencies:
-    "@sinclair/typebox" "^0.24.1"
-
 "@jest/schemas@^29.4.3":
   version "29.4.3"
   resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
@@ -1720,89 +1826,6 @@
   dependencies:
     "@sinclair/typebox" "^0.25.16"
 
-"@jest/source-map@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
-  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
-  dependencies:
-    callsites "^3.0.0"
-    graceful-fs "^4.2.9"
-    source-map "^0.6.0"
-
-"@jest/test-result@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
-  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
-  dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
-
-"@jest/test-result@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
-  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
-  dependencies:
-    "@jest/console" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
-
-"@jest/test-sequencer@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
-  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
-  dependencies:
-    "@jest/test-result" "^27.5.1"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-runtime "^27.5.1"
-
-"@jest/transform@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
-  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^27.5.1"
-    babel-plugin-istanbul "^6.1.1"
-    chalk "^4.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-util "^27.5.1"
-    micromatch "^4.0.4"
-    pirates "^4.0.4"
-    slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
-
-"@jest/types@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
-  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^16.0.0"
-    chalk "^4.0.0"
-
-"@jest/types@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
-  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
-  dependencies:
-    "@jest/schemas" "^28.1.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^17.0.8"
-    chalk "^4.0.0"
-
 "@jest/types@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
@@ -1847,7 +1870,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
@@ -1860,11 +1883,6 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@leichtgewicht/ip-codec@^2.0.1":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
-  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
-
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
   resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"
@@ -1885,7 +1903,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.walk@^1.2.3":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1893,20 +1911,10 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
-  version "0.5.10"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
-  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
-  dependencies:
-    ansi-html-community "^0.0.8"
-    common-path-prefix "^3.0.0"
-    core-js-pure "^3.23.3"
-    error-stack-parser "^2.0.6"
-    find-up "^5.0.0"
-    html-entities "^2.1.0"
-    loader-utils "^2.0.4"
-    schema-utils "^3.0.0"
-    source-map "^0.7.3"
+"@polka/url@^1.0.0-next.20":
+  version "1.0.0-next.21"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
+  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
 
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
@@ -2238,6 +2246,23 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
+"@rollup/pluginutils@^4.2.1":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
+  integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
+  dependencies:
+    estree-walker "^2.0.1"
+    picomatch "^2.2.2"
+
+"@rollup/pluginutils@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
+  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
+
 "@rushstack/eslint-patch@^1.1.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728"
@@ -2305,30 +2330,11 @@
     "@sentry/types" "6.2.5"
     tslib "^1.9.3"
 
-"@sinclair/typebox@^0.24.1":
-  version "0.24.51"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
-  integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
-
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
   integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
 
-"@sinonjs/commons@^1.7.0":
-  version "1.8.6"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
-  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
-  dependencies:
-    type-detect "4.0.8"
-
-"@sinonjs/fake-timers@^8.0.1":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz#3fdc2b6cb58935b21bfb8d1625eb1300484316e7"
-  integrity sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==
-  dependencies:
-    "@sinonjs/commons" "^1.7.0"
-
 "@surma/rollup-plugin-off-main-thread@^2.2.3":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
@@ -2339,108 +2345,88 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
-  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
+"@svgr/babel-plugin-add-jsx-attribute@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.1.tgz#74a5d648bd0347bda99d82409d87b8ca80b9a1ba"
+  integrity sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ==
 
-"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
-  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
+"@svgr/babel-plugin-remove-jsx-attribute@*":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186"
+  integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==
 
-"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
-  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
+"@svgr/babel-plugin-remove-jsx-empty-expression@*":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44"
+  integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==
 
-"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
-  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
+"@svgr/babel-plugin-replace-jsx-attribute-value@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.5.1.tgz#fb9d22ea26d2bc5e0a44b763d4c46d5d3f596c60"
+  integrity sha512-8DPaVVE3fd5JKuIC29dqyMB54sA6mfgki2H2+swh+zNJoynC8pMPzOkidqHOSc6Wj032fhl8Z0TVn1GiPpAiJg==
 
-"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
-  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
+"@svgr/babel-plugin-svg-dynamic-title@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.5.1.tgz#01b2024a2b53ffaa5efceaa0bf3e1d5a4c520ce4"
+  integrity sha512-FwOEi0Il72iAzlkaHrlemVurgSQRDFbk0OC8dSvD5fSBPHltNh7JtLsxmZUhjYBZo2PpcU/RJvvi6Q0l7O7ogw==
 
-"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
-  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
+"@svgr/babel-plugin-svg-em-dimensions@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.5.1.tgz#dd3fa9f5b24eb4f93bcf121c3d40ff5facecb217"
+  integrity sha512-gWGsiwjb4tw+ITOJ86ndY/DZZ6cuXMNE/SjcDRg+HLuCmwpcjOktwRF9WgAiycTqJD/QXqL2f8IzE2Rzh7aVXA==
 
-"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
-  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
+"@svgr/babel-plugin-transform-react-native-svg@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.5.1.tgz#1d8e945a03df65b601551097d8f5e34351d3d305"
+  integrity sha512-2jT3nTayyYP7kI6aGutkyfJ7UMGtuguD72OjeGLwVNyfPRBD8zQthlvL+fAbAKk5n9ZNcvFkp/b1lZ7VsYqVJg==
 
-"@svgr/babel-plugin-transform-svg-component@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a"
-  integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==
+"@svgr/babel-plugin-transform-svg-component@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.5.1.tgz#48620b9e590e25ff95a80f811544218d27f8a250"
+  integrity sha512-a1p6LF5Jt33O3rZoVRBqdxL350oge54iZWHNI6LJB5tQ7EelvD/Mb1mfBiZNAan0dt4i3VArkFRjA4iObuNykQ==
 
-"@svgr/babel-preset@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327"
-  integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==
+"@svgr/babel-preset@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-6.5.1.tgz#b90de7979c8843c5c580c7e2ec71f024b49eb828"
+  integrity sha512-6127fvO/FF2oi5EzSQOAjo1LE3OtNVh11R+/8FXa+mHx1ptAaS4cknIjnUA7e6j6fwGGJ17NzaTJFUwOV2zwCw==
   dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
-    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
-    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
-    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
-    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
-    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
-    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
-    "@svgr/babel-plugin-transform-svg-component" "^5.5.0"
+    "@svgr/babel-plugin-add-jsx-attribute" "^6.5.1"
+    "@svgr/babel-plugin-remove-jsx-attribute" "*"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "*"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^6.5.1"
+    "@svgr/babel-plugin-svg-dynamic-title" "^6.5.1"
+    "@svgr/babel-plugin-svg-em-dimensions" "^6.5.1"
+    "@svgr/babel-plugin-transform-react-native-svg" "^6.5.1"
+    "@svgr/babel-plugin-transform-svg-component" "^6.5.1"
 
-"@svgr/core@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579"
-  integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==
+"@svgr/core@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.5.1.tgz#d3e8aa9dbe3fbd747f9ee4282c1c77a27410488a"
+  integrity sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==
   dependencies:
-    "@svgr/plugin-jsx" "^5.5.0"
+    "@babel/core" "^7.19.6"
+    "@svgr/babel-preset" "^6.5.1"
+    "@svgr/plugin-jsx" "^6.5.1"
     camelcase "^6.2.0"
-    cosmiconfig "^7.0.0"
+    cosmiconfig "^7.0.1"
 
-"@svgr/hast-util-to-babel-ast@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461"
-  integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==
+"@svgr/hast-util-to-babel-ast@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.5.1.tgz#81800bd09b5bcdb968bf6ee7c863d2288fdb80d2"
+  integrity sha512-1hnUxxjd83EAxbL4a0JDJoD3Dao3hmjvyvyEV8PzWmLK3B9m9NPlW7GKjFyoWE8nM7HnXzPcmmSyOW8yOddSXw==
   dependencies:
-    "@babel/types" "^7.12.6"
+    "@babel/types" "^7.20.0"
+    entities "^4.4.0"
 
-"@svgr/plugin-jsx@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000"
-  integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==
+"@svgr/plugin-jsx@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-6.5.1.tgz#0e30d1878e771ca753c94e69581c7971542a7072"
+  integrity sha512-+UdQxI3jgtSjCykNSlEMuy1jSRQlGC7pqBCPvkG/2dATdWo082zHTTK3uhnAju2/6XpE6B5mZ3z4Z8Ns01S8Gw==
   dependencies:
-    "@babel/core" "^7.12.3"
-    "@svgr/babel-preset" "^5.5.0"
-    "@svgr/hast-util-to-babel-ast" "^5.5.0"
-    svg-parser "^2.0.2"
-
-"@svgr/plugin-svgo@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246"
-  integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    deepmerge "^4.2.2"
-    svgo "^1.2.2"
-
-"@svgr/webpack@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640"
-  integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/plugin-transform-react-constant-elements" "^7.12.1"
-    "@babel/preset-env" "^7.12.1"
-    "@babel/preset-react" "^7.12.5"
-    "@svgr/core" "^5.5.0"
-    "@svgr/plugin-jsx" "^5.5.0"
-    "@svgr/plugin-svgo" "^5.5.0"
-    loader-utils "^2.0.0"
+    "@babel/core" "^7.19.6"
+    "@svgr/babel-preset" "^6.5.1"
+    "@svgr/hast-util-to-babel-ast" "^6.5.1"
+    svg-parser "^2.0.4"
 
 "@testing-library/dom@^8.0.0":
   version "8.20.0"
@@ -2485,101 +2471,37 @@
   resolved "https://registry.yarnpkg.com/@tldraw/vec/-/vec-1.7.1.tgz#5bfac9a56e11ad890cbd1c620293d7fcb23bf1ea"
   integrity sha512-qM6Z9RvkLFFEzr91mmsA4HI14msyDgDDOu36csIzG5BYu2bFmEz5siQ8WntHgDtUjzJHP+VSSOTbAXhklEZHLA==
 
-"@tootallnate/once@1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
-  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
-
-"@trysound/sax@0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
-  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
 "@types/aria-query@^5.0.1":
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.1.tgz#3286741fb8f1e1580ac28784add4c7a1d49bdfbc"
   integrity sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
-  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
+"@types/chai-subset@^1.3.3":
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/@types/chai-subset/-/chai-subset-1.3.3.tgz#97893814e92abd2c534de422cb377e0e0bdaac94"
+  integrity sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==
   dependencies:
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
+    "@types/chai" "*"
 
-"@types/babel__generator@*":
-  version "7.6.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
-  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
-  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
-  version "7.18.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
-  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
-"@types/body-parser@*":
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
-  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
-  dependencies:
-    "@types/connect" "*"
-    "@types/node" "*"
-
-"@types/bonjour@^3.5.9":
-  version "3.5.10"
-  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275"
-  integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==
-  dependencies:
-    "@types/node" "*"
+"@types/chai@*", "@types/chai@^4.3.5":
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.5.tgz#ae69bcbb1bebb68c4ac0b11e9d8ed04526b3562b"
+  integrity sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==
 
 "@types/chai@4.3.0":
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.0.tgz#23509ebc1fa32f1b4d50d6a66c4032d5b8eaabdc"
   integrity sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==
 
-"@types/connect-history-api-fallback@^1.3.5":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae"
-  integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==
-  dependencies:
-    "@types/express-serve-static-core" "*"
-    "@types/node" "*"
-
-"@types/connect@*":
-  version "3.4.35"
-  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
-  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/eslint-scope@^3.7.3":
-  version "3.7.4"
-  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
-  integrity sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==
-  dependencies:
-    "@types/eslint" "*"
-    "@types/estree" "*"
-
-"@types/eslint@*", "@types/eslint@^7.29.0 || ^8.4.1":
-  version "8.37.0"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.37.0.tgz#29cebc6c2a3ac7fea7113207bf5a828fdf4d7ef1"
-  integrity sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==
+"@types/eslint@^8.4.5":
+  version "8.40.2"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.40.2.tgz#2833bc112d809677864a4b0e7d1de4f04d7dac2d"
+  integrity sha512-PRVjQ4Eh9z9pmmtaq8nTjZjQwKFk7YIHIud3lRoKRBgUQjgjRmoGxxGEPXQkF+lH7QkHJRNr5F4aBgYCW0lqpQ==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
@@ -2594,50 +2516,12 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
   integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
 
-"@types/estree@^0.0.51":
-  version "0.0.51"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
-  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+"@types/estree@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
+  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
 
-"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
-  version "4.17.33"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
-  integrity sha512-TPBqmR/HRYI3eC2E5hmiivIzv+bidAfXofM+sbonAGvyDhySGw9/PQZFt2BLOrjUUR++4eJVpx6KnLQK1Fk9tA==
-  dependencies:
-    "@types/node" "*"
-    "@types/qs" "*"
-    "@types/range-parser" "*"
-
-"@types/express@*", "@types/express@^4.17.13":
-  version "4.17.17"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.17.tgz#01d5437f6ef9cfa8668e616e13c2f2ac9a491ae4"
-  integrity sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==
-  dependencies:
-    "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.33"
-    "@types/qs" "*"
-    "@types/serve-static" "*"
-
-"@types/graceful-fs@^4.1.2":
-  version "4.1.6"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.6.tgz#e14b2576a1c25026b7f02ede1de3b84c3a1efeae"
-  integrity sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/html-minifier-terser@^6.0.0":
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
-  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
-
-"@types/http-proxy@^1.17.8":
-  version "1.17.10"
-  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.10.tgz#e576c8e4a0cc5c6a138819025a88e167ebb38d6c"
-  integrity sha512-Qs5aULi+zV1bwKAg5z1PWnDXWmsn+LxIvUGv6E2+OOMYhclZMO+OXd9pYVf2gLykf2I7IV2u7oTHwChPNsvJ7g==
-  dependencies:
-    "@types/node" "*"
-
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
   integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
@@ -2672,7 +2556,7 @@
     jest-diff "^27.0.0"
     pretty-format "^27.0.0"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+"@types/json-schema@*", "@types/json-schema@^7.0.9":
   version "7.0.11"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
   integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
@@ -2699,11 +2583,6 @@
   resolved "https://registry.yarnpkg.com/@types/long/-/long-4.0.2.tgz#b74129719fc8d11c01868010082d483b7545591a"
   integrity sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==
 
-"@types/mime@*":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
-  integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
-
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
   version "18.15.11"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.11.tgz#b3b790f09cb1696cffcec605de025b088fa4225f"
@@ -2724,31 +2603,11 @@
   resolved "https://registry.yarnpkg.com/@types/pica/-/pica-5.1.3.tgz#5ef64529a1f83f7d6586a8bf75a8a00be32aca02"
   integrity sha512-13SEyETRE5psd9bE0AmN+0M1tannde2fwHfLVaVIljkbL9V0OfFvKwCicyeDvVYLkmjQWEydbAlsDsmjrdyTOg==
 
-"@types/prettier@^2.1.5":
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
-  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
-
 "@types/prop-types@*":
   version "15.7.5"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
-"@types/q@^1.5.1":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
-  integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
-
-"@types/qs@*":
-  version "6.9.7"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
-  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
-
-"@types/range-parser@*":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
-  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
-
 "@types/react-dom@18.0.6":
   version "18.0.6"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.6.tgz#36652900024842b74607a17786b6662dd1e103a1"
@@ -2802,11 +2661,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/retry@0.12.0":
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
-  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
-
 "@types/scheduler@*":
   version "0.16.3"
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
@@ -2817,33 +2671,11 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
   integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
 
-"@types/serve-index@^1.9.1":
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278"
-  integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==
-  dependencies:
-    "@types/express" "*"
-
-"@types/serve-static@*", "@types/serve-static@^1.13.10":
-  version "1.15.1"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.1.tgz#86b1753f0be4f9a1bee68d459fcda5be4ea52b5d"
-  integrity sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==
-  dependencies:
-    "@types/mime" "*"
-    "@types/node" "*"
-
 "@types/socket.io-client@1.4.36":
   version "1.4.36"
   resolved "https://registry.yarnpkg.com/@types/socket.io-client/-/socket.io-client-1.4.36.tgz#e4f1ca065f84c20939e9850e70222202bd76ff3f"
   integrity sha512-ZJWjtFBeBy1kRSYpVbeGYTElf6BqPQUkXDlHHD4k/42byCN5Rh027f4yARHCink9sKAkbtGZXEAmR0ZCnc2/Ag==
 
-"@types/sockjs@^0.3.33":
-  version "0.3.33"
-  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
-  integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==
-  dependencies:
-    "@types/node" "*"
-
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
@@ -2861,25 +2693,11 @@
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.3.tgz#a136f83b0758698df454e328759dbd3d44555311"
   integrity sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==
 
-"@types/ws@^8.5.1":
-  version "8.5.4"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.4.tgz#bb10e36116d6e570dd943735f86c933c1587b8a5"
-  integrity sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==
-  dependencies:
-    "@types/node" "*"
-
 "@types/yargs-parser@*":
   version "21.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
-"@types/yargs@^16.0.0":
-  version "16.0.5"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.5.tgz#12cc86393985735a283e387936398c2f9e5f88e3"
-  integrity sha512-AxO/ADJOBFJScHbWhq2xAhlWP24rY4aCEG/NFaMvbT3X2MgRsLjhjQwsn0Zi5zn0LG9jUhCCZMeX9Dkuw6k+vQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^17.0.8":
   version "17.0.24"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.24.tgz#b3ef8d50ad4aa6aecf6ddc97c580a00f5aa11902"
@@ -2978,195 +2796,103 @@
     "@typescript-eslint/types" "5.58.0"
     eslint-visitor-keys "^3.3.0"
 
-"@webassemblyjs/ast@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
-  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
+"@vitejs/plugin-react@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz#d1091f535eab8b83d6e74034d01e27d73c773240"
+  integrity sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==
   dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@babel/core" "^7.20.12"
+    "@babel/plugin-transform-react-jsx-self" "^7.18.6"
+    "@babel/plugin-transform-react-jsx-source" "^7.19.6"
+    magic-string "^0.27.0"
+    react-refresh "^0.14.0"
 
-"@webassemblyjs/floating-point-hex-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
-  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
-
-"@webassemblyjs/helper-api-error@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
-  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
-
-"@webassemblyjs/helper-buffer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
-  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
-
-"@webassemblyjs/helper-numbers@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
-  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
+"@vitest/expect@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.32.2.tgz#8111f6ab1ff3b203efbe3a25e8bb2d160ce4b720"
+  integrity sha512-6q5yzweLnyEv5Zz1fqK5u5E83LU+gOMVBDuxBl2d2Jfx1BAp5M+rZgc5mlyqdnxquyoiOXpXmFNkcGcfFnFH3Q==
   dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@xtuc/long" "4.2.2"
+    "@vitest/spy" "0.32.2"
+    "@vitest/utils" "0.32.2"
+    chai "^4.3.7"
 
-"@webassemblyjs/helper-wasm-bytecode@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
-  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
-
-"@webassemblyjs/helper-wasm-section@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
-  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
+"@vitest/runner@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.32.2.tgz#18dd979ce4e8766bcc90948d11b4c8ae6ed90b89"
+  integrity sha512-06vEL0C1pomOEktGoLjzZw+1Fb+7RBRhmw/06WkDrd1akkT9i12su0ku+R/0QM69dfkIL/rAIDTG+CSuQVDcKw==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@vitest/utils" "0.32.2"
+    concordance "^5.0.4"
+    p-limit "^4.0.0"
+    pathe "^1.1.0"
 
-"@webassemblyjs/ieee754@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
-  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
+"@vitest/snapshot@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.32.2.tgz#500b6453e88e4c50a0aded39839352c16b519b9e"
+  integrity sha512-JwhpeH/PPc7GJX38vEfCy9LtRzf9F4er7i4OsAJyV7sjPwjj+AIR8cUgpMTWK4S3TiamzopcTyLsZDMuldoi5A==
   dependencies:
-    "@xtuc/ieee754" "^1.2.0"
+    magic-string "^0.30.0"
+    pathe "^1.1.0"
+    pretty-format "^27.5.1"
 
-"@webassemblyjs/leb128@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
-  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
+"@vitest/spy@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.32.2.tgz#f3ef7afe0d34e863b90df7c959fa5af540a6aaf9"
+  integrity sha512-Q/ZNILJ4ca/VzQbRM8ur3Si5Sardsh1HofatG9wsJY1RfEaw0XKP8IVax2lI1qnrk9YPuG9LA2LkZ0EI/3d4ug==
   dependencies:
-    "@xtuc/long" "4.2.2"
+    tinyspy "^2.1.0"
 
-"@webassemblyjs/utf8@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
-  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
-
-"@webassemblyjs/wasm-edit@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
-  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
+"@vitest/ui@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/ui/-/ui-0.32.2.tgz#3a39ef1e23e7a10c2c37d7f570e94b435d34de4c"
+  integrity sha512-N5JKftnB8qzKFtpQC5OcUGxYTLo6wiB/95Lgyk6MF52t74Y7BJOWbf6EFYhXqt9J0MSbhOR2kapq+WKKUGDW0g==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/helper-wasm-section" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-opt" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    "@webassemblyjs/wast-printer" "1.11.1"
+    "@vitest/utils" "0.32.2"
+    fast-glob "^3.2.12"
+    fflate "^0.7.4"
+    flatted "^3.2.7"
+    pathe "^1.1.0"
+    picocolors "^1.0.0"
+    sirv "^2.0.3"
 
-"@webassemblyjs/wasm-gen@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
-  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
+"@vitest/utils@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.32.2.tgz#809c720cafbf4b35ce651deb8570d57785e77819"
+  integrity sha512-lnJ0T5i03j0IJaeW73hxe2AuVnZ/y1BhhCOuIcl9LIzXnbpXJT9Lrt6brwKHXLOiA7MZ6N5hSJjt0xE1dGNCzQ==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
+    diff-sequences "^29.4.3"
+    loupe "^2.3.6"
+    pretty-format "^27.5.1"
 
-"@webassemblyjs/wasm-opt@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
-  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-
-"@webassemblyjs/wasm-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
-  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wast-printer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
-  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@xtuc/long" "4.2.2"
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-abab@^2.0.3, abab@^2.0.5:
+abab@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
-
-acorn-import-assertions@^1.7.6:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
-  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
-
-acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
+acorn-jsx@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+acorn-walk@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-acorn@^7.1.1, acorn@^7.4.0:
+acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.2.4, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.0:
+acorn@^8.5.0:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
-address@^1.0.1, address@^1.1.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
-  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
-
-adjust-sourcemap-loader@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99"
-  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
-  dependencies:
-    loader-utils "^2.0.0"
-    regex-parser "^2.2.11"
+acorn@^8.8.2, acorn@^8.9.0:
+  version "8.9.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.9.0.tgz#78a16e3b2bcc198c10822786fa6679e245db5b59"
+  integrity sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==
 
 after@0.8.2:
   version "0.8.2"
@@ -3188,26 +2914,7 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ajv-formats@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
-  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
-  dependencies:
-    ajv "^8.0.0"
-
-ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv-keywords@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
-  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-
-ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3217,7 +2924,7 @@ ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.0.1, ajv@^8.6.0, ajv@^8.8.0:
+ajv@^8.0.1, ajv@^8.6.0:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
   integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -3232,18 +2939,13 @@ ansi-colors@^4.1.1:
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
   integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
 
-ansi-escapes@^4.2.1, ansi-escapes@^4.3.0, ansi-escapes@^4.3.1:
+ansi-escapes@^4.3.0:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
   integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
   dependencies:
     type-fest "^0.21.3"
 
-ansi-html-community@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
-  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
-
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -3278,12 +2980,7 @@ ansi-styles@^6.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@^3.0.3, anymatch@~3.1.2:
+anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
@@ -3291,11 +2988,6 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -3303,11 +2995,6 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
 aria-hidden@^1.1.1:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.3.tgz#14aeb7fb692bbb72d69bebfa47279c1fd725e954"
@@ -3330,16 +3017,6 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
-
-array-flatten@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
-  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
-
 array-includes@^3.1.5, array-includes@^3.1.6:
   version "3.1.6"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
@@ -3376,17 +3053,6 @@ array.prototype.flatmap@^1.3.1:
     es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
-array.prototype.reduce@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
-  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-array-method-boxes-properly "^1.0.0"
-    is-string "^1.0.7"
-
 array.prototype.tosorted@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
@@ -3403,11 +3069,6 @@ arraybuffer.slice@~0.0.7:
   resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
   integrity sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==
 
-asap@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
-
 assertion-error@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
@@ -3455,18 +3116,6 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-autoprefixer@^10.4.13:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
-  dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
-    fraction.js "^4.2.0"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.0"
-    postcss-value-parser "^4.2.0"
-
 available-typed-arrays@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
@@ -3484,51 +3133,6 @@ axobject-query@^3.1.1:
   dependencies:
     deep-equal "^2.0.5"
 
-babel-jest@^27.4.2, babel-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
-  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
-  dependencies:
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/babel__core" "^7.1.14"
-    babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^27.5.1"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    slash "^3.0.0"
-
-babel-loader@^8.2.3:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8"
-  integrity sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==
-  dependencies:
-    find-cache-dir "^3.3.1"
-    loader-utils "^2.0.0"
-    make-dir "^3.1.0"
-    schema-utils "^2.6.5"
-
-babel-plugin-istanbul@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
-  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-instrument "^5.0.4"
-    test-exclude "^6.0.0"
-
-babel-plugin-jest-hoist@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
-  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__core" "^7.0.0"
-    "@types/babel__traverse" "^7.0.6"
-
 babel-plugin-macros@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
@@ -3538,11 +3142,6 @@ babel-plugin-macros@^3.1.0:
     cosmiconfig "^7.0.0"
     resolve "^1.19.0"
 
-babel-plugin-named-asset-import@^0.3.8:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz#6b7fa43c59229685368683c28bc9734f24524cc2"
-  integrity sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==
-
 babel-plugin-polyfill-corejs2@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz#5d1bd3836d0a19e1b84bbf2d9640ccb6f951c122"
@@ -3572,32 +3171,6 @@ babel-plugin-transform-react-remove-prop-types@^0.4.24:
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
   integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
 
-babel-preset-current-node-syntax@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
-  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.8.3"
-    "@babel/plugin-syntax-import-meta" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-top-level-await" "^7.8.3"
-
-babel-preset-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
-  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
-  dependencies:
-    babel-plugin-jest-hoist "^27.5.1"
-    babel-preset-current-node-syntax "^1.0.0"
-
 babel-preset-react-app@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz#ed6005a20a24f2c88521809fa9aea99903751584"
@@ -3647,26 +3220,6 @@ basic-auth@^2.0.1:
   dependencies:
     safe-buffer "5.1.2"
 
-batch@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
-  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
-
-bfj@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/bfj/-/bfj-7.0.2.tgz#1988ce76f3add9ac2913fd8ba47aad9e651bfbb2"
-  integrity sha512-+e/UqUzwmzJamNF50tBV6tZPTORow7gQ96iFow+8b562OdMpEK0BcJEq2OSPEDmAbSMBQ7PKZ87ubFkgxpYWgw==
-  dependencies:
-    bluebird "^3.5.5"
-    check-types "^11.1.1"
-    hoopy "^0.1.4"
-    tryer "^1.0.1"
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -3677,43 +3230,10 @@ blob@0.0.5:
   resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
   integrity sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==
 
-bluebird@^3.5.5:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-body-parser@1.20.1:
-  version "1.20.1"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
-  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.4"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.11.0"
-    raw-body "2.5.1"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
-
-bonjour-service@^1.0.11:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.1.1.tgz#960948fa0e0153f5d26743ab15baf8e33752c135"
-  integrity sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==
-  dependencies:
-    array-flatten "^2.1.2"
-    dns-equal "^1.0.0"
-    fast-deep-equal "^3.1.3"
-    multicast-dns "^7.2.5"
-
-boolbase@^1.0.0, boolbase@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+blueimp-md5@^2.10.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.19.0.tgz#b53feea5498dcb53dc6ec4b823adb84b729c4af0"
+  integrity sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -3742,12 +3262,7 @@ browser-fs-access@0.29.1:
   resolved "https://registry.yarnpkg.com/browser-fs-access/-/browser-fs-access-0.29.1.tgz#8a9794c73cf86b9aec74201829999c597128379c"
   integrity sha512-LSvVX5e21LRrXqVMhqtAwj5xPgDb+fXAIH80NsnCQ9xuZPs2xWsOREi24RKgZa1XOiQRbcmVrv87+ulOKsgjxw==
 
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4.21.3, browserslist@^4.21.4, browserslist@^4.21.5:
+browserslist@^4.21.3, browserslist@^4.21.5:
   version "4.21.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
   integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
@@ -3757,13 +3272,6 @@ browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4
     node-releases "^2.0.8"
     update-browserslist-db "^1.0.10"
 
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@@ -3774,15 +3282,10 @@ builtin-modules@^3.1.0:
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
-
-bytes@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+cac@^6.7.14:
+  version "6.7.14"
+  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
@@ -3797,40 +3300,12 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
-  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
-  dependencies:
-    pascal-case "^3.1.2"
-    tslib "^2.0.3"
-
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-camelcase@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.2.0, camelcase@^6.2.1:
+camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-api@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
-  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-lite "^1.0.0"
-    lodash.memoize "^4.1.2"
-    lodash.uniq "^4.5.0"
-
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+caniuse-lite@^1.0.30001449:
   version "1.0.30001478"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz#0ef8a1cf8b16be47a0f9fc4ecfc952232724b32a"
   integrity sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==
@@ -3840,11 +3315,6 @@ canvas-roundrect-polyfill@0.0.1:
   resolved "https://registry.yarnpkg.com/canvas-roundrect-polyfill/-/canvas-roundrect-polyfill-0.0.1.tgz#70bf107ebe2037f26d839d7f809a26f4a95f5696"
   integrity sha512-yWq+R3U3jE+coOeEb3a3GgE2j/0MMiDKM/QpLb6h9ihf5fGY9UXtvK9o4vNqjWXoZz7/3EaSVU3IX53TvFFUOw==
 
-case-sensitive-paths-webpack-plugin@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
-  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
-
 chai@4.3.6:
   version "4.3.6"
   resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.6.tgz#ffe4ba2d9fa9d6680cc0b370adae709ec9011e9c"
@@ -3858,7 +3328,20 @@ chai@4.3.6:
     pathval "^1.1.1"
     type-detect "^4.0.5"
 
-chalk@^2.0.0, chalk@^2.4.1:
+chai@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.7.tgz#ec63f6df01829088e8bf55fca839bcd464a8ec51"
+  integrity sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==
+  dependencies:
+    assertion-error "^1.1.0"
+    check-error "^1.0.2"
+    deep-eql "^4.1.2"
+    get-func-name "^2.0.0"
+    loupe "^2.3.1"
+    pathval "^1.1.1"
+    type-detect "^4.0.5"
+
+chalk@^2.0.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -3883,27 +3366,12 @@ chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-char-regex@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
-  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
-
-char-regex@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-2.0.1.tgz#6dafdb25f9d3349914079f010ba8d0e6ff9cd01e"
-  integrity sha512-oSvEeo6ZUD7NepqAat3RqoucZ5SeqLJgOvVIwkafu6IP3V0pO38s/ypdVUmDDK6qIIHNlYHJAKX9E7R7HoKElw==
-
 check-error@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
   integrity sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==
 
-check-types@^11.1.1:
-  version "11.2.2"
-  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.2.tgz#7afc0b6a860d686885062f2dba888ba5710335b4"
-  integrity sha512-HBiYvXvn9Z70Z88XKjz3AEKd4HJhBXsa3j7xFnITAzoS8+q6eIGi8qDB8FKPBAjtuxjI/zFpwuiCb8oDtKOYrA==
-
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
+"chokidar@>=3.0.0 <4.0.0":
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -3918,28 +3386,11 @@ check-types@^11.1.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
-
 ci-info@^3.2.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
   integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
-cjs-module-lexer@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
-  integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
-
-clean-css@^5.2.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.2.tgz#70ecc7d4d4114921f5d298349ff86a31a9975224"
-  integrity sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==
-  dependencies:
-    source-map "~0.6.0"
-
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -3982,25 +3433,6 @@ clsx@1.1.1:
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
   integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
 
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
-
-coa@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
-  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
-  dependencies:
-    "@types/q" "^1.5.1"
-    chalk "^2.4.1"
-    q "^1.1.2"
-
-collect-v8-coverage@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
-  integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
-
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -4025,12 +3457,7 @@ color-name@^1.1.4, color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colord@^2.9.1:
-  version "2.9.3"
-  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
-  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
-
-colorette@^2.0.10, colorette@^2.0.16:
+colorette@^2.0.16:
   version "2.0.19"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
   integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
@@ -4047,36 +3474,16 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
-  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
-
 commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
-common-path-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
-  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
-
 common-tags@^1.8.0:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
   integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
 
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
 component-bind@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
@@ -4092,68 +3499,35 @@ component-inherit@0.0.3:
   resolved "https://registry.yarnpkg.com/component-inherit/-/component-inherit-0.0.3.tgz#645fc4adf58b72b649d5cae65135619db26ff143"
   integrity sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA==
 
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
-
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+concordance@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/concordance/-/concordance-5.0.4.tgz#9896073261adced72f88d60e4d56f8efc4bbbbd2"
+  integrity sha512-OAcsnTEYu1ARJqWVGwf4zh4JDfHZEaSNlNccFmt8YjB2l/n19/PF2viLINHc57vO4FKIAFl2FWASIGZZWZ2Kxw==
+  dependencies:
+    date-time "^3.1.0"
+    esutils "^2.0.3"
+    fast-diff "^1.2.0"
+    js-string-escape "^1.0.1"
+    lodash "^4.17.15"
+    md5-hex "^3.0.1"
+    semver "^7.3.2"
+    well-known-symbols "^2.0.0"
+
 confusing-browser-globals@^1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
   integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
 
-connect-history-api-fallback@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
-  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
-
-content-disposition@0.5.4:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
-  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
-  dependencies:
-    safe-buffer "5.2.1"
-
-content-type@~1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
-  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
-
-convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
-
-cookie@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
-  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
-
 core-js-compat@^3.25.1:
   version "3.30.0"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.30.0.tgz#99aa2789f6ed2debfa1df3232784126ee97f4d80"
@@ -4161,43 +3535,22 @@ core-js-compat@^3.25.1:
   dependencies:
     browserslist "^4.21.5"
 
-core-js-pure@^3.23.3:
-  version "3.30.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.30.0.tgz#41b6c42e5f363bd53d79999bd35093b17e42e1bf"
-  integrity sha512-+2KbMFGeBU0ln/csoPqTe0i/yfHbrd2EUhNMObsGtXMKS/RTtlkYyi+/3twLcevbgNR0yM/r0Psa3TEoQRpFMQ==
-
 core-js@3.6.5:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
   integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
 
-core-js@^3.19.2, core-js@^3.4:
+core-js@^3.4:
   version "3.30.0"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.30.0.tgz#64ac6f83bc7a49fd42807327051701d4b1478dea"
   integrity sha512-hQotSSARoNh1mYPi9O2YaWeiq/cEB95kOrFb4NCrO4RIFt1qqNpKsaE+vy/L3oiqvND5cThqXzUU3r9F7Efztg==
 
-core-util-is@~1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
-  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
-
 corser@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
   integrity sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==
 
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
-cosmiconfig@^7.0.0:
+cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
   integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
@@ -4234,108 +3587,6 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-css-blank-pseudo@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
-  integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-css-declaration-sorter@^6.3.1:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz#630618adc21724484b3e9505bce812def44000ad"
-  integrity sha512-jDfsatwWMWN0MODAFuHszfjphEXfNw9JUAhmY4pLu3TyTU+ohUpsbVtbU+1MZn4a47D9kqh03i4eyOm+74+zew==
-
-css-has-pseudo@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
-  integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-css-loader@^6.5.1:
-  version "6.7.3"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
-  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
-  dependencies:
-    icss-utils "^5.1.0"
-    postcss "^8.4.19"
-    postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
-    postcss-modules-scope "^3.0.0"
-    postcss-modules-values "^4.0.0"
-    postcss-value-parser "^4.2.0"
-    semver "^7.3.8"
-
-css-minimizer-webpack-plugin@^3.2.0:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz#ab78f781ced9181992fe7b6e4f3422e76429878f"
-  integrity sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==
-  dependencies:
-    cssnano "^5.0.6"
-    jest-worker "^27.0.2"
-    postcss "^8.3.5"
-    schema-utils "^4.0.0"
-    serialize-javascript "^6.0.0"
-    source-map "^0.6.1"
-
-css-prefers-color-scheme@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
-  integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
-
-css-select-base-adapter@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
-  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
-
-css-select@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
-  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^3.2.1"
-    domutils "^1.7.0"
-    nth-check "^1.0.2"
-
-css-select@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
-  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.0.1"
-    domhandler "^4.3.1"
-    domutils "^2.8.0"
-    nth-check "^2.0.1"
-
-css-tree@1.0.0-alpha.37:
-  version "1.0.0-alpha.37"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
-  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
-  dependencies:
-    mdn-data "2.0.4"
-    source-map "^0.6.1"
-
-css-tree@^1.1.2, css-tree@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
-  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
-  dependencies:
-    mdn-data "2.0.14"
-    source-map "^0.6.1"
-
-css-what@^3.2.1:
-  version "3.4.2"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
-  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
-
-css-what@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
-  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
-
 css.escape@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
@@ -4350,93 +3601,17 @@ css@^3.0.0:
     source-map "^0.6.1"
     source-map-resolve "^0.6.0"
 
-cssdb@^7.1.0:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.4.tgz#e34dafee5184d67634604e345e389ca79ac179ea"
-  integrity sha512-fGD+J6Jlq+aurfE1VDXlLS4Pt0VtNlu2+YgfGOdMxRyl/HQ9bDiHTwSck1Yz8A97Dt/82izSK6Bp/4nVqacOsg==
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
 cssfontparser@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
 
-cssnano-preset-default@^5.2.14:
-  version "5.2.14"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
-  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
+cssstyle@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
+  integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
   dependencies:
-    css-declaration-sorter "^6.3.1"
-    cssnano-utils "^3.1.0"
-    postcss-calc "^8.2.3"
-    postcss-colormin "^5.3.1"
-    postcss-convert-values "^5.1.3"
-    postcss-discard-comments "^5.1.2"
-    postcss-discard-duplicates "^5.1.0"
-    postcss-discard-empty "^5.1.1"
-    postcss-discard-overridden "^5.1.0"
-    postcss-merge-longhand "^5.1.7"
-    postcss-merge-rules "^5.1.4"
-    postcss-minify-font-values "^5.1.0"
-    postcss-minify-gradients "^5.1.1"
-    postcss-minify-params "^5.1.4"
-    postcss-minify-selectors "^5.2.1"
-    postcss-normalize-charset "^5.1.0"
-    postcss-normalize-display-values "^5.1.0"
-    postcss-normalize-positions "^5.1.1"
-    postcss-normalize-repeat-style "^5.1.1"
-    postcss-normalize-string "^5.1.0"
-    postcss-normalize-timing-functions "^5.1.0"
-    postcss-normalize-unicode "^5.1.1"
-    postcss-normalize-url "^5.1.0"
-    postcss-normalize-whitespace "^5.1.1"
-    postcss-ordered-values "^5.1.3"
-    postcss-reduce-initial "^5.1.2"
-    postcss-reduce-transforms "^5.1.0"
-    postcss-svgo "^5.1.0"
-    postcss-unique-selectors "^5.1.1"
-
-cssnano-utils@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
-  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
-
-cssnano@^5.0.6:
-  version "5.1.15"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
-  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
-  dependencies:
-    cssnano-preset-default "^5.2.14"
-    lilconfig "^2.0.3"
-    yaml "^1.10.2"
-
-csso@^4.0.2, csso@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
-  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
-  dependencies:
-    css-tree "^1.1.2"
-
-cssom@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
-  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
+    rrweb-cssom "^0.6.0"
 
 csstype@^3.0.2:
   version "3.1.2"
@@ -4448,23 +3623,23 @@ damerau-levenshtein@^1.0.8:
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
   integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
 
-data-urls@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
-  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
+data-urls@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
+  integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
   dependencies:
-    abab "^2.0.3"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.0.0"
+    abab "^2.0.6"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^12.0.0"
 
-debug@2.6.9, debug@^2.6.0:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+date-time@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/date-time/-/date-time-3.1.0.tgz#0d1e934d170579f481ed8df1e2b8ff70ee845e1e"
+  integrity sha512-uqCUKXE5q1PNBXjPqvwhwJf9SwMoAHBgWJ6DcrnS5o+W2JOiIILl0JEdVD8SGujrNS02GGxgwAg2PN2zONgtjg==
   dependencies:
-    ms "2.0.0"
+    time-zone "^1.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -4485,7 +3660,7 @@ debug@~3.1.0:
   dependencies:
     ms "2.0.0"
 
-decimal.js@^10.2.1:
+decimal.js@^10.4.3:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
@@ -4495,11 +3670,6 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
   integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
-dedent@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
-
 deep-eql@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-3.0.1.tgz#dfc9404400ad1c8fe023e7da1df1c147c4b444df"
@@ -4507,6 +3677,13 @@ deep-eql@^3.0.1:
   dependencies:
     type-detect "^4.0.0"
 
+deep-eql@^4.1.2:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-4.1.3.tgz#7c7775513092f7df98d8df9996dd085eb668cc6d"
+  integrity sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==
+  dependencies:
+    type-detect "^4.0.0"
+
 deep-equal@^2.0.5:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.0.tgz#5caeace9c781028b9ff459f33b779346637c43e6"
@@ -4530,7 +3707,7 @@ deep-equal@^2.0.5:
     which-collection "^1.0.1"
     which-typed-array "^1.1.9"
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
@@ -4540,18 +3717,6 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-default-gateway@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
-  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
-  dependencies:
-    execa "^5.0.0"
-
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
 define-properties@^1.1.3, define-properties@^1.1.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
@@ -4565,49 +3730,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
-depd@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
-  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
-
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
-
-destroy@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
-  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
-
-detect-newline@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
 detect-node-es@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
   integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
-detect-node@^2.0.4:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
-  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
-
-detect-port-alt@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
-  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
-  dependencies:
-    address "^1.0.1"
-    debug "^2.6.0"
-
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
-
 diff-sequences@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
@@ -4625,23 +3752,6 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-dns-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
-  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
-
-dns-packet@^5.2.2:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.5.0.tgz#f59cbf3396c130957c56a6ad5fd3959ccdc30065"
-  integrity sha512-USawdAUzRkV6xrqTjiAEp6M9YagZEzWcSUaZTcIFAiyQWW1SoI6KyId8y2+/71wbgHKQAKd+iupLv4YvEwYWvA==
-  dependencies:
-    "@leichtgewicht/ip-codec" "^2.0.1"
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -4661,45 +3771,11 @@ dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
   integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
-dom-converter@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-serializer@0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
-  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
-  dependencies:
-    domelementtype "^2.0.1"
-    entities "^2.0.0"
-
-dom-serializer@^1.0.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
-  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
 dom-storage@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/dom-storage/-/dom-storage-2.1.0.tgz#00fb868bc9201357ea243c7bcfd3304c1e34ea39"
   integrity sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q==
 
-domelementtype@1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
-domelementtype@^2.0.1, domelementtype@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
 domexception@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
@@ -4707,76 +3783,24 @@ domexception@^1.0.1:
   dependencies:
     webidl-conversions "^4.0.2"
 
-domexception@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
-  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
+domexception@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
   dependencies:
-    webidl-conversions "^5.0.0"
-
-domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
-  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
-  dependencies:
-    domelementtype "^2.2.0"
-
-domutils@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-domutils@^2.5.2, domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-
-dot-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
-  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
-dotenv-expand@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
-  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+    webidl-conversions "^7.0.0"
 
 dotenv@16.0.1:
   version "16.0.1"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.1.tgz#8f8f9d94876c35dac989876a5d3a82a267fdce1d"
   integrity sha512-1K6hR6wtk2FviQ4kEiSjFiH5rpzEVi8WW0x96aztHVMhEspNpc4DVOUTEHtEva5VThQ8IaBX1Pe4gSzpVVUsKQ==
 
-dotenv@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
-  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
-
-duplexer@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
-  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
-
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
-
-ejs@^3.1.6:
+ejs@^3.1.6, ejs@^3.1.8:
   version "3.1.9"
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.9.tgz#03c9e8777fe12686a9effcef22303ca3d8eeb361"
   integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
@@ -4788,16 +3812,6 @@ electron-to-chromium@^1.4.284:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.359.tgz#5c4d13cb08032469fcd6bd36457915caa211356b"
   integrity sha512-OoVcngKCIuNXtZnsYoqlCvr0Cf3NIPzDIgwUfI9bdTFjXCrr79lI0kwQstLPZ7WhCezLlGksZk/BFAzoXC7GDw==
 
-emittery@^0.10.2:
-  version "0.10.2"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
-  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
-
-emittery@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.8.1.tgz#bb23cc86d03b30aa75a7f734819dee2e1ba70860"
-  integrity sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==
-
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -4808,16 +3822,6 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
-
 engine.io-client@~3.4.0:
   version "3.4.4"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.4.tgz#77d8003f502b0782dd792b073a4d2cf7ca5ab967"
@@ -4846,14 +3850,6 @@ engine.io-parser@~2.2.0:
     blob "0.0.5"
     has-binary2 "~1.0.2"
 
-enhanced-resolve@^5.10.0:
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
-  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -4861,10 +3857,10 @@ enquirer@^2.3.5:
   dependencies:
     ansi-colors "^4.1.1"
 
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -4873,14 +3869,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.0.6:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
-  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
-  dependencies:
-    stackframe "^1.3.4"
-
-es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
+es-abstract@^1.19.0, es-abstract@^1.20.4:
   version "1.21.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
   integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
@@ -4920,11 +3909,6 @@ es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.9"
 
-es-array-method-boxes-properly@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
-  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
-
 es-get-iterator@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
@@ -4940,11 +3924,6 @@ es-get-iterator@^1.1.2:
     isarray "^2.0.5"
     stop-iteration-iterator "^1.0.0"
 
-es-module-lexer@^0.9.0:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
-  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
-
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -4970,16 +3949,67 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+esbuild@^0.17.5:
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.19.tgz#087a727e98299f0462a3d0bcdd9cd7ff100bd955"
+  integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.17.19"
+    "@esbuild/android-arm64" "0.17.19"
+    "@esbuild/android-x64" "0.17.19"
+    "@esbuild/darwin-arm64" "0.17.19"
+    "@esbuild/darwin-x64" "0.17.19"
+    "@esbuild/freebsd-arm64" "0.17.19"
+    "@esbuild/freebsd-x64" "0.17.19"
+    "@esbuild/linux-arm" "0.17.19"
+    "@esbuild/linux-arm64" "0.17.19"
+    "@esbuild/linux-ia32" "0.17.19"
+    "@esbuild/linux-loong64" "0.17.19"
+    "@esbuild/linux-mips64el" "0.17.19"
+    "@esbuild/linux-ppc64" "0.17.19"
+    "@esbuild/linux-riscv64" "0.17.19"
+    "@esbuild/linux-s390x" "0.17.19"
+    "@esbuild/linux-x64" "0.17.19"
+    "@esbuild/netbsd-x64" "0.17.19"
+    "@esbuild/openbsd-x64" "0.17.19"
+    "@esbuild/sunos-x64" "0.17.19"
+    "@esbuild/win32-arm64" "0.17.19"
+    "@esbuild/win32-ia32" "0.17.19"
+    "@esbuild/win32-x64" "0.17.19"
+
+esbuild@^0.18.10:
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.11.tgz#cbf94dc3359d57f600a0dbf281df9b1d1b4a156e"
+  integrity sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.18.11"
+    "@esbuild/android-arm64" "0.18.11"
+    "@esbuild/android-x64" "0.18.11"
+    "@esbuild/darwin-arm64" "0.18.11"
+    "@esbuild/darwin-x64" "0.18.11"
+    "@esbuild/freebsd-arm64" "0.18.11"
+    "@esbuild/freebsd-x64" "0.18.11"
+    "@esbuild/linux-arm" "0.18.11"
+    "@esbuild/linux-arm64" "0.18.11"
+    "@esbuild/linux-ia32" "0.18.11"
+    "@esbuild/linux-loong64" "0.18.11"
+    "@esbuild/linux-mips64el" "0.18.11"
+    "@esbuild/linux-ppc64" "0.18.11"
+    "@esbuild/linux-riscv64" "0.18.11"
+    "@esbuild/linux-s390x" "0.18.11"
+    "@esbuild/linux-x64" "0.18.11"
+    "@esbuild/netbsd-x64" "0.18.11"
+    "@esbuild/openbsd-x64" "0.18.11"
+    "@esbuild/sunos-x64" "0.18.11"
+    "@esbuild/win32-arm64" "0.18.11"
+    "@esbuild/win32-ia32" "0.18.11"
+    "@esbuild/win32-x64" "0.18.11"
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
-escape-html@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
-
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -4995,24 +4025,12 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
 eslint-config-prettier@8.5.0:
   version "8.5.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
   integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
 
-eslint-config-react-app@^7.0.1:
+eslint-config-react-app@7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz#73ba3929978001c5c86274c017ea57eb5fa644b4"
   integrity sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==
@@ -5118,7 +4136,7 @@ eslint-plugin-react-hooks@^4.3.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@^7.27.1:
+eslint-plugin-react@7.32.2, eslint-plugin-react@^7.27.1:
   version "7.32.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz#e71f21c7c265ebce01bcbc9d0955170c55571f10"
   integrity sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==
@@ -5154,14 +4172,6 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
 eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@@ -5179,22 +4189,11 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.0:
+eslint-visitor-keys@^3.3.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
   integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
 
-eslint-webpack-plugin@^3.1.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz#1978cdb9edc461e4b0195a20da950cf57988347c"
-  integrity sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==
-  dependencies:
-    "@types/eslint" "^7.29.0 || ^8.4.1"
-    jest-worker "^28.0.2"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    schema-utils "^4.0.0"
-
 eslint@^7.32.0:
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
@@ -5241,52 +4240,6 @@ eslint@^7.32.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-eslint@^8.3.0:
-  version "8.38.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.38.0.tgz#a62c6f36e548a5574dd35728ac3c6209bd1e2f1a"
-  integrity sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.0.2"
-    "@eslint/js" "8.38.0"
-    "@humanwhocodes/config-array" "^0.11.8"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-visitor-keys "^3.4.0"
-    espree "^9.5.1"
-    esquery "^1.4.2"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
-
 espree@^7.3.0, espree@^7.3.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
@@ -5296,21 +4249,12 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
-espree@^9.5.1:
-  version "9.5.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.1.tgz#4f26a4d5f18905bf4f2e0bd99002aab807e96dd4"
-  integrity sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==
-  dependencies:
-    acorn "^8.8.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.4.0"
-
-esprima@^4.0.0, esprima@^4.0.1:
+esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0, esquery@^1.4.2:
+esquery@^1.4.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
@@ -5339,27 +4283,22 @@ estree-walker@^1.0.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
   integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
 
-esutils@^2.0.2:
+estree-walker@^2.0.1, estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+esutils@^2.0.2, esutils@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
-
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-execa@^5.0.0, execa@^5.1.1:
+execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -5374,21 +4313,6 @@ execa@^5.0.0, execa@^5.1.1:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
-
-expect@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
-  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-
 expect@^29.0.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
@@ -5400,43 +4324,6 @@ expect@^29.0.0:
     jest-message-util "^29.5.0"
     jest-util "^29.5.0"
 
-express@^4.17.3:
-  version "4.18.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
-  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
-  dependencies:
-    accepts "~1.3.8"
-    array-flatten "1.1.1"
-    body-parser "1.20.1"
-    content-disposition "0.5.4"
-    content-type "~1.0.4"
-    cookie "0.5.0"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "2.0.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "1.2.0"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.7"
-    qs "6.11.0"
-    range-parser "~1.2.1"
-    safe-buffer "5.2.1"
-    send "0.18.0"
-    serve-static "1.15.0"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    type-is "~1.6.18"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
 fake-indexeddb@3.1.7:
   version "3.1.7"
   resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-3.1.7.tgz#d9efbeade113c15efbe862e4598a4b0a1797ed9f"
@@ -5454,6 +4341,11 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
+fast-diff@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
+
 fast-glob@^3.2.12, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
@@ -5470,7 +4362,7 @@ fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
@@ -5489,19 +4381,10 @@ faye-websocket@0.11.3:
   dependencies:
     websocket-driver ">=0.5.1"
 
-faye-websocket@^0.11.3:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
-  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-fb-watchman@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
-  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
-  dependencies:
-    bser "2.1.1"
+fflate@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.7.4.tgz#61587e5d958fdabb5a9368a302c25363f4f69f50"
+  integrity sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==
 
 file-entry-cache@^6.0.1:
   version "6.0.1"
@@ -5510,14 +4393,6 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
-file-loader@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
-  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-
 filelist@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -5525,11 +4400,6 @@ filelist@^1.0.1:
   dependencies:
     minimatch "^5.0.1"
 
-filesize@^8.0.6:
-  version "8.0.7"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
-  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
-
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -5537,51 +4407,6 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
-  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    statuses "2.0.1"
-    unpipe "~1.0.0"
-
-find-cache-dir@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
-  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
-find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
 firebase@8.3.3:
   version "8.3.3"
   resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.3.3.tgz#21d8fb8eec2c43b0d8f98ab6bda5535b7454fa54"
@@ -5610,7 +4435,7 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
-flatted@^3.1.0:
+flatted@^3.1.0, flatted@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
@@ -5627,59 +4452,16 @@ for-each@^0.3.3:
   dependencies:
     is-callable "^1.1.3"
 
-fork-ts-checker-webpack-plugin@^6.5.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
-  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@types/json-schema" "^7.0.5"
-    chalk "^4.1.0"
-    chokidar "^3.4.2"
-    cosmiconfig "^6.0.0"
-    deepmerge "^4.2.2"
-    fs-extra "^9.0.0"
-    glob "^7.1.6"
-    memfs "^3.1.2"
-    minimatch "^3.0.4"
-    schema-utils "2.7.0"
-    semver "^7.3.2"
-    tapable "^1.0.0"
-
-form-data@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
-  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-forwarded@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
-  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
-
-fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
-
-fs-extra@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^9.0.0, fs-extra@^9.0.1:
+fs-extra@^9.0.1:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -5689,17 +4471,12 @@ fs-extra@^9.0.0, fs-extra@^9.0.1:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-monkey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
-  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@^2.3.2, fsevents@~2.3.2:
+fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -5763,11 +4540,6 @@ get-own-enumerable-property-symbols@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
-get-package-type@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
-
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -5788,31 +4560,7 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-glob@7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.1.3, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -5824,28 +4572,12 @@ glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-modules@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
-  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
-  dependencies:
-    global-prefix "^3.0.0"
-
-global-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
-  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
-  dependencies:
-    ini "^1.3.5"
-    kind-of "^6.0.2"
-    which "^1.3.1"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0, globals@^13.6.0, globals@^13.9.0:
+globals@^13.6.0, globals@^13.9.0:
   version "13.20.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
   integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
@@ -5859,7 +4591,7 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
-globby@^11.0.4, globby@^11.1.0:
+globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -5883,7 +4615,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -5893,23 +4625,6 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
-gzip-size@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
-  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
-  dependencies:
-    duplexer "^0.1.2"
-
-handle-thing@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
-  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
-
-harmony-reflect@^1.4.6:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
-  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
-
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -5949,7 +4664,7 @@ has-proto@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
@@ -5973,28 +4688,6 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hoopy@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
-  integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
-
-hpack.js@^2.1.6:
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
-  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
-  dependencies:
-    inherits "^2.0.1"
-    obuf "^1.0.0"
-    readable-stream "^2.0.1"
-    wbuf "^1.1.0"
-
-html-encoding-sniffer@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
-  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
-  dependencies:
-    whatwg-encoding "^1.0.5"
-
 html-encoding-sniffer@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
@@ -6002,101 +4695,20 @@ html-encoding-sniffer@^3.0.0:
   dependencies:
     whatwg-encoding "^2.0.0"
 
-html-entities@^2.1.0, html-entities@^2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
-  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
-
-html-escaper@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-minifier-terser@^6.0.2:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
-  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
-  dependencies:
-    camel-case "^4.1.2"
-    clean-css "^5.2.2"
-    commander "^8.3.0"
-    he "^1.2.0"
-    param-case "^3.0.4"
-    relateurl "^0.2.7"
-    terser "^5.10.0"
-
-html-webpack-plugin@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
-  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
-  dependencies:
-    "@types/html-minifier-terser" "^6.0.0"
-    html-minifier-terser "^6.0.2"
-    lodash "^4.17.21"
-    pretty-error "^4.0.0"
-    tapable "^2.0.0"
-
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
-
-http-deceiver@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
-  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
-
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
 http-parser-js@>=0.5.1:
   version "0.5.8"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
   integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
 
-http-proxy-agent@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
-  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
   dependencies:
-    "@tootallnate/once" "1"
+    "@tootallnate/once" "2"
     agent-base "6"
     debug "4"
 
-http-proxy-middleware@^2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
-  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
-  dependencies:
-    "@types/http-proxy" "^1.17.8"
-    http-proxy "^1.18.1"
-    is-glob "^4.0.1"
-    is-plain-obj "^3.0.0"
-    micromatch "^4.0.2"
-
 http-proxy@^1.18.1:
   version "1.18.1"
   resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
@@ -6125,7 +4737,7 @@ http-server@14.1.1:
     union "~0.5.0"
     url-join "^4.0.1"
 
-https-proxy-agent@^5.0.0:
+https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -6150,25 +4762,13 @@ i18next-browser-languagedetector@6.1.4:
   dependencies:
     "@babel/runtime" "^7.14.6"
 
-iconv-lite@0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-iconv-lite@0.6.3, iconv-lite@^0.6.3:
+iconv-lite@0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-icss-utils@^5.0.0, icss-utils@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
-  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
-
 idb-keyval@6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/idb-keyval/-/idb-keyval-6.0.3.tgz#e47246a15e55d0fff9fa204fd9ca06f90ff30c52"
@@ -6186,13 +4786,6 @@ idb@^7.0.1:
   resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
   integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
 
-identity-obj-proxy@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
-  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
-  dependencies:
-    harmony-reflect "^1.4.6"
-
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
@@ -6215,17 +4808,12 @@ immediate@~3.0.5:
   resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
   integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
 
-immer@^9.0.7:
-  version "9.0.21"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
-  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
-
 immutable@^4.0.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be"
   integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==
 
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -6233,14 +4821,6 @@ import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-local@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
-  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -6264,21 +4844,11 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@2, inherits@^2.0.3, inherits@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
-
-ini@^1.3.5:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
 internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
@@ -6295,16 +4865,6 @@ invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
-ipaddr.js@1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
-  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-ipaddr.js@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
-  integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
-
 is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -6354,7 +4914,14 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0, is-core-module@^2.9.0:
+is-core-module@^2.11.0:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
+  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+  dependencies:
+    has "^1.0.3"
+
+is-core-module@^2.9.0:
   version "2.12.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.0.tgz#36ad62f6f73c8253fd6472517a12483cf03e7ec4"
   integrity sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==
@@ -6368,11 +4935,6 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
-is-docker@^2.0.0, is-docker@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -6388,11 +4950,6 @@ is-fullwidth-code-point@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88"
   integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==
 
-is-generator-fn@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -6432,16 +4989,6 @@ is-obj@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
 
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-plain-obj@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
-  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
-
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
@@ -6460,11 +5007,6 @@ is-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
   integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
 
-is-root@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
-  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
-
 is-set@^2.0.1, is-set@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
@@ -6507,11 +5049,6 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
-is-typedarray@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
-
 is-weakmap@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
@@ -6532,13 +5069,6 @@ is-weakset@^2.0.1:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
 isarray@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
@@ -6549,58 +5079,11 @@ isarray@^2.0.5:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
-isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
-
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
-  integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
-
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
-  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/parser" "^7.14.7"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^6.3.0"
-
-istanbul-lib-report@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
-  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
-  dependencies:
-    istanbul-lib-coverage "^3.0.0"
-    make-dir "^3.0.0"
-    supports-color "^7.1.0"
-
-istanbul-lib-source-maps@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
-  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-    source-map "^0.6.1"
-
-istanbul-reports@^3.1.3:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
-  integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
-  dependencies:
-    html-escaper "^2.0.0"
-    istanbul-lib-report "^3.0.0"
-
 jake@^10.8.5:
   version "10.8.5"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.5.tgz#f2183d2c59382cb274226034543b9c03b8164c46"
@@ -6611,7 +5094,7 @@ jake@^10.8.5:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-canvas-mock@2.4.0:
+jest-canvas-mock@~2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
   integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
@@ -6619,89 +5102,7 @@ jest-canvas-mock@2.4.0:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-changed-files@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
-  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    execa "^5.0.0"
-    throat "^6.0.1"
-
-jest-circus@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
-  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    dedent "^0.7.0"
-    expect "^27.5.1"
-    is-generator-fn "^2.0.0"
-    jest-each "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-    throat "^6.0.1"
-
-jest-cli@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
-  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
-  dependencies:
-    "@jest/core" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    import-local "^3.0.2"
-    jest-config "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    prompts "^2.0.1"
-    yargs "^16.2.0"
-
-jest-config@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
-  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
-  dependencies:
-    "@babel/core" "^7.8.0"
-    "@jest/test-sequencer" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    babel-jest "^27.5.1"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    deepmerge "^4.2.2"
-    glob "^7.1.1"
-    graceful-fs "^4.2.9"
-    jest-circus "^27.5.1"
-    jest-environment-jsdom "^27.5.1"
-    jest-environment-node "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-jasmine2 "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-runner "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    micromatch "^4.0.4"
-    parse-json "^5.2.0"
-    pretty-format "^27.5.1"
-    slash "^3.0.0"
-    strip-json-comments "^3.1.1"
-
-jest-diff@^27.0.0, jest-diff@^27.5.1:
+jest-diff@^27.0.0:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
   integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
@@ -6721,49 +5122,6 @@ jest-diff@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
-jest-docblock@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
-  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
-  dependencies:
-    detect-newline "^3.0.0"
-
-jest-each@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
-  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    jest-get-type "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-environment-jsdom@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
-  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-    jsdom "^16.6.0"
-
-jest-environment-node@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
-  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-
 jest-get-type@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
@@ -6774,67 +5132,6 @@ jest-get-type@^29.4.3:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
   integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
-jest-haste-map@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
-  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/graceful-fs" "^4.1.2"
-    "@types/node" "*"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.9"
-    jest-regex-util "^27.5.1"
-    jest-serializer "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    micromatch "^4.0.4"
-    walker "^1.0.7"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
-jest-jasmine2@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
-  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/source-map" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    expect "^27.5.1"
-    is-generator-fn "^2.0.0"
-    jest-each "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-    throat "^6.0.1"
-
-jest-leak-detector@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
-  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
-  dependencies:
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-matcher-utils@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
-  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
 jest-matcher-utils@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
@@ -6845,36 +5142,6 @@ jest-matcher-utils@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
-jest-message-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
-  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^27.5.1"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^27.5.1"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-message-util@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
-  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^28.1.3"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^28.1.3"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
 jest-message-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
@@ -6890,169 +5157,6 @@ jest-message-util@^29.5.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
-  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-
-jest-pnp-resolver@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
-  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
-
-jest-regex-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
-  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
-
-jest-regex-util@^28.0.0:
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
-  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
-
-jest-resolve-dependencies@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
-  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-snapshot "^27.5.1"
-
-jest-resolve@^27.4.2, jest-resolve@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
-  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-pnp-resolver "^1.2.2"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    resolve "^1.20.0"
-    resolve.exports "^1.1.0"
-    slash "^3.0.0"
-
-jest-runner@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
-  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
-  dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/environment" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    emittery "^0.8.1"
-    graceful-fs "^4.2.9"
-    jest-docblock "^27.5.1"
-    jest-environment-jsdom "^27.5.1"
-    jest-environment-node "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-leak-detector "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    source-map-support "^0.5.6"
-    throat "^6.0.1"
-
-jest-runtime@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
-  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/globals" "^27.5.1"
-    "@jest/source-map" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    cjs-module-lexer "^1.0.0"
-    collect-v8-coverage "^1.0.0"
-    execa "^5.0.0"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-mock "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    slash "^3.0.0"
-    strip-bom "^4.0.0"
-
-jest-serializer@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
-  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
-  dependencies:
-    "@types/node" "*"
-    graceful-fs "^4.2.9"
-
-jest-snapshot@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
-  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
-  dependencies:
-    "@babel/core" "^7.7.2"
-    "@babel/generator" "^7.7.2"
-    "@babel/plugin-syntax-typescript" "^7.7.2"
-    "@babel/traverse" "^7.7.2"
-    "@babel/types" "^7.0.0"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/babel__traverse" "^7.0.4"
-    "@types/prettier" "^2.1.5"
-    babel-preset-current-node-syntax "^1.0.0"
-    chalk "^4.0.0"
-    expect "^27.5.1"
-    graceful-fs "^4.2.9"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-util "^27.5.1"
-    natural-compare "^1.4.0"
-    pretty-format "^27.5.1"
-    semver "^7.3.2"
-
-jest-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
-  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
-jest-util@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
-  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
-  dependencies:
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
 jest-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
@@ -7065,58 +5169,6 @@ jest-util@^29.5.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
-  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    camelcase "^6.2.0"
-    chalk "^4.0.0"
-    jest-get-type "^27.5.1"
-    leven "^3.1.0"
-    pretty-format "^27.5.1"
-
-jest-watch-typeahead@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz#b4a6826dfb9c9420da2f7bc900de59dad11266a9"
-  integrity sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==
-  dependencies:
-    ansi-escapes "^4.3.1"
-    chalk "^4.0.0"
-    jest-regex-util "^28.0.0"
-    jest-watcher "^28.0.0"
-    slash "^4.0.0"
-    string-length "^5.0.1"
-    strip-ansi "^7.0.1"
-
-jest-watcher@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
-  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
-  dependencies:
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    jest-util "^27.5.1"
-    string-length "^4.0.1"
-
-jest-watcher@^28.0.0:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
-  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
-  dependencies:
-    "@jest/test-result" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    emittery "^0.10.2"
-    jest-util "^28.1.3"
-    string-length "^4.0.1"
-
 jest-worker@^26.2.1:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
@@ -7126,47 +5178,15 @@ jest-worker@^26.2.1:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest-worker@^28.0.2:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
-  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest@^27.4.3:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
-  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
-  dependencies:
-    "@jest/core" "^27.5.1"
-    import-local "^3.0.2"
-    jest-cli "^27.5.1"
-
-jiti@^1.17.2:
-  version "1.18.2"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
-  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
-
 jotai@1.13.1:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/jotai/-/jotai-1.13.1.tgz#20cc46454cbb39096b12fddfa635b873b3668236"
   integrity sha512-RUmH1S4vLsG3V6fbGlKzGJnLrDcC/HNb5gH2AeA9DzuJknoVxSGvvg8OBB7lke+gDc4oXmdVsaKn/xDUhWZ0vw==
 
-js-sdsl@^4.1.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
-  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
+js-string-escape@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef"
+  integrity sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -7181,45 +5201,34 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+jsdom@22.1.0:
+  version "22.1.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-22.1.0.tgz#0fca6d1a37fbeb7f4aac93d1090d782c56b611c8"
+  integrity sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==
   dependencies:
-    argparse "^2.0.1"
-
-jsdom@^16.6.0:
-  version "16.7.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
-  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.2.4"
-    acorn-globals "^6.0.0"
-    cssom "^0.4.4"
-    cssstyle "^2.3.0"
-    data-urls "^2.0.0"
-    decimal.js "^10.2.1"
-    domexception "^2.0.1"
-    escodegen "^2.0.0"
-    form-data "^3.0.0"
-    html-encoding-sniffer "^2.0.1"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
+    abab "^2.0.6"
+    cssstyle "^3.0.0"
+    data-urls "^4.0.0"
+    decimal.js "^10.4.3"
+    domexception "^4.0.0"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.1"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
+    nwsapi "^2.2.4"
+    parse5 "^7.1.2"
+    rrweb-cssom "^0.6.0"
+    saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^2.0.0"
-    webidl-conversions "^6.1.0"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.5.0"
-    ws "^7.4.6"
-    xml-name-validator "^3.0.0"
+    tough-cookie "^4.1.2"
+    w3c-xmlserializer "^4.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^2.0.0"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^12.0.1"
+    ws "^8.13.0"
+    xml-name-validator "^4.0.0"
 
 jsesc@^2.5.1:
   version "2.5.2"
@@ -7231,7 +5240,7 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
-json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+json-parse-even-better-errors@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
@@ -7263,11 +5272,16 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.0, json5@^2.2.2:
+json5@^2.2.0, json5@^2.2.2:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
+jsonc-parser@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
+  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
+
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -7290,21 +5304,6 @@ jsonpointer@^5.0.0:
     array-includes "^3.1.5"
     object.assign "^4.1.3"
 
-kind-of@^6.0.2:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-klona@^2.0.4, klona@^2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
-  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
-
 language-subtag-registry@~0.3.2:
   version "0.3.22"
   resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
@@ -7317,14 +5316,6 @@ language-tags@=1.0.5:
   dependencies:
     language-subtag-registry "~0.3.2"
 
-launch-editor@^2.6.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.0.tgz#4c0c1a6ac126c572bd9ff9a30da1d2cae66defd7"
-  integrity sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==
-  dependencies:
-    picocolors "^1.0.0"
-    shell-quote "^1.7.3"
-
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
@@ -7338,14 +5329,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
 lie@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
@@ -7358,11 +5341,6 @@ lilconfig@2.0.4:
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.4.tgz#f4507d043d7058b380b6a8f5cb7bcd4b34cee082"
   integrity sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==
 
-lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.0.6:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -7402,24 +5380,10 @@ listr2@^4.0.1:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
-loader-runner@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
-  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
-
-loader-utils@^2.0.0, loader-utils@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
-  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
-loader-utils@^3.2.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.2.1.tgz#4fb104b599daafd82ef3e1a41fb9265f87e1f576"
-  integrity sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==
+local-pkg@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
+  integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
 
 localforage@^1.8.1:
   version "1.10.0"
@@ -7428,28 +5392,6 @@ localforage@^1.8.1:
   dependencies:
     lie "3.1.1"
 
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-  dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
@@ -7460,11 +5402,6 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
-lodash.memoize@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
-
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
@@ -7485,11 +5422,6 @@ lodash.truncate@^4.4.2:
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
   integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==
 
-lodash.uniq@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
-
 lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
@@ -7522,20 +5454,13 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-loupe@^2.3.1:
+loupe@^2.3.1, loupe@^2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.6.tgz#76e4af498103c532d1ecc9be102036a21f787b53"
   integrity sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==
   dependencies:
     get-func-name "^2.0.0"
 
-lower-case@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
-  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
-  dependencies:
-    tslib "^2.0.3"
-
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -7562,46 +5487,26 @@ magic-string@^0.25.0, magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+magic-string@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
+  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
   dependencies:
-    semver "^6.0.0"
+    "@jridgewell/sourcemap-codec" "^1.4.13"
 
-makeerror@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
-  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
+magic-string@^0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
+  integrity sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==
   dependencies:
-    tmpl "1.0.5"
+    "@jridgewell/sourcemap-codec" "^1.4.13"
 
-mdn-data@2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
-  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
-
-mdn-data@2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
-  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
-
-memfs@^3.1.2, memfs@^3.4.3:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.5.0.tgz#9da86405fca0a539addafd37dbd452344fd1c0bd"
-  integrity sha512-yK6o8xVJlQerz57kvPROwTMgx5WtGwC2ZxDtOUsnGl49rHjYkfQoPNZPCKH73VdLE1BwBu/+Fx/NL8NYMUw2aA==
+md5-hex@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/md5-hex/-/md5-hex-3.0.1.tgz#be3741b510591434b2784d79e556eefc2c9a8e5c"
+  integrity sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==
   dependencies:
-    fs-monkey "^1.0.3"
-
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
+    blueimp-md5 "^2.10.0"
 
 merge-stream@^2.0.0:
   version "2.0.0"
@@ -7613,12 +5518,7 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
-
-micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -7626,19 +5526,19 @@ micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0, mime@^1.6.0:
+mime@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
@@ -7653,19 +5553,7 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-css-extract-plugin@^2.4.5:
-  version "2.7.5"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.5.tgz#afbb344977659ec0f1f6e050c7aea456b121cfc5"
-  integrity sha512-9HaR++0mlgom81s95vvNjxkg52n2b5s//3ZTI1EtzFb98awsLSivs2LMsVqnQ3ay0PVhqWcGNyDaTE961FOcjQ==
-  dependencies:
-    schema-utils "^4.0.0"
-
-minimalistic-assert@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -7684,13 +5572,23 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-mkdirp@^0.5.6, mkdirp@~0.5.1:
+mkdirp@^0.5.6:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
   dependencies:
     minimist "^1.2.6"
 
+mlly@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.4.0.tgz#830c10d63f1f97bd8785377b24dc2a15d972832b"
+  integrity sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==
+  dependencies:
+    acorn "^8.9.0"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    ufo "^1.1.2"
+
 moo-color@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74"
@@ -7698,6 +5596,11 @@ moo-color@^1.0.2:
   dependencies:
     color-name "^1.1.4"
 
+mrmime@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27"
+  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -7708,19 +5611,11 @@ ms@2.1.2:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.1.1:
+ms@^2.1.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-multicast-dns@^7.2.5:
-  version "7.2.5"
-  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
-  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
-  dependencies:
-    dns-packet "^5.2.2"
-    thunky "^1.0.2"
-
 multimath@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/multimath/-/multimath-2.0.0.tgz#0d37acf67c328f30e3d8c6b0d3209e6082710302"
@@ -7729,21 +5624,12 @@ multimath@^2.0.0:
     glur "^1.1.2"
     object-assign "^4.1.1"
 
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
 nanoid@3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
   integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
 
-nanoid@^3.3.4:
+nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
@@ -7758,39 +5644,11 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-negotiator@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
-neo-async@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
-no-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
-  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
-  dependencies:
-    lower-case "^2.0.2"
-    tslib "^2.0.3"
-
 node-fetch@2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
-node-forge@^1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
-  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
-
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
-
 node-releases@^2.0.8:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
@@ -7801,16 +5659,6 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-normalize-url@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
-  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
-
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -7818,35 +5666,16 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
-nth-check@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
-  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
-  dependencies:
-    boolbase "~1.0.0"
+nwsapi@^2.2.4:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.5.tgz#a52744c61b3889dd44b0a158687add39b8d935e2"
+  integrity sha512-6xpotnECFy/og7tKSBVmUNft7J3jyXAka4XvG6AUhFWRz+Q/Ljus7znJAA3bxColfQLdS+XsjoodtJfCgeTEFQ==
 
-nth-check@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
-  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
-  dependencies:
-    boolbase "^1.0.0"
-
-nwsapi@^2.2.0:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.3.tgz#00e04dfd5a4a751e5ec2fecdc75dfd2f0db820fa"
-  integrity sha512-jscxIO4/VKScHlbmFBdV1Z6LXnLO+ZR4VMtypudUdfwtKxUN3TQcNFIHLwKtrUbDyHN4/GycY9+oRGZ2XMXYPw==
-
-object-assign@^4.0.1, object-assign@^4.1.1:
+object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
 object-inspect@^1.12.0, object-inspect@^1.12.3, object-inspect@^1.9.0:
   version "1.12.3"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
@@ -7893,16 +5722,6 @@ object.fromentries@^2.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-object.getownpropertydescriptors@^2.1.0:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
-  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
-  dependencies:
-    array.prototype.reduce "^1.0.5"
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
 object.hasown@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
@@ -7911,7 +5730,7 @@ object.hasown@^1.1.2:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-object.values@^1.1.0, object.values@^1.1.6:
+object.values@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
   integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
@@ -7920,23 +5739,6 @@ object.values@^1.1.0, object.values@^1.1.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-obuf@^1.0.0, obuf@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
-  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
-
-on-finished@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
-  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -7956,32 +5758,11 @@ open-color@1.9.1:
   resolved "https://registry.yarnpkg.com/open-color/-/open-color-1.9.1.tgz#a6e6328f60eff7aa60e3e8fcfa50f53ff3eece35"
   integrity sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==
 
-open@^8.0.9, open@^8.4.0:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
-  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
 opener@^1.5.1:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -7994,40 +5775,12 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+p-limit@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644"
+  integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==
   dependencies:
-    p-try "^2.0.0"
-
-p-limit@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
+    yocto-queue "^1.0.0"
 
 p-map@^4.0.0:
   version "4.0.0"
@@ -8036,32 +5789,11 @@ p-map@^4.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
-p-retry@^4.5.0:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
-  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
-  dependencies:
-    "@types/retry" "0.12.0"
-    retry "^0.13.1"
-
-p-try@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
 pako@1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
   integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
 
-param-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
-  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
-  dependencies:
-    dot-case "^3.0.4"
-    tslib "^2.0.3"
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -8069,7 +5801,7 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-json@^5.0.0, parse-json@^5.2.0:
+parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -8079,10 +5811,12 @@ parse-json@^5.0.0, parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+parse5@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+  dependencies:
+    entities "^4.4.0"
 
 parseqs@0.0.6:
   version "0.0.6"
@@ -8094,34 +5828,11 @@ parseuri@0.0.6:
   resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.6.tgz#e1496e829e3ac2ff47f39a4dd044b32823c4a25a"
   integrity sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow==
 
-parseurl@~1.3.2, parseurl@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascal-case@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
-  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
 path-data-parser@0.1.0, path-data-parser@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/path-data-parser/-/path-data-parser-0.1.0.tgz#8f5ba5cc70fc7becb3dcefaea08e2659aba60b8c"
   integrity sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==
 
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -8137,16 +5848,16 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
-
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+pathe@^1.1.0, pathe@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
+  integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
+
 pathval@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
@@ -8162,11 +5873,6 @@ perfect-freehand@1.2.0:
   resolved "https://registry.yarnpkg.com/perfect-freehand/-/perfect-freehand-1.2.0.tgz#706a0f854544f6175772440c51d3b0563eb3988a"
   integrity sha512-h/0ikF1M3phW7CwpZ5MMvKnfpHficWoOEyr//KVNTxV4F6deRK1eYMtHyBKEAKFK0aXIEUK9oBvlF6PNXMDsAw==
 
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
-
 pica@7.1.1, pica@^7.1.0:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/pica/-/pica-7.1.1.tgz#c68b42f5cfa6cc26eaec5cfa10cc0a5299ef3b7a"
@@ -8178,11 +5884,6 @@ pica@7.1.1, pica@^7.1.0:
     object-assign "^4.1.1"
     webworkify "^1.5.0"
 
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -8198,29 +5899,14 @@ pidtree@^0.5.0:
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.5.0.tgz#ad5fbc1de78b8a5f99d6fbdd4f6e4eee21d1aca1"
   integrity sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==
 
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pirates@^4.0.1, pirates@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
-  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
-
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+pkg-types@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
+  integrity sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==
   dependencies:
-    find-up "^4.0.0"
-
-pkg-up@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
-  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
-  dependencies:
-    find-up "^3.0.0"
+    jsonc-parser "^3.2.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
 
 png-chunk-text@1.0.0:
   version "1.0.0"
@@ -8264,555 +5950,21 @@ portfinder@^1.0.28:
     debug "^3.2.7"
     mkdirp "^0.5.6"
 
-postcss-attribute-case-insensitive@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
-  integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
+postcss@^8.4.23:
+  version "8.4.24"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
+  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
 
-postcss-browser-comments@^4:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz#bcfc86134df5807f5d3c0eefa191d42136b5e72a"
-  integrity sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==
-
-postcss-calc@^8.2.3:
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
-  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
+postcss@^8.4.24:
+  version "8.4.25"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.25.tgz#4a133f5e379eda7f61e906c3b1aaa9b81292726f"
+  integrity sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==
   dependencies:
-    postcss-selector-parser "^6.0.9"
-    postcss-value-parser "^4.2.0"
-
-postcss-clamp@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363"
-  integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-functional-notation@^4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
-  integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-hex-alpha@^8.0.4:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
-  integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-rebeccapurple@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
-  integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-colormin@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
-  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-    colord "^2.9.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-convert-values@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393"
-  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
-  dependencies:
-    browserslist "^4.21.4"
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-media@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
-  integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-properties@^12.1.10:
-  version "12.1.11"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
-  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-selectors@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
-  integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-dir-pseudo-class@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
-  integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-discard-comments@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
-  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
-
-postcss-discard-duplicates@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
-  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
-
-postcss-discard-empty@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
-  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
-
-postcss-discard-overridden@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
-  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
-
-postcss-double-position-gradients@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
-  integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-env-function@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
-  integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-flexbugs-fixes@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz#2028e145313074fc9abe276cb7ca14e5401eb49d"
-  integrity sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==
-
-postcss-focus-visible@^6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
-  integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-postcss-focus-within@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
-  integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-postcss-font-variant@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
-  integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
-
-postcss-gap-properties@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
-  integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
-
-postcss-image-set-function@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
-  integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-import@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-initial@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
-  integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
-
-postcss-js@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-lab-function@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
-  integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
-  dependencies:
-    lilconfig "^2.0.5"
-    yaml "^1.10.2"
-
-postcss-loader@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
-  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    klona "^2.0.5"
-    semver "^7.3.5"
-
-postcss-logical@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
-  integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
-
-postcss-media-minmax@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
-  integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
-
-postcss-merge-longhand@^5.1.7:
-  version "5.1.7"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16"
-  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    stylehacks "^5.1.1"
-
-postcss-merge-rules@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
-  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-    cssnano-utils "^3.1.0"
-    postcss-selector-parser "^6.0.5"
-
-postcss-minify-font-values@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b"
-  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-gradients@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c"
-  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
-  dependencies:
-    colord "^2.9.1"
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-params@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352"
-  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
-  dependencies:
-    browserslist "^4.21.4"
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-selectors@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6"
-  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
-  dependencies:
-    postcss-selector-parser "^6.0.5"
-
-postcss-modules-extract-imports@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
-  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
-
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
-  dependencies:
-    icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
-  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-modules-values@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
-  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
-  dependencies:
-    icss-utils "^5.0.0"
-
-postcss-nested@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
-  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-nesting@^10.2.0:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
-  integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
-
-postcss-normalize-charset@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
-  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
-
-postcss-normalize-display-values@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8"
-  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-positions@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92"
-  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-repeat-style@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2"
-  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-string@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228"
-  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-timing-functions@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb"
-  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-unicode@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030"
-  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
-  dependencies:
-    browserslist "^4.21.4"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-url@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc"
-  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
-  dependencies:
-    normalize-url "^6.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-whitespace@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa"
-  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize/-/postcss-normalize-10.0.1.tgz#464692676b52792a06b06880a176279216540dd7"
-  integrity sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==
-  dependencies:
-    "@csstools/normalize.css" "*"
-    postcss-browser-comments "^4"
-    sanitize.css "*"
-
-postcss-opacity-percentage@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
-  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
-
-postcss-ordered-values@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38"
-  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
-  dependencies:
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-overflow-shorthand@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
-  integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-page-break@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
-  integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
-
-postcss-place@^7.0.5:
-  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
-  integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-preset-env@^7.0.1:
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
-  integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
-  dependencies:
-    "@csstools/postcss-cascade-layers" "^1.1.1"
-    "@csstools/postcss-color-function" "^1.1.1"
-    "@csstools/postcss-font-format-keywords" "^1.0.1"
-    "@csstools/postcss-hwb-function" "^1.0.2"
-    "@csstools/postcss-ic-unit" "^1.0.1"
-    "@csstools/postcss-is-pseudo-class" "^2.0.7"
-    "@csstools/postcss-nested-calc" "^1.0.0"
-    "@csstools/postcss-normalize-display-values" "^1.0.1"
-    "@csstools/postcss-oklab-function" "^1.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^1.3.0"
-    "@csstools/postcss-stepped-value-functions" "^1.0.1"
-    "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
-    "@csstools/postcss-trigonometric-functions" "^1.0.2"
-    "@csstools/postcss-unset-value" "^1.0.2"
-    autoprefixer "^10.4.13"
-    browserslist "^4.21.4"
-    css-blank-pseudo "^3.0.3"
-    css-has-pseudo "^3.0.4"
-    css-prefers-color-scheme "^6.0.3"
-    cssdb "^7.1.0"
-    postcss-attribute-case-insensitive "^5.0.2"
-    postcss-clamp "^4.1.0"
-    postcss-color-functional-notation "^4.2.4"
-    postcss-color-hex-alpha "^8.0.4"
-    postcss-color-rebeccapurple "^7.1.1"
-    postcss-custom-media "^8.0.2"
-    postcss-custom-properties "^12.1.10"
-    postcss-custom-selectors "^6.0.3"
-    postcss-dir-pseudo-class "^6.0.5"
-    postcss-double-position-gradients "^3.1.2"
-    postcss-env-function "^4.0.6"
-    postcss-focus-visible "^6.0.4"
-    postcss-focus-within "^5.0.4"
-    postcss-font-variant "^5.0.0"
-    postcss-gap-properties "^3.0.5"
-    postcss-image-set-function "^4.0.7"
-    postcss-initial "^4.0.1"
-    postcss-lab-function "^4.2.1"
-    postcss-logical "^5.0.4"
-    postcss-media-minmax "^5.0.0"
-    postcss-nesting "^10.2.0"
-    postcss-opacity-percentage "^1.1.2"
-    postcss-overflow-shorthand "^3.0.4"
-    postcss-page-break "^3.0.4"
-    postcss-place "^7.0.5"
-    postcss-pseudo-class-any-link "^7.1.6"
-    postcss-replace-overflow-wrap "^4.0.0"
-    postcss-selector-not "^6.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-pseudo-class-any-link@^7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
-  integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-reduce-initial@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
-  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-
-postcss-reduce-transforms@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9"
-  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-replace-overflow-wrap@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
-  integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
-
-postcss-selector-not@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
-  integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
-  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-svgo@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d"
-  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    svgo "^2.7.0"
-
-postcss-unique-selectors@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6"
-  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
-  dependencies:
-    postcss-selector-parser "^6.0.5"
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^7.0.35:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
-  dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
-
-postcss@^8.0.9, postcss@^8.3.5, postcss@^8.4.19, postcss@^8.4.4:
-  version "8.4.21"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
-  dependencies:
-    nanoid "^3.3.4"
+    nanoid "^3.3.6"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -8821,11 +5973,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
-
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -8838,18 +5985,15 @@ prettier@2.6.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.6.2.tgz#e26d71a18a74c3d0f0597f55f01fb6c06c206032"
   integrity sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==
 
-pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
+pretty-bytes@^5.3.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
-pretty-error@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
-  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
-  dependencies:
-    lodash "^4.17.20"
-    renderkid "^3.0.0"
+pretty-bytes@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.0.tgz#1d1cc9aae1939012c74180b679da6684616bf804"
+  integrity sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==
 
 pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
   version "27.5.1"
@@ -8860,16 +6004,6 @@ pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
     ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
-pretty-format@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
-  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
-  dependencies:
-    "@jest/schemas" "^28.1.3"
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^18.0.0"
-
 pretty-format@^29.0.0, pretty-format@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
@@ -8879,11 +6013,6 @@ pretty-format@^29.0.0, pretty-format@^29.5.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-process-nextick-args@~2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
-  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
-
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -8894,21 +6023,6 @@ promise-polyfill@8.1.3:
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.1.3.tgz#8c99b3cf53f3a91c68226ffde7bde81d7f904116"
   integrity sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g==
 
-promise@^8.1.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
-  integrity sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==
-  dependencies:
-    asap "~2.0.6"
-
-prompts@^2.0.1, prompts@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
-  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
-
 prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -8955,20 +6069,12 @@ protobufjs@^7.0.0:
     "@types/node" ">=13.7.0"
     long "^5.0.0"
 
-proxy-addr@~2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
-  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
-  dependencies:
-    forwarded "0.2.0"
-    ipaddr.js "1.9.1"
-
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
-punycode@^2.1.0, punycode@^2.1.1:
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
@@ -8978,18 +6084,6 @@ pwacompat@2.0.17:
   resolved "https://registry.yarnpkg.com/pwacompat/-/pwacompat-2.0.17.tgz#707959ff97f239bf1fe7b260b63aeea416a15eab"
   integrity sha512-6Du7IZdIy7cHiv7AhtDy4X2QRM8IAD5DII69mt5qWibC2d15ZU8DmBG1WdZKekG11cChSu4zkSUGPF9sweOl6w==
 
-q@^1.1.2:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
-
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
-  dependencies:
-    side-channel "^1.0.4"
-
 qs@^6.4.0:
   version "6.11.1"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
@@ -9007,18 +6101,6 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
-raf@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
-  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
-  dependencies:
-    performance-now "^2.1.0"
-
 randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -9026,63 +6108,6 @@ randombytes@^2.1.0:
   dependencies:
     safe-buffer "^5.1.0"
 
-range-parser@^1.2.1, range-parser@~1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
-  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
-
-raw-body@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
-  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
-  dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
-react-app-polyfill@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz#95221e0a9bd259e5ca6b177c7bb1cb6768f68fd7"
-  integrity sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==
-  dependencies:
-    core-js "^3.19.2"
-    object-assign "^4.1.1"
-    promise "^8.1.0"
-    raf "^3.4.1"
-    regenerator-runtime "^0.13.9"
-    whatwg-fetch "^3.6.2"
-
-react-dev-utils@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
-  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    address "^1.1.2"
-    browserslist "^4.18.1"
-    chalk "^4.1.2"
-    cross-spawn "^7.0.3"
-    detect-port-alt "^1.1.6"
-    escape-string-regexp "^4.0.0"
-    filesize "^8.0.6"
-    find-up "^5.0.0"
-    fork-ts-checker-webpack-plugin "^6.5.0"
-    global-modules "^2.0.0"
-    globby "^11.0.4"
-    gzip-size "^6.0.0"
-    immer "^9.0.7"
-    is-root "^2.1.0"
-    loader-utils "^3.2.0"
-    open "^8.4.0"
-    pkg-up "^3.1.0"
-    prompts "^2.4.2"
-    react-error-overlay "^6.0.11"
-    recursive-readdir "^2.2.2"
-    shell-quote "^1.7.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
 react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
@@ -9091,11 +6116,6 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-error-overlay@^6.0.11:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
-  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
-
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -9111,10 +6131,10 @@ react-is@^18.0.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-refresh@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
-  integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
+react-refresh@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
+  integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
 
 react-remove-scroll-bar@^2.3.3:
   version "2.3.4"
@@ -9135,61 +6155,6 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-scripts@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"
-  integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
-  dependencies:
-    "@babel/core" "^7.16.0"
-    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3"
-    "@svgr/webpack" "^5.5.0"
-    babel-jest "^27.4.2"
-    babel-loader "^8.2.3"
-    babel-plugin-named-asset-import "^0.3.8"
-    babel-preset-react-app "^10.0.1"
-    bfj "^7.0.2"
-    browserslist "^4.18.1"
-    camelcase "^6.2.1"
-    case-sensitive-paths-webpack-plugin "^2.4.0"
-    css-loader "^6.5.1"
-    css-minimizer-webpack-plugin "^3.2.0"
-    dotenv "^10.0.0"
-    dotenv-expand "^5.1.0"
-    eslint "^8.3.0"
-    eslint-config-react-app "^7.0.1"
-    eslint-webpack-plugin "^3.1.1"
-    file-loader "^6.2.0"
-    fs-extra "^10.0.0"
-    html-webpack-plugin "^5.5.0"
-    identity-obj-proxy "^3.0.0"
-    jest "^27.4.3"
-    jest-resolve "^27.4.2"
-    jest-watch-typeahead "^1.0.0"
-    mini-css-extract-plugin "^2.4.5"
-    postcss "^8.4.4"
-    postcss-flexbugs-fixes "^5.0.2"
-    postcss-loader "^6.2.1"
-    postcss-normalize "^10.0.1"
-    postcss-preset-env "^7.0.1"
-    prompts "^2.4.2"
-    react-app-polyfill "^3.0.0"
-    react-dev-utils "^12.0.1"
-    react-refresh "^0.11.0"
-    resolve "^1.20.0"
-    resolve-url-loader "^4.0.0"
-    sass-loader "^12.3.0"
-    semver "^7.3.5"
-    source-map-loader "^3.0.0"
-    style-loader "^3.3.1"
-    tailwindcss "^3.0.2"
-    terser-webpack-plugin "^5.2.5"
-    webpack "^5.64.4"
-    webpack-dev-server "^4.6.0"
-    webpack-manifest-plugin "^4.0.2"
-    workbox-webpack-plugin "^6.4.1"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
 react-style-singleton@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
@@ -9206,35 +6171,6 @@ react@18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
-readable-stream@^2.0.1:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
-  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^3.0.6:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -9252,13 +6188,6 @@ realistic-structured-clone@^2.0.1:
     typeson "^6.1.0"
     typeson-registry "^1.0.0-alpha.20"
 
-recursive-readdir@^2.2.2:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
-  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
-  dependencies:
-    minimatch "^3.0.5"
-
 redent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
@@ -9279,7 +6208,7 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
+regenerator-runtime@^0.13.11:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
@@ -9291,11 +6220,6 @@ regenerator-transform@^0.15.1:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regex-parser@^2.2.11:
-  version "2.2.11"
-  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58"
-  integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==
-
 regexp.prototype.flags@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
@@ -9329,22 +6253,6 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
-relateurl@^0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
-
-renderkid@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
-  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
-  dependencies:
-    css-select "^4.1.3"
-    dom-converter "^0.2.0"
-    htmlparser2 "^6.1.0"
-    lodash "^4.17.21"
-    strip-ansi "^6.0.1"
-
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -9360,40 +6268,12 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve-url-loader@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz#d50d4ddc746bb10468443167acf800dcd6c3ad57"
-  integrity sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==
-  dependencies:
-    adjust-sourcemap-loader "^4.0.0"
-    convert-source-map "^1.7.0"
-    loader-utils "^2.0.0"
-    postcss "^7.0.35"
-    source-map "0.6.1"
-
-resolve.exports@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
-  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
-
-resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1:
+resolve@^1.14.2, resolve@^1.19.0, resolve@^1.22.1:
   version "1.22.2"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
   integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@@ -9419,11 +6299,6 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
-retry@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
-  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
-
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
@@ -9441,7 +6316,7 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -9458,13 +6333,27 @@ rollup-plugin-terser@^7.0.0:
     serialize-javascript "^4.0.0"
     terser "^5.0.0"
 
-rollup@^2.43.1:
+rollup@^2.43.1, rollup@^2.77.2:
   version "2.79.1"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
   integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
   optionalDependencies:
     fsevents "~2.3.2"
 
+rollup@^3.21.0:
+  version "3.26.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.0.tgz#9f2e0316a4ca641911cefd8515c562a9124e6130"
+  integrity sha512-YzJH0eunH2hr3knvF3i6IkLO/jTjAEwU4HoMUbQl4//Tnl3ou0e7P5SjxdDr8HQJdeUJShlbEHXrrnEHy1l7Yg==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rollup@^3.25.2:
+  version "3.26.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.2.tgz#2e76a37606cb523fc9fef43e6f59c93f86d95e7c"
+  integrity sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 roughjs@4.5.2:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/roughjs/-/roughjs-4.5.2.tgz#aab644dcb41e9a75826c8bd5a5b0a859095f2f10"
@@ -9474,6 +6363,11 @@ roughjs@4.5.2:
     points-on-curve "^0.2.0"
     points-on-path "^0.2.1"
 
+rrweb-cssom@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
+  integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -9493,12 +6387,12 @@ safari-14-idb-fix@^3.0.0:
   resolved "https://registry.yarnpkg.com/safari-14-idb-fix/-/safari-14-idb-fix-3.0.0.tgz#450fc049b996ec7f3fd9ca2f89d32e0761583440"
   integrity sha512-eBNFLob4PMq8JA1dGyFn6G97q3/WzNtFK4RnzT1fnLq+9RyrGknzYiM/9B12MnKAxuj1IXr7UKYtTNtjyKMBog==
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+safe-buffer@>=5.1.0, safe-buffer@^5.1.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -9512,24 +6406,11 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+"safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sanitize.css@*:
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-13.0.0.tgz#2675553974b27964c75562ade3bd85d79879f173"
-  integrity sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==
-
-sass-loader@^12.3.0:
-  version "12.6.0"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
-  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
-  dependencies:
-    klona "^2.0.4"
-    neo-async "^2.6.2"
-
 sass@1.51.0:
   version "1.51.0"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.51.0.tgz#25ea36cf819581fe1fe8329e8c3a4eaaf70d2845"
@@ -9539,15 +6420,10 @@ sass@1.51.0:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-sax@~1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
   dependencies:
     xmlchars "^2.2.0"
 
@@ -9558,91 +6434,23 @@ scheduler@^0.23.0:
   dependencies:
     loose-envify "^1.1.0"
 
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
-schema-utils@^2.6.5:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
-  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
-  dependencies:
-    "@types/json-schema" "^7.0.5"
-    ajv "^6.12.4"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
-  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    ajv "^8.8.0"
-    ajv-formats "^2.1.1"
-    ajv-keywords "^5.0.0"
-
 secure-compare@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/secure-compare/-/secure-compare-3.0.1.tgz#f1a0329b308b221fae37b9974f3d578d0ca999e3"
   integrity sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==
 
-select-hose@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
-  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
-
-selfsigned@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
-  integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
-  dependencies:
-    node-forge "^1"
-
-semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
+semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.2.1, semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
+semver@^7.2.1, semver@^7.3.2, semver@^7.3.7:
   version "7.4.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.4.0.tgz#8481c92feffc531ab1e012a8ffc15bdd3a0f4318"
   integrity sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==
   dependencies:
     lru-cache "^6.0.0"
 
-send@0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
-  dependencies:
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    mime "1.6.0"
-    ms "2.1.3"
-    on-finished "2.4.1"
-    range-parser "~1.2.1"
-    statuses "2.0.1"
-
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
@@ -9650,46 +6458,6 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
-serialize-javascript@^6.0.0, serialize-javascript@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
-  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
-  dependencies:
-    randombytes "^2.1.0"
-
-serve-index@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
-  dependencies:
-    accepts "~1.3.4"
-    batch "0.6.1"
-    debug "2.6.9"
-    escape-html "~1.0.3"
-    http-errors "~1.6.2"
-    mime-types "~2.1.17"
-    parseurl "~1.3.2"
-
-serve-static@1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.18.0"
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
-  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -9702,11 +6470,6 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@^1.7.3:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
-  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
-
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -9716,26 +6479,30 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
+siginfo@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
+  integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
+
 signal-exit@^3.0.2, signal-exit@^3.0.3:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
-sisteransi@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+sirv@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.3.tgz#ca5868b87205a74bef62a469ed0296abceccd446"
+  integrity sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==
+  dependencies:
+    "@polka/url" "^1.0.0-next.20"
+    mrmime "^1.0.0"
+    totalist "^3.0.0"
 
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
-  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
-
 slice-ansi@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
@@ -9793,34 +6560,11 @@ socket.io-parser@~3.3.0:
     debug "~3.1.0"
     isarray "2.0.1"
 
-sockjs@^0.3.24:
-  version "0.3.24"
-  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
-  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
-  dependencies:
-    faye-websocket "^0.11.3"
-    uuid "^8.3.2"
-    websocket-driver "^0.7.4"
-
-source-list-map@^2.0.0, source-list-map@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-loader@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.2.tgz#af23192f9b344daa729f6772933194cc5fa54fee"
-  integrity sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==
-  dependencies:
-    abab "^2.0.5"
-    iconv-lite "^0.6.3"
-    source-map-js "^1.0.1"
-
 source-map-resolve@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
@@ -9829,7 +6573,7 @@ source-map-resolve@^0.6.0:
     atob "^2.1.2"
     decode-uri-component "^0.2.0"
 
-source-map-support@^0.5.6, source-map-support@~0.5.20:
+source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -9837,16 +6581,11 @@ source-map-support@^0.5.6, source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
 source-map@^0.8.0-beta.0:
   version "0.8.0-beta.0"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
@@ -9859,39 +6598,11 @@ sourcemap-codec@^1.4.8:
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
-spdy-transport@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
-  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
-  dependencies:
-    debug "^4.1.0"
-    detect-node "^2.0.4"
-    hpack.js "^2.1.6"
-    obuf "^1.1.2"
-    readable-stream "^3.0.6"
-    wbuf "^1.7.3"
-
-spdy@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
-  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
-  dependencies:
-    debug "^4.1.0"
-    handle-thing "^2.0.0"
-    http-deceiver "^1.2.7"
-    select-hose "^2.0.0"
-    spdy-transport "^3.0.0"
-
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
 stack-utils@^2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
@@ -9899,20 +6610,15 @@ stack-utils@^2.0.3:
   dependencies:
     escape-string-regexp "^2.0.0"
 
-stackframe@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
-  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+stackback@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/stackback/-/stackback-0.0.2.tgz#1ac8a0d9483848d1695e418b6d031a3c3ce68e3b"
+  integrity sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==
 
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
-"statuses@>= 1.4.0 < 2":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+std-env@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.3.tgz#a54f06eb245fdcfef53d56f3c0251f1d5c3d01fe"
+  integrity sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==
 
 stop-iteration-iterator@^1.0.0:
   version "1.0.0"
@@ -9926,22 +6632,6 @@ string-argv@^0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
-string-length@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
-  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
-  dependencies:
-    char-regex "^1.0.2"
-    strip-ansi "^6.0.0"
-
-string-length@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-5.0.1.tgz#3d647f497b6e8e8d41e422f7e0b23bc536c8381e"
-  integrity sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==
-  dependencies:
-    char-regex "^2.0.0"
-    strip-ansi "^7.0.1"
-
 string-natural-compare@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
@@ -10006,20 +6696,6 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
 stringify-object@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
@@ -10048,11 +6724,6 @@ strip-bom@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
-strip-bom@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
-
 strip-comments@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
@@ -10075,31 +6746,12 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-style-loader@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.2.tgz#eaebca714d9e462c19aa1e3599057bc363924899"
-  integrity sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==
-
-stylehacks@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
-  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
+strip-literal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
+  integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
   dependencies:
-    browserslist "^4.21.4"
-    postcss-selector-parser "^6.0.4"
-
-sucrase@^3.29.0:
-  version "3.32.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
-  integrity sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "7.1.6"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
+    acorn "^8.8.2"
 
 supports-color@^5.3.0:
   version "5.5.0"
@@ -10115,68 +6767,21 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-color@^9.2.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.3.1.tgz#34e4ad3c71c9a39dae3254ecc46c9b74e89e15a6"
   integrity sha512-knBY82pjmnIzK3NifMo3RxEIRD9E0kIzV4BKcyTZ9+9kWgLMxd4PrsTSMoFQUabgRBbF8KOLRDCyKgNV+iK44Q==
 
-supports-hyperlinks@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
-  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
-  dependencies:
-    has-flag "^4.0.0"
-    supports-color "^7.0.0"
-
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-parser@^2.0.2:
+svg-parser@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
   integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
 
-svgo@^1.2.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
-  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
-  dependencies:
-    chalk "^2.4.1"
-    coa "^2.0.2"
-    css-select "^2.0.0"
-    css-select-base-adapter "^0.1.1"
-    css-tree "1.0.0-alpha.37"
-    csso "^4.0.2"
-    js-yaml "^3.13.1"
-    mkdirp "~0.5.1"
-    object.values "^1.1.0"
-    sax "~1.2.4"
-    stable "^0.1.8"
-    unquote "~1.1.1"
-    util.promisify "~1.0.0"
-
-svgo@^2.7.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
-  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
-  dependencies:
-    "@trysound/sax" "0.2.0"
-    commander "^7.2.0"
-    css-select "^4.1.3"
-    css-tree "^1.1.3"
-    csso "^4.2.0"
-    picocolors "^1.0.0"
-    stable "^0.1.8"
-
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -10193,46 +6798,6 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tailwindcss@^3.0.2:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.1.tgz#b6662fab6a9b704779e48d083a9fef5a81d2b81e"
-  integrity sha512-Vkiouc41d4CEq0ujXl6oiGFQ7bA3WEhUZdTgXAhtKxSy49OmKs8rEfQmupsfF0IGW8fv2iQkp1EVUuapCFrZ9g==
-  dependencies:
-    arg "^5.0.2"
-    chokidar "^3.5.3"
-    color-name "^1.1.4"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.2.12"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.17.2"
-    lilconfig "^2.0.6"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.0.0"
-    postcss "^8.0.9"
-    postcss-import "^14.1.0"
-    postcss-js "^4.0.0"
-    postcss-load-config "^3.1.4"
-    postcss-nested "6.0.0"
-    postcss-selector-parser "^6.0.11"
-    postcss-value-parser "^4.2.0"
-    quick-lru "^5.1.1"
-    resolve "^1.22.1"
-    sucrase "^3.29.0"
-
-tapable@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
-tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
@@ -10248,26 +6813,7 @@ tempy@^0.6.0:
     type-fest "^0.16.0"
     unique-string "^2.0.0"
 
-terminal-link@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
-  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    supports-hyperlinks "^2.0.0"
-
-terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
-  version "5.3.7"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz#ef760632d24991760f339fe9290deb936ad1ffc7"
-  integrity sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jest-worker "^27.4.5"
-    schema-utils "^3.1.1"
-    serialize-javascript "^6.0.1"
-    terser "^5.16.5"
-
-terser@^5.0.0, terser@^5.10.0:
+terser@^5.0.0:
   version "5.16.9"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.9.tgz#7a28cb178e330c484369886f2afd623d9847495f"
   integrity sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==
@@ -10277,63 +6823,35 @@ terser@^5.0.0, terser@^5.10.0:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
-terser@^5.16.5:
-  version "5.17.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.17.1.tgz#948f10830454761e2eeedc6debe45c532c83fd69"
-  integrity sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==
-  dependencies:
-    "@jridgewell/source-map" "^0.3.2"
-    acorn "^8.5.0"
-    commander "^2.20.0"
-    source-map-support "~0.5.20"
-
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-  dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
-
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
-
-throat@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
-  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
-
 through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
-thunky@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
-  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+time-zone@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
+  integrity sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==
 
-tmpl@1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
-  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
+tinybench@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.5.0.tgz#4711c99bbf6f3e986f67eb722fed9cddb3a68ba5"
+  integrity sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==
+
+tinypool@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.5.0.tgz#3861c3069bf71e4f1f5aa2d2e6b3aaacc278961e"
+  integrity sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==
+
+tinyspy@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-2.1.1.tgz#9e6371b00c259e5c5b301917ca18c01d40ae558c"
+  integrity sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==
 
 to-array@0.1.4:
   version "0.1.4"
@@ -10352,15 +6870,15 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-toidentifier@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
-  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+totalist@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
+  integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
 
-tough-cookie@^4.0.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
-  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
+tough-cookie@^4.1.2:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
+  integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
@@ -10381,15 +6899,12 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
-tryer@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
-  integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
-
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+tr46@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
+  integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
+  dependencies:
+    punycode "^2.3.0"
 
 tsconfig-paths@^3.14.1:
   version "3.14.2"
@@ -10406,7 +6921,7 @@ tslib@^1.8.1, tslib@^1.9.3:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0:
+tslib@^2.0.0, tslib@^2.1.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
   integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
@@ -10432,14 +6947,7 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.5:
+type-detect@^4.0.0, type-detect@^4.0.5:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -10459,14 +6967,6 @@ type-fest@^0.21.3:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
-type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
 typed-array-length@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
@@ -10476,13 +6976,6 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
 typescript@4.9.4:
   version "4.9.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
@@ -10502,6 +6995,11 @@ typeson@^6.0.0, typeson@^6.1.0:
   resolved "https://registry.yarnpkg.com/typeson/-/typeson-6.1.0.tgz#5b2a53705a5f58ff4d6f82f965917cabd0d7448b"
   integrity sha512-6FTtyGr8ldU0pfbvW/eOZrEtEkczHRUtduBnA90Jh9kMPCiFNnXIon3vF41N0S4tV1HHQt4Hk1j4srpESziCaA==
 
+ufo@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.1.2.tgz#d0d9e0fa09dece0c31ffd57bd363f030a35cfe76"
+  integrity sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -10559,16 +7057,6 @@ universalify@^2.0.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
-
-unquote@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
-  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
-
 upath@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
@@ -10627,213 +7115,141 @@ use-sync-external-store@1.2.0:
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
 
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
-
-util.promisify@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
-  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.2"
-    has-symbols "^1.0.1"
-    object.getownpropertydescriptors "^2.1.0"
-
-utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
-
-uuid@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
-  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
-
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
-v8-to-istanbul@^8.1.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz#77b752fd3975e31bbcef938f85e9bd1c7a8d60ed"
-  integrity sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==
+vite-node@0.32.2:
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.32.2.tgz#bfccdfeb708b2309ea9e5fe424951c75bb9c0096"
+  integrity sha512-dTQ1DCLwl2aEseov7cfQ+kDMNJpM1ebpyMMMwWzBvLbis8Nla/6c9WQcqpPssTwS6Rp/+U6KwlIj8Eapw4bLdA==
   dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^1.6.0"
-    source-map "^0.7.3"
+    cac "^6.7.14"
+    debug "^4.3.4"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    picocolors "^1.0.0"
+    vite "^3.0.0 || ^4.0.0"
 
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
-
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
+vite-plugin-ejs@1.6.4:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-ejs/-/vite-plugin-ejs-1.6.4.tgz#aa30820d8235774e717d902754a552480cf7758b"
+  integrity sha512-23p1RS4PiA0veXY5/gHZ60pl3pPvd8NEqdBsDgxNK8nM1rjFFDcVb0paNmuipzCgNP/Y0f/Id22M7Il4kvZ2jA==
   dependencies:
-    browser-process-hrtime "^1.0.0"
+    ejs "^3.1.8"
 
-w3c-xmlserializer@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
-  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
+vite-plugin-eslint@1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-eslint/-/vite-plugin-eslint-1.8.1.tgz#0381b8272e7f0fd8b663311b64f7608d55d8b04c"
+  integrity sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==
   dependencies:
-    xml-name-validator "^3.0.0"
+    "@rollup/pluginutils" "^4.2.1"
+    "@types/eslint" "^8.4.5"
+    rollup "^2.77.2"
 
-walker@^1.0.7:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
-  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
+vite-plugin-pwa@0.16.4:
+  version "0.16.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-pwa/-/vite-plugin-pwa-0.16.4.tgz#cd2618c8b4f83eac1493f2ed7b05f72552a2b735"
+  integrity sha512-lmwHFIs9zI2H9bXJld/zVTbCqCQHZ9WrpyDMqosICDV0FVnCJwniX1NMDB79HGTIZzOQkY4gSZaVTJTw6maz/Q==
   dependencies:
-    makeerror "1.0.12"
+    debug "^4.3.4"
+    fast-glob "^3.2.12"
+    pretty-bytes "^6.0.0"
+    workbox-build "^7.0.0"
+    workbox-window "^7.0.0"
 
-watchpack@^2.4.0:
+vite-plugin-svgr@2.4.0:
   version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+  resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-2.4.0.tgz#9b14953955e79893ea7718089b9777a494e38fc6"
+  integrity sha512-q+mJJol6ThvqkkJvvVFEndI4EaKIjSI0I3jNFgSoC9fXAz1M7kYTVUin8fhUsFojFDKZ9VHKtX6NXNaOLpbsHA==
   dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
+    "@rollup/pluginutils" "^5.0.2"
+    "@svgr/core" "^6.5.1"
 
-wbuf@^1.1.0, wbuf@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
-  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+vite@4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.2.tgz#acd47de771c498aec80e4900f30133d9529b278a"
+  integrity sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==
   dependencies:
-    minimalistic-assert "^1.0.0"
+    esbuild "^0.18.10"
+    postcss "^8.4.24"
+    rollup "^3.25.2"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+"vite@^3.0.0 || ^4.0.0":
+  version "4.3.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
+  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
+  dependencies:
+    esbuild "^0.17.5"
+    postcss "^8.4.23"
+    rollup "^3.21.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+vitest-canvas-mock@0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/vitest-canvas-mock/-/vitest-canvas-mock-0.3.2.tgz#d52031c423519e0c7bf2687ca6d7ad2e926ea182"
+  integrity sha512-lds7MKxvFFPDCGLXsQI2ym1fxvC93DaS0Bb6sdjvylFyL6NYrAAcPb6xZGF2sMOt5fSLHddqAQaujqpbc3p0Zg==
+  dependencies:
+    jest-canvas-mock "~2.4.0"
+
+vitest@0.32.2:
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.32.2.tgz#758ce2220f609e240ac054eca7ad11a5140679ab"
+  integrity sha512-hU8GNNuQfwuQmqTLfiKcqEhZY72Zxb7nnN07koCUNmntNxbKQnVbeIS6sqUgR3eXSlbOpit8+/gr1KpqoMgWCQ==
+  dependencies:
+    "@types/chai" "^4.3.5"
+    "@types/chai-subset" "^1.3.3"
+    "@types/node" "*"
+    "@vitest/expect" "0.32.2"
+    "@vitest/runner" "0.32.2"
+    "@vitest/snapshot" "0.32.2"
+    "@vitest/spy" "0.32.2"
+    "@vitest/utils" "0.32.2"
+    acorn "^8.8.2"
+    acorn-walk "^8.2.0"
+    cac "^6.7.14"
+    chai "^4.3.7"
+    concordance "^5.0.4"
+    debug "^4.3.4"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.0"
+    pathe "^1.1.0"
+    picocolors "^1.0.0"
+    std-env "^3.3.2"
+    strip-literal "^1.0.1"
+    tinybench "^2.5.0"
+    tinypool "^0.5.0"
+    vite "^3.0.0 || ^4.0.0"
+    vite-node "0.32.2"
+    why-is-node-running "^2.2.2"
+
+w3c-xmlserializer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
+  dependencies:
+    xml-name-validator "^4.0.0"
 
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webidl-conversions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
-
 webidl-conversions@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
-webpack-dev-middleware@^5.3.1:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"
-  integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==
-  dependencies:
-    colorette "^2.0.10"
-    memfs "^3.4.3"
-    mime-types "^2.1.31"
-    range-parser "^1.2.1"
-    schema-utils "^4.0.0"
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
-webpack-dev-server@^4.6.0:
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.13.2.tgz#d97445481d78691efe6d9a3b230833d802fc31f9"
-  integrity sha512-5i6TrGBRxG4vnfDpB6qSQGfnB6skGBXNL5/542w2uRGLimX6qeE5BQMLrzIC3JYV/xlGOv+s+hTleI9AZKUQNw==
-  dependencies:
-    "@types/bonjour" "^3.5.9"
-    "@types/connect-history-api-fallback" "^1.3.5"
-    "@types/express" "^4.17.13"
-    "@types/serve-index" "^1.9.1"
-    "@types/serve-static" "^1.13.10"
-    "@types/sockjs" "^0.3.33"
-    "@types/ws" "^8.5.1"
-    ansi-html-community "^0.0.8"
-    bonjour-service "^1.0.11"
-    chokidar "^3.5.3"
-    colorette "^2.0.10"
-    compression "^1.7.4"
-    connect-history-api-fallback "^2.0.0"
-    default-gateway "^6.0.3"
-    express "^4.17.3"
-    graceful-fs "^4.2.6"
-    html-entities "^2.3.2"
-    http-proxy-middleware "^2.0.3"
-    ipaddr.js "^2.0.1"
-    launch-editor "^2.6.0"
-    open "^8.0.9"
-    p-retry "^4.5.0"
-    rimraf "^3.0.2"
-    schema-utils "^4.0.0"
-    selfsigned "^2.1.1"
-    serve-index "^1.9.1"
-    sockjs "^0.3.24"
-    spdy "^4.0.2"
-    webpack-dev-middleware "^5.3.1"
-    ws "^8.13.0"
-
-webpack-manifest-plugin@^4.0.2:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz#10f8dbf4714ff93a215d5a45bcc416d80506f94f"
-  integrity sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==
-  dependencies:
-    tapable "^2.0.0"
-    webpack-sources "^2.2.0"
-
-webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
-webpack-sources@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
-  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
-  dependencies:
-    source-list-map "^2.0.1"
-    source-map "^0.6.1"
-
-webpack-sources@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
-  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
-
-webpack@^5.64.4:
-  version "5.78.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.78.0.tgz#836452a12416af2a7beae906b31644cb2562f9e6"
-  integrity sha512-gT5DP72KInmE/3azEaQrISjTvLYlSM0j1Ezhht/KLVkrqtv10JoP/RXhwmX/frrutOPuSq3o5Vq0ehR/4Vmd1g==
-  dependencies:
-    "@types/eslint-scope" "^3.7.3"
-    "@types/estree" "^0.0.51"
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/wasm-edit" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    acorn "^8.7.1"
-    acorn-import-assertions "^1.7.6"
-    browserslist "^4.14.5"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.10.0"
-    es-module-lexer "^0.9.0"
-    eslint-scope "5.1.1"
-    events "^3.2.0"
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.9"
-    json-parse-even-better-errors "^2.3.1"
-    loader-runner "^4.2.0"
-    mime-types "^2.1.27"
-    neo-async "^2.6.2"
-    schema-utils "^3.1.0"
-    tapable "^2.1.1"
-    terser-webpack-plugin "^5.1.3"
-    watchpack "^2.4.0"
-    webpack-sources "^3.2.3"
-
-websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+websocket-driver@>=0.5.1:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
   integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
@@ -10852,12 +7268,10 @@ webworkify@^1.5.0:
   resolved "https://registry.yarnpkg.com/webworkify/-/webworkify-1.5.0.tgz#734ad87a774de6ebdd546e1d3e027da5b8f4a42c"
   integrity sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==
 
-whatwg-encoding@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
-  dependencies:
-    iconv-lite "0.4.24"
+well-known-symbols@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/well-known-symbols/-/well-known-symbols-2.0.0.tgz#e9c7c07dbd132b7b84212c8174391ec1f9871ba5"
+  integrity sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==
 
 whatwg-encoding@^2.0.0:
   version "2.0.0"
@@ -10871,15 +7285,18 @@ whatwg-fetch@2.0.4:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
   integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
 
-whatwg-fetch@^3.6.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"
-  integrity sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==
+whatwg-mimetype@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
-whatwg-mimetype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
+whatwg-url@^12.0.0, whatwg-url@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
+  integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
+  dependencies:
+    tr46 "^4.1.1"
+    webidl-conversions "^7.0.0"
 
 whatwg-url@^7.0.0:
   version "7.1.0"
@@ -10890,7 +7307,7 @@ whatwg-url@^7.0.0:
     tr46 "^1.0.1"
     webidl-conversions "^4.0.2"
 
-whatwg-url@^8.0.0, whatwg-url@^8.4.0, whatwg-url@^8.5.0:
+whatwg-url@^8.4.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
   integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
@@ -10932,13 +7349,6 @@ which-typed-array@^1.1.9:
     has-tostringtag "^1.0.0"
     is-typed-array "^1.1.10"
 
-which@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -10946,30 +7356,38 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
+why-is-node-running@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.2.2.tgz#4185b2b4699117819e7154594271e7e344c9973e"
+  integrity sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==
+  dependencies:
+    siginfo "^2.0.0"
+    stackback "0.0.2"
+
+word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
-workbox-background-sync@6.5.4, workbox-background-sync@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-6.5.4.tgz#3141afba3cc8aa2ae14c24d0f6811374ba8ff6a9"
-  integrity sha512-0r4INQZMyPky/lj4Ou98qxcThrETucOde+7mRGJl13MPJugQNKeZQOdIJe/1AchOP23cTqHcN/YVpD6r8E6I8g==
+workbox-background-sync@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.0.0.tgz#2b84b96ca35fec976e3bd2794b70e4acec46b3a5"
+  integrity sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==
   dependencies:
     idb "^7.0.1"
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-broadcast-update@6.5.4, workbox-broadcast-update@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-6.5.4.tgz#8441cff5417cd41f384ba7633ca960a7ffe40f66"
-  integrity sha512-I/lBERoH1u3zyBosnpPEtcAVe5lwykx9Yg1k6f8/BGEPGaMMgZrwVrqL1uA9QZ1NGGFoyE6t9i7lBjOlDhFEEw==
+workbox-broadcast-update@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.0.0.tgz#7f611ca1a94ba8ac0aa40fa171c9713e0f937d22"
+  integrity sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-build@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-6.5.4.tgz#7d06d31eb28a878817e1c991c05c5b93409f0389"
-  integrity sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==
+workbox-build@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.0.0.tgz#02ab5ef2991b3369b8b9395703f08912212769b4"
+  integrity sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==
   dependencies:
     "@apideck/better-ajv-errors" "^0.3.1"
     "@babel/core" "^7.11.1"
@@ -10993,132 +7411,121 @@ workbox-build@6.5.4:
     strip-comments "^2.0.1"
     tempy "^0.6.0"
     upath "^1.2.0"
-    workbox-background-sync "6.5.4"
-    workbox-broadcast-update "6.5.4"
-    workbox-cacheable-response "6.5.4"
-    workbox-core "6.5.4"
-    workbox-expiration "6.5.4"
-    workbox-google-analytics "6.5.4"
-    workbox-navigation-preload "6.5.4"
-    workbox-precaching "6.5.4"
-    workbox-range-requests "6.5.4"
-    workbox-recipes "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
-    workbox-streams "6.5.4"
-    workbox-sw "6.5.4"
-    workbox-window "6.5.4"
+    workbox-background-sync "7.0.0"
+    workbox-broadcast-update "7.0.0"
+    workbox-cacheable-response "7.0.0"
+    workbox-core "7.0.0"
+    workbox-expiration "7.0.0"
+    workbox-google-analytics "7.0.0"
+    workbox-navigation-preload "7.0.0"
+    workbox-precaching "7.0.0"
+    workbox-range-requests "7.0.0"
+    workbox-recipes "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
+    workbox-streams "7.0.0"
+    workbox-sw "7.0.0"
+    workbox-window "7.0.0"
 
-workbox-cacheable-response@6.5.4, workbox-cacheable-response@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-6.5.4.tgz#a5c6ec0c6e2b6f037379198d4ef07d098f7cf137"
-  integrity sha512-DCR9uD0Fqj8oB2TSWQEm1hbFs/85hXXoayVwFKLVuIuxwJaihBsLsp4y7J9bvZbqtPJ1KlCkmYVGQKrBU4KAug==
+workbox-cacheable-response@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz#ee27c036728189eed69d25a135013053277482d2"
+  integrity sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-core@6.5.4, workbox-core@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-6.5.4.tgz#df48bf44cd58bb1d1726c49b883fb1dffa24c9ba"
-  integrity sha512-OXYb+m9wZm8GrORlV2vBbE5EC1FKu71GGp0H4rjmxmF4/HLbMCoTFws87M3dFwgpmg0v00K++PImpNQ6J5NQ6Q==
+workbox-core@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.0.0.tgz#dec114ec923cc2adc967dd9be1b8a0bed50a3545"
+  integrity sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==
 
-workbox-expiration@6.5.4, workbox-expiration@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-6.5.4.tgz#501056f81e87e1d296c76570bb483ce5e29b4539"
-  integrity sha512-jUP5qPOpH1nXtjGGh1fRBa1wJL2QlIb5mGpct3NzepjGG2uFFBn4iiEBiI9GUmfAFR2ApuRhDydjcRmYXddiEQ==
+workbox-expiration@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.0.0.tgz#3d90bcf2a7577241de950f89784f6546b66c2baa"
+  integrity sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==
   dependencies:
     idb "^7.0.1"
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-google-analytics@6.5.4, workbox-google-analytics@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-6.5.4.tgz#c74327f80dfa4c1954cbba93cd7ea640fe7ece7d"
-  integrity sha512-8AU1WuaXsD49249Wq0B2zn4a/vvFfHkpcFfqAFHNHwln3jK9QUYmzdkKXGIZl9wyKNP+RRX30vcgcyWMcZ9VAg==
+workbox-google-analytics@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.0.0.tgz#603b2c4244af1e85de0fb26287d4e17d3293452a"
+  integrity sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==
   dependencies:
-    workbox-background-sync "6.5.4"
-    workbox-core "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
+    workbox-background-sync "7.0.0"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
 
-workbox-navigation-preload@6.5.4, workbox-navigation-preload@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-6.5.4.tgz#ede56dd5f6fc9e860a7e45b2c1a8f87c1c793212"
-  integrity sha512-IIwf80eO3cr8h6XSQJF+Hxj26rg2RPFVUmJLUlM0+A2GzB4HFbQyKkrgD5y2d84g2IbJzP4B4j5dPBRzamHrng==
+workbox-navigation-preload@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.0.0.tgz#4913878dbbd97057181d57baa18d2bbdde085c6c"
+  integrity sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-precaching@6.5.4, workbox-precaching@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-6.5.4.tgz#740e3561df92c6726ab5f7471e6aac89582cab72"
-  integrity sha512-hSMezMsW6btKnxHB4bFy2Qfwey/8SYdGWvVIKFaUm8vJ4E53JAY+U2JwLTRD8wbLWoP6OVUdFlXsTdKu9yoLTg==
+workbox-precaching@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.0.0.tgz#3979ba8033aadf3144b70e9fe631d870d5fbaa03"
+  integrity sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==
   dependencies:
-    workbox-core "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
 
-workbox-range-requests@6.5.4, workbox-range-requests@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-6.5.4.tgz#86b3d482e090433dab38d36ae031b2bb0bd74399"
-  integrity sha512-Je2qR1NXCFC8xVJ/Lux6saH6IrQGhMpDrPXWZWWS8n/RD+WZfKa6dSZwU+/QksfEadJEr/NfY+aP/CXFFK5JFg==
+workbox-range-requests@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.0.0.tgz#97511901e043df27c1aa422adcc999a7751f52ed"
+  integrity sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-recipes@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-6.5.4.tgz#cca809ee63b98b158b2702dcfb741b5cc3e24acb"
-  integrity sha512-QZNO8Ez708NNwzLNEXTG4QYSKQ1ochzEtRLGaq+mr2PyoEIC1xFW7MrWxrONUxBFOByksds9Z4//lKAX8tHyUA==
+workbox-recipes@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.0.0.tgz#1a6a01c8c2dfe5a41eef0fed3fe517e8a45c6514"
+  integrity sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==
   dependencies:
-    workbox-cacheable-response "6.5.4"
-    workbox-core "6.5.4"
-    workbox-expiration "6.5.4"
-    workbox-precaching "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
+    workbox-cacheable-response "7.0.0"
+    workbox-core "7.0.0"
+    workbox-expiration "7.0.0"
+    workbox-precaching "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
 
-workbox-routing@6.5.4, workbox-routing@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-6.5.4.tgz#6a7fbbd23f4ac801038d9a0298bc907ee26fe3da"
-  integrity sha512-apQswLsbrrOsBUWtr9Lf80F+P1sHnQdYodRo32SjiByYi36IDyL2r7BH1lJtFX8fwNHDa1QOVY74WKLLS6o5Pg==
+workbox-routing@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.0.0.tgz#6668438a06554f60645aedc77244a4fe3a91e302"
+  integrity sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-strategies@6.5.4, workbox-strategies@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-6.5.4.tgz#4edda035b3c010fc7f6152918370699334cd204d"
-  integrity sha512-DEtsxhx0LIYWkJBTQolRxG4EI0setTJkqR4m7r4YpBdxtWJH1Mbg01Cj8ZjNOO8etqfA3IZaOPHUxCs8cBsKLw==
+workbox-strategies@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.0.0.tgz#dcba32b3f3074476019049cc490fe1a60ea73382"
+  integrity sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-streams@6.5.4, workbox-streams@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-6.5.4.tgz#1cb3c168a6101df7b5269d0353c19e36668d7d69"
-  integrity sha512-FXKVh87d2RFXkliAIheBojBELIPnWbQdyDvsH3t74Cwhg0fDheL1T8BqSM86hZvC0ZESLsznSYWw+Va+KVbUzg==
+workbox-streams@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.0.0.tgz#36722aecd04785f88b6f709e541c094fc658c0f9"
+  integrity sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==
   dependencies:
-    workbox-core "6.5.4"
-    workbox-routing "6.5.4"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
 
-workbox-sw@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-6.5.4.tgz#d93e9c67924dd153a61367a4656ff4d2ae2ed736"
-  integrity sha512-vo2RQo7DILVRoH5LjGqw3nphavEjK4Qk+FenXeUsknKn14eCNedHOXWbmnvP4ipKhlE35pvJ4yl4YYf6YsJArA==
+workbox-sw@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.0.0.tgz#7350126411e3de1409f7ec243df8d06bb5b08b86"
+  integrity sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==
 
-workbox-webpack-plugin@^6.4.1:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-6.5.4.tgz#baf2d3f4b8f435f3469887cf4fba2b7fac3d0fd7"
-  integrity sha512-LmWm/zoaahe0EGmMTrSLUi+BjyR3cdGEfU3fS6PN1zKFYbqAKuQ+Oy/27e4VSXsyIwAw8+QDfk1XHNGtZu9nQg==
-  dependencies:
-    fast-json-stable-stringify "^2.1.0"
-    pretty-bytes "^5.4.1"
-    upath "^1.2.0"
-    webpack-sources "^1.4.3"
-    workbox-build "6.5.4"
-
-workbox-window@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-6.5.4.tgz#d991bc0a94dff3c2dbb6b84558cff155ca878e91"
-  integrity sha512-HnLZJDwYBE+hpG25AQBO8RUWBJRaCsI9ksQJEp3aCOFCaG5kqaToAYXFRAHxzRluM2cQbGzdQF5rjKPWPA1fug==
+workbox-window@7.0.0, workbox-window@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.0.0.tgz#a683ab33c896e4f16786794eac7978fc98a25d08"
+  integrity sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==
   dependencies:
     "@types/trusted-types" "^2.0.2"
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
 wrap-ansi@^6.2.0:
   version "6.2.0"
@@ -11143,21 +7550,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
-  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
-  dependencies:
-    imurmurhash "^0.1.4"
-    is-typedarray "^1.0.0"
-    signal-exit "^3.0.2"
-    typedarray-to-buffer "^3.1.5"
-
-ws@^7.4.6:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
-
 ws@^8.13.0:
   version "8.13.0"
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
@@ -11170,10 +7562,10 @@ ws@~6.1.0:
   dependencies:
     async-limiter "~1.0.0"
 
-xml-name-validator@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
 xmlchars@^2.2.0:
   version "2.2.0"
@@ -11205,7 +7597,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+yaml@^1.10.0, yaml@^1.10.2:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
@@ -11233,10 +7625,10 @@ yeast@0.1.2:
   resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
   integrity sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg==
 
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+yocto-queue@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251"
+  integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==
 
 zustand@^4.3.2:
   version "4.3.7"

From dcc75ed0075f16898340aff665f7c1f0b13c8a1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomek=20Su=C5=82kowski?= <tomek.sulkowski@gmail.com>
Date: Wed, 26 Jul 2023 17:31:18 +0200
Subject: [PATCH 245/252] feat: adds support for stackblitz.com embeds (#6813)

feat: adds stackblitz.com embeds
---
 src/element/embeddable.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/element/embeddable.ts b/src/element/embeddable.ts
index c574cfa6d..ecd149f62 100644
--- a/src/element/embeddable.ts
+++ b/src/element/embeddable.ts
@@ -52,6 +52,7 @@ const ALLOWED_DOMAINS = new Set([
   "link.excalidraw.com",
   "gist.github.com",
   "twitter.com",
+  "stackblitz.com",
 ]);
 
 const createSrcDoc = (body: string) => {

From 8104068bd5b9142f12a2d480f5d6998f49582764 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Wed, 26 Jul 2023 22:34:06 +0530
Subject: [PATCH 246/252] =?UTF-8?q?revert:=20"build:=20Migrate=20to=20Vite?=
 =?UTF-8?q?=20=F0=9F=9A=80"=20(#6814)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Revert "build: Migrate to Vite 🚀 (#6713)"

This reverts commit e93bbc577613a6de6bb43c40c3b57286b4994ca5.
---
 .env.development                              |   22 +-
 .env.production                               |   16 +-
 .github/workflows/autorelease-excalidraw.yml  |    4 +-
 .github/workflows/autorelease-preview.yml     |    4 +-
 .github/workflows/lint.yml                    |    4 +-
 .github/workflows/locales-coverage.yml        |    4 +-
 .github/workflows/sentry-production.yml       |    4 +-
 .github/workflows/test.yml                    |    4 +-
 .gitignore                                    |    2 -
 package.json                                  |   65 +-
 index.html => public/index.html               |   24 +-
 .../workbox/workbox-background-sync.prod.js   |    2 +
 .../workbox/workbox-broadcast-update.prod.js  |    2 +
 .../workbox-cacheable-response.prod.js        |    2 +
 public/workbox/workbox-core.prod.js           |    2 +
 public/workbox/workbox-expiration.prod.js     |    2 +
 .../workbox-navigation-preload.prod.js        |    2 +
 public/workbox/workbox-offline-ga.prod.js     |    2 +
 public/workbox/workbox-precaching.prod.js     |    2 +
 public/workbox/workbox-range-requests.prod.js |    2 +
 public/workbox/workbox-routing.prod.js        |    2 +
 public/workbox/workbox-strategies.prod.js     |    2 +
 public/workbox/workbox-streams.prod.js        |    2 +
 public/workbox/workbox-sw.js                  |    2 +
 public/workbox/workbox-window.prod.es5.mjs    |    2 +
 public/workbox/workbox-window.prod.mjs        |    2 +
 public/workbox/workbox-window.prod.umd.js     |    2 +
 src/analytics.ts                              |    2 +-
 src/charts.ts                                 |    5 +-
 src/components/App.test.tsx                   |    3 +-
 src/components/App.tsx                        |   13 +-
 src/components/LibraryMenuBrowseButton.tsx    |    2 +-
 src/components/PublishLibrary.tsx             |    2 +-
 src/components/Sidebar/Sidebar.test.tsx       |    3 +-
 src/components/Sidebar/Sidebar.tsx            |    2 +-
 .../__snapshots__/App.test.tsx.snap           |    4 +-
 src/element/newElement.ts                     |    2 +-
 src/element/sizeHelpers.test.ts               |   18 +-
 src/element/textWysiwyg.test.tsx              |   24 +-
 src/excalidraw-app/collab/Collab.tsx          |   10 +-
 .../components/AppWelcomeScreen.tsx           |    4 +-
 .../components/ExcalidrawPlusAppLink.tsx      |    4 +-
 src/excalidraw-app/data/firebase.ts           |    6 +-
 src/excalidraw-app/data/index.ts              |   10 +-
 src/excalidraw-app/pwa.ts                     |   31 +
 src/excalidraw-app/sentry.ts                  |    4 +-
 src/global.d.ts                               |   10 +
 src/i18n.ts                                   |    5 +-
 src/index.tsx                                 |    3 +-
 src/packages/excalidraw/env.js                |    6 +-
 src/packages/excalidraw/package.json          |    1 -
 src/packages/excalidraw/publicPath.js         |    2 +-
 src/packages/excalidraw/webpack.dev.config.js |    3 -
 .../excalidraw/webpack.prod.config.js         |    3 -
 src/packages/excalidraw/yarn.lock             |    5 -
 src/renderer/renderElement.ts                 |    2 +-
 src/scene/export.ts                           |    7 +-
 src/service-worker.ts                         |  147 +
 src/serviceWorkerRegistration.ts              |  162 +
 src/setupTests.ts                             |   13 +-
 src/tests/MobileMenu.test.tsx                 |   11 +-
 .../__snapshots__/MobileMenu.test.tsx.snap    |    4 +-
 src/tests/__snapshots__/charts.test.tsx.snap  |   12 +-
 .../__snapshots__/contextmenu.test.tsx.snap   | 2362 +++----
 .../__snapshots__/dragCreate.test.tsx.snap    |   62 +-
 src/tests/__snapshots__/export.test.tsx.snap  |    4 +-
 .../linearElementEditor.test.tsx.snap         |    6 +-
 src/tests/__snapshots__/move.test.tsx.snap    |   68 +-
 .../multiPointCreate.test.tsx.snap            |   38 +-
 .../regressionTests.test.tsx.snap             | 5436 +++++++--------
 .../__snapshots__/selection.test.tsx.snap     |   54 +-
 src/tests/appState.test.tsx                   |    1 -
 src/tests/clipboard.test.tsx                  |    9 +-
 src/tests/collab.test.tsx                     |   40 +-
 src/tests/contextmenu.test.tsx                |    3 +-
 .../data/__snapshots__/restore.test.ts.snap   |  114 +-
 src/tests/data/restore.test.ts                |   11 +-
 src/tests/dragCreate.test.tsx                 |    3 +-
 src/tests/fitToContent.test.tsx               |    5 +-
 src/tests/flip.test.tsx                       |   25 +-
 src/tests/library.test.tsx                    |   15 +-
 src/tests/linearElementEditor.test.tsx        |  301 +-
 src/tests/move.test.tsx                       |    3 +-
 src/tests/multiPointCreate.test.tsx           |    3 +-
 .../__snapshots__/excalidraw.test.tsx.snap    |    6 +-
 .../packages/__snapshots__/utils.test.ts.snap |   22 +-
 src/tests/packages/excalidraw.test.tsx        |   10 +-
 src/tests/packages/utils.test.ts              |   30 +-
 src/tests/regressionTests.test.tsx            |    4 +-
 src/tests/resize.test.tsx                     |    3 +-
 .../scene/__snapshots__/export.test.ts.snap   |   10 +-
 src/tests/scene/export.test.ts                |    2 +-
 src/tests/selection.test.tsx                  |    3 +-
 src/utils.ts                                  |    4 +-
 src/vite-env.d.ts                             |   52 -
 tsconfig-types.json                           |    3 +-
 tsconfig.json                                 |    6 +-
 vite.config.ts                                |  163 -
 vitest.config.ts                              |    9 -
 yarn.lock                                     | 6150 +++++++++++++----
 100 files changed, 9758 insertions(+), 6012 deletions(-)
 rename index.html => public/index.html (91%)
 create mode 100644 public/workbox/workbox-background-sync.prod.js
 create mode 100644 public/workbox/workbox-broadcast-update.prod.js
 create mode 100644 public/workbox/workbox-cacheable-response.prod.js
 create mode 100644 public/workbox/workbox-core.prod.js
 create mode 100644 public/workbox/workbox-expiration.prod.js
 create mode 100644 public/workbox/workbox-navigation-preload.prod.js
 create mode 100644 public/workbox/workbox-offline-ga.prod.js
 create mode 100644 public/workbox/workbox-precaching.prod.js
 create mode 100644 public/workbox/workbox-range-requests.prod.js
 create mode 100644 public/workbox/workbox-routing.prod.js
 create mode 100644 public/workbox/workbox-strategies.prod.js
 create mode 100644 public/workbox/workbox-streams.prod.js
 create mode 100644 public/workbox/workbox-sw.js
 create mode 100644 public/workbox/workbox-window.prod.es5.mjs
 create mode 100644 public/workbox/workbox-window.prod.mjs
 create mode 100644 public/workbox/workbox-window.prod.umd.js
 create mode 100644 src/excalidraw-app/pwa.ts
 create mode 100644 src/service-worker.ts
 create mode 100644 src/serviceWorkerRegistration.ts
 delete mode 100644 src/vite-env.d.ts
 delete mode 100644 vite.config.ts
 delete mode 100644 vitest.config.ts

diff --git a/.env.development b/.env.development
index eb640e551..c56b62b36 100644
--- a/.env.development
+++ b/.env.development
@@ -1,30 +1,30 @@
-VITE_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/
-VITE_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/
+REACT_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/
+REACT_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/
 
-VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
-VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
+REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com
+REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
 
 # collaboration WebSocket server (https://github.com/excalidraw/excalidraw-room)
-VITE_APP_WS_SERVER_URL=http://localhost:3002
+REACT_APP_WS_SERVER_URL=http://localhost:3002
 
 # set this only if using the collaboration workflow we use on excalidraw.com
-VITE_APP_PORTAL_URL=
+REACT_APP_PORTAL_URL=
 
-VITE_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}'
+REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}'
 
 # put these in your .env.local, or make sure you don't commit!
 # must be lowercase `true` when turned on
 #
 # whether to enable Service Workers in development
-VITE_APP_DEV_ENABLE_SW=
+REACT_APP_DEV_ENABLE_SW=
 # whether to disable live reload / HMR. Usuaully what you want to do when
 # debugging Service Workers.
-VITE_APP_DEV_DISABLE_LIVE_RELOAD=
-VITE_APP_DISABLE_TRACKING=true
+REACT_APP_DEV_DISABLE_LIVE_RELOAD=
+REACT_APP_DISABLE_TRACKING=true
 
 FAST_REFRESH=false
 
 #Debug flags
 
 # To enable bounding box for text containers
-VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
+REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
diff --git a/.env.production b/.env.production
index e3ece6df3..b86aa4bcc 100644
--- a/.env.production
+++ b/.env.production
@@ -1,15 +1,15 @@
 REACT_APP_BACKEND_V2_GET_URL=https://json.excalidraw.com/api/v2/
 REACT_APP_BACKEND_V2_POST_URL=https://json.excalidraw.com/api/v2/post/
 
-VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
-VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
+REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com
+REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
 
-VITE_APP_PORTAL_URL=https://portal.excalidraw.com
+REACT_APP_PORTAL_URL=https://portal.excalidraw.com
 # Fill to set socket server URL used for collaboration.
-# Meant for forks only: excalidraw.com uses custom VITE_APP_PORTAL_URL flow
-VITE_APP_WS_SERVER_URL=
+# Meant for forks only: excalidraw.com uses custom REACT_APP_PORTAL_URL flow
+REACT_APP_WS_SERVER_URL=
 
-VITE_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
+REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
 
-VITE_APP_PLUS_APP=https://app.excalidraw.com
-VITE_APP_DISABLE_TRACKING=
+REACT_APP_PLUS_APP=https://app.excalidraw.com
+REACT_APP_DISABLE_TRACKING=
diff --git a/.github/workflows/autorelease-excalidraw.yml b/.github/workflows/autorelease-excalidraw.yml
index 4eaeb11f1..ad0a0a7e9 100644
--- a/.github/workflows/autorelease-excalidraw.yml
+++ b/.github/workflows/autorelease-excalidraw.yml
@@ -12,10 +12,10 @@ jobs:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 2
-      - name: Setup Node.js 18.x
+      - name: Setup Node.js 14.x
         uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 14.x
       - name: Set up publish access
         run: |
           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
diff --git a/.github/workflows/autorelease-preview.yml b/.github/workflows/autorelease-preview.yml
index bcd501880..8fe7f40b5 100644
--- a/.github/workflows/autorelease-preview.yml
+++ b/.github/workflows/autorelease-preview.yml
@@ -32,10 +32,10 @@ jobs:
         with:
           ref: ${{ steps.sha.outputs.result }}
           fetch-depth: 2
-      - name: Setup Node.js 18.x
+      - name: Setup Node.js 14.x
         uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 14.x
       - name: Set up publish access
         run: |
           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index d42f8f632..77d2ef4d2 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -9,10 +9,10 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - name: Setup Node.js 18.x
+      - name: Setup Node.js 14.x
         uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 14.x
 
       - name: Install and lint
         run: |
diff --git a/.github/workflows/locales-coverage.yml b/.github/workflows/locales-coverage.yml
index 822af06e1..924dc9e97 100644
--- a/.github/workflows/locales-coverage.yml
+++ b/.github/workflows/locales-coverage.yml
@@ -14,10 +14,10 @@ jobs:
         with:
           token: ${{ secrets.PUSH_TRANSLATIONS_COVERAGE_PAT }}
 
-      - name: Setup Node.js 18.x
+      - name: Setup Node.js 14.x
         uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 14.x
 
       - name: Create report file
         run: |
diff --git a/.github/workflows/sentry-production.yml b/.github/workflows/sentry-production.yml
index cea4cf63d..6f53f91eb 100644
--- a/.github/workflows/sentry-production.yml
+++ b/.github/workflows/sentry-production.yml
@@ -10,10 +10,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Setup Node.js 18.x
+      - name: Setup Node.js 14.x
         uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 14.x
       - name: Install and build
         run: |
           yarn --frozen-lockfile
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 5c4584e82..b64ea4735 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -7,10 +7,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Setup Node.js 18.x
+      - name: Setup Node.js 14.x
         uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 14.x
       - name: Install and test
         run: |
           yarn --frozen-lockfile
diff --git a/.gitignore b/.gitignore
index 6e430f4ed..e637a8c0f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,5 +26,3 @@ src/packages/excalidraw/example/public/bundle.js
 src/packages/excalidraw/example/public/excalidraw-assets-dev
 src/packages/excalidraw/example/public/excalidraw.development.js
 coverage
-dev-dist
-html
diff --git a/package.json b/package.json
index 162a8ebba..d1198fa23 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,6 @@
     "canvas-roundrect-polyfill": "0.0.1",
     "clsx": "1.1.1",
     "cross-env": "7.0.3",
-    "eslint-plugin-react": "7.32.2",
     "fake-indexeddb": "3.1.7",
     "firebase": "8.3.3",
     "i18next-browser-languagedetector": "6.1.4",
@@ -52,13 +51,26 @@
     "pwacompat": "2.0.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-scripts": "5.0.1",
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
-    "tunnel-rat": "0.1.2"
+    "tunnel-rat": "0.1.2",
+    "workbox-background-sync": "^6.5.4",
+    "workbox-broadcast-update": "^6.5.4",
+    "workbox-cacheable-response": "^6.5.4",
+    "workbox-core": "^6.5.4",
+    "workbox-expiration": "^6.5.4",
+    "workbox-google-analytics": "^6.5.4",
+    "workbox-navigation-preload": "^6.5.4",
+    "workbox-precaching": "^6.5.4",
+    "workbox-range-requests": "^6.5.4",
+    "workbox-routing": "^6.5.4",
+    "workbox-strategies": "^6.5.4",
+    "workbox-streams": "^6.5.4"
   },
   "devDependencies": {
-    "@excalidraw/eslint-config": "1.0.3",
+    "@excalidraw/eslint-config": "1.0.0",
     "@excalidraw/prettier-config": "1.0.2",
     "@types/chai": "4.3.0",
     "@types/jest": "27.4.0",
@@ -69,42 +81,48 @@
     "@types/react-dom": "18.0.6",
     "@types/resize-observer-browser": "0.1.7",
     "@types/socket.io-client": "1.4.36",
-    "@vitejs/plugin-react": "3.1.0",
-    "@vitest/ui": "0.32.2",
     "chai": "4.3.6",
     "dotenv": "16.0.1",
     "eslint-config-prettier": "8.5.0",
-    "eslint-config-react-app": "7.0.1",
     "eslint-plugin-prettier": "3.3.1",
     "http-server": "14.1.1",
     "husky": "7.0.4",
-    "jsdom": "22.1.0",
+    "jest-canvas-mock": "2.4.0",
     "lint-staged": "12.3.7",
     "pepjs": "0.5.3",
     "prettier": "2.6.2",
     "rewire": "6.0.0",
-    "typescript": "4.9.4",
-    "vite": "4.4.2",
-    "vite-plugin-ejs": "1.6.4",
-    "vite-plugin-eslint": "1.8.1",
-    "vite-plugin-pwa": "0.16.4",
-    "vite-plugin-svgr": "2.4.0",
-    "vitest": "0.32.2",
-    "vitest-canvas-mock": "0.3.2"
+    "typescript": "4.9.4"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=14.0.0"
   },
   "homepage": ".",
+  "jest": {
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}"
+    ],
+    "coveragePathIgnorePatterns": [
+      "<rootDir>/locales",
+      "<rootDir>/src/packages/excalidraw/dist/",
+      "<rootDir>/src/packages/excalidraw/types",
+      "<rootDir>/src/packages/excalidraw/example"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access|canvas-roundrect-polyfill)/)"
+    ],
+    "resetMocks": false
+  },
   "name": "excalidraw",
   "prettier": "@excalidraw/prettier-config",
   "private": true,
   "scripts": {
     "build-node": "node ./scripts/build-node.js",
-    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true vite build",
-    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA vite build",
+    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true react-scripts build",
+    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build",
     "build:version": "node ./scripts/build-version.js",
     "build": "yarn build:app && yarn build:version",
+    "eject": "react-scripts eject",
     "fix:code": "yarn test:code --fix",
     "fix:other": "yarn prettier --write",
     "fix": "yarn fix:other && yarn fix:code",
@@ -112,20 +130,19 @@
     "locales-coverage:description": "node scripts/locales-coverage-description.js",
     "prepare": "husky install",
     "prettier": "prettier \"**/*.{css,scss,json,md,html,yml}\" --ignore-path=.eslintignore",
-    "start": "vite --port 3000",
+    "start": "react-scripts start",
     "start:production": "npm run build && npx http-server build -a localhost -p 5001 -o",
     "test:all": "yarn test:typecheck && yarn test:code && yarn test:other && yarn test:app --watchAll=false",
-    "test:app": "vitest --config vitest.config.ts",
+    "test:app": "react-scripts test --passWithNoTests",
     "test:code": "eslint --max-warnings=0 --ext .js,.ts,.tsx .",
+    "test:debug": "react-scripts --inspect-brk test --runInBand --no-cache",
     "test:other": "yarn prettier --list-different",
     "test:typecheck": "tsc",
-    "test:update": "yarn test:app --update --watch=false",
+    "test:update": "yarn test:app --updateSnapshot --watchAll=false",
     "test": "yarn test:app",
-    "test:coverage": "vitest --coverage --watchAll",
-    "test:ui": "yarn test --ui",
+    "test:coverage": "react-scripts test --passWithNoTests --coverage --watchAll",
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
-    "build:preview": "yarn build && vite preview --port 5000",
     "release": "node scripts/release.js"
   }
 }
diff --git a/index.html b/public/index.html
similarity index 91%
rename from index.html
rename to public/index.html
index cbdc7706c..5509ded86 100644
--- a/index.html
+++ b/public/index.html
@@ -78,7 +78,8 @@
       }
     </style>
     <!------------------------------------------------------------------------->
-    <% if ("%PROD%" === "true") { %>
+
+    <% if (process.env.NODE_ENV === "production") { %>
     <script>
       // Redirect Excalidraw+ users which have auto-redirect enabled.
       //
@@ -99,35 +100,41 @@
     </script>
     <% } %>
 
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
 
     <!-- Excalidraw version -->
     <meta name="version" content="{version}" />
 
     <link
       rel="preload"
-      href="/Virgil.woff2"
+      href="Virgil.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="/Cascadia.woff2"
+      href="Cascadia.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"
     />
 
-    <link rel="stylesheet" href="/fonts.css" type="text/css" />
-    <% if ("%VITE_APP_DEV_DISABLE_LIVE_RELOAD%"==="true" ) { %>
+    <link
+      rel="manifest"
+      href="manifest.json"
+      style="--pwacompat-splash-font: 24px Virgil"
+    />
+
+    <link rel="stylesheet" href="fonts.css" type="text/css" />
+    <% if (process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD==="true" ) { %>
     <script>
       {
         const _WebSocket = window.WebSocket;
         window.WebSocket = function (url) {
           if (/ws:\/\/localhost:.+?\/sockjs-node/.test(url)) {
             console.info(
-              "[!!!] Live reload is disabled via VITE_APP_DEV_DISABLE_LIVE_RELOAD [!!!]",
+              "[!!!] Live reload is disabled via process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD [!!!]",
             );
           } else {
             return new _WebSocket(url);
@@ -193,8 +200,7 @@
       <h1 class="visually-hidden">Excalidraw</h1>
     </header>
     <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
-    <% if ("%VITE_APP_DEV_DISABLE_LIVE_RELOAD%" !== 'true') { %>
+    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
     <!-- 100% privacy friendly analytics -->
     <script>
       // need to load this script dynamically bcs. of iframe embed tracking
diff --git a/public/workbox/workbox-background-sync.prod.js b/public/workbox/workbox-background-sync.prod.js
new file mode 100644
index 000000000..9c9051ade
--- /dev/null
+++ b/public/workbox/workbox-background-sync.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.backgroundSync=function(t,e,s){"use strict";try{self["workbox:background-sync:4.3.1"]&&_()}catch(t){}const i=3,n="workbox-background-sync",a="requests",r="queueName";class c{constructor(t){this.t=t,this.s=new s.DBWrapper(n,i,{onupgradeneeded:this.i})}async pushEntry(t){delete t.id,t.queueName=this.t,await this.s.add(a,t)}async unshiftEntry(t){const[e]=await this.s.getAllMatching(a,{count:1});e?t.id=e.id-1:delete t.id,t.queueName=this.t,await this.s.add(a,t)}async popEntry(){return this.h({direction:"prev"})}async shiftEntry(){return this.h({direction:"next"})}async getAll(){return await this.s.getAllMatching(a,{index:r,query:IDBKeyRange.only(this.t)})}async deleteEntry(t){await this.s.delete(a,t)}async h({direction:t}){const[e]=await this.s.getAllMatching(a,{direction:t,index:r,query:IDBKeyRange.only(this.t),count:1});if(e)return await this.deleteEntry(e.id),e}i(t){const e=t.target.result;t.oldVersion>0&&t.oldVersion<i&&e.objectStoreNames.contains(a)&&e.deleteObjectStore(a),e.createObjectStore(a,{autoIncrement:!0,keyPath:"id"}).createIndex(r,r,{unique:!1})}}const h=["method","referrer","referrerPolicy","mode","credentials","cache","redirect","integrity","keepalive"];class o{static async fromRequest(t){const e={url:t.url,headers:{}};"GET"!==t.method&&(e.body=await t.clone().arrayBuffer());for(const[s,i]of t.headers.entries())e.headers[s]=i;for(const s of h)void 0!==t[s]&&(e[s]=t[s]);return new o(e)}constructor(t){"navigate"===t.mode&&(t.mode="same-origin"),this.o=t}toObject(){const t=Object.assign({},this.o);return t.headers=Object.assign({},this.o.headers),t.body&&(t.body=t.body.slice(0)),t}toRequest(){return new Request(this.o.url,this.o)}clone(){return new o(this.toObject())}}const u="workbox-background-sync",y=10080,w=new Set;class d{constructor(t,{onSync:s,maxRetentionTime:i}={}){if(w.has(t))throw new e.WorkboxError("duplicate-queue-name",{name:t});w.add(t),this.u=t,this.l=s||this.replayRequests,this.q=i||y,this.m=new c(this.u),this.p()}get name(){return this.u}async pushRequest(t){await this.g(t,"push")}async unshiftRequest(t){await this.g(t,"unshift")}async popRequest(){return this.R("pop")}async shiftRequest(){return this.R("shift")}async getAll(){const t=await this.m.getAll(),e=Date.now(),s=[];for(const i of t){const t=60*this.q*1e3;e-i.timestamp>t?await this.m.deleteEntry(i.id):s.push(f(i))}return s}async g({request:t,metadata:e,timestamp:s=Date.now()},i){const n={requestData:(await o.fromRequest(t.clone())).toObject(),timestamp:s};e&&(n.metadata=e),await this.m[`${i}Entry`](n),this.k?this.D=!0:await this.registerSync()}async R(t){const e=Date.now(),s=await this.m[`${t}Entry`]();if(s){const i=60*this.q*1e3;return e-s.timestamp>i?this.R(t):f(s)}}async replayRequests(){let t;for(;t=await this.shiftRequest();)try{await fetch(t.request.clone())}catch(s){throw await this.unshiftRequest(t),new e.WorkboxError("queue-replay-failed",{name:this.u})}}async registerSync(){if("sync"in registration)try{await registration.sync.register(`${u}:${this.u}`)}catch(t){}}p(){"sync"in registration?self.addEventListener("sync",t=>{if(t.tag===`${u}:${this.u}`){const e=async()=>{let e;this.k=!0;try{await this.l({queue:this})}catch(t){throw e=t}finally{!this.D||e&&!t.lastChance||await this.registerSync(),this.k=!1,this.D=!1}};t.waitUntil(e())}}):this.l({queue:this})}static get _(){return w}}const f=t=>{const e={request:new o(t.requestData).toRequest(),timestamp:t.timestamp};return t.metadata&&(e.metadata=t.metadata),e};return t.Queue=d,t.Plugin=class{constructor(...t){this.v=new d(...t),this.fetchDidFail=this.fetchDidFail.bind(this)}async fetchDidFail({request:t}){await this.v.pushRequest({request:t})}},t}({},workbox.core._private,workbox.core._private);
+//# sourceMappingURL=workbox-background-sync.prod.js.map
diff --git a/public/workbox/workbox-broadcast-update.prod.js b/public/workbox/workbox-broadcast-update.prod.js
new file mode 100644
index 000000000..b87c70f2a
--- /dev/null
+++ b/public/workbox/workbox-broadcast-update.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.broadcastUpdate=function(e,t){"use strict";try{self["workbox:broadcast-update:4.3.1"]&&_()}catch(e){}const s=(e,t,s)=>{return!s.some(s=>e.headers.has(s)&&t.headers.has(s))||s.every(s=>{const n=e.headers.has(s)===t.headers.has(s),a=e.headers.get(s)===t.headers.get(s);return n&&a})},n="workbox",a=1e4,i=["content-length","etag","last-modified"],o=async({channel:e,cacheName:t,url:s})=>{const n={type:"CACHE_UPDATED",meta:"workbox-broadcast-update",payload:{cacheName:t,updatedURL:s}};if(e)e.postMessage(n);else{const e=await clients.matchAll({type:"window"});for(const t of e)t.postMessage(n)}};class c{constructor({headersToCheck:e,channelName:t,deferNoticationTimeout:s}={}){this.t=e||i,this.s=t||n,this.i=s||a,this.o()}notifyIfUpdated({oldResponse:e,newResponse:t,url:n,cacheName:a,event:i}){if(!s(e,t,this.t)){const e=(async()=>{i&&i.request&&"navigate"===i.request.mode&&await this.h(i),await this.l({channel:this.u(),cacheName:a,url:n})})();if(i)try{i.waitUntil(e)}catch(e){}return e}}async l(e){await o(e)}u(){return"BroadcastChannel"in self&&!this.p&&(this.p=new BroadcastChannel(this.s)),this.p}h(e){if(!this.m.has(e)){const s=new t.Deferred;this.m.set(e,s);const n=setTimeout(()=>{s.resolve()},this.i);s.promise.then(()=>clearTimeout(n))}return this.m.get(e).promise}o(){this.m=new Map,self.addEventListener("message",e=>{if("WINDOW_READY"===e.data.type&&"workbox-window"===e.data.meta&&this.m.size>0){for(const e of this.m.values())e.resolve();this.m.clear()}})}}return e.BroadcastCacheUpdate=c,e.Plugin=class{constructor(e){this.l=new c(e)}cacheDidUpdate({cacheName:e,oldResponse:t,newResponse:s,request:n,event:a}){t&&this.l.notifyIfUpdated({cacheName:e,oldResponse:t,newResponse:s,event:a,url:n.url})}},e.broadcastUpdate=o,e.responsesAreSame=s,e}({},workbox.core._private);
+//# sourceMappingURL=workbox-broadcast-update.prod.js.map
diff --git a/public/workbox/workbox-cacheable-response.prod.js b/public/workbox/workbox-cacheable-response.prod.js
new file mode 100644
index 000000000..a7e42f263
--- /dev/null
+++ b/public/workbox/workbox-cacheable-response.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.cacheableResponse=function(t){"use strict";try{self["workbox:cacheable-response:4.3.1"]&&_()}catch(t){}class s{constructor(t={}){this.t=t.statuses,this.s=t.headers}isResponseCacheable(t){let s=!0;return this.t&&(s=this.t.includes(t.status)),this.s&&s&&(s=Object.keys(this.s).some(s=>t.headers.get(s)===this.s[s])),s}}return t.CacheableResponse=s,t.Plugin=class{constructor(t){this.i=new s(t)}cacheWillUpdate({response:t}){return this.i.isResponseCacheable(t)?t:null}},t}({});
+//# sourceMappingURL=workbox-cacheable-response.prod.js.map
diff --git a/public/workbox/workbox-core.prod.js b/public/workbox/workbox-core.prod.js
new file mode 100644
index 000000000..526e32b1d
--- /dev/null
+++ b/public/workbox/workbox-core.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.core=function(e){"use strict";try{self["workbox:core:4.3.1"]&&_()}catch(e){}const t=(e,...t)=>{let n=e;return t.length>0&&(n+=` :: ${JSON.stringify(t)}`),n};class n extends Error{constructor(e,n){super(t(e,n)),this.name=e,this.details=n}}const s=new Set;const r={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:self.registration.scope},a=e=>[r.prefix,e,r.suffix].filter(e=>e.length>0).join("-"),i={updateDetails:e=>{Object.keys(r).forEach(t=>{void 0!==e[t]&&(r[t]=e[t])})},getGoogleAnalyticsName:e=>e||a(r.googleAnalytics),getPrecacheName:e=>e||a(r.precache),getPrefix:()=>r.prefix,getRuntimeName:e=>e||a(r.runtime),getSuffix:()=>r.suffix},c=e=>{const t=new URL(e,location);return t.origin===location.origin?t.pathname:t.href};async function o(){for(const e of s)await e()}const l="cacheDidUpdate",u="cacheKeyWillBeUsed",h="cacheWillUpdate",f="cachedResponseWillBeUsed",w="fetchDidFail",g="fetchDidSucceed",d="requestWillFetch",p=(e,t)=>e.filter(e=>t in e),y=async({cacheName:e,request:t,event:n,matchOptions:s,plugins:r=[]})=>{const a=await caches.open(e),i=await q({plugins:r,request:t,mode:"read"});let c=await a.match(i,s);for(const t of r)f in t&&(c=await t[f].call(t,{cacheName:e,event:n,matchOptions:s,cachedResponse:c,request:i}));return c},m=async({request:e,response:t,event:n,plugins:s})=>{let r=t,a=!1;for(let t of s)if(h in t&&(a=!0,!(r=await t[h].call(t,{request:e,response:r,event:n}))))break;return a||(r=200===r.status?r:null),r||null},q=async({request:e,mode:t,plugins:n})=>{const s=p(n,u);let r=e;for(const e of s)"string"==typeof(r=await e[u].call(e,{mode:t,request:r}))&&(r=new Request(r));return r},v={put:async({cacheName:e,request:t,response:s,event:r,plugins:a=[],matchOptions:i}={})=>{const u=await q({plugins:a,request:t,mode:"write"});if(!s)throw new n("cache-put-with-no-response",{url:c(u.url)});let h=await m({event:r,plugins:a,response:s,request:u});if(!h)return;const f=await caches.open(e),w=p(a,l);let g=w.length>0?await y({cacheName:e,matchOptions:i,request:u}):null;try{await f.put(u,h)}catch(e){throw"QuotaExceededError"===e.name&&await o(),e}for(let t of w)await t[l].call(t,{cacheName:e,event:r,oldResponse:g,newResponse:h,request:u})},match:y};class x{constructor(e,t,{onupgradeneeded:n,onversionchange:s=this.t}={}){this.s=e,this.i=t,this.o=n,this.t=s,this.l=null}get db(){return this.l}async open(){if(!this.l)return this.l=await new Promise((e,t)=>{let n=!1;setTimeout(()=>{n=!0,t(new Error("The open request was blocked and timed out"))},this.OPEN_TIMEOUT);const s=indexedDB.open(this.s,this.i);s.onerror=(()=>t(s.error)),s.onupgradeneeded=(e=>{n?(s.transaction.abort(),e.target.result.close()):this.o&&this.o(e)}),s.onsuccess=(({target:t})=>{const s=t.result;n?s.close():(s.onversionchange=this.t.bind(this),e(s))})}),this}async getKey(e,t){return(await this.getAllKeys(e,t,1))[0]}async getAll(e,t,n){return await this.getAllMatching(e,{query:t,count:n})}async getAllKeys(e,t,n){return(await this.getAllMatching(e,{query:t,count:n,includeKeys:!0})).map(({key:e})=>e)}async getAllMatching(e,{index:t,query:n=null,direction:s="next",count:r,includeKeys:a}={}){return await this.transaction([e],"readonly",(i,c)=>{const o=i.objectStore(e),l=t?o.index(t):o,u=[];l.openCursor(n,s).onsuccess=(({target:e})=>{const t=e.result;if(t){const{primaryKey:e,key:n,value:s}=t;u.push(a?{primaryKey:e,key:n,value:s}:s),r&&u.length>=r?c(u):t.continue()}else c(u)})})}async transaction(e,t,n){return await this.open(),await new Promise((s,r)=>{const a=this.l.transaction(e,t);a.onabort=(({target:e})=>r(e.error)),a.oncomplete=(()=>s()),n(a,e=>s(e))})}async u(e,t,n,...s){return await this.transaction([t],n,(n,r)=>{n.objectStore(t)[e](...s).onsuccess=(({target:e})=>{r(e.result)})})}t(){this.close()}close(){this.l&&(this.l.close(),this.l=null)}}x.prototype.OPEN_TIMEOUT=2e3;const b={readonly:["get","count","getKey","getAll","getAllKeys"],readwrite:["add","put","clear","delete"]};for(const[e,t]of Object.entries(b))for(const n of t)n in IDBObjectStore.prototype&&(x.prototype[n]=async function(t,...s){return await this.u(n,t,e,...s)});const D={fetch:async({request:e,fetchOptions:t,event:s,plugins:r=[]})=>{if(s&&s.preloadResponse){const e=await s.preloadResponse;if(e)return e}"string"==typeof e&&(e=new Request(e));const a=p(r,w),i=a.length>0?e.clone():null;try{for(let t of r)d in t&&(e=await t[d].call(t,{request:e.clone(),event:s}))}catch(e){throw new n("plugin-error-request-will-fetch",{thrownError:e})}let c=e.clone();try{let n;n="navigate"===e.mode?await fetch(e):await fetch(e,t);for(const e of r)g in e&&(n=await e[g].call(e,{event:s,request:c,response:n}));return n}catch(e){for(const t of a)await t[w].call(t,{error:e,event:s,originalRequest:i.clone(),request:c.clone()});throw e}}};var E=Object.freeze({assert:null,cacheNames:i,cacheWrapper:v,DBWrapper:x,Deferred:class{constructor(){this.promise=new Promise((e,t)=>{this.resolve=e,this.reject=t})}},deleteDatabase:async e=>{await new Promise((t,n)=>{const s=indexedDB.deleteDatabase(e);s.onerror=(({target:e})=>{n(e.error)}),s.onblocked=(()=>{n(new Error("Delete blocked"))}),s.onsuccess=(()=>{t()})})},executeQuotaErrorCallbacks:o,fetchWrapper:D,getFriendlyURL:c,logger:null,WorkboxError:n});const N={get googleAnalytics(){return i.getGoogleAnalyticsName()},get precache(){return i.getPrecacheName()},get prefix(){return i.getPrefix()},get runtime(){return i.getRuntimeName()},get suffix(){return i.getSuffix()}};try{self.workbox.v=self.workbox.v||{}}catch(e){}return e._private=E,e.clientsClaim=(()=>{addEventListener("activate",()=>clients.claim())}),e.cacheNames=N,e.registerQuotaErrorCallback=function(e){s.add(e)},e.setCacheNameDetails=(e=>{i.updateDetails(e)}),e.skipWaiting=(()=>{addEventListener("install",()=>self.skipWaiting())}),e}({});
+//# sourceMappingURL=workbox-core.prod.js.map
diff --git a/public/workbox/workbox-expiration.prod.js b/public/workbox/workbox-expiration.prod.js
new file mode 100644
index 000000000..7c8f84040
--- /dev/null
+++ b/public/workbox/workbox-expiration.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.expiration=function(t,e,s,i,a,n){"use strict";try{self["workbox:expiration:4.3.1"]&&_()}catch(t){}const h="workbox-expiration",c="cache-entries",r=t=>{const e=new URL(t,location);return e.hash="",e.href};class o{constructor(t){this.t=t,this.s=new e.DBWrapper(h,1,{onupgradeneeded:t=>this.i(t)})}i(t){const e=t.target.result.createObjectStore(c,{keyPath:"id"});e.createIndex("cacheName","cacheName",{unique:!1}),e.createIndex("timestamp","timestamp",{unique:!1}),s.deleteDatabase(this.t)}async setTimestamp(t,e){t=r(t),await this.s.put(c,{url:t,timestamp:e,cacheName:this.t,id:this.h(t)})}async getTimestamp(t){return(await this.s.get(c,this.h(t))).timestamp}async expireEntries(t,e){const s=await this.s.transaction(c,"readwrite",(s,i)=>{const a=s.objectStore(c),n=[];let h=0;a.index("timestamp").openCursor(null,"prev").onsuccess=(({target:s})=>{const a=s.result;if(a){const s=a.value;s.cacheName===this.t&&(t&&s.timestamp<t||e&&h>=e?n.push(a.value):h++),a.continue()}else i(n)})}),i=[];for(const t of s)await this.s.delete(c,t.id),i.push(t.url);return i}h(t){return this.t+"|"+r(t)}}class u{constructor(t,e={}){this.o=!1,this.u=!1,this.l=e.maxEntries,this.p=e.maxAgeSeconds,this.t=t,this.m=new o(t)}async expireEntries(){if(this.o)return void(this.u=!0);this.o=!0;const t=this.p?Date.now()-1e3*this.p:void 0,e=await this.m.expireEntries(t,this.l),s=await caches.open(this.t);for(const t of e)await s.delete(t);this.o=!1,this.u&&(this.u=!1,this.expireEntries())}async updateTimestamp(t){await this.m.setTimestamp(t,Date.now())}async isURLExpired(t){return await this.m.getTimestamp(t)<Date.now()-1e3*this.p}async delete(){this.u=!1,await this.m.expireEntries(1/0)}}return t.CacheExpiration=u,t.Plugin=class{constructor(t={}){this.D=t,this.p=t.maxAgeSeconds,this.g=new Map,t.purgeOnQuotaError&&n.registerQuotaErrorCallback(()=>this.deleteCacheAndMetadata())}k(t){if(t===a.cacheNames.getRuntimeName())throw new i.WorkboxError("expire-custom-caches-only");let e=this.g.get(t);return e||(e=new u(t,this.D),this.g.set(t,e)),e}cachedResponseWillBeUsed({event:t,request:e,cacheName:s,cachedResponse:i}){if(!i)return null;let a=this.N(i);const n=this.k(s);n.expireEntries();const h=n.updateTimestamp(e.url);if(t)try{t.waitUntil(h)}catch(t){}return a?i:null}N(t){if(!this.p)return!0;const e=this._(t);return null===e||e>=Date.now()-1e3*this.p}_(t){if(!t.headers.has("date"))return null;const e=t.headers.get("date"),s=new Date(e).getTime();return isNaN(s)?null:s}async cacheDidUpdate({cacheName:t,request:e}){const s=this.k(t);await s.updateTimestamp(e.url),await s.expireEntries()}async deleteCacheAndMetadata(){for(const[t,e]of this.g)await caches.delete(t),await e.delete();this.g=new Map}},t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private,workbox.core);
+//# sourceMappingURL=workbox-expiration.prod.js.map
diff --git a/public/workbox/workbox-navigation-preload.prod.js b/public/workbox/workbox-navigation-preload.prod.js
new file mode 100644
index 000000000..f03d65728
--- /dev/null
+++ b/public/workbox/workbox-navigation-preload.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.navigationPreload=function(t){"use strict";try{self["workbox:navigation-preload:4.3.1"]&&_()}catch(t){}function e(){return Boolean(self.registration&&self.registration.navigationPreload)}return t.disable=function(){e()&&self.addEventListener("activate",t=>{t.waitUntil(self.registration.navigationPreload.disable().then(()=>{}))})},t.enable=function(t){e()&&self.addEventListener("activate",e=>{e.waitUntil(self.registration.navigationPreload.enable().then(()=>{t&&self.registration.navigationPreload.setHeaderValue(t)}))})},t.isSupported=e,t}({});
+//# sourceMappingURL=workbox-navigation-preload.prod.js.map
diff --git a/public/workbox/workbox-offline-ga.prod.js b/public/workbox/workbox-offline-ga.prod.js
new file mode 100644
index 000000000..ca29dc743
--- /dev/null
+++ b/public/workbox/workbox-offline-ga.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.googleAnalytics=function(e,t,o,n,a,c,w){"use strict";try{self["workbox:google-analytics:4.3.1"]&&_()}catch(e){}const r=/^\/(\w+\/)?collect/,s=e=>async({queue:t})=>{let o;for(;o=await t.shiftRequest();){const{request:n,timestamp:a}=o,c=new URL(n.url);try{const w="POST"===n.method?new URLSearchParams(await n.clone().text()):c.searchParams,r=a-(Number(w.get("qt"))||0),s=Date.now()-r;if(w.set("qt",s),e.parameterOverrides)for(const t of Object.keys(e.parameterOverrides)){const o=e.parameterOverrides[t];w.set(t,o)}"function"==typeof e.hitFilter&&e.hitFilter.call(null,w),await fetch(new Request(c.origin+c.pathname,{body:w.toString(),method:"POST",mode:"cors",credentials:"omit",headers:{"Content-Type":"text/plain"}}))}catch(e){throw await t.unshiftRequest(o),e}}},i=e=>{const t=({url:e})=>"www.google-analytics.com"===e.hostname&&r.test(e.pathname),o=new w.NetworkOnly({plugins:[e]});return[new n.Route(t,o,"GET"),new n.Route(t,o,"POST")]},l=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.google-analytics.com"===e.hostname&&"/analytics.js"===e.pathname,t,"GET")},m=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtag/js"===e.pathname,t,"GET")},u=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtm.js"===e.pathname,t,"GET")};return e.initialize=((e={})=>{const n=o.cacheNames.getGoogleAnalyticsName(e.cacheName),c=new t.Plugin("workbox-google-analytics",{maxRetentionTime:2880,onSync:s(e)}),w=[u(n),l(n),m(n),...i(c)],r=new a.Router;for(const e of w)r.registerRoute(e);r.addFetchListener()}),e}({},workbox.backgroundSync,workbox.core._private,workbox.routing,workbox.routing,workbox.strategies,workbox.strategies);
+//# sourceMappingURL=workbox-offline-ga.prod.js.map
diff --git a/public/workbox/workbox-precaching.prod.js b/public/workbox/workbox-precaching.prod.js
new file mode 100644
index 000000000..6521788e3
--- /dev/null
+++ b/public/workbox/workbox-precaching.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.precaching=function(t,e,n,s,c){"use strict";try{self["workbox:precaching:4.3.1"]&&_()}catch(t){}const o=[],i={get:()=>o,add(t){o.push(...t)}};const a="__WB_REVISION__";function r(t){if(!t)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location);return{cacheKey:t.href,url:t.href}}const s=new URL(n,location),o=new URL(n,location);return o.searchParams.set(a,e),{cacheKey:o.href,url:s.href}}class l{constructor(t){this.t=e.cacheNames.getPrecacheName(t),this.s=new Map}addToCacheList(t){for(const e of t){const{cacheKey:t,url:n}=r(e);if(this.s.has(n)&&this.s.get(n)!==t)throw new c.WorkboxError("add-to-cache-list-conflicting-entries",{firstEntry:this.s.get(n),secondEntry:t});this.s.set(n,t)}}async install({event:t,plugins:e}={}){const n=[],s=[],c=await caches.open(this.t),o=await c.keys(),i=new Set(o.map(t=>t.url));for(const t of this.s.values())i.has(t)?s.push(t):n.push(t);const a=n.map(n=>this.o({event:t,plugins:e,url:n}));return await Promise.all(a),{updatedURLs:n,notUpdatedURLs:s}}async activate(){const t=await caches.open(this.t),e=await t.keys(),n=new Set(this.s.values()),s=[];for(const c of e)n.has(c.url)||(await t.delete(c),s.push(c.url));return{deletedURLs:s}}async o({url:t,event:e,plugins:o}){const i=new Request(t,{credentials:"same-origin"});let a,r=await s.fetchWrapper.fetch({event:e,plugins:o,request:i});for(const t of o||[])"cacheWillUpdate"in t&&(a=t.cacheWillUpdate.bind(t));if(!(a?a({event:e,request:i,response:r}):r.status<400))throw new c.WorkboxError("bad-precaching-response",{url:t,status:r.status});r.redirected&&(r=await async function(t){const e=t.clone(),n="body"in e?Promise.resolve(e.body):e.blob(),s=await n;return new Response(s,{headers:e.headers,status:e.status,statusText:e.statusText})}(r)),await n.cacheWrapper.put({event:e,plugins:o,request:i,response:r,cacheName:this.t,matchOptions:{ignoreSearch:!0}})}getURLsToCacheKeys(){return this.s}getCachedURLs(){return[...this.s.keys()]}getCacheKeyForURL(t){const e=new URL(t,location);return this.s.get(e.href)}}let u;const h=()=>(u||(u=new l),u);const d=(t,e)=>{const n=h().getURLsToCacheKeys();for(const s of function*(t,{ignoreURLParametersMatching:e,directoryIndex:n,cleanURLs:s,urlManipulation:c}={}){const o=new URL(t,location);o.hash="",yield o.href;const i=function(t,e){for(const n of[...t.searchParams.keys()])e.some(t=>t.test(n))&&t.searchParams.delete(n);return t}(o,e);if(yield i.href,n&&i.pathname.endsWith("/")){const t=new URL(i);t.pathname+=n,yield t.href}if(s){const t=new URL(i);t.pathname+=".html",yield t.href}if(c){const t=c({url:o});for(const e of t)yield e.href}}(t,e)){const t=n.get(s);if(t)return t}};let w=!1;const f=t=>{w||((({ignoreURLParametersMatching:t=[/^utm_/],directoryIndex:n="index.html",cleanURLs:s=!0,urlManipulation:c=null}={})=>{const o=e.cacheNames.getPrecacheName();addEventListener("fetch",e=>{const i=d(e.request.url,{cleanURLs:s,directoryIndex:n,ignoreURLParametersMatching:t,urlManipulation:c});if(!i)return;let a=caches.open(o).then(t=>t.match(i)).then(t=>t||fetch(i));e.respondWith(a)})})(t),w=!0)},y=t=>{const e=h(),n=i.get();t.waitUntil(e.install({event:t,plugins:n}).catch(t=>{throw t}))},p=t=>{const e=h(),n=i.get();t.waitUntil(e.activate({event:t,plugins:n}))},L=t=>{h().addToCacheList(t),t.length>0&&(addEventListener("install",y),addEventListener("activate",p))};return t.addPlugins=(t=>{i.add(t)}),t.addRoute=f,t.cleanupOutdatedCaches=(()=>{addEventListener("activate",t=>{const n=e.cacheNames.getPrecacheName();t.waitUntil((async(t,e="-precache-")=>{const n=(await caches.keys()).filter(n=>n.includes(e)&&n.includes(self.registration.scope)&&n!==t);return await Promise.all(n.map(t=>caches.delete(t))),n})(n).then(t=>{}))})}),t.getCacheKeyForURL=(t=>{return h().getCacheKeyForURL(t)}),t.precache=L,t.precacheAndRoute=((t,e)=>{L(t),f(e)}),t.PrecacheController=l,t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);
+//# sourceMappingURL=workbox-precaching.prod.js.map
diff --git a/public/workbox/workbox-range-requests.prod.js b/public/workbox/workbox-range-requests.prod.js
new file mode 100644
index 000000000..e60370cb9
--- /dev/null
+++ b/public/workbox/workbox-range-requests.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.rangeRequests=function(e,n){"use strict";try{self["workbox:range-requests:4.3.1"]&&_()}catch(e){}async function t(e,t){try{if(206===t.status)return t;const s=e.headers.get("range");if(!s)throw new n.WorkboxError("no-range-header");const a=function(e){const t=e.trim().toLowerCase();if(!t.startsWith("bytes="))throw new n.WorkboxError("unit-must-be-bytes",{normalizedRangeHeader:t});if(t.includes(","))throw new n.WorkboxError("single-range-only",{normalizedRangeHeader:t});const s=/(\d*)-(\d*)/.exec(t);if(null===s||!s[1]&&!s[2])throw new n.WorkboxError("invalid-range-values",{normalizedRangeHeader:t});return{start:""===s[1]?null:Number(s[1]),end:""===s[2]?null:Number(s[2])}}(s),r=await t.blob(),i=function(e,t,s){const a=e.size;if(s>a||t<0)throw new n.WorkboxError("range-not-satisfiable",{size:a,end:s,start:t});let r,i;return null===t?(r=a-s,i=a):null===s?(r=t,i=a):(r=t,i=s+1),{start:r,end:i}}(r,a.start,a.end),o=r.slice(i.start,i.end),u=o.size,l=new Response(o,{status:206,statusText:"Partial Content",headers:t.headers});return l.headers.set("Content-Length",u),l.headers.set("Content-Range",`bytes ${i.start}-${i.end-1}/`+r.size),l}catch(e){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}}return e.createPartialResponse=t,e.Plugin=class{async cachedResponseWillBeUsed({request:e,cachedResponse:n}){return n&&e.headers.has("range")?await t(e,n):n}},e}({},workbox.core._private);
+//# sourceMappingURL=workbox-range-requests.prod.js.map
diff --git a/public/workbox/workbox-routing.prod.js b/public/workbox/workbox-routing.prod.js
new file mode 100644
index 000000000..ed87f9d14
--- /dev/null
+++ b/public/workbox/workbox-routing.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.routing=function(t,e,r){"use strict";try{self["workbox:routing:4.3.1"]&&_()}catch(t){}const s="GET",n=t=>t&&"object"==typeof t?t:{handle:t};class o{constructor(t,e,r){this.handler=n(e),this.match=t,this.method=r||s}}class i extends o{constructor(t,{whitelist:e=[/./],blacklist:r=[]}={}){super(t=>this.t(t),t),this.s=e,this.o=r}t({url:t,request:e}){if("navigate"!==e.mode)return!1;const r=t.pathname+t.search;for(const t of this.o)if(t.test(r))return!1;return!!this.s.some(t=>t.test(r))}}class u extends o{constructor(t,e,r){super(({url:e})=>{const r=t.exec(e.href);return r?e.origin!==location.origin&&0!==r.index?null:r.slice(1):null},e,r)}}class c{constructor(){this.i=new Map}get routes(){return this.i}addFetchListener(){self.addEventListener("fetch",t=>{const{request:e}=t,r=this.handleRequest({request:e,event:t});r&&t.respondWith(r)})}addCacheListener(){self.addEventListener("message",async t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,r=Promise.all(e.urlsToCache.map(t=>{"string"==typeof t&&(t=[t]);const e=new Request(...t);return this.handleRequest({request:e})}));t.waitUntil(r),t.ports&&t.ports[0]&&(await r,t.ports[0].postMessage(!0))}})}handleRequest({request:t,event:e}){const r=new URL(t.url,location);if(!r.protocol.startsWith("http"))return;let s,{params:n,route:o}=this.findMatchingRoute({url:r,request:t,event:e}),i=o&&o.handler;if(!i&&this.u&&(i=this.u),i){try{s=i.handle({url:r,request:t,event:e,params:n})}catch(t){s=Promise.reject(t)}return s&&this.h&&(s=s.catch(t=>this.h.handle({url:r,event:e,err:t}))),s}}findMatchingRoute({url:t,request:e,event:r}){const s=this.i.get(e.method)||[];for(const n of s){let s,o=n.match({url:t,request:e,event:r});if(o)return Array.isArray(o)&&o.length>0?s=o:o.constructor===Object&&Object.keys(o).length>0&&(s=o),{route:n,params:s}}return{}}setDefaultHandler(t){this.u=n(t)}setCatchHandler(t){this.h=n(t)}registerRoute(t){this.i.has(t.method)||this.i.set(t.method,[]),this.i.get(t.method).push(t)}unregisterRoute(t){if(!this.i.has(t.method))throw new r.WorkboxError("unregister-route-but-not-found-with-method",{method:t.method});const e=this.i.get(t.method).indexOf(t);if(!(e>-1))throw new r.WorkboxError("unregister-route-route-not-registered");this.i.get(t.method).splice(e,1)}}let a;const h=()=>(a||((a=new c).addFetchListener(),a.addCacheListener()),a);return t.NavigationRoute=i,t.RegExpRoute=u,t.registerNavigationRoute=((t,r={})=>{const s=e.cacheNames.getPrecacheName(r.cacheName),n=new i(async()=>{try{const e=await caches.match(t,{cacheName:s});if(e)return e;throw new Error(`The cache ${s} did not have an entry for `+`${t}.`)}catch(e){return fetch(t)}},{whitelist:r.whitelist,blacklist:r.blacklist});return h().registerRoute(n),n}),t.registerRoute=((t,e,s="GET")=>{let n;if("string"==typeof t){const r=new URL(t,location);n=new o(({url:t})=>t.href===r.href,e,s)}else if(t instanceof RegExp)n=new u(t,e,s);else if("function"==typeof t)n=new o(t,e,s);else{if(!(t instanceof o))throw new r.WorkboxError("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});n=t}return h().registerRoute(n),n}),t.Route=o,t.Router=c,t.setCatchHandler=(t=>{h().setCatchHandler(t)}),t.setDefaultHandler=(t=>{h().setDefaultHandler(t)}),t}({},workbox.core._private,workbox.core._private);
+//# sourceMappingURL=workbox-routing.prod.js.map
diff --git a/public/workbox/workbox-strategies.prod.js b/public/workbox/workbox-strategies.prod.js
new file mode 100644
index 000000000..29909af30
--- /dev/null
+++ b/public/workbox/workbox-strategies.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.strategies=function(e,t,s,n,r){"use strict";try{self["workbox:strategies:4.3.1"]&&_()}catch(e){}class i{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));let n,i=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!i)try{i=await this.u(t,e)}catch(e){n=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:n});return i}async u(e,t){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=r.clone(),h=s.cacheWrapper.put({cacheName:this.t,request:e,response:i,event:t,plugins:this.s});if(t)try{t.waitUntil(h)}catch(e){}return r}}class h{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!n)throw new r.WorkboxError("no-response",{url:t.url});return n}}const u={cacheWillUpdate:({response:e})=>200===e.status||0===e.status?e:null};class a{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.o=e.networkTimeoutSeconds,this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){const s=[];"string"==typeof t&&(t=new Request(t));const n=[];let i;if(this.o){const{id:r,promise:h}=this.l({request:t,event:e,logs:s});i=r,n.push(h)}const h=this.q({timeoutId:i,request:t,event:e,logs:s});n.push(h);let u=await Promise.race(n);if(u||(u=await h),!u)throw new r.WorkboxError("no-response",{url:t.url});return u}l({request:e,logs:t,event:s}){let n;return{promise:new Promise(t=>{n=setTimeout(async()=>{t(await this.p({request:e,event:s}))},1e3*this.o)}),id:n}}async q({timeoutId:e,request:t,logs:r,event:i}){let h,u;try{u=await n.fetchWrapper.fetch({request:t,event:i,fetchOptions:this.i,plugins:this.s})}catch(e){h=e}if(e&&clearTimeout(e),h||!u)u=await this.p({request:t,event:i});else{const e=u.clone(),n=s.cacheWrapper.put({cacheName:this.t,request:t,response:e,event:i,plugins:this.s});if(i)try{i.waitUntil(n)}catch(e){}}return u}p({event:e,request:t}){return s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s})}}class c{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){let s,i;"string"==typeof t&&(t=new Request(t));try{i=await n.fetchWrapper.fetch({request:t,event:e,fetchOptions:this.i,plugins:this.s})}catch(e){s=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:s});return i}}class o{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=this.u({request:t,event:e});let i,h=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(h){if(e)try{e.waitUntil(n)}catch(i){}}else try{h=await n}catch(e){i=e}if(!h)throw new r.WorkboxError("no-response",{url:t.url,error:i});return h}async u({request:e,event:t}){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=s.cacheWrapper.put({cacheName:this.t,request:e,response:r.clone(),event:t,plugins:this.s});if(t)try{t.waitUntil(i)}catch(e){}return r}}const l={cacheFirst:i,cacheOnly:h,networkFirst:a,networkOnly:c,staleWhileRevalidate:o},q=e=>{const t=l[e];return e=>new t(e)},w=q("cacheFirst"),p=q("cacheOnly"),v=q("networkFirst"),y=q("networkOnly"),m=q("staleWhileRevalidate");return e.CacheFirst=i,e.CacheOnly=h,e.NetworkFirst=a,e.NetworkOnly=c,e.StaleWhileRevalidate=o,e.cacheFirst=w,e.cacheOnly=p,e.networkFirst=v,e.networkOnly=y,e.staleWhileRevalidate=m,e}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);
+//# sourceMappingURL=workbox-strategies.prod.js.map
diff --git a/public/workbox/workbox-streams.prod.js b/public/workbox/workbox-streams.prod.js
new file mode 100644
index 000000000..dc3484464
--- /dev/null
+++ b/public/workbox/workbox-streams.prod.js
@@ -0,0 +1,2 @@
+this.workbox=this.workbox||{},this.workbox.streams=function(e){"use strict";try{self["workbox:streams:4.3.1"]&&_()}catch(e){}function n(e){const n=e.map(e=>Promise.resolve(e).then(e=>(function(e){return e.body&&e.body.getReader?e.body.getReader():e.getReader?e.getReader():new Response(e).body.getReader()})(e)));let t,r;const s=new Promise((e,n)=>{t=e,r=n});let o=0;return{done:s,stream:new ReadableStream({pull(e){return n[o].then(e=>e.read()).then(r=>{if(r.done)return++o>=n.length?(e.close(),void t()):this.pull(e);e.enqueue(r.value)}).catch(e=>{throw r(e),e})},cancel(){t()}})}}function t(e={}){const n=new Headers(e);return n.has("content-type")||n.set("content-type","text/html"),n}function r(e,r){const{done:s,stream:o}=n(e),a=t(r);return{done:s,response:new Response(o,{headers:a})}}let s=void 0;function o(){if(void 0===s)try{new ReadableStream({start(){}}),s=!0}catch(e){s=!1}return s}return e.concatenate=n,e.concatenateToResponse=r,e.isSupported=o,e.strategy=function(e,n){return async({event:s,url:a,params:c})=>{if(o()){const{done:t,response:o}=r(e.map(e=>e({event:s,url:a,params:c})),n);return s.waitUntil(t),o}const i=await Promise.all(e.map(e=>e({event:s,url:a,params:c})).map(async e=>{const n=await e;return n instanceof Response?n.blob():n})),u=t(n);return new Response(new Blob(i),{headers:u})}},e}({});
+//# sourceMappingURL=workbox-streams.prod.js.map
diff --git a/public/workbox/workbox-sw.js b/public/workbox/workbox-sw.js
new file mode 100644
index 000000000..61b3289a8
--- /dev/null
+++ b/public/workbox/workbox-sw.js
@@ -0,0 +1,2 @@
+!function(){"use strict";try{self["workbox:sw:4.3.1"]&&_()}catch(t){}const t="https://storage.googleapis.com/workbox-cdn/releases/4.3.1",e={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};self.workbox=new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.s=this.t.debug?"dev":"prod",this.o=!1,new Proxy(this,{get(t,s){if(t[s])return t[s];const o=e[s];return o&&t.loadModule(`workbox-${o}`),t[s]}})}setConfig(t={}){if(this.o)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.s=this.t.debug?"dev":"prod"}loadModule(t){const e=this.i(t);try{importScripts(e),this.o=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}i(e){if(this.t.modulePathCb)return this.t.modulePathCb(e,this.t.debug);let s=[t];const o=`${e}.${this.s}.js`,r=this.t.modulePathPrefix;return r&&""===(s=r.split("/"))[s.length-1]&&s.splice(s.length-1,1),s.push(o),s.join("/")}}}();
+//# sourceMappingURL=workbox-sw.js.map
diff --git a/public/workbox/workbox-window.prod.es5.mjs b/public/workbox/workbox-window.prod.es5.mjs
new file mode 100644
index 000000000..7d15b6201
--- /dev/null
+++ b/public/workbox/workbox-window.prod.es5.mjs
@@ -0,0 +1,2 @@
+try{self["workbox:window:4.3.1"]&&_()}catch(n){}var n=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function t(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function i(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var e=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},r=function(n,t){return new URL(n,location).href===new URL(t,location).href},o=function(n,t){Object.assign(this,t,{type:n})};function u(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function s(){}var c=function(c){var f,h;function v(n,t){var r;return void 0===t&&(t={}),(r=c.call(this)||this).t=n,r.i=t,r.o=0,r.u=new e,r.s=new e,r.h=new e,r.v=r.v.bind(i(i(r))),r.l=r.l.bind(i(i(r))),r.g=r.g.bind(i(i(r))),r.m=r.m.bind(i(i(r))),r}h=c,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,g,d=v.prototype;return d.register=u(function(n){var t,i,e=this,u=(void 0===n?{}:n).immediate,c=void 0!==u&&u;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.R(),a(e.k(),function(n){e.B=n,e.P&&(e.O=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.j(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.B.waiting;return t&&r(t.scriptURL,e.t)&&(e.O=t,Promise.resolve().then(function(){e.dispatchEvent(new o("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e.O&&e.u.resolve(e.O),e.B.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.C=new BroadcastChannel("workbox"),e.C.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.B})},(i=function(){if(!c&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(s):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),d.getSW=u(function(){return this.O||this.u.promise}),d.messageSW=u(function(t){return a(this.getSW(),function(i){return n(i,t)})}),d.R=function(){var n=navigator.serviceWorker.controller;if(n&&r(n.scriptURL,this.t))return n},d.k=u(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.L=performance.now(),t})},function(n){throw n})}),d.j=function(t){n(t,{type:"WINDOW_READY",meta:"workbox-window"})},d.g=function(){var n=this.B.installing;this.o>0||!r(n.scriptURL,this.t)||performance.now()>this.L+6e4?(this.W=n,this.B.removeEventListener("updatefound",this.g)):(this.O=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},d.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.W,u=r?"external":"",a={sw:i,originalEvent:n};!r&&this.p&&(a.isUpdate=!0),this.dispatchEvent(new o(u+e,a)),"installed"===e?this._=setTimeout(function(){"installed"===e&&t.B.waiting===i&&t.dispatchEvent(new o(u+"waiting",a))},200):"activating"===e&&(clearTimeout(this._),r||this.s.resolve(i))},d.m=function(n){var t=this.O;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new o("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},d.v=function(n){var t=n.data;this.dispatchEvent(new o("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&t(l.prototype,w),g&&t(l,g),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.T(n).add(t)},t.removeEventListener=function(n,t){this.T(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.T(n.type).forEach(function(t){return t(n)})},t.T=function(n){return this.D[n]=this.D[n]||new Set},n}());export{c as Workbox,n as messageSW};
+//# sourceMappingURL=workbox-window.prod.es5.mjs.map
diff --git a/public/workbox/workbox-window.prod.mjs b/public/workbox/workbox-window.prod.mjs
new file mode 100644
index 000000000..433ab7e4a
--- /dev/null
+++ b/public/workbox/workbox-window.prod.mjs
@@ -0,0 +1,2 @@
+try{self["workbox:window:4.3.1"]&&_()}catch(t){}const t=(t,s)=>new Promise(i=>{let e=new MessageChannel;e.port1.onmessage=(t=>i(t.data)),t.postMessage(s,[e.port2])});try{self["workbox:core:4.3.1"]&&_()}catch(t){}class s{constructor(){this.promise=new Promise((t,s)=>{this.resolve=t,this.reject=s})}}class i{constructor(){this.t={}}addEventListener(t,s){this.s(t).add(s)}removeEventListener(t,s){this.s(t).delete(s)}dispatchEvent(t){t.target=this,this.s(t.type).forEach(s=>s(t))}s(t){return this.t[t]=this.t[t]||new Set}}const e=(t,s)=>new URL(t,location).href===new URL(s,location).href;class n{constructor(t,s){Object.assign(this,s,{type:t})}}const h=200,a=6e4;class o extends i{constructor(t,i={}){super(),this.i=t,this.h=i,this.o=0,this.l=new s,this.g=new s,this.u=new s,this.m=this.m.bind(this),this.v=this.v.bind(this),this.p=this.p.bind(this),this._=this._.bind(this)}async register({immediate:t=!1}={}){t||"complete"===document.readyState||await new Promise(t=>addEventListener("load",t)),this.C=Boolean(navigator.serviceWorker.controller),this.W=this.L(),this.S=await this.B(),this.W&&(this.R=this.W,this.g.resolve(this.W),this.u.resolve(this.W),this.P(this.W),this.W.addEventListener("statechange",this.v,{once:!0}));const s=this.S.waiting;return s&&e(s.scriptURL,this.i)&&(this.R=s,Promise.resolve().then(()=>{this.dispatchEvent(new n("waiting",{sw:s,wasWaitingBeforeRegister:!0}))})),this.R&&this.l.resolve(this.R),this.S.addEventListener("updatefound",this.p),navigator.serviceWorker.addEventListener("controllerchange",this._,{once:!0}),"BroadcastChannel"in self&&(this.T=new BroadcastChannel("workbox"),this.T.addEventListener("message",this.m)),navigator.serviceWorker.addEventListener("message",this.m),this.S}get active(){return this.g.promise}get controlling(){return this.u.promise}async getSW(){return this.R||this.l.promise}async messageSW(s){const i=await this.getSW();return t(i,s)}L(){const t=navigator.serviceWorker.controller;if(t&&e(t.scriptURL,this.i))return t}async B(){try{const t=await navigator.serviceWorker.register(this.i,this.h);return this.U=performance.now(),t}catch(t){throw t}}P(s){t(s,{type:"WINDOW_READY",meta:"workbox-window"})}p(){const t=this.S.installing;this.o>0||!e(t.scriptURL,this.i)||performance.now()>this.U+a?(this.k=t,this.S.removeEventListener("updatefound",this.p)):(this.R=t,this.l.resolve(t)),++this.o,t.addEventListener("statechange",this.v)}v(t){const s=t.target,{state:i}=s,e=s===this.k,a=e?"external":"",o={sw:s,originalEvent:t};!e&&this.C&&(o.isUpdate=!0),this.dispatchEvent(new n(a+i,o)),"installed"===i?this.D=setTimeout(()=>{"installed"===i&&this.S.waiting===s&&this.dispatchEvent(new n(a+"waiting",o))},h):"activating"===i&&(clearTimeout(this.D),e||this.g.resolve(s))}_(t){const s=this.R;s===navigator.serviceWorker.controller&&(this.dispatchEvent(new n("controlling",{sw:s,originalEvent:t})),this.u.resolve(s))}m(t){const{data:s}=t;this.dispatchEvent(new n("message",{data:s,originalEvent:t}))}}export{o as Workbox,t as messageSW};
+//# sourceMappingURL=workbox-window.prod.mjs.map
diff --git a/public/workbox/workbox-window.prod.umd.js b/public/workbox/workbox-window.prod.umd.js
new file mode 100644
index 000000000..173c4b43f
--- /dev/null
+++ b/public/workbox/workbox-window.prod.umd.js
@@ -0,0 +1,2 @@
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n=n||self).workbox={})}(this,function(n){"use strict";try{self["workbox:window:4.3.1"]&&_()}catch(n){}var t=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function i(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function e(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var r=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},o=function(n,t){return new URL(n,location).href===new URL(t,location).href},u=function(n,t){Object.assign(this,t,{type:n})};function s(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function c(){}var f=function(n){var f,h;function v(t,i){var o;return void 0===i&&(i={}),(o=n.call(this)||this).t=t,o.i=i,o.o=0,o.u=new r,o.s=new r,o.h=new r,o.v=o.v.bind(e(e(o))),o.l=o.l.bind(e(e(o))),o.g=o.g.bind(e(e(o))),o.m=o.m.bind(e(e(o))),o}h=n,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,d,g=v.prototype;return g.register=s(function(n){var t,i,e=this,r=(void 0===n?{}:n).immediate,s=void 0!==r&&r;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.j(),a(e.O(),function(n){e.R=n,e.P&&(e._=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.k(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.R.waiting;return t&&o(t.scriptURL,e.t)&&(e._=t,Promise.resolve().then(function(){e.dispatchEvent(new u("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e._&&e.u.resolve(e._),e.R.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.B=new BroadcastChannel("workbox"),e.B.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.R})},(i=function(){if(!s&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(c):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),g.getSW=s(function(){return this._||this.u.promise}),g.messageSW=s(function(n){return a(this.getSW(),function(i){return t(i,n)})}),g.j=function(){var n=navigator.serviceWorker.controller;if(n&&o(n.scriptURL,this.t))return n},g.O=s(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.C=performance.now(),t})},function(n){throw n})}),g.k=function(n){t(n,{type:"WINDOW_READY",meta:"workbox-window"})},g.g=function(){var n=this.R.installing;this.o>0||!o(n.scriptURL,this.t)||performance.now()>this.C+6e4?(this.L=n,this.R.removeEventListener("updatefound",this.g)):(this._=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},g.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.L,o=r?"external":"",s={sw:i,originalEvent:n};!r&&this.p&&(s.isUpdate=!0),this.dispatchEvent(new u(o+e,s)),"installed"===e?this.W=setTimeout(function(){"installed"===e&&t.R.waiting===i&&t.dispatchEvent(new u(o+"waiting",s))},200):"activating"===e&&(clearTimeout(this.W),r||this.s.resolve(i))},g.m=function(n){var t=this._;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new u("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},g.v=function(n){var t=n.data;this.dispatchEvent(new u("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&i(l.prototype,w),d&&i(l,d),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.M(n).add(t)},t.removeEventListener=function(n,t){this.M(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.M(n.type).forEach(function(t){return t(n)})},t.M=function(n){return this.D[n]=this.D[n]||new Set},n}());n.Workbox=f,n.messageSW=t,Object.defineProperty(n,"__esModule",{value:!0})});
+//# sourceMappingURL=workbox-window.prod.umd.js.map
diff --git a/src/analytics.ts b/src/analytics.ts
index c7b4f844d..2373cc549 100644
--- a/src/analytics.ts
+++ b/src/analytics.ts
@@ -11,7 +11,7 @@ export const trackEvent = (
     // Uncomment the next line to track locally
     // console.log("Track Event", { category, action, label, value });
 
-    if (typeof window === "undefined" || import.meta.env.VITE_WORKER_ID) {
+    if (typeof window === "undefined" || process.env.JEST_WORKER_ID) {
       return;
     }
 
diff --git a/src/charts.ts b/src/charts.ts
index 32be94620..d22da4329 100644
--- a/src/charts.ts
+++ b/src/charts.ts
@@ -6,6 +6,7 @@ import {
 import {
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
+  ENV,
   VERTICAL_ALIGN,
 } from "./constants";
 import { newElement, newLinearElement, newTextElement } from "./element";
@@ -383,7 +384,7 @@ const chartTypeBar = (
       y,
       groupId,
       backgroundColor,
-      import.meta.env.DEV,
+      process.env.NODE_ENV === ENV.DEVELOPMENT,
     ),
   ];
 };
@@ -472,7 +473,7 @@ const chartTypeLine = (
       y,
       groupId,
       backgroundColor,
-      import.meta.env.DEV,
+      process.env.NODE_ENV === ENV.DEVELOPMENT,
     ),
     line,
     ...lines,
diff --git a/src/components/App.test.tsx b/src/components/App.test.tsx
index 32f62f7ad..baf25ab9b 100644
--- a/src/components/App.test.tsx
+++ b/src/components/App.test.tsx
@@ -4,9 +4,8 @@ import { reseed } from "../random";
 import { render, queryByTestId } from "../tests/test-utils";
 
 import ExcalidrawApp from "../excalidraw-app";
-import { vi } from "vitest";
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 
 describe("Test <App/>", () => {
   beforeEach(async () => {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index f2b59789d..33094a485 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -255,7 +255,6 @@ import {
   isTransparent,
   easeToValuesRAF,
   muteFSAbortError,
-  isTestEnv,
   easeOut,
 } from "../utils";
 import {
@@ -1596,7 +1595,10 @@ class App extends React.Component<AppProps, AppState> {
     this.excalidrawContainerValue.container =
       this.excalidrawContainerRef.current;
 
-    if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
+    if (
+      process.env.NODE_ENV === ENV.TEST ||
+      process.env.NODE_ENV === ENV.DEVELOPMENT
+    ) {
       const setState = this.setState.bind(this);
       Object.defineProperties(window.h, {
         state: {
@@ -1634,7 +1636,7 @@ class App extends React.Component<AppProps, AppState> {
       // bounding rects don't work in tests so updating
       // the state on init would result in making the test enviro run
       // in mobile breakpoint (0 width/height), making everything fail
-      !isTestEnv()
+      process.env.NODE_ENV !== "test"
     ) {
       this.refreshDeviceState(this.excalidrawContainerRef.current);
     }
@@ -8160,7 +8162,10 @@ declare global {
   }
 }
 
-if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
+if (
+  process.env.NODE_ENV === ENV.TEST ||
+  process.env.NODE_ENV === ENV.DEVELOPMENT
+) {
   window.h = window.h || ({} as Window["h"]);
 
   Object.defineProperties(window.h, {
diff --git a/src/components/LibraryMenuBrowseButton.tsx b/src/components/LibraryMenuBrowseButton.tsx
index ab8fa0305..666804922 100644
--- a/src/components/LibraryMenuBrowseButton.tsx
+++ b/src/components/LibraryMenuBrowseButton.tsx
@@ -16,7 +16,7 @@ const LibraryMenuBrowseButton = ({
   return (
     <a
       className="library-menu-browse-button"
-      href={`${import.meta.env.VITE_APP_LIBRARY_URL}?target=${
+      href={`${process.env.REACT_APP_LIBRARY_URL}?target=${
         window.name || "_blank"
       }&referrer=${referrer}&useHash=true&token=${id}&theme=${theme}&version=${
         VERSIONS.excalidrawLibrary
diff --git a/src/components/PublishLibrary.tsx b/src/components/PublishLibrary.tsx
index ab02e1a89..ef7453e7c 100644
--- a/src/components/PublishLibrary.tsx
+++ b/src/components/PublishLibrary.tsx
@@ -319,7 +319,7 @@ const PublishLibrary = ({
     formData.append("twitterHandle", libraryData.twitterHandle);
     formData.append("website", libraryData.website);
 
-    fetch(`${import.meta.env.VITE_APP_LIBRARY_BACKEND}/submit`, {
+    fetch(`${process.env.REACT_APP_LIBRARY_BACKEND}/submit`, {
       method: "post",
       body: formData,
     })
diff --git a/src/components/Sidebar/Sidebar.test.tsx b/src/components/Sidebar/Sidebar.test.tsx
index 6e73689dd..742efc0c9 100644
--- a/src/components/Sidebar/Sidebar.test.tsx
+++ b/src/components/Sidebar/Sidebar.test.tsx
@@ -10,7 +10,6 @@ import {
   waitFor,
   withExcalidrawDimensions,
 } from "../../tests/test-utils";
-import { vi } from "vitest";
 
 export const assertSidebarDockButton = async <T extends boolean>(
   hasDockButton: T,
@@ -206,7 +205,7 @@ describe("Sidebar", () => {
     });
 
     it("<Sidebar.Header> should render close button", async () => {
-      const onStateChange = vi.fn();
+      const onStateChange = jest.fn();
       const CustomExcalidraw = () => {
         return (
           <Excalidraw
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index 28a896e1f..ee94beca5 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -53,7 +53,7 @@ export const SidebarInner = forwardRef(
     }: SidebarProps & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">,
     ref: React.ForwardedRef<HTMLDivElement>,
   ) => {
-    if (import.meta.env.DEV && onDock && docked == null) {
+    if (process.env.NODE_ENV === "development" && onDock && docked == null) {
       console.warn(
         "Sidebar: `docked` must be set when `onDock` is supplied for the sidebar to be user-dockable. To hide this message, either pass `docked` or remove `onDock`",
       );
diff --git a/src/components/__snapshots__/App.test.tsx.snap b/src/components/__snapshots__/App.test.tsx.snap
index 49c2fd0fc..2cdf4bb8b 100644
--- a/src/components/__snapshots__/App.test.tsx.snap
+++ b/src/components/__snapshots__/App.test.tsx.snap
@@ -1,6 +1,6 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test <App/> > should show error modal when using brave and measureText API is not working 1`] = `
+exports[`Test <App/> should show error modal when using brave and measureText API is not working 1`] = `
 <div
   data-testid="brave-measure-text-error"
 >
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index 012725bc4..d84261fc2 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -443,7 +443,7 @@ const _deepCopyElement = (val: any, depth: number = 0) => {
   // we're not cloning non-array & non-plain-object objects because we
   // don't support them on excalidraw elements yet. If we do, we need to make
   // sure we start cloning them, so let's warn about it.
-  if (import.meta.env.DEV) {
+  if (process.env.NODE_ENV === "development") {
     if (
       objectType !== "[object Object]" &&
       objectType !== "[object Array]" &&
diff --git a/src/element/sizeHelpers.test.ts b/src/element/sizeHelpers.test.ts
index 8e63dd9da..36dffc2bd 100644
--- a/src/element/sizeHelpers.test.ts
+++ b/src/element/sizeHelpers.test.ts
@@ -1,32 +1,19 @@
-import { vi } from "vitest";
 import { getPerfectElementSize } from "./sizeHelpers";
 import * as constants from "../constants";
 
 const EPSILON_DIGITS = 3;
-// Needed so that we can mock the value of constants which is done in
-// below tests. In Jest this wasn't needed as global override was possible
-// but vite doesn't allow that hence we need to mock
-vi.mock(
-  "../constants.ts",
-  //@ts-ignore
-  async (importOriginal) => {
-    const module: any = await importOriginal();
-    return { ...module };
-  },
-);
+
 describe("getPerfectElementSize", () => {
   it("should return height:0 if `elementType` is line and locked angle is 0", () => {
     const { height, width } = getPerfectElementSize("line", 149, 10);
     expect(width).toBeCloseTo(149, EPSILON_DIGITS);
     expect(height).toBeCloseTo(0, EPSILON_DIGITS);
   });
-
   it("should return width:0 if `elementType` is line and locked angle is 90 deg (Math.PI/2)", () => {
     const { height, width } = getPerfectElementSize("line", 10, 140);
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
     expect(height).toBeCloseTo(140, EPSILON_DIGITS);
   });
-
   it("should return height:0 if `elementType` is arrow and locked angle is 0", () => {
     const { height, width } = getPerfectElementSize("arrow", 200, 20);
     expect(width).toBeCloseTo(200, EPSILON_DIGITS);
@@ -37,19 +24,16 @@ describe("getPerfectElementSize", () => {
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
     expect(height).toBeCloseTo(100, EPSILON_DIGITS);
   });
-
   it("should return adjust height to be width * tan(locked angle)", () => {
     const { height, width } = getPerfectElementSize("arrow", 120, 185);
     expect(width).toBeCloseTo(120, EPSILON_DIGITS);
     expect(height).toBeCloseTo(207.846, EPSILON_DIGITS);
   });
-
   it("should return height equals to width if locked angle is 45 deg", () => {
     const { height, width } = getPerfectElementSize("arrow", 135, 145);
     expect(width).toBeCloseTo(135, EPSILON_DIGITS);
     expect(height).toBeCloseTo(135, EPSILON_DIGITS);
   });
-
   it("should return height:0 and width:0 when width and height are 0", () => {
     const { height, width } = getPerfectElementSize("arrow", 0, 0);
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index c09191170..7fb153987 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -955,7 +955,7 @@ describe("textWysiwyg", () => {
       // should center align horizontally and vertically by default
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        [
+        Array [
           85,
           4.5,
         ]
@@ -979,7 +979,7 @@ describe("textWysiwyg", () => {
       // should left align horizontally and bottom vertically after resize
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        [
+        Array [
           15,
           65,
         ]
@@ -1001,7 +1001,7 @@ describe("textWysiwyg", () => {
       // should right align horizontally and top vertically after resize
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        [
+        Array [
           375,
           -539,
         ]
@@ -1279,7 +1279,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Left"));
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             15,
             25,
           ]
@@ -1290,7 +1290,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             30,
             25,
           ]
@@ -1302,7 +1302,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align top"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             45,
             25,
           ]
@@ -1313,7 +1313,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
         fireEvent.click(screen.getByTitle("Left"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             15,
             45,
           ]
@@ -1325,7 +1325,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             30,
             45,
           ]
@@ -1337,7 +1337,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             45,
             45,
           ]
@@ -1349,7 +1349,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align bottom"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             15,
             65,
           ]
@@ -1360,7 +1360,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             30,
             65,
           ]
@@ -1371,7 +1371,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Right"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          [
+          Array [
             45,
             65,
           ]
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index 506f6680f..ec0c2a348 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -171,7 +171,10 @@ class Collab extends PureComponent<Props, CollabState> {
 
     appJotaiStore.set(collabAPIAtom, collabAPI);
 
-    if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
+    if (
+      process.env.NODE_ENV === ENV.TEST ||
+      process.env.NODE_ENV === ENV.DEVELOPMENT
+    ) {
       window.collab = window.collab || ({} as Window["collab"]);
       Object.defineProperties(window, {
         collab: {
@@ -857,7 +860,10 @@ declare global {
   }
 }
 
-if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
+if (
+  process.env.NODE_ENV === ENV.TEST ||
+  process.env.NODE_ENV === ENV.DEVELOPMENT
+) {
   window.collab = window.collab || ({} as Window["collab"]);
 }
 
diff --git a/src/excalidraw-app/components/AppWelcomeScreen.tsx b/src/excalidraw-app/components/AppWelcomeScreen.tsx
index 2dff7d270..80fedf9fa 100644
--- a/src/excalidraw-app/components/AppWelcomeScreen.tsx
+++ b/src/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -19,9 +19,7 @@ export const AppWelcomeScreen: React.FC<{
           return (
             <a
               style={{ pointerEvents: "all" }}
-              href={`${
-                import.meta.env.VITE_APP_PLUS_APP
-              }?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
+              href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
               key={idx}
             >
               Excalidraw+
diff --git a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
index 76be9a8f0..616a2a053 100644
--- a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
+++ b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
@@ -6,9 +6,7 @@ export const ExcalidrawPlusAppLink = () => {
   }
   return (
     <a
-      href={`${
-        import.meta.env.VITE_APP_PLUS_APP
-      }?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
+      href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
       target="_blank"
       rel="noreferrer"
       className="plus-button"
diff --git a/src/excalidraw-app/data/firebase.ts b/src/excalidraw-app/data/firebase.ts
index bb914de12..02e14466f 100644
--- a/src/excalidraw-app/data/firebase.ts
+++ b/src/excalidraw-app/data/firebase.ts
@@ -21,12 +21,10 @@ import { ResolutionType } from "../../utility-types";
 
 let FIREBASE_CONFIG: Record<string, any>;
 try {
-  FIREBASE_CONFIG = JSON.parse(import.meta.env.VITE_APP_FIREBASE_CONFIG);
+  FIREBASE_CONFIG = JSON.parse(process.env.REACT_APP_FIREBASE_CONFIG);
 } catch (error: any) {
   console.warn(
-    `Error JSON parsing firebase config. Supplied value: ${
-      import.meta.env.VITE_APP_FIREBASE_CONFIG
-    }`,
+    `Error JSON parsing firebase config. Supplied value: ${process.env.REACT_APP_FIREBASE_CONFIG}`,
   );
   FIREBASE_CONFIG = {};
 }
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index d3108c761..c85eb27c0 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -47,8 +47,8 @@ export const getSyncableElements = (elements: readonly ExcalidrawElement[]) =>
     isSyncableElement(element),
   ) as SyncableExcalidrawElement[];
 
-const BACKEND_V2_GET = import.meta.env.VITE_APP_BACKEND_V2_GET_URL;
-const BACKEND_V2_POST = import.meta.env.VITE_APP_BACKEND_V2_POST_URL;
+const BACKEND_V2_GET = process.env.REACT_APP_BACKEND_V2_GET_URL;
+const BACKEND_V2_POST = process.env.REACT_APP_BACKEND_V2_POST_URL;
 
 const generateRoomId = async () => {
   const buffer = new Uint8Array(ROOM_ID_BYTES);
@@ -67,16 +67,16 @@ export const getCollabServer = async (): Promise<{
   url: string;
   polling: boolean;
 }> => {
-  if (import.meta.env.VITE_APP_WS_SERVER_URL) {
+  if (process.env.REACT_APP_WS_SERVER_URL) {
     return {
-      url: import.meta.env.VITE_APP_WS_SERVER_URL,
+      url: process.env.REACT_APP_WS_SERVER_URL,
       polling: true,
     };
   }
 
   try {
     const resp = await fetch(
-      `${import.meta.env.VITE_APP_PORTAL_URL}/collab-server`,
+      `${process.env.REACT_APP_PORTAL_URL}/collab-server`,
     );
     return await resp.json();
   } catch (error) {
diff --git a/src/excalidraw-app/pwa.ts b/src/excalidraw-app/pwa.ts
new file mode 100644
index 000000000..69cb33ecb
--- /dev/null
+++ b/src/excalidraw-app/pwa.ts
@@ -0,0 +1,31 @@
+import { register as registerServiceWorker } from "../serviceWorkerRegistration";
+import { EVENT } from "../constants";
+
+// On Apple mobile devices add the proprietary app icon and splashscreen markup.
+// No one should have to do this manually, and eventually this annoyance will
+// go away once https://bugs.webkit.org/show_bug.cgi?id=183937 is fixed.
+if (
+  /\b(iPad|iPhone|iPod|Safari)\b/.test(navigator.userAgent) &&
+  !matchMedia("(display-mode: standalone)").matches
+) {
+  import(/* webpackChunkName: "pwacompat" */ "pwacompat");
+}
+
+registerServiceWorker({
+  onUpdate: (registration) => {
+    const waitingServiceWorker = registration.waiting;
+    if (waitingServiceWorker) {
+      waitingServiceWorker.addEventListener(
+        EVENT.STATE_CHANGE,
+        (event: Event) => {
+          const target = event.target as ServiceWorker;
+          const state = target.state as ServiceWorkerState;
+          if (state === "activated") {
+            window.location.reload();
+          }
+        },
+      );
+      waitingServiceWorker.postMessage({ type: "SKIP_WAITING" });
+    }
+  },
+});
diff --git a/src/excalidraw-app/sentry.ts b/src/excalidraw-app/sentry.ts
index 6ad0d49f8..04b3246d8 100644
--- a/src/excalidraw-app/sentry.ts
+++ b/src/excalidraw-app/sentry.ts
@@ -7,7 +7,7 @@ const SentryEnvHostnameMap: { [key: string]: string } = {
 };
 
 const REACT_APP_DISABLE_SENTRY =
-  import.meta.env.VITE_APP_DISABLE_SENTRY === "true";
+  process.env.REACT_APP_DISABLE_SENTRY === "true";
 
 // Disable Sentry locally or inside the Docker to avoid noise/respect privacy
 const onlineEnv =
@@ -21,7 +21,7 @@ Sentry.init({
     ? "https://7bfc596a5bf945eda6b660d3015a5460@sentry.io/5179260"
     : undefined,
   environment: onlineEnv ? SentryEnvHostnameMap[onlineEnv] : undefined,
-  release: import.meta.env.VITE_APP_GIT_SHA,
+  release: process.env.REACT_APP_GIT_SHA,
   ignoreErrors: [
     "undefined is not an object (evaluating 'window.__pad.performLoop')", // Only happens on Safari, but spams our servers. Doesn't break anything
   ],
diff --git a/src/global.d.ts b/src/global.d.ts
index e772d3716..3a666e11a 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -38,6 +38,16 @@ interface CanvasRenderingContext2D {
   ) => void;
 }
 
+// https://github.com/facebook/create-react-app/blob/ddcb7d5/packages/react-scripts/lib/react-app.d.ts
+declare namespace NodeJS {
+  interface ProcessEnv {
+    readonly REACT_APP_BACKEND_V2_GET_URL: string;
+    readonly REACT_APP_BACKEND_V2_POST_URL: string;
+    readonly REACT_APP_PORTAL_URL: string;
+    readonly REACT_APP_FIREBASE_CONFIG: string;
+  }
+}
+
 interface Clipboard extends EventTarget {
   write(data: any[]): Promise<void>;
 }
diff --git a/src/i18n.ts b/src/i18n.ts
index 6536b2c6d..3c6bf7fcc 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,5 +1,6 @@
 import fallbackLangData from "./locales/en.json";
 import percentages from "./locales/percentages.json";
+import { ENV } from "./constants";
 import { jotaiScope, jotaiStore } from "./jotai";
 import { atom, useAtomValue } from "jotai";
 import { NestedKeyOf } from "./utility-types";
@@ -73,7 +74,7 @@ export const languages: Language[] = [
 ];
 
 const TEST_LANG_CODE = "__test__";
-if (import.meta.env.DEV) {
+if (process.env.NODE_ENV === ENV.DEVELOPMENT) {
   languages.unshift(
     { code: TEST_LANG_CODE, label: "test language" },
     {
@@ -144,7 +145,7 @@ export const t = (
   if (translation === undefined) {
     const errorMessage = `Can't find translation for ${path}`;
     // in production, don't blow up the app on a missing translation key
-    if (import.meta.env.PROD) {
+    if (process.env.NODE_ENV === "production") {
       console.warn(errorMessage);
       return "";
     }
diff --git a/src/index.tsx b/src/index.tsx
index d0f333ec1..d08ba609a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,8 +2,9 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import ExcalidrawApp from "./excalidraw-app";
 
+import "./excalidraw-app/pwa";
 import "./excalidraw-app/sentry";
-window.__EXCALIDRAW_SHA__ = import.meta.env.VITE_APP_GIT_SHA;
+window.__EXCALIDRAW_SHA__ = process.env.REACT_APP_GIT_SHA;
 const rootElement = document.getElementById("root")!;
 const root = createRoot(rootElement);
 root.render(
diff --git a/src/packages/excalidraw/env.js b/src/packages/excalidraw/env.js
index cb7ead2af..6c5fd56e5 100644
--- a/src/packages/excalidraw/env.js
+++ b/src/packages/excalidraw/env.js
@@ -9,9 +9,9 @@ const parseEnvVariables = (filepath) => {
     },
     {},
   );
-  envVars.VITE_PKG_NAME = JSON.stringify(pkg.name);
-  envVars.VITE_PKG_VERSION = JSON.stringify(pkg.version);
-  envVars.VITE_IS_EXCALIDRAW_NPM_PACKAGE = JSON.stringify(true);
+  envVars.PKG_NAME = JSON.stringify(pkg.name);
+  envVars.PKG_VERSION = JSON.stringify(pkg.version);
+  envVars.IS_EXCALIDRAW_NPM_PACKAGE = JSON.stringify(true);
   return envVars;
 };
 
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index c449498f0..b3b9d6f03 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -59,7 +59,6 @@
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
     "dotenv": "16.0.1",
-    "import-meta-loader": "1.1.0",
     "mini-css-extract-plugin": "2.6.1",
     "postcss-loader": "7.0.1",
     "sass-loader": "13.0.2",
diff --git a/src/packages/excalidraw/publicPath.js b/src/packages/excalidraw/publicPath.js
index 6cd6bb676..0e1f8c3db 100644
--- a/src/packages/excalidraw/publicPath.js
+++ b/src/packages/excalidraw/publicPath.js
@@ -4,5 +4,5 @@ if (process.env.NODE_ENV !== ENV.TEST) {
   /* global __webpack_public_path__:writable */
   __webpack_public_path__ =
     window.EXCALIDRAW_ASSET_PATH ||
-    `https://unpkg.com/${process.env.VITE_PKG_NAME}@${process.env.VITE_PKG_VERSION}/dist/`;
+    `https://unpkg.com/${process.env.PKG_NAME}@${process.env.PKG_VERSION}/dist/`;
 }
diff --git a/src/packages/excalidraw/webpack.dev.config.js b/src/packages/excalidraw/webpack.dev.config.js
index 281307388..e16d8da72 100644
--- a/src/packages/excalidraw/webpack.dev.config.js
+++ b/src/packages/excalidraw/webpack.dev.config.js
@@ -47,9 +47,6 @@ module.exports = {
         exclude:
           /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
         use: [
-          {
-            loader: "import-meta-loader",
-          },
           {
             loader: "ts-loader",
             options: {
diff --git a/src/packages/excalidraw/webpack.prod.config.js b/src/packages/excalidraw/webpack.prod.config.js
index c9f8d56a5..0a1e63618 100644
--- a/src/packages/excalidraw/webpack.prod.config.js
+++ b/src/packages/excalidraw/webpack.prod.config.js
@@ -50,9 +50,6 @@ module.exports = {
           /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
 
         use: [
-          {
-            loader: "import-meta-loader",
-          },
           {
             loader: "ts-loader",
             options: {
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 789571d87..43dc27cb8 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -2916,11 +2916,6 @@ import-local@^3.0.2:
     pkg-dir "^4.2.0"
     resolve-cwd "^3.0.0"
 
-import-meta-loader@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/import-meta-loader/-/import-meta-loader-1.1.0.tgz#927060305f2d0f88b495f2754aa33387ca6579d7"
-  integrity sha512-f96r2o8xT+b2KVlOY4x+1KTJmJiapZlf77j1WebR8NQgMG1dpdqijjGl4i/2jMoXch2CVqcQoTMfh5BR7bR8wA==
-
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index b320c81ac..8b046ef85 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -915,7 +915,7 @@ const drawElementFromCanvas = (
     );
 
     if (
-      import.meta.env.VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
+      process.env.REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
         "true" &&
       hasBoundTextElement(element)
     ) {
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 61f235d18..964861c6c 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -133,13 +133,12 @@ export const exportToSvg = async (
   }
 
   let assetPath = "https://excalidraw.com/";
+
   // Asset path needs to be determined only when using package
-  if (import.meta.env.VITE_IS_EXCALIDRAW_NPM_PACKAGE) {
+  if (process.env.IS_EXCALIDRAW_NPM_PACKAGE) {
     assetPath =
       window.EXCALIDRAW_ASSET_PATH ||
-      `https://unpkg.com/${import.meta.env.VITE_PKG_NAME}@${
-        import.meta.env.PKG_VERSION
-      }`;
+      `https://unpkg.com/${process.env.PKG_NAME}@${process.env.PKG_VERSION}`;
 
     if (assetPath?.startsWith("/")) {
       assetPath = assetPath.replace("/", `${window.location.origin}/`);
diff --git a/src/service-worker.ts b/src/service-worker.ts
new file mode 100644
index 000000000..3e3a4355f
--- /dev/null
+++ b/src/service-worker.ts
@@ -0,0 +1,147 @@
+/// <reference lib="webworker" />
+/* eslint-disable no-restricted-globals */
+
+// This service worker can be customized!
+// See https://developers.google.com/web/tools/workbox/modules
+// for the list of available Workbox modules, or add any other
+// code you'd like.
+// You can also remove this file if you'd prefer not to use a
+// service worker, and the Workbox build step will be skipped.
+
+import { clientsClaim } from "workbox-core";
+import { ExpirationPlugin } from "workbox-expiration";
+import { precacheAndRoute, createHandlerBoundToURL } from "workbox-precaching";
+import { registerRoute } from "workbox-routing";
+import { CacheFirst, StaleWhileRevalidate } from "workbox-strategies";
+
+declare const self: ServiceWorkerGlobalScope;
+
+clientsClaim();
+
+// Precache assets generated by your build process.
+//
+// Their URLs are injected into the __WB_MANIFEST during build (by workbox).
+//
+// This variable must be present somewhere in your service worker file,
+// even if you decide not to use precaching. See https://cra.link/PWA.
+//
+// We don't want to precache i18n files so we filter them out
+// (normally this should be configured in a webpack workbox plugin, but we don't
+// have access to it in CRA) — this is because all users will use at most
+// one or two languages, so there's no point fetching all of them. (They'll
+// be cached as you load them.)
+const manifest = self.__WB_MANIFEST.filter((entry) => {
+  return !/locales\/[\w-]+json/.test(
+    typeof entry === "string" ? entry : entry.url,
+  );
+});
+
+precacheAndRoute(manifest);
+
+// Set up App Shell-style routing, so that all navigation requests
+// are fulfilled with your index.html shell. Learn more at
+// https://developer.chrome.com/docs/workbox/app-shell-model/
+//
+// below is copied verbatim from CRA@5
+const fileExtensionRegexp = new RegExp("/[^/?]+\\.[^/]+$");
+registerRoute(
+  // Return false to exempt requests from being fulfilled by index.html.
+  ({ request, url }: { request: Request; url: URL }) => {
+    // If this isn't a navigation, skip.
+    if (request.mode !== "navigate") {
+      return false;
+    }
+
+    // If this is a URL that starts with /_, skip.
+    if (url.pathname.startsWith("/_")) {
+      return false;
+    }
+
+    // If this looks like a URL for a resource, because it contains
+    // a file extension, skip.
+    if (url.pathname.match(fileExtensionRegexp)) {
+      return false;
+    }
+
+    // Return true to signal that we want to use the handler.
+    return true;
+  },
+  createHandlerBoundToURL(`${process.env.PUBLIC_URL}/index.html`),
+);
+
+// Cache resources that aren't being precached
+// -----------------------------------------------------------------------------
+
+registerRoute(
+  new RegExp("/fonts.css"),
+  new StaleWhileRevalidate({
+    cacheName: "fonts",
+    plugins: [
+      // Ensure that once this runtime cache reaches a maximum size the
+      // least-recently used images are removed.
+      new ExpirationPlugin({ maxEntries: 50 }),
+    ],
+  }),
+);
+
+// since we serve fonts from, don't forget to append new ?v= param when
+// updating fonts (glyphs) without changing the filename
+registerRoute(
+  new RegExp("/.+.(ttf|woff2|otf)"),
+  new CacheFirst({
+    cacheName: "fonts",
+    plugins: [
+      // Ensure that once this runtime cache reaches a maximum size the
+      // least-recently used images are removed.
+      new ExpirationPlugin({
+        maxEntries: 50,
+        // 90 days
+        maxAgeSeconds: 7776000000,
+      }),
+    ],
+  }),
+);
+
+registerRoute(
+  new RegExp("/locales\\/[\\w-]+json"),
+  // Customize this strategy as needed, e.g., by changing to CacheFirst.
+  new CacheFirst({
+    cacheName: "locales",
+    plugins: [
+      // Ensure that once this runtime cache reaches a maximum size the
+      // least-recently used images are removed.
+      new ExpirationPlugin({
+        maxEntries: 50,
+        // 30 days
+        maxAgeSeconds: 2592000000,
+      }),
+    ],
+  }),
+);
+
+// -----------------------------------------------------------------------------
+
+self.addEventListener("fetch", (event) => {
+  if (
+    event.request.method === "POST" &&
+    event.request.url.endsWith("/web-share-target")
+  ) {
+    return event.respondWith(
+      (async () => {
+        const formData = await event.request.formData();
+        const file = formData.get("file");
+        const webShareTargetCache = await caches.open("web-share-target");
+        await webShareTargetCache.put("shared-file", new Response(file));
+        return Response.redirect("/?web-share-target", 303);
+      })(),
+    );
+  }
+});
+
+// This allows the web app to trigger skipWaiting via
+// registration.waiting.postMessage({type: 'SKIP_WAITING'})
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
diff --git a/src/serviceWorkerRegistration.ts b/src/serviceWorkerRegistration.ts
new file mode 100644
index 000000000..6a2608807
--- /dev/null
+++ b/src/serviceWorkerRegistration.ts
@@ -0,0 +1,162 @@
+// This optional code is used to register a service worker.
+// register() is not called by default.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on subsequent visits to a page, after all the
+// existing tabs open on the page have been closed, since previously cached
+// resources are updated in the background.
+
+// To learn more about the benefits of this model and instructions on how to
+// opt-in, read https://bit.ly/CRA-PWA
+
+const isLocalhost = Boolean(
+  window.location.hostname === "localhost" ||
+    // [::1] is the IPv6 localhost address.
+    window.location.hostname === "[::1]" ||
+    // 127.0.0.0/8 are considered localhost for IPv4.
+    window.location.hostname.match(
+      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,
+    ),
+);
+
+type Config = {
+  onSuccess?: (registration: ServiceWorkerRegistration) => void;
+  onUpdate?: (registration: ServiceWorkerRegistration) => void;
+};
+
+export const register = (config?: Config) => {
+  if (
+    (process.env.NODE_ENV === "production" ||
+      process.env.REACT_APP_DEV_ENABLE_SW?.toLowerCase() === "true") &&
+    "serviceWorker" in navigator
+  ) {
+    // The URL constructor is available in all browsers that support SW.
+    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
+    if (publicUrl.origin !== window.location.origin) {
+      // Our service worker won't work if PUBLIC_URL is on a different origin
+      // from what our page is served on. This might happen if a CDN is used to
+      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
+      return;
+    }
+
+    window.addEventListener("load", () => {
+      const isWebexLP = window.location.pathname.startsWith("/webex");
+      if (isWebexLP) {
+        unregister(() => {
+          window.location.reload();
+        });
+        return false;
+      }
+      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+
+      if (isLocalhost) {
+        // This is running on localhost. Let's check if a service worker still exists or not.
+        checkValidServiceWorker(swUrl, config);
+
+        // Add some additional logging to localhost, pointing developers to the
+        // service worker/PWA documentation.
+        navigator.serviceWorker.ready.then(() => {
+          console.info(
+            "This web app is being served cache-first by a service " +
+              "worker. To learn more, visit https://bit.ly/CRA-PWA",
+          );
+        });
+      } else {
+        // Is not localhost. Just register service worker
+        registerValidSW(swUrl, config);
+      }
+    });
+  }
+};
+
+const registerValidSW = (swUrl: string, config?: Config) => {
+  navigator.serviceWorker
+    .register(swUrl)
+    .then((registration) => {
+      registration.onupdatefound = () => {
+        const installingWorker = registration.installing;
+        if (installingWorker == null) {
+          return;
+        }
+        installingWorker.onstatechange = () => {
+          if (installingWorker.state === "installed") {
+            if (navigator.serviceWorker.controller) {
+              // At this point, the updated precached content has been fetched,
+              // but the previous service worker will still serve the older
+              // content until all client tabs are closed.
+
+              console.info(
+                "New content is available and will be used when all tabs for this page are closed.",
+              );
+
+              // Execute callback
+              if (config && config.onUpdate) {
+                config.onUpdate(registration);
+              }
+            } else {
+              // At this point, everything has been precached.
+              // It's the perfect time to display a
+              // "Content is cached for offline use." message.
+
+              console.info("Content is cached for offline use.");
+
+              // Execute callback
+              if (config && config.onSuccess) {
+                config.onSuccess(registration);
+              }
+            }
+          }
+        };
+      };
+    })
+    .catch((error) => {
+      console.error("Error during service worker registration:", error);
+    });
+};
+
+const checkValidServiceWorker = (swUrl: string, config?: Config) => {
+  // Check if the service worker can be found. If it can't reload the page.
+  fetch(swUrl, {
+    headers: { "Service-Worker": "script" },
+  })
+    .then((response) => {
+      // Ensure service worker exists, and that we really are getting a JS file.
+      const contentType = response.headers.get("content-type");
+      if (
+        response.status === 404 ||
+        (contentType != null && contentType.indexOf("javascript") === -1)
+      ) {
+        // No service worker found. Probably a different app. Reload the page.
+        navigator.serviceWorker.ready.then((registration) => {
+          registration.unregister().then(() => {
+            window.location.reload();
+          });
+        });
+      } else {
+        // Service worker found. Proceed as normal.
+        registerValidSW(swUrl, config);
+      }
+    })
+    .catch((error) => {
+      console.info(
+        "No internet connection found. App is running in offline mode.",
+        error.message,
+      );
+    });
+};
+
+export const unregister = (callback?: () => void) => {
+  if ("serviceWorker" in navigator) {
+    navigator.serviceWorker.ready
+      .then((registration) => {
+        return registration.unregister();
+      })
+      .then(() => {
+        callback?.();
+      })
+      .catch((error) => {
+        console.error(error.message);
+      });
+  }
+};
diff --git a/src/setupTests.ts b/src/setupTests.ts
index 342e532d1..698b2d4ce 100644
--- a/src/setupTests.ts
+++ b/src/setupTests.ts
@@ -1,16 +1,19 @@
-// vitest.setup.ts
-import "vitest-canvas-mock";
 import "@testing-library/jest-dom";
-import { vi } from "vitest";
+import "jest-canvas-mock";
+import dotenv from "dotenv";
 import polyfill from "./polyfill";
 
 require("fake-indexeddb/auto");
 
 polyfill();
+// jest doesn't know of .env.development so we need to init it ourselves
+dotenv.config({
+  path: require("path").resolve(__dirname, "../.env.development"),
+});
 
-vi.mock("nanoid", () => {
+jest.mock("nanoid", () => {
   return {
-    nanoid: vi.fn(() => "test-id"),
+    nanoid: jest.fn(() => "test-id"),
   };
 });
 // ReactDOM is located inside index.tsx file
diff --git a/src/tests/MobileMenu.test.tsx b/src/tests/MobileMenu.test.tsx
index a5014062d..60059cb2e 100644
--- a/src/tests/MobileMenu.test.tsx
+++ b/src/tests/MobileMenu.test.tsx
@@ -11,23 +11,23 @@ describe("Test MobileMenu", () => {
   const { h } = window;
   const dimensions = { height: 400, width: 800 };
 
-  beforeAll(() => {
-    mockBoundingClientRect(dimensions);
-  });
-
   beforeEach(async () => {
     await render(<ExcalidrawApp />);
     //@ts-ignore
     h.app.refreshDeviceState(h.app.excalidrawContainerRef.current!);
   });
 
+  beforeAll(() => {
+    mockBoundingClientRect(dimensions);
+  });
+
   afterAll(() => {
     restoreOriginalGetBoundingClientRect();
   });
 
   it("should set device correctly", () => {
     expect(h.app.device).toMatchInlineSnapshot(`
-      {
+      Object {
         "canDeviceFitSidebar": false,
         "isLandscape": true,
         "isMobile": true,
@@ -39,6 +39,7 @@ describe("Test MobileMenu", () => {
 
   it("should initialize with welcome screen and hide once user interacts", async () => {
     expect(document.querySelector(".welcome-screen-center")).toMatchSnapshot();
+
     UI.clickTool("rectangle");
     expect(document.querySelector(".welcome-screen-center")).toBeNull();
   });
diff --git a/src/tests/__snapshots__/MobileMenu.test.tsx.snap b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
index d85989e68..f3e55fd99 100644
--- a/src/tests/__snapshots__/MobileMenu.test.tsx.snap
+++ b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
@@ -1,6 +1,6 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test MobileMenu > should initialize with welcome screen and hide once user interacts 1`] = `
+exports[`Test MobileMenu should initialize with welcome screen and hide once user interacts 1`] = `
 <div
   class="welcome-screen-center"
 >
diff --git a/src/tests/__snapshots__/charts.test.tsx.snap b/src/tests/__snapshots__/charts.test.tsx.snap
index 868e27e84..1bb5c2a40 100644
--- a/src/tests/__snapshots__/charts.test.tsx.snap
+++ b/src/tests/__snapshots__/charts.test.tsx.snap
@@ -1,15 +1,15 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`tryParseSpreadsheet > works for numbers with comma in them 1`] = `
-{
-  "spreadsheet": {
-    "labels": [
+exports[`tryParseSpreadsheet works for numbers with comma in them 1`] = `
+Object {
+  "spreadsheet": Object {
+    "labels": Array [
       "Week 1",
       "Week 2",
       "Week 3",
     ],
     "title": "Users",
-    "values": [
+    "values": Array [
       814,
       10301,
       4264,
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index 8ed2c3083..a6ee42652 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -1,284 +1,284 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] appState 1`] = `
-{
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": {
-    "items": [
-      {
+  "contextMenu": Object {
+    "items": Array [
+      Object {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "history",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "delete",
           "category": "element",
         },
@@ -315,7 +315,7 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -337,24 +337,24 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "g1": true,
   },
   "selectedLinearElement": null,
@@ -364,27 +364,27 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "g1",
   ],
   "height": 100,
@@ -394,7 +394,7 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
@@ -411,14 +411,14 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
 }
 `;
 
-exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "g1",
   ],
   "height": 100,
@@ -428,7 +428,7 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -445,34 +445,34 @@ exports[`contextMenu element > right-clicking on a group should select whole gro
 }
 `;
 
-exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] history 1`] = `
-{
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of renders 1`] = `7`;
+exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `7`;
 
-exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -508,7 +508,7 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -530,23 +530,23 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -554,29 +554,29 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
-  "toast": {
+  "toast": Object {
     "message": "Added to library",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -584,7 +584,7 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -601,41 +601,41 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
 }
 `;
 
-exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -643,7 +643,7 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -664,14 +664,14 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e
 }
 `;
 
-exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -707,7 +707,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -729,23 +729,23 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -753,27 +753,27 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -781,7 +781,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -798,14 +798,14 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -813,7 +813,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -830,41 +830,41 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -872,7 +872,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -889,25 +889,25 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -915,7 +915,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -930,13 +930,13 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -944,7 +944,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -961,25 +961,25 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -987,7 +987,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -1002,13 +1002,13 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "x": 20,
           "y": 30,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1016,7 +1016,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1037,14 +1037,14 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1080,7 +1080,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1102,23 +1102,23 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1126,27 +1126,27 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -1154,7 +1154,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -1171,14 +1171,14 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1186,7 +1186,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1203,41 +1203,41 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1245,7 +1245,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1262,25 +1262,25 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1288,7 +1288,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1303,13 +1303,13 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -1317,7 +1317,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -1334,25 +1334,25 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -1360,7 +1360,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -1375,13 +1375,13 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "x": 20,
           "y": 30,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1389,7 +1389,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1410,14 +1410,14 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings
 }
 `;
 
-exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1453,7 +1453,7 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1475,23 +1475,23 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1499,29 +1499,29 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
-  "toast": {
+  "toast": Object {
     "message": "Copied styles.",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1529,7 +1529,7 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1546,41 +1546,41 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
 }
 `;
 
-exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1588,7 +1588,7 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1609,14 +1609,14 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st
 }
 `;
 
-exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1652,7 +1652,7 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1674,21 +1674,21 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1696,27 +1696,27 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": true,
@@ -1724,7 +1724,7 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1741,41 +1741,41 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
 }
 `;
 
-exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1783,7 +1783,7 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1800,23 +1800,23 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": true,
@@ -1824,7 +1824,7 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1845,14 +1845,14 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen
 }
 `;
 
-exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1888,7 +1888,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1910,23 +1910,23 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0_copy": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1934,27 +1934,27 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1962,7 +1962,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1979,14 +1979,14 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
 }
 `;
 
-exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0_copy",
   "isDeleted": false,
@@ -1994,7 +1994,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -2011,41 +2011,41 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
 }
 `;
 
-exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2053,7 +2053,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2070,25 +2070,25 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0_copy": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2096,7 +2096,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2111,13 +2111,13 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0_copy",
           "isDeleted": false,
@@ -2125,7 +2125,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -2146,14 +2146,14 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates
 }
 `;
 
-exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2189,7 +2189,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2211,26 +2211,26 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id3": true,
   },
   "selectedLinearElement": null,
@@ -2240,27 +2240,27 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "id3",
   ],
   "height": 20,
@@ -2270,7 +2270,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -2287,14 +2287,14 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
 }
 `;
 
-exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "id3",
   ],
   "height": 20,
@@ -2304,7 +2304,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -2321,41 +2321,41 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
 }
 `;
 
-exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2363,7 +2363,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2380,25 +2380,25 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2406,7 +2406,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2421,13 +2421,13 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2435,7 +2435,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -2452,28 +2452,28 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 20,
@@ -2483,7 +2483,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2498,13 +2498,13 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 20,
@@ -2514,7 +2514,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -2535,14 +2535,14 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group
 }
 `;
 
-exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of renders 1`] = `20`;
+exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `20`;
 
-exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2578,7 +2578,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2600,23 +2600,23 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2624,29 +2624,29 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
-  "toast": {
+  "toast": Object {
     "message": "Copied styles.",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -2654,7 +2654,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
   "locked": false,
   "opacity": 60,
   "roughness": 2,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -2671,14 +2671,14 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
 }
 `;
 
-exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -2686,7 +2686,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
   "locked": false,
   "opacity": 60,
   "roughness": 2,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 400692809,
@@ -2703,41 +2703,41 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
 }
 `;
 
-exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2745,7 +2745,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2762,25 +2762,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2788,7 +2788,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2803,13 +2803,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2817,7 +2817,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -2834,25 +2834,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2860,7 +2860,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2875,13 +2875,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2889,7 +2889,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -2906,25 +2906,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2932,7 +2932,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2947,13 +2947,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2961,7 +2961,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -2978,25 +2978,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3004,7 +3004,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3019,13 +3019,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3033,7 +3033,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -3050,25 +3050,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3076,7 +3076,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3091,13 +3091,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3105,7 +3105,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -3122,25 +3122,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3148,7 +3148,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3163,13 +3163,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3177,7 +3177,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -3194,25 +3194,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3220,7 +3220,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3235,13 +3235,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3249,7 +3249,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 2,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -3266,25 +3266,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3292,7 +3292,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3307,13 +3307,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3321,7 +3321,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -3338,25 +3338,25 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3364,7 +3364,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3379,13 +3379,13 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3393,7 +3393,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -3414,14 +3414,14 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s
 }
 `;
 
-exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of renders 1`] = `32`;
+exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `32`;
 
-exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3457,7 +3457,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3479,23 +3479,23 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3503,27 +3503,27 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -3531,7 +3531,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -3548,14 +3548,14 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
 }
 `;
 
-exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -3563,7 +3563,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -3580,41 +3580,41 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
 }
 `;
 
-exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3622,7 +3622,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3639,25 +3639,25 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3665,7 +3665,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3680,13 +3680,13 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3694,7 +3694,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -3711,25 +3711,25 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3737,7 +3737,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -3752,13 +3752,13 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "x": 20,
           "y": 30,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3766,7 +3766,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3787,14 +3787,14 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e
 }
 `;
 
-exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3830,7 +3830,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3852,23 +3852,23 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3876,27 +3876,27 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -3904,7 +3904,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -3921,14 +3921,14 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
 }
 `;
 
-exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -3936,7 +3936,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -3953,41 +3953,41 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
 }
 `;
 
-exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3995,7 +3995,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4012,25 +4012,25 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4038,7 +4038,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4053,13 +4053,13 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4067,7 +4067,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -4084,25 +4084,25 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4110,7 +4110,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -4125,13 +4125,13 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "x": 20,
           "y": 30,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4139,7 +4139,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4160,14 +4160,14 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el
 }
 `;
 
-exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] appState 1`] = `
-{
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4203,7 +4203,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4225,26 +4225,26 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4252,27 +4252,27 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -4280,7 +4280,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -4297,14 +4297,14 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
 }
 `;
 
-exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -4312,7 +4312,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -4329,41 +4329,41 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
 }
 `;
 
-exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] history 1`] = `
-{
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4371,7 +4371,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4388,25 +4388,25 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4414,7 +4414,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4429,13 +4429,13 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4443,7 +4443,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -4460,28 +4460,28 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 20,
@@ -4491,7 +4491,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4506,13 +4506,13 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 20,
@@ -4522,7 +4522,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -4539,26 +4539,26 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4566,7 +4566,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4581,13 +4581,13 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4595,7 +4595,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -4616,289 +4616,289 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung
 }
 `;
 
-exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of renders 1`] = `21`;
+exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `21`;
 
-exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] appState 1`] = `
-{
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": {
-    "items": [
-      {
+  "contextMenu": Object {
+    "items": Array [
+      Object {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "history",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "delete",
           "category": "element",
         },
@@ -4935,7 +4935,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4957,26 +4957,26 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4984,27 +4984,27 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 10,
   "id": "id0",
   "isDeleted": false,
@@ -5012,7 +5012,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -5029,14 +5029,14 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
 }
 `;
 
-exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 10,
   "id": "id1",
   "isDeleted": false,
@@ -5044,7 +5044,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -5061,41 +5061,41 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
 }
 `;
 
-exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] history 1`] = `
-{
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5103,7 +5103,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5120,25 +5120,25 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5146,7 +5146,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5161,13 +5161,13 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5175,7 +5175,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -5196,289 +5196,289 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi
 }
 `;
 
-exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of renders 1`] = `20`;
+exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `20`;
 
-exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] appState 1`] = `
-{
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": {
-    "items": [
-      {
+  "contextMenu": Object {
+    "items": Array [
+      Object {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "history",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "delete",
           "category": "element",
         },
@@ -5515,7 +5515,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5537,26 +5537,26 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id4": true,
   },
   "selectedLinearElement": null,
@@ -5566,27 +5566,27 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "id4",
   ],
   "height": 10,
@@ -5596,7 +5596,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -5613,14 +5613,14 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
 }
 `;
 
-exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "id4",
   ],
   "height": 10,
@@ -5630,7 +5630,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 453191,
@@ -5647,41 +5647,41 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
 }
 `;
 
-exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] history 1`] = `
-{
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5689,7 +5689,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5706,25 +5706,25 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5732,7 +5732,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5747,13 +5747,13 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5761,7 +5761,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -5778,28 +5778,28 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -5809,7 +5809,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5824,13 +5824,13 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "x": -10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -5840,7 +5840,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 453191,
@@ -5861,128 +5861,128 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro
 }
 `;
 
-exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of renders 1`] = `21`;
+exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `21`;
 
-exports[`contextMenu element > shows context menu for canvas > [end of test] appState 1`] = `
-{
+exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": {
-    "items": [
-      {
+  "contextMenu": Object {
+    "items": Array [
+      Object {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.selectAll",
         "keyTest": [Function],
         "name": "selectAll",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.elementLock.unlockAll",
         "name": "unlockAllElements",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
         "viewMode": false,
       },
       "separator",
-      {
+      Object {
         "checked": [Function],
         "contextItemLabel": "labels.showGrid",
         "keyTest": [Function],
         "name": "gridMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      {
+      Object {
         "checked": [Function],
         "contextItemLabel": "buttons.zenMode",
         "keyTest": [Function],
         "name": "zenMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      {
+      Object {
         "checked": [Function],
         "contextItemLabel": "labels.viewMode",
         "keyTest": [Function],
         "name": "viewMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      {
+      Object {
         "checked": [Function],
         "contextItemLabel": "stats.title",
         "keyTest": [Function],
         "name": "stats",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "menu",
         },
         "viewMode": true,
@@ -6019,7 +6019,7 @@ exports[`contextMenu element > shows context menu for canvas > [end of test] app
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6041,21 +6041,21 @@ exports[`contextMenu element > shows context menu for canvas > [end of test] app
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6063,322 +6063,322 @@ exports[`contextMenu element > shows context menu for canvas > [end of test] app
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > shows context menu for canvas > [end of test] history 1`] = `
-{
+exports[`contextMenu element shows context menu for canvas: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element > shows context menu for canvas > [end of test] number of elements 1`] = `0`;
+exports[`contextMenu element shows context menu for canvas: [end of test] number of elements 1`] = `0`;
 
-exports[`contextMenu element > shows context menu for canvas > [end of test] number of renders 1`] = `6`;
+exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `6`;
 
-exports[`contextMenu element > shows context menu for element > [end of test] appState 1`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": {
-    "items": [
-      {
+  "contextMenu": Object {
+    "items": Array [
+      Object {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "history",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "delete",
           "category": "element",
         },
@@ -6415,7 +6415,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6437,23 +6437,23 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6461,298 +6461,298 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] appState 2`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] appState 2`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": {
-    "items": [
-      {
+  "contextMenu": Object {
+    "items": Array [
+      Object {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "canvas",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "history",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
-      {
+      Object {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "category": "element",
         },
       },
       "separator",
-      {
+      Object {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": {
+        "trackEvent": Object {
           "action": "delete",
           "category": "element",
         },
@@ -6789,7 +6789,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6811,23 +6811,23 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6835,27 +6835,27 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] element 0 1`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -6863,7 +6863,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] el
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -6880,14 +6880,14 @@ exports[`contextMenu element > shows context menu for element > [end of test] el
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] element 0 2`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] element 0 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 200,
   "id": "id0",
   "isDeleted": false,
@@ -6895,7 +6895,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] el
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
@@ -6912,14 +6912,14 @@ exports[`contextMenu element > shows context menu for element > [end of test] el
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] element 1 1`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] element 1 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 200,
   "id": "id1",
   "isDeleted": false,
@@ -6927,7 +6927,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] el
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 1278240551,
@@ -6944,41 +6944,41 @@ exports[`contextMenu element > shows context menu for element > [end of test] el
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] history 1`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -6986,7 +6986,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] hi
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -7007,30 +7007,30 @@ exports[`contextMenu element > shows context menu for element > [end of test] hi
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] history 2`] = `
-{
+exports[`contextMenu element shows context menu for element: [end of test] history 2`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element > shows context menu for element > [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element shows context menu for element: [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element > shows context menu for element > [end of test] number of elements 2`] = `2`;
+exports[`contextMenu element shows context menu for element: [end of test] number of elements 2`] = `2`;
 
-exports[`contextMenu element > shows context menu for element > [end of test] number of renders 1`] = `12`;
+exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `12`;
 
-exports[`contextMenu element > shows context menu for element > [end of test] number of renders 2`] = `11`;
+exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `11`;
diff --git a/src/tests/__snapshots__/dragCreate.test.tsx.snap b/src/tests/__snapshots__/dragCreate.test.tsx.snap
index 3f527ded1..b8d95d221 100644
--- a/src/tests/__snapshots__/dragCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/dragCreate.test.tsx.snap
@@ -1,9 +1,9 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > arrow 1`] = `1`;
+exports[`Test dragCreate add element to the scene when pointer dragging long enough arrow 1`] = `1`;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > arrow 2`] = `
-{
+exports[`Test dragCreate add element to the scene when pointer dragging long enough arrow 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -11,7 +11,7 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -19,18 +19,18 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -49,16 +49,16 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
 }
 `;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > diamond 1`] = `1`;
+exports[`Test dragCreate add element to the scene when pointer dragging long enough diamond 1`] = `1`;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > diamond 2`] = `
-{
+exports[`Test dragCreate add element to the scene when pointer dragging long enough diamond 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -66,7 +66,7 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -83,16 +83,16 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
 }
 `;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > ellipse 1`] = `1`;
+exports[`Test dragCreate add element to the scene when pointer dragging long enough ellipse 1`] = `1`;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > ellipse 2`] = `
-{
+exports[`Test dragCreate add element to the scene when pointer dragging long enough ellipse 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -100,7 +100,7 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -117,8 +117,8 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
 }
 `;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > line 1`] = `
-{
+exports[`Test dragCreate add element to the scene when pointer dragging long enough line 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -126,7 +126,7 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -134,18 +134,18 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -164,16 +164,16 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
 }
 `;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > rectangle 1`] = `1`;
+exports[`Test dragCreate add element to the scene when pointer dragging long enough rectangle 1`] = `1`;
 
-exports[`Test dragCreate > add element to the scene when pointer dragging long enough > rectangle 2`] = `
-{
+exports[`Test dragCreate add element to the scene when pointer dragging long enough rectangle 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -181,7 +181,7 @@ exports[`Test dragCreate > add element to the scene when pointer dragging long e
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
diff --git a/src/tests/__snapshots__/export.test.tsx.snap b/src/tests/__snapshots__/export.test.tsx.snap
index 8eb93c74e..5f860150e 100644
--- a/src/tests/__snapshots__/export.test.tsx.snap
+++ b/src/tests/__snapshots__/export.test.tsx.snap
@@ -1,6 +1,6 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`export > exporting svg containing transformed images > svg export output 1`] = `
+exports[`export exporting svg containing transformed images: svg export output 1`] = `
 "<svg version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 201.06601717798213 261.4213562373095\\" width=\\"201.06601717798213\\" height=\\"261.4213562373095\\"><symbol id=\\"image-file_A\\"><image width=\\"100%\\" height=\\"100%\\" href=\\"data:image/png;base64,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\\"></image></symbol>
   <!-- svg-source:excalidraw -->
   
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index 190f4b92f..d1a73e72f 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -1,11 +1,11 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test Linear Elements > Test bound text element > should match styles for text editor 1`] = `
+exports[`Test Linear Elements Test bound text element should match styles for text editor 1`] = `
 <textarea
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; backface-visibility: hidden; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/__snapshots__/move.test.tsx.snap b/src/tests/__snapshots__/move.test.tsx.snap
index e7b73d67a..5084d1508 100644
--- a/src/tests/__snapshots__/move.test.tsx.snap
+++ b/src/tests/__snapshots__/move.test.tsx.snap
@@ -1,13 +1,13 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`duplicate element on move when ALT is clicked > rectangle 1`] = `
-{
+exports[`duplicate element on move when ALT is clicked rectangle 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0_copy",
   "isDeleted": false,
@@ -15,7 +15,7 @@ exports[`duplicate element on move when ALT is clicked > rectangle 1`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 401146281,
@@ -32,14 +32,14 @@ exports[`duplicate element on move when ALT is clicked > rectangle 1`] = `
 }
 `;
 
-exports[`duplicate element on move when ALT is clicked > rectangle 2`] = `
-{
+exports[`duplicate element on move when ALT is clicked rectangle 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -47,7 +47,7 @@ exports[`duplicate element on move when ALT is clicked > rectangle 2`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
@@ -64,14 +64,14 @@ exports[`duplicate element on move when ALT is clicked > rectangle 2`] = `
 }
 `;
 
-exports[`move element > rectangle 1`] = `
-{
+exports[`move element rectangle 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -79,7 +79,7 @@ exports[`move element > rectangle 1`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
@@ -96,19 +96,19 @@ exports[`move element > rectangle 1`] = `
 }
 `;
 
-exports[`move element > rectangles with binding arrow 1`] = `
-{
+exports[`move element rectangles with binding arrow 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": [
-    {
+  "boundElements": Array [
+    Object {
       "id": "id2",
       "type": "arrow",
     },
   ],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 100,
   "id": "id0",
   "isDeleted": false,
@@ -116,7 +116,7 @@ exports[`move element > rectangles with binding arrow 1`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
@@ -133,19 +133,19 @@ exports[`move element > rectangles with binding arrow 1`] = `
 }
 `;
 
-exports[`move element > rectangles with binding arrow 2`] = `
-{
+exports[`move element rectangles with binding arrow 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": [
-    {
+  "boundElements": Array [
+    Object {
       "id": "id2",
       "type": "arrow",
     },
   ],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 300,
   "id": "id1",
   "isDeleted": false,
@@ -153,7 +153,7 @@ exports[`move element > rectangles with binding arrow 2`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 449462985,
@@ -170,20 +170,20 @@ exports[`move element > rectangles with binding arrow 2`] = `
 }
 `;
 
-exports[`move element > rectangles with binding arrow 3`] = `
-{
+exports[`move element rectangles with binding arrow 3`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "endArrowhead": null,
-  "endBinding": {
+  "endBinding": Object {
     "elementId": "id1",
     "focus": -0.46666666666666673,
     "gap": 10,
   },
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 81.48231043525051,
   "id": "id2",
   "isDeleted": false,
@@ -191,23 +191,23 @@ exports[`move element > rectangles with binding arrow 3`] = `
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       81,
       81.48231043525051,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 401146281,
   "startArrowhead": null,
-  "startBinding": {
+  "startBinding": Object {
     "elementId": "id0",
     "focus": -0.6000000000000001,
     "gap": 10,
diff --git a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
index 27a6647f7..0a6ae0cc8 100644
--- a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
@@ -1,7 +1,7 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`multi point mode in linear elements > arrow 1`] = `
-{
+exports[`multi point mode in linear elements arrow 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -9,33 +9,33 @@ exports[`multi point mode in linear elements > arrow 1`] = `
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 110,
   "id": "id0",
   "isDeleted": false,
-  "lastCommittedPoint": [
+  "lastCommittedPoint": Array [
     70,
     110,
   ],
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       20,
       30,
     ],
-    [
+    Array [
       70,
       110,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -54,8 +54,8 @@ exports[`multi point mode in linear elements > arrow 1`] = `
 }
 `;
 
-exports[`multi point mode in linear elements > line 1`] = `
-{
+exports[`multi point mode in linear elements line 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -63,33 +63,33 @@ exports[`multi point mode in linear elements > line 1`] = `
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 110,
   "id": "id0",
   "isDeleted": false,
-  "lastCommittedPoint": [
+  "lastCommittedPoint": Array [
     70,
     110,
   ],
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       20,
       30,
     ],
-    [
+    Array [
       70,
       110,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 8c8dd713b..d1400a567 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -1,9 +1,9 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] appState 1`] = `
-{
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -39,7 +39,7 @@ exports[`given element A and group of elements B and given both are selected whe
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -61,14 +61,14 @@ exports[`given element A and group of elements B and given both are selected whe
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -77,12 +77,12 @@ exports[`given element A and group of elements B and given both are selected whe
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id5": true,
   },
   "selectedLinearElement": null,
@@ -92,54 +92,54 @@ exports[`given element A and group of elements B and given both are selected whe
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] history 1`] = `
-{
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -147,7 +147,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -164,25 +164,25 @@ exports[`given element A and group of elements B and given both are selected whe
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -190,7 +190,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -205,13 +205,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -219,7 +219,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -236,25 +236,25 @@ exports[`given element A and group of elements B and given both are selected whe
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -262,7 +262,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -277,13 +277,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -291,7 +291,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -306,13 +306,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 30,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -320,7 +320,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -337,28 +337,28 @@ exports[`given element A and group of elements B and given both are selected whe
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -366,7 +366,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -381,13 +381,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 30,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
           ],
           "height": 10,
@@ -397,7 +397,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -412,13 +412,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
           ],
           "height": 10,
@@ -428,7 +428,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -449,14 +449,14 @@ exports[`given element A and group of elements B and given both are selected whe
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of elements 1`] = `0`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `0`;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of renders 1`] = `28`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of renders 1`] = `28`;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] appState 1`] = `
-{
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -492,7 +492,7 @@ exports[`given element A and group of elements B and given both are selected whe
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -514,14 +514,14 @@ exports[`given element A and group of elements B and given both are selected whe
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -530,11 +530,11 @@ exports[`given element A and group of elements B and given both are selected whe
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -547,54 +547,54 @@ exports[`given element A and group of elements B and given both are selected whe
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] history 1`] = `
-{
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -602,7 +602,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -619,25 +619,25 @@ exports[`given element A and group of elements B and given both are selected whe
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -645,7 +645,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -660,13 +660,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -674,7 +674,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -691,25 +691,25 @@ exports[`given element A and group of elements B and given both are selected whe
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -717,7 +717,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -732,13 +732,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -746,7 +746,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -761,13 +761,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 110,
           "y": 110,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -775,7 +775,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -792,28 +792,28 @@ exports[`given element A and group of elements B and given both are selected whe
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -821,7 +821,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -836,13 +836,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 110,
           "y": 110,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 100,
@@ -852,7 +852,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -867,13 +867,13 @@ exports[`given element A and group of elements B and given both are selected whe
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 100,
@@ -883,7 +883,7 @@ exports[`given element A and group of elements B and given both are selected whe
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -904,14 +904,14 @@ exports[`given element A and group of elements B and given both are selected whe
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of elements 1`] = `0`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `0`;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of renders 1`] = `24`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of renders 1`] = `24`;
 
-exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] appState 1`] = `
-{
+exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -947,7 +947,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -969,23 +969,23 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id7": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -993,54 +993,54 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] history 1`] = `
-{
+exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1048,7 +1048,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1065,25 +1065,25 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1091,7 +1091,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1106,13 +1106,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -1120,7 +1120,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1137,28 +1137,28 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -1168,7 +1168,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1183,13 +1183,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -1199,7 +1199,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1216,25 +1216,25 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": "id4",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -1244,7 +1244,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1259,13 +1259,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -1275,7 +1275,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1292,25 +1292,25 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id7": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -1320,7 +1320,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1335,13 +1335,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -1351,7 +1351,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1366,13 +1366,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 30,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id7",
           "isDeleted": false,
@@ -1380,7 +1380,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -1397,29 +1397,29 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id7": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id10": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -1430,7 +1430,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1445,13 +1445,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -1462,7 +1462,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1477,13 +1477,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 30,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id10",
           ],
           "height": 10,
@@ -1493,7 +1493,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -1510,25 +1510,25 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": "id4",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -1539,7 +1539,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1554,13 +1554,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -1571,7 +1571,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1586,13 +1586,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 30,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id10",
           ],
           "height": 10,
@@ -1602,7 +1602,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -1619,25 +1619,25 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": "id10",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id7": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -1648,7 +1648,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -1663,13 +1663,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -1680,7 +1680,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -1695,13 +1695,13 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "x": 30,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id10",
           ],
           "height": 10,
@@ -1711,7 +1711,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -1732,14 +1732,14 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin
 }
 `;
 
-exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of elements 1`] = `0`;
+exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of renders 1`] = `43`;
+exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of renders 1`] = `43`;
 
-exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] appState 1`] = `
-{
+exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1775,7 +1775,7 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1797,25 +1797,25 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1823,54 +1823,54 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] history 1`] = `
-{
+exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1878,7 +1878,7 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -1895,25 +1895,25 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1921,7 +1921,7 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -1942,14 +1942,14 @@ exports[`regression tests > Drags selected element when hitting only bounding bo
 }
 `;
 
-exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of elements 1`] = `0`;
+exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of renders 1`] = `12`;
+exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests > adjusts z order when grouping > [end of test] appState 1`] = `
-{
+exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1985,7 +1985,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] appSta
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2007,26 +2007,26 @@ exports[`regression tests > adjusts z order when grouping > [end of test] appSta
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id5": true,
   },
   "selectedLinearElement": null,
@@ -2036,54 +2036,54 @@ exports[`regression tests > adjusts z order when grouping > [end of test] appSta
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > adjusts z order when grouping > [end of test] history 1`] = `
-{
+exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2091,7 +2091,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2108,25 +2108,25 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2134,7 +2134,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2149,13 +2149,13 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2163,7 +2163,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -2180,25 +2180,25 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2206,7 +2206,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2221,13 +2221,13 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2235,7 +2235,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -2250,13 +2250,13 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -2264,7 +2264,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -2281,28 +2281,28 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2310,7 +2310,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -2325,13 +2325,13 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
           ],
           "height": 10,
@@ -2341,7 +2341,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2356,13 +2356,13 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
           ],
           "height": 10,
@@ -2372,7 +2372,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -2393,14 +2393,14 @@ exports[`regression tests > adjusts z order when grouping > [end of test] histor
 }
 `;
 
-exports[`regression tests > adjusts z order when grouping > [end of test] number of elements 1`] = `0`;
+exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > adjusts z order when grouping > [end of test] number of renders 1`] = `22`;
+exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `22`;
 
-exports[`regression tests > alt-drag duplicates an element > [end of test] appState 1`] = `
-{
+exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2436,7 +2436,7 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] appSt
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2458,25 +2458,25 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] appSt
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2484,54 +2484,54 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] appSt
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > alt-drag duplicates an element > [end of test] history 1`] = `
-{
+exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2539,7 +2539,7 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] histo
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2556,25 +2556,25 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] histo
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0_copy",
           "isDeleted": false,
@@ -2582,7 +2582,7 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] histo
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -2597,13 +2597,13 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] histo
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2611,7 +2611,7 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] histo
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2632,14 +2632,14 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] histo
 }
 `;
 
-exports[`regression tests > alt-drag duplicates an element > [end of test] number of elements 1`] = `0`;
+exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > alt-drag duplicates an element > [end of test] number of renders 1`] = `12`;
+exports[`regression tests alt-drag duplicates an element: [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests > arrow keys > [end of test] appState 1`] = `
-{
+exports[`regression tests arrow keys: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2675,7 +2675,7 @@ exports[`regression tests > arrow keys > [end of test] appState 1`] = `
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2697,23 +2697,23 @@ exports[`regression tests > arrow keys > [end of test] appState 1`] = `
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2721,54 +2721,54 @@ exports[`regression tests > arrow keys > [end of test] appState 1`] = `
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > arrow keys > [end of test] history 1`] = `
-{
+exports[`regression tests arrow keys: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2776,7 +2776,7 @@ exports[`regression tests > arrow keys > [end of test] history 1`] = `
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2797,14 +2797,14 @@ exports[`regression tests > arrow keys > [end of test] history 1`] = `
 }
 `;
 
-exports[`regression tests > arrow keys > [end of test] number of elements 1`] = `0`;
+exports[`regression tests arrow keys: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > arrow keys > [end of test] number of renders 1`] = `21`;
+exports[`regression tests arrow keys: [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] appState 1`] = `
-{
+exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2840,7 +2840,7 @@ exports[`regression tests > can drag element that covers another element, while
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2862,25 +2862,25 @@ exports[`regression tests > can drag element that covers another element, while
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2888,54 +2888,54 @@ exports[`regression tests > can drag element that covers another element, while
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] history 1`] = `
-{
+exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -2943,7 +2943,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -2960,25 +2960,25 @@ exports[`regression tests > can drag element that covers another element, while
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -2986,7 +2986,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3001,13 +3001,13 @@ exports[`regression tests > can drag element that covers another element, while
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3015,7 +3015,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -3032,25 +3032,25 @@ exports[`regression tests > can drag element that covers another element, while
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -3058,7 +3058,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3073,13 +3073,13 @@ exports[`regression tests > can drag element that covers another element, while
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3087,7 +3087,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -3102,13 +3102,13 @@ exports[`regression tests > can drag element that covers another element, while
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 350,
           "id": "id2",
           "isDeleted": false,
@@ -3116,7 +3116,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -3133,25 +3133,25 @@ exports[`regression tests > can drag element that covers another element, while
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -3159,7 +3159,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3174,13 +3174,13 @@ exports[`regression tests > can drag element that covers another element, while
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3188,7 +3188,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -3203,13 +3203,13 @@ exports[`regression tests > can drag element that covers another element, while
           "x": 300,
           "y": 300,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 350,
           "id": "id2",
           "isDeleted": false,
@@ -3217,7 +3217,7 @@ exports[`regression tests > can drag element that covers another element, while
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -3238,14 +3238,14 @@ exports[`regression tests > can drag element that covers another element, while
 }
 `;
 
-exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of elements 1`] = `0`;
+exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of renders 1`] = `20`;
+exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests > change the properties of a shape > [end of test] appState 1`] = `
-{
+exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3281,7 +3281,7 @@ exports[`regression tests > change the properties of a shape > [end of test] app
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3303,23 +3303,23 @@ exports[`regression tests > change the properties of a shape > [end of test] app
   "openMenu": null,
   "openPopup": "elementStroke",
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3327,54 +3327,54 @@ exports[`regression tests > change the properties of a shape > [end of test] app
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > change the properties of a shape > [end of test] history 1`] = `
-{
+exports[`regression tests change the properties of a shape: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3382,7 +3382,7 @@ exports[`regression tests > change the properties of a shape > [end of test] his
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3399,25 +3399,25 @@ exports[`regression tests > change the properties of a shape > [end of test] his
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#ffec99",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3425,7 +3425,7 @@ exports[`regression tests > change the properties of a shape > [end of test] his
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3442,25 +3442,25 @@ exports[`regression tests > change the properties of a shape > [end of test] his
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3468,7 +3468,7 @@ exports[`regression tests > change the properties of a shape > [end of test] his
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3485,25 +3485,25 @@ exports[`regression tests > change the properties of a shape > [end of test] his
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3511,7 +3511,7 @@ exports[`regression tests > change the properties of a shape > [end of test] his
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3532,14 +3532,14 @@ exports[`regression tests > change the properties of a shape > [end of test] his
 }
 `;
 
-exports[`regression tests > change the properties of a shape > [end of test] number of elements 1`] = `0`;
+exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > change the properties of a shape > [end of test] number of renders 1`] = `14`;
+exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `14`;
 
-exports[`regression tests > click on an element and drag it > [dragged] appState 1`] = `
-{
+exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3575,7 +3575,7 @@ exports[`regression tests > click on an element and drag it > [dragged] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3597,25 +3597,25 @@ exports[`regression tests > click on an element and drag it > [dragged] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3623,27 +3623,27 @@ exports[`regression tests > click on an element and drag it > [dragged] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > click on an element and drag it > [dragged] element 0 1`] = `
-{
+exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 10,
   "id": "id0",
   "isDeleted": false,
@@ -3651,7 +3651,7 @@ exports[`regression tests > click on an element and drag it > [dragged] element
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
@@ -3668,41 +3668,41 @@ exports[`regression tests > click on an element and drag it > [dragged] element
 }
 `;
 
-exports[`regression tests > click on an element and drag it > [dragged] history 1`] = `
-{
+exports[`regression tests click on an element and drag it: [dragged] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3710,7 +3710,7 @@ exports[`regression tests > click on an element and drag it > [dragged] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3727,25 +3727,25 @@ exports[`regression tests > click on an element and drag it > [dragged] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3753,7 +3753,7 @@ exports[`regression tests > click on an element and drag it > [dragged] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3774,14 +3774,14 @@ exports[`regression tests > click on an element and drag it > [dragged] history
 }
 `;
 
-exports[`regression tests > click on an element and drag it > [dragged] number of elements 1`] = `1`;
+exports[`regression tests click on an element and drag it: [dragged] number of elements 1`] = `1`;
 
-exports[`regression tests > click on an element and drag it > [dragged] number of renders 1`] = `12`;
+exports[`regression tests click on an element and drag it: [dragged] number of renders 1`] = `12`;
 
-exports[`regression tests > click on an element and drag it > [end of test] appState 1`] = `
-{
+exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3817,7 +3817,7 @@ exports[`regression tests > click on an element and drag it > [end of test] appS
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3839,25 +3839,25 @@ exports[`regression tests > click on an element and drag it > [end of test] appS
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3865,54 +3865,54 @@ exports[`regression tests > click on an element and drag it > [end of test] appS
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > click on an element and drag it > [end of test] history 1`] = `
-{
+exports[`regression tests click on an element and drag it: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3920,7 +3920,7 @@ exports[`regression tests > click on an element and drag it > [end of test] hist
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3937,25 +3937,25 @@ exports[`regression tests > click on an element and drag it > [end of test] hist
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3963,7 +3963,7 @@ exports[`regression tests > click on an element and drag it > [end of test] hist
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -3980,25 +3980,25 @@ exports[`regression tests > click on an element and drag it > [end of test] hist
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4006,7 +4006,7 @@ exports[`regression tests > click on an element and drag it > [end of test] hist
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4027,14 +4027,14 @@ exports[`regression tests > click on an element and drag it > [end of test] hist
 }
 `;
 
-exports[`regression tests > click on an element and drag it > [end of test] number of elements 1`] = `0`;
+exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > click on an element and drag it > [end of test] number of renders 1`] = `15`;
+exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `15`;
 
-exports[`regression tests > click to select a shape > [end of test] appState 1`] = `
-{
+exports[`regression tests click to select a shape: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4070,7 +4070,7 @@ exports[`regression tests > click to select a shape > [end of test] appState 1`]
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4092,25 +4092,25 @@ exports[`regression tests > click to select a shape > [end of test] appState 1`]
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4118,54 +4118,54 @@ exports[`regression tests > click to select a shape > [end of test] appState 1`]
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > click to select a shape > [end of test] history 1`] = `
-{
+exports[`regression tests click to select a shape: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4173,7 +4173,7 @@ exports[`regression tests > click to select a shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4190,25 +4190,25 @@ exports[`regression tests > click to select a shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4216,7 +4216,7 @@ exports[`regression tests > click to select a shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4231,13 +4231,13 @@ exports[`regression tests > click to select a shape > [end of test] history 1`]
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4245,7 +4245,7 @@ exports[`regression tests > click to select a shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -4266,14 +4266,14 @@ exports[`regression tests > click to select a shape > [end of test] history 1`]
 }
 `;
 
-exports[`regression tests > click to select a shape > [end of test] number of elements 1`] = `0`;
+exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > click to select a shape > [end of test] number of renders 1`] = `15`;
+exports[`regression tests click to select a shape: [end of test] number of renders 1`] = `15`;
 
-exports[`regression tests > click-drag to select a group > [end of test] appState 1`] = `
-{
+exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4309,7 +4309,7 @@ exports[`regression tests > click-drag to select a group > [end of test] appStat
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4331,26 +4331,26 @@ exports[`regression tests > click-drag to select a group > [end of test] appStat
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4358,54 +4358,54 @@ exports[`regression tests > click-drag to select a group > [end of test] appStat
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > click-drag to select a group > [end of test] history 1`] = `
-{
+exports[`regression tests click-drag to select a group: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4413,7 +4413,7 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4430,25 +4430,25 @@ exports[`regression tests > click-drag to select a group > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4456,7 +4456,7 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4471,13 +4471,13 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4485,7 +4485,7 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -4502,25 +4502,25 @@ exports[`regression tests > click-drag to select a group > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4528,7 +4528,7 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4543,13 +4543,13 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4557,7 +4557,7 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -4572,13 +4572,13 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -4586,7 +4586,7 @@ exports[`regression tests > click-drag to select a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -4607,14 +4607,14 @@ exports[`regression tests > click-drag to select a group > [end of test] history
 }
 `;
 
-exports[`regression tests > click-drag to select a group > [end of test] number of elements 1`] = `0`;
+exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > click-drag to select a group > [end of test] number of renders 1`] = `21`;
+exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = `
-{
+exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4638,13 +4638,13 @@ exports[`regression tests > deselects group of selected elements on pointer down
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": {
+  "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4652,7 +4652,7 @@ exports[`regression tests > deselects group of selected elements on pointer down
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4678,7 +4678,7 @@ exports[`regression tests > deselects group of selected elements on pointer down
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4700,14 +4700,14 @@ exports[`regression tests > deselects group of selected elements on pointer down
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
@@ -4715,17 +4715,17 @@ exports[`regression tests > deselects group of selected elements on pointer down
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
-  "selectionElement": {
+  "selectionElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4733,7 +4733,7 @@ exports[`regression tests > deselects group of selected elements on pointer down
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4753,54 +4753,54 @@ exports[`regression tests > deselects group of selected elements on pointer down
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] history 1`] = `
-{
+exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4808,7 +4808,7 @@ exports[`regression tests > deselects group of selected elements on pointer down
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4825,25 +4825,25 @@ exports[`regression tests > deselects group of selected elements on pointer down
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4851,7 +4851,7 @@ exports[`regression tests > deselects group of selected elements on pointer down
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -4866,13 +4866,13 @@ exports[`regression tests > deselects group of selected elements on pointer down
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4880,7 +4880,7 @@ exports[`regression tests > deselects group of selected elements on pointer down
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -4901,14 +4901,14 @@ exports[`regression tests > deselects group of selected elements on pointer down
 }
 `;
 
-exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`;
+exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `16`;
+exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `16`;
 
-exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] appState 1`] = `
-{
+exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4932,13 +4932,13 @@ exports[`regression tests > deselects group of selected elements on pointer up w
   "currentItemTextAlign": "left",
   "cursorButton": "up",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": {
+  "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4946,7 +4946,7 @@ exports[`regression tests > deselects group of selected elements on pointer up w
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4972,7 +4972,7 @@ exports[`regression tests > deselects group of selected elements on pointer up w
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4994,14 +4994,14 @@ exports[`regression tests > deselects group of selected elements on pointer up w
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
@@ -5009,9 +5009,9 @@ exports[`regression tests > deselects group of selected elements on pointer up w
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5019,54 +5019,54 @@ exports[`regression tests > deselects group of selected elements on pointer up w
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] history 1`] = `
-{
+exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5074,7 +5074,7 @@ exports[`regression tests > deselects group of selected elements on pointer up w
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5091,25 +5091,25 @@ exports[`regression tests > deselects group of selected elements on pointer up w
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5117,7 +5117,7 @@ exports[`regression tests > deselects group of selected elements on pointer up w
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5132,13 +5132,13 @@ exports[`regression tests > deselects group of selected elements on pointer up w
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5146,7 +5146,7 @@ exports[`regression tests > deselects group of selected elements on pointer up w
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -5167,14 +5167,14 @@ exports[`regression tests > deselects group of selected elements on pointer up w
 }
 `;
 
-exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of elements 1`] = `0`;
+exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of renders 1`] = `17`;
+exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of renders 1`] = `17`;
 
-exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = `
-{
+exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5198,13 +5198,13 @@ exports[`regression tests > deselects selected element on pointer down when poin
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": {
+  "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id1",
     "isDeleted": false,
@@ -5212,7 +5212,7 @@ exports[`regression tests > deselects selected element on pointer down when poin
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 449462985,
@@ -5238,7 +5238,7 @@ exports[`regression tests > deselects selected element on pointer down when poin
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5260,31 +5260,31 @@ exports[`regression tests > deselects selected element on pointer down when poin
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
-  "selectionElement": {
+  "selectionElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id1",
     "isDeleted": false,
@@ -5292,7 +5292,7 @@ exports[`regression tests > deselects selected element on pointer down when poin
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 449462985,
@@ -5312,54 +5312,54 @@ exports[`regression tests > deselects selected element on pointer down when poin
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] history 1`] = `
-{
+exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5367,7 +5367,7 @@ exports[`regression tests > deselects selected element on pointer down when poin
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5388,14 +5388,14 @@ exports[`regression tests > deselects selected element on pointer down when poin
 }
 `;
 
-exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`;
+exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `10`;
+exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] appState 1`] = `
-{
+exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5431,7 +5431,7 @@ exports[`regression tests > deselects selected element, on pointer up, when clic
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5453,23 +5453,23 @@ exports[`regression tests > deselects selected element, on pointer up, when clic
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5477,54 +5477,54 @@ exports[`regression tests > deselects selected element, on pointer up, when clic
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] history 1`] = `
-{
+exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -5532,7 +5532,7 @@ exports[`regression tests > deselects selected element, on pointer up, when clic
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -5553,14 +5553,14 @@ exports[`regression tests > deselects selected element, on pointer up, when clic
 }
 `;
 
-exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of elements 1`] = `0`;
+exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of renders 1`] = `11`;
+exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests > double click to edit a group > [end of test] appState 1`] = `
-{
+exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5596,7 +5596,7 @@ exports[`regression tests > double click to edit a group > [end of test] appStat
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5618,23 +5618,23 @@ exports[`regression tests > double click to edit a group > [end of test] appStat
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5642,54 +5642,54 @@ exports[`regression tests > double click to edit a group > [end of test] appStat
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > double click to edit a group > [end of test] history 1`] = `
-{
+exports[`regression tests double click to edit a group: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5697,7 +5697,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5714,25 +5714,25 @@ exports[`regression tests > double click to edit a group > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5740,7 +5740,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5755,13 +5755,13 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5769,7 +5769,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -5786,25 +5786,25 @@ exports[`regression tests > double click to edit a group > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5812,7 +5812,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5827,13 +5827,13 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5841,7 +5841,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -5856,13 +5856,13 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -5870,7 +5870,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -5887,29 +5887,29 @@ exports[`regression tests > double click to edit a group > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 10,
@@ -5919,7 +5919,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -5934,13 +5934,13 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 10,
@@ -5950,7 +5950,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -5965,13 +5965,13 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 10,
@@ -5981,7 +5981,7 @@ exports[`regression tests > double click to edit a group > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -6002,14 +6002,14 @@ exports[`regression tests > double click to edit a group > [end of test] history
 }
 `;
 
-exports[`regression tests > double click to edit a group > [end of test] number of elements 1`] = `0`;
+exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > double click to edit a group > [end of test] number of renders 1`] = `20`;
+exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] appState 1`] = `
-{
+exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -6045,7 +6045,7 @@ exports[`regression tests > drags selected elements from point inside common bou
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6067,14 +6067,14 @@ exports[`regression tests > drags selected elements from point inside common bou
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
@@ -6082,12 +6082,12 @@ exports[`regression tests > drags selected elements from point inside common bou
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6095,54 +6095,54 @@ exports[`regression tests > drags selected elements from point inside common bou
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] history 1`] = `
-{
+exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6150,7 +6150,7 @@ exports[`regression tests > drags selected elements from point inside common bou
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6167,25 +6167,25 @@ exports[`regression tests > drags selected elements from point inside common bou
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6193,7 +6193,7 @@ exports[`regression tests > drags selected elements from point inside common bou
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6208,13 +6208,13 @@ exports[`regression tests > drags selected elements from point inside common bou
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6222,7 +6222,7 @@ exports[`regression tests > drags selected elements from point inside common bou
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -6239,26 +6239,26 @@ exports[`regression tests > drags selected elements from point inside common bou
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6266,7 +6266,7 @@ exports[`regression tests > drags selected elements from point inside common bou
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6281,13 +6281,13 @@ exports[`regression tests > drags selected elements from point inside common bou
           "x": 25,
           "y": 25,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6295,7 +6295,7 @@ exports[`regression tests > drags selected elements from point inside common bou
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -6316,14 +6316,14 @@ exports[`regression tests > drags selected elements from point inside common bou
 }
 `;
 
-exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of elements 1`] = `0`;
+exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of renders 1`] = `18`;
+exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of renders 1`] = `18`;
 
-exports[`regression tests > draw every type of shape > [end of test] appState 1`] = `
-{
+exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -6359,7 +6359,7 @@ exports[`regression tests > draw every type of shape > [end of test] appState 1`
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6381,21 +6381,21 @@ exports[`regression tests > draw every type of shape > [end of test] appState 1`
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6403,54 +6403,54 @@ exports[`regression tests > draw every type of shape > [end of test] appState 1`
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > draw every type of shape > [end of test] history 1`] = `
-{
+exports[`regression tests draw every type of shape: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6458,7 +6458,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6475,25 +6475,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6501,7 +6501,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6516,13 +6516,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6530,7 +6530,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -6547,25 +6547,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6573,7 +6573,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6588,13 +6588,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6602,7 +6602,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -6617,13 +6617,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6631,7 +6631,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -6648,25 +6648,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id3": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6674,7 +6674,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6689,13 +6689,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6703,7 +6703,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -6718,13 +6718,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6732,7 +6732,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -6747,7 +6747,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6755,7 +6755,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -6763,18 +6763,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -6793,25 +6793,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id4": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6819,7 +6819,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -6834,13 +6834,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6848,7 +6848,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -6863,13 +6863,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6877,7 +6877,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -6892,7 +6892,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6900,7 +6900,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -6908,18 +6908,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -6936,7 +6936,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 130,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6944,7 +6944,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -6952,18 +6952,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 238820263,
@@ -6982,25 +6982,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id5": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7008,7 +7008,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -7023,13 +7023,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7037,7 +7037,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -7052,13 +7052,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7066,7 +7066,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -7081,7 +7081,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7089,7 +7089,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7097,18 +7097,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7125,7 +7125,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 130,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7133,7 +7133,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7141,18 +7141,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 238820263,
@@ -7169,7 +7169,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 220,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7177,29 +7177,29 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7218,25 +7218,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id5": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7244,7 +7244,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -7259,13 +7259,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7273,7 +7273,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -7288,13 +7288,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7302,7 +7302,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -7317,7 +7317,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7325,7 +7325,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7333,18 +7333,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7361,7 +7361,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 130,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7369,7 +7369,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7377,18 +7377,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 238820263,
@@ -7405,7 +7405,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 220,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7413,33 +7413,33 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7458,25 +7458,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id6": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7484,7 +7484,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -7499,13 +7499,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7513,7 +7513,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -7528,13 +7528,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7542,7 +7542,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -7557,7 +7557,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7565,7 +7565,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7573,18 +7573,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7601,7 +7601,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 130,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7609,7 +7609,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7617,18 +7617,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 238820263,
@@ -7645,7 +7645,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 220,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7653,33 +7653,33 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7696,7 +7696,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 310,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7704,29 +7704,29 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 760410951,
@@ -7745,25 +7745,25 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id6": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7771,7 +7771,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -7786,13 +7786,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7800,7 +7800,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -7815,13 +7815,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7829,7 +7829,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -7844,7 +7844,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7852,7 +7852,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7860,18 +7860,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7888,7 +7888,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 130,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7896,7 +7896,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7904,18 +7904,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 238820263,
@@ -7932,7 +7932,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 220,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7940,33 +7940,33 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7983,7 +7983,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 310,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7991,33 +7991,33 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 760410951,
@@ -8036,23 +8036,23 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8060,7 +8060,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -8075,13 +8075,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -8089,7 +8089,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -8104,13 +8104,13 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 40,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -8118,7 +8118,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -8133,7 +8133,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 70,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8141,7 +8141,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -8149,18 +8149,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1150084233,
@@ -8177,7 +8177,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 130,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8185,7 +8185,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -8193,18 +8193,18 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 238820263,
@@ -8221,7 +8221,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 220,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8229,33 +8229,33 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 1505387817,
@@ -8272,7 +8272,7 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 310,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8280,33 +8280,33 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 760410951,
@@ -8323,38 +8323,38 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
           "x": 430,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id7",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               50,
               10,
             ],
-            [
+            Array [
               50,
               10,
             ],
           ],
-          "pressures": [
+          "pressures": Array [
             0,
             0,
             0,
@@ -8380,14 +8380,14 @@ exports[`regression tests > draw every type of shape > [end of test] history 1`]
 }
 `;
 
-exports[`regression tests > draw every type of shape > [end of test] number of elements 1`] = `0`;
+exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > draw every type of shape > [end of test] number of renders 1`] = `57`;
+exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `57`;
 
-exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] appState 1`] = `
-{
+exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -8423,7 +8423,7 @@ exports[`regression tests > given a group of selected elements with an element t
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -8445,14 +8445,14 @@ exports[`regression tests > given a group of selected elements with an element t
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id2": true,
   },
@@ -8460,11 +8460,11 @@ exports[`regression tests > given a group of selected elements with an element t
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -8472,54 +8472,54 @@ exports[`regression tests > given a group of selected elements with an element t
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] history 1`] = `
-{
+exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8527,7 +8527,7 @@ exports[`regression tests > given a group of selected elements with an element t
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -8544,25 +8544,25 @@ exports[`regression tests > given a group of selected elements with an element t
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8570,7 +8570,7 @@ exports[`regression tests > given a group of selected elements with an element t
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -8585,13 +8585,13 @@ exports[`regression tests > given a group of selected elements with an element t
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -8599,7 +8599,7 @@ exports[`regression tests > given a group of selected elements with an element t
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -8616,25 +8616,25 @@ exports[`regression tests > given a group of selected elements with an element t
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8642,7 +8642,7 @@ exports[`regression tests > given a group of selected elements with an element t
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -8657,13 +8657,13 @@ exports[`regression tests > given a group of selected elements with an element t
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -8671,7 +8671,7 @@ exports[`regression tests > given a group of selected elements with an element t
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -8686,13 +8686,13 @@ exports[`regression tests > given a group of selected elements with an element t
           "x": 110,
           "y": 110,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -8700,7 +8700,7 @@ exports[`regression tests > given a group of selected elements with an element t
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -8721,14 +8721,14 @@ exports[`regression tests > given a group of selected elements with an element t
 }
 `;
 
-exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of elements 1`] = `0`;
+exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of renders 1`] = `21`;
+exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] appState 1`] = `
-{
+exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -8764,7 +8764,7 @@ exports[`regression tests > given a selected element A and a not selected elemen
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -8786,26 +8786,26 @@ exports[`regression tests > given a selected element A and a not selected elemen
   "openMenu": null,
   "openPopup": "elementBackground",
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -8813,54 +8813,54 @@ exports[`regression tests > given a selected element A and a not selected elemen
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] history 1`] = `
-{
+exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -8868,7 +8868,7 @@ exports[`regression tests > given a selected element A and a not selected elemen
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -8885,25 +8885,25 @@ exports[`regression tests > given a selected element A and a not selected elemen
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -8911,7 +8911,7 @@ exports[`regression tests > given a selected element A and a not selected elemen
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -8926,13 +8926,13 @@ exports[`regression tests > given a selected element A and a not selected elemen
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 1000,
           "id": "id1",
           "isDeleted": false,
@@ -8940,7 +8940,7 @@ exports[`regression tests > given a selected element A and a not selected elemen
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -8961,14 +8961,14 @@ exports[`regression tests > given a selected element A and a not selected elemen
 }
 `;
 
-exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of elements 1`] = `0`;
+exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of renders 1`] = `19`;
+exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of renders 1`] = `19`;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] appState 1`] = `
-{
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9004,7 +9004,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9026,25 +9026,25 @@ exports[`regression tests > given selected element A with lower z-index than uns
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9052,54 +9052,54 @@ exports[`regression tests > given selected element A with lower z-index than uns
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] history 1`] = `
-{
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9107,7 +9107,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -9122,13 +9122,13 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9136,7 +9136,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9157,14 +9157,14 @@ exports[`regression tests > given selected element A with lower z-index than uns
 }
 `;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of elements 1`] = `0`;
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of renders 1`] = `12`;
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] appState 1`] = `
-{
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9200,7 +9200,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9222,25 +9222,25 @@ exports[`regression tests > given selected element A with lower z-index than uns
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9248,54 +9248,54 @@ exports[`regression tests > given selected element A with lower z-index than uns
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] history 1`] = `
-{
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9303,7 +9303,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -9318,13 +9318,13 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9332,7 +9332,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9349,25 +9349,25 @@ exports[`regression tests > given selected element A with lower z-index than uns
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9375,7 +9375,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -9390,13 +9390,13 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9404,7 +9404,7 @@ exports[`regression tests > given selected element A with lower z-index than uns
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9425,14 +9425,14 @@ exports[`regression tests > given selected element A with lower z-index than uns
 }
 `;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of elements 1`] = `0`;
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of renders 1`] = `13`;
+exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests > key 2 selects rectangle tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9468,7 +9468,7 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] appStat
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9490,23 +9490,23 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] appStat
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9514,54 +9514,54 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] appStat
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key 2 selects rectangle tool > [end of test] history 1`] = `
-{
+exports[`regression tests key 2 selects rectangle tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9569,7 +9569,7 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -9590,14 +9590,14 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] history
 }
 `;
 
-exports[`regression tests > key 2 selects rectangle tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key 2 selects rectangle tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key 2 selects rectangle tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key 2 selects rectangle tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key 3 selects diamond tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9633,7 +9633,7 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9655,23 +9655,23 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9679,54 +9679,54 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key 3 selects diamond tool > [end of test] history 1`] = `
-{
+exports[`regression tests key 3 selects diamond tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9734,7 +9734,7 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] history 1
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -9755,14 +9755,14 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] history 1
 }
 `;
 
-exports[`regression tests > key 3 selects diamond tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key 3 selects diamond tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key 3 selects diamond tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key 3 selects diamond tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key 4 selects ellipse tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9798,7 +9798,7 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9820,23 +9820,23 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9844,54 +9844,54 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key 4 selects ellipse tool > [end of test] history 1`] = `
-{
+exports[`regression tests key 4 selects ellipse tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9899,7 +9899,7 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] history 1
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -9920,14 +9920,14 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] history 1
 }
 `;
 
-exports[`regression tests > key 4 selects ellipse tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key 4 selects ellipse tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key 4 selects ellipse tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key 4 selects ellipse tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9963,7 +9963,7 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9985,40 +9985,40 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": {
+    "pointerDownState": Object {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": {
+      "segmentMidpoint": Object {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": {
+    "pointerOffset": Object {
       "x": 0,
       "y": 0,
     },
@@ -10032,48 +10032,48 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`] = `
-{
+exports[`regression tests key 5 selects arrow tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10081,7 +10081,7 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10089,18 +10089,18 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -10123,14 +10123,14 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`]
 }
 `;
 
-exports[`regression tests > key 5 selects arrow tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key 5 selects arrow tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key 5 selects arrow tool > [end of test] number of renders 1`] = `10`;
+exports[`regression tests key 5 selects arrow tool: [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests > key 6 selects line tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key 6 selects line tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10166,7 +10166,7 @@ exports[`regression tests > key 6 selects line tool > [end of test] appState 1`]
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10188,40 +10188,40 @@ exports[`regression tests > key 6 selects line tool > [end of test] appState 1`]
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": {
+    "pointerDownState": Object {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": {
+      "segmentMidpoint": Object {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": {
+    "pointerOffset": Object {
       "x": 0,
       "y": 0,
     },
@@ -10235,48 +10235,48 @@ exports[`regression tests > key 6 selects line tool > [end of test] appState 1`]
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key 6 selects line tool > [end of test] history 1`] = `
-{
+exports[`regression tests key 6 selects line tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10284,7 +10284,7 @@ exports[`regression tests > key 6 selects line tool > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10292,18 +10292,18 @@ exports[`regression tests > key 6 selects line tool > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -10326,14 +10326,14 @@ exports[`regression tests > key 6 selects line tool > [end of test] history 1`]
 }
 `;
 
-exports[`regression tests > key 6 selects line tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key 6 selects line tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key 6 selects line tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key 6 selects line tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key 7 selects freedraw tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key 7 selects freedraw tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10369,7 +10369,7 @@ exports[`regression tests > key 7 selects freedraw tool > [end of test] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10391,21 +10391,21 @@ exports[`regression tests > key 7 selects freedraw tool > [end of test] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -10413,77 +10413,77 @@ exports[`regression tests > key 7 selects freedraw tool > [end of test] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key 7 selects freedraw tool > [end of test] history 1`] = `
-{
+exports[`regression tests key 7 selects freedraw tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             10,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               10,
               10,
             ],
-            [
+            Array [
               10,
               10,
             ],
           ],
-          "pressures": [
+          "pressures": Array [
             0,
             0,
             0,
@@ -10509,14 +10509,14 @@ exports[`regression tests > key 7 selects freedraw tool > [end of test] history
 }
 `;
 
-exports[`regression tests > key 7 selects freedraw tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key 7 selects freedraw tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key 7 selects freedraw tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key 7 selects freedraw tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key a selects arrow tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key a selects arrow tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10552,7 +10552,7 @@ exports[`regression tests > key a selects arrow tool > [end of test] appState 1`
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10574,40 +10574,40 @@ exports[`regression tests > key a selects arrow tool > [end of test] appState 1`
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": {
+    "pointerDownState": Object {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": {
+      "segmentMidpoint": Object {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": {
+    "pointerOffset": Object {
       "x": 0,
       "y": 0,
     },
@@ -10621,48 +10621,48 @@ exports[`regression tests > key a selects arrow tool > [end of test] appState 1`
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key a selects arrow tool > [end of test] history 1`] = `
-{
+exports[`regression tests key a selects arrow tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10670,7 +10670,7 @@ exports[`regression tests > key a selects arrow tool > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10678,18 +10678,18 @@ exports[`regression tests > key a selects arrow tool > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -10712,14 +10712,14 @@ exports[`regression tests > key a selects arrow tool > [end of test] history 1`]
 }
 `;
 
-exports[`regression tests > key a selects arrow tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key a selects arrow tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key a selects arrow tool > [end of test] number of renders 1`] = `10`;
+exports[`regression tests key a selects arrow tool: [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests > key d selects diamond tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key d selects diamond tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10755,7 +10755,7 @@ exports[`regression tests > key d selects diamond tool > [end of test] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10777,23 +10777,23 @@ exports[`regression tests > key d selects diamond tool > [end of test] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -10801,54 +10801,54 @@ exports[`regression tests > key d selects diamond tool > [end of test] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key d selects diamond tool > [end of test] history 1`] = `
-{
+exports[`regression tests key d selects diamond tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10856,7 +10856,7 @@ exports[`regression tests > key d selects diamond tool > [end of test] history 1
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -10877,14 +10877,14 @@ exports[`regression tests > key d selects diamond tool > [end of test] history 1
 }
 `;
 
-exports[`regression tests > key d selects diamond tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key d selects diamond tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key d selects diamond tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key d selects diamond tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key l selects line tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key l selects line tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10920,7 +10920,7 @@ exports[`regression tests > key l selects line tool > [end of test] appState 1`]
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10942,40 +10942,40 @@ exports[`regression tests > key l selects line tool > [end of test] appState 1`]
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": {
+    "pointerDownState": Object {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": {
+      "segmentMidpoint": Object {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": {
+    "pointerOffset": Object {
       "x": 0,
       "y": 0,
     },
@@ -10989,48 +10989,48 @@ exports[`regression tests > key l selects line tool > [end of test] appState 1`]
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key l selects line tool > [end of test] history 1`] = `
-{
+exports[`regression tests key l selects line tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -11038,7 +11038,7 @@ exports[`regression tests > key l selects line tool > [end of test] history 1`]
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11046,18 +11046,18 @@ exports[`regression tests > key l selects line tool > [end of test] history 1`]
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -11080,14 +11080,14 @@ exports[`regression tests > key l selects line tool > [end of test] history 1`]
 }
 `;
 
-exports[`regression tests > key l selects line tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key l selects line tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key l selects line tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key l selects line tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key o selects ellipse tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key o selects ellipse tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11123,7 +11123,7 @@ exports[`regression tests > key o selects ellipse tool > [end of test] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11145,23 +11145,23 @@ exports[`regression tests > key o selects ellipse tool > [end of test] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11169,54 +11169,54 @@ exports[`regression tests > key o selects ellipse tool > [end of test] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key o selects ellipse tool > [end of test] history 1`] = `
-{
+exports[`regression tests key o selects ellipse tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11224,7 +11224,7 @@ exports[`regression tests > key o selects ellipse tool > [end of test] history 1
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 337897,
@@ -11245,14 +11245,14 @@ exports[`regression tests > key o selects ellipse tool > [end of test] history 1
 }
 `;
 
-exports[`regression tests > key o selects ellipse tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key o selects ellipse tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key o selects ellipse tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key o selects ellipse tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key p selects freedraw tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key p selects freedraw tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11288,7 +11288,7 @@ exports[`regression tests > key p selects freedraw tool > [end of test] appState
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11310,21 +11310,21 @@ exports[`regression tests > key p selects freedraw tool > [end of test] appState
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11332,77 +11332,77 @@ exports[`regression tests > key p selects freedraw tool > [end of test] appState
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key p selects freedraw tool > [end of test] history 1`] = `
-{
+exports[`regression tests key p selects freedraw tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             10,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               10,
               10,
             ],
-            [
+            Array [
               10,
               10,
             ],
           ],
-          "pressures": [
+          "pressures": Array [
             0,
             0,
             0,
@@ -11428,14 +11428,14 @@ exports[`regression tests > key p selects freedraw tool > [end of test] history
 }
 `;
 
-exports[`regression tests > key p selects freedraw tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key p selects freedraw tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key p selects freedraw tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key p selects freedraw tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > key r selects rectangle tool > [end of test] appState 1`] = `
-{
+exports[`regression tests key r selects rectangle tool: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11471,7 +11471,7 @@ exports[`regression tests > key r selects rectangle tool > [end of test] appStat
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11493,23 +11493,23 @@ exports[`regression tests > key r selects rectangle tool > [end of test] appStat
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11517,54 +11517,54 @@ exports[`regression tests > key r selects rectangle tool > [end of test] appStat
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > key r selects rectangle tool > [end of test] history 1`] = `
-{
+exports[`regression tests key r selects rectangle tool: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11572,7 +11572,7 @@ exports[`regression tests > key r selects rectangle tool > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -11593,14 +11593,14 @@ exports[`regression tests > key r selects rectangle tool > [end of test] history
 }
 `;
 
-exports[`regression tests > key r selects rectangle tool > [end of test] number of elements 1`] = `0`;
+exports[`regression tests key r selects rectangle tool: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > key r selects rectangle tool > [end of test] number of renders 1`] = `9`;
+exports[`regression tests key r selects rectangle tool: [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests > make a group and duplicate it > [end of test] appState 1`] = `
-{
+exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11636,7 +11636,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] appSta
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11658,14 +11658,14 @@ exports[`regression tests > make a group and duplicate it > [end of test] appSta
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -11674,13 +11674,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] appSta
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id4": true,
   },
   "selectedLinearElement": null,
@@ -11690,54 +11690,54 @@ exports[`regression tests > make a group and duplicate it > [end of test] appSta
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > make a group and duplicate it > [end of test] history 1`] = `
-{
+exports[`regression tests make a group and duplicate it: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11745,7 +11745,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -11762,25 +11762,25 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11788,7 +11788,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -11803,13 +11803,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -11817,7 +11817,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -11834,25 +11834,25 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11860,7 +11860,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -11875,13 +11875,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -11889,7 +11889,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -11904,13 +11904,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -11918,7 +11918,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -11935,29 +11935,29 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -11967,7 +11967,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -11982,13 +11982,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -11998,7 +11998,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -12013,13 +12013,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -12029,7 +12029,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -12046,29 +12046,29 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4_copy",
           ],
           "height": 10,
@@ -12078,7 +12078,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 915032327,
@@ -12093,13 +12093,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4_copy",
           ],
           "height": 10,
@@ -12109,7 +12109,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 747212839,
@@ -12124,13 +12124,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4_copy",
           ],
           "height": 10,
@@ -12140,7 +12140,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 760410951,
@@ -12155,13 +12155,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 50,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -12171,7 +12171,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -12186,13 +12186,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 20,
           "y": 20,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -12202,7 +12202,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -12217,13 +12217,13 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "x": 40,
           "y": 20,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -12233,7 +12233,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -12254,14 +12254,14 @@ exports[`regression tests > make a group and duplicate it > [end of test] histor
 }
 `;
 
-exports[`regression tests > make a group and duplicate it > [end of test] number of elements 1`] = `0`;
+exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > make a group and duplicate it > [end of test] number of renders 1`] = `24`;
+exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `24`;
 
-exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] appState 1`] = `
-{
+exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12297,7 +12297,7 @@ exports[`regression tests > noop interaction after undo shouldn't create history
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12319,25 +12319,25 @@ exports[`regression tests > noop interaction after undo shouldn't create history
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12345,54 +12345,54 @@ exports[`regression tests > noop interaction after undo shouldn't create history
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] history 1`] = `
-{
+exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12400,7 +12400,7 @@ exports[`regression tests > noop interaction after undo shouldn't create history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -12417,25 +12417,25 @@ exports[`regression tests > noop interaction after undo shouldn't create history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12443,7 +12443,7 @@ exports[`regression tests > noop interaction after undo shouldn't create history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -12458,13 +12458,13 @@ exports[`regression tests > noop interaction after undo shouldn't create history
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -12472,7 +12472,7 @@ exports[`regression tests > noop interaction after undo shouldn't create history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -12493,14 +12493,14 @@ exports[`regression tests > noop interaction after undo shouldn't create history
 }
 `;
 
-exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of elements 1`] = `0`;
+exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of renders 1`] = `21`;
+exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = `
-{
+exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12536,7 +12536,7 @@ exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = `
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12558,21 +12558,21 @@ exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = `
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": -2.916666666666668,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
@@ -12580,47 +12580,47 @@ exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = `
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > pinch-to-zoom works > [end of test] history 1`] = `
-{
+exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`regression tests > pinch-to-zoom works > [end of test] number of elements 1`] = `0`;
+exports[`regression tests pinch-to-zoom works: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > pinch-to-zoom works > [end of test] number of renders 1`] = `11`;
+exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests > rerenders UI on language change > [end of test] appState 1`] = `
-{
+exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12656,7 +12656,7 @@ exports[`regression tests > rerenders UI on language change > [end of test] appS
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12678,21 +12678,21 @@ exports[`regression tests > rerenders UI on language change > [end of test] appS
   "openMenu": "canvas",
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12700,47 +12700,47 @@ exports[`regression tests > rerenders UI on language change > [end of test] appS
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > rerenders UI on language change > [end of test] history 1`] = `
-{
+exports[`regression tests rerenders UI on language change: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`regression tests > rerenders UI on language change > [end of test] number of elements 1`] = `0`;
+exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > rerenders UI on language change > [end of test] number of renders 1`] = `11`;
+exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] appState 1`] = `
-{
+exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12776,7 +12776,7 @@ exports[`regression tests > shift click on selected element should deselect it o
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12798,23 +12798,23 @@ exports[`regression tests > shift click on selected element should deselect it o
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12822,54 +12822,54 @@ exports[`regression tests > shift click on selected element should deselect it o
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] history 1`] = `
-{
+exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12877,7 +12877,7 @@ exports[`regression tests > shift click on selected element should deselect it o
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -12898,14 +12898,14 @@ exports[`regression tests > shift click on selected element should deselect it o
 }
 `;
 
-exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of elements 1`] = `0`;
+exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of renders 1`] = `11`;
+exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests > shift-click to multiselect, then drag > [end of test] appState 1`] = `
-{
+exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12941,7 +12941,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12963,14 +12963,14 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
@@ -12978,12 +12978,12 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12991,54 +12991,54 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > shift-click to multiselect, then drag > [end of test] history 1`] = `
-{
+exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13046,7 +13046,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13063,25 +13063,25 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13089,7 +13089,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13104,13 +13104,13 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13118,7 +13118,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -13135,26 +13135,26 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13162,7 +13162,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13177,13 +13177,13 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "x": 20,
           "y": 20,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13191,7 +13191,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -13212,14 +13212,14 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test
 }
 `;
 
-exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of elements 1`] = `0`;
+exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of renders 1`] = `20`;
+exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests > should group elements and ungroup them > [end of test] appState 1`] = `
-{
+exports[`regression tests should group elements and ungroup them: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -13255,7 +13255,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -13277,14 +13277,14 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -13293,13 +13293,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -13307,54 +13307,54 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > should group elements and ungroup them > [end of test] history 1`] = `
-{
+exports[`regression tests should group elements and ungroup them: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13362,7 +13362,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13379,25 +13379,25 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13405,7 +13405,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13420,13 +13420,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13434,7 +13434,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -13451,25 +13451,25 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13477,7 +13477,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13492,13 +13492,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13506,7 +13506,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -13521,13 +13521,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -13535,7 +13535,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -13552,29 +13552,29 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -13584,7 +13584,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13599,13 +13599,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -13615,7 +13615,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -13630,13 +13630,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -13646,7 +13646,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -13663,27 +13663,27 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13691,7 +13691,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13706,13 +13706,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 10,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13720,7 +13720,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -13735,13 +13735,13 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "x": 30,
           "y": 10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -13749,7 +13749,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -13770,14 +13770,14 @@ exports[`regression tests > should group elements and ungroup them > [end of tes
 }
 `;
 
-exports[`regression tests > should group elements and ungroup them > [end of test] number of elements 1`] = `0`;
+exports[`regression tests should group elements and ungroup them: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > should group elements and ungroup them > [end of test] number of renders 1`] = `25`;
+exports[`regression tests should group elements and ungroup them: [end of test] number of renders 1`] = `25`;
 
-exports[`regression tests > should show fill icons when element has non transparent background > [end of test] appState 1`] = `
-{
+exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -13813,7 +13813,7 @@ exports[`regression tests > should show fill icons when element has non transpar
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -13835,23 +13835,23 @@ exports[`regression tests > should show fill icons when element has non transpar
   "openMenu": null,
   "openPopup": "elementBackground",
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -13859,54 +13859,54 @@ exports[`regression tests > should show fill icons when element has non transpar
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > should show fill icons when element has non transparent background > [end of test] history 1`] = `
-{
+exports[`regression tests should show fill icons when element has non transparent background: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13914,7 +13914,7 @@ exports[`regression tests > should show fill icons when element has non transpar
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13931,25 +13931,25 @@ exports[`regression tests > should show fill icons when element has non transpar
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13957,7 +13957,7 @@ exports[`regression tests > should show fill icons when element has non transpar
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -13978,14 +13978,14 @@ exports[`regression tests > should show fill icons when element has non transpar
 }
 `;
 
-exports[`regression tests > should show fill icons when element has non transparent background > [end of test] number of elements 1`] = `0`;
+exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > should show fill icons when element has non transparent background > [end of test] number of renders 1`] = `13`;
+exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] appState 1`] = `
-{
+exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14021,7 +14021,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -14043,14 +14043,14 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id5": true,
@@ -14060,14 +14060,14 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
     "id1": true,
     "id5": true,
     "id6": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {
+  "selectedGroupIds": Object {
     "id10": true,
   },
   "selectedLinearElement": null,
@@ -14077,54 +14077,54 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] history 1`] = `
-{
+exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -14132,7 +14132,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14149,25 +14149,25 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -14175,7 +14175,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14190,13 +14190,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -14204,7 +14204,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -14221,28 +14221,28 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14252,7 +14252,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14267,13 +14267,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14283,7 +14283,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -14300,25 +14300,25 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id5": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14328,7 +14328,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14343,13 +14343,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14359,7 +14359,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -14374,13 +14374,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 50,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
@@ -14388,7 +14388,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14405,25 +14405,25 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id6": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14433,7 +14433,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14448,13 +14448,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14464,7 +14464,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -14479,13 +14479,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 50,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
@@ -14493,7 +14493,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14508,13 +14508,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 50,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id6",
           "isDeleted": false,
@@ -14522,7 +14522,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -14539,28 +14539,28 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id5": true,
           "id6": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id9": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14570,7 +14570,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14585,13 +14585,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
           ],
           "height": 10,
@@ -14601,7 +14601,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -14616,13 +14616,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 50,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id9",
           ],
           "height": 10,
@@ -14632,7 +14632,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14647,13 +14647,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 50,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id9",
           ],
           "height": 10,
@@ -14663,7 +14663,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -14680,30 +14680,30 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id5": true,
           "id6": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id10": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -14714,7 +14714,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -14729,13 +14729,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id4",
             "id10",
           ],
@@ -14746,7 +14746,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -14761,13 +14761,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 50,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id9",
             "id10",
           ],
@@ -14778,7 +14778,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14793,13 +14793,13 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "x": 10,
           "y": 50,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id9",
             "id10",
           ],
@@ -14810,7 +14810,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 400692809,
@@ -14831,14 +14831,14 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh
 }
 `;
 
-exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of elements 1`] = `0`;
+exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of renders 1`] = `39`;
+exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of renders 1`] = `39`;
 
-exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] appState 1`] = `
-{
+exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14874,7 +14874,7 @@ exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] a
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -14896,21 +14896,21 @@ exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] a
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 60,
   "scrollY": 60,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -14918,47 +14918,47 @@ exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] a
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] history 1`] = `
-{
+exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of elements 1`] = `0`;
+exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of renders 1`] = `8`;
+exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of renders 1`] = `8`;
 
-exports[`regression tests > supports nested groups > [end of test] appState 1`] = `
-{
+exports[`regression tests supports nested groups: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14994,7 +14994,7 @@ exports[`regression tests > supports nested groups > [end of test] appState 1`]
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -15016,25 +15016,25 @@ exports[`regression tests > supports nested groups > [end of test] appState 1`]
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -15042,54 +15042,54 @@ exports[`regression tests > supports nested groups > [end of test] appState 1`]
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > supports nested groups > [end of test] history 1`] = `
-{
+exports[`regression tests supports nested groups: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15097,7 +15097,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15114,25 +15114,25 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15140,7 +15140,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15155,13 +15155,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 50,
           "id": "id1",
           "isDeleted": false,
@@ -15169,7 +15169,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -15186,25 +15186,25 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15212,7 +15212,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15227,13 +15227,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 50,
           "id": "id1",
           "isDeleted": false,
@@ -15241,7 +15241,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -15256,13 +15256,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 50,
           "id": "id2",
           "isDeleted": false,
@@ -15270,7 +15270,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -15287,29 +15287,29 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15319,7 +15319,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15334,13 +15334,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15350,7 +15350,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -15365,13 +15365,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15381,7 +15381,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -15398,26 +15398,26 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": "id3",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15427,7 +15427,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15442,13 +15442,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15458,7 +15458,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -15473,13 +15473,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15489,7 +15489,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -15506,28 +15506,28 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": "id3",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15537,7 +15537,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -15552,13 +15552,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
             "id3",
           ],
@@ -15569,7 +15569,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15584,13 +15584,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
             "id3",
           ],
@@ -15601,7 +15601,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -15618,29 +15618,29 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": {
+        "selectedGroupIds": Object {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id3",
           ],
           "height": 50,
@@ -15650,7 +15650,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -15665,13 +15665,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 100,
           "y": 100,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
             "id3",
           ],
@@ -15682,7 +15682,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15697,13 +15697,13 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [
+          "groupIds": Array [
             "id5",
             "id3",
           ],
@@ -15714,7 +15714,7 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 401146281,
@@ -15735,14 +15735,14 @@ exports[`regression tests > supports nested groups > [end of test] history 1`] =
 }
 `;
 
-exports[`regression tests > supports nested groups > [end of test] number of elements 1`] = `0`;
+exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > supports nested groups > [end of test] number of renders 1`] = `32`;
+exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `32`;
 
-exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] appState 1`] = `
-{
+exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -15766,13 +15766,13 @@ exports[`regression tests > switches from group of selected elements to another
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": {
+  "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id4",
     "isDeleted": false,
@@ -15780,7 +15780,7 @@ exports[`regression tests > switches from group of selected elements to another
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 1116226695,
@@ -15806,7 +15806,7 @@ exports[`regression tests > switches from group of selected elements to another
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -15828,14 +15828,14 @@ exports[`regression tests > switches from group of selected elements to another
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id1": true,
     "id2": true,
   },
@@ -15843,19 +15843,19 @@ exports[`regression tests > switches from group of selected elements to another
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
-  "selectionElement": {
+  "selectionElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id4",
     "isDeleted": false,
@@ -15863,7 +15863,7 @@ exports[`regression tests > switches from group of selected elements to another
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 1116226695,
@@ -15883,54 +15883,54 @@ exports[`regression tests > switches from group of selected elements to another
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] history 1`] = `
-{
+exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -15938,7 +15938,7 @@ exports[`regression tests > switches from group of selected elements to another
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15955,25 +15955,25 @@ exports[`regression tests > switches from group of selected elements to another
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -15981,7 +15981,7 @@ exports[`regression tests > switches from group of selected elements to another
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -15996,13 +15996,13 @@ exports[`regression tests > switches from group of selected elements to another
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -16010,7 +16010,7 @@ exports[`regression tests > switches from group of selected elements to another
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -16027,25 +16027,25 @@ exports[`regression tests > switches from group of selected elements to another
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16053,7 +16053,7 @@ exports[`regression tests > switches from group of selected elements to another
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16068,13 +16068,13 @@ exports[`regression tests > switches from group of selected elements to another
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -16082,7 +16082,7 @@ exports[`regression tests > switches from group of selected elements to another
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -16097,13 +16097,13 @@ exports[`regression tests > switches from group of selected elements to another
           "x": 110,
           "y": 110,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -16111,7 +16111,7 @@ exports[`regression tests > switches from group of selected elements to another
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -16132,14 +16132,14 @@ exports[`regression tests > switches from group of selected elements to another
 }
 `;
 
-exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of elements 1`] = `0`;
+exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of renders 1`] = `20`;
+exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests > switches selected element on pointer down > [end of test] appState 1`] = `
-{
+exports[`regression tests switches selected element on pointer down: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16163,13 +16163,13 @@ exports[`regression tests > switches selected element on pointer down > [end of
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": {
+  "draggingElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id2",
     "isDeleted": false,
@@ -16177,7 +16177,7 @@ exports[`regression tests > switches selected element on pointer down > [end of
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 401146281,
@@ -16203,7 +16203,7 @@ exports[`regression tests > switches selected element on pointer down > [end of
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16225,33 +16225,33 @@ exports[`regression tests > switches selected element on pointer down > [end of
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {
+  "previousSelectedElementIds": Object {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
-  "selectionElement": {
+  "selectionElement": Object {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": [],
+    "groupIds": Array [],
     "height": 0,
     "id": "id2",
     "isDeleted": false,
@@ -16259,7 +16259,7 @@ exports[`regression tests > switches selected element on pointer down > [end of
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": {
+    "roundness": Object {
       "type": 2,
     },
     "seed": 401146281,
@@ -16279,54 +16279,54 @@ exports[`regression tests > switches selected element on pointer down > [end of
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > switches selected element on pointer down > [end of test] history 1`] = `
-{
+exports[`regression tests switches selected element on pointer down: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16334,7 +16334,7 @@ exports[`regression tests > switches selected element on pointer down > [end of
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16351,25 +16351,25 @@ exports[`regression tests > switches selected element on pointer down > [end of
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16377,7 +16377,7 @@ exports[`regression tests > switches selected element on pointer down > [end of
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16392,13 +16392,13 @@ exports[`regression tests > switches selected element on pointer down > [end of
           "x": 0,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -16406,7 +16406,7 @@ exports[`regression tests > switches selected element on pointer down > [end of
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 449462985,
@@ -16427,14 +16427,14 @@ exports[`regression tests > switches selected element on pointer down > [end of
 }
 `;
 
-exports[`regression tests > switches selected element on pointer down > [end of test] number of elements 1`] = `0`;
+exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > switches selected element on pointer down > [end of test] number of renders 1`] = `14`;
+exports[`regression tests switches selected element on pointer down: [end of test] number of renders 1`] = `14`;
 
-exports[`regression tests > two-finger scroll works > [end of test] appState 1`] = `
-{
+exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16470,7 +16470,7 @@ exports[`regression tests > two-finger scroll works > [end of test] appState 1`]
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16492,21 +16492,21 @@ exports[`regression tests > two-finger scroll works > [end of test] appState 1`]
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 10,
   "scrollY": -10,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
@@ -16514,47 +16514,47 @@ exports[`regression tests > two-finger scroll works > [end of test] appState 1`]
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > two-finger scroll works > [end of test] history 1`] = `
-{
+exports[`regression tests two-finger scroll works: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`regression tests > two-finger scroll works > [end of test] number of elements 1`] = `0`;
+exports[`regression tests two-finger scroll works: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > two-finger scroll works > [end of test] number of renders 1`] = `13`;
+exports[`regression tests two-finger scroll works: [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests > undo/redo drawing an element > [end of test] appState 1`] = `
-{
+exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16590,7 +16590,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] appStat
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16612,23 +16612,23 @@ exports[`regression tests > undo/redo drawing an element > [end of test] appStat
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {
+  "selectedElementIds": Object {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -16636,42 +16636,42 @@ exports[`regression tests > undo/redo drawing an element > [end of test] appStat
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > undo/redo drawing an element > [end of test] history 1`] = `
-{
+exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [
-    {
-      "appState": {
+  "redoStack": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16679,7 +16679,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16694,13 +16694,13 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -16708,7 +16708,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -16723,7 +16723,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "x": 40,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -16731,33 +16731,33 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id2",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             100,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               60,
               10,
             ],
-            [
+            Array [
               100,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -16776,25 +16776,25 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id2": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16802,7 +16802,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16817,13 +16817,13 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -16831,7 +16831,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -16846,7 +16846,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "x": 40,
           "y": 0,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -16854,29 +16854,29 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
-          "lastCommittedPoint": [
+          "lastCommittedPoint": Array [
             60,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": [
-            [
+          "points": Array [
+            Array [
               0,
               0,
             ],
-            [
+            Array [
               60,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 2,
           },
           "seed": 401146281,
@@ -16896,37 +16896,37 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
       ],
     },
   ],
-  "stateHistory": [
-    {
-      "appState": {
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id0": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16934,7 +16934,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16951,25 +16951,25 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
         },
       ],
     },
-    {
-      "appState": {
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {
+        "selectedElementIds": Object {
           "id1": true,
         },
-        "selectedGroupIds": {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [
-        {
+      "elements": Array [
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16977,7 +16977,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 337897,
@@ -16992,13 +16992,13 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "x": 10,
           "y": -10,
         },
-        {
+        Object {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": [],
+          "groupIds": Array [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -17006,7 +17006,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": {
+          "roundness": Object {
             "type": 3,
           },
           "seed": 449462985,
@@ -17027,14 +17027,14 @@ exports[`regression tests > undo/redo drawing an element > [end of test] history
 }
 `;
 
-exports[`regression tests > undo/redo drawing an element > [end of test] number of elements 1`] = `0`;
+exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > undo/redo drawing an element > [end of test] number of renders 1`] = `31`;
+exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `31`;
 
-exports[`regression tests > updates fontSize & fontFamily appState > [end of test] appState 1`] = `
-{
+exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -17070,7 +17070,7 @@ exports[`regression tests > updates fontSize & fontFamily appState > [end of tes
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -17092,21 +17092,21 @@ exports[`regression tests > updates fontSize & fontFamily appState > [end of tes
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -17114,47 +17114,47 @@ exports[`regression tests > updates fontSize & fontFamily appState > [end of tes
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > updates fontSize & fontFamily appState > [end of test] history 1`] = `
-{
+exports[`regression tests updates fontSize & fontFamily appState: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of elements 1`] = `0`;
+exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of renders 1`] = `7`;
+exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of renders 1`] = `7`;
 
-exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = `
-{
+exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -17190,7 +17190,7 @@ exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = `
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -17212,21 +17212,21 @@ exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = `
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -17234,39 +17234,39 @@ exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = `
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests > zoom hotkeys > [end of test] history 1`] = `
-{
+exports[`regression tests zoom hotkeys: [end of test] history 1`] = `
+Object {
   "recording": false,
-  "redoStack": [],
-  "stateHistory": [
-    {
-      "appState": {
+  "redoStack": Array [],
+  "stateHistory": Array [
+    Object {
+      "appState": Object {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": {},
-        "selectedGroupIds": {},
+        "selectedElementIds": Object {},
+        "selectedGroupIds": Object {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": [],
+      "elements": Array [],
     },
   ],
 }
 `;
 
-exports[`regression tests > zoom hotkeys > [end of test] number of elements 1`] = `0`;
+exports[`regression tests zoom hotkeys: [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests > zoom hotkeys > [end of test] number of renders 1`] = `7`;
+exports[`regression tests zoom hotkeys: [end of test] number of renders 1`] = `7`;
diff --git a/src/tests/__snapshots__/selection.test.tsx.snap b/src/tests/__snapshots__/selection.test.tsx.snap
index 3296dca75..fff176a63 100644
--- a/src/tests/__snapshots__/selection.test.tsx.snap
+++ b/src/tests/__snapshots__/selection.test.tsx.snap
@@ -1,7 +1,7 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`select single element on the scene > arrow 1`] = `
-{
+exports[`select single element on the scene arrow 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -9,7 +9,7 @@ exports[`select single element on the scene > arrow 1`] = `
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -17,18 +17,18 @@ exports[`select single element on the scene > arrow 1`] = `
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -47,8 +47,8 @@ exports[`select single element on the scene > arrow 1`] = `
 }
 `;
 
-exports[`select single element on the scene > arrow escape 1`] = `
-{
+exports[`select single element on the scene arrow escape 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -56,7 +56,7 @@ exports[`select single element on the scene > arrow escape 1`] = `
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -64,18 +64,18 @@ exports[`select single element on the scene > arrow escape 1`] = `
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -94,14 +94,14 @@ exports[`select single element on the scene > arrow escape 1`] = `
 }
 `;
 
-exports[`select single element on the scene > diamond 1`] = `
-{
+exports[`select single element on the scene diamond 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -109,7 +109,7 @@ exports[`select single element on the scene > diamond 1`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -126,14 +126,14 @@ exports[`select single element on the scene > diamond 1`] = `
 }
 `;
 
-exports[`select single element on the scene > ellipse 1`] = `
-{
+exports[`select single element on the scene ellipse 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -141,7 +141,7 @@ exports[`select single element on the scene > ellipse 1`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": 337897,
@@ -158,14 +158,14 @@ exports[`select single element on the scene > ellipse 1`] = `
 }
 `;
 
-exports[`select single element on the scene > rectangle 1`] = `
-{
+exports[`select single element on the scene rectangle 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -173,7 +173,7 @@ exports[`select single element on the scene > rectangle 1`] = `
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": 337897,
diff --git a/src/tests/appState.test.tsx b/src/tests/appState.test.tsx
index 2572d2545..aa5924925 100644
--- a/src/tests/appState.test.tsx
+++ b/src/tests/appState.test.tsx
@@ -1,5 +1,4 @@
 import { queryByTestId, render, waitFor } from "./test-utils";
-
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
 import { getDefaultAppState } from "../appState";
diff --git a/src/tests/clipboard.test.tsx b/src/tests/clipboard.test.tsx
index 67a081013..bbaa4d179 100644
--- a/src/tests/clipboard.test.tsx
+++ b/src/tests/clipboard.test.tsx
@@ -1,4 +1,3 @@
-import { vi } from "vitest";
 import ReactDOM from "react-dom";
 import {
   render,
@@ -22,14 +21,14 @@ const { h } = window;
 
 const mouse = new Pointer("mouse");
 
-vi.mock("../keys.ts", async (importOriginal) => {
-  const module: any = await importOriginal();
+jest.mock("../keys.ts", () => {
+  const actual = jest.requireActual("../keys.ts");
   return {
     __esmodule: true,
-    ...module,
+    ...actual,
     isDarwin: false,
     KEYS: {
-      ...module.KEYS,
+      ...actual.KEYS,
       CTRL_OR_CMD: "ctrlKey",
     },
   };
diff --git a/src/tests/collab.test.tsx b/src/tests/collab.test.tsx
index c5d4f6c44..42ad571a3 100644
--- a/src/tests/collab.test.tsx
+++ b/src/tests/collab.test.tsx
@@ -1,4 +1,3 @@
-import { vi } from "vitest";
 import { render, updateSceneData, waitFor } from "./test-utils";
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
@@ -16,18 +15,15 @@ Object.defineProperty(window, "crypto", {
   },
 });
 
-vi.mock("../excalidraw-app/data/index.ts", async (importActual) => {
-  const module = (await importActual()) as any;
-  return {
-    __esmodule: true,
-    ...module,
-    getCollabServer: vi.fn(() => ({
-      url: /* doesn't really matter */ "http://localhost:3002",
-    })),
-  };
-});
+jest.mock("../excalidraw-app/data/index.ts", () => ({
+  __esmodule: true,
+  ...jest.requireActual("../excalidraw-app/data/index.ts"),
+  getCollabServer: jest.fn(() => ({
+    url: /* doesn't really matter */ "http://localhost:3002",
+  })),
+}));
 
-vi.mock("../excalidraw-app/data/firebase.ts", () => {
+jest.mock("../excalidraw-app/data/firebase.ts", () => {
   const loadFromFirebase = async () => null;
   const saveToFirebase = () => {};
   const isSavedToFirebase = () => true;
@@ -49,17 +45,15 @@ vi.mock("../excalidraw-app/data/firebase.ts", () => {
   };
 });
 
-vi.mock("socket.io-client", () => {
-  return {
-    default: () => {
-      return {
-        close: () => {},
-        on: () => {},
-        once: () => {},
-        off: () => {},
-        emit: () => {},
-      };
-    },
+jest.mock("socket.io-client", () => {
+  return () => {
+    return {
+      close: () => {},
+      on: () => {},
+      once: () => {},
+      off: () => {},
+      emit: () => {},
+    };
   };
 });
 
diff --git a/src/tests/contextmenu.test.tsx b/src/tests/contextmenu.test.tsx
index c581a0ff1..9e89996af 100644
--- a/src/tests/contextmenu.test.tsx
+++ b/src/tests/contextmenu.test.tsx
@@ -21,7 +21,6 @@ import { copiedStyles } from "../actions/actionStyles";
 import { API } from "./helpers/api";
 import { setDateTimeForTests } from "../utils";
 import { LibraryItem } from "../types";
-import { vi } from "vitest";
 
 const checkpoint = (name: string) => {
   expect(renderScene.mock.calls.length).toMatchSnapshot(
@@ -40,7 +39,7 @@ const mouse = new Pointer("mouse");
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index 881940210..bb2303bc3 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -1,15 +1,15 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`restoreElements > should restore arrow element correctly 1`] = `
-{
+exports[`restoreElements should restore arrow element correctly 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": [],
+  "boundElements": Array [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 100,
   "id": "id-arrow01",
   "isDeleted": false,
@@ -17,18 +17,18 @@ exports[`restoreElements > should restore arrow element correctly 1`] = `
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -47,14 +47,14 @@ exports[`restoreElements > should restore arrow element correctly 1`] = `
 }
 `;
 
-exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 1`] = `
-{
+exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": [],
+  "boundElements": Array [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "1",
     "2",
     "3",
@@ -66,7 +66,7 @@ exports[`restoreElements > should restore correctly with rectangle, ellipse and
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -83,14 +83,14 @@ exports[`restoreElements > should restore correctly with rectangle, ellipse and
 }
 `;
 
-exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 2`] = `
-{
+exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": [],
+  "boundElements": Array [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "1",
     "2",
     "3",
@@ -102,7 +102,7 @@ exports[`restoreElements > should restore correctly with rectangle, ellipse and
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -119,14 +119,14 @@ exports[`restoreElements > should restore correctly with rectangle, ellipse and
 }
 `;
 
-exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 3`] = `
-{
+exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 3`] = `
+Object {
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": [],
+  "boundElements": Array [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": [
+  "groupIds": Array [
     "1",
     "2",
     "3",
@@ -138,7 +138,7 @@ exports[`restoreElements > should restore correctly with rectangle, ellipse and
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -155,14 +155,14 @@ exports[`restoreElements > should restore correctly with rectangle, ellipse and
 }
 `;
 
-exports[`restoreElements > should restore freedraw element correctly 1`] = `
-{
+exports[`restoreElements should restore freedraw element correctly 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": [],
+  "boundElements": Array [],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 0,
   "id": "id-freedraw01",
   "isDeleted": false,
@@ -170,10 +170,10 @@ exports[`restoreElements > should restore freedraw element correctly 1`] = `
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [],
-  "pressures": [],
+  "points": Array [],
+  "pressures": Array [],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -191,16 +191,16 @@ exports[`restoreElements > should restore freedraw element correctly 1`] = `
 }
 `;
 
-exports[`restoreElements > should restore line and draw elements correctly 1`] = `
-{
+exports[`restoreElements should restore line and draw elements correctly 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": [],
+  "boundElements": Array [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 100,
   "id": "id-line01",
   "isDeleted": false,
@@ -208,18 +208,18 @@ exports[`restoreElements > should restore line and draw elements correctly 1`] =
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -238,16 +238,16 @@ exports[`restoreElements > should restore line and draw elements correctly 1`] =
 }
 `;
 
-exports[`restoreElements > should restore line and draw elements correctly 2`] = `
-{
+exports[`restoreElements should restore line and draw elements correctly 2`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": [],
+  "boundElements": Array [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 100,
   "id": "id-draw01",
   "isDeleted": false,
@@ -255,18 +255,18 @@ exports[`restoreElements > should restore line and draw elements correctly 2`] =
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": [
-    [
+  "points": Array [
+    Array [
       0,
       0,
     ],
-    [
+    Array [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -285,18 +285,18 @@ exports[`restoreElements > should restore line and draw elements correctly 2`] =
 }
 `;
 
-exports[`restoreElements > should restore text element correctly passing value for each attribute 1`] = `
-{
+exports[`restoreElements should restore text element correctly passing value for each attribute 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "baseline": 0,
-  "boundElements": [],
+  "boundElements": Array [],
   "containerId": null,
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 14,
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
@@ -306,7 +306,7 @@ exports[`restoreElements > should restore text element correctly passing value f
   "opacity": 100,
   "originalText": "text",
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -326,18 +326,18 @@ exports[`restoreElements > should restore text element correctly passing value f
 }
 `;
 
-exports[`restoreElements > should restore text element correctly with unknown font family, null text and undefined alignment 1`] = `
-{
+exports[`restoreElements should restore text element correctly with unknown font family, null text and undefined alignment 1`] = `
+Object {
   "angle": 0,
   "backgroundColor": "transparent",
   "baseline": 0,
-  "boundElements": [],
+  "boundElements": Array [],
   "containerId": null,
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 10,
   "frameId": null,
-  "groupIds": [],
+  "groupIds": Array [],
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
@@ -347,7 +347,7 @@ exports[`restoreElements > should restore text element correctly with unknown fo
   "opacity": 100,
   "originalText": "test",
   "roughness": 1,
-  "roundness": {
+  "roundness": Object {
     "type": 3,
   },
   "seed": Any<Number>,
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index e8ac49ede..3be9a4097 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -12,10 +12,9 @@ import { ImportedDataState } from "../../data/types";
 import { NormalizedZoomValue } from "../../types";
 import { DEFAULT_SIDEBAR, FONT_FAMILY, ROUNDNESS } from "../../constants";
 import { newElementWith } from "../../element/mutateElement";
-import { vi } from "vitest";
 
 describe("restoreElements", () => {
-  const mockSizeHelper = vi.spyOn(sizeHelpers, "isInvisiblySmallElement");
+  const mockSizeHelper = jest.spyOn(sizeHelpers, "isInvisiblySmallElement");
 
   beforeEach(() => {
     mockSizeHelper.mockReset();
@@ -153,7 +152,7 @@ describe("restoreElements", () => {
   it("when arrow element has undefined endArrowHead", () => {
     const arrowElement = API.createElement({ type: "arrow" });
     Object.defineProperty(arrowElement, "endArrowhead", {
-      get: vi.fn(() => undefined),
+      get: jest.fn(() => undefined),
     });
 
     const restoredElements = restore.restoreElements([arrowElement], null);
@@ -206,7 +205,7 @@ describe("restoreElements", () => {
       [1, 1],
     ];
     Object.defineProperty(lineElement_0, "points", {
-      get: vi.fn(() => pointsEl_0),
+      get: jest.fn(() => pointsEl_0),
     });
 
     const pointsEl_1 = [
@@ -214,7 +213,7 @@ describe("restoreElements", () => {
       [5, 6],
     ];
     Object.defineProperty(lineElement_1, "points", {
-      get: vi.fn(() => pointsEl_1),
+      get: jest.fn(() => pointsEl_1),
     });
 
     const restoredElements = restore.restoreElements(
@@ -441,7 +440,7 @@ describe("restoreAppState", () => {
       const stubImportedAppState = getDefaultAppState();
 
       Object.defineProperty(stubImportedAppState, "zoom", {
-        get: vi.fn(() => null),
+        get: jest.fn(() => null),
       });
 
       const stubLocalAppState = getDefaultAppState();
diff --git a/src/tests/dragCreate.test.tsx b/src/tests/dragCreate.test.tsx
index 3e01af04f..4e69f1ab8 100644
--- a/src/tests/dragCreate.test.tsx
+++ b/src/tests/dragCreate.test.tsx
@@ -10,12 +10,11 @@ import {
 } from "./test-utils";
 import { ExcalidrawLinearElement } from "../element/types";
 import { reseed } from "../random";
-import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/fitToContent.test.tsx b/src/tests/fitToContent.test.tsx
index 580467dde..fd7a1170b 100644
--- a/src/tests/fitToContent.test.tsx
+++ b/src/tests/fitToContent.test.tsx
@@ -2,7 +2,6 @@ import { render } from "./test-utils";
 import { API } from "./helpers/api";
 
 import ExcalidrawApp from "../excalidraw-app";
-import { vi } from "vitest";
 
 const { h } = window;
 
@@ -98,11 +97,11 @@ const waitForNextAnimationFrame = () => {
 
 describe("fitToContent animated", () => {
   beforeEach(() => {
-    vi.spyOn(window, "requestAnimationFrame");
+    jest.spyOn(window, "requestAnimationFrame");
   });
 
   afterEach(() => {
-    vi.restoreAllMocks();
+    jest.restoreAllMocks();
   });
 
   it("should ease scroll the viewport to the selected element", async () => {
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index d1a30af0c..c90c07834 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -20,21 +20,21 @@ import ExcalidrawApp from "../excalidraw-app";
 import { mutateElement } from "../element/mutateElement";
 import { NormalizedZoomValue } from "../types";
 import { ROUNDNESS } from "../constants";
-import { vi } from "vitest";
-import * as blob from "../data/blob";
 
 const { h } = window;
+
 const mouse = new Pointer("mouse");
-// This needs to fixed in vitest mock, as when importActual used with mock
-// the tests hangs - https://github.com/vitest-dev/vitest/issues/546.
-// But fortunately spying and mocking the return value of spy works :p
-
-const resizeImageFileSpy = vi.spyOn(blob, "resizeImageFile");
-const generateIdFromFileSpy = vi.spyOn(blob, "generateIdFromFile");
-
-resizeImageFileSpy.mockImplementation(async (imageFile: File) => imageFile);
-generateIdFromFileSpy.mockImplementation(async () => "fileId" as FileId);
+jest.mock("../data/blob", () => {
+  const originalModule = jest.requireActual("../data/blob");
 
+  //Prevent Node.js modules errors (document is not defined etc...)
+  return {
+    __esModule: true,
+    ...originalModule,
+    resizeImageFile: (imageFile: File) => imageFile,
+    generateIdFromFile: () => "fileId" as FileId,
+  };
+});
 beforeEach(async () => {
   // Unmount ReactDOM from root
   ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
@@ -42,7 +42,7 @@ beforeEach(async () => {
   mouse.reset();
   localStorage.clear();
   sessionStorage.clear();
-  vi.clearAllMocks();
+  jest.clearAllMocks();
 
   Object.assign(document, {
     elementFromPoint: () => GlobalTestState.canvas,
@@ -732,6 +732,7 @@ describe("image", () => {
   it("flips an unrotated image horizontally correctly", async () => {
     //paste image
     await createImage();
+
     await waitFor(() => {
       expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
       expect(API.getSelectedElements().length).toBeGreaterThan(0);
diff --git a/src/tests/library.test.tsx b/src/tests/library.test.tsx
index 512d1b564..2a2886354 100644
--- a/src/tests/library.test.tsx
+++ b/src/tests/library.test.tsx
@@ -1,4 +1,3 @@
-import { vi } from "vitest";
 import { fireEvent, render, waitFor } from "./test-utils";
 import { queryByTestId } from "@testing-library/react";
 
@@ -30,15 +29,11 @@ const mockLibraryFilePromise = new Promise<Blob>(async (resolve, reject) => {
   }
 });
 
-vi.mock("../data/filesystem.ts", async (importOriginal) => {
-  const module = await importOriginal();
-  return {
-    __esmodule: true,
-    //@ts-ignore
-    ...module,
-    fileOpen: vi.fn(() => mockLibraryFilePromise),
-  };
-});
+jest.mock("../data/filesystem.ts", () => ({
+  __esmodule: true,
+  ...jest.requireActual("../data/filesystem.ts"),
+  fileOpen: jest.fn(() => mockLibraryFilePromise),
+}));
 
 describe("library", () => {
   beforeEach(async () => {
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index 6bcefb95f..c71283a4c 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -24,9 +24,8 @@ import {
 } from "../element/textElement";
 import * as textElementUtils from "../element/textElement";
 import { ROUNDNESS, VERTICAL_ALIGN } from "../constants";
-import { vi } from "vitest";
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 
 const { h } = window;
 const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
@@ -180,16 +179,16 @@ describe("Test Linear Elements", () => {
     expect(renderScene).toHaveBeenCalledTimes(11);
     expect(line.points.length).toEqual(3);
     expect(line.points).toMatchInlineSnapshot(`
-      [
-        [
+      Array [
+        Array [
           0,
           0,
         ],
-        [
+        Array [
           70,
           50,
         ],
-        [
+        Array [
           40,
           0,
         ],
@@ -274,16 +273,16 @@ describe("Test Linear Elements", () => {
 
       expect(line.points.length).toEqual(3);
       expect(line.points).toMatchInlineSnapshot(`
-        [
-          [
+        Array [
+          Array [
             0,
             0,
           ],
-          [
+          Array [
             70,
             50,
           ],
-          [
+          Array [
             40,
             0,
           ],
@@ -316,12 +315,12 @@ describe("Test Linear Elements", () => {
       expect(midPointsWithRoundEdge[1]).not.toEqual(midPointsWithSharpEdge[1]);
 
       expect(midPointsWithRoundEdge).toMatchInlineSnapshot(`
-        [
-          [
+        Array [
+          Array [
             55.9697848965255,
             47.442326230998205,
           ],
-          [
+          Array [
             76.08587175006699,
             43.294165939653226,
           ],
@@ -364,12 +363,12 @@ describe("Test Linear Elements", () => {
       expect(midPoints[0]).not.toEqual(newMidPoints[0]);
       expect(midPoints[1]).not.toEqual(newMidPoints[1]);
       expect(newMidPoints).toMatchInlineSnapshot(`
-        [
-          [
+        Array [
+          Array [
             105.96978489652551,
             67.4423262309982,
           ],
-          [
+          Array [
             126.08587175006699,
             63.294165939653226,
           ],
@@ -413,29 +412,29 @@ describe("Test Linear Elements", () => {
 
         expect((h.elements[0] as ExcalidrawLinearElement).points)
           .toMatchInlineSnapshot(`
-            [
-              [
-                0,
-                0,
-              ],
-              [
-                85,
-                75,
-              ],
-              [
-                70,
-                50,
-              ],
-              [
-                105,
-                70,
-              ],
-              [
-                40,
-                0,
-              ],
-            ]
-          `);
+          Array [
+            Array [
+              0,
+              0,
+            ],
+            Array [
+              85,
+              75,
+            ],
+            Array [
+              70,
+              50,
+            ],
+            Array [
+              105,
+              70,
+            ],
+            Array [
+              40,
+              0,
+            ],
+          ]
+        `);
       });
 
       it("should update only the first segment midpoint when its point is dragged", async () => {
@@ -559,29 +558,29 @@ describe("Test Linear Elements", () => {
 
         expect((h.elements[0] as ExcalidrawLinearElement).points)
           .toMatchInlineSnapshot(`
-            [
-              [
-                0,
-                0,
-              ],
-              [
-                85.96978489652551,
-                77.4423262309982,
-              ],
-              [
-                70,
-                50,
-              ],
-              [
-                106.08587175006699,
-                73.29416593965323,
-              ],
-              [
-                40,
-                0,
-              ],
-            ]
-          `);
+          Array [
+            Array [
+              0,
+              0,
+            ],
+            Array [
+              85.96978489652551,
+              77.4423262309982,
+            ],
+            Array [
+              70,
+              50,
+            ],
+            Array [
+              106.08587175006699,
+              73.29416593965323,
+            ],
+            Array [
+              40,
+              0,
+            ],
+          ]
+        `);
       });
 
       it("should update all the midpoints when its point is dragged", async () => {
@@ -607,12 +606,12 @@ describe("Test Linear Elements", () => {
         expect(midPoints[0]).not.toEqual(newMidPoints[0]);
         expect(midPoints[1]).not.toEqual(newMidPoints[1]);
         expect(newMidPoints).toMatchInlineSnapshot(`
-          [
-            [
+          Array [
+            Array [
               31.884084517616053,
               23.13275505472383,
             ],
-            [
+            Array [
               77.74792546875662,
               44.57840982272327,
             ],
@@ -668,12 +667,12 @@ describe("Test Linear Elements", () => {
         expect(midPoints[0]).not.toEqual(newMidPoints[0]);
         expect(midPoints[1]).not.toEqual(newMidPoints[1]);
         expect(newMidPoints).toMatchInlineSnapshot(`
-          [
-            [
+          Array [
+            Array [
               55.9697848965255,
               47.442326230998205,
             ],
-            [
+            Array [
               76.08587175006699,
               43.294165939653226,
             ],
@@ -705,12 +704,12 @@ describe("Test Linear Elements", () => {
         [dragEndPositionOffset[0] + line.x, dragEndPositionOffset[1] + line.y],
       );
       expect(line.points).toMatchInlineSnapshot(`
-        [
-          [
+        Array [
+          Array [
             0,
             0,
           ],
-          [
+          Array [
             -60,
             -100,
           ],
@@ -769,7 +768,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          {
+          Object {
             "x": 25,
             "y": 10,
           }
@@ -791,7 +790,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          {
+          Object {
             "x": 75,
             "y": 60,
           }
@@ -825,7 +824,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          {
+          Object {
             "x": 85.82201843191861,
             "y": 75.63461309860818,
           }
@@ -940,11 +939,11 @@ describe("Test Linear Elements", () => {
       expect(textElement.angle).toBe(0);
       expect(getBoundTextElementPosition(arrow, textElement))
         .toMatchInlineSnapshot(`
-          {
-            "x": 75,
-            "y": 60,
-          }
-        `);
+        Object {
+          "x": 75,
+          "y": 60,
+        }
+      `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -952,26 +951,26 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-          [
-            20,
-            20,
-            105,
-            80,
-            55.45893770831013,
-            45,
-          ]
-        `);
+        Array [
+          20,
+          20,
+          105,
+          80,
+          55.45893770831013,
+          45,
+        ]
+      `);
 
       rotate(container, -35, 55);
       expect(container.angle).toMatchInlineSnapshot(`1.3988061968364685`);
       expect(textElement.angle).toBe(0);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-          {
-            "x": 21.73926141863671,
-            "y": 73.31003398390868,
-          }
-        `);
+        Object {
+          "x": 21.73926141863671,
+          "y": 73.31003398390868,
+        }
+      `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -979,15 +978,15 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-          [
-            20,
-            20,
-            102.41961302274555,
-            86.49012635273976,
-            55.45893770831013,
-            45,
-          ]
-        `);
+        Array [
+          20,
+          20,
+          102.41961302274555,
+          86.49012635273976,
+          55.45893770831013,
+          45,
+        ]
+      `);
     });
 
     it("should resize and position the bound text and bounding box correctly when 3 pointer arrow element resized", () => {
@@ -1005,11 +1004,11 @@ describe("Test Linear Elements", () => {
       expect(container.height).toBe(50);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-          {
-            "x": 75,
-            "y": 60,
-          }
-        `);
+        Object {
+          "x": 75,
+          "y": 60,
+        }
+      `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -1017,33 +1016,33 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-          [
-            20,
-            20,
-            105,
-            80,
-            55.45893770831013,
-            45,
-          ]
-        `);
+        Array [
+          20,
+          20,
+          105,
+          80,
+          55.45893770831013,
+          45,
+        ]
+      `);
 
       resize(container, "ne", [300, 200]);
 
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
-          {
-            "height": 130,
-            "width": 367,
-          }
-        `);
+        Object {
+          "height": 130,
+          "width": 367,
+        }
+      `);
 
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-          {
-            "x": 272,
-            "y": 45,
-          }
-        `);
+        Object {
+          "x": 272,
+          "y": 45,
+        }
+      `);
       expect((h.elements[1] as ExcalidrawTextElementWithContainer).text)
         .toMatchInlineSnapshot(`
         "Online whiteboard 
@@ -1051,15 +1050,15 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-          [
-            20,
-            35,
-            502,
-            95,
-            205.9061448421403,
-            52.5,
-          ]
-        `);
+        Array [
+          20,
+          35,
+          502,
+          95,
+          205.9061448421403,
+          52.5,
+        ]
+      `);
     });
 
     it("should resize and position the bound text correctly when 2 pointer linear element resized", () => {
@@ -1073,11 +1072,11 @@ describe("Test Linear Elements", () => {
       expect(container.width).toBe(40);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-          {
-            "x": 25,
-            "y": 10,
-          }
-        `);
+        Object {
+          "x": 25,
+          "y": 10,
+        }
+      `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -1090,19 +1089,19 @@ describe("Test Linear Elements", () => {
 
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
-          {
-            "height": 130,
-            "width": 340,
-          }
-        `);
+        Object {
+          "height": 130,
+          "width": 340,
+        }
+      `);
 
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-          {
-            "x": 75,
-            "y": -5,
-          }
-        `);
+        Object {
+          "x": 75,
+          "y": -5,
+        }
+      `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made easy"
@@ -1155,7 +1154,7 @@ describe("Test Linear Elements", () => {
         "Online whiteboard collaboration
         made easy"
       `);
-      const handleBindTextResizeSpy = vi.spyOn(
+      const handleBindTextResizeSpy = jest.spyOn(
         textElementUtils,
         "handleBindTextResize",
       );
diff --git a/src/tests/move.test.tsx b/src/tests/move.test.tsx
index 034a1fff7..3fbfceee3 100644
--- a/src/tests/move.test.tsx
+++ b/src/tests/move.test.tsx
@@ -12,12 +12,11 @@ import {
 } from "../element/types";
 import { UI, Pointer, Keyboard } from "./helpers/ui";
 import { KEYS } from "../keys";
-import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/multiPointCreate.test.tsx b/src/tests/multiPointCreate.test.tsx
index 7037138fb..0026041c7 100644
--- a/src/tests/multiPointCreate.test.tsx
+++ b/src/tests/multiPointCreate.test.tsx
@@ -10,12 +10,11 @@ import * as Renderer from "../renderer/renderScene";
 import { KEYS } from "../keys";
 import { ExcalidrawLinearElement } from "../element/types";
 import { reseed } from "../random";
-import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index a9f6d37a6..d026b21ef 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -1,6 +1,6 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Excalidraw/> > <MainMenu/> > should render main menu with host menu items if passed from host 1`] = `
+exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items if passed from host 1`] = `
 <div
   class="dropdown-menu"
   data-testid="dropdown-menu"
@@ -108,7 +108,7 @@ exports[`<Excalidraw/> > <MainMenu/> > should render main menu with host menu it
 </div>
 `;
 
-exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should render menu with default items when "UIOPtions" is "undefined" 1`] = `
+exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu with default items when "UIOPtions" is "undefined" 1`] = `
 <div
   class="dropdown-menu"
   data-testid="dropdown-menu"
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index 9c573a1a4..fc46d2390 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -1,9 +1,9 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`exportToSvg > with default arguments 1`] = `
-{
+exports[`exportToSvg with default arguments 1`] = `
+Object {
   "activeEmbeddable": null,
-  "activeTool": {
+  "activeTool": Object {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -40,7 +40,7 @@ exports[`exportToSvg > with default arguments 1`] = `
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": {
+  "frameRendering": Object {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -59,21 +59,21 @@ exports[`exportToSvg > with default arguments 1`] = `
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": {
+  "pasteDialog": Object {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": {},
+  "previousSelectedElementIds": Object {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": {},
+  "selectedElementIds": Object {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": {},
+  "selectedGroupIds": Object {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -81,13 +81,13 @@ exports[`exportToSvg > with default arguments 1`] = `
   "showStats": false,
   "showWelcomeScreen": false,
   "startBoundElement": null,
-  "suggestedBindings": [],
+  "suggestedBindings": Array [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "zenModeEnabled": false,
-  "zoom": {
+  "zoom": Object {
     "value": 1,
   },
 }
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 20852a2ad..069f9c000 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, GlobalTestState, toggleMenu, render } from "../test-utils";
 import { Excalidraw, Footer, MainMenu } from "../../packages/excalidraw/index";
-import { queryByText, queryByTestId, screen } from "@testing-library/react";
+import { queryByText, queryByTestId } from "@testing-library/react";
 import { GRID_SIZE, THEME } from "../../constants";
 import { t } from "../../i18n";
 import { useMemo } from "react";
@@ -42,7 +42,7 @@ describe("<Excalidraw/>", () => {
         container.getElementsByClassName("disable-zen-mode--visible").length,
       ).toBe(0);
       expect(h.state.zenModeEnabled).toBe(true);
-      screen.debug();
+
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
         clientX: 1,
@@ -74,8 +74,7 @@ describe("<Excalidraw/>", () => {
         </Footer>
       </Excalidraw>,
     ));
-    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(
-      `
+    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(`
       <div
         class="footer-center zen-mode-transition"
       >
@@ -83,8 +82,7 @@ describe("<Excalidraw/>", () => {
           This is a custom footer
         </div>
       </div>
-    `,
-    );
+    `);
   });
 
   describe("Test gridModeEnabled prop", () => {
diff --git a/src/tests/packages/utils.test.ts b/src/tests/packages/utils.test.ts
index 7d880d296..824b5d15a 100644
--- a/src/tests/packages/utils.test.ts
+++ b/src/tests/packages/utils.test.ts
@@ -1,13 +1,15 @@
 import * as utils from "../../packages/utils";
 import { diagramFactory } from "../fixtures/diagramFixture";
-import { vi } from "vitest";
 import * as mockedSceneExportUtils from "../../scene/export";
-
 import { MIME_TYPES } from "../../constants";
 
-const exportToSvgSpy = vi.spyOn(mockedSceneExportUtils, "exportToSvg");
+jest.mock("../../scene/export", () => ({
+  __esmodule: true,
+  ...jest.requireActual("../../scene/export"),
+  exportToSvg: jest.fn(),
+}));
 
-describe("exportToCanvas", async () => {
+describe("exportToCanvas", () => {
   const EXPORT_PADDING = 10;
 
   it("with default arguments", async () => {
@@ -30,9 +32,10 @@ describe("exportToCanvas", async () => {
   });
 });
 
-describe("exportToBlob", async () => {
+describe("exportToBlob", () => {
   describe("mime type", () => {
-    // afterEach(vi.restoreAllMocks);
+    afterEach(jest.restoreAllMocks);
+
     it("should change image/jpg to image/jpeg", async () => {
       const blob = await utils.exportToBlob({
         ...diagramFactory(),
@@ -45,6 +48,7 @@ describe("exportToBlob", async () => {
       });
       expect(blob?.type).toBe(MIME_TYPES.jpg);
     });
+
     it("should default to image/png", async () => {
       const blob = await utils.exportToBlob({
         ...diagramFactory(),
@@ -53,14 +57,16 @@ describe("exportToBlob", async () => {
     });
 
     it("should warn when using quality with image/png", async () => {
-      const consoleSpy = vi
+      const consoleSpy = jest
         .spyOn(console, "warn")
         .mockImplementationOnce(() => void 0);
+
       await utils.exportToBlob({
         ...diagramFactory(),
         mimeType: MIME_TYPES.png,
         quality: 1,
       });
+
       expect(consoleSpy).toHaveBeenCalledWith(
         `"quality" will be ignored for "${MIME_TYPES.png}" mimeType`,
       );
@@ -69,12 +75,10 @@ describe("exportToBlob", async () => {
 });
 
 describe("exportToSvg", () => {
-  const passedElements = () => exportToSvgSpy.mock.calls[0][0];
-  const passedOptions = () => exportToSvgSpy.mock.calls[0][1];
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
+  const mockedExportUtil = mockedSceneExportUtils.exportToSvg as jest.Mock;
+  const passedElements = () => mockedExportUtil.mock.calls[0][0];
+  const passedOptions = () => mockedExportUtil.mock.calls[0][1];
+  afterEach(jest.resetAllMocks);
 
   it("with default arguments", async () => {
     await utils.exportToSvg({
diff --git a/src/tests/regressionTests.test.tsx b/src/tests/regressionTests.test.tsx
index 8cb483c93..2b9094888 100644
--- a/src/tests/regressionTests.test.tsx
+++ b/src/tests/regressionTests.test.tsx
@@ -17,11 +17,10 @@ import {
 } from "./test-utils";
 import { defaultLang } from "../i18n";
 import { FONT_FAMILY } from "../constants";
-import { vi } from "vitest";
 
 const { h } = window;
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 
 const mouse = new Pointer("mouse");
 const finger1 = new Pointer("touch", 1);
@@ -157,7 +156,6 @@ describe("regression tests", () => {
   }
   it("change the properties of a shape", () => {
     UI.clickTool("rectangle");
-
     mouse.down(10, 10);
     mouse.up(10, 10);
     togglePopover("Background");
diff --git a/src/tests/resize.test.tsx b/src/tests/resize.test.tsx
index 13f757a98..12fb86bea 100644
--- a/src/tests/resize.test.tsx
+++ b/src/tests/resize.test.tsx
@@ -9,12 +9,11 @@ import { ExcalidrawTextElement } from "../element/types";
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
 import { KEYS } from "../keys";
-import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/scene/__snapshots__/export.test.ts.snap b/src/tests/scene/__snapshots__/export.test.ts.snap
index 2b959db25..9f706ca01 100644
--- a/src/tests/scene/__snapshots__/export.test.ts.snap
+++ b/src/tests/scene/__snapshots__/export.test.ts.snap
@@ -1,6 +1,6 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`exportToSvg > with default arguments 1`] = `
+exports[`exportToSvg with default arguments 1`] = `
 <svg
   height="120"
   version="1.1"
@@ -74,7 +74,7 @@ exports[`exportToSvg > with default arguments 1`] = `
 </svg>
 `;
 
-exports[`exportToSvg > with elements that have a link 1`] = `
+exports[`exportToSvg with elements that have a link 1`] = `
 "
   <!-- svg-source:excalidraw -->
   
@@ -94,10 +94,10 @@ exports[`exportToSvg > with elements that have a link 1`] = `
   <a href=\\"excalidraw.com\\"><g stroke-linecap=\\"round\\" transform=\\"translate(10 10) rotate(0 107 107)\\"><path d=\\"M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-0.81 6.83 C1.42 4.82, 3.76 1.52, 5.21 0.19 M-0.15 6.66 C1.8 4.06, 3.47 2.78, 5.22 0.73 M-0.29 10.96 C2.44 8.61, 6.86 4.4, 10.93 -0.91 M0.52 11.4 C3.45 8.64, 6.67 5.66, 10.55 0.52 M-0.73 16.51 C7.35 10.86, 13.5 3, 17.44 0.95 M0.2 18.45 C5.73 11.79, 11.18 5.08, 16.02 -0.18 M0.75 25.53 C5.82 17, 10.04 11.07, 20.53 0.11 M0.63 24.62 C6.15 16.7, 12.35 9.33, 21.67 -0.92 M-0.46 31.29 C10.67 19.56, 20.95 6.14, 26.3 0.97 M0.19 30.33 C6.15 22.94, 12.8 16.86, 26.48 0.56 M0.06 38.68 C9.21 29.05, 14.84 21.35, 32.64 0.53 M0.13 37.62 C11.7 22.94, 22.8 8.94, 31.86 0.17 M1.97 42.03 C14.26 29.52, 23.97 12.83, 36.26 1.93 M0.5 42.42 C7.49 34.15, 14.87 25.57, 36.32 -0.12 M-1.55 47.05 C9.52 36.22, 20.47 27.66, 42.25 0.23 M0.07 48.87 C15.17 30.66, 32.72 11.39, 42.55 -0.3 M1 53.34 C15.85 39.16, 30.2 22.36, 47.03 0.12 M0.83 54.24 C13.32 41.61, 24.32 26.03, 48.09 -0.05 M-1.51 60.18 C18.44 42.68, 33.89 21.16, 51.91 1.7 M0.58 61.04 C19.82 38.42, 41.63 15.34, 52.4 -0.74 M-2 68.97 C17.08 50.31, 33.78 31.07, 58 -1.79 M-0.57 67.89 C12.79 53.01, 23.57 38.56, 57.54 0.78 M-0.94 73.26 C17.3 51.99, 37.15 29.16, 63.79 1.79 M-0.34 73.88 C13.12 57.81, 25.23 44.29, 63.24 0.24 M-0.02 80.75 C25.47 53.17, 50.04 23.22, 68.13 1.24 M-0.31 79 C13.15 62.83, 27.89 46.91, 69.58 0.16 M-1.36 83.81 C22.43 62.66, 42.64 36.29, 75.7 -0.26 M0.49 84.94 C20.19 61.39, 38.84 39.35, 74.08 -0.14 M-0.44 93.19 C29.84 56.59, 58.57 21.34, 80.05 0.63 M0.23 91.29 C16.75 73.26, 34.07 51.65, 80.34 -0.29 M-1.32 96.52 C29.7 64.08, 56.68 31.83, 85.06 1.15 M-1.23 98.35 C28.8 63.78, 59.61 29.8, 85.15 -0.85 M1.68 104.37 C24.69 72.49, 52 43.21, 91.99 -1.81 M-0.48 103.54 C31.96 64.64, 64.99 27.22, 89.13 0.87 M-1.77 108.18 C36.54 67.37, 72.5 22.54, 96.92 -1.99 M-0.63 109.78 C22.47 82.36, 45.16 56.53, 95.84 -1.07 M-1.12 114.79 C38.49 70.57, 74.74 30, 101.81 -1.93 M1.19 116.33 C38.03 73.29, 76.06 29.97, 100.42 0.88 M2 120.2 C36.47 78.86, 73.59 37.62, 107.95 0.68 M0.39 120.97 C29.7 88.16, 58.99 53.35, 106.73 -0.13 M-1.32 128.06 C41.12 75.45, 86.81 26, 110.99 -1.18 M-0.57 128.82 C35.82 86.5, 72.74 44.1, 111.91 0.79 M-1.02 135.64 C43.91 82.98, 87.98 32.05, 117.79 -1.37 M-0.27 134.74 C26.27 106.76, 50.22 76.9, 116.93 1.16 M-1.8 139.9 C35.21 104.38, 65.53 62.78, 120.66 1.37 M-0.43 139.71 C38.55 95.61, 78.01 50.56, 122.46 -0.53 M1.76 147.91 C29.11 117.4, 55.37 85.99, 127.68 1.48 M0.53 145.69 C46.44 94.62, 91.7 39.92, 126.74 -0.41 M0.17 150.85 C33.17 115.83, 61.4 80.26, 131.64 0.9 M0.15 151.84 C53.25 90.23, 106.14 30.74, 132.16 -0.36 M-1.84 157.7 C37.59 114.01, 76.78 70.61, 136.63 -0.45 M0.35 158.99 C30.36 122.85, 60.89 88, 137.61 0.03 M-0.23 166.11 C29.43 128.1, 58.73 93.84, 143.89 -0.53 M-0.32 164.8 C28.62 130.08, 57.48 96.97, 144 -0.28 M0.58 169.48 C50.77 111.65, 102.4 55.59, 147.57 0.38 M0.18 171.37 C41.33 123.45, 81.86 77.61, 148.81 0.27 M-0.43 175.5 C42.41 129.13, 83.17 82.4, 153.98 0.49 M-0.38 176.58 C56.14 112.56, 110.58 48.82, 153.05 0 M0.7 184.05 C39.63 137.27, 77.83 89.07, 159.24 -1.15 M-0.04 183.65 C61.15 113.46, 120.25 43.45, 159.1 0.14 M0.78 189.08 C63.86 116.64, 126.59 42.93, 165.06 -0.83 M-0.1 189.24 C43.16 138.18, 87.83 86.83, 164.16 0.56 M1.24 193.84 C36.84 154.67, 72.19 113.57, 170.32 -1.11 M-0.39 194.15 C64.21 119.86, 128.3 45.54, 169.93 0.91 M-0.29 202.73 C49.19 146.43, 96.87 92.17, 176.44 -0.47 M0.13 200.67 C52.92 138.41, 108.19 74.96, 174.6 -0.26 M1.16 206.55 C59.57 139.38, 118.88 71.01, 179.33 -0.46 M-0.07 207.43 C53.03 145.16, 107.35 82.74, 180.4 0.42 M0.22 213.68 C60.95 141.62, 123.88 71.22, 187.21 0.77 M0.6 214.05 C46.1 157.63, 93.55 102.73, 185.97 0.53 M1.26 216.37 C45.53 168.31, 87.98 118.47, 190.76 -1.23 M3.04 216.09 C67.52 139.61, 132.76 63.4, 190.6 -0.35 M7.95 217.48 C67.06 150.79, 124.44 83.38, 196.32 1.03 M7.93 216.35 C53.89 161.92, 100.46 109.21, 196.09 -0.51 M12.62 217.33 C58.21 163, 105.7 107.92, 202.43 -0.59 M13.54 216.66 C71.71 147.52, 130.4 81.02, 201.49 0.82 M18.27 217.27 C66.39 160.5, 115.21 104.07, 208.36 0.27 M18.01 215.72 C58.01 168.33, 99.25 121.93, 206.76 -0.82 M24.9 216.54 C74.66 158.72, 125.24 98.12, 212.06 0.05 M23.39 216.76 C89.76 140.49, 156.61 64.23, 211.91 -0.02 M28.87 215.01 C94.99 140.87, 162.5 64.39, 216.64 2.5 M28.76 215.55 C79.01 159.87, 128.27 103.38, 215.68 1.25 M32.95 216.11 C83.19 160.31, 131.85 106.05, 216.52 8.63 M33.94 217.11 C75.45 168.61, 117.47 121.55, 216.54 8.14 M39.78 217.56 C92.26 159.75, 140.57 102.37, 215.58 12.68 M40.11 216.11 C90.9 157.88, 140.49 99.7, 215.33 14 M43.47 216.97 C104.46 148.92, 163.67 79.54, 215.48 18.1 M44.41 216.74 C89.24 164.57, 133.58 113.45, 215.55 19.53 M50.78 215.1 C93.5 164.92, 139.86 112.9, 214.41 26.53 M49.78 215.99 C110.29 149.66, 168.81 81.69, 215.73 26.76 M57.12 215.58 C107.36 155.81, 157.92 97.78, 215.19 31.92 M54.97 216.03 C113.66 149.14, 173.56 80.85, 215.38 32.06 M61.3 215.31 C95.1 175.75, 132.1 134.8, 216.98 38.89 M61.19 216.77 C109.52 160.05, 158.35 103.94, 216.2 38.35 M67.47 216.77 C115.11 158.21, 167.71 97.2, 216.63 45.21 M66.77 216.96 C102.08 174.52, 137.46 133.67, 215.1 44.3 M70.35 215.08 C103.39 179.45, 138.17 141.98, 216.94 49.42 M72.29 216.59 C103.33 179.45, 132.1 146.13, 215.3 50.78 M77.48 217.53 C112.79 176.25, 148.92 136.21, 214.87 56.96 M76.92 216.34 C126.01 159.84, 176.06 104.61, 216.09 56.89 M83.65 216.59 C109.9 184.76, 137.67 151.42, 216.82 64.24 M81.86 216.8 C115.56 177.43, 148.43 139.03, 215.35 63.31 M86.45 216.6 C117.96 179.57, 150.68 145.05, 215.64 67.24 M86.76 215.76 C133.59 164.04, 179.87 111.6, 216.32 67.66 M92.5 217.18 C130.08 175.3, 164.37 136.62, 217.67 75.31 M93.31 216.93 C121.12 183.96, 149.71 151.9, 216.67 74.37 M97.31 214.67 C122.26 188.24, 148.41 160.47, 217.8 78.71 M97.27 217.16 C133.41 175.31, 167.83 132.89, 216.35 79.87 M102.05 215.76 C128.77 182.73, 159.47 152.36, 217.64 85.73 M103.92 216.03 C140.06 172.81, 177.77 130.15, 216.44 86.54 M108.77 215.29 C145.82 169.8, 184.54 127.33, 214.48 93.3 M108.6 216.14 C152.4 169.17, 193.64 120.21, 215.53 93.61 M113.85 217.99 C138.74 189.67, 160.26 165.2, 215.6 100.97 M113.85 215.19 C144.51 180.53, 176.69 143.07, 215.68 99.56 M119.06 216.26 C139.68 192.15, 161.93 164.32, 216.54 104.97 M120.04 216.13 C141.97 189.71, 164.98 164.4, 216.3 104.47 M124.31 216.62 C147.59 192.15, 170.4 161.51, 217.92 112.68 M123.84 216.01 C151.85 183.74, 178.95 152.19, 216.63 110.91 M130.04 217.74 C153.81 189.32, 176.55 163.35, 216.49 116.35 M130.09 216.38 C146.84 196.06, 166.21 175.33, 216.35 118.08 M135.41 216.47 C160.47 188.02, 182.14 159.88, 213.93 123.66 M135.78 217.64 C155.48 194.76, 172.71 172.66, 216.06 124.66 M139.2 218.28 C157.86 195.92, 177.77 173.69, 215.14 127.67 M140.43 215.93 C161.4 191.88, 182.03 169.94, 215.2 129.17 M146.79 215.06 C162.71 194.09, 180.79 177.42, 214.55 136.84 M144.79 217.28 C160.2 199.12, 174.78 183.05, 215.91 136.41 M151.66 214.81 C171.28 196.29, 187.11 175.48, 216.92 141.52 M151.91 215.67 C176.44 188.45, 199.88 160.32, 215.56 142.26 M154.38 215.47 C172.69 198.01, 192.07 175.16, 216.36 147.74 M155.82 217.21 C174.84 196.04, 193.76 174.8, 215.32 147.85 M160.14 214.61 C179.82 197.41, 195.96 177.17, 217.2 155.66 M162.6 216.26 C174.04 201, 186.86 187.65, 214.67 154.44 M165.72 215.2 C184.79 196.83, 203.71 176.89, 216.23 161.56 M167.04 217.53 C178.06 204.41, 186.16 194.48, 215.28 159.73 M173.01 215.35 C189.21 198.76, 204.39 179.52, 216.99 167.92 M171.74 216.2 C188.55 197.71, 202.6 180.81, 214.93 166.35 M176 218.1 C188.62 206.57, 198.94 193.03, 214.63 173.83 M177.77 216.11 C190.55 201.92, 202.86 186.55, 215.97 172.6 M182.26 217.09 C193.97 201.5, 207.69 185.56, 214.91 176.8 M183.75 215.8 C191.36 207.78, 198.34 197.48, 215.95 178.7 M187.99 218.4 C199.34 205.7, 207.8 191.99, 215.03 183.22 M188.53 216.69 C197.17 205.82, 204.83 195.35, 216.1 185.58 M195.49 214.23 C197.72 209.17, 202.2 205.99, 217.9 190.4 M194.25 215.18 C202.02 207.92, 209.16 198.59, 215.2 191.28 M200.15 216.71 C206.55 209.28, 212.55 200.97, 214.47 196.53 M199.03 216.79 C205.41 210.03, 212.23 201.38, 215.53 197.34 M203.99 215.64 C207.37 213.36, 210.04 206.68, 216.48 203.13 M204.08 216.24 C207 212.46, 211.61 208.42, 215.41 201.74 M209.93 216.23 C210.58 213.66, 212.88 213.24, 215.79 209.03 M209.77 216.09 C211.32 214.48, 213.4 211.72, 215.64 208.76\\" stroke=\\"#15aabf\\" stroke-width=\\"0.5\\" fill=\\"none\\"></path><path d=\\"M-0.39 -0.88 C55.46 -0.97, 113.94 -0.3, 214.26 0.61 M-0.49 0.4 C84.22 -0.65, 169.11 -0.38, 213.87 0.66 M212.35 -0.69 C216.14 81.33, 216.66 160.36, 212.82 212.88 M213.44 -0.28 C214.34 52.63, 212.93 106.93, 213.51 214 M215.36 213.92 C153.36 215.01, 94.72 215.24, 0.66 215.17 M214.59 213.78 C136.22 216.39, 57.75 216.64, 0.1 213.77 M-1.71 215.7 C0.69 160.6, -0.19 109.87, -0.18 1.75 M0.58 213.93 C-0.62 147.47, -0.5 79.36, 0.52 0\\" stroke=\\"#000000\\" stroke-width=\\"1\\" fill=\\"none\\"></path></g></a>"
 `;
 
-exports[`exportToSvg > with exportEmbedScene 1`] = `
+exports[`exportToSvg with exportEmbedScene 1`] = `
 "
   <!-- svg-source:excalidraw -->
-  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIuFAIJSNlqpCqtqBXHUwMDAxqVVcdTAwMDdcdTAwMTNfiFx1MDAxNcdcdTAwMGW2w4dcdTAwMTD/vbaBuETMnerBkt+9d3e+e8dOXHUwMDEwhPpQQThcdELYp5hRXCLxLuxafFx1MDAwYlJRwU2o795K1DJ1zFxc62rS6zFhXHUwMDA0uVB6MkBcYp1FwKBcdTAwMDSulaF9mXdcdTAwMTBcdTAwMWPdbVwilFjpdik3XHUwMDFm06ygnPQ3aZm8zaavn07qSHvDiaO4eVx1MDAxZmz1QdK8d5To3GBcdTAwMTFCXHKWXHUwMDAzXee6XHUwMDA1Yr5mtlePKC1FXHUwMDAxz4JcdGlcdTAwMWJ5QO740iucXHUwMDE2aylqTjwnXHUwMDFhYrzKPCejjC30gZ2ngNO8llx1MDAxMLYqLK8ttvBGp4SZsleZkuucg1I3XHUwMDFhUeGU6kPrV7a/ak7cdL99V1x1MDAxMpcwt+PlNWO/XHUwMDEzc3JJfFx1MDAxM1BcdTAwMDDEJY6j0TB5ROMm4ldcdTAwMWX1UVx1MDAxYn1cdTAwMTfcrT+KxmOE4n4yalx1MDAxOFTNzOK1S5thpsBP1Tbx4k1x00hdXHUwMDExfFx1MDAxNvmPM8qLNs9cdTAwMTituJP7alxcQnEpOFx0XHUwMDFkfur+2+7fdn9hO2CMVlxuLrYzt1x1MDAxYk2Iq2qhTX5DOZsw3FLYPd1Zc+aO1TvT2jWDbfZ46px+XHUwMDAwcU5t0CJ9<!-- payload-end -->
+  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIpGk4aNstFRcdTAwMTVS1Vx1MDAwZVxmSK06mPiSWHHsYDtAhPjvtVxyxCVi7oRcdTAwMDdLfvfu7vnuXHUwMDFkep7nq6ZcdTAwMDJ/6vmwT1x1MDAxMCVYoJ3fN/hcdTAwMTaEJJzpUGTfktdcIrHMXFypajpcdTAwMThQrlx1MDAxM3Iu1YlcdTAwMGZcdTAwMTRKYEpqxrd+e97B3jpCsMnarsTmc5ZcdTAwMTaE4WiTlOP3+ezty6Za0l5z4jBu341p/Dhu3zuCVa6xMFxiWixcdTAwMDeS5apcdTAwMDNcIpZRI9MhUlx0XsBcdTAwMGKnXFxcdTAwMTghXHUwMDBmgT2u9Vx1MDAxYSVFJnjNsOOEQ4TWqeOkhNKlauhpXHUwMDAwKMlrXHUwMDAxfqfD6lwisYO3eZLrXHUwMDAxuyzdMstcdTAwMTlIeZXDK5RcdTAwMTDVdH5l9FVcdTAwMGJsp/vjVFx0VMLCjJfVlP4tzPC58FVAXHUwMDAyYFs4XHUwMDBlR8PxUzBpI27bYVx1MDAxNHTRXHUwMDBmzuzmw3AyXHSCOFx1MDAxYY9aXHUwMDA2kXO9eGXLpohKcFM1XCJenSmuhNRcdTAwMTVGpyT3cUpY0eVpj1x1MDAxNTdqXzyLXHQqOcO+xY/9u+3utvtcdTAwMGbbXHUwMDAxpaSScLadvu1ofFRVS6Xra8rJhP6WwO75xppTe0y+Na1ZM1x1MDAxOLGHY+/4XHUwMDBiw1x1MDAwNmzTIn0=<!-- payload-end -->
   <defs>
     <style class=\\"style-fonts\\">
       @font-face {
diff --git a/src/tests/scene/export.test.ts b/src/tests/scene/export.test.ts
index 4da7a702e..bab87a15c 100644
--- a/src/tests/scene/export.test.ts
+++ b/src/tests/scene/export.test.ts
@@ -61,7 +61,7 @@ describe("exportToSvg", () => {
     );
 
     expect(svgElement.getAttribute("filter")).toMatchInlineSnapshot(
-      '"_themeFilter_f32792"',
+      `"themeFilter"`,
     );
   });
 
diff --git a/src/tests/selection.test.tsx b/src/tests/selection.test.tsx
index f48226621..7bfd6e9b3 100644
--- a/src/tests/selection.test.tsx
+++ b/src/tests/selection.test.tsx
@@ -13,12 +13,11 @@ import { reseed } from "../random";
 import { API } from "./helpers/api";
 import { Keyboard, Pointer, UI } from "./helpers/ui";
 import { SHAPES } from "../shapes";
-import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = vi.spyOn(Renderer, "renderScene");
+const renderScene = jest.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/utils.ts b/src/utils.ts
index e14413eaf..95beb69b0 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -160,7 +160,7 @@ export const throttleRAF = <T extends any[]>(
   };
 
   const ret = (...args: T) => {
-    if (import.meta.env.MODE === "test") {
+    if (process.env.NODE_ENV === "test") {
       fn(...args);
       return;
     }
@@ -772,7 +772,7 @@ export const arrayToMapWithIndex = <T extends { id: string }>(
     return acc;
   }, new Map<string, [element: T, index: number]>());
 
-export const isTestEnv = () => import.meta.env.MODE === "test";
+export const isTestEnv = () => process.env.NODE_ENV === "test";
 
 export const wrapEvent = <T extends Event>(name: EVENT, nativeEvent: T) => {
   return new CustomEvent(name, {
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index 88917d967..000000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-plugin-pwa/react" />
-/// <reference types="vite-plugin-pwa/info" />
-/// <reference types="vite-plugin-svgr/client" />
-
-interface ImportMetaEnv {
-  VITE_APP_BACKEND_V2_GET_URL: string;
-  VITE_APP_BACKEND_V2_POST_URL: string;
-
-  VITE_APP_LIBRARY_URL: string;
-  VITE_APP_LIBRARY_BACKEND: string;
-
-  // collaboration WebSocket server (https: string
-  VITE_APP_WS_SERVER_URL: string;
-
-  // set this only if using the collaboration workflow we use on excalidraw.com
-  VITE_APP_PORTAL_URL: string;
-
-  VITE_APP_FIREBASE_CONFIG: string;
-
-  // whether to enable Service Workers in development
-  VITE_APP_DEV_ENABLE_SW: string;
-  // whether to disable live reload / HMR. Usuaully what you want to do when
-  // debugging Service Workers.
-  VITE_APP_DEV_DISABLE_LIVE_RELOAD: string;
-
-  FAST_REFRESH: string;
-
-  // MATOMO
-  VITE_APP_MATOMO_URL: string;
-  VITE_APP_CDN_MATOMO_TRACKER_URL: string;
-  VITE_APP_MATOMO_SITE_ID: string;
-
-  //Debug flags
-
-  // To enable bounding box for text containers
-  VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: string;
-  VITE_APP_DISABLE_SENTRY: string;
-
-  VITE_PKG_NAME: string;
-  VITE_PKG_VERSION: string;
-  VITE_IS_EXCALIDRAW_NPM_PACKAGE: string;
-
-  VITE_WORKER_ID: string;
-  MODE: string;
-  DEV: string;
-  PROD: string;
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}
diff --git a/tsconfig-types.json b/tsconfig-types.json
index 9fb129cf2..148459807 100644
--- a/tsconfig-types.json
+++ b/tsconfig-types.json
@@ -1,7 +1,6 @@
 {
   "include": ["src/packages/excalidraw", "src/global.d.ts", "src/css.d.ts"],
   "compilerOptions": {
-    "types": ["vite/client", "vite-plugin-svgr/client"],
     "allowJs": true,
     "declaration": true,
     "emitDeclarationOnly": true,
@@ -9,7 +8,7 @@
     "jsx": "react-jsx",
     "target": "es6",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "ESNext",
+    "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "skipLibCheck": true,
diff --git a/tsconfig.json b/tsconfig.json
index d75d3656a..c8b09c92c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "es6",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -8,9 +8,9 @@
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "ESNext",
+    "module": "esnext",
     "moduleResolution": "node",
+    "noFallthroughCasesInSwitch": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
diff --git a/vite.config.ts b/vite.config.ts
deleted file mode 100644
index 43b10faf9..000000000
--- a/vite.config.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import svgrPlugin from "vite-plugin-svgr";
-import { ViteEjsPlugin } from "vite-plugin-ejs";
-import { VitePWA } from "vite-plugin-pwa";
-import eslint from "vite-plugin-eslint";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  build: {
-    outDir: "build",
-    rollupOptions: {
-      output: {
-        // Creating separate chunk for locales except for en and percentages.json so they
-        // can be cached at runtime and not merged with
-        // app precache. en.json and percentages.json are needed for first load
-        // or fallback hence not clubbing with locales so first load followed by offline mode works fine. This is how CRA used to work too.
-        manualChunks(id) {
-          if (
-            id.includes("src/locales") &&
-            id.match(/en.json|percentages.json/) === null
-          ) {
-            const index = id.indexOf("locales/");
-            // Taking the substring after "locales/"
-            return `locales/${id.substring(index + 8)}`;
-          }
-        },
-      },
-    },
-    sourcemap: true,
-  },
-  plugins: [
-    react(),
-    eslint(),
-    svgrPlugin(),
-    ViteEjsPlugin(),
-    VitePWA({
-      devOptions: {
-        /* set this flag to true to enable in Development mode */
-        enabled: false,
-      },
-
-      workbox: {
-        // Don't push fonts and locales to app precache
-        globIgnores: ["fonts.css", "**/locales/**"],
-        runtimeCaching: [
-          {
-            urlPattern: new RegExp("/.+.(ttf|woff2|otf)"),
-            handler: "CacheFirst",
-            options: {
-              cacheName: "fonts",
-              expiration: {
-                maxEntries: 50,
-                maxAgeSeconds: 60 * 60 * 24 * 90, // <== 90 days
-              },
-            },
-          },
-          {
-            urlPattern: new RegExp("fonts.css"),
-            handler: "StaleWhileRevalidate",
-            options: {
-              cacheName: "fonts",
-              expiration: {
-                maxEntries: 50,
-              },
-            },
-          },
-          {
-            urlPattern: new RegExp("locales/[^/]+.js"),
-            handler: "CacheFirst",
-            options: {
-              cacheName: "locales",
-              expiration: {
-                maxEntries: 50,
-                maxAgeSeconds: 60 * 60 * 24 * 30, // <== 30 days
-              },
-            },
-          },
-        ],
-      },
-      manifest: {
-        short_name: "Excalidraw",
-        name: "Excalidraw",
-        description:
-          "Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.",
-        icons: [
-          {
-            src: "logo-180x180.png",
-            sizes: "180x180",
-            type: "image/png",
-          },
-          {
-            src: "apple-touch-icon.png",
-            type: "image/png",
-            sizes: "256x256",
-          },
-        ],
-        start_url: "/",
-        display: "standalone",
-        theme_color: "#121212",
-        background_color: "#ffffff",
-        file_handlers: [
-          {
-            action: "/",
-            accept: {
-              "application/vnd.excalidraw+json": [".excalidraw"],
-            },
-          },
-        ],
-        share_target: {
-          action: "/web-share-target",
-          method: "POST",
-          enctype: "multipart/form-data",
-          params: {
-            files: [
-              {
-                name: "file",
-                accept: [
-                  "application/vnd.excalidraw+json",
-                  "application/json",
-                  ".excalidraw",
-                ],
-              },
-            ],
-          },
-        },
-        screenshots: [
-          {
-            src: "/screenshots/virtual-whiteboard.png",
-            type: "image/png",
-            sizes: "462x945",
-          },
-          {
-            src: "/screenshots/wireframe.png",
-            type: "image/png",
-            sizes: "462x945",
-          },
-          {
-            src: "/screenshots/illustration.png",
-            type: "image/png",
-            sizes: "462x945",
-          },
-          {
-            src: "/screenshots/shapes.png",
-            type: "image/png",
-            sizes: "462x945",
-          },
-          {
-            src: "/screenshots/collaboration.png",
-            type: "image/png",
-            sizes: "462x945",
-          },
-          {
-            src: "/screenshots/export.png",
-            type: "image/png",
-            sizes: "462x945",
-          },
-        ],
-      },
-    }),
-  ],
-  publicDir: "./public",
-});
diff --git a/vitest.config.ts b/vitest.config.ts
deleted file mode 100644
index e7d08704d..000000000
--- a/vitest.config.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { defineConfig } from "vitest/config";
-
-export default defineConfig({
-  test: {
-    setupFiles: ["./src/setupTests.ts"],
-    globals: true,
-    environment: "jsdom",
-  },
-});
diff --git a/yarn.lock b/yarn.lock
index c78b36403..106f6974f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -26,31 +26,19 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4", "@babel/code-frame@^7.8.3":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
   integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
   dependencies:
     "@babel/highlight" "^7.18.6"
 
-"@babel/code-frame@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
-  integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
-  dependencies:
-    "@babel/highlight" "^7.22.5"
-
 "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
   integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
 
-"@babel/compat-data@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.5.tgz#b1f6c86a02d85d2dd3368a2b67c09add8cd0c255"
-  integrity sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==
-
-"@babel/core@^7.11.1", "@babel/core@^7.16.0":
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
   integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
@@ -71,27 +59,6 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/core@^7.19.6", "@babel/core@^7.20.12":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.5.tgz#d67d9747ecf26ee7ecd3ebae1ee22225fe902a89"
-  integrity sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.22.5"
-    "@babel/generator" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.22.5"
-    "@babel/helpers" "^7.22.5"
-    "@babel/parser" "^7.22.5"
-    "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.5"
-    "@babel/types" "^7.22.5"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.2"
-    semver "^6.3.0"
-
 "@babel/eslint-parser@^7.16.3":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.21.3.tgz#d79e822050f2de65d7f368a076846e7184234af7"
@@ -101,7 +68,7 @@
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.0"
 
-"@babel/generator@^7.21.4":
+"@babel/generator@^7.21.4", "@babel/generator@^7.7.2":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.4.tgz#64a94b7448989f421f919d5239ef553b37bb26bc"
   integrity sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==
@@ -111,16 +78,6 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
-"@babel/generator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.5.tgz#1e7bf768688acfb05cf30b2369ef855e82d984f7"
-  integrity sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==
-  dependencies:
-    "@babel/types" "^7.22.5"
-    "@jridgewell/gen-mapping" "^0.3.2"
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jsesc "^2.5.1"
-
 "@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
@@ -147,17 +104,6 @@
     lru-cache "^5.1.1"
     semver "^6.3.0"
 
-"@babel/helper-compilation-targets@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz#fc7319fc54c5e2fa14b2909cf3c5fd3046813e02"
-  integrity sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==
-  dependencies:
-    "@babel/compat-data" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.5"
-    browserslist "^4.21.3"
-    lru-cache "^5.1.1"
-    semver "^6.3.0"
-
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.4.tgz#3a017163dc3c2ba7deb9a7950849a9586ea24c18"
@@ -197,11 +143,6 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
   integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
 
-"@babel/helper-environment-visitor@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
-  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
-
 "@babel/helper-explode-assignable-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz#41f8228ef0a6f1a036b8dfdfec7ce94f9a6bc096"
@@ -217,14 +158,6 @@
     "@babel/template" "^7.20.7"
     "@babel/types" "^7.21.0"
 
-"@babel/helper-function-name@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
-  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
-  dependencies:
-    "@babel/template" "^7.22.5"
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -232,13 +165,6 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-hoist-variables@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
-  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
@@ -253,13 +179,6 @@
   dependencies:
     "@babel/types" "^7.21.4"
 
-"@babel/helper-module-imports@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz#1a8f4c9f4027d23f520bd76b364d44434a72660c"
-  integrity sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.2":
   version "7.21.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
@@ -274,20 +193,6 @@
     "@babel/traverse" "^7.21.2"
     "@babel/types" "^7.21.2"
 
-"@babel/helper-module-transforms@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz#0f65daa0716961b6e96b164034e737f60a80d2ef"
-  integrity sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.5"
-    "@babel/helper-simple-access" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.5"
-    "@babel/helper-validator-identifier" "^7.22.5"
-    "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.5"
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -300,11 +205,6 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
-"@babel/helper-plugin-utils@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
-  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
-
 "@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
@@ -334,13 +234,6 @@
   dependencies:
     "@babel/types" "^7.20.2"
 
-"@babel/helper-simple-access@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
-  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
@@ -355,43 +248,21 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-split-export-declaration@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz#88cf11050edb95ed08d596f7a044462189127a08"
-  integrity sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-string-parser@^7.19.4":
   version "7.19.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
   integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
 
-"@babel/helper-string-parser@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
-  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
-
 "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
   version "7.19.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
-"@babel/helper-validator-identifier@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
-  integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
-
 "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
   integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
 
-"@babel/helper-validator-option@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
-  integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
-
 "@babel/helper-wrap-function@^7.18.9":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3"
@@ -411,15 +282,6 @@
     "@babel/traverse" "^7.21.0"
     "@babel/types" "^7.21.0"
 
-"@babel/helpers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.5.tgz#74bb4373eb390d1ceed74a15ef97767e63120820"
-  integrity sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==
-  dependencies:
-    "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.5"
-    "@babel/types" "^7.22.5"
-
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -429,25 +291,11 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/highlight@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
-  integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.22.5"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
   integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
 
-"@babel/parser@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.5.tgz#721fd042f3ce1896238cf1b341c77eb7dee7dbea"
-  integrity sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==
-
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2"
@@ -611,7 +459,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-class-properties@^7.12.13":
+"@babel/plugin-syntax-bigint@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
@@ -660,6 +515,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.19.0"
 
+"@babel/plugin-syntax-import-meta@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
@@ -674,7 +536,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
   integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
@@ -688,7 +550,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.4":
+"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
   integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
@@ -723,14 +585,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-top-level-await@^7.14.5":
+"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
   integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.20.0":
+"@babel/plugin-syntax-typescript@^7.20.0", "@babel/plugin-syntax-typescript@^7.7.2":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz#2751948e9b7c6d771a8efa59340c15d4a2891ff8"
   integrity sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==
@@ -930,6 +792,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-react-constant-elements@^7.12.1":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.21.3.tgz#b32a5556100d424b25e388dd689050d78396884d"
+  integrity sha512-4DVcFeWe/yDYBLp0kBmOGFJ6N2UYg7coGid1gdxb4co62dy/xISDMaYBXBVXEDhfgMk7qkbcYiGtwd5Q/hwDDQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.20.2"
+
 "@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
@@ -944,20 +813,6 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
-"@babel/plugin-transform-react-jsx-self@^7.18.6":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz#ca2fdc11bc20d4d46de01137318b13d04e481d8e"
-  integrity sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-transform-react-jsx-source@^7.19.6":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz#49af1615bfdf6ed9d3e9e43e425e0b2b65d15b6c"
-  integrity sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
 "@babel/plugin-transform-react-jsx@^7.18.6":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz#656b42c2fdea0a6d8762075d58ef9d4e3c4ab8a2"
@@ -1065,7 +920,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.16.4":
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.21.4.tgz#a952482e634a8dd8271a3fe5459a16eb10739c58"
   integrity sha512-2W57zHs2yDLm6GD5ZpvNn71lZ0B/iypSdIeq25OurDKji6AdzV07qp4s3n1/x5BqtiGaTrPN3nerlSCaC5qNTw==
@@ -1157,7 +1012,7 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-react@^7.16.0":
+"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.16.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.18.6.tgz#979f76d6277048dc19094c217b507f3ad517dd2d"
   integrity sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==
@@ -1192,7 +1047,7 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/template@^7.18.10", "@babel/template@^7.20.7":
+"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
   integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
@@ -1201,16 +1056,7 @@
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/template@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
-  integrity sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==
-  dependencies:
-    "@babel/code-frame" "^7.22.5"
-    "@babel/parser" "^7.22.5"
-    "@babel/types" "^7.22.5"
-
-"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
+"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.7.2":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
   integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
@@ -1226,23 +1072,7 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/traverse@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.5.tgz#44bd276690db6f4940fdb84e1cb4abd2f729ccd1"
-  integrity sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==
-  dependencies:
-    "@babel/code-frame" "^7.22.5"
-    "@babel/generator" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.5"
-    "@babel/parser" "^7.22.5"
-    "@babel/types" "^7.22.5"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.4.4":
+"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
   integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
@@ -1251,239 +1081,126 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
-  integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
-  dependencies:
-    "@babel/helper-string-parser" "^7.22.5"
-    "@babel/helper-validator-identifier" "^7.22.5"
-    to-fast-properties "^2.0.0"
+"@bcoe/v8-coverage@^0.2.3":
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
 "@braintree/sanitize-url@6.0.2":
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f"
   integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==
 
-"@esbuild/android-arm64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz#bafb75234a5d3d1b690e7c2956a599345e84a2fd"
-  integrity sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==
+"@csstools/normalize.css@*":
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-12.0.0.tgz#a9583a75c3f150667771f30b60d9f059473e62c4"
+  integrity sha512-M0qqxAcwCsIVfpFQSlGN5XjXWu8l5JDZN+fPt1LeW5SZexQTgnaEvgXAY+CeygRw0EeppWHi12JxESWiWrB0Sg==
 
-"@esbuild/android-arm64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.11.tgz#fa6f0cc7105367cb79cc0a8bf32bf50cb1673e45"
-  integrity sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==
+"@csstools/postcss-cascade-layers@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
+  integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.2"
+    postcss-selector-parser "^6.0.10"
 
-"@esbuild/android-arm@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.19.tgz#5898f7832c2298bc7d0ab53701c57beb74d78b4d"
-  integrity sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==
+"@csstools/postcss-color-function@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
+  integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/android-arm@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.11.tgz#ae84a410696c9f549a15be94eaececb860bacacb"
-  integrity sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==
+"@csstools/postcss-font-format-keywords@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
+  integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/android-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.19.tgz#658368ef92067866d95fb268719f98f363d13ae1"
-  integrity sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==
+"@csstools/postcss-hwb-function@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
+  integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/android-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.11.tgz#0e58360bbc789ad0d68174d32ba20e678c2a16b6"
-  integrity sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==
+"@csstools/postcss-ic-unit@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
+  integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/darwin-arm64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz#584c34c5991b95d4d48d333300b1a4e2ff7be276"
-  integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==
+"@csstools/postcss-is-pseudo-class@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
+  integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
 
-"@esbuild/darwin-arm64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.11.tgz#fcdcd2ef76ca656540208afdd84f284072f0d1f9"
-  integrity sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==
+"@csstools/postcss-nested-calc@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
+  integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/darwin-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz#7751d236dfe6ce136cce343dce69f52d76b7f6cb"
-  integrity sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==
+"@csstools/postcss-normalize-display-values@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
+  integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/darwin-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.11.tgz#c5ac602ec0504a8ff81e876bc8a9811e94d69d37"
-  integrity sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==
+"@csstools/postcss-oklab-function@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
+  integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/freebsd-arm64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz#cacd171665dd1d500f45c167d50c6b7e539d5fd2"
-  integrity sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==
+"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
+  integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/freebsd-arm64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.11.tgz#7012fb06ee3e6e0d5560664a65f3fefbcc46db2e"
-  integrity sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==
+"@csstools/postcss-stepped-value-functions@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
+  integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/freebsd-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz#0769456eee2a08b8d925d7c00b79e861cb3162e4"
-  integrity sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==
+"@csstools/postcss-text-decoration-shorthand@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
+  integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/freebsd-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.11.tgz#c5de1199f70e1f97d5c8fca51afa9bf9a2af5969"
-  integrity sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==
+"@csstools/postcss-trigonometric-functions@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
+  integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
+  dependencies:
+    postcss-value-parser "^4.2.0"
 
-"@esbuild/linux-arm64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz#38e162ecb723862c6be1c27d6389f48960b68edb"
-  integrity sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==
+"@csstools/postcss-unset-value@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
+  integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
 
-"@esbuild/linux-arm64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.11.tgz#2a6d3a74e0b8b5f294e22b4515b29f76ebd42660"
-  integrity sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==
-
-"@esbuild/linux-arm@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz#1a2cd399c50040184a805174a6d89097d9d1559a"
-  integrity sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==
-
-"@esbuild/linux-arm@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.11.tgz#5175bd61b793b436e4aece6328aa0d9be07751e1"
-  integrity sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==
-
-"@esbuild/linux-ia32@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz#e28c25266b036ce1cabca3c30155222841dc035a"
-  integrity sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==
-
-"@esbuild/linux-ia32@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.11.tgz#20ee6cfd65a398875f321a485e7b2278e5f6f67b"
-  integrity sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==
-
-"@esbuild/linux-loong64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz#0f887b8bb3f90658d1a0117283e55dbd4c9dcf72"
-  integrity sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==
-
-"@esbuild/linux-loong64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.11.tgz#8e7b251dede75083bf44508dab5edce3f49d052b"
-  integrity sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==
-
-"@esbuild/linux-mips64el@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz#f5d2a0b8047ea9a5d9f592a178ea054053a70289"
-  integrity sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==
-
-"@esbuild/linux-mips64el@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.11.tgz#a3125eb48538ac4932a9d05089b157f94e443165"
-  integrity sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==
-
-"@esbuild/linux-ppc64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz#876590e3acbd9fa7f57a2c7d86f83717dbbac8c7"
-  integrity sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==
-
-"@esbuild/linux-ppc64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.11.tgz#842abadb7a0995bd539adee2be4d681b68279499"
-  integrity sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==
-
-"@esbuild/linux-riscv64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz#7f49373df463cd9f41dc34f9b2262d771688bf09"
-  integrity sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==
-
-"@esbuild/linux-riscv64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.11.tgz#7ce6e6cee1c72d5b4d2f4f8b6fcccf4a9bea0e28"
-  integrity sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==
-
-"@esbuild/linux-s390x@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz#e2afd1afcaf63afe2c7d9ceacd28ec57c77f8829"
-  integrity sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==
-
-"@esbuild/linux-s390x@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.11.tgz#98fbc794363d02ded07d300df2e535650b297b96"
-  integrity sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==
-
-"@esbuild/linux-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz#8a0e9738b1635f0c53389e515ae83826dec22aa4"
-  integrity sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==
-
-"@esbuild/linux-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.11.tgz#f8458ec8cf74c8274e4cacd00744d8446cac52eb"
-  integrity sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==
-
-"@esbuild/netbsd-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz#c29fb2453c6b7ddef9a35e2c18b37bda1ae5c462"
-  integrity sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==
-
-"@esbuild/netbsd-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.11.tgz#a7b2f991b8293748a7be42eac1c4325faf0c7cca"
-  integrity sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==
-
-"@esbuild/openbsd-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz#95e75a391403cb10297280d524d66ce04c920691"
-  integrity sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==
-
-"@esbuild/openbsd-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.11.tgz#3e50923de84c54008f834221130fd23646072b2f"
-  integrity sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==
-
-"@esbuild/sunos-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz#722eaf057b83c2575937d3ffe5aeb16540da7273"
-  integrity sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==
-
-"@esbuild/sunos-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.11.tgz#ae47a550b0cd395de03606ecfba03cc96c7c19e2"
-  integrity sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==
-
-"@esbuild/win32-arm64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz#9aa9dc074399288bdcdd283443e9aeb6b9552b6f"
-  integrity sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==
-
-"@esbuild/win32-arm64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.11.tgz#05d364582b7862d7fbf4698ef43644f7346dcfcc"
-  integrity sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==
-
-"@esbuild/win32-ia32@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz#95ad43c62ad62485e210f6299c7b2571e48d2b03"
-  integrity sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==
-
-"@esbuild/win32-ia32@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.11.tgz#a3372095a4a1939da672156a3c104f8ce85ee616"
-  integrity sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==
-
-"@esbuild/win32-x64@0.17.19":
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061"
-  integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==
-
-"@esbuild/win32-x64@0.18.11":
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.11.tgz#6526c7e1b40d5b9f0a222c6b767c22f6fb97aa57"
-  integrity sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==
+"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
+  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
 
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
@@ -1512,10 +1229,30 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@excalidraw/eslint-config@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.3.tgz#2122ef7413ae77874ae9848ce0f1c6b3f0d8bbbd"
-  integrity sha512-GemHNF5Z6ga0BWBSX7GJaNBUchLu6RwTcAB84eX1MeckRNhNasAsPCdelDlFalz27iS4RuYEQh0bPE8SRxJgbQ==
+"@eslint/eslintrc@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.2.tgz#01575e38707add677cf73ca1589abba8da899a02"
+  integrity sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.5.1"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.38.0":
+  version "8.38.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.38.0.tgz#73a8a0d8aa8a8e6fe270431c5e72ae91b5337892"
+  integrity sha512-IoD2MfUnOV58ghIHCiil01PcohxjbYR/qCxsoC+xNgUwh1EY8jOOrYmu3d3a71+tJJ23uscEV4X2HJWMsPJu4g==
+
+"@excalidraw/eslint-config@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.0.tgz#1cc527a88cfe20fd730496c1b631c3aecf9c825e"
+  integrity sha512-5SQFsQXO4vzny7OFSJr/DDPr1Mzeh6w0uwmZ0Fk2qjBcS5nhPtnx5KOTRPmpc6Hf5Ao57WK/MKI4lhCzw66V/A==
 
 "@excalidraw/prettier-config@1.0.2":
   version "1.0.2"
@@ -1798,6 +1535,15 @@
     protobufjs "^7.0.0"
     yargs "^16.2.0"
 
+"@humanwhocodes/config-array@^0.11.8":
+  version "0.11.8"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
+  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.1"
+    debug "^4.1.1"
+    minimatch "^3.0.5"
+
 "@humanwhocodes/config-array@^0.5.0":
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
@@ -1807,11 +1553,100 @@
     debug "^4.1.1"
     minimatch "^3.0.4"
 
-"@humanwhocodes/object-schema@^1.2.0":
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^1.2.0", "@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@istanbuljs/load-nyc-config@^1.0.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
+  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
+  dependencies:
+    camelcase "^5.3.1"
+    find-up "^4.1.0"
+    get-package-type "^0.1.0"
+    js-yaml "^3.13.1"
+    resolve-from "^5.0.0"
+
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
+
+"@jest/console@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
+  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
+    slash "^3.0.0"
+
+"@jest/console@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
+  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
+  dependencies:
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
+    slash "^3.0.0"
+
+"@jest/core@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
+  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/reporters" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.8.1"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-changed-files "^27.5.1"
+    jest-config "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-resolve-dependencies "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    jest-watcher "^27.5.1"
+    micromatch "^4.0.4"
+    rimraf "^3.0.0"
+    slash "^3.0.0"
+    strip-ansi "^6.0.0"
+
+"@jest/environment@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
+  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
+  dependencies:
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+
 "@jest/expect-utils@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
@@ -1819,6 +1654,65 @@
   dependencies:
     jest-get-type "^29.4.3"
 
+"@jest/fake-timers@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
+  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@sinonjs/fake-timers" "^8.0.1"
+    "@types/node" "*"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+
+"@jest/globals@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
+  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    expect "^27.5.1"
+
+"@jest/reporters@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
+  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
+  dependencies:
+    "@bcoe/v8-coverage" "^0.2.3"
+    "@jest/console" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    collect-v8-coverage "^1.0.0"
+    exit "^0.1.2"
+    glob "^7.1.2"
+    graceful-fs "^4.2.9"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-instrument "^5.1.0"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.1.3"
+    jest-haste-map "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    slash "^3.0.0"
+    source-map "^0.6.0"
+    string-length "^4.0.1"
+    terminal-link "^2.0.0"
+    v8-to-istanbul "^8.1.0"
+
+"@jest/schemas@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
+  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
+  dependencies:
+    "@sinclair/typebox" "^0.24.1"
+
 "@jest/schemas@^29.4.3":
   version "29.4.3"
   resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
@@ -1826,6 +1720,89 @@
   dependencies:
     "@sinclair/typebox" "^0.25.16"
 
+"@jest/source-map@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
+  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.2.9"
+    source-map "^0.6.0"
+
+"@jest/test-result@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
+  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@jest/test-result@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
+  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
+  dependencies:
+    "@jest/console" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@jest/test-sequencer@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
+  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
+  dependencies:
+    "@jest/test-result" "^27.5.1"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-runtime "^27.5.1"
+
+"@jest/transform@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
+  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^27.5.1"
+    babel-plugin-istanbul "^6.1.1"
+    chalk "^4.0.0"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-util "^27.5.1"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
+    slash "^3.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "^3.0.0"
+
+"@jest/types@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
+  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
+"@jest/types@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
+  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
+  dependencies:
+    "@jest/schemas" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.8"
+    chalk "^4.0.0"
+
 "@jest/types@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
@@ -1870,7 +1847,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
+"@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
@@ -1883,6 +1860,11 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
+  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
+
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
   resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"
@@ -1903,7 +1885,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3":
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1911,10 +1893,20 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@polka/url@^1.0.0-next.20":
-  version "1.0.0-next.21"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
-  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
+"@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
+  version "0.5.10"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
+  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
+  dependencies:
+    ansi-html-community "^0.0.8"
+    common-path-prefix "^3.0.0"
+    core-js-pure "^3.23.3"
+    error-stack-parser "^2.0.6"
+    find-up "^5.0.0"
+    html-entities "^2.1.0"
+    loader-utils "^2.0.4"
+    schema-utils "^3.0.0"
+    source-map "^0.7.3"
 
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
@@ -2246,23 +2238,6 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
-"@rollup/pluginutils@^4.2.1":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
-  integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
-  dependencies:
-    estree-walker "^2.0.1"
-    picomatch "^2.2.2"
-
-"@rollup/pluginutils@^5.0.2":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
-  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^2.3.1"
-
 "@rushstack/eslint-patch@^1.1.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728"
@@ -2330,11 +2305,30 @@
     "@sentry/types" "6.2.5"
     tslib "^1.9.3"
 
+"@sinclair/typebox@^0.24.1":
+  version "0.24.51"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
+  integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
+
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
   integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
 
+"@sinonjs/commons@^1.7.0":
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
+  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
+  dependencies:
+    type-detect "4.0.8"
+
+"@sinonjs/fake-timers@^8.0.1":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz#3fdc2b6cb58935b21bfb8d1625eb1300484316e7"
+  integrity sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
 "@surma/rollup-plugin-off-main-thread@^2.2.3":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
@@ -2345,88 +2339,108 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@svgr/babel-plugin-add-jsx-attribute@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.1.tgz#74a5d648bd0347bda99d82409d87b8ca80b9a1ba"
-  integrity sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ==
+"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
+  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
 
-"@svgr/babel-plugin-remove-jsx-attribute@*":
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186"
-  integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==
+"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
+  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
 
-"@svgr/babel-plugin-remove-jsx-empty-expression@*":
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44"
-  integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==
+"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
+  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
 
-"@svgr/babel-plugin-replace-jsx-attribute-value@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.5.1.tgz#fb9d22ea26d2bc5e0a44b763d4c46d5d3f596c60"
-  integrity sha512-8DPaVVE3fd5JKuIC29dqyMB54sA6mfgki2H2+swh+zNJoynC8pMPzOkidqHOSc6Wj032fhl8Z0TVn1GiPpAiJg==
+"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
+  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
 
-"@svgr/babel-plugin-svg-dynamic-title@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.5.1.tgz#01b2024a2b53ffaa5efceaa0bf3e1d5a4c520ce4"
-  integrity sha512-FwOEi0Il72iAzlkaHrlemVurgSQRDFbk0OC8dSvD5fSBPHltNh7JtLsxmZUhjYBZo2PpcU/RJvvi6Q0l7O7ogw==
+"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
+  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
 
-"@svgr/babel-plugin-svg-em-dimensions@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.5.1.tgz#dd3fa9f5b24eb4f93bcf121c3d40ff5facecb217"
-  integrity sha512-gWGsiwjb4tw+ITOJ86ndY/DZZ6cuXMNE/SjcDRg+HLuCmwpcjOktwRF9WgAiycTqJD/QXqL2f8IzE2Rzh7aVXA==
+"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
+  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
 
-"@svgr/babel-plugin-transform-react-native-svg@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.5.1.tgz#1d8e945a03df65b601551097d8f5e34351d3d305"
-  integrity sha512-2jT3nTayyYP7kI6aGutkyfJ7UMGtuguD72OjeGLwVNyfPRBD8zQthlvL+fAbAKk5n9ZNcvFkp/b1lZ7VsYqVJg==
+"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
+  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
 
-"@svgr/babel-plugin-transform-svg-component@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.5.1.tgz#48620b9e590e25ff95a80f811544218d27f8a250"
-  integrity sha512-a1p6LF5Jt33O3rZoVRBqdxL350oge54iZWHNI6LJB5tQ7EelvD/Mb1mfBiZNAan0dt4i3VArkFRjA4iObuNykQ==
+"@svgr/babel-plugin-transform-svg-component@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a"
+  integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==
 
-"@svgr/babel-preset@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-6.5.1.tgz#b90de7979c8843c5c580c7e2ec71f024b49eb828"
-  integrity sha512-6127fvO/FF2oi5EzSQOAjo1LE3OtNVh11R+/8FXa+mHx1ptAaS4cknIjnUA7e6j6fwGGJ17NzaTJFUwOV2zwCw==
+"@svgr/babel-preset@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327"
+  integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==
   dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute" "^6.5.1"
-    "@svgr/babel-plugin-remove-jsx-attribute" "*"
-    "@svgr/babel-plugin-remove-jsx-empty-expression" "*"
-    "@svgr/babel-plugin-replace-jsx-attribute-value" "^6.5.1"
-    "@svgr/babel-plugin-svg-dynamic-title" "^6.5.1"
-    "@svgr/babel-plugin-svg-em-dimensions" "^6.5.1"
-    "@svgr/babel-plugin-transform-react-native-svg" "^6.5.1"
-    "@svgr/babel-plugin-transform-svg-component" "^6.5.1"
+    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
+    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
+    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
+    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
+    "@svgr/babel-plugin-transform-svg-component" "^5.5.0"
 
-"@svgr/core@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.5.1.tgz#d3e8aa9dbe3fbd747f9ee4282c1c77a27410488a"
-  integrity sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==
+"@svgr/core@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579"
+  integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==
   dependencies:
-    "@babel/core" "^7.19.6"
-    "@svgr/babel-preset" "^6.5.1"
-    "@svgr/plugin-jsx" "^6.5.1"
+    "@svgr/plugin-jsx" "^5.5.0"
     camelcase "^6.2.0"
-    cosmiconfig "^7.0.1"
+    cosmiconfig "^7.0.0"
 
-"@svgr/hast-util-to-babel-ast@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.5.1.tgz#81800bd09b5bcdb968bf6ee7c863d2288fdb80d2"
-  integrity sha512-1hnUxxjd83EAxbL4a0JDJoD3Dao3hmjvyvyEV8PzWmLK3B9m9NPlW7GKjFyoWE8nM7HnXzPcmmSyOW8yOddSXw==
+"@svgr/hast-util-to-babel-ast@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461"
+  integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==
   dependencies:
-    "@babel/types" "^7.20.0"
-    entities "^4.4.0"
+    "@babel/types" "^7.12.6"
 
-"@svgr/plugin-jsx@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-6.5.1.tgz#0e30d1878e771ca753c94e69581c7971542a7072"
-  integrity sha512-+UdQxI3jgtSjCykNSlEMuy1jSRQlGC7pqBCPvkG/2dATdWo082zHTTK3uhnAju2/6XpE6B5mZ3z4Z8Ns01S8Gw==
+"@svgr/plugin-jsx@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000"
+  integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==
   dependencies:
-    "@babel/core" "^7.19.6"
-    "@svgr/babel-preset" "^6.5.1"
-    "@svgr/hast-util-to-babel-ast" "^6.5.1"
-    svg-parser "^2.0.4"
+    "@babel/core" "^7.12.3"
+    "@svgr/babel-preset" "^5.5.0"
+    "@svgr/hast-util-to-babel-ast" "^5.5.0"
+    svg-parser "^2.0.2"
+
+"@svgr/plugin-svgo@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246"
+  integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    deepmerge "^4.2.2"
+    svgo "^1.2.2"
+
+"@svgr/webpack@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640"
+  integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/plugin-transform-react-constant-elements" "^7.12.1"
+    "@babel/preset-env" "^7.12.1"
+    "@babel/preset-react" "^7.12.5"
+    "@svgr/core" "^5.5.0"
+    "@svgr/plugin-jsx" "^5.5.0"
+    "@svgr/plugin-svgo" "^5.5.0"
+    loader-utils "^2.0.0"
 
 "@testing-library/dom@^8.0.0":
   version "8.20.0"
@@ -2471,37 +2485,101 @@
   resolved "https://registry.yarnpkg.com/@tldraw/vec/-/vec-1.7.1.tgz#5bfac9a56e11ad890cbd1c620293d7fcb23bf1ea"
   integrity sha512-qM6Z9RvkLFFEzr91mmsA4HI14msyDgDDOu36csIzG5BYu2bFmEz5siQ8WntHgDtUjzJHP+VSSOTbAXhklEZHLA==
 
-"@tootallnate/once@2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
-  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
+"@tootallnate/once@1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
+  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
+
+"@trysound/sax@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
+  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
 "@types/aria-query@^5.0.1":
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.1.tgz#3286741fb8f1e1580ac28784add4c7a1d49bdfbc"
   integrity sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==
 
-"@types/chai-subset@^1.3.3":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@types/chai-subset/-/chai-subset-1.3.3.tgz#97893814e92abd2c534de422cb377e0e0bdaac94"
-  integrity sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
+  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
   dependencies:
-    "@types/chai" "*"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
 
-"@types/chai@*", "@types/chai@^4.3.5":
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.5.tgz#ae69bcbb1bebb68c4ac0b11e9d8ed04526b3562b"
-  integrity sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==
+"@types/babel__generator@*":
+  version "7.6.4"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
+  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
+  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
+  version "7.18.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
+  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
+  dependencies:
+    "@babel/types" "^7.3.0"
+
+"@types/body-parser@*":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
+  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/bonjour@^3.5.9":
+  version "3.5.10"
+  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275"
+  integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==
+  dependencies:
+    "@types/node" "*"
 
 "@types/chai@4.3.0":
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.0.tgz#23509ebc1fa32f1b4d50d6a66c4032d5b8eaabdc"
   integrity sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==
 
-"@types/eslint@^8.4.5":
-  version "8.40.2"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.40.2.tgz#2833bc112d809677864a4b0e7d1de4f04d7dac2d"
-  integrity sha512-PRVjQ4Eh9z9pmmtaq8nTjZjQwKFk7YIHIud3lRoKRBgUQjgjRmoGxxGEPXQkF+lH7QkHJRNr5F4aBgYCW0lqpQ==
+"@types/connect-history-api-fallback@^1.3.5":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae"
+  integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.35"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
+  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/eslint-scope@^3.7.3":
+  version "3.7.4"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
+  integrity sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*", "@types/eslint@^7.29.0 || ^8.4.1":
+  version "8.37.0"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.37.0.tgz#29cebc6c2a3ac7fea7113207bf5a828fdf4d7ef1"
+  integrity sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
@@ -2516,12 +2594,50 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
   integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
 
-"@types/estree@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
-  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
+"@types/estree@^0.0.51":
+  version "0.0.51"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
+  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
+  version "4.17.33"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
+  integrity sha512-TPBqmR/HRYI3eC2E5hmiivIzv+bidAfXofM+sbonAGvyDhySGw9/PQZFt2BLOrjUUR++4eJVpx6KnLQK1Fk9tA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+
+"@types/express@*", "@types/express@^4.17.13":
+  version "4.17.17"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.17.tgz#01d5437f6ef9cfa8668e616e13c2f2ac9a491ae4"
+  integrity sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.33"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/graceful-fs@^4.1.2":
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.6.tgz#e14b2576a1c25026b7f02ede1de3b84c3a1efeae"
+  integrity sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
+"@types/http-proxy@^1.17.8":
+  version "1.17.10"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.10.tgz#e576c8e4a0cc5c6a138819025a88e167ebb38d6c"
+  integrity sha512-Qs5aULi+zV1bwKAg5z1PWnDXWmsn+LxIvUGv6E2+OOMYhclZMO+OXd9pYVf2gLykf2I7IV2u7oTHwChPNsvJ7g==
+  dependencies:
+    "@types/node" "*"
+
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
   integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
@@ -2556,7 +2672,7 @@
     jest-diff "^27.0.0"
     pretty-format "^27.0.0"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.9":
+"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
   version "7.0.11"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
   integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
@@ -2583,6 +2699,11 @@
   resolved "https://registry.yarnpkg.com/@types/long/-/long-4.0.2.tgz#b74129719fc8d11c01868010082d483b7545591a"
   integrity sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==
 
+"@types/mime@*":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
+  integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
+
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
   version "18.15.11"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.11.tgz#b3b790f09cb1696cffcec605de025b088fa4225f"
@@ -2603,11 +2724,31 @@
   resolved "https://registry.yarnpkg.com/@types/pica/-/pica-5.1.3.tgz#5ef64529a1f83f7d6586a8bf75a8a00be32aca02"
   integrity sha512-13SEyETRE5psd9bE0AmN+0M1tannde2fwHfLVaVIljkbL9V0OfFvKwCicyeDvVYLkmjQWEydbAlsDsmjrdyTOg==
 
+"@types/prettier@^2.1.5":
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
+  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
+
 "@types/prop-types@*":
   version "15.7.5"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
+"@types/q@^1.5.1":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
+  integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
+
+"@types/qs@*":
+  version "6.9.7"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
+  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
+
+"@types/range-parser@*":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
+  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
+
 "@types/react-dom@18.0.6":
   version "18.0.6"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.6.tgz#36652900024842b74607a17786b6662dd1e103a1"
@@ -2661,6 +2802,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/retry@0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
+  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+
 "@types/scheduler@*":
   version "0.16.3"
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
@@ -2671,11 +2817,33 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
   integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
 
+"@types/serve-index@^1.9.1":
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278"
+  integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==
+  dependencies:
+    "@types/express" "*"
+
+"@types/serve-static@*", "@types/serve-static@^1.13.10":
+  version "1.15.1"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.1.tgz#86b1753f0be4f9a1bee68d459fcda5be4ea52b5d"
+  integrity sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==
+  dependencies:
+    "@types/mime" "*"
+    "@types/node" "*"
+
 "@types/socket.io-client@1.4.36":
   version "1.4.36"
   resolved "https://registry.yarnpkg.com/@types/socket.io-client/-/socket.io-client-1.4.36.tgz#e4f1ca065f84c20939e9850e70222202bd76ff3f"
   integrity sha512-ZJWjtFBeBy1kRSYpVbeGYTElf6BqPQUkXDlHHD4k/42byCN5Rh027f4yARHCink9sKAkbtGZXEAmR0ZCnc2/Ag==
 
+"@types/sockjs@^0.3.33":
+  version "0.3.33"
+  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
+  integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==
+  dependencies:
+    "@types/node" "*"
+
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
@@ -2693,11 +2861,25 @@
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.3.tgz#a136f83b0758698df454e328759dbd3d44555311"
   integrity sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==
 
+"@types/ws@^8.5.1":
+  version "8.5.4"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.4.tgz#bb10e36116d6e570dd943735f86c933c1587b8a5"
+  integrity sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==
+  dependencies:
+    "@types/node" "*"
+
 "@types/yargs-parser@*":
   version "21.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
+"@types/yargs@^16.0.0":
+  version "16.0.5"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.5.tgz#12cc86393985735a283e387936398c2f9e5f88e3"
+  integrity sha512-AxO/ADJOBFJScHbWhq2xAhlWP24rY4aCEG/NFaMvbT3X2MgRsLjhjQwsn0Zi5zn0LG9jUhCCZMeX9Dkuw6k+vQ==
+  dependencies:
+    "@types/yargs-parser" "*"
+
 "@types/yargs@^17.0.8":
   version "17.0.24"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.24.tgz#b3ef8d50ad4aa6aecf6ddc97c580a00f5aa11902"
@@ -2796,103 +2978,195 @@
     "@typescript-eslint/types" "5.58.0"
     eslint-visitor-keys "^3.3.0"
 
-"@vitejs/plugin-react@3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz#d1091f535eab8b83d6e74034d01e27d73c773240"
-  integrity sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==
+"@webassemblyjs/ast@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
+  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
   dependencies:
-    "@babel/core" "^7.20.12"
-    "@babel/plugin-transform-react-jsx-self" "^7.18.6"
-    "@babel/plugin-transform-react-jsx-source" "^7.19.6"
-    magic-string "^0.27.0"
-    react-refresh "^0.14.0"
+    "@webassemblyjs/helper-numbers" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
 
-"@vitest/expect@0.32.2":
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.32.2.tgz#8111f6ab1ff3b203efbe3a25e8bb2d160ce4b720"
-  integrity sha512-6q5yzweLnyEv5Zz1fqK5u5E83LU+gOMVBDuxBl2d2Jfx1BAp5M+rZgc5mlyqdnxquyoiOXpXmFNkcGcfFnFH3Q==
+"@webassemblyjs/floating-point-hex-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
+  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
+
+"@webassemblyjs/helper-api-error@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
+  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
+
+"@webassemblyjs/helper-buffer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
+  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
+
+"@webassemblyjs/helper-numbers@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
+  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
   dependencies:
-    "@vitest/spy" "0.32.2"
-    "@vitest/utils" "0.32.2"
-    chai "^4.3.7"
+    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@xtuc/long" "4.2.2"
 
-"@vitest/runner@0.32.2":
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.32.2.tgz#18dd979ce4e8766bcc90948d11b4c8ae6ed90b89"
-  integrity sha512-06vEL0C1pomOEktGoLjzZw+1Fb+7RBRhmw/06WkDrd1akkT9i12su0ku+R/0QM69dfkIL/rAIDTG+CSuQVDcKw==
+"@webassemblyjs/helper-wasm-bytecode@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
+  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
+
+"@webassemblyjs/helper-wasm-section@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
+  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
   dependencies:
-    "@vitest/utils" "0.32.2"
-    concordance "^5.0.4"
-    p-limit "^4.0.0"
-    pathe "^1.1.0"
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
 
-"@vitest/snapshot@0.32.2":
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.32.2.tgz#500b6453e88e4c50a0aded39839352c16b519b9e"
-  integrity sha512-JwhpeH/PPc7GJX38vEfCy9LtRzf9F4er7i4OsAJyV7sjPwjj+AIR8cUgpMTWK4S3TiamzopcTyLsZDMuldoi5A==
+"@webassemblyjs/ieee754@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
+  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
   dependencies:
-    magic-string "^0.30.0"
-    pathe "^1.1.0"
-    pretty-format "^27.5.1"
+    "@xtuc/ieee754" "^1.2.0"
 
-"@vitest/spy@0.32.2":
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.32.2.tgz#f3ef7afe0d34e863b90df7c959fa5af540a6aaf9"
-  integrity sha512-Q/ZNILJ4ca/VzQbRM8ur3Si5Sardsh1HofatG9wsJY1RfEaw0XKP8IVax2lI1qnrk9YPuG9LA2LkZ0EI/3d4ug==
+"@webassemblyjs/leb128@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
+  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
   dependencies:
-    tinyspy "^2.1.0"
+    "@xtuc/long" "4.2.2"
 
-"@vitest/ui@0.32.2":
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/@vitest/ui/-/ui-0.32.2.tgz#3a39ef1e23e7a10c2c37d7f570e94b435d34de4c"
-  integrity sha512-N5JKftnB8qzKFtpQC5OcUGxYTLo6wiB/95Lgyk6MF52t74Y7BJOWbf6EFYhXqt9J0MSbhOR2kapq+WKKUGDW0g==
+"@webassemblyjs/utf8@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
+  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
+
+"@webassemblyjs/wasm-edit@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
+  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
   dependencies:
-    "@vitest/utils" "0.32.2"
-    fast-glob "^3.2.12"
-    fflate "^0.7.4"
-    flatted "^3.2.7"
-    pathe "^1.1.0"
-    picocolors "^1.0.0"
-    sirv "^2.0.3"
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/helper-wasm-section" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-opt" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+    "@webassemblyjs/wast-printer" "1.11.1"
 
-"@vitest/utils@0.32.2":
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.32.2.tgz#809c720cafbf4b35ce651deb8570d57785e77819"
-  integrity sha512-lnJ0T5i03j0IJaeW73hxe2AuVnZ/y1BhhCOuIcl9LIzXnbpXJT9Lrt6brwKHXLOiA7MZ6N5hSJjt0xE1dGNCzQ==
+"@webassemblyjs/wasm-gen@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
+  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
   dependencies:
-    diff-sequences "^29.4.3"
-    loupe "^2.3.6"
-    pretty-format "^27.5.1"
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
 
-abab@^2.0.6:
+"@webassemblyjs/wasm-opt@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
+  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-buffer" "1.11.1"
+    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+
+"@webassemblyjs/wasm-parser@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
+  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/ieee754" "1.11.1"
+    "@webassemblyjs/leb128" "1.11.1"
+    "@webassemblyjs/utf8" "1.11.1"
+
+"@webassemblyjs/wast-printer@1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
+  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.1"
+    "@xtuc/long" "4.2.2"
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+abab@^2.0.3, abab@^2.0.5:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-acorn-jsx@^5.3.1:
+accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+  dependencies:
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
+
+acorn-import-assertions@^1.7.6:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
+  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
+
+acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-walk@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
-  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^7.4.0:
+acorn@^7.1.1, acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.5.0:
+acorn@^8.2.4, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.0:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
-acorn@^8.8.2, acorn@^8.9.0:
-  version "8.9.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.9.0.tgz#78a16e3b2bcc198c10822786fa6679e245db5b59"
-  integrity sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==
+address@^1.0.1, address@^1.1.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
+  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
+
+adjust-sourcemap-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99"
+  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
+  dependencies:
+    loader-utils "^2.0.0"
+    regex-parser "^2.2.11"
 
 after@0.8.2:
   version "0.8.2"
@@ -2914,7 +3188,26 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ajv@^6.10.0, ajv@^6.12.4:
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2924,7 +3217,7 @@ ajv@^6.10.0, ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.1, ajv@^8.6.0:
+ajv@^8.0.0, ajv@^8.0.1, ajv@^8.6.0, ajv@^8.8.0:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
   integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -2939,13 +3232,18 @@ ansi-colors@^4.1.1:
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
   integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
 
-ansi-escapes@^4.3.0:
+ansi-escapes@^4.2.1, ansi-escapes@^4.3.0, ansi-escapes@^4.3.1:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
   integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
   dependencies:
     type-fest "^0.21.3"
 
+ansi-html-community@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
+  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -2980,7 +3278,12 @@ ansi-styles@^6.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-anymatch@~3.1.2:
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@^3.0.3, anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
@@ -2988,6 +3291,11 @@ anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2995,6 +3303,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
 aria-hidden@^1.1.1:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.3.tgz#14aeb7fb692bbb72d69bebfa47279c1fd725e954"
@@ -3017,6 +3330,16 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+array-flatten@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
+  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
+
 array-includes@^3.1.5, array-includes@^3.1.6:
   version "3.1.6"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
@@ -3053,6 +3376,17 @@ array.prototype.flatmap@^1.3.1:
     es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
+array.prototype.reduce@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
+  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-array-method-boxes-properly "^1.0.0"
+    is-string "^1.0.7"
+
 array.prototype.tosorted@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
@@ -3069,6 +3403,11 @@ arraybuffer.slice@~0.0.7:
   resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
   integrity sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==
 
+asap@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
+
 assertion-error@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
@@ -3116,6 +3455,18 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
+autoprefixer@^10.4.13:
+  version "10.4.14"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
+  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+  dependencies:
+    browserslist "^4.21.5"
+    caniuse-lite "^1.0.30001464"
+    fraction.js "^4.2.0"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.0"
+    postcss-value-parser "^4.2.0"
+
 available-typed-arrays@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
@@ -3133,6 +3484,51 @@ axobject-query@^3.1.1:
   dependencies:
     deep-equal "^2.0.5"
 
+babel-jest@^27.4.2, babel-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
+  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
+  dependencies:
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^27.5.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    slash "^3.0.0"
+
+babel-loader@^8.2.3:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8"
+  integrity sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==
+  dependencies:
+    find-cache-dir "^3.3.1"
+    loader-utils "^2.0.0"
+    make-dir "^3.1.0"
+    schema-utils "^2.6.5"
+
+babel-plugin-istanbul@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
+  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-instrument "^5.0.4"
+    test-exclude "^6.0.0"
+
+babel-plugin-jest-hoist@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
+  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.0.0"
+    "@types/babel__traverse" "^7.0.6"
+
 babel-plugin-macros@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
@@ -3142,6 +3538,11 @@ babel-plugin-macros@^3.1.0:
     cosmiconfig "^7.0.0"
     resolve "^1.19.0"
 
+babel-plugin-named-asset-import@^0.3.8:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz#6b7fa43c59229685368683c28bc9734f24524cc2"
+  integrity sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==
+
 babel-plugin-polyfill-corejs2@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz#5d1bd3836d0a19e1b84bbf2d9640ccb6f951c122"
@@ -3171,6 +3572,32 @@ babel-plugin-transform-react-remove-prop-types@^0.4.24:
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
   integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
 
+babel-preset-current-node-syntax@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
+  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
+  dependencies:
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.8.3"
+    "@babel/plugin-syntax-import-meta" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-top-level-await" "^7.8.3"
+
+babel-preset-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
+  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
+  dependencies:
+    babel-plugin-jest-hoist "^27.5.1"
+    babel-preset-current-node-syntax "^1.0.0"
+
 babel-preset-react-app@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz#ed6005a20a24f2c88521809fa9aea99903751584"
@@ -3220,6 +3647,26 @@ basic-auth@^2.0.1:
   dependencies:
     safe-buffer "5.1.2"
 
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+
+bfj@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/bfj/-/bfj-7.0.2.tgz#1988ce76f3add9ac2913fd8ba47aad9e651bfbb2"
+  integrity sha512-+e/UqUzwmzJamNF50tBV6tZPTORow7gQ96iFow+8b562OdMpEK0BcJEq2OSPEDmAbSMBQ7PKZ87ubFkgxpYWgw==
+  dependencies:
+    bluebird "^3.5.5"
+    check-types "^11.1.1"
+    hoopy "^0.1.4"
+    tryer "^1.0.1"
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
+
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -3230,10 +3677,43 @@ blob@0.0.5:
   resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
   integrity sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==
 
-blueimp-md5@^2.10.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.19.0.tgz#b53feea5498dcb53dc6ec4b823adb84b729c4af0"
-  integrity sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==
+bluebird@^3.5.5:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+body-parser@1.20.1:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
+  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.11.0"
+    raw-body "2.5.1"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+bonjour-service@^1.0.11:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.1.1.tgz#960948fa0e0153f5d26743ab15baf8e33752c135"
+  integrity sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==
+  dependencies:
+    array-flatten "^2.1.2"
+    dns-equal "^1.0.0"
+    fast-deep-equal "^3.1.3"
+    multicast-dns "^7.2.5"
+
+boolbase@^1.0.0, boolbase@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -3262,7 +3742,12 @@ browser-fs-access@0.29.1:
   resolved "https://registry.yarnpkg.com/browser-fs-access/-/browser-fs-access-0.29.1.tgz#8a9794c73cf86b9aec74201829999c597128379c"
   integrity sha512-LSvVX5e21LRrXqVMhqtAwj5xPgDb+fXAIH80NsnCQ9xuZPs2xWsOREi24RKgZa1XOiQRbcmVrv87+ulOKsgjxw==
 
-browserslist@^4.21.3, browserslist@^4.21.5:
+browser-process-hrtime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
+
+browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4.21.3, browserslist@^4.21.4, browserslist@^4.21.5:
   version "4.21.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
   integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
@@ -3272,6 +3757,13 @@ browserslist@^4.21.3, browserslist@^4.21.5:
     node-releases "^2.0.8"
     update-browserslist-db "^1.0.10"
 
+bser@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
+  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
+  dependencies:
+    node-int64 "^0.4.0"
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@@ -3282,10 +3774,15 @@ builtin-modules@^3.1.0:
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-cac@^6.7.14:
-  version "6.7.14"
-  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
-  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
@@ -3300,12 +3797,40 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase@^6.2.0:
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+camelcase@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+
+camelcase@^6.2.0, camelcase@^6.2.1:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001449:
+caniuse-api@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
+  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-lite "^1.0.0"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
   version "1.0.30001478"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz#0ef8a1cf8b16be47a0f9fc4ecfc952232724b32a"
   integrity sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==
@@ -3315,6 +3840,11 @@ canvas-roundrect-polyfill@0.0.1:
   resolved "https://registry.yarnpkg.com/canvas-roundrect-polyfill/-/canvas-roundrect-polyfill-0.0.1.tgz#70bf107ebe2037f26d839d7f809a26f4a95f5696"
   integrity sha512-yWq+R3U3jE+coOeEb3a3GgE2j/0MMiDKM/QpLb6h9ihf5fGY9UXtvK9o4vNqjWXoZz7/3EaSVU3IX53TvFFUOw==
 
+case-sensitive-paths-webpack-plugin@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
+  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
+
 chai@4.3.6:
   version "4.3.6"
   resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.6.tgz#ffe4ba2d9fa9d6680cc0b370adae709ec9011e9c"
@@ -3328,20 +3858,7 @@ chai@4.3.6:
     pathval "^1.1.1"
     type-detect "^4.0.5"
 
-chai@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.7.tgz#ec63f6df01829088e8bf55fca839bcd464a8ec51"
-  integrity sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==
-  dependencies:
-    assertion-error "^1.1.0"
-    check-error "^1.0.2"
-    deep-eql "^4.1.2"
-    get-func-name "^2.0.0"
-    loupe "^2.3.1"
-    pathval "^1.1.1"
-    type-detect "^4.0.5"
-
-chalk@^2.0.0:
+chalk@^2.0.0, chalk@^2.4.1:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -3366,12 +3883,27 @@ chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+char-regex@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
+
+char-regex@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-2.0.1.tgz#6dafdb25f9d3349914079f010ba8d0e6ff9cd01e"
+  integrity sha512-oSvEeo6ZUD7NepqAat3RqoucZ5SeqLJgOvVIwkafu6IP3V0pO38s/ypdVUmDDK6qIIHNlYHJAKX9E7R7HoKElw==
+
 check-error@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
   integrity sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==
 
-"chokidar@>=3.0.0 <4.0.0":
+check-types@^11.1.1:
+  version "11.2.2"
+  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.2.tgz#7afc0b6a860d686885062f2dba888ba5710335b4"
+  integrity sha512-HBiYvXvn9Z70Z88XKjz3AEKd4HJhBXsa3j7xFnITAzoS8+q6eIGi8qDB8FKPBAjtuxjI/zFpwuiCb8oDtKOYrA==
+
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -3386,11 +3918,28 @@ check-error@^1.0.2:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chrome-trace-event@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
+  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+
 ci-info@^3.2.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
   integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
+cjs-module-lexer@^1.0.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
+  integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
+
+clean-css@^5.2.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.2.tgz#70ecc7d4d4114921f5d298349ff86a31a9975224"
+  integrity sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==
+  dependencies:
+    source-map "~0.6.0"
+
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -3433,6 +3982,25 @@ clsx@1.1.1:
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
   integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
 
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
+
+coa@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
+  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
+  dependencies:
+    "@types/q" "^1.5.1"
+    chalk "^2.4.1"
+    q "^1.1.2"
+
+collect-v8-coverage@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
+  integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -3457,7 +4025,12 @@ color-name@^1.1.4, color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colorette@^2.0.16:
+colord@^2.9.1:
+  version "2.9.3"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
+  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
+
+colorette@^2.0.10, colorette@^2.0.16:
   version "2.0.19"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
   integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
@@ -3474,16 +4047,36 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
+common-path-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
+  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
+
 common-tags@^1.8.0:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
   integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
 
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
+
 component-bind@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
@@ -3499,35 +4092,68 @@ component-inherit@0.0.3:
   resolved "https://registry.yarnpkg.com/component-inherit/-/component-inherit-0.0.3.tgz#645fc4adf58b72b649d5cae65135619db26ff143"
   integrity sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA==
 
+compressible@~2.0.16:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
+  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
+  dependencies:
+    accepts "~1.3.5"
+    bytes "3.0.0"
+    compressible "~2.0.16"
+    debug "2.6.9"
+    on-headers "~1.0.2"
+    safe-buffer "5.1.2"
+    vary "~1.1.2"
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
-concordance@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/concordance/-/concordance-5.0.4.tgz#9896073261adced72f88d60e4d56f8efc4bbbbd2"
-  integrity sha512-OAcsnTEYu1ARJqWVGwf4zh4JDfHZEaSNlNccFmt8YjB2l/n19/PF2viLINHc57vO4FKIAFl2FWASIGZZWZ2Kxw==
-  dependencies:
-    date-time "^3.1.0"
-    esutils "^2.0.3"
-    fast-diff "^1.2.0"
-    js-string-escape "^1.0.1"
-    lodash "^4.17.15"
-    md5-hex "^3.0.1"
-    semver "^7.3.2"
-    well-known-symbols "^2.0.0"
-
 confusing-browser-globals@^1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
   integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
 
-convert-source-map@^1.7.0:
+connect-history-api-fallback@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
+  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
 core-js-compat@^3.25.1:
   version "3.30.0"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.30.0.tgz#99aa2789f6ed2debfa1df3232784126ee97f4d80"
@@ -3535,22 +4161,43 @@ core-js-compat@^3.25.1:
   dependencies:
     browserslist "^4.21.5"
 
+core-js-pure@^3.23.3:
+  version "3.30.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.30.0.tgz#41b6c42e5f363bd53d79999bd35093b17e42e1bf"
+  integrity sha512-+2KbMFGeBU0ln/csoPqTe0i/yfHbrd2EUhNMObsGtXMKS/RTtlkYyi+/3twLcevbgNR0yM/r0Psa3TEoQRpFMQ==
+
 core-js@3.6.5:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
   integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
 
-core-js@^3.4:
+core-js@^3.19.2, core-js@^3.4:
   version "3.30.0"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.30.0.tgz#64ac6f83bc7a49fd42807327051701d4b1478dea"
   integrity sha512-hQotSSARoNh1mYPi9O2YaWeiq/cEB95kOrFb4NCrO4RIFt1qqNpKsaE+vy/L3oiqvND5cThqXzUU3r9F7Efztg==
 
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
 corser@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
   integrity sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==
 
-cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
+
+cosmiconfig@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
   integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
@@ -3587,6 +4234,108 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
+css-blank-pseudo@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
+  integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+css-declaration-sorter@^6.3.1:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz#630618adc21724484b3e9505bce812def44000ad"
+  integrity sha512-jDfsatwWMWN0MODAFuHszfjphEXfNw9JUAhmY4pLu3TyTU+ohUpsbVtbU+1MZn4a47D9kqh03i4eyOm+74+zew==
+
+css-has-pseudo@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
+  integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+css-loader@^6.5.1:
+  version "6.7.3"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
+  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.19"
+    postcss-modules-extract-imports "^3.0.0"
+    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-scope "^3.0.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.3.8"
+
+css-minimizer-webpack-plugin@^3.2.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz#ab78f781ced9181992fe7b6e4f3422e76429878f"
+  integrity sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==
+  dependencies:
+    cssnano "^5.0.6"
+    jest-worker "^27.0.2"
+    postcss "^8.3.5"
+    schema-utils "^4.0.0"
+    serialize-javascript "^6.0.0"
+    source-map "^0.6.1"
+
+css-prefers-color-scheme@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
+  integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
+
+css-select-base-adapter@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
+  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
+
+css-select@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
+  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^3.2.1"
+    domutils "^1.7.0"
+    nth-check "^1.0.2"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-tree@1.0.0-alpha.37:
+  version "1.0.0-alpha.37"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
+  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
+  dependencies:
+    mdn-data "2.0.4"
+    source-map "^0.6.1"
+
+css-tree@^1.1.2, css-tree@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
+css-what@^3.2.1:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
+  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 css.escape@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
@@ -3601,17 +4350,93 @@ css@^3.0.0:
     source-map "^0.6.1"
     source-map-resolve "^0.6.0"
 
+cssdb@^7.1.0:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.4.tgz#e34dafee5184d67634604e345e389ca79ac179ea"
+  integrity sha512-fGD+J6Jlq+aurfE1VDXlLS4Pt0VtNlu2+YgfGOdMxRyl/HQ9bDiHTwSck1Yz8A97Dt/82izSK6Bp/4nVqacOsg==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
 cssfontparser@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
 
-cssstyle@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
-  integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
+cssnano-preset-default@^5.2.14:
+  version "5.2.14"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
+  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
   dependencies:
-    rrweb-cssom "^0.6.0"
+    css-declaration-sorter "^6.3.1"
+    cssnano-utils "^3.1.0"
+    postcss-calc "^8.2.3"
+    postcss-colormin "^5.3.1"
+    postcss-convert-values "^5.1.3"
+    postcss-discard-comments "^5.1.2"
+    postcss-discard-duplicates "^5.1.0"
+    postcss-discard-empty "^5.1.1"
+    postcss-discard-overridden "^5.1.0"
+    postcss-merge-longhand "^5.1.7"
+    postcss-merge-rules "^5.1.4"
+    postcss-minify-font-values "^5.1.0"
+    postcss-minify-gradients "^5.1.1"
+    postcss-minify-params "^5.1.4"
+    postcss-minify-selectors "^5.2.1"
+    postcss-normalize-charset "^5.1.0"
+    postcss-normalize-display-values "^5.1.0"
+    postcss-normalize-positions "^5.1.1"
+    postcss-normalize-repeat-style "^5.1.1"
+    postcss-normalize-string "^5.1.0"
+    postcss-normalize-timing-functions "^5.1.0"
+    postcss-normalize-unicode "^5.1.1"
+    postcss-normalize-url "^5.1.0"
+    postcss-normalize-whitespace "^5.1.1"
+    postcss-ordered-values "^5.1.3"
+    postcss-reduce-initial "^5.1.2"
+    postcss-reduce-transforms "^5.1.0"
+    postcss-svgo "^5.1.0"
+    postcss-unique-selectors "^5.1.1"
+
+cssnano-utils@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
+  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
+
+cssnano@^5.0.6:
+  version "5.1.15"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
+  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
+  dependencies:
+    cssnano-preset-default "^5.2.14"
+    lilconfig "^2.0.3"
+    yaml "^1.10.2"
+
+csso@^4.0.2, csso@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
+  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
+  dependencies:
+    css-tree "^1.1.2"
+
+cssom@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
+
+cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+cssstyle@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+  dependencies:
+    cssom "~0.3.6"
 
 csstype@^3.0.2:
   version "3.1.2"
@@ -3623,23 +4448,23 @@ damerau-levenshtein@^1.0.8:
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
   integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
 
-data-urls@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
-  integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
+data-urls@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
+  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
   dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^12.0.0"
+    abab "^2.0.3"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
 
-date-time@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/date-time/-/date-time-3.1.0.tgz#0d1e934d170579f481ed8df1e2b8ff70ee845e1e"
-  integrity sha512-uqCUKXE5q1PNBXjPqvwhwJf9SwMoAHBgWJ6DcrnS5o+W2JOiIILl0JEdVD8SGujrNS02GGxgwAg2PN2zONgtjg==
+debug@2.6.9, debug@^2.6.0:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
-    time-zone "^1.0.0"
+    ms "2.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -3660,7 +4485,7 @@ debug@~3.1.0:
   dependencies:
     ms "2.0.0"
 
-decimal.js@^10.4.3:
+decimal.js@^10.2.1:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
@@ -3670,6 +4495,11 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
   integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
+dedent@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
+  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
+
 deep-eql@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-3.0.1.tgz#dfc9404400ad1c8fe023e7da1df1c147c4b444df"
@@ -3677,13 +4507,6 @@ deep-eql@^3.0.1:
   dependencies:
     type-detect "^4.0.0"
 
-deep-eql@^4.1.2:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-4.1.3.tgz#7c7775513092f7df98d8df9996dd085eb668cc6d"
-  integrity sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==
-  dependencies:
-    type-detect "^4.0.0"
-
 deep-equal@^2.0.5:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.0.tgz#5caeace9c781028b9ff459f33b779346637c43e6"
@@ -3707,7 +4530,7 @@ deep-equal@^2.0.5:
     which-collection "^1.0.1"
     which-typed-array "^1.1.9"
 
-deep-is@^0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
@@ -3717,6 +4540,18 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
+default-gateway@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
+  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
+  dependencies:
+    execa "^5.0.0"
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
 define-properties@^1.1.3, define-properties@^1.1.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
@@ -3730,11 +4565,49 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-newline@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
+  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
+
 detect-node-es@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
   integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+detect-port-alt@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
+  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
+  dependencies:
+    address "^1.0.1"
+    debug "^2.6.0"
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
 diff-sequences@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
@@ -3752,6 +4625,23 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+dns-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
+  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
+
+dns-packet@^5.2.2:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.5.0.tgz#f59cbf3396c130957c56a6ad5fd3959ccdc30065"
+  integrity sha512-USawdAUzRkV6xrqTjiAEp6M9YagZEzWcSUaZTcIFAiyQWW1SoI6KyId8y2+/71wbgHKQAKd+iupLv4YvEwYWvA==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -3771,11 +4661,45 @@ dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
   integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
+dom-serializer@0:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
+  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
+  dependencies:
+    domelementtype "^2.0.1"
+    entities "^2.0.0"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
 dom-storage@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/dom-storage/-/dom-storage-2.1.0.tgz#00fb868bc9201357ea243c7bcfd3304c1e34ea39"
   integrity sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q==
 
+domelementtype@1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
+  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
 domexception@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
@@ -3783,24 +4707,76 @@ domexception@^1.0.1:
   dependencies:
     webidl-conversions "^4.0.2"
 
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
+domexception@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
+  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
   dependencies:
-    webidl-conversions "^7.0.0"
+    webidl-conversions "^5.0.0"
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domutils@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
+  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+dotenv-expand@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
+  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
 
 dotenv@16.0.1:
   version "16.0.1"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.1.tgz#8f8f9d94876c35dac989876a5d3a82a267fdce1d"
   integrity sha512-1K6hR6wtk2FviQ4kEiSjFiH5rpzEVi8WW0x96aztHVMhEspNpc4DVOUTEHtEva5VThQ8IaBX1Pe4gSzpVVUsKQ==
 
+dotenv@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
+  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
+
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-ejs@^3.1.6, ejs@^3.1.8:
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+ejs@^3.1.6:
   version "3.1.9"
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.9.tgz#03c9e8777fe12686a9effcef22303ca3d8eeb361"
   integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
@@ -3812,6 +4788,16 @@ electron-to-chromium@^1.4.284:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.359.tgz#5c4d13cb08032469fcd6bd36457915caa211356b"
   integrity sha512-OoVcngKCIuNXtZnsYoqlCvr0Cf3NIPzDIgwUfI9bdTFjXCrr79lI0kwQstLPZ7WhCezLlGksZk/BFAzoXC7GDw==
 
+emittery@^0.10.2:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
+  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
+
+emittery@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.8.1.tgz#bb23cc86d03b30aa75a7f734819dee2e1ba70860"
+  integrity sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==
+
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -3822,6 +4808,16 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
 engine.io-client@~3.4.0:
   version "3.4.4"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.4.tgz#77d8003f502b0782dd792b073a4d2cf7ca5ab967"
@@ -3850,6 +4846,14 @@ engine.io-parser@~2.2.0:
     blob "0.0.5"
     has-binary2 "~1.0.2"
 
+enhanced-resolve@^5.10.0:
+  version "5.12.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
+  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -3857,10 +4861,10 @@ enquirer@^2.3.5:
   dependencies:
     ansi-colors "^4.1.1"
 
-entities@^4.4.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
-  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -3869,7 +4873,14 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.19.0, es-abstract@^1.20.4:
+error-stack-parser@^2.0.6:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
+  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
+  dependencies:
+    stackframe "^1.3.4"
+
+es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
   version "1.21.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
   integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
@@ -3909,6 +4920,11 @@ es-abstract@^1.19.0, es-abstract@^1.20.4:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.9"
 
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+
 es-get-iterator@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
@@ -3924,6 +4940,11 @@ es-get-iterator@^1.1.2:
     isarray "^2.0.5"
     stop-iteration-iterator "^1.0.0"
 
+es-module-lexer@^0.9.0:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
+  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
+
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -3949,67 +4970,16 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-esbuild@^0.17.5:
-  version "0.17.19"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.19.tgz#087a727e98299f0462a3d0bcdd9cd7ff100bd955"
-  integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==
-  optionalDependencies:
-    "@esbuild/android-arm" "0.17.19"
-    "@esbuild/android-arm64" "0.17.19"
-    "@esbuild/android-x64" "0.17.19"
-    "@esbuild/darwin-arm64" "0.17.19"
-    "@esbuild/darwin-x64" "0.17.19"
-    "@esbuild/freebsd-arm64" "0.17.19"
-    "@esbuild/freebsd-x64" "0.17.19"
-    "@esbuild/linux-arm" "0.17.19"
-    "@esbuild/linux-arm64" "0.17.19"
-    "@esbuild/linux-ia32" "0.17.19"
-    "@esbuild/linux-loong64" "0.17.19"
-    "@esbuild/linux-mips64el" "0.17.19"
-    "@esbuild/linux-ppc64" "0.17.19"
-    "@esbuild/linux-riscv64" "0.17.19"
-    "@esbuild/linux-s390x" "0.17.19"
-    "@esbuild/linux-x64" "0.17.19"
-    "@esbuild/netbsd-x64" "0.17.19"
-    "@esbuild/openbsd-x64" "0.17.19"
-    "@esbuild/sunos-x64" "0.17.19"
-    "@esbuild/win32-arm64" "0.17.19"
-    "@esbuild/win32-ia32" "0.17.19"
-    "@esbuild/win32-x64" "0.17.19"
-
-esbuild@^0.18.10:
-  version "0.18.11"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.11.tgz#cbf94dc3359d57f600a0dbf281df9b1d1b4a156e"
-  integrity sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==
-  optionalDependencies:
-    "@esbuild/android-arm" "0.18.11"
-    "@esbuild/android-arm64" "0.18.11"
-    "@esbuild/android-x64" "0.18.11"
-    "@esbuild/darwin-arm64" "0.18.11"
-    "@esbuild/darwin-x64" "0.18.11"
-    "@esbuild/freebsd-arm64" "0.18.11"
-    "@esbuild/freebsd-x64" "0.18.11"
-    "@esbuild/linux-arm" "0.18.11"
-    "@esbuild/linux-arm64" "0.18.11"
-    "@esbuild/linux-ia32" "0.18.11"
-    "@esbuild/linux-loong64" "0.18.11"
-    "@esbuild/linux-mips64el" "0.18.11"
-    "@esbuild/linux-ppc64" "0.18.11"
-    "@esbuild/linux-riscv64" "0.18.11"
-    "@esbuild/linux-s390x" "0.18.11"
-    "@esbuild/linux-x64" "0.18.11"
-    "@esbuild/netbsd-x64" "0.18.11"
-    "@esbuild/openbsd-x64" "0.18.11"
-    "@esbuild/sunos-x64" "0.18.11"
-    "@esbuild/win32-arm64" "0.18.11"
-    "@esbuild/win32-ia32" "0.18.11"
-    "@esbuild/win32-x64" "0.18.11"
-
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -4025,12 +4995,24 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+escodegen@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
+  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
 eslint-config-prettier@8.5.0:
   version "8.5.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
   integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
 
-eslint-config-react-app@7.0.1:
+eslint-config-react-app@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz#73ba3929978001c5c86274c017ea57eb5fa644b4"
   integrity sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==
@@ -4136,7 +5118,7 @@ eslint-plugin-react-hooks@^4.3.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@7.32.2, eslint-plugin-react@^7.27.1:
+eslint-plugin-react@^7.27.1:
   version "7.32.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz#e71f21c7c265ebce01bcbc9d0955170c55571f10"
   integrity sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==
@@ -4172,6 +5154,14 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
+eslint-scope@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
+  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
 eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@@ -4189,11 +5179,22 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0:
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
   integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
 
+eslint-webpack-plugin@^3.1.1:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz#1978cdb9edc461e4b0195a20da950cf57988347c"
+  integrity sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==
+  dependencies:
+    "@types/eslint" "^7.29.0 || ^8.4.1"
+    jest-worker "^28.0.2"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    schema-utils "^4.0.0"
+
 eslint@^7.32.0:
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
@@ -4240,6 +5241,52 @@ eslint@^7.32.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
+eslint@^8.3.0:
+  version "8.38.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.38.0.tgz#a62c6f36e548a5574dd35728ac3c6209bd1e2f1a"
+  integrity sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.4.0"
+    "@eslint/eslintrc" "^2.0.2"
+    "@eslint/js" "8.38.0"
+    "@humanwhocodes/config-array" "^0.11.8"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.1.1"
+    eslint-visitor-keys "^3.4.0"
+    espree "^9.5.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    grapheme-splitter "^1.0.4"
+    ignore "^5.2.0"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-sdsl "^4.1.4"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    strip-ansi "^6.0.1"
+    strip-json-comments "^3.1.0"
+    text-table "^0.2.0"
+
 espree@^7.3.0, espree@^7.3.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
@@ -4249,12 +5296,21 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
-esprima@^4.0.0:
+espree@^9.5.1:
+  version "9.5.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.1.tgz#4f26a4d5f18905bf4f2e0bd99002aab807e96dd4"
+  integrity sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==
+  dependencies:
+    acorn "^8.8.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.0"
+
+esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0:
+esquery@^1.4.0, esquery@^1.4.2:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
@@ -4283,22 +5339,27 @@ estree-walker@^1.0.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
   integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
 
-estree-walker@^2.0.1, estree-walker@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
-esutils@^2.0.2, esutils@^2.0.3:
+esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-execa@^5.1.1:
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@^5.0.0, execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -4313,6 +5374,21 @@ execa@^5.1.1:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
+exit@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
+
+expect@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
+  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+
 expect@^29.0.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
@@ -4324,6 +5400,43 @@ expect@^29.0.0:
     jest-message-util "^29.5.0"
     jest-util "^29.5.0"
 
+express@^4.17.3:
+  version "4.18.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
+  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.1"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.5.0"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.2.0"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.7"
+    qs "6.11.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.18.0"
+    serve-static "1.15.0"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
 fake-indexeddb@3.1.7:
   version "3.1.7"
   resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-3.1.7.tgz#d9efbeade113c15efbe862e4598a4b0a1797ed9f"
@@ -4341,11 +5454,6 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
-fast-diff@^1.2.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
-  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
-
 fast-glob@^3.2.12, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
@@ -4362,7 +5470,7 @@ fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6:
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
@@ -4381,10 +5489,19 @@ faye-websocket@0.11.3:
   dependencies:
     websocket-driver ">=0.5.1"
 
-fflate@^0.7.4:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.7.4.tgz#61587e5d958fdabb5a9368a302c25363f4f69f50"
-  integrity sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==
+faye-websocket@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+fb-watchman@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
+  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
+  dependencies:
+    bser "2.1.1"
 
 file-entry-cache@^6.0.1:
   version "6.0.1"
@@ -4393,6 +5510,14 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-loader@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
+  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 filelist@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -4400,6 +5525,11 @@ filelist@^1.0.1:
   dependencies:
     minimatch "^5.0.1"
 
+filesize@^8.0.6:
+  version "8.0.7"
+  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
+  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -4407,6 +5537,51 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+finalhandler@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
+  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+find-cache-dir@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
+  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
 firebase@8.3.3:
   version "8.3.3"
   resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.3.3.tgz#21d8fb8eec2c43b0d8f98ab6bda5535b7454fa54"
@@ -4435,7 +5610,7 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
-flatted@^3.1.0, flatted@^3.2.7:
+flatted@^3.1.0:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
@@ -4452,16 +5627,59 @@ for-each@^0.3.3:
   dependencies:
     is-callable "^1.1.3"
 
-form-data@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
-  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+fork-ts-checker-webpack-plugin@^6.5.0:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
+  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    chokidar "^3.4.2"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    glob "^7.1.6"
+    memfs "^3.1.2"
+    minimatch "^3.0.4"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
+    tapable "^1.0.0"
+
+form-data@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
+  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-fs-extra@^9.0.1:
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fraction.js@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
+  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-extra@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^9.0.0, fs-extra@^9.0.1:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -4471,12 +5689,17 @@ fs-extra@^9.0.1:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
+fs-monkey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
+  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
+
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@~2.3.2:
+fsevents@^2.3.2, fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -4540,6 +5763,11 @@ get-own-enumerable-property-symbols@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
+get-package-type@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
+  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
+
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -4560,7 +5788,31 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob@^7.1.3, glob@^7.1.6:
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -4572,12 +5824,28 @@ glob@^7.1.3, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+global-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
+  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
+  dependencies:
+    global-prefix "^3.0.0"
+
+global-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
+  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
+  dependencies:
+    ini "^1.3.5"
+    kind-of "^6.0.2"
+    which "^1.3.1"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.6.0, globals@^13.9.0:
+globals@^13.19.0, globals@^13.6.0, globals@^13.9.0:
   version "13.20.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
   integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
@@ -4591,7 +5859,7 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
-globby@^11.1.0:
+globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -4615,7 +5883,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.9:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -4625,6 +5893,23 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
+
+harmony-reflect@^1.4.6:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
+  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
+
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -4664,7 +5949,7 @@ has-proto@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
-has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
@@ -4688,6 +5973,28 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+hoopy@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
+  integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+html-encoding-sniffer@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
+  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
+  dependencies:
+    whatwg-encoding "^1.0.5"
+
 html-encoding-sniffer@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
@@ -4695,20 +6002,101 @@ html-encoding-sniffer@^3.0.0:
   dependencies:
     whatwg-encoding "^2.0.0"
 
+html-entities@^2.1.0, html-entities@^2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
+  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
+
+html-escaper@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
+
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
+html-webpack-plugin@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
+  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
 http-parser-js@>=0.5.1:
   version "0.5.8"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
   integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
 
-http-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
-  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
+http-proxy-agent@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
+  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
   dependencies:
-    "@tootallnate/once" "2"
+    "@tootallnate/once" "1"
     agent-base "6"
     debug "4"
 
+http-proxy-middleware@^2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
+  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
+  dependencies:
+    "@types/http-proxy" "^1.17.8"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.1"
+    is-plain-obj "^3.0.0"
+    micromatch "^4.0.2"
+
 http-proxy@^1.18.1:
   version "1.18.1"
   resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
@@ -4737,7 +6125,7 @@ http-server@14.1.1:
     union "~0.5.0"
     url-join "^4.0.1"
 
-https-proxy-agent@^5.0.1:
+https-proxy-agent@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -4762,13 +6150,25 @@ i18next-browser-languagedetector@6.1.4:
   dependencies:
     "@babel/runtime" "^7.14.6"
 
-iconv-lite@0.6.3:
+iconv-lite@0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+iconv-lite@0.6.3, iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
 idb-keyval@6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/idb-keyval/-/idb-keyval-6.0.3.tgz#e47246a15e55d0fff9fa204fd9ca06f90ff30c52"
@@ -4786,6 +6186,13 @@ idb@^7.0.1:
   resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
   integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
 
+identity-obj-proxy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
+  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
+  dependencies:
+    harmony-reflect "^1.4.6"
+
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
@@ -4808,12 +6215,17 @@ immediate@~3.0.5:
   resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
   integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
 
+immer@^9.0.7:
+  version "9.0.21"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
+  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
+
 immutable@^4.0.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be"
   integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==
 
-import-fresh@^3.0.0, import-fresh@^3.2.1:
+import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -4821,6 +6233,14 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-local@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
+  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -4844,11 +6264,21 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@^2.0.3, inherits@^2.0.4:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
+ini@^1.3.5:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
 internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
@@ -4865,6 +6295,16 @@ invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+ipaddr.js@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
+  integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
+
 is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -4914,14 +6354,7 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
-  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
-  dependencies:
-    has "^1.0.3"
-
-is-core-module@^2.9.0:
+is-core-module@^2.11.0, is-core-module@^2.9.0:
   version "2.12.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.0.tgz#36ad62f6f73c8253fd6472517a12483cf03e7ec4"
   integrity sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==
@@ -4935,6 +6368,11 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -4950,6 +6388,11 @@ is-fullwidth-code-point@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88"
   integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==
 
+is-generator-fn@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
+  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
+
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -4989,6 +6432,16 @@ is-obj@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
 
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-plain-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
+  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
@@ -5007,6 +6460,11 @@ is-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
   integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
 
+is-root@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
+  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
+
 is-set@^2.0.1, is-set@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
@@ -5049,6 +6507,11 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
+is-typedarray@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
+
 is-weakmap@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
@@ -5069,6 +6532,13 @@ is-weakset@^2.0.1:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
 isarray@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
@@ -5079,11 +6549,58 @@ isarray@^2.0.5:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
+  integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
+
+istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
+  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^6.3.0"
+
+istanbul-lib-report@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
+  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
+  dependencies:
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^3.0.0"
+    supports-color "^7.1.0"
+
+istanbul-lib-source-maps@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
+  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
+  dependencies:
+    debug "^4.1.1"
+    istanbul-lib-coverage "^3.0.0"
+    source-map "^0.6.1"
+
+istanbul-reports@^3.1.3:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
+  integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
+  dependencies:
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
+
 jake@^10.8.5:
   version "10.8.5"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.5.tgz#f2183d2c59382cb274226034543b9c03b8164c46"
@@ -5094,7 +6611,7 @@ jake@^10.8.5:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-canvas-mock@~2.4.0:
+jest-canvas-mock@2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
   integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
@@ -5102,7 +6619,89 @@ jest-canvas-mock@~2.4.0:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-diff@^27.0.0:
+jest-changed-files@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
+  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    execa "^5.0.0"
+    throat "^6.0.1"
+
+jest-circus@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
+  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    dedent "^0.7.0"
+    expect "^27.5.1"
+    is-generator-fn "^2.0.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+    throat "^6.0.1"
+
+jest-cli@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
+  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
+  dependencies:
+    "@jest/core" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    import-local "^3.0.2"
+    jest-config "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    prompts "^2.0.1"
+    yargs "^16.2.0"
+
+jest-config@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
+  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
+  dependencies:
+    "@babel/core" "^7.8.0"
+    "@jest/test-sequencer" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    babel-jest "^27.5.1"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    deepmerge "^4.2.2"
+    glob "^7.1.1"
+    graceful-fs "^4.2.9"
+    jest-circus "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-jasmine2 "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    micromatch "^4.0.4"
+    parse-json "^5.2.0"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    strip-json-comments "^3.1.1"
+
+jest-diff@^27.0.0, jest-diff@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
   integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
@@ -5122,6 +6721,49 @@ jest-diff@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
+jest-docblock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
+  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
+  dependencies:
+    detect-newline "^3.0.0"
+
+jest-each@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
+  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-environment-jsdom@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
+  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+    jsdom "^16.6.0"
+
+jest-environment-node@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
+  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+
 jest-get-type@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
@@ -5132,6 +6774,67 @@ jest-get-type@^29.4.3:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
   integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
+jest-haste-map@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
+  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/graceful-fs" "^4.1.2"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-regex-util "^27.5.1"
+    jest-serializer "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    micromatch "^4.0.4"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+jest-jasmine2@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
+  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    expect "^27.5.1"
+    is-generator-fn "^2.0.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+    throat "^6.0.1"
+
+jest-leak-detector@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
+  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
+  dependencies:
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-matcher-utils@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
+  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
+  dependencies:
+    chalk "^4.0.0"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
 jest-matcher-utils@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
@@ -5142,6 +6845,36 @@ jest-matcher-utils@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
+jest-message-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
+  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^27.5.1"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-message-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
+  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^28.1.3"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^28.1.3"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
 jest-message-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
@@ -5157,6 +6890,169 @@ jest-message-util@^29.5.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
+jest-mock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
+  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+
+jest-pnp-resolver@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
+  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
+
+jest-regex-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
+  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
+
+jest-regex-util@^28.0.0:
+  version "28.0.2"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
+  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
+
+jest-resolve-dependencies@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
+  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-snapshot "^27.5.1"
+
+jest-resolve@^27.4.2, jest-resolve@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
+  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    resolve "^1.20.0"
+    resolve.exports "^1.1.0"
+    slash "^3.0.0"
+
+jest-runner@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
+  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    emittery "^0.8.1"
+    graceful-fs "^4.2.9"
+    jest-docblock "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-leak-detector "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    source-map-support "^0.5.6"
+    throat "^6.0.1"
+
+jest-runtime@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
+  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/globals" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    cjs-module-lexer "^1.0.0"
+    collect-v8-coverage "^1.0.0"
+    execa "^5.0.0"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    slash "^3.0.0"
+    strip-bom "^4.0.0"
+
+jest-serializer@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
+  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.9"
+
+jest-snapshot@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
+  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
+  dependencies:
+    "@babel/core" "^7.7.2"
+    "@babel/generator" "^7.7.2"
+    "@babel/plugin-syntax-typescript" "^7.7.2"
+    "@babel/traverse" "^7.7.2"
+    "@babel/types" "^7.0.0"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/babel__traverse" "^7.0.4"
+    "@types/prettier" "^2.1.5"
+    babel-preset-current-node-syntax "^1.0.0"
+    chalk "^4.0.0"
+    expect "^27.5.1"
+    graceful-fs "^4.2.9"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^27.5.1"
+    semver "^7.3.2"
+
+jest-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
+  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
+  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
+  dependencies:
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
 jest-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
@@ -5169,6 +7065,58 @@ jest-util@^29.5.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
+jest-validate@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
+  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    camelcase "^6.2.0"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    leven "^3.1.0"
+    pretty-format "^27.5.1"
+
+jest-watch-typeahead@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz#b4a6826dfb9c9420da2f7bc900de59dad11266a9"
+  integrity sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==
+  dependencies:
+    ansi-escapes "^4.3.1"
+    chalk "^4.0.0"
+    jest-regex-util "^28.0.0"
+    jest-watcher "^28.0.0"
+    slash "^4.0.0"
+    string-length "^5.0.1"
+    strip-ansi "^7.0.1"
+
+jest-watcher@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
+  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
+  dependencies:
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    jest-util "^27.5.1"
+    string-length "^4.0.1"
+
+jest-watcher@^28.0.0:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
+  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
+  dependencies:
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.10.2"
+    jest-util "^28.1.3"
+    string-length "^4.0.1"
+
 jest-worker@^26.2.1:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
@@ -5178,15 +7126,47 @@ jest-worker@^26.2.1:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
+jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest-worker@^28.0.2:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
+  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest@^27.4.3:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
+  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
+  dependencies:
+    "@jest/core" "^27.5.1"
+    import-local "^3.0.2"
+    jest-cli "^27.5.1"
+
+jiti@^1.17.2:
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
+  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
+
 jotai@1.13.1:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/jotai/-/jotai-1.13.1.tgz#20cc46454cbb39096b12fddfa635b873b3668236"
   integrity sha512-RUmH1S4vLsG3V6fbGlKzGJnLrDcC/HNb5gH2AeA9DzuJknoVxSGvvg8OBB7lke+gDc4oXmdVsaKn/xDUhWZ0vw==
 
-js-string-escape@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef"
-  integrity sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==
+js-sdsl@^4.1.4:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
+  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -5201,34 +7181,45 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-jsdom@22.1.0:
-  version "22.1.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-22.1.0.tgz#0fca6d1a37fbeb7f4aac93d1090d782c56b611c8"
-  integrity sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
   dependencies:
-    abab "^2.0.6"
-    cssstyle "^3.0.0"
-    data-urls "^4.0.0"
-    decimal.js "^10.4.3"
-    domexception "^4.0.0"
-    form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.1"
+    argparse "^2.0.1"
+
+jsdom@^16.6.0:
+  version "16.7.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
+  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
+  dependencies:
+    abab "^2.0.5"
+    acorn "^8.2.4"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.3.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.1"
+    domexception "^2.0.1"
+    escodegen "^2.0.0"
+    form-data "^3.0.0"
+    html-encoding-sniffer "^2.0.1"
+    http-proxy-agent "^4.0.1"
+    https-proxy-agent "^5.0.0"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.4"
-    parse5 "^7.1.2"
-    rrweb-cssom "^0.6.0"
-    saxes "^6.0.0"
+    nwsapi "^2.2.0"
+    parse5 "6.0.1"
+    saxes "^5.0.1"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.1.2"
-    w3c-xmlserializer "^4.0.0"
-    webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^12.0.1"
-    ws "^8.13.0"
-    xml-name-validator "^4.0.0"
+    tough-cookie "^4.0.0"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.1.0"
+    whatwg-encoding "^1.0.5"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.5.0"
+    ws "^7.4.6"
+    xml-name-validator "^3.0.0"
 
 jsesc@^2.5.1:
   version "2.5.2"
@@ -5240,7 +7231,7 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
-json-parse-even-better-errors@^2.3.0:
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
@@ -5272,16 +7263,11 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.2.0, json5@^2.2.2:
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.2:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonc-parser@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
-  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
-
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -5304,6 +7290,21 @@ jsonpointer@^5.0.0:
     array-includes "^3.1.5"
     object.assign "^4.1.3"
 
+kind-of@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
+
+kleur@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
+
+klona@^2.0.4, klona@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
+  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
+
 language-subtag-registry@~0.3.2:
   version "0.3.22"
   resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
@@ -5316,6 +7317,14 @@ language-tags@=1.0.5:
   dependencies:
     language-subtag-registry "~0.3.2"
 
+launch-editor@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.0.tgz#4c0c1a6ac126c572bd9ff9a30da1d2cae66defd7"
+  integrity sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==
+  dependencies:
+    picocolors "^1.0.0"
+    shell-quote "^1.7.3"
+
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
@@ -5329,6 +7338,14 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
 lie@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
@@ -5341,6 +7358,11 @@ lilconfig@2.0.4:
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.4.tgz#f4507d043d7058b380b6a8f5cb7bcd4b34cee082"
   integrity sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==
 
+lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.0.6:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -5380,10 +7402,24 @@ listr2@^4.0.1:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
-local-pkg@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
-  integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^2.0.0, loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+loader-utils@^3.2.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.2.1.tgz#4fb104b599daafd82ef3e1a41fb9265f87e1f576"
+  integrity sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==
 
 localforage@^1.8.1:
   version "1.10.0"
@@ -5392,6 +7428,28 @@ localforage@^1.8.1:
   dependencies:
     lie "3.1.1"
 
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
@@ -5402,6 +7460,11 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
+
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
@@ -5422,6 +7485,11 @@ lodash.truncate@^4.4.2:
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
   integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==
 
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
+
 lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
@@ -5454,13 +7522,20 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-loupe@^2.3.1, loupe@^2.3.6:
+loupe@^2.3.1:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.6.tgz#76e4af498103c532d1ecc9be102036a21f787b53"
   integrity sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==
   dependencies:
     get-func-name "^2.0.0"
 
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -5487,26 +7562,46 @@ magic-string@^0.25.0, magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-magic-string@^0.27.0:
-  version "0.27.0"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
-  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
+make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.13"
+    semver "^6.0.0"
 
-magic-string@^0.30.0:
-  version "0.30.0"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
-  integrity sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==
+makeerror@1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.13"
+    tmpl "1.0.5"
 
-md5-hex@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/md5-hex/-/md5-hex-3.0.1.tgz#be3741b510591434b2784d79e556eefc2c9a8e5c"
-  integrity sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
+mdn-data@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
+  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memfs@^3.1.2, memfs@^3.4.3:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.5.0.tgz#9da86405fca0a539addafd37dbd452344fd1c0bd"
+  integrity sha512-yK6o8xVJlQerz57kvPROwTMgx5WtGwC2ZxDtOUsnGl49rHjYkfQoPNZPCKH73VdLE1BwBu/+Fx/NL8NYMUw2aA==
   dependencies:
-    blueimp-md5 "^2.10.0"
+    fs-monkey "^1.0.3"
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
 
 merge-stream@^2.0.0:
   version "2.0.0"
@@ -5518,7 +7613,12 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^4.0.4:
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -5526,19 +7626,19 @@ micromatch@^4.0.4:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-mime-db@1.52.0:
+mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12:
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime@^1.6.0:
+mime@1.6.0, mime@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
@@ -5553,7 +7653,19 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
+mini-css-extract-plugin@^2.4.5:
+  version "2.7.5"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.5.tgz#afbb344977659ec0f1f6e050c7aea456b121cfc5"
+  integrity sha512-9HaR++0mlgom81s95vvNjxkg52n2b5s//3ZTI1EtzFb98awsLSivs2LMsVqnQ3ay0PVhqWcGNyDaTE961FOcjQ==
+  dependencies:
+    schema-utils "^4.0.0"
+
+minimalistic-assert@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -5572,23 +7684,13 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-mkdirp@^0.5.6:
+mkdirp@^0.5.6, mkdirp@~0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
   dependencies:
     minimist "^1.2.6"
 
-mlly@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.4.0.tgz#830c10d63f1f97bd8785377b24dc2a15d972832b"
-  integrity sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==
-  dependencies:
-    acorn "^8.9.0"
-    pathe "^1.1.1"
-    pkg-types "^1.0.3"
-    ufo "^1.1.2"
-
 moo-color@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74"
@@ -5596,11 +7698,6 @@ moo-color@^1.0.2:
   dependencies:
     color-name "^1.1.4"
 
-mrmime@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27"
-  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -5611,11 +7708,19 @@ ms@2.1.2:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@^2.1.1:
+ms@2.1.3, ms@^2.1.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+multicast-dns@^7.2.5:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
+  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
+  dependencies:
+    dns-packet "^5.2.2"
+    thunky "^1.0.2"
+
 multimath@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/multimath/-/multimath-2.0.0.tgz#0d37acf67c328f30e3d8c6b0d3209e6082710302"
@@ -5624,12 +7729,21 @@ multimath@^2.0.0:
     glur "^1.1.2"
     object-assign "^4.1.1"
 
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
 nanoid@3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
   integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
 
-nanoid@^3.3.6:
+nanoid@^3.3.4:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
@@ -5644,11 +7758,39 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
 node-fetch@2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-int64@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
+
 node-releases@^2.0.8:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
@@ -5659,6 +7801,16 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+normalize-url@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
+  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
+
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -5666,16 +7818,35 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
-nwsapi@^2.2.4:
-  version "2.2.5"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.5.tgz#a52744c61b3889dd44b0a158687add39b8d935e2"
-  integrity sha512-6xpotnECFy/og7tKSBVmUNft7J3jyXAka4XvG6AUhFWRz+Q/Ljus7znJAA3bxColfQLdS+XsjoodtJfCgeTEFQ==
+nth-check@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
+  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
+  dependencies:
+    boolbase "~1.0.0"
 
-object-assign@^4.1.1:
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nwsapi@^2.2.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.3.tgz#00e04dfd5a4a751e5ec2fecdc75dfd2f0db820fa"
+  integrity sha512-jscxIO4/VKScHlbmFBdV1Z6LXnLO+ZR4VMtypudUdfwtKxUN3TQcNFIHLwKtrUbDyHN4/GycY9+oRGZ2XMXYPw==
+
+object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
 object-inspect@^1.12.0, object-inspect@^1.12.3, object-inspect@^1.9.0:
   version "1.12.3"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
@@ -5722,6 +7893,16 @@ object.fromentries@^2.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+object.getownpropertydescriptors@^2.1.0:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
+  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
+  dependencies:
+    array.prototype.reduce "^1.0.5"
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
 object.hasown@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
@@ -5730,7 +7911,7 @@ object.hasown@^1.1.2:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-object.values@^1.1.6:
+object.values@^1.1.0, object.values@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
   integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
@@ -5739,6 +7920,23 @@ object.values@^1.1.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+on-headers@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
+  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
+
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -5758,11 +7956,32 @@ open-color@1.9.1:
   resolved "https://registry.yarnpkg.com/open-color/-/open-color-1.9.1.tgz#a6e6328f60eff7aa60e3e8fcfa50f53ff3eece35"
   integrity sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==
 
+open@^8.0.9, open@^8.4.0:
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
 opener@^1.5.1:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
+optionator@^0.8.1:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
+  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -5775,12 +7994,40 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-p-limit@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644"
-  integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==
+p-limit@^2.0.0, p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
   dependencies:
-    yocto-queue "^1.0.0"
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
 
 p-map@^4.0.0:
   version "4.0.0"
@@ -5789,11 +8036,32 @@ p-map@^4.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
+p-retry@^4.5.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
+  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+  dependencies:
+    "@types/retry" "0.12.0"
+    retry "^0.13.1"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
 pako@1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
   integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
 
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -5801,7 +8069,7 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-json@^5.0.0:
+parse-json@^5.0.0, parse-json@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -5811,12 +8079,10 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
-  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
-  dependencies:
-    entities "^4.4.0"
+parse5@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
 
 parseqs@0.0.6:
   version "0.0.6"
@@ -5828,11 +8094,34 @@ parseuri@0.0.6:
   resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.6.tgz#e1496e829e3ac2ff47f39a4dd044b32823c4a25a"
   integrity sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow==
 
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
 path-data-parser@0.1.0, path-data-parser@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/path-data-parser/-/path-data-parser-0.1.0.tgz#8f5ba5cc70fc7becb3dcefaea08e2659aba60b8c"
   integrity sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==
 
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -5848,16 +8137,16 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pathe@^1.1.0, pathe@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
-  integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
-
 pathval@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
@@ -5873,6 +8162,11 @@ perfect-freehand@1.2.0:
   resolved "https://registry.yarnpkg.com/perfect-freehand/-/perfect-freehand-1.2.0.tgz#706a0f854544f6175772440c51d3b0563eb3988a"
   integrity sha512-h/0ikF1M3phW7CwpZ5MMvKnfpHficWoOEyr//KVNTxV4F6deRK1eYMtHyBKEAKFK0aXIEUK9oBvlF6PNXMDsAw==
 
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
+
 pica@7.1.1, pica@^7.1.0:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/pica/-/pica-7.1.1.tgz#c68b42f5cfa6cc26eaec5cfa10cc0a5299ef3b7a"
@@ -5884,6 +8178,11 @@ pica@7.1.1, pica@^7.1.0:
     object-assign "^4.1.1"
     webworkify "^1.5.0"
 
+picocolors@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
+  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
+
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -5899,14 +8198,29 @@ pidtree@^0.5.0:
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.5.0.tgz#ad5fbc1de78b8a5f99d6fbdd4f6e4eee21d1aca1"
   integrity sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==
 
-pkg-types@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
-  integrity sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pirates@^4.0.1, pirates@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
+  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
+
+pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
   dependencies:
-    jsonc-parser "^3.2.0"
-    mlly "^1.2.0"
-    pathe "^1.1.0"
+    find-up "^4.0.0"
+
+pkg-up@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
+  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+  dependencies:
+    find-up "^3.0.0"
 
 png-chunk-text@1.0.0:
   version "1.0.0"
@@ -5950,21 +8264,555 @@ portfinder@^1.0.28:
     debug "^3.2.7"
     mkdirp "^0.5.6"
 
-postcss@^8.4.23:
-  version "8.4.24"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
-  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
+postcss-attribute-case-insensitive@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
+  integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
   dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
+    postcss-selector-parser "^6.0.10"
 
-postcss@^8.4.24:
-  version "8.4.25"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.25.tgz#4a133f5e379eda7f61e906c3b1aaa9b81292726f"
-  integrity sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==
+postcss-browser-comments@^4:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz#bcfc86134df5807f5d3c0eefa191d42136b5e72a"
+  integrity sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==
+
+postcss-calc@^8.2.3:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
+  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
   dependencies:
-    nanoid "^3.3.6"
+    postcss-selector-parser "^6.0.9"
+    postcss-value-parser "^4.2.0"
+
+postcss-clamp@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363"
+  integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-functional-notation@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
+  integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-hex-alpha@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
+  integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-rebeccapurple@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
+  integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
+  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    colord "^2.9.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-convert-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393"
+  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-media@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
+  integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-properties@^12.1.10:
+  version "12.1.11"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
+  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-selectors@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
+  integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-dir-pseudo-class@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
+  integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-discard-comments@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
+  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
+
+postcss-discard-duplicates@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
+  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
+
+postcss-discard-empty@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
+  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
+
+postcss-discard-overridden@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
+  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
+
+postcss-double-position-gradients@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
+  integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-env-function@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
+  integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-flexbugs-fixes@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz#2028e145313074fc9abe276cb7ca14e5401eb49d"
+  integrity sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==
+
+postcss-focus-visible@^6.0.4:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
+  integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+postcss-focus-within@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
+  integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+postcss-font-variant@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
+  integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
+
+postcss-gap-properties@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
+  integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
+
+postcss-image-set-function@^4.0.7:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
+  integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-import@^14.1.0:
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
+  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-initial@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
+  integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
+
+postcss-js@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-lab-function@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
+  integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-load-config@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
+  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^1.10.2"
+
+postcss-loader@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
+  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    klona "^2.0.5"
+    semver "^7.3.5"
+
+postcss-logical@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
+  integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
+
+postcss-media-minmax@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
+  integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
+
+postcss-merge-longhand@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16"
+  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^5.1.1"
+
+postcss-merge-rules@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
+  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^3.1.0"
+    postcss-selector-parser "^6.0.5"
+
+postcss-minify-font-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b"
+  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-gradients@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c"
+  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
+  dependencies:
+    colord "^2.9.1"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352"
+  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
+  dependencies:
+    browserslist "^4.21.4"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-selectors@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6"
+  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-modules-extract-imports@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
+  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
+
+postcss-modules-local-by-default@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
+  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
+  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
+  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-nesting@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
+  integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
+
+postcss-normalize-charset@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
+  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
+
+postcss-normalize-display-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8"
+  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-positions@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92"
+  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-repeat-style@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2"
+  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-string@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228"
+  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-timing-functions@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb"
+  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-unicode@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030"
+  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-url@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc"
+  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
+  dependencies:
+    normalize-url "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-whitespace@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa"
+  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize/-/postcss-normalize-10.0.1.tgz#464692676b52792a06b06880a176279216540dd7"
+  integrity sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==
+  dependencies:
+    "@csstools/normalize.css" "*"
+    postcss-browser-comments "^4"
+    sanitize.css "*"
+
+postcss-opacity-percentage@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
+  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
+
+postcss-ordered-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38"
+  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
+  dependencies:
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-overflow-shorthand@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
+  integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-page-break@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
+  integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
+
+postcss-place@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
+  integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-preset-env@^7.0.1:
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
+  integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
+  dependencies:
+    "@csstools/postcss-cascade-layers" "^1.1.1"
+    "@csstools/postcss-color-function" "^1.1.1"
+    "@csstools/postcss-font-format-keywords" "^1.0.1"
+    "@csstools/postcss-hwb-function" "^1.0.2"
+    "@csstools/postcss-ic-unit" "^1.0.1"
+    "@csstools/postcss-is-pseudo-class" "^2.0.7"
+    "@csstools/postcss-nested-calc" "^1.0.0"
+    "@csstools/postcss-normalize-display-values" "^1.0.1"
+    "@csstools/postcss-oklab-function" "^1.1.1"
+    "@csstools/postcss-progressive-custom-properties" "^1.3.0"
+    "@csstools/postcss-stepped-value-functions" "^1.0.1"
+    "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
+    "@csstools/postcss-trigonometric-functions" "^1.0.2"
+    "@csstools/postcss-unset-value" "^1.0.2"
+    autoprefixer "^10.4.13"
+    browserslist "^4.21.4"
+    css-blank-pseudo "^3.0.3"
+    css-has-pseudo "^3.0.4"
+    css-prefers-color-scheme "^6.0.3"
+    cssdb "^7.1.0"
+    postcss-attribute-case-insensitive "^5.0.2"
+    postcss-clamp "^4.1.0"
+    postcss-color-functional-notation "^4.2.4"
+    postcss-color-hex-alpha "^8.0.4"
+    postcss-color-rebeccapurple "^7.1.1"
+    postcss-custom-media "^8.0.2"
+    postcss-custom-properties "^12.1.10"
+    postcss-custom-selectors "^6.0.3"
+    postcss-dir-pseudo-class "^6.0.5"
+    postcss-double-position-gradients "^3.1.2"
+    postcss-env-function "^4.0.6"
+    postcss-focus-visible "^6.0.4"
+    postcss-focus-within "^5.0.4"
+    postcss-font-variant "^5.0.0"
+    postcss-gap-properties "^3.0.5"
+    postcss-image-set-function "^4.0.7"
+    postcss-initial "^4.0.1"
+    postcss-lab-function "^4.2.1"
+    postcss-logical "^5.0.4"
+    postcss-media-minmax "^5.0.0"
+    postcss-nesting "^10.2.0"
+    postcss-opacity-percentage "^1.1.2"
+    postcss-overflow-shorthand "^3.0.4"
+    postcss-page-break "^3.0.4"
+    postcss-place "^7.0.5"
+    postcss-pseudo-class-any-link "^7.1.6"
+    postcss-replace-overflow-wrap "^4.0.0"
+    postcss-selector-not "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-pseudo-class-any-link@^7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
+  integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-reduce-initial@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
+  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-transforms@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9"
+  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-replace-overflow-wrap@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
+  integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
+
+postcss-selector-not@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
+  integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-svgo@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d"
+  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^2.7.0"
+
+postcss-unique-selectors@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6"
+  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^7.0.35:
+  version "7.0.39"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
+  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+  dependencies:
+    picocolors "^0.2.1"
+    source-map "^0.6.1"
+
+postcss@^8.0.9, postcss@^8.3.5, postcss@^8.4.19, postcss@^8.4.4:
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+  dependencies:
+    nanoid "^3.3.4"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -5973,6 +8821,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
+
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -5985,15 +8838,18 @@ prettier@2.6.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.6.2.tgz#e26d71a18a74c3d0f0597f55f01fb6c06c206032"
   integrity sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==
 
-pretty-bytes@^5.3.0:
+pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
-pretty-bytes@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.0.tgz#1d1cc9aae1939012c74180b679da6684616bf804"
-  integrity sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
 
 pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
   version "27.5.1"
@@ -6004,6 +8860,16 @@ pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
     ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
+pretty-format@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
+  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
+  dependencies:
+    "@jest/schemas" "^28.1.3"
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
 pretty-format@^29.0.0, pretty-format@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
@@ -6013,6 +8879,11 @@ pretty-format@^29.0.0, pretty-format@^29.5.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -6023,6 +8894,21 @@ promise-polyfill@8.1.3:
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.1.3.tgz#8c99b3cf53f3a91c68226ffde7bde81d7f904116"
   integrity sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g==
 
+promise@^8.1.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
+  integrity sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==
+  dependencies:
+    asap "~2.0.6"
+
+prompts@^2.0.1, prompts@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
+  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.5"
+
 prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -6069,12 +8955,20 @@ protobufjs@^7.0.0:
     "@types/node" ">=13.7.0"
     long "^5.0.0"
 
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
-punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
+punycode@^2.1.0, punycode@^2.1.1:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
@@ -6084,6 +8978,18 @@ pwacompat@2.0.17:
   resolved "https://registry.yarnpkg.com/pwacompat/-/pwacompat-2.0.17.tgz#707959ff97f239bf1fe7b260b63aeea416a15eab"
   integrity sha512-6Du7IZdIy7cHiv7AhtDy4X2QRM8IAD5DII69mt5qWibC2d15ZU8DmBG1WdZKekG11cChSu4zkSUGPF9sweOl6w==
 
+q@^1.1.2:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
+  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
+
+qs@6.11.0:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  dependencies:
+    side-channel "^1.0.4"
+
 qs@^6.4.0:
   version "6.11.1"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
@@ -6101,6 +9007,18 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
+raf@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
 randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -6108,6 +9026,63 @@ randombytes@^2.1.0:
   dependencies:
     safe-buffer "^5.1.0"
 
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
+  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+react-app-polyfill@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz#95221e0a9bd259e5ca6b177c7bb1cb6768f68fd7"
+  integrity sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==
+  dependencies:
+    core-js "^3.19.2"
+    object-assign "^4.1.1"
+    promise "^8.1.0"
+    raf "^3.4.1"
+    regenerator-runtime "^0.13.9"
+    whatwg-fetch "^3.6.2"
+
+react-dev-utils@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
+  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
+  dependencies:
+    "@babel/code-frame" "^7.16.0"
+    address "^1.1.2"
+    browserslist "^4.18.1"
+    chalk "^4.1.2"
+    cross-spawn "^7.0.3"
+    detect-port-alt "^1.1.6"
+    escape-string-regexp "^4.0.0"
+    filesize "^8.0.6"
+    find-up "^5.0.0"
+    fork-ts-checker-webpack-plugin "^6.5.0"
+    global-modules "^2.0.0"
+    globby "^11.0.4"
+    gzip-size "^6.0.0"
+    immer "^9.0.7"
+    is-root "^2.1.0"
+    loader-utils "^3.2.0"
+    open "^8.4.0"
+    pkg-up "^3.1.0"
+    prompts "^2.4.2"
+    react-error-overlay "^6.0.11"
+    recursive-readdir "^2.2.2"
+    shell-quote "^1.7.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
 react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
@@ -6116,6 +9091,11 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
+react-error-overlay@^6.0.11:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
+  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -6131,10 +9111,10 @@ react-is@^18.0.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-refresh@^0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
-  integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
+react-refresh@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
+  integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
 
 react-remove-scroll-bar@^2.3.3:
   version "2.3.4"
@@ -6155,6 +9135,61 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
+react-scripts@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"
+  integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3"
+    "@svgr/webpack" "^5.5.0"
+    babel-jest "^27.4.2"
+    babel-loader "^8.2.3"
+    babel-plugin-named-asset-import "^0.3.8"
+    babel-preset-react-app "^10.0.1"
+    bfj "^7.0.2"
+    browserslist "^4.18.1"
+    camelcase "^6.2.1"
+    case-sensitive-paths-webpack-plugin "^2.4.0"
+    css-loader "^6.5.1"
+    css-minimizer-webpack-plugin "^3.2.0"
+    dotenv "^10.0.0"
+    dotenv-expand "^5.1.0"
+    eslint "^8.3.0"
+    eslint-config-react-app "^7.0.1"
+    eslint-webpack-plugin "^3.1.1"
+    file-loader "^6.2.0"
+    fs-extra "^10.0.0"
+    html-webpack-plugin "^5.5.0"
+    identity-obj-proxy "^3.0.0"
+    jest "^27.4.3"
+    jest-resolve "^27.4.2"
+    jest-watch-typeahead "^1.0.0"
+    mini-css-extract-plugin "^2.4.5"
+    postcss "^8.4.4"
+    postcss-flexbugs-fixes "^5.0.2"
+    postcss-loader "^6.2.1"
+    postcss-normalize "^10.0.1"
+    postcss-preset-env "^7.0.1"
+    prompts "^2.4.2"
+    react-app-polyfill "^3.0.0"
+    react-dev-utils "^12.0.1"
+    react-refresh "^0.11.0"
+    resolve "^1.20.0"
+    resolve-url-loader "^4.0.0"
+    sass-loader "^12.3.0"
+    semver "^7.3.5"
+    source-map-loader "^3.0.0"
+    style-loader "^3.3.1"
+    tailwindcss "^3.0.2"
+    terser-webpack-plugin "^5.2.5"
+    webpack "^5.64.4"
+    webpack-dev-server "^4.6.0"
+    webpack-manifest-plugin "^4.0.2"
+    workbox-webpack-plugin "^6.4.1"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
 react-style-singleton@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
@@ -6171,6 +9206,35 @@ react@18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readable-stream@^2.0.1:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.0.6:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -6188,6 +9252,13 @@ realistic-structured-clone@^2.0.1:
     typeson "^6.1.0"
     typeson-registry "^1.0.0-alpha.20"
 
+recursive-readdir@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
+  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
+  dependencies:
+    minimatch "^3.0.5"
+
 redent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
@@ -6208,7 +9279,7 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11:
+regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
@@ -6220,6 +9291,11 @@ regenerator-transform@^0.15.1:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
+regex-parser@^2.2.11:
+  version "2.2.11"
+  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58"
+  integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==
+
 regexp.prototype.flags@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
@@ -6253,6 +9329,22 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
+renderkid@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^6.0.1"
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -6268,12 +9360,40 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.14.2, resolve@^1.19.0, resolve@^1.22.1:
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve-url-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz#d50d4ddc746bb10468443167acf800dcd6c3ad57"
+  integrity sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==
+  dependencies:
+    adjust-sourcemap-loader "^4.0.0"
+    convert-source-map "^1.7.0"
+    loader-utils "^2.0.0"
+    postcss "^7.0.35"
+    source-map "0.6.1"
+
+resolve.exports@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
+  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
+
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1:
   version "1.22.2"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
   integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@@ -6299,6 +9419,11 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
+retry@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
+  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
@@ -6316,7 +9441,7 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rimraf@^3.0.2:
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -6333,27 +9458,13 @@ rollup-plugin-terser@^7.0.0:
     serialize-javascript "^4.0.0"
     terser "^5.0.0"
 
-rollup@^2.43.1, rollup@^2.77.2:
+rollup@^2.43.1:
   version "2.79.1"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
   integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.21.0:
-  version "3.26.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.0.tgz#9f2e0316a4ca641911cefd8515c562a9124e6130"
-  integrity sha512-YzJH0eunH2hr3knvF3i6IkLO/jTjAEwU4HoMUbQl4//Tnl3ou0e7P5SjxdDr8HQJdeUJShlbEHXrrnEHy1l7Yg==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-rollup@^3.25.2:
-  version "3.26.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.2.tgz#2e76a37606cb523fc9fef43e6f59c93f86d95e7c"
-  integrity sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 roughjs@4.5.2:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/roughjs/-/roughjs-4.5.2.tgz#aab644dcb41e9a75826c8bd5a5b0a859095f2f10"
@@ -6363,11 +9474,6 @@ roughjs@4.5.2:
     points-on-curve "^0.2.0"
     points-on-path "^0.2.1"
 
-rrweb-cssom@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
-  integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
-
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -6387,12 +9493,12 @@ safari-14-idb-fix@^3.0.0:
   resolved "https://registry.yarnpkg.com/safari-14-idb-fix/-/safari-14-idb-fix-3.0.0.tgz#450fc049b996ec7f3fd9ca2f89d32e0761583440"
   integrity sha512-eBNFLob4PMq8JA1dGyFn6G97q3/WzNtFK4RnzT1fnLq+9RyrGknzYiM/9B12MnKAxuj1IXr7UKYtTNtjyKMBog==
 
-safe-buffer@5.1.2:
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@>=5.1.0, safe-buffer@^5.1.0:
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -6406,11 +9512,24 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-"safer-buffer@>= 2.1.2 < 3.0.0":
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+sanitize.css@*:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-13.0.0.tgz#2675553974b27964c75562ade3bd85d79879f173"
+  integrity sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==
+
+sass-loader@^12.3.0:
+  version "12.6.0"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
+  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
+  dependencies:
+    klona "^2.0.4"
+    neo-async "^2.6.2"
+
 sass@1.51.0:
   version "1.51.0"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.51.0.tgz#25ea36cf819581fe1fe8329e8c3a4eaaf70d2845"
@@ -6420,10 +9539,15 @@ sass@1.51.0:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-saxes@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
-  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
+sax@~1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
+
+saxes@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
   dependencies:
     xmlchars "^2.2.0"
 
@@ -6434,23 +9558,91 @@ scheduler@^0.23.0:
   dependencies:
     loose-envify "^1.1.0"
 
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
+schema-utils@^2.6.5:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
+  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
+  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.8.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.0.0"
+
 secure-compare@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/secure-compare/-/secure-compare-3.0.1.tgz#f1a0329b308b221fae37b9974f3d578d0ca999e3"
   integrity sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==
 
-semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
+
+selfsigned@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
+  integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
+  dependencies:
+    node-forge "^1"
+
+semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.2.1, semver@^7.3.2, semver@^7.3.7:
+semver@^7.2.1, semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
   version "7.4.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.4.0.tgz#8481c92feffc531ab1e012a8ffc15bdd3a0f4318"
   integrity sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==
   dependencies:
     lru-cache "^6.0.0"
 
+send@0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
@@ -6458,6 +9650,46 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
+serialize-javascript@^6.0.0, serialize-javascript@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
+  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.18.0"
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -6470,6 +9702,11 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
+shell-quote@^1.7.3:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
+
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -6479,30 +9716,26 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-siginfo@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
-  integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
-
 signal-exit@^3.0.2, signal-exit@^3.0.3:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
-sirv@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.3.tgz#ca5868b87205a74bef62a469ed0296abceccd446"
-  integrity sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==
-  dependencies:
-    "@polka/url" "^1.0.0-next.20"
-    mrmime "^1.0.0"
-    totalist "^3.0.0"
+sisteransi@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
+  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
 slice-ansi@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
@@ -6560,11 +9793,34 @@ socket.io-parser@~3.3.0:
     debug "~3.1.0"
     isarray "2.0.1"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+sockjs@^0.3.24:
+  version "0.3.24"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
+  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
+  dependencies:
+    faye-websocket "^0.11.3"
+    uuid "^8.3.2"
+    websocket-driver "^0.7.4"
+
+source-list-map@^2.0.0, source-list-map@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
+  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
+
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+source-map-loader@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.2.tgz#af23192f9b344daa729f6772933194cc5fa54fee"
+  integrity sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==
+  dependencies:
+    abab "^2.0.5"
+    iconv-lite "^0.6.3"
+    source-map-js "^1.0.1"
+
 source-map-resolve@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
@@ -6573,7 +9829,7 @@ source-map-resolve@^0.6.0:
     atob "^2.1.2"
     decode-uri-component "^0.2.0"
 
-source-map-support@~0.5.20:
+source-map-support@^0.5.6, source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -6581,11 +9837,16 @@ source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@^0.6.0, source-map@^0.6.1:
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
 source-map@^0.8.0-beta.0:
   version "0.8.0-beta.0"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
@@ -6598,11 +9859,39 @@ sourcemap-codec@^1.4.8:
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^3.0.0"
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
+stable@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
+  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
+
 stack-utils@^2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
@@ -6610,15 +9899,20 @@ stack-utils@^2.0.3:
   dependencies:
     escape-string-regexp "^2.0.0"
 
-stackback@0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/stackback/-/stackback-0.0.2.tgz#1ac8a0d9483848d1695e418b6d031a3c3ce68e3b"
-  integrity sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==
+stackframe@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
+  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
 
-std-env@^3.3.2:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.3.tgz#a54f06eb245fdcfef53d56f3c0251f1d5c3d01fe"
-  integrity sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
 
 stop-iteration-iterator@^1.0.0:
   version "1.0.0"
@@ -6632,6 +9926,22 @@ string-argv@^0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
+string-length@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
+  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
+  dependencies:
+    char-regex "^1.0.2"
+    strip-ansi "^6.0.0"
+
+string-length@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-5.0.1.tgz#3d647f497b6e8e8d41e422f7e0b23bc536c8381e"
+  integrity sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==
+  dependencies:
+    char-regex "^2.0.0"
+    strip-ansi "^7.0.1"
+
 string-natural-compare@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
@@ -6696,6 +10006,20 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
 stringify-object@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
@@ -6724,6 +10048,11 @@ strip-bom@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
+strip-bom@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
+  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+
 strip-comments@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
@@ -6746,12 +10075,31 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-strip-literal@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
-  integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
+style-loader@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.2.tgz#eaebca714d9e462c19aa1e3599057bc363924899"
+  integrity sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==
+
+stylehacks@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
+  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
   dependencies:
-    acorn "^8.8.2"
+    browserslist "^4.21.4"
+    postcss-selector-parser "^6.0.4"
+
+sucrase@^3.29.0:
+  version "3.32.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
+  integrity sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "7.1.6"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
 
 supports-color@^5.3.0:
   version "5.5.0"
@@ -6767,21 +10115,68 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
+supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
 supports-color@^9.2.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.3.1.tgz#34e4ad3c71c9a39dae3254ecc46c9b74e89e15a6"
   integrity sha512-knBY82pjmnIzK3NifMo3RxEIRD9E0kIzV4BKcyTZ9+9kWgLMxd4PrsTSMoFQUabgRBbF8KOLRDCyKgNV+iK44Q==
 
+supports-hyperlinks@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
+  dependencies:
+    has-flag "^4.0.0"
+    supports-color "^7.0.0"
+
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-parser@^2.0.4:
+svg-parser@^2.0.2:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
   integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
 
+svgo@^1.2.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
+  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
+  dependencies:
+    chalk "^2.4.1"
+    coa "^2.0.2"
+    css-select "^2.0.0"
+    css-select-base-adapter "^0.1.1"
+    css-tree "1.0.0-alpha.37"
+    csso "^4.0.2"
+    js-yaml "^3.13.1"
+    mkdirp "~0.5.1"
+    object.values "^1.1.0"
+    sax "~1.2.4"
+    stable "^0.1.8"
+    unquote "~1.1.1"
+    util.promisify "~1.0.0"
+
+svgo@^2.7.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
+  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^4.1.3"
+    css-tree "^1.1.3"
+    csso "^4.2.0"
+    picocolors "^1.0.0"
+    stable "^0.1.8"
+
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -6798,6 +10193,46 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
+tailwindcss@^3.0.2:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.1.tgz#b6662fab6a9b704779e48d083a9fef5a81d2b81e"
+  integrity sha512-Vkiouc41d4CEq0ujXl6oiGFQ7bA3WEhUZdTgXAhtKxSy49OmKs8rEfQmupsfF0IGW8fv2iQkp1EVUuapCFrZ9g==
+  dependencies:
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    color-name "^1.1.4"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.2.12"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.17.2"
+    lilconfig "^2.0.6"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.0.9"
+    postcss-import "^14.1.0"
+    postcss-js "^4.0.0"
+    postcss-load-config "^3.1.4"
+    postcss-nested "6.0.0"
+    postcss-selector-parser "^6.0.11"
+    postcss-value-parser "^4.2.0"
+    quick-lru "^5.1.1"
+    resolve "^1.22.1"
+    sucrase "^3.29.0"
+
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
@@ -6813,7 +10248,26 @@ tempy@^0.6.0:
     type-fest "^0.16.0"
     unique-string "^2.0.0"
 
-terser@^5.0.0:
+terminal-link@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
+  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    supports-hyperlinks "^2.0.0"
+
+terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
+  version "5.3.7"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz#ef760632d24991760f339fe9290deb936ad1ffc7"
+  integrity sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.1"
+    terser "^5.16.5"
+
+terser@^5.0.0, terser@^5.10.0:
   version "5.16.9"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.9.tgz#7a28cb178e330c484369886f2afd623d9847495f"
   integrity sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==
@@ -6823,35 +10277,63 @@ terser@^5.0.0:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
+terser@^5.16.5:
+  version "5.17.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.17.1.tgz#948f10830454761e2eeedc6debe45c532c83fd69"
+  integrity sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.2"
+    acorn "^8.5.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+test-exclude@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^7.1.4"
+    minimatch "^3.0.4"
+
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+throat@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
+  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
+
 through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
-time-zone@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
-  integrity sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
-tinybench@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.5.0.tgz#4711c99bbf6f3e986f67eb722fed9cddb3a68ba5"
-  integrity sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==
-
-tinypool@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.5.0.tgz#3861c3069bf71e4f1f5aa2d2e6b3aaacc278961e"
-  integrity sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==
-
-tinyspy@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-2.1.1.tgz#9e6371b00c259e5c5b301917ca18c01d40ae558c"
-  integrity sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==
+tmpl@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
 to-array@0.1.4:
   version "0.1.4"
@@ -6870,15 +10352,15 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-totalist@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
-  integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
-tough-cookie@^4.1.2:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
-  integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
+tough-cookie@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
+  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
@@ -6899,12 +10381,15 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
-tr46@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
-  integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
-  dependencies:
-    punycode "^2.3.0"
+tryer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
+  integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
 tsconfig-paths@^3.14.1:
   version "3.14.2"
@@ -6921,7 +10406,7 @@ tslib@^1.8.1, tslib@^1.9.3:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.1.0:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
   integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
@@ -6947,7 +10432,14 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-detect@^4.0.0, type-detect@^4.0.5:
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
+  dependencies:
+    prelude-ls "~1.1.2"
+
+type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.5:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -6967,6 +10459,14 @@ type-fest@^0.21.3:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
 typed-array-length@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
@@ -6976,6 +10476,13 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
+  dependencies:
+    is-typedarray "^1.0.0"
+
 typescript@4.9.4:
   version "4.9.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
@@ -6995,11 +10502,6 @@ typeson@^6.0.0, typeson@^6.1.0:
   resolved "https://registry.yarnpkg.com/typeson/-/typeson-6.1.0.tgz#5b2a53705a5f58ff4d6f82f965917cabd0d7448b"
   integrity sha512-6FTtyGr8ldU0pfbvW/eOZrEtEkczHRUtduBnA90Jh9kMPCiFNnXIon3vF41N0S4tV1HHQt4Hk1j4srpESziCaA==
 
-ufo@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.1.2.tgz#d0d9e0fa09dece0c31ffd57bd363f030a35cfe76"
-  integrity sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==
-
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -7057,6 +10559,16 @@ universalify@^2.0.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+unquote@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
+  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
+
 upath@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
@@ -7115,141 +10627,213 @@ use-sync-external-store@1.2.0:
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
 
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+util.promisify@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
+  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.2"
+    has-symbols "^1.0.1"
+    object.getownpropertydescriptors "^2.1.0"
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
-vite-node@0.32.2:
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.32.2.tgz#bfccdfeb708b2309ea9e5fe424951c75bb9c0096"
-  integrity sha512-dTQ1DCLwl2aEseov7cfQ+kDMNJpM1ebpyMMMwWzBvLbis8Nla/6c9WQcqpPssTwS6Rp/+U6KwlIj8Eapw4bLdA==
+v8-to-istanbul@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz#77b752fd3975e31bbcef938f85e9bd1c7a8d60ed"
+  integrity sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==
   dependencies:
-    cac "^6.7.14"
-    debug "^4.3.4"
-    mlly "^1.2.0"
-    pathe "^1.1.0"
-    picocolors "^1.0.0"
-    vite "^3.0.0 || ^4.0.0"
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^1.6.0"
+    source-map "^0.7.3"
 
-vite-plugin-ejs@1.6.4:
-  version "1.6.4"
-  resolved "https://registry.yarnpkg.com/vite-plugin-ejs/-/vite-plugin-ejs-1.6.4.tgz#aa30820d8235774e717d902754a552480cf7758b"
-  integrity sha512-23p1RS4PiA0veXY5/gHZ60pl3pPvd8NEqdBsDgxNK8nM1rjFFDcVb0paNmuipzCgNP/Y0f/Id22M7Il4kvZ2jA==
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+w3c-hr-time@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
   dependencies:
-    ejs "^3.1.8"
+    browser-process-hrtime "^1.0.0"
 
-vite-plugin-eslint@1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/vite-plugin-eslint/-/vite-plugin-eslint-1.8.1.tgz#0381b8272e7f0fd8b663311b64f7608d55d8b04c"
-  integrity sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==
+w3c-xmlserializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
+  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
   dependencies:
-    "@rollup/pluginutils" "^4.2.1"
-    "@types/eslint" "^8.4.5"
-    rollup "^2.77.2"
+    xml-name-validator "^3.0.0"
 
-vite-plugin-pwa@0.16.4:
-  version "0.16.4"
-  resolved "https://registry.yarnpkg.com/vite-plugin-pwa/-/vite-plugin-pwa-0.16.4.tgz#cd2618c8b4f83eac1493f2ed7b05f72552a2b735"
-  integrity sha512-lmwHFIs9zI2H9bXJld/zVTbCqCQHZ9WrpyDMqosICDV0FVnCJwniX1NMDB79HGTIZzOQkY4gSZaVTJTw6maz/Q==
+walker@^1.0.7:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
+  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
   dependencies:
-    debug "^4.3.4"
-    fast-glob "^3.2.12"
-    pretty-bytes "^6.0.0"
-    workbox-build "^7.0.0"
-    workbox-window "^7.0.0"
+    makeerror "1.0.12"
 
-vite-plugin-svgr@2.4.0:
+watchpack@^2.4.0:
   version "2.4.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-2.4.0.tgz#9b14953955e79893ea7718089b9777a494e38fc6"
-  integrity sha512-q+mJJol6ThvqkkJvvVFEndI4EaKIjSI0I3jNFgSoC9fXAz1M7kYTVUin8fhUsFojFDKZ9VHKtX6NXNaOLpbsHA==
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
   dependencies:
-    "@rollup/pluginutils" "^5.0.2"
-    "@svgr/core" "^6.5.1"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
 
-vite@4.4.2:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.2.tgz#acd47de771c498aec80e4900f30133d9529b278a"
-  integrity sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
   dependencies:
-    esbuild "^0.18.10"
-    postcss "^8.4.24"
-    rollup "^3.25.2"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-"vite@^3.0.0 || ^4.0.0":
-  version "4.3.9"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
-  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
-  dependencies:
-    esbuild "^0.17.5"
-    postcss "^8.4.23"
-    rollup "^3.21.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-vitest-canvas-mock@0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/vitest-canvas-mock/-/vitest-canvas-mock-0.3.2.tgz#d52031c423519e0c7bf2687ca6d7ad2e926ea182"
-  integrity sha512-lds7MKxvFFPDCGLXsQI2ym1fxvC93DaS0Bb6sdjvylFyL6NYrAAcPb6xZGF2sMOt5fSLHddqAQaujqpbc3p0Zg==
-  dependencies:
-    jest-canvas-mock "~2.4.0"
-
-vitest@0.32.2:
-  version "0.32.2"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.32.2.tgz#758ce2220f609e240ac054eca7ad11a5140679ab"
-  integrity sha512-hU8GNNuQfwuQmqTLfiKcqEhZY72Zxb7nnN07koCUNmntNxbKQnVbeIS6sqUgR3eXSlbOpit8+/gr1KpqoMgWCQ==
-  dependencies:
-    "@types/chai" "^4.3.5"
-    "@types/chai-subset" "^1.3.3"
-    "@types/node" "*"
-    "@vitest/expect" "0.32.2"
-    "@vitest/runner" "0.32.2"
-    "@vitest/snapshot" "0.32.2"
-    "@vitest/spy" "0.32.2"
-    "@vitest/utils" "0.32.2"
-    acorn "^8.8.2"
-    acorn-walk "^8.2.0"
-    cac "^6.7.14"
-    chai "^4.3.7"
-    concordance "^5.0.4"
-    debug "^4.3.4"
-    local-pkg "^0.4.3"
-    magic-string "^0.30.0"
-    pathe "^1.1.0"
-    picocolors "^1.0.0"
-    std-env "^3.3.2"
-    strip-literal "^1.0.1"
-    tinybench "^2.5.0"
-    tinypool "^0.5.0"
-    vite "^3.0.0 || ^4.0.0"
-    vite-node "0.32.2"
-    why-is-node-running "^2.2.2"
-
-w3c-xmlserializer@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
-  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
-  dependencies:
-    xml-name-validator "^4.0.0"
+    minimalistic-assert "^1.0.0"
 
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
+webidl-conversions@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
+  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+
 webidl-conversions@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
-webidl-conversions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
-  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
+webpack-dev-middleware@^5.3.1:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"
+  integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.3"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
 
-websocket-driver@>=0.5.1:
+webpack-dev-server@^4.6.0:
+  version "4.13.2"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.13.2.tgz#d97445481d78691efe6d9a3b230833d802fc31f9"
+  integrity sha512-5i6TrGBRxG4vnfDpB6qSQGfnB6skGBXNL5/542w2uRGLimX6qeE5BQMLrzIC3JYV/xlGOv+s+hTleI9AZKUQNw==
+  dependencies:
+    "@types/bonjour" "^3.5.9"
+    "@types/connect-history-api-fallback" "^1.3.5"
+    "@types/express" "^4.17.13"
+    "@types/serve-index" "^1.9.1"
+    "@types/serve-static" "^1.13.10"
+    "@types/sockjs" "^0.3.33"
+    "@types/ws" "^8.5.1"
+    ansi-html-community "^0.0.8"
+    bonjour-service "^1.0.11"
+    chokidar "^3.5.3"
+    colorette "^2.0.10"
+    compression "^1.7.4"
+    connect-history-api-fallback "^2.0.0"
+    default-gateway "^6.0.3"
+    express "^4.17.3"
+    graceful-fs "^4.2.6"
+    html-entities "^2.3.2"
+    http-proxy-middleware "^2.0.3"
+    ipaddr.js "^2.0.1"
+    launch-editor "^2.6.0"
+    open "^8.0.9"
+    p-retry "^4.5.0"
+    rimraf "^3.0.2"
+    schema-utils "^4.0.0"
+    selfsigned "^2.1.1"
+    serve-index "^1.9.1"
+    sockjs "^0.3.24"
+    spdy "^4.0.2"
+    webpack-dev-middleware "^5.3.1"
+    ws "^8.13.0"
+
+webpack-manifest-plugin@^4.0.2:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz#10f8dbf4714ff93a215d5a45bcc416d80506f94f"
+  integrity sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==
+  dependencies:
+    tapable "^2.0.0"
+    webpack-sources "^2.2.0"
+
+webpack-sources@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
+  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
+  dependencies:
+    source-list-map "^2.0.0"
+    source-map "~0.6.1"
+
+webpack-sources@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
+  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
+  dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack@^5.64.4:
+  version "5.78.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.78.0.tgz#836452a12416af2a7beae906b31644cb2562f9e6"
+  integrity sha512-gT5DP72KInmE/3azEaQrISjTvLYlSM0j1Ezhht/KLVkrqtv10JoP/RXhwmX/frrutOPuSq3o5Vq0ehR/4Vmd1g==
+  dependencies:
+    "@types/eslint-scope" "^3.7.3"
+    "@types/estree" "^0.0.51"
+    "@webassemblyjs/ast" "1.11.1"
+    "@webassemblyjs/wasm-edit" "1.11.1"
+    "@webassemblyjs/wasm-parser" "1.11.1"
+    acorn "^8.7.1"
+    acorn-import-assertions "^1.7.6"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.10.0"
+    es-module-lexer "^0.9.0"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.1.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.1.3"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
   integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
@@ -7268,10 +10852,12 @@ webworkify@^1.5.0:
   resolved "https://registry.yarnpkg.com/webworkify/-/webworkify-1.5.0.tgz#734ad87a774de6ebdd546e1d3e027da5b8f4a42c"
   integrity sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==
 
-well-known-symbols@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/well-known-symbols/-/well-known-symbols-2.0.0.tgz#e9c7c07dbd132b7b84212c8174391ec1f9871ba5"
-  integrity sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==
+whatwg-encoding@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
+  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
+  dependencies:
+    iconv-lite "0.4.24"
 
 whatwg-encoding@^2.0.0:
   version "2.0.0"
@@ -7285,18 +10871,15 @@ whatwg-fetch@2.0.4:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
   integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
 
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
+whatwg-fetch@^3.6.2:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"
+  integrity sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==
 
-whatwg-url@^12.0.0, whatwg-url@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
-  integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
-  dependencies:
-    tr46 "^4.1.1"
-    webidl-conversions "^7.0.0"
+whatwg-mimetype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
+  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
 whatwg-url@^7.0.0:
   version "7.1.0"
@@ -7307,7 +10890,7 @@ whatwg-url@^7.0.0:
     tr46 "^1.0.1"
     webidl-conversions "^4.0.2"
 
-whatwg-url@^8.4.0:
+whatwg-url@^8.0.0, whatwg-url@^8.4.0, whatwg-url@^8.5.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
   integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
@@ -7349,6 +10932,13 @@ which-typed-array@^1.1.9:
     has-tostringtag "^1.0.0"
     is-typed-array "^1.1.10"
 
+which@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
+  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
+  dependencies:
+    isexe "^2.0.0"
+
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -7356,38 +10946,30 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-why-is-node-running@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.2.2.tgz#4185b2b4699117819e7154594271e7e344c9973e"
-  integrity sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==
-  dependencies:
-    siginfo "^2.0.0"
-    stackback "0.0.2"
-
-word-wrap@^1.2.3:
+word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
-workbox-background-sync@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.0.0.tgz#2b84b96ca35fec976e3bd2794b70e4acec46b3a5"
-  integrity sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==
+workbox-background-sync@6.5.4, workbox-background-sync@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-6.5.4.tgz#3141afba3cc8aa2ae14c24d0f6811374ba8ff6a9"
+  integrity sha512-0r4INQZMyPky/lj4Ou98qxcThrETucOde+7mRGJl13MPJugQNKeZQOdIJe/1AchOP23cTqHcN/YVpD6r8E6I8g==
   dependencies:
     idb "^7.0.1"
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-broadcast-update@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.0.0.tgz#7f611ca1a94ba8ac0aa40fa171c9713e0f937d22"
-  integrity sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==
+workbox-broadcast-update@6.5.4, workbox-broadcast-update@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-6.5.4.tgz#8441cff5417cd41f384ba7633ca960a7ffe40f66"
+  integrity sha512-I/lBERoH1u3zyBosnpPEtcAVe5lwykx9Yg1k6f8/BGEPGaMMgZrwVrqL1uA9QZ1NGGFoyE6t9i7lBjOlDhFEEw==
   dependencies:
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-build@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.0.0.tgz#02ab5ef2991b3369b8b9395703f08912212769b4"
-  integrity sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==
+workbox-build@6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-6.5.4.tgz#7d06d31eb28a878817e1c991c05c5b93409f0389"
+  integrity sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==
   dependencies:
     "@apideck/better-ajv-errors" "^0.3.1"
     "@babel/core" "^7.11.1"
@@ -7411,121 +10993,132 @@ workbox-build@^7.0.0:
     strip-comments "^2.0.1"
     tempy "^0.6.0"
     upath "^1.2.0"
-    workbox-background-sync "7.0.0"
-    workbox-broadcast-update "7.0.0"
-    workbox-cacheable-response "7.0.0"
-    workbox-core "7.0.0"
-    workbox-expiration "7.0.0"
-    workbox-google-analytics "7.0.0"
-    workbox-navigation-preload "7.0.0"
-    workbox-precaching "7.0.0"
-    workbox-range-requests "7.0.0"
-    workbox-recipes "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
-    workbox-streams "7.0.0"
-    workbox-sw "7.0.0"
-    workbox-window "7.0.0"
+    workbox-background-sync "6.5.4"
+    workbox-broadcast-update "6.5.4"
+    workbox-cacheable-response "6.5.4"
+    workbox-core "6.5.4"
+    workbox-expiration "6.5.4"
+    workbox-google-analytics "6.5.4"
+    workbox-navigation-preload "6.5.4"
+    workbox-precaching "6.5.4"
+    workbox-range-requests "6.5.4"
+    workbox-recipes "6.5.4"
+    workbox-routing "6.5.4"
+    workbox-strategies "6.5.4"
+    workbox-streams "6.5.4"
+    workbox-sw "6.5.4"
+    workbox-window "6.5.4"
 
-workbox-cacheable-response@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz#ee27c036728189eed69d25a135013053277482d2"
-  integrity sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==
+workbox-cacheable-response@6.5.4, workbox-cacheable-response@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-6.5.4.tgz#a5c6ec0c6e2b6f037379198d4ef07d098f7cf137"
+  integrity sha512-DCR9uD0Fqj8oB2TSWQEm1hbFs/85hXXoayVwFKLVuIuxwJaihBsLsp4y7J9bvZbqtPJ1KlCkmYVGQKrBU4KAug==
   dependencies:
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-core@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.0.0.tgz#dec114ec923cc2adc967dd9be1b8a0bed50a3545"
-  integrity sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==
+workbox-core@6.5.4, workbox-core@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-6.5.4.tgz#df48bf44cd58bb1d1726c49b883fb1dffa24c9ba"
+  integrity sha512-OXYb+m9wZm8GrORlV2vBbE5EC1FKu71GGp0H4rjmxmF4/HLbMCoTFws87M3dFwgpmg0v00K++PImpNQ6J5NQ6Q==
 
-workbox-expiration@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.0.0.tgz#3d90bcf2a7577241de950f89784f6546b66c2baa"
-  integrity sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==
+workbox-expiration@6.5.4, workbox-expiration@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-6.5.4.tgz#501056f81e87e1d296c76570bb483ce5e29b4539"
+  integrity sha512-jUP5qPOpH1nXtjGGh1fRBa1wJL2QlIb5mGpct3NzepjGG2uFFBn4iiEBiI9GUmfAFR2ApuRhDydjcRmYXddiEQ==
   dependencies:
     idb "^7.0.1"
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-google-analytics@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.0.0.tgz#603b2c4244af1e85de0fb26287d4e17d3293452a"
-  integrity sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==
+workbox-google-analytics@6.5.4, workbox-google-analytics@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-6.5.4.tgz#c74327f80dfa4c1954cbba93cd7ea640fe7ece7d"
+  integrity sha512-8AU1WuaXsD49249Wq0B2zn4a/vvFfHkpcFfqAFHNHwln3jK9QUYmzdkKXGIZl9wyKNP+RRX30vcgcyWMcZ9VAg==
   dependencies:
-    workbox-background-sync "7.0.0"
-    workbox-core "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
+    workbox-background-sync "6.5.4"
+    workbox-core "6.5.4"
+    workbox-routing "6.5.4"
+    workbox-strategies "6.5.4"
 
-workbox-navigation-preload@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.0.0.tgz#4913878dbbd97057181d57baa18d2bbdde085c6c"
-  integrity sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==
+workbox-navigation-preload@6.5.4, workbox-navigation-preload@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-6.5.4.tgz#ede56dd5f6fc9e860a7e45b2c1a8f87c1c793212"
+  integrity sha512-IIwf80eO3cr8h6XSQJF+Hxj26rg2RPFVUmJLUlM0+A2GzB4HFbQyKkrgD5y2d84g2IbJzP4B4j5dPBRzamHrng==
   dependencies:
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-precaching@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.0.0.tgz#3979ba8033aadf3144b70e9fe631d870d5fbaa03"
-  integrity sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==
+workbox-precaching@6.5.4, workbox-precaching@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-6.5.4.tgz#740e3561df92c6726ab5f7471e6aac89582cab72"
+  integrity sha512-hSMezMsW6btKnxHB4bFy2Qfwey/8SYdGWvVIKFaUm8vJ4E53JAY+U2JwLTRD8wbLWoP6OVUdFlXsTdKu9yoLTg==
   dependencies:
-    workbox-core "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
+    workbox-core "6.5.4"
+    workbox-routing "6.5.4"
+    workbox-strategies "6.5.4"
 
-workbox-range-requests@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.0.0.tgz#97511901e043df27c1aa422adcc999a7751f52ed"
-  integrity sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==
+workbox-range-requests@6.5.4, workbox-range-requests@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-6.5.4.tgz#86b3d482e090433dab38d36ae031b2bb0bd74399"
+  integrity sha512-Je2qR1NXCFC8xVJ/Lux6saH6IrQGhMpDrPXWZWWS8n/RD+WZfKa6dSZwU+/QksfEadJEr/NfY+aP/CXFFK5JFg==
   dependencies:
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-recipes@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.0.0.tgz#1a6a01c8c2dfe5a41eef0fed3fe517e8a45c6514"
-  integrity sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==
+workbox-recipes@6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-6.5.4.tgz#cca809ee63b98b158b2702dcfb741b5cc3e24acb"
+  integrity sha512-QZNO8Ez708NNwzLNEXTG4QYSKQ1ochzEtRLGaq+mr2PyoEIC1xFW7MrWxrONUxBFOByksds9Z4//lKAX8tHyUA==
   dependencies:
-    workbox-cacheable-response "7.0.0"
-    workbox-core "7.0.0"
-    workbox-expiration "7.0.0"
-    workbox-precaching "7.0.0"
-    workbox-routing "7.0.0"
-    workbox-strategies "7.0.0"
+    workbox-cacheable-response "6.5.4"
+    workbox-core "6.5.4"
+    workbox-expiration "6.5.4"
+    workbox-precaching "6.5.4"
+    workbox-routing "6.5.4"
+    workbox-strategies "6.5.4"
 
-workbox-routing@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.0.0.tgz#6668438a06554f60645aedc77244a4fe3a91e302"
-  integrity sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==
+workbox-routing@6.5.4, workbox-routing@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-6.5.4.tgz#6a7fbbd23f4ac801038d9a0298bc907ee26fe3da"
+  integrity sha512-apQswLsbrrOsBUWtr9Lf80F+P1sHnQdYodRo32SjiByYi36IDyL2r7BH1lJtFX8fwNHDa1QOVY74WKLLS6o5Pg==
   dependencies:
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-strategies@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.0.0.tgz#dcba32b3f3074476019049cc490fe1a60ea73382"
-  integrity sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==
+workbox-strategies@6.5.4, workbox-strategies@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-6.5.4.tgz#4edda035b3c010fc7f6152918370699334cd204d"
+  integrity sha512-DEtsxhx0LIYWkJBTQolRxG4EI0setTJkqR4m7r4YpBdxtWJH1Mbg01Cj8ZjNOO8etqfA3IZaOPHUxCs8cBsKLw==
   dependencies:
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
-workbox-streams@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.0.0.tgz#36722aecd04785f88b6f709e541c094fc658c0f9"
-  integrity sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==
+workbox-streams@6.5.4, workbox-streams@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-6.5.4.tgz#1cb3c168a6101df7b5269d0353c19e36668d7d69"
+  integrity sha512-FXKVh87d2RFXkliAIheBojBELIPnWbQdyDvsH3t74Cwhg0fDheL1T8BqSM86hZvC0ZESLsznSYWw+Va+KVbUzg==
   dependencies:
-    workbox-core "7.0.0"
-    workbox-routing "7.0.0"
+    workbox-core "6.5.4"
+    workbox-routing "6.5.4"
 
-workbox-sw@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.0.0.tgz#7350126411e3de1409f7ec243df8d06bb5b08b86"
-  integrity sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==
+workbox-sw@6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-6.5.4.tgz#d93e9c67924dd153a61367a4656ff4d2ae2ed736"
+  integrity sha512-vo2RQo7DILVRoH5LjGqw3nphavEjK4Qk+FenXeUsknKn14eCNedHOXWbmnvP4ipKhlE35pvJ4yl4YYf6YsJArA==
 
-workbox-window@7.0.0, workbox-window@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.0.0.tgz#a683ab33c896e4f16786794eac7978fc98a25d08"
-  integrity sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==
+workbox-webpack-plugin@^6.4.1:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-6.5.4.tgz#baf2d3f4b8f435f3469887cf4fba2b7fac3d0fd7"
+  integrity sha512-LmWm/zoaahe0EGmMTrSLUi+BjyR3cdGEfU3fS6PN1zKFYbqAKuQ+Oy/27e4VSXsyIwAw8+QDfk1XHNGtZu9nQg==
+  dependencies:
+    fast-json-stable-stringify "^2.1.0"
+    pretty-bytes "^5.4.1"
+    upath "^1.2.0"
+    webpack-sources "^1.4.3"
+    workbox-build "6.5.4"
+
+workbox-window@6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-6.5.4.tgz#d991bc0a94dff3c2dbb6b84558cff155ca878e91"
+  integrity sha512-HnLZJDwYBE+hpG25AQBO8RUWBJRaCsI9ksQJEp3aCOFCaG5kqaToAYXFRAHxzRluM2cQbGzdQF5rjKPWPA1fug==
   dependencies:
     "@types/trusted-types" "^2.0.2"
-    workbox-core "7.0.0"
+    workbox-core "6.5.4"
 
 wrap-ansi@^6.2.0:
   version "6.2.0"
@@ -7550,6 +11143,21 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
+write-file-atomic@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
+
+ws@^7.4.6:
+  version "7.5.9"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
+  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
+
 ws@^8.13.0:
   version "8.13.0"
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
@@ -7562,10 +11170,10 @@ ws@~6.1.0:
   dependencies:
     async-limiter "~1.0.0"
 
-xml-name-validator@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
-  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+xml-name-validator@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
+  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
 xmlchars@^2.2.0:
   version "2.2.0"
@@ -7597,7 +11205,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2:
+yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
@@ -7625,10 +11233,10 @@ yeast@0.1.2:
   resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
   integrity sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg==
 
-yocto-queue@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251"
-  integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
 zustand@^4.3.2:
   version "4.3.7"

From c1247742eaafd768a616dffc0f656ba56e301107 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 26 Jul 2023 23:28:11 +0200
Subject: [PATCH 247/252] fix: prevent binding focus NaN value (#6803)

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
---
 src/data/restore.ts        | 12 +++++++--
 src/element/collision.ts   | 11 +++++---
 src/global.d.ts            |  6 +++++
 src/tests/binding.test.tsx | 55 ++++++++++++++++++++++++++++++++++++++
 src/tests/test-utils.ts    | 16 +++++++++++
 5 files changed, 95 insertions(+), 5 deletions(-)

diff --git a/src/data/restore.ts b/src/data/restore.ts
index 49b146b52..08fbe0930 100644
--- a/src/data/restore.ts
+++ b/src/data/restore.ts
@@ -3,6 +3,7 @@ import {
   ExcalidrawSelectionElement,
   ExcalidrawTextElement,
   FontFamilyValues,
+  PointBinding,
   StrokeRoundness,
 } from "../element/types";
 import {
@@ -83,6 +84,13 @@ const getFontFamilyByName = (fontFamilyName: string): FontFamilyValues => {
   return DEFAULT_FONT_FAMILY;
 };
 
+const repairBinding = (binding: PointBinding | null) => {
+  if (!binding) {
+    return null;
+  }
+  return { ...binding, focus: binding.focus || 0 };
+};
+
 const restoreElementWithProperties = <
   T extends Required<Omit<ExcalidrawElement, "customData">> & {
     customData?: ExcalidrawElement["customData"];
@@ -258,8 +266,8 @@ const restoreElement = (
           (element.type as ExcalidrawElement["type"] | "draw") === "draw"
             ? "line"
             : element.type,
-        startBinding: element.startBinding,
-        endBinding: element.endBinding,
+        startBinding: repairBinding(element.startBinding),
+        endBinding: repairBinding(element.endBinding),
         lastCommittedPoint: null,
         startArrowhead,
         endArrowhead,
diff --git a/src/element/collision.ts b/src/element/collision.ts
index c8164a709..1878b93bb 100644
--- a/src/element/collision.ts
+++ b/src/element/collision.ts
@@ -655,18 +655,23 @@ export const determineFocusDistance = (
   const c = line[1];
   const mabs = Math.abs(m);
   const nabs = Math.abs(n);
+  let ret;
   switch (element.type) {
     case "rectangle":
     case "image":
     case "text":
     case "embeddable":
     case "frame":
-      return c / (hwidth * (nabs + q * mabs));
+      ret = c / (hwidth * (nabs + q * mabs));
+      break;
     case "diamond":
-      return mabs < nabs ? c / (nabs * hwidth) : c / (mabs * hheight);
+      ret = mabs < nabs ? c / (nabs * hwidth) : c / (mabs * hheight);
+      break;
     case "ellipse":
-      return c / (hwidth * Math.sqrt(n ** 2 + q ** 2 * m ** 2));
+      ret = c / (hwidth * Math.sqrt(n ** 2 + q ** 2 * m ** 2));
+      break;
   }
+  return ret || 0;
 };
 
 export const determineFocusPoint = (
diff --git a/src/global.d.ts b/src/global.d.ts
index 3a666e11a..977e32dd5 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -120,3 +120,9 @@ declare module "image-blob-reduce" {
   const reduce: ImageBlobReduce.ImageBlobReduceStatic;
   export = reduce;
 }
+
+declare namespace jest {
+  interface Expect {
+    toBeNonNaNNumber(): void;
+  }
+}
diff --git a/src/tests/binding.test.tsx b/src/tests/binding.test.tsx
index 07af36569..5a5663286 100644
--- a/src/tests/binding.test.tsx
+++ b/src/tests/binding.test.tsx
@@ -15,6 +15,61 @@ describe("element binding", () => {
     await render(<ExcalidrawApp />);
   });
 
+  it("should create valid binding if duplicate start/end points", async () => {
+    const rect = API.createElement({
+      type: "rectangle",
+      x: 0,
+      width: 50,
+      height: 50,
+    });
+    const arrow = API.createElement({
+      type: "arrow",
+      x: 100,
+      y: 0,
+      width: 100,
+      height: 1,
+      points: [
+        [0, 0],
+        [0, 0],
+        [100, 0],
+        [100, 0],
+      ],
+    });
+    h.elements = [rect, arrow];
+    expect(arrow.startBinding).toBe(null);
+
+    API.setSelectedElements([arrow]);
+
+    expect(API.getSelectedElements()).toEqual([arrow]);
+    mouse.downAt(100, 0);
+    mouse.moveTo(55, 0);
+    mouse.up(0, 0);
+    expect(arrow.startBinding).toEqual({
+      elementId: rect.id,
+      focus: expect.toBeNonNaNNumber(),
+      gap: expect.toBeNonNaNNumber(),
+    });
+
+    mouse.downAt(100, 0);
+    mouse.move(-45, 0);
+    mouse.up();
+    expect(arrow.startBinding).toEqual({
+      elementId: rect.id,
+      focus: expect.toBeNonNaNNumber(),
+      gap: expect.toBeNonNaNNumber(),
+    });
+
+    mouse.down();
+    mouse.move(-50, 0);
+    mouse.up();
+    expect(arrow.startBinding).toBe(null);
+    expect(arrow.endBinding).toEqual({
+      elementId: rect.id,
+      focus: expect.toBeNonNaNNumber(),
+      gap: expect.toBeNonNaNNumber(),
+    });
+  });
+
   //@TODO fix the test with rotation
   it.skip("rotation of arrow should rebind both ends", () => {
     const rectLeft = UI.createElement("rectangle", {
diff --git a/src/tests/test-utils.ts b/src/tests/test-utils.ts
index bb771b196..1855a7fec 100644
--- a/src/tests/test-utils.ts
+++ b/src/tests/test-utils.ts
@@ -228,3 +228,19 @@ export const togglePopover = (label: string) => {
 
   UI.clickLabeledElement(label);
 };
+
+expect.extend({
+  toBeNonNaNNumber(received) {
+    const pass = typeof received === "number" && !isNaN(received);
+    if (pass) {
+      return {
+        message: () => `expected ${received} not to be a non-NaN number`,
+        pass: true,
+      };
+    }
+    return {
+      message: () => `expected ${received} to be a non-NaN number`,
+      pass: false,
+    };
+  },
+});

From cbd908097f79e5b1e6df47ed8b5ac0c783127f20 Mon Sep 17 00:00:00 2001
From: Max Kovalenko <mxsshere@gmail.com>
Date: Thu, 27 Jul 2023 01:30:25 +0400
Subject: [PATCH 248/252] chore: typo - Collab.ts (#6812)

---
 src/excalidraw-app/collab/Collab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index ec0c2a348..b7648b587 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -333,7 +333,7 @@ class Collab extends PureComponent<Props, CollabState> {
      * Indicates whether to fetch files that are errored or pending and older
      * than 10 seconds.
      *
-     * Use this as a machanism to fetch files which may be ok but for some
+     * Use this as a mechanism to fetch files which may be ok but for some
      * reason their status was not updated correctly.
      */
     forceFetchFiles?: boolean;

From 8af9ea3cf3a10d8053cbad232be0fdf9ad3f46c9 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Thu, 27 Jul 2023 12:50:08 +0200
Subject: [PATCH 249/252] fix: adding to selection via shift box-select (#6815)

---
 src/components/App.tsx       | 69 +++++++++++++++++++++---------------
 src/tests/selection.test.tsx | 68 +++++++++++++++++++++++++++++++++++
 2 files changed, 108 insertions(+), 29 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 33094a485..b3dd678be 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -6068,28 +6068,7 @@ class App extends React.Component<AppProps, AppState> {
         pointerDownState.boxSelection.hasOccurred = true;
 
         const elements = this.scene.getNonDeletedElements();
-        if (
-          !event.shiftKey &&
-          // allows for box-selecting points (without shift)
-          !this.state.editingLinearElement &&
-          isSomeElementSelected(elements, this.state)
-        ) {
-          if (pointerDownState.withCmdOrCtrl && pointerDownState.hit.element) {
-            this.setState((prevState) =>
-              selectGroupsForSelectedElements(
-                {
-                  ...prevState,
-                  selectedElementIds: {
-                    [pointerDownState.hit.element!.id]: true,
-                  },
-                },
-                this.scene.getNonDeletedElements(),
-                prevState,
-                this,
-              ),
-            );
-          }
-        }
+
         // box-select line editor points
         if (this.state.editingLinearElement) {
           LinearElementEditor.handleBoxSelection(
@@ -6099,18 +6078,46 @@ class App extends React.Component<AppProps, AppState> {
           );
           // regular box-select
         } else {
+          let shouldReuseSelection = true;
+
+          if (!event.shiftKey && isSomeElementSelected(elements, this.state)) {
+            if (
+              pointerDownState.withCmdOrCtrl &&
+              pointerDownState.hit.element
+            ) {
+              this.setState((prevState) =>
+                selectGroupsForSelectedElements(
+                  {
+                    ...prevState,
+                    selectedElementIds: {
+                      [pointerDownState.hit.element!.id]: true,
+                    },
+                  },
+                  this.scene.getNonDeletedElements(),
+                  prevState,
+                  this,
+                ),
+              );
+            } else {
+              shouldReuseSelection = false;
+            }
+          }
           const elementsWithinSelection = getElementsWithinSelection(
             elements,
             draggingElement,
           );
+
           this.setState((prevState) => {
-            const nextSelectedElementIds = elementsWithinSelection.reduce(
-              (acc: Record<ExcalidrawElement["id"], true>, element) => {
-                acc[element.id] = true;
-                return acc;
-              },
-              {},
-            );
+            const nextSelectedElementIds = {
+              ...(shouldReuseSelection && prevState.selectedElementIds),
+              ...elementsWithinSelection.reduce(
+                (acc: Record<ExcalidrawElement["id"], true>, element) => {
+                  acc[element.id] = true;
+                  return acc;
+                },
+                {},
+              ),
+            };
 
             if (pointerDownState.hit.element) {
               // if using ctrl/cmd, select the hitElement only if we
@@ -6125,6 +6132,10 @@ class App extends React.Component<AppProps, AppState> {
             return selectGroupsForSelectedElements(
               {
                 ...prevState,
+                ...(!shouldReuseSelection && {
+                  selectedGroupIds: {},
+                  editingGroupId: null,
+                }),
                 selectedElementIds: nextSelectedElementIds,
                 showHyperlinkPopup:
                   elementsWithinSelection.length === 1 &&
diff --git a/src/tests/selection.test.tsx b/src/tests/selection.test.tsx
index 7bfd6e9b3..af5505f33 100644
--- a/src/tests/selection.test.tsx
+++ b/src/tests/selection.test.tsx
@@ -28,6 +28,74 @@ const { h } = window;
 
 const mouse = new Pointer("mouse");
 
+describe("box-selection", () => {
+  beforeEach(async () => {
+    await render(<ExcalidrawApp />);
+  });
+
+  it("should allow adding to selection via box-select when holding shift", async () => {
+    const rect1 = API.createElement({
+      type: "rectangle",
+      x: 0,
+      y: 0,
+      width: 50,
+      height: 50,
+      backgroundColor: "red",
+      fillStyle: "solid",
+    });
+    const rect2 = API.createElement({
+      type: "rectangle",
+      x: 100,
+      y: 0,
+      width: 50,
+      height: 50,
+    });
+
+    h.elements = [rect1, rect2];
+
+    mouse.downAt(175, -20);
+    mouse.moveTo(85, 70);
+    mouse.up();
+
+    assertSelectedElements([rect2.id]);
+
+    Keyboard.withModifierKeys({ shift: true }, () => {
+      mouse.downAt(75, -20);
+      mouse.moveTo(-15, 70);
+      mouse.up();
+    });
+
+    assertSelectedElements([rect2.id, rect1.id]);
+  });
+
+  it("should (de)select element when box-selecting over and out while not holding shift", async () => {
+    const rect1 = API.createElement({
+      type: "rectangle",
+      x: 0,
+      y: 0,
+      width: 50,
+      height: 50,
+      backgroundColor: "red",
+      fillStyle: "solid",
+    });
+
+    h.elements = [rect1];
+
+    mouse.downAt(75, -20);
+    mouse.moveTo(-15, 70);
+
+    assertSelectedElements([rect1.id]);
+
+    mouse.moveTo(100, -100);
+
+    assertSelectedElements([]);
+
+    mouse.up();
+
+    assertSelectedElements([]);
+  });
+});
+
 describe("inner box-selection", () => {
   beforeEach(async () => {
     await render(<ExcalidrawApp />);

From 48924688c75aada554674b5a2bc3c752d33d3444 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 27 Jul 2023 23:50:11 +0530
Subject: [PATCH 250/252] =?UTF-8?q?build:=20migrate=20to=20Vite=20?=
 =?UTF-8?q?=F0=9F=9A=80=20(#6818)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* init

* add: vite dev build working

* fix: href serving from public

* feat: add ejs plugin

* feat: migrated env files and ejs templating

* chore: add types related to envs

* chore: add vite-env types

* feat: support vite pwa

* chore: upgrade vite pwa

* chore: pin node version to 16.18.1

* chore: preserve use of nodejs 14

* refactor: preserve REACT_APP as env prefix

* chore: support esm environment variables

* fix ts config

* use VITE prefix and remove vite-plugin-env-compatible

* introduce import-meta-loader for building pacakge as webpack isn't compatible with import.meta syntax

* lint

* remove import.meta.env in main.js

* set debug flag to false

* migrate to vitest and use jest-canvas-mock 2.4.0 so its comp
atible with vite

* integrate vitest-ui

* fix most of teh test

* snaps

* Add script for testing with vite ui

* fix all tests related to mocking

* fix more test

* fix more

* fix flip.test.tsx

* fix contentxmenu snaps

* fix regression snaps

* fix excalidraw.test.tsx and this makes all tests finally pass :)

* use node 16

* specify node version

* use node 16 in lint as well

* fix mobile.test.tsx

* use node 16

* add style-loader

* upgrade to node 18

* fix lint package.json

* support eslint with vite

* fix lint

* fix lint

* fix ts

* remove pwa/sw stuff

* use env vars in EJS the vite way

* fix lint

* move remainig jest mock/spy to vite

* don't cache locales

* fix regex

* add fonts cache

* tweak

* add custom service worker

* upgrade vite and create font cache again

* cache fonts.css and locales

* tweak

* use manifestTransforms for filtering locales

* use assets js pattern for locales

* add font.css to globIgnore so its pushed to fonts cache

* create a separate chunk for locales with rollup

* remove manifestTransforms and fix glob pattern for locales to filter from workbox pre-cache

* push sourcemaps in production

* add comments in config

* lint

* use node 18

* disable pwa in dev

* fix

* fix

* increase limit of bundle

* upgrade vite-pwa to latest

* remove public/workbox so workbox assets are not precached

* fon't club en.json and percentages.json with manual locales chunk to fix first load+offline mode

* tweak regex

* remove happy-dom as its not used

* add comment

* use any instead of ts-ignore

* cleanup

* remove jest-canvas-mock resolution as vite-canvas-mock was patched locking deps at 2.4.0

* use same theme color present in entry point

* remove vite-plugin-eslint as it improves DX significantly

* integrate vite-plugin-checker for ts errors

* add nabla/vite-plugin-eslint

* use eslint from checker only

* add env variable VITE_APP_COLLAPSE_OVERLAY for collapsing the checker overlay

* tweak vite checker overlay badge position

* Enable eslint behind flag as its not working well with windows with non WSL

* make port configurable

* open the browser when server ready

* enable eslint by default

---------

Co-authored-by: Weslley Braga <weslley@bambee.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .env.development                              |   31 +-
 .env.production                               |   16 +-
 .github/workflows/autorelease-excalidraw.yml  |    4 +-
 .github/workflows/autorelease-preview.yml     |    4 +-
 .github/workflows/lint.yml                    |    4 +-
 .github/workflows/locales-coverage.yml        |    4 +-
 .github/workflows/sentry-production.yml       |    4 +-
 .github/workflows/test.yml                    |    4 +-
 .gitignore                                    |    2 +
 public/index.html => index.html               |   24 +-
 package.json                                  |   65 +-
 .../workbox/workbox-background-sync.prod.js   |    2 -
 .../workbox/workbox-broadcast-update.prod.js  |    2 -
 .../workbox-cacheable-response.prod.js        |    2 -
 public/workbox/workbox-core.prod.js           |    2 -
 public/workbox/workbox-expiration.prod.js     |    2 -
 .../workbox-navigation-preload.prod.js        |    2 -
 public/workbox/workbox-offline-ga.prod.js     |    2 -
 public/workbox/workbox-precaching.prod.js     |    2 -
 public/workbox/workbox-range-requests.prod.js |    2 -
 public/workbox/workbox-routing.prod.js        |    2 -
 public/workbox/workbox-strategies.prod.js     |    2 -
 public/workbox/workbox-streams.prod.js        |    2 -
 public/workbox/workbox-sw.js                  |    2 -
 public/workbox/workbox-window.prod.es5.mjs    |    2 -
 public/workbox/workbox-window.prod.mjs        |    2 -
 public/workbox/workbox-window.prod.umd.js     |    2 -
 src/analytics.ts                              |    2 +-
 src/charts.ts                                 |    5 +-
 src/components/App.test.tsx                   |    3 +-
 src/components/App.tsx                        |   13 +-
 src/components/LibraryMenuBrowseButton.tsx    |    2 +-
 src/components/PublishLibrary.tsx             |    2 +-
 src/components/Sidebar/Sidebar.test.tsx       |    3 +-
 src/components/Sidebar/Sidebar.tsx            |    2 +-
 .../__snapshots__/App.test.tsx.snap           |    4 +-
 src/element/newElement.ts                     |    2 +-
 src/element/sizeHelpers.test.ts               |   18 +-
 src/element/textWysiwyg.test.tsx              |   24 +-
 src/excalidraw-app/collab/Collab.tsx          |   10 +-
 .../components/AppWelcomeScreen.tsx           |    4 +-
 .../components/ExcalidrawPlusAppLink.tsx      |    4 +-
 src/excalidraw-app/data/firebase.ts           |    6 +-
 src/excalidraw-app/data/index.ts              |   10 +-
 src/excalidraw-app/pwa.ts                     |   31 -
 src/excalidraw-app/sentry.ts                  |    4 +-
 src/global.d.ts                               |   10 -
 src/i18n.ts                                   |    5 +-
 src/index.tsx                                 |    3 +-
 src/packages/excalidraw/env.js                |    6 +-
 src/packages/excalidraw/package.json          |    1 +
 src/packages/excalidraw/publicPath.js         |    2 +-
 src/packages/excalidraw/webpack.dev.config.js |    3 +
 .../excalidraw/webpack.prod.config.js         |    3 +
 src/packages/excalidraw/yarn.lock             |    5 +
 src/renderer/renderElement.ts                 |    2 +-
 src/scene/export.ts                           |    7 +-
 src/service-worker.ts                         |  147 -
 src/serviceWorkerRegistration.ts              |  162 -
 src/setupTests.ts                             |   13 +-
 src/tests/MobileMenu.test.tsx                 |   11 +-
 .../__snapshots__/MobileMenu.test.tsx.snap    |    4 +-
 src/tests/__snapshots__/charts.test.tsx.snap  |   12 +-
 .../__snapshots__/contextmenu.test.tsx.snap   | 2362 +++----
 .../__snapshots__/dragCreate.test.tsx.snap    |   62 +-
 src/tests/__snapshots__/export.test.tsx.snap  |    4 +-
 .../linearElementEditor.test.tsx.snap         |    6 +-
 src/tests/__snapshots__/move.test.tsx.snap    |   68 +-
 .../multiPointCreate.test.tsx.snap            |   38 +-
 .../regressionTests.test.tsx.snap             | 5436 +++++++-------
 .../__snapshots__/selection.test.tsx.snap     |   54 +-
 src/tests/appState.test.tsx                   |    1 +
 src/tests/clipboard.test.tsx                  |    9 +-
 src/tests/collab.test.tsx                     |   40 +-
 src/tests/contextmenu.test.tsx                |    3 +-
 .../data/__snapshots__/restore.test.ts.snap   |  114 +-
 src/tests/data/restore.test.ts                |   11 +-
 src/tests/dragCreate.test.tsx                 |    3 +-
 src/tests/fitToContent.test.tsx               |    5 +-
 src/tests/flip.test.tsx                       |   25 +-
 src/tests/library.test.tsx                    |   15 +-
 src/tests/linearElementEditor.test.tsx        |  301 +-
 src/tests/move.test.tsx                       |    3 +-
 src/tests/multiPointCreate.test.tsx           |    3 +-
 .../__snapshots__/excalidraw.test.tsx.snap    |    6 +-
 .../packages/__snapshots__/utils.test.ts.snap |   22 +-
 src/tests/packages/excalidraw.test.tsx        |   10 +-
 src/tests/packages/utils.test.ts              |   30 +-
 src/tests/regressionTests.test.tsx            |    4 +-
 src/tests/resize.test.tsx                     |    3 +-
 .../scene/__snapshots__/export.test.ts.snap   |   10 +-
 src/tests/scene/export.test.ts                |    2 +-
 src/tests/selection.test.tsx                  |    3 +-
 src/utils.ts                                  |    4 +-
 src/vite-env.d.ts                             |   59 +
 tsconfig-types.json                           |    3 +-
 tsconfig.json                                 |    6 +-
 vite.config.ts                                |  181 +
 vitest.config.ts                              |    9 +
 yarn.lock                                     | 6230 ++++-------------
 100 files changed, 6123 insertions(+), 9761 deletions(-)
 rename public/index.html => index.html (91%)
 delete mode 100644 public/workbox/workbox-background-sync.prod.js
 delete mode 100644 public/workbox/workbox-broadcast-update.prod.js
 delete mode 100644 public/workbox/workbox-cacheable-response.prod.js
 delete mode 100644 public/workbox/workbox-core.prod.js
 delete mode 100644 public/workbox/workbox-expiration.prod.js
 delete mode 100644 public/workbox/workbox-navigation-preload.prod.js
 delete mode 100644 public/workbox/workbox-offline-ga.prod.js
 delete mode 100644 public/workbox/workbox-precaching.prod.js
 delete mode 100644 public/workbox/workbox-range-requests.prod.js
 delete mode 100644 public/workbox/workbox-routing.prod.js
 delete mode 100644 public/workbox/workbox-strategies.prod.js
 delete mode 100644 public/workbox/workbox-streams.prod.js
 delete mode 100644 public/workbox/workbox-sw.js
 delete mode 100644 public/workbox/workbox-window.prod.es5.mjs
 delete mode 100644 public/workbox/workbox-window.prod.mjs
 delete mode 100644 public/workbox/workbox-window.prod.umd.js
 delete mode 100644 src/excalidraw-app/pwa.ts
 delete mode 100644 src/service-worker.ts
 delete mode 100644 src/serviceWorkerRegistration.ts
 create mode 100644 src/vite-env.d.ts
 create mode 100644 vite.config.ts
 create mode 100644 vitest.config.ts

diff --git a/.env.development b/.env.development
index c56b62b36..d67b137d1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,30 +1,39 @@
-REACT_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/
-REACT_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/
+VITE_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/
+VITE_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/
 
-REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com
-REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
+VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
+VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
 
 # collaboration WebSocket server (https://github.com/excalidraw/excalidraw-room)
-REACT_APP_WS_SERVER_URL=http://localhost:3002
+VITE_APP_WS_SERVER_URL=http://localhost:3002
 
 # set this only if using the collaboration workflow we use on excalidraw.com
-REACT_APP_PORTAL_URL=
+VITE_APP_PORTAL_URL=
 
-REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}'
+VITE_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}'
 
 # put these in your .env.local, or make sure you don't commit!
 # must be lowercase `true` when turned on
 #
 # whether to enable Service Workers in development
-REACT_APP_DEV_ENABLE_SW=
+VITE_APP_DEV_ENABLE_SW=
 # whether to disable live reload / HMR. Usuaully what you want to do when
 # debugging Service Workers.
-REACT_APP_DEV_DISABLE_LIVE_RELOAD=
-REACT_APP_DISABLE_TRACKING=true
+VITE_APP_DEV_DISABLE_LIVE_RELOAD=
+VITE_APP_DISABLE_TRACKING=true
 
 FAST_REFRESH=false
 
+# The port the run the dev server
+VITE_APP_PORT=3000
+
 #Debug flags
 
 # To enable bounding box for text containers
-REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
+VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX=
+
+# Set this flag to false if you want to open the overlay by default
+VITE_APP_COLLAPSE_OVERLAY=true
+
+# Set this flag to false to disable eslint
+VITE_APP_ENABLE_ESLINT=true
diff --git a/.env.production b/.env.production
index b86aa4bcc..e3ece6df3 100644
--- a/.env.production
+++ b/.env.production
@@ -1,15 +1,15 @@
 REACT_APP_BACKEND_V2_GET_URL=https://json.excalidraw.com/api/v2/
 REACT_APP_BACKEND_V2_POST_URL=https://json.excalidraw.com/api/v2/post/
 
-REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com
-REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
+VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
+VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
 
-REACT_APP_PORTAL_URL=https://portal.excalidraw.com
+VITE_APP_PORTAL_URL=https://portal.excalidraw.com
 # Fill to set socket server URL used for collaboration.
-# Meant for forks only: excalidraw.com uses custom REACT_APP_PORTAL_URL flow
-REACT_APP_WS_SERVER_URL=
+# Meant for forks only: excalidraw.com uses custom VITE_APP_PORTAL_URL flow
+VITE_APP_WS_SERVER_URL=
 
-REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
+VITE_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}'
 
-REACT_APP_PLUS_APP=https://app.excalidraw.com
-REACT_APP_DISABLE_TRACKING=
+VITE_APP_PLUS_APP=https://app.excalidraw.com
+VITE_APP_DISABLE_TRACKING=
diff --git a/.github/workflows/autorelease-excalidraw.yml b/.github/workflows/autorelease-excalidraw.yml
index ad0a0a7e9..4eaeb11f1 100644
--- a/.github/workflows/autorelease-excalidraw.yml
+++ b/.github/workflows/autorelease-excalidraw.yml
@@ -12,10 +12,10 @@ jobs:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Set up publish access
         run: |
           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
diff --git a/.github/workflows/autorelease-preview.yml b/.github/workflows/autorelease-preview.yml
index 8fe7f40b5..bcd501880 100644
--- a/.github/workflows/autorelease-preview.yml
+++ b/.github/workflows/autorelease-preview.yml
@@ -32,10 +32,10 @@ jobs:
         with:
           ref: ${{ steps.sha.outputs.result }}
           fetch-depth: 2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Set up publish access
         run: |
           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 77d2ef4d2..d42f8f632 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -9,10 +9,10 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
 
       - name: Install and lint
         run: |
diff --git a/.github/workflows/locales-coverage.yml b/.github/workflows/locales-coverage.yml
index 924dc9e97..822af06e1 100644
--- a/.github/workflows/locales-coverage.yml
+++ b/.github/workflows/locales-coverage.yml
@@ -14,10 +14,10 @@ jobs:
         with:
           token: ${{ secrets.PUSH_TRANSLATIONS_COVERAGE_PAT }}
 
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
 
       - name: Create report file
         run: |
diff --git a/.github/workflows/sentry-production.yml b/.github/workflows/sentry-production.yml
index 6f53f91eb..cea4cf63d 100644
--- a/.github/workflows/sentry-production.yml
+++ b/.github/workflows/sentry-production.yml
@@ -10,10 +10,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Install and build
         run: |
           yarn --frozen-lockfile
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index b64ea4735..5c4584e82 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -7,10 +7,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Setup Node.js 14.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 18.x
       - name: Install and test
         run: |
           yarn --frozen-lockfile
diff --git a/.gitignore b/.gitignore
index e637a8c0f..6e430f4ed 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,5 @@ src/packages/excalidraw/example/public/bundle.js
 src/packages/excalidraw/example/public/excalidraw-assets-dev
 src/packages/excalidraw/example/public/excalidraw.development.js
 coverage
+dev-dist
+html
diff --git a/public/index.html b/index.html
similarity index 91%
rename from public/index.html
rename to index.html
index 5509ded86..cbdc7706c 100644
--- a/public/index.html
+++ b/index.html
@@ -78,8 +78,7 @@
       }
     </style>
     <!------------------------------------------------------------------------->
-
-    <% if (process.env.NODE_ENV === "production") { %>
+    <% if ("%PROD%" === "true") { %>
     <script>
       // Redirect Excalidraw+ users which have auto-redirect enabled.
       //
@@ -100,41 +99,35 @@
     </script>
     <% } %>
 
-    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 
     <!-- Excalidraw version -->
     <meta name="version" content="{version}" />
 
     <link
       rel="preload"
-      href="Virgil.woff2"
+      href="/Virgil.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="Cascadia.woff2"
+      href="/Cascadia.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"
     />
 
-    <link
-      rel="manifest"
-      href="manifest.json"
-      style="--pwacompat-splash-font: 24px Virgil"
-    />
-
-    <link rel="stylesheet" href="fonts.css" type="text/css" />
-    <% if (process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD==="true" ) { %>
+    <link rel="stylesheet" href="/fonts.css" type="text/css" />
+    <% if ("%VITE_APP_DEV_DISABLE_LIVE_RELOAD%"==="true" ) { %>
     <script>
       {
         const _WebSocket = window.WebSocket;
         window.WebSocket = function (url) {
           if (/ws:\/\/localhost:.+?\/sockjs-node/.test(url)) {
             console.info(
-              "[!!!] Live reload is disabled via process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD [!!!]",
+              "[!!!] Live reload is disabled via VITE_APP_DEV_DISABLE_LIVE_RELOAD [!!!]",
             );
           } else {
             return new _WebSocket(url);
@@ -200,7 +193,8 @@
       <h1 class="visually-hidden">Excalidraw</h1>
     </header>
     <div id="root"></div>
-    <% if (process.env.REACT_APP_DISABLE_TRACKING !== 'true') { %>
+    <script type="module" src="/src/index.tsx"></script>
+    <% if ("%VITE_APP_DEV_DISABLE_LIVE_RELOAD%" !== 'true') { %>
     <!-- 100% privacy friendly analytics -->
     <script>
       // need to load this script dynamically bcs. of iframe embed tracking
diff --git a/package.json b/package.json
index d1198fa23..3880ffce5 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "canvas-roundrect-polyfill": "0.0.1",
     "clsx": "1.1.1",
     "cross-env": "7.0.3",
+    "eslint-plugin-react": "7.32.2",
     "fake-indexeddb": "3.1.7",
     "firebase": "8.3.3",
     "i18next-browser-languagedetector": "6.1.4",
@@ -51,26 +52,13 @@
     "pwacompat": "2.0.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-scripts": "5.0.1",
     "roughjs": "4.5.2",
     "sass": "1.51.0",
     "socket.io-client": "2.3.1",
-    "tunnel-rat": "0.1.2",
-    "workbox-background-sync": "^6.5.4",
-    "workbox-broadcast-update": "^6.5.4",
-    "workbox-cacheable-response": "^6.5.4",
-    "workbox-core": "^6.5.4",
-    "workbox-expiration": "^6.5.4",
-    "workbox-google-analytics": "^6.5.4",
-    "workbox-navigation-preload": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-range-requests": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-strategies": "^6.5.4",
-    "workbox-streams": "^6.5.4"
+    "tunnel-rat": "0.1.2"
   },
   "devDependencies": {
-    "@excalidraw/eslint-config": "1.0.0",
+    "@excalidraw/eslint-config": "1.0.3",
     "@excalidraw/prettier-config": "1.0.2",
     "@types/chai": "4.3.0",
     "@types/jest": "27.4.0",
@@ -81,48 +69,42 @@
     "@types/react-dom": "18.0.6",
     "@types/resize-observer-browser": "0.1.7",
     "@types/socket.io-client": "1.4.36",
+    "@vitejs/plugin-react": "3.1.0",
+    "@vitest/ui": "0.32.2",
     "chai": "4.3.6",
     "dotenv": "16.0.1",
     "eslint-config-prettier": "8.5.0",
+    "eslint-config-react-app": "7.0.1",
     "eslint-plugin-prettier": "3.3.1",
     "http-server": "14.1.1",
     "husky": "7.0.4",
-    "jest-canvas-mock": "2.4.0",
+    "jsdom": "22.1.0",
     "lint-staged": "12.3.7",
     "pepjs": "0.5.3",
     "prettier": "2.6.2",
     "rewire": "6.0.0",
-    "typescript": "4.9.4"
+    "typescript": "4.9.4",
+    "vite": "4.4.2",
+    "vite-plugin-checker": "0.6.1",
+    "vite-plugin-ejs": "1.6.4",
+    "vite-plugin-pwa": "0.16.4",
+    "vite-plugin-svgr": "2.4.0",
+    "vitest": "0.32.2",
+    "vitest-canvas-mock": "0.3.2"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=18.0.0"
   },
   "homepage": ".",
-  "jest": {
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}"
-    ],
-    "coveragePathIgnorePatterns": [
-      "<rootDir>/locales",
-      "<rootDir>/src/packages/excalidraw/dist/",
-      "<rootDir>/src/packages/excalidraw/types",
-      "<rootDir>/src/packages/excalidraw/example"
-    ],
-    "transformIgnorePatterns": [
-      "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access|canvas-roundrect-polyfill)/)"
-    ],
-    "resetMocks": false
-  },
   "name": "excalidraw",
   "prettier": "@excalidraw/prettier-config",
   "private": true,
   "scripts": {
     "build-node": "node ./scripts/build-node.js",
-    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true react-scripts build",
-    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build",
+    "build:app:docker": "cross-env REACT_APP_DISABLE_SENTRY=true REACT_APP_DISABLE_TRACKING=true vite build",
+    "build:app": "cross-env REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA vite build",
     "build:version": "node ./scripts/build-version.js",
     "build": "yarn build:app && yarn build:version",
-    "eject": "react-scripts eject",
     "fix:code": "yarn test:code --fix",
     "fix:other": "yarn prettier --write",
     "fix": "yarn fix:other && yarn fix:code",
@@ -130,19 +112,20 @@
     "locales-coverage:description": "node scripts/locales-coverage-description.js",
     "prepare": "husky install",
     "prettier": "prettier \"**/*.{css,scss,json,md,html,yml}\" --ignore-path=.eslintignore",
-    "start": "react-scripts start",
+    "start": "vite",
     "start:production": "npm run build && npx http-server build -a localhost -p 5001 -o",
     "test:all": "yarn test:typecheck && yarn test:code && yarn test:other && yarn test:app --watchAll=false",
-    "test:app": "react-scripts test --passWithNoTests",
+    "test:app": "vitest --config vitest.config.ts",
     "test:code": "eslint --max-warnings=0 --ext .js,.ts,.tsx .",
-    "test:debug": "react-scripts --inspect-brk test --runInBand --no-cache",
     "test:other": "yarn prettier --list-different",
     "test:typecheck": "tsc",
-    "test:update": "yarn test:app --updateSnapshot --watchAll=false",
+    "test:update": "yarn test:app --update --watch=false",
     "test": "yarn test:app",
-    "test:coverage": "react-scripts test --passWithNoTests --coverage --watchAll",
+    "test:coverage": "vitest --coverage --watchAll",
+    "test:ui": "yarn test --ui",
     "autorelease": "node scripts/autorelease.js",
     "prerelease": "node scripts/prerelease.js",
+    "build:preview": "yarn build && vite preview --port 5000",
     "release": "node scripts/release.js"
   }
 }
diff --git a/public/workbox/workbox-background-sync.prod.js b/public/workbox/workbox-background-sync.prod.js
deleted file mode 100644
index 9c9051ade..000000000
--- a/public/workbox/workbox-background-sync.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.backgroundSync=function(t,e,s){"use strict";try{self["workbox:background-sync:4.3.1"]&&_()}catch(t){}const i=3,n="workbox-background-sync",a="requests",r="queueName";class c{constructor(t){this.t=t,this.s=new s.DBWrapper(n,i,{onupgradeneeded:this.i})}async pushEntry(t){delete t.id,t.queueName=this.t,await this.s.add(a,t)}async unshiftEntry(t){const[e]=await this.s.getAllMatching(a,{count:1});e?t.id=e.id-1:delete t.id,t.queueName=this.t,await this.s.add(a,t)}async popEntry(){return this.h({direction:"prev"})}async shiftEntry(){return this.h({direction:"next"})}async getAll(){return await this.s.getAllMatching(a,{index:r,query:IDBKeyRange.only(this.t)})}async deleteEntry(t){await this.s.delete(a,t)}async h({direction:t}){const[e]=await this.s.getAllMatching(a,{direction:t,index:r,query:IDBKeyRange.only(this.t),count:1});if(e)return await this.deleteEntry(e.id),e}i(t){const e=t.target.result;t.oldVersion>0&&t.oldVersion<i&&e.objectStoreNames.contains(a)&&e.deleteObjectStore(a),e.createObjectStore(a,{autoIncrement:!0,keyPath:"id"}).createIndex(r,r,{unique:!1})}}const h=["method","referrer","referrerPolicy","mode","credentials","cache","redirect","integrity","keepalive"];class o{static async fromRequest(t){const e={url:t.url,headers:{}};"GET"!==t.method&&(e.body=await t.clone().arrayBuffer());for(const[s,i]of t.headers.entries())e.headers[s]=i;for(const s of h)void 0!==t[s]&&(e[s]=t[s]);return new o(e)}constructor(t){"navigate"===t.mode&&(t.mode="same-origin"),this.o=t}toObject(){const t=Object.assign({},this.o);return t.headers=Object.assign({},this.o.headers),t.body&&(t.body=t.body.slice(0)),t}toRequest(){return new Request(this.o.url,this.o)}clone(){return new o(this.toObject())}}const u="workbox-background-sync",y=10080,w=new Set;class d{constructor(t,{onSync:s,maxRetentionTime:i}={}){if(w.has(t))throw new e.WorkboxError("duplicate-queue-name",{name:t});w.add(t),this.u=t,this.l=s||this.replayRequests,this.q=i||y,this.m=new c(this.u),this.p()}get name(){return this.u}async pushRequest(t){await this.g(t,"push")}async unshiftRequest(t){await this.g(t,"unshift")}async popRequest(){return this.R("pop")}async shiftRequest(){return this.R("shift")}async getAll(){const t=await this.m.getAll(),e=Date.now(),s=[];for(const i of t){const t=60*this.q*1e3;e-i.timestamp>t?await this.m.deleteEntry(i.id):s.push(f(i))}return s}async g({request:t,metadata:e,timestamp:s=Date.now()},i){const n={requestData:(await o.fromRequest(t.clone())).toObject(),timestamp:s};e&&(n.metadata=e),await this.m[`${i}Entry`](n),this.k?this.D=!0:await this.registerSync()}async R(t){const e=Date.now(),s=await this.m[`${t}Entry`]();if(s){const i=60*this.q*1e3;return e-s.timestamp>i?this.R(t):f(s)}}async replayRequests(){let t;for(;t=await this.shiftRequest();)try{await fetch(t.request.clone())}catch(s){throw await this.unshiftRequest(t),new e.WorkboxError("queue-replay-failed",{name:this.u})}}async registerSync(){if("sync"in registration)try{await registration.sync.register(`${u}:${this.u}`)}catch(t){}}p(){"sync"in registration?self.addEventListener("sync",t=>{if(t.tag===`${u}:${this.u}`){const e=async()=>{let e;this.k=!0;try{await this.l({queue:this})}catch(t){throw e=t}finally{!this.D||e&&!t.lastChance||await this.registerSync(),this.k=!1,this.D=!1}};t.waitUntil(e())}}):this.l({queue:this})}static get _(){return w}}const f=t=>{const e={request:new o(t.requestData).toRequest(),timestamp:t.timestamp};return t.metadata&&(e.metadata=t.metadata),e};return t.Queue=d,t.Plugin=class{constructor(...t){this.v=new d(...t),this.fetchDidFail=this.fetchDidFail.bind(this)}async fetchDidFail({request:t}){await this.v.pushRequest({request:t})}},t}({},workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-background-sync.prod.js.map
diff --git a/public/workbox/workbox-broadcast-update.prod.js b/public/workbox/workbox-broadcast-update.prod.js
deleted file mode 100644
index b87c70f2a..000000000
--- a/public/workbox/workbox-broadcast-update.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.broadcastUpdate=function(e,t){"use strict";try{self["workbox:broadcast-update:4.3.1"]&&_()}catch(e){}const s=(e,t,s)=>{return!s.some(s=>e.headers.has(s)&&t.headers.has(s))||s.every(s=>{const n=e.headers.has(s)===t.headers.has(s),a=e.headers.get(s)===t.headers.get(s);return n&&a})},n="workbox",a=1e4,i=["content-length","etag","last-modified"],o=async({channel:e,cacheName:t,url:s})=>{const n={type:"CACHE_UPDATED",meta:"workbox-broadcast-update",payload:{cacheName:t,updatedURL:s}};if(e)e.postMessage(n);else{const e=await clients.matchAll({type:"window"});for(const t of e)t.postMessage(n)}};class c{constructor({headersToCheck:e,channelName:t,deferNoticationTimeout:s}={}){this.t=e||i,this.s=t||n,this.i=s||a,this.o()}notifyIfUpdated({oldResponse:e,newResponse:t,url:n,cacheName:a,event:i}){if(!s(e,t,this.t)){const e=(async()=>{i&&i.request&&"navigate"===i.request.mode&&await this.h(i),await this.l({channel:this.u(),cacheName:a,url:n})})();if(i)try{i.waitUntil(e)}catch(e){}return e}}async l(e){await o(e)}u(){return"BroadcastChannel"in self&&!this.p&&(this.p=new BroadcastChannel(this.s)),this.p}h(e){if(!this.m.has(e)){const s=new t.Deferred;this.m.set(e,s);const n=setTimeout(()=>{s.resolve()},this.i);s.promise.then(()=>clearTimeout(n))}return this.m.get(e).promise}o(){this.m=new Map,self.addEventListener("message",e=>{if("WINDOW_READY"===e.data.type&&"workbox-window"===e.data.meta&&this.m.size>0){for(const e of this.m.values())e.resolve();this.m.clear()}})}}return e.BroadcastCacheUpdate=c,e.Plugin=class{constructor(e){this.l=new c(e)}cacheDidUpdate({cacheName:e,oldResponse:t,newResponse:s,request:n,event:a}){t&&this.l.notifyIfUpdated({cacheName:e,oldResponse:t,newResponse:s,event:a,url:n.url})}},e.broadcastUpdate=o,e.responsesAreSame=s,e}({},workbox.core._private);
-//# sourceMappingURL=workbox-broadcast-update.prod.js.map
diff --git a/public/workbox/workbox-cacheable-response.prod.js b/public/workbox/workbox-cacheable-response.prod.js
deleted file mode 100644
index a7e42f263..000000000
--- a/public/workbox/workbox-cacheable-response.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.cacheableResponse=function(t){"use strict";try{self["workbox:cacheable-response:4.3.1"]&&_()}catch(t){}class s{constructor(t={}){this.t=t.statuses,this.s=t.headers}isResponseCacheable(t){let s=!0;return this.t&&(s=this.t.includes(t.status)),this.s&&s&&(s=Object.keys(this.s).some(s=>t.headers.get(s)===this.s[s])),s}}return t.CacheableResponse=s,t.Plugin=class{constructor(t){this.i=new s(t)}cacheWillUpdate({response:t}){return this.i.isResponseCacheable(t)?t:null}},t}({});
-//# sourceMappingURL=workbox-cacheable-response.prod.js.map
diff --git a/public/workbox/workbox-core.prod.js b/public/workbox/workbox-core.prod.js
deleted file mode 100644
index 526e32b1d..000000000
--- a/public/workbox/workbox-core.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.core=function(e){"use strict";try{self["workbox:core:4.3.1"]&&_()}catch(e){}const t=(e,...t)=>{let n=e;return t.length>0&&(n+=` :: ${JSON.stringify(t)}`),n};class n extends Error{constructor(e,n){super(t(e,n)),this.name=e,this.details=n}}const s=new Set;const r={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:self.registration.scope},a=e=>[r.prefix,e,r.suffix].filter(e=>e.length>0).join("-"),i={updateDetails:e=>{Object.keys(r).forEach(t=>{void 0!==e[t]&&(r[t]=e[t])})},getGoogleAnalyticsName:e=>e||a(r.googleAnalytics),getPrecacheName:e=>e||a(r.precache),getPrefix:()=>r.prefix,getRuntimeName:e=>e||a(r.runtime),getSuffix:()=>r.suffix},c=e=>{const t=new URL(e,location);return t.origin===location.origin?t.pathname:t.href};async function o(){for(const e of s)await e()}const l="cacheDidUpdate",u="cacheKeyWillBeUsed",h="cacheWillUpdate",f="cachedResponseWillBeUsed",w="fetchDidFail",g="fetchDidSucceed",d="requestWillFetch",p=(e,t)=>e.filter(e=>t in e),y=async({cacheName:e,request:t,event:n,matchOptions:s,plugins:r=[]})=>{const a=await caches.open(e),i=await q({plugins:r,request:t,mode:"read"});let c=await a.match(i,s);for(const t of r)f in t&&(c=await t[f].call(t,{cacheName:e,event:n,matchOptions:s,cachedResponse:c,request:i}));return c},m=async({request:e,response:t,event:n,plugins:s})=>{let r=t,a=!1;for(let t of s)if(h in t&&(a=!0,!(r=await t[h].call(t,{request:e,response:r,event:n}))))break;return a||(r=200===r.status?r:null),r||null},q=async({request:e,mode:t,plugins:n})=>{const s=p(n,u);let r=e;for(const e of s)"string"==typeof(r=await e[u].call(e,{mode:t,request:r}))&&(r=new Request(r));return r},v={put:async({cacheName:e,request:t,response:s,event:r,plugins:a=[],matchOptions:i}={})=>{const u=await q({plugins:a,request:t,mode:"write"});if(!s)throw new n("cache-put-with-no-response",{url:c(u.url)});let h=await m({event:r,plugins:a,response:s,request:u});if(!h)return;const f=await caches.open(e),w=p(a,l);let g=w.length>0?await y({cacheName:e,matchOptions:i,request:u}):null;try{await f.put(u,h)}catch(e){throw"QuotaExceededError"===e.name&&await o(),e}for(let t of w)await t[l].call(t,{cacheName:e,event:r,oldResponse:g,newResponse:h,request:u})},match:y};class x{constructor(e,t,{onupgradeneeded:n,onversionchange:s=this.t}={}){this.s=e,this.i=t,this.o=n,this.t=s,this.l=null}get db(){return this.l}async open(){if(!this.l)return this.l=await new Promise((e,t)=>{let n=!1;setTimeout(()=>{n=!0,t(new Error("The open request was blocked and timed out"))},this.OPEN_TIMEOUT);const s=indexedDB.open(this.s,this.i);s.onerror=(()=>t(s.error)),s.onupgradeneeded=(e=>{n?(s.transaction.abort(),e.target.result.close()):this.o&&this.o(e)}),s.onsuccess=(({target:t})=>{const s=t.result;n?s.close():(s.onversionchange=this.t.bind(this),e(s))})}),this}async getKey(e,t){return(await this.getAllKeys(e,t,1))[0]}async getAll(e,t,n){return await this.getAllMatching(e,{query:t,count:n})}async getAllKeys(e,t,n){return(await this.getAllMatching(e,{query:t,count:n,includeKeys:!0})).map(({key:e})=>e)}async getAllMatching(e,{index:t,query:n=null,direction:s="next",count:r,includeKeys:a}={}){return await this.transaction([e],"readonly",(i,c)=>{const o=i.objectStore(e),l=t?o.index(t):o,u=[];l.openCursor(n,s).onsuccess=(({target:e})=>{const t=e.result;if(t){const{primaryKey:e,key:n,value:s}=t;u.push(a?{primaryKey:e,key:n,value:s}:s),r&&u.length>=r?c(u):t.continue()}else c(u)})})}async transaction(e,t,n){return await this.open(),await new Promise((s,r)=>{const a=this.l.transaction(e,t);a.onabort=(({target:e})=>r(e.error)),a.oncomplete=(()=>s()),n(a,e=>s(e))})}async u(e,t,n,...s){return await this.transaction([t],n,(n,r)=>{n.objectStore(t)[e](...s).onsuccess=(({target:e})=>{r(e.result)})})}t(){this.close()}close(){this.l&&(this.l.close(),this.l=null)}}x.prototype.OPEN_TIMEOUT=2e3;const b={readonly:["get","count","getKey","getAll","getAllKeys"],readwrite:["add","put","clear","delete"]};for(const[e,t]of Object.entries(b))for(const n of t)n in IDBObjectStore.prototype&&(x.prototype[n]=async function(t,...s){return await this.u(n,t,e,...s)});const D={fetch:async({request:e,fetchOptions:t,event:s,plugins:r=[]})=>{if(s&&s.preloadResponse){const e=await s.preloadResponse;if(e)return e}"string"==typeof e&&(e=new Request(e));const a=p(r,w),i=a.length>0?e.clone():null;try{for(let t of r)d in t&&(e=await t[d].call(t,{request:e.clone(),event:s}))}catch(e){throw new n("plugin-error-request-will-fetch",{thrownError:e})}let c=e.clone();try{let n;n="navigate"===e.mode?await fetch(e):await fetch(e,t);for(const e of r)g in e&&(n=await e[g].call(e,{event:s,request:c,response:n}));return n}catch(e){for(const t of a)await t[w].call(t,{error:e,event:s,originalRequest:i.clone(),request:c.clone()});throw e}}};var E=Object.freeze({assert:null,cacheNames:i,cacheWrapper:v,DBWrapper:x,Deferred:class{constructor(){this.promise=new Promise((e,t)=>{this.resolve=e,this.reject=t})}},deleteDatabase:async e=>{await new Promise((t,n)=>{const s=indexedDB.deleteDatabase(e);s.onerror=(({target:e})=>{n(e.error)}),s.onblocked=(()=>{n(new Error("Delete blocked"))}),s.onsuccess=(()=>{t()})})},executeQuotaErrorCallbacks:o,fetchWrapper:D,getFriendlyURL:c,logger:null,WorkboxError:n});const N={get googleAnalytics(){return i.getGoogleAnalyticsName()},get precache(){return i.getPrecacheName()},get prefix(){return i.getPrefix()},get runtime(){return i.getRuntimeName()},get suffix(){return i.getSuffix()}};try{self.workbox.v=self.workbox.v||{}}catch(e){}return e._private=E,e.clientsClaim=(()=>{addEventListener("activate",()=>clients.claim())}),e.cacheNames=N,e.registerQuotaErrorCallback=function(e){s.add(e)},e.setCacheNameDetails=(e=>{i.updateDetails(e)}),e.skipWaiting=(()=>{addEventListener("install",()=>self.skipWaiting())}),e}({});
-//# sourceMappingURL=workbox-core.prod.js.map
diff --git a/public/workbox/workbox-expiration.prod.js b/public/workbox/workbox-expiration.prod.js
deleted file mode 100644
index 7c8f84040..000000000
--- a/public/workbox/workbox-expiration.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.expiration=function(t,e,s,i,a,n){"use strict";try{self["workbox:expiration:4.3.1"]&&_()}catch(t){}const h="workbox-expiration",c="cache-entries",r=t=>{const e=new URL(t,location);return e.hash="",e.href};class o{constructor(t){this.t=t,this.s=new e.DBWrapper(h,1,{onupgradeneeded:t=>this.i(t)})}i(t){const e=t.target.result.createObjectStore(c,{keyPath:"id"});e.createIndex("cacheName","cacheName",{unique:!1}),e.createIndex("timestamp","timestamp",{unique:!1}),s.deleteDatabase(this.t)}async setTimestamp(t,e){t=r(t),await this.s.put(c,{url:t,timestamp:e,cacheName:this.t,id:this.h(t)})}async getTimestamp(t){return(await this.s.get(c,this.h(t))).timestamp}async expireEntries(t,e){const s=await this.s.transaction(c,"readwrite",(s,i)=>{const a=s.objectStore(c),n=[];let h=0;a.index("timestamp").openCursor(null,"prev").onsuccess=(({target:s})=>{const a=s.result;if(a){const s=a.value;s.cacheName===this.t&&(t&&s.timestamp<t||e&&h>=e?n.push(a.value):h++),a.continue()}else i(n)})}),i=[];for(const t of s)await this.s.delete(c,t.id),i.push(t.url);return i}h(t){return this.t+"|"+r(t)}}class u{constructor(t,e={}){this.o=!1,this.u=!1,this.l=e.maxEntries,this.p=e.maxAgeSeconds,this.t=t,this.m=new o(t)}async expireEntries(){if(this.o)return void(this.u=!0);this.o=!0;const t=this.p?Date.now()-1e3*this.p:void 0,e=await this.m.expireEntries(t,this.l),s=await caches.open(this.t);for(const t of e)await s.delete(t);this.o=!1,this.u&&(this.u=!1,this.expireEntries())}async updateTimestamp(t){await this.m.setTimestamp(t,Date.now())}async isURLExpired(t){return await this.m.getTimestamp(t)<Date.now()-1e3*this.p}async delete(){this.u=!1,await this.m.expireEntries(1/0)}}return t.CacheExpiration=u,t.Plugin=class{constructor(t={}){this.D=t,this.p=t.maxAgeSeconds,this.g=new Map,t.purgeOnQuotaError&&n.registerQuotaErrorCallback(()=>this.deleteCacheAndMetadata())}k(t){if(t===a.cacheNames.getRuntimeName())throw new i.WorkboxError("expire-custom-caches-only");let e=this.g.get(t);return e||(e=new u(t,this.D),this.g.set(t,e)),e}cachedResponseWillBeUsed({event:t,request:e,cacheName:s,cachedResponse:i}){if(!i)return null;let a=this.N(i);const n=this.k(s);n.expireEntries();const h=n.updateTimestamp(e.url);if(t)try{t.waitUntil(h)}catch(t){}return a?i:null}N(t){if(!this.p)return!0;const e=this._(t);return null===e||e>=Date.now()-1e3*this.p}_(t){if(!t.headers.has("date"))return null;const e=t.headers.get("date"),s=new Date(e).getTime();return isNaN(s)?null:s}async cacheDidUpdate({cacheName:t,request:e}){const s=this.k(t);await s.updateTimestamp(e.url),await s.expireEntries()}async deleteCacheAndMetadata(){for(const[t,e]of this.g)await caches.delete(t),await e.delete();this.g=new Map}},t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private,workbox.core);
-//# sourceMappingURL=workbox-expiration.prod.js.map
diff --git a/public/workbox/workbox-navigation-preload.prod.js b/public/workbox/workbox-navigation-preload.prod.js
deleted file mode 100644
index f03d65728..000000000
--- a/public/workbox/workbox-navigation-preload.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.navigationPreload=function(t){"use strict";try{self["workbox:navigation-preload:4.3.1"]&&_()}catch(t){}function e(){return Boolean(self.registration&&self.registration.navigationPreload)}return t.disable=function(){e()&&self.addEventListener("activate",t=>{t.waitUntil(self.registration.navigationPreload.disable().then(()=>{}))})},t.enable=function(t){e()&&self.addEventListener("activate",e=>{e.waitUntil(self.registration.navigationPreload.enable().then(()=>{t&&self.registration.navigationPreload.setHeaderValue(t)}))})},t.isSupported=e,t}({});
-//# sourceMappingURL=workbox-navigation-preload.prod.js.map
diff --git a/public/workbox/workbox-offline-ga.prod.js b/public/workbox/workbox-offline-ga.prod.js
deleted file mode 100644
index ca29dc743..000000000
--- a/public/workbox/workbox-offline-ga.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.googleAnalytics=function(e,t,o,n,a,c,w){"use strict";try{self["workbox:google-analytics:4.3.1"]&&_()}catch(e){}const r=/^\/(\w+\/)?collect/,s=e=>async({queue:t})=>{let o;for(;o=await t.shiftRequest();){const{request:n,timestamp:a}=o,c=new URL(n.url);try{const w="POST"===n.method?new URLSearchParams(await n.clone().text()):c.searchParams,r=a-(Number(w.get("qt"))||0),s=Date.now()-r;if(w.set("qt",s),e.parameterOverrides)for(const t of Object.keys(e.parameterOverrides)){const o=e.parameterOverrides[t];w.set(t,o)}"function"==typeof e.hitFilter&&e.hitFilter.call(null,w),await fetch(new Request(c.origin+c.pathname,{body:w.toString(),method:"POST",mode:"cors",credentials:"omit",headers:{"Content-Type":"text/plain"}}))}catch(e){throw await t.unshiftRequest(o),e}}},i=e=>{const t=({url:e})=>"www.google-analytics.com"===e.hostname&&r.test(e.pathname),o=new w.NetworkOnly({plugins:[e]});return[new n.Route(t,o,"GET"),new n.Route(t,o,"POST")]},l=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.google-analytics.com"===e.hostname&&"/analytics.js"===e.pathname,t,"GET")},m=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtag/js"===e.pathname,t,"GET")},u=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtm.js"===e.pathname,t,"GET")};return e.initialize=((e={})=>{const n=o.cacheNames.getGoogleAnalyticsName(e.cacheName),c=new t.Plugin("workbox-google-analytics",{maxRetentionTime:2880,onSync:s(e)}),w=[u(n),l(n),m(n),...i(c)],r=new a.Router;for(const e of w)r.registerRoute(e);r.addFetchListener()}),e}({},workbox.backgroundSync,workbox.core._private,workbox.routing,workbox.routing,workbox.strategies,workbox.strategies);
-//# sourceMappingURL=workbox-offline-ga.prod.js.map
diff --git a/public/workbox/workbox-precaching.prod.js b/public/workbox/workbox-precaching.prod.js
deleted file mode 100644
index 6521788e3..000000000
--- a/public/workbox/workbox-precaching.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.precaching=function(t,e,n,s,c){"use strict";try{self["workbox:precaching:4.3.1"]&&_()}catch(t){}const o=[],i={get:()=>o,add(t){o.push(...t)}};const a="__WB_REVISION__";function r(t){if(!t)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location);return{cacheKey:t.href,url:t.href}}const s=new URL(n,location),o=new URL(n,location);return o.searchParams.set(a,e),{cacheKey:o.href,url:s.href}}class l{constructor(t){this.t=e.cacheNames.getPrecacheName(t),this.s=new Map}addToCacheList(t){for(const e of t){const{cacheKey:t,url:n}=r(e);if(this.s.has(n)&&this.s.get(n)!==t)throw new c.WorkboxError("add-to-cache-list-conflicting-entries",{firstEntry:this.s.get(n),secondEntry:t});this.s.set(n,t)}}async install({event:t,plugins:e}={}){const n=[],s=[],c=await caches.open(this.t),o=await c.keys(),i=new Set(o.map(t=>t.url));for(const t of this.s.values())i.has(t)?s.push(t):n.push(t);const a=n.map(n=>this.o({event:t,plugins:e,url:n}));return await Promise.all(a),{updatedURLs:n,notUpdatedURLs:s}}async activate(){const t=await caches.open(this.t),e=await t.keys(),n=new Set(this.s.values()),s=[];for(const c of e)n.has(c.url)||(await t.delete(c),s.push(c.url));return{deletedURLs:s}}async o({url:t,event:e,plugins:o}){const i=new Request(t,{credentials:"same-origin"});let a,r=await s.fetchWrapper.fetch({event:e,plugins:o,request:i});for(const t of o||[])"cacheWillUpdate"in t&&(a=t.cacheWillUpdate.bind(t));if(!(a?a({event:e,request:i,response:r}):r.status<400))throw new c.WorkboxError("bad-precaching-response",{url:t,status:r.status});r.redirected&&(r=await async function(t){const e=t.clone(),n="body"in e?Promise.resolve(e.body):e.blob(),s=await n;return new Response(s,{headers:e.headers,status:e.status,statusText:e.statusText})}(r)),await n.cacheWrapper.put({event:e,plugins:o,request:i,response:r,cacheName:this.t,matchOptions:{ignoreSearch:!0}})}getURLsToCacheKeys(){return this.s}getCachedURLs(){return[...this.s.keys()]}getCacheKeyForURL(t){const e=new URL(t,location);return this.s.get(e.href)}}let u;const h=()=>(u||(u=new l),u);const d=(t,e)=>{const n=h().getURLsToCacheKeys();for(const s of function*(t,{ignoreURLParametersMatching:e,directoryIndex:n,cleanURLs:s,urlManipulation:c}={}){const o=new URL(t,location);o.hash="",yield o.href;const i=function(t,e){for(const n of[...t.searchParams.keys()])e.some(t=>t.test(n))&&t.searchParams.delete(n);return t}(o,e);if(yield i.href,n&&i.pathname.endsWith("/")){const t=new URL(i);t.pathname+=n,yield t.href}if(s){const t=new URL(i);t.pathname+=".html",yield t.href}if(c){const t=c({url:o});for(const e of t)yield e.href}}(t,e)){const t=n.get(s);if(t)return t}};let w=!1;const f=t=>{w||((({ignoreURLParametersMatching:t=[/^utm_/],directoryIndex:n="index.html",cleanURLs:s=!0,urlManipulation:c=null}={})=>{const o=e.cacheNames.getPrecacheName();addEventListener("fetch",e=>{const i=d(e.request.url,{cleanURLs:s,directoryIndex:n,ignoreURLParametersMatching:t,urlManipulation:c});if(!i)return;let a=caches.open(o).then(t=>t.match(i)).then(t=>t||fetch(i));e.respondWith(a)})})(t),w=!0)},y=t=>{const e=h(),n=i.get();t.waitUntil(e.install({event:t,plugins:n}).catch(t=>{throw t}))},p=t=>{const e=h(),n=i.get();t.waitUntil(e.activate({event:t,plugins:n}))},L=t=>{h().addToCacheList(t),t.length>0&&(addEventListener("install",y),addEventListener("activate",p))};return t.addPlugins=(t=>{i.add(t)}),t.addRoute=f,t.cleanupOutdatedCaches=(()=>{addEventListener("activate",t=>{const n=e.cacheNames.getPrecacheName();t.waitUntil((async(t,e="-precache-")=>{const n=(await caches.keys()).filter(n=>n.includes(e)&&n.includes(self.registration.scope)&&n!==t);return await Promise.all(n.map(t=>caches.delete(t))),n})(n).then(t=>{}))})}),t.getCacheKeyForURL=(t=>{return h().getCacheKeyForURL(t)}),t.precache=L,t.precacheAndRoute=((t,e)=>{L(t),f(e)}),t.PrecacheController=l,t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-precaching.prod.js.map
diff --git a/public/workbox/workbox-range-requests.prod.js b/public/workbox/workbox-range-requests.prod.js
deleted file mode 100644
index e60370cb9..000000000
--- a/public/workbox/workbox-range-requests.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.rangeRequests=function(e,n){"use strict";try{self["workbox:range-requests:4.3.1"]&&_()}catch(e){}async function t(e,t){try{if(206===t.status)return t;const s=e.headers.get("range");if(!s)throw new n.WorkboxError("no-range-header");const a=function(e){const t=e.trim().toLowerCase();if(!t.startsWith("bytes="))throw new n.WorkboxError("unit-must-be-bytes",{normalizedRangeHeader:t});if(t.includes(","))throw new n.WorkboxError("single-range-only",{normalizedRangeHeader:t});const s=/(\d*)-(\d*)/.exec(t);if(null===s||!s[1]&&!s[2])throw new n.WorkboxError("invalid-range-values",{normalizedRangeHeader:t});return{start:""===s[1]?null:Number(s[1]),end:""===s[2]?null:Number(s[2])}}(s),r=await t.blob(),i=function(e,t,s){const a=e.size;if(s>a||t<0)throw new n.WorkboxError("range-not-satisfiable",{size:a,end:s,start:t});let r,i;return null===t?(r=a-s,i=a):null===s?(r=t,i=a):(r=t,i=s+1),{start:r,end:i}}(r,a.start,a.end),o=r.slice(i.start,i.end),u=o.size,l=new Response(o,{status:206,statusText:"Partial Content",headers:t.headers});return l.headers.set("Content-Length",u),l.headers.set("Content-Range",`bytes ${i.start}-${i.end-1}/`+r.size),l}catch(e){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}}return e.createPartialResponse=t,e.Plugin=class{async cachedResponseWillBeUsed({request:e,cachedResponse:n}){return n&&e.headers.has("range")?await t(e,n):n}},e}({},workbox.core._private);
-//# sourceMappingURL=workbox-range-requests.prod.js.map
diff --git a/public/workbox/workbox-routing.prod.js b/public/workbox/workbox-routing.prod.js
deleted file mode 100644
index ed87f9d14..000000000
--- a/public/workbox/workbox-routing.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.routing=function(t,e,r){"use strict";try{self["workbox:routing:4.3.1"]&&_()}catch(t){}const s="GET",n=t=>t&&"object"==typeof t?t:{handle:t};class o{constructor(t,e,r){this.handler=n(e),this.match=t,this.method=r||s}}class i extends o{constructor(t,{whitelist:e=[/./],blacklist:r=[]}={}){super(t=>this.t(t),t),this.s=e,this.o=r}t({url:t,request:e}){if("navigate"!==e.mode)return!1;const r=t.pathname+t.search;for(const t of this.o)if(t.test(r))return!1;return!!this.s.some(t=>t.test(r))}}class u extends o{constructor(t,e,r){super(({url:e})=>{const r=t.exec(e.href);return r?e.origin!==location.origin&&0!==r.index?null:r.slice(1):null},e,r)}}class c{constructor(){this.i=new Map}get routes(){return this.i}addFetchListener(){self.addEventListener("fetch",t=>{const{request:e}=t,r=this.handleRequest({request:e,event:t});r&&t.respondWith(r)})}addCacheListener(){self.addEventListener("message",async t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,r=Promise.all(e.urlsToCache.map(t=>{"string"==typeof t&&(t=[t]);const e=new Request(...t);return this.handleRequest({request:e})}));t.waitUntil(r),t.ports&&t.ports[0]&&(await r,t.ports[0].postMessage(!0))}})}handleRequest({request:t,event:e}){const r=new URL(t.url,location);if(!r.protocol.startsWith("http"))return;let s,{params:n,route:o}=this.findMatchingRoute({url:r,request:t,event:e}),i=o&&o.handler;if(!i&&this.u&&(i=this.u),i){try{s=i.handle({url:r,request:t,event:e,params:n})}catch(t){s=Promise.reject(t)}return s&&this.h&&(s=s.catch(t=>this.h.handle({url:r,event:e,err:t}))),s}}findMatchingRoute({url:t,request:e,event:r}){const s=this.i.get(e.method)||[];for(const n of s){let s,o=n.match({url:t,request:e,event:r});if(o)return Array.isArray(o)&&o.length>0?s=o:o.constructor===Object&&Object.keys(o).length>0&&(s=o),{route:n,params:s}}return{}}setDefaultHandler(t){this.u=n(t)}setCatchHandler(t){this.h=n(t)}registerRoute(t){this.i.has(t.method)||this.i.set(t.method,[]),this.i.get(t.method).push(t)}unregisterRoute(t){if(!this.i.has(t.method))throw new r.WorkboxError("unregister-route-but-not-found-with-method",{method:t.method});const e=this.i.get(t.method).indexOf(t);if(!(e>-1))throw new r.WorkboxError("unregister-route-route-not-registered");this.i.get(t.method).splice(e,1)}}let a;const h=()=>(a||((a=new c).addFetchListener(),a.addCacheListener()),a);return t.NavigationRoute=i,t.RegExpRoute=u,t.registerNavigationRoute=((t,r={})=>{const s=e.cacheNames.getPrecacheName(r.cacheName),n=new i(async()=>{try{const e=await caches.match(t,{cacheName:s});if(e)return e;throw new Error(`The cache ${s} did not have an entry for `+`${t}.`)}catch(e){return fetch(t)}},{whitelist:r.whitelist,blacklist:r.blacklist});return h().registerRoute(n),n}),t.registerRoute=((t,e,s="GET")=>{let n;if("string"==typeof t){const r=new URL(t,location);n=new o(({url:t})=>t.href===r.href,e,s)}else if(t instanceof RegExp)n=new u(t,e,s);else if("function"==typeof t)n=new o(t,e,s);else{if(!(t instanceof o))throw new r.WorkboxError("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});n=t}return h().registerRoute(n),n}),t.Route=o,t.Router=c,t.setCatchHandler=(t=>{h().setCatchHandler(t)}),t.setDefaultHandler=(t=>{h().setDefaultHandler(t)}),t}({},workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-routing.prod.js.map
diff --git a/public/workbox/workbox-strategies.prod.js b/public/workbox/workbox-strategies.prod.js
deleted file mode 100644
index 29909af30..000000000
--- a/public/workbox/workbox-strategies.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.strategies=function(e,t,s,n,r){"use strict";try{self["workbox:strategies:4.3.1"]&&_()}catch(e){}class i{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));let n,i=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!i)try{i=await this.u(t,e)}catch(e){n=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:n});return i}async u(e,t){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=r.clone(),h=s.cacheWrapper.put({cacheName:this.t,request:e,response:i,event:t,plugins:this.s});if(t)try{t.waitUntil(h)}catch(e){}return r}}class h{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!n)throw new r.WorkboxError("no-response",{url:t.url});return n}}const u={cacheWillUpdate:({response:e})=>200===e.status||0===e.status?e:null};class a{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.o=e.networkTimeoutSeconds,this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){const s=[];"string"==typeof t&&(t=new Request(t));const n=[];let i;if(this.o){const{id:r,promise:h}=this.l({request:t,event:e,logs:s});i=r,n.push(h)}const h=this.q({timeoutId:i,request:t,event:e,logs:s});n.push(h);let u=await Promise.race(n);if(u||(u=await h),!u)throw new r.WorkboxError("no-response",{url:t.url});return u}l({request:e,logs:t,event:s}){let n;return{promise:new Promise(t=>{n=setTimeout(async()=>{t(await this.p({request:e,event:s}))},1e3*this.o)}),id:n}}async q({timeoutId:e,request:t,logs:r,event:i}){let h,u;try{u=await n.fetchWrapper.fetch({request:t,event:i,fetchOptions:this.i,plugins:this.s})}catch(e){h=e}if(e&&clearTimeout(e),h||!u)u=await this.p({request:t,event:i});else{const e=u.clone(),n=s.cacheWrapper.put({cacheName:this.t,request:t,response:e,event:i,plugins:this.s});if(i)try{i.waitUntil(n)}catch(e){}}return u}p({event:e,request:t}){return s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s})}}class c{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){let s,i;"string"==typeof t&&(t=new Request(t));try{i=await n.fetchWrapper.fetch({request:t,event:e,fetchOptions:this.i,plugins:this.s})}catch(e){s=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:s});return i}}class o{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=this.u({request:t,event:e});let i,h=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(h){if(e)try{e.waitUntil(n)}catch(i){}}else try{h=await n}catch(e){i=e}if(!h)throw new r.WorkboxError("no-response",{url:t.url,error:i});return h}async u({request:e,event:t}){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=s.cacheWrapper.put({cacheName:this.t,request:e,response:r.clone(),event:t,plugins:this.s});if(t)try{t.waitUntil(i)}catch(e){}return r}}const l={cacheFirst:i,cacheOnly:h,networkFirst:a,networkOnly:c,staleWhileRevalidate:o},q=e=>{const t=l[e];return e=>new t(e)},w=q("cacheFirst"),p=q("cacheOnly"),v=q("networkFirst"),y=q("networkOnly"),m=q("staleWhileRevalidate");return e.CacheFirst=i,e.CacheOnly=h,e.NetworkFirst=a,e.NetworkOnly=c,e.StaleWhileRevalidate=o,e.cacheFirst=w,e.cacheOnly=p,e.networkFirst=v,e.networkOnly=y,e.staleWhileRevalidate=m,e}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);
-//# sourceMappingURL=workbox-strategies.prod.js.map
diff --git a/public/workbox/workbox-streams.prod.js b/public/workbox/workbox-streams.prod.js
deleted file mode 100644
index dc3484464..000000000
--- a/public/workbox/workbox-streams.prod.js
+++ /dev/null
@@ -1,2 +0,0 @@
-this.workbox=this.workbox||{},this.workbox.streams=function(e){"use strict";try{self["workbox:streams:4.3.1"]&&_()}catch(e){}function n(e){const n=e.map(e=>Promise.resolve(e).then(e=>(function(e){return e.body&&e.body.getReader?e.body.getReader():e.getReader?e.getReader():new Response(e).body.getReader()})(e)));let t,r;const s=new Promise((e,n)=>{t=e,r=n});let o=0;return{done:s,stream:new ReadableStream({pull(e){return n[o].then(e=>e.read()).then(r=>{if(r.done)return++o>=n.length?(e.close(),void t()):this.pull(e);e.enqueue(r.value)}).catch(e=>{throw r(e),e})},cancel(){t()}})}}function t(e={}){const n=new Headers(e);return n.has("content-type")||n.set("content-type","text/html"),n}function r(e,r){const{done:s,stream:o}=n(e),a=t(r);return{done:s,response:new Response(o,{headers:a})}}let s=void 0;function o(){if(void 0===s)try{new ReadableStream({start(){}}),s=!0}catch(e){s=!1}return s}return e.concatenate=n,e.concatenateToResponse=r,e.isSupported=o,e.strategy=function(e,n){return async({event:s,url:a,params:c})=>{if(o()){const{done:t,response:o}=r(e.map(e=>e({event:s,url:a,params:c})),n);return s.waitUntil(t),o}const i=await Promise.all(e.map(e=>e({event:s,url:a,params:c})).map(async e=>{const n=await e;return n instanceof Response?n.blob():n})),u=t(n);return new Response(new Blob(i),{headers:u})}},e}({});
-//# sourceMappingURL=workbox-streams.prod.js.map
diff --git a/public/workbox/workbox-sw.js b/public/workbox/workbox-sw.js
deleted file mode 100644
index 61b3289a8..000000000
--- a/public/workbox/workbox-sw.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(){"use strict";try{self["workbox:sw:4.3.1"]&&_()}catch(t){}const t="https://storage.googleapis.com/workbox-cdn/releases/4.3.1",e={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};self.workbox=new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.s=this.t.debug?"dev":"prod",this.o=!1,new Proxy(this,{get(t,s){if(t[s])return t[s];const o=e[s];return o&&t.loadModule(`workbox-${o}`),t[s]}})}setConfig(t={}){if(this.o)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.s=this.t.debug?"dev":"prod"}loadModule(t){const e=this.i(t);try{importScripts(e),this.o=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}i(e){if(this.t.modulePathCb)return this.t.modulePathCb(e,this.t.debug);let s=[t];const o=`${e}.${this.s}.js`,r=this.t.modulePathPrefix;return r&&""===(s=r.split("/"))[s.length-1]&&s.splice(s.length-1,1),s.push(o),s.join("/")}}}();
-//# sourceMappingURL=workbox-sw.js.map
diff --git a/public/workbox/workbox-window.prod.es5.mjs b/public/workbox/workbox-window.prod.es5.mjs
deleted file mode 100644
index 7d15b6201..000000000
--- a/public/workbox/workbox-window.prod.es5.mjs
+++ /dev/null
@@ -1,2 +0,0 @@
-try{self["workbox:window:4.3.1"]&&_()}catch(n){}var n=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function t(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function i(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var e=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},r=function(n,t){return new URL(n,location).href===new URL(t,location).href},o=function(n,t){Object.assign(this,t,{type:n})};function u(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function s(){}var c=function(c){var f,h;function v(n,t){var r;return void 0===t&&(t={}),(r=c.call(this)||this).t=n,r.i=t,r.o=0,r.u=new e,r.s=new e,r.h=new e,r.v=r.v.bind(i(i(r))),r.l=r.l.bind(i(i(r))),r.g=r.g.bind(i(i(r))),r.m=r.m.bind(i(i(r))),r}h=c,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,g,d=v.prototype;return d.register=u(function(n){var t,i,e=this,u=(void 0===n?{}:n).immediate,c=void 0!==u&&u;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.R(),a(e.k(),function(n){e.B=n,e.P&&(e.O=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.j(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.B.waiting;return t&&r(t.scriptURL,e.t)&&(e.O=t,Promise.resolve().then(function(){e.dispatchEvent(new o("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e.O&&e.u.resolve(e.O),e.B.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.C=new BroadcastChannel("workbox"),e.C.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.B})},(i=function(){if(!c&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(s):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),d.getSW=u(function(){return this.O||this.u.promise}),d.messageSW=u(function(t){return a(this.getSW(),function(i){return n(i,t)})}),d.R=function(){var n=navigator.serviceWorker.controller;if(n&&r(n.scriptURL,this.t))return n},d.k=u(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.L=performance.now(),t})},function(n){throw n})}),d.j=function(t){n(t,{type:"WINDOW_READY",meta:"workbox-window"})},d.g=function(){var n=this.B.installing;this.o>0||!r(n.scriptURL,this.t)||performance.now()>this.L+6e4?(this.W=n,this.B.removeEventListener("updatefound",this.g)):(this.O=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},d.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.W,u=r?"external":"",a={sw:i,originalEvent:n};!r&&this.p&&(a.isUpdate=!0),this.dispatchEvent(new o(u+e,a)),"installed"===e?this._=setTimeout(function(){"installed"===e&&t.B.waiting===i&&t.dispatchEvent(new o(u+"waiting",a))},200):"activating"===e&&(clearTimeout(this._),r||this.s.resolve(i))},d.m=function(n){var t=this.O;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new o("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},d.v=function(n){var t=n.data;this.dispatchEvent(new o("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&t(l.prototype,w),g&&t(l,g),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.T(n).add(t)},t.removeEventListener=function(n,t){this.T(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.T(n.type).forEach(function(t){return t(n)})},t.T=function(n){return this.D[n]=this.D[n]||new Set},n}());export{c as Workbox,n as messageSW};
-//# sourceMappingURL=workbox-window.prod.es5.mjs.map
diff --git a/public/workbox/workbox-window.prod.mjs b/public/workbox/workbox-window.prod.mjs
deleted file mode 100644
index 433ab7e4a..000000000
--- a/public/workbox/workbox-window.prod.mjs
+++ /dev/null
@@ -1,2 +0,0 @@
-try{self["workbox:window:4.3.1"]&&_()}catch(t){}const t=(t,s)=>new Promise(i=>{let e=new MessageChannel;e.port1.onmessage=(t=>i(t.data)),t.postMessage(s,[e.port2])});try{self["workbox:core:4.3.1"]&&_()}catch(t){}class s{constructor(){this.promise=new Promise((t,s)=>{this.resolve=t,this.reject=s})}}class i{constructor(){this.t={}}addEventListener(t,s){this.s(t).add(s)}removeEventListener(t,s){this.s(t).delete(s)}dispatchEvent(t){t.target=this,this.s(t.type).forEach(s=>s(t))}s(t){return this.t[t]=this.t[t]||new Set}}const e=(t,s)=>new URL(t,location).href===new URL(s,location).href;class n{constructor(t,s){Object.assign(this,s,{type:t})}}const h=200,a=6e4;class o extends i{constructor(t,i={}){super(),this.i=t,this.h=i,this.o=0,this.l=new s,this.g=new s,this.u=new s,this.m=this.m.bind(this),this.v=this.v.bind(this),this.p=this.p.bind(this),this._=this._.bind(this)}async register({immediate:t=!1}={}){t||"complete"===document.readyState||await new Promise(t=>addEventListener("load",t)),this.C=Boolean(navigator.serviceWorker.controller),this.W=this.L(),this.S=await this.B(),this.W&&(this.R=this.W,this.g.resolve(this.W),this.u.resolve(this.W),this.P(this.W),this.W.addEventListener("statechange",this.v,{once:!0}));const s=this.S.waiting;return s&&e(s.scriptURL,this.i)&&(this.R=s,Promise.resolve().then(()=>{this.dispatchEvent(new n("waiting",{sw:s,wasWaitingBeforeRegister:!0}))})),this.R&&this.l.resolve(this.R),this.S.addEventListener("updatefound",this.p),navigator.serviceWorker.addEventListener("controllerchange",this._,{once:!0}),"BroadcastChannel"in self&&(this.T=new BroadcastChannel("workbox"),this.T.addEventListener("message",this.m)),navigator.serviceWorker.addEventListener("message",this.m),this.S}get active(){return this.g.promise}get controlling(){return this.u.promise}async getSW(){return this.R||this.l.promise}async messageSW(s){const i=await this.getSW();return t(i,s)}L(){const t=navigator.serviceWorker.controller;if(t&&e(t.scriptURL,this.i))return t}async B(){try{const t=await navigator.serviceWorker.register(this.i,this.h);return this.U=performance.now(),t}catch(t){throw t}}P(s){t(s,{type:"WINDOW_READY",meta:"workbox-window"})}p(){const t=this.S.installing;this.o>0||!e(t.scriptURL,this.i)||performance.now()>this.U+a?(this.k=t,this.S.removeEventListener("updatefound",this.p)):(this.R=t,this.l.resolve(t)),++this.o,t.addEventListener("statechange",this.v)}v(t){const s=t.target,{state:i}=s,e=s===this.k,a=e?"external":"",o={sw:s,originalEvent:t};!e&&this.C&&(o.isUpdate=!0),this.dispatchEvent(new n(a+i,o)),"installed"===i?this.D=setTimeout(()=>{"installed"===i&&this.S.waiting===s&&this.dispatchEvent(new n(a+"waiting",o))},h):"activating"===i&&(clearTimeout(this.D),e||this.g.resolve(s))}_(t){const s=this.R;s===navigator.serviceWorker.controller&&(this.dispatchEvent(new n("controlling",{sw:s,originalEvent:t})),this.u.resolve(s))}m(t){const{data:s}=t;this.dispatchEvent(new n("message",{data:s,originalEvent:t}))}}export{o as Workbox,t as messageSW};
-//# sourceMappingURL=workbox-window.prod.mjs.map
diff --git a/public/workbox/workbox-window.prod.umd.js b/public/workbox/workbox-window.prod.umd.js
deleted file mode 100644
index 173c4b43f..000000000
--- a/public/workbox/workbox-window.prod.umd.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n=n||self).workbox={})}(this,function(n){"use strict";try{self["workbox:window:4.3.1"]&&_()}catch(n){}var t=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function i(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function e(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var r=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},o=function(n,t){return new URL(n,location).href===new URL(t,location).href},u=function(n,t){Object.assign(this,t,{type:n})};function s(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function c(){}var f=function(n){var f,h;function v(t,i){var o;return void 0===i&&(i={}),(o=n.call(this)||this).t=t,o.i=i,o.o=0,o.u=new r,o.s=new r,o.h=new r,o.v=o.v.bind(e(e(o))),o.l=o.l.bind(e(e(o))),o.g=o.g.bind(e(e(o))),o.m=o.m.bind(e(e(o))),o}h=n,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,d,g=v.prototype;return g.register=s(function(n){var t,i,e=this,r=(void 0===n?{}:n).immediate,s=void 0!==r&&r;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.j(),a(e.O(),function(n){e.R=n,e.P&&(e._=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.k(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.R.waiting;return t&&o(t.scriptURL,e.t)&&(e._=t,Promise.resolve().then(function(){e.dispatchEvent(new u("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e._&&e.u.resolve(e._),e.R.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.B=new BroadcastChannel("workbox"),e.B.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.R})},(i=function(){if(!s&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(c):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),g.getSW=s(function(){return this._||this.u.promise}),g.messageSW=s(function(n){return a(this.getSW(),function(i){return t(i,n)})}),g.j=function(){var n=navigator.serviceWorker.controller;if(n&&o(n.scriptURL,this.t))return n},g.O=s(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.C=performance.now(),t})},function(n){throw n})}),g.k=function(n){t(n,{type:"WINDOW_READY",meta:"workbox-window"})},g.g=function(){var n=this.R.installing;this.o>0||!o(n.scriptURL,this.t)||performance.now()>this.C+6e4?(this.L=n,this.R.removeEventListener("updatefound",this.g)):(this._=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},g.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.L,o=r?"external":"",s={sw:i,originalEvent:n};!r&&this.p&&(s.isUpdate=!0),this.dispatchEvent(new u(o+e,s)),"installed"===e?this.W=setTimeout(function(){"installed"===e&&t.R.waiting===i&&t.dispatchEvent(new u(o+"waiting",s))},200):"activating"===e&&(clearTimeout(this.W),r||this.s.resolve(i))},g.m=function(n){var t=this._;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new u("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},g.v=function(n){var t=n.data;this.dispatchEvent(new u("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&i(l.prototype,w),d&&i(l,d),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.M(n).add(t)},t.removeEventListener=function(n,t){this.M(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.M(n.type).forEach(function(t){return t(n)})},t.M=function(n){return this.D[n]=this.D[n]||new Set},n}());n.Workbox=f,n.messageSW=t,Object.defineProperty(n,"__esModule",{value:!0})});
-//# sourceMappingURL=workbox-window.prod.umd.js.map
diff --git a/src/analytics.ts b/src/analytics.ts
index 2373cc549..c7b4f844d 100644
--- a/src/analytics.ts
+++ b/src/analytics.ts
@@ -11,7 +11,7 @@ export const trackEvent = (
     // Uncomment the next line to track locally
     // console.log("Track Event", { category, action, label, value });
 
-    if (typeof window === "undefined" || process.env.JEST_WORKER_ID) {
+    if (typeof window === "undefined" || import.meta.env.VITE_WORKER_ID) {
       return;
     }
 
diff --git a/src/charts.ts b/src/charts.ts
index d22da4329..32be94620 100644
--- a/src/charts.ts
+++ b/src/charts.ts
@@ -6,7 +6,6 @@ import {
 import {
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
-  ENV,
   VERTICAL_ALIGN,
 } from "./constants";
 import { newElement, newLinearElement, newTextElement } from "./element";
@@ -384,7 +383,7 @@ const chartTypeBar = (
       y,
       groupId,
       backgroundColor,
-      process.env.NODE_ENV === ENV.DEVELOPMENT,
+      import.meta.env.DEV,
     ),
   ];
 };
@@ -473,7 +472,7 @@ const chartTypeLine = (
       y,
       groupId,
       backgroundColor,
-      process.env.NODE_ENV === ENV.DEVELOPMENT,
+      import.meta.env.DEV,
     ),
     line,
     ...lines,
diff --git a/src/components/App.test.tsx b/src/components/App.test.tsx
index baf25ab9b..32f62f7ad 100644
--- a/src/components/App.test.tsx
+++ b/src/components/App.test.tsx
@@ -4,8 +4,9 @@ import { reseed } from "../random";
 import { render, queryByTestId } from "../tests/test-utils";
 
 import ExcalidrawApp from "../excalidraw-app";
+import { vi } from "vitest";
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 
 describe("Test <App/>", () => {
   beforeEach(async () => {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index b3dd678be..4b68fd15e 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -255,6 +255,7 @@ import {
   isTransparent,
   easeToValuesRAF,
   muteFSAbortError,
+  isTestEnv,
   easeOut,
 } from "../utils";
 import {
@@ -1595,10 +1596,7 @@ class App extends React.Component<AppProps, AppState> {
     this.excalidrawContainerValue.container =
       this.excalidrawContainerRef.current;
 
-    if (
-      process.env.NODE_ENV === ENV.TEST ||
-      process.env.NODE_ENV === ENV.DEVELOPMENT
-    ) {
+    if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
       const setState = this.setState.bind(this);
       Object.defineProperties(window.h, {
         state: {
@@ -1636,7 +1634,7 @@ class App extends React.Component<AppProps, AppState> {
       // bounding rects don't work in tests so updating
       // the state on init would result in making the test enviro run
       // in mobile breakpoint (0 width/height), making everything fail
-      process.env.NODE_ENV !== "test"
+      !isTestEnv()
     ) {
       this.refreshDeviceState(this.excalidrawContainerRef.current);
     }
@@ -8173,10 +8171,7 @@ declare global {
   }
 }
 
-if (
-  process.env.NODE_ENV === ENV.TEST ||
-  process.env.NODE_ENV === ENV.DEVELOPMENT
-) {
+if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
   window.h = window.h || ({} as Window["h"]);
 
   Object.defineProperties(window.h, {
diff --git a/src/components/LibraryMenuBrowseButton.tsx b/src/components/LibraryMenuBrowseButton.tsx
index 666804922..ab8fa0305 100644
--- a/src/components/LibraryMenuBrowseButton.tsx
+++ b/src/components/LibraryMenuBrowseButton.tsx
@@ -16,7 +16,7 @@ const LibraryMenuBrowseButton = ({
   return (
     <a
       className="library-menu-browse-button"
-      href={`${process.env.REACT_APP_LIBRARY_URL}?target=${
+      href={`${import.meta.env.VITE_APP_LIBRARY_URL}?target=${
         window.name || "_blank"
       }&referrer=${referrer}&useHash=true&token=${id}&theme=${theme}&version=${
         VERSIONS.excalidrawLibrary
diff --git a/src/components/PublishLibrary.tsx b/src/components/PublishLibrary.tsx
index ef7453e7c..ab02e1a89 100644
--- a/src/components/PublishLibrary.tsx
+++ b/src/components/PublishLibrary.tsx
@@ -319,7 +319,7 @@ const PublishLibrary = ({
     formData.append("twitterHandle", libraryData.twitterHandle);
     formData.append("website", libraryData.website);
 
-    fetch(`${process.env.REACT_APP_LIBRARY_BACKEND}/submit`, {
+    fetch(`${import.meta.env.VITE_APP_LIBRARY_BACKEND}/submit`, {
       method: "post",
       body: formData,
     })
diff --git a/src/components/Sidebar/Sidebar.test.tsx b/src/components/Sidebar/Sidebar.test.tsx
index 742efc0c9..6e73689dd 100644
--- a/src/components/Sidebar/Sidebar.test.tsx
+++ b/src/components/Sidebar/Sidebar.test.tsx
@@ -10,6 +10,7 @@ import {
   waitFor,
   withExcalidrawDimensions,
 } from "../../tests/test-utils";
+import { vi } from "vitest";
 
 export const assertSidebarDockButton = async <T extends boolean>(
   hasDockButton: T,
@@ -205,7 +206,7 @@ describe("Sidebar", () => {
     });
 
     it("<Sidebar.Header> should render close button", async () => {
-      const onStateChange = jest.fn();
+      const onStateChange = vi.fn();
       const CustomExcalidraw = () => {
         return (
           <Excalidraw
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index ee94beca5..28a896e1f 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -53,7 +53,7 @@ export const SidebarInner = forwardRef(
     }: SidebarProps & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">,
     ref: React.ForwardedRef<HTMLDivElement>,
   ) => {
-    if (process.env.NODE_ENV === "development" && onDock && docked == null) {
+    if (import.meta.env.DEV && onDock && docked == null) {
       console.warn(
         "Sidebar: `docked` must be set when `onDock` is supplied for the sidebar to be user-dockable. To hide this message, either pass `docked` or remove `onDock`",
       );
diff --git a/src/components/__snapshots__/App.test.tsx.snap b/src/components/__snapshots__/App.test.tsx.snap
index 2cdf4bb8b..49c2fd0fc 100644
--- a/src/components/__snapshots__/App.test.tsx.snap
+++ b/src/components/__snapshots__/App.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test <App/> should show error modal when using brave and measureText API is not working 1`] = `
+exports[`Test <App/> > should show error modal when using brave and measureText API is not working 1`] = `
 <div
   data-testid="brave-measure-text-error"
 >
diff --git a/src/element/newElement.ts b/src/element/newElement.ts
index d84261fc2..012725bc4 100644
--- a/src/element/newElement.ts
+++ b/src/element/newElement.ts
@@ -443,7 +443,7 @@ const _deepCopyElement = (val: any, depth: number = 0) => {
   // we're not cloning non-array & non-plain-object objects because we
   // don't support them on excalidraw elements yet. If we do, we need to make
   // sure we start cloning them, so let's warn about it.
-  if (process.env.NODE_ENV === "development") {
+  if (import.meta.env.DEV) {
     if (
       objectType !== "[object Object]" &&
       objectType !== "[object Array]" &&
diff --git a/src/element/sizeHelpers.test.ts b/src/element/sizeHelpers.test.ts
index 36dffc2bd..8e63dd9da 100644
--- a/src/element/sizeHelpers.test.ts
+++ b/src/element/sizeHelpers.test.ts
@@ -1,19 +1,32 @@
+import { vi } from "vitest";
 import { getPerfectElementSize } from "./sizeHelpers";
 import * as constants from "../constants";
 
 const EPSILON_DIGITS = 3;
-
+// Needed so that we can mock the value of constants which is done in
+// below tests. In Jest this wasn't needed as global override was possible
+// but vite doesn't allow that hence we need to mock
+vi.mock(
+  "../constants.ts",
+  //@ts-ignore
+  async (importOriginal) => {
+    const module: any = await importOriginal();
+    return { ...module };
+  },
+);
 describe("getPerfectElementSize", () => {
   it("should return height:0 if `elementType` is line and locked angle is 0", () => {
     const { height, width } = getPerfectElementSize("line", 149, 10);
     expect(width).toBeCloseTo(149, EPSILON_DIGITS);
     expect(height).toBeCloseTo(0, EPSILON_DIGITS);
   });
+
   it("should return width:0 if `elementType` is line and locked angle is 90 deg (Math.PI/2)", () => {
     const { height, width } = getPerfectElementSize("line", 10, 140);
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
     expect(height).toBeCloseTo(140, EPSILON_DIGITS);
   });
+
   it("should return height:0 if `elementType` is arrow and locked angle is 0", () => {
     const { height, width } = getPerfectElementSize("arrow", 200, 20);
     expect(width).toBeCloseTo(200, EPSILON_DIGITS);
@@ -24,16 +37,19 @@ describe("getPerfectElementSize", () => {
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
     expect(height).toBeCloseTo(100, EPSILON_DIGITS);
   });
+
   it("should return adjust height to be width * tan(locked angle)", () => {
     const { height, width } = getPerfectElementSize("arrow", 120, 185);
     expect(width).toBeCloseTo(120, EPSILON_DIGITS);
     expect(height).toBeCloseTo(207.846, EPSILON_DIGITS);
   });
+
   it("should return height equals to width if locked angle is 45 deg", () => {
     const { height, width } = getPerfectElementSize("arrow", 135, 145);
     expect(width).toBeCloseTo(135, EPSILON_DIGITS);
     expect(height).toBeCloseTo(135, EPSILON_DIGITS);
   });
+
   it("should return height:0 and width:0 when width and height are 0", () => {
     const { height, width } = getPerfectElementSize("arrow", 0, 0);
     expect(width).toBeCloseTo(0, EPSILON_DIGITS);
diff --git a/src/element/textWysiwyg.test.tsx b/src/element/textWysiwyg.test.tsx
index 7fb153987..c09191170 100644
--- a/src/element/textWysiwyg.test.tsx
+++ b/src/element/textWysiwyg.test.tsx
@@ -955,7 +955,7 @@ describe("textWysiwyg", () => {
       // should center align horizontally and vertically by default
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        Array [
+        [
           85,
           4.5,
         ]
@@ -979,7 +979,7 @@ describe("textWysiwyg", () => {
       // should left align horizontally and bottom vertically after resize
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        Array [
+        [
           15,
           65,
         ]
@@ -1001,7 +1001,7 @@ describe("textWysiwyg", () => {
       // should right align horizontally and top vertically after resize
       resize(rectangle, "ne", [rectangle.x + 100, rectangle.y - 100]);
       expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-        Array [
+        [
           375,
           -539,
         ]
@@ -1279,7 +1279,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Left"));
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             15,
             25,
           ]
@@ -1290,7 +1290,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align top"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             30,
             25,
           ]
@@ -1302,7 +1302,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align top"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             45,
             25,
           ]
@@ -1313,7 +1313,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
         fireEvent.click(screen.getByTitle("Left"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             15,
             45,
           ]
@@ -1325,7 +1325,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             30,
             45,
           ]
@@ -1337,7 +1337,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center vertically"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             45,
             45,
           ]
@@ -1349,7 +1349,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Align bottom"));
 
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             15,
             65,
           ]
@@ -1360,7 +1360,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Center"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             30,
             65,
           ]
@@ -1371,7 +1371,7 @@ describe("textWysiwyg", () => {
         fireEvent.click(screen.getByTitle("Right"));
         fireEvent.click(screen.getByTitle("Align bottom"));
         expect([h.elements[1].x, h.elements[1].y]).toMatchInlineSnapshot(`
-          Array [
+          [
             45,
             65,
           ]
diff --git a/src/excalidraw-app/collab/Collab.tsx b/src/excalidraw-app/collab/Collab.tsx
index b7648b587..673d89e8b 100644
--- a/src/excalidraw-app/collab/Collab.tsx
+++ b/src/excalidraw-app/collab/Collab.tsx
@@ -171,10 +171,7 @@ class Collab extends PureComponent<Props, CollabState> {
 
     appJotaiStore.set(collabAPIAtom, collabAPI);
 
-    if (
-      process.env.NODE_ENV === ENV.TEST ||
-      process.env.NODE_ENV === ENV.DEVELOPMENT
-    ) {
+    if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
       window.collab = window.collab || ({} as Window["collab"]);
       Object.defineProperties(window, {
         collab: {
@@ -860,10 +857,7 @@ declare global {
   }
 }
 
-if (
-  process.env.NODE_ENV === ENV.TEST ||
-  process.env.NODE_ENV === ENV.DEVELOPMENT
-) {
+if (import.meta.env.MODE === ENV.TEST || import.meta.env.DEV) {
   window.collab = window.collab || ({} as Window["collab"]);
 }
 
diff --git a/src/excalidraw-app/components/AppWelcomeScreen.tsx b/src/excalidraw-app/components/AppWelcomeScreen.tsx
index 80fedf9fa..2dff7d270 100644
--- a/src/excalidraw-app/components/AppWelcomeScreen.tsx
+++ b/src/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -19,7 +19,9 @@ export const AppWelcomeScreen: React.FC<{
           return (
             <a
               style={{ pointerEvents: "all" }}
-              href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
+              href={`${
+                import.meta.env.VITE_APP_PLUS_APP
+              }?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
               key={idx}
             >
               Excalidraw+
diff --git a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
index 616a2a053..76be9a8f0 100644
--- a/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
+++ b/src/excalidraw-app/components/ExcalidrawPlusAppLink.tsx
@@ -6,7 +6,9 @@ export const ExcalidrawPlusAppLink = () => {
   }
   return (
     <a
-      href={`${process.env.REACT_APP_PLUS_APP}?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
+      href={`${
+        import.meta.env.VITE_APP_PLUS_APP
+      }?utm_source=excalidraw&utm_medium=app&utm_content=signedInUserRedirectButton#excalidraw-redirect`}
       target="_blank"
       rel="noreferrer"
       className="plus-button"
diff --git a/src/excalidraw-app/data/firebase.ts b/src/excalidraw-app/data/firebase.ts
index 02e14466f..bb914de12 100644
--- a/src/excalidraw-app/data/firebase.ts
+++ b/src/excalidraw-app/data/firebase.ts
@@ -21,10 +21,12 @@ import { ResolutionType } from "../../utility-types";
 
 let FIREBASE_CONFIG: Record<string, any>;
 try {
-  FIREBASE_CONFIG = JSON.parse(process.env.REACT_APP_FIREBASE_CONFIG);
+  FIREBASE_CONFIG = JSON.parse(import.meta.env.VITE_APP_FIREBASE_CONFIG);
 } catch (error: any) {
   console.warn(
-    `Error JSON parsing firebase config. Supplied value: ${process.env.REACT_APP_FIREBASE_CONFIG}`,
+    `Error JSON parsing firebase config. Supplied value: ${
+      import.meta.env.VITE_APP_FIREBASE_CONFIG
+    }`,
   );
   FIREBASE_CONFIG = {};
 }
diff --git a/src/excalidraw-app/data/index.ts b/src/excalidraw-app/data/index.ts
index c85eb27c0..d3108c761 100644
--- a/src/excalidraw-app/data/index.ts
+++ b/src/excalidraw-app/data/index.ts
@@ -47,8 +47,8 @@ export const getSyncableElements = (elements: readonly ExcalidrawElement[]) =>
     isSyncableElement(element),
   ) as SyncableExcalidrawElement[];
 
-const BACKEND_V2_GET = process.env.REACT_APP_BACKEND_V2_GET_URL;
-const BACKEND_V2_POST = process.env.REACT_APP_BACKEND_V2_POST_URL;
+const BACKEND_V2_GET = import.meta.env.VITE_APP_BACKEND_V2_GET_URL;
+const BACKEND_V2_POST = import.meta.env.VITE_APP_BACKEND_V2_POST_URL;
 
 const generateRoomId = async () => {
   const buffer = new Uint8Array(ROOM_ID_BYTES);
@@ -67,16 +67,16 @@ export const getCollabServer = async (): Promise<{
   url: string;
   polling: boolean;
 }> => {
-  if (process.env.REACT_APP_WS_SERVER_URL) {
+  if (import.meta.env.VITE_APP_WS_SERVER_URL) {
     return {
-      url: process.env.REACT_APP_WS_SERVER_URL,
+      url: import.meta.env.VITE_APP_WS_SERVER_URL,
       polling: true,
     };
   }
 
   try {
     const resp = await fetch(
-      `${process.env.REACT_APP_PORTAL_URL}/collab-server`,
+      `${import.meta.env.VITE_APP_PORTAL_URL}/collab-server`,
     );
     return await resp.json();
   } catch (error) {
diff --git a/src/excalidraw-app/pwa.ts b/src/excalidraw-app/pwa.ts
deleted file mode 100644
index 69cb33ecb..000000000
--- a/src/excalidraw-app/pwa.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { register as registerServiceWorker } from "../serviceWorkerRegistration";
-import { EVENT } from "../constants";
-
-// On Apple mobile devices add the proprietary app icon and splashscreen markup.
-// No one should have to do this manually, and eventually this annoyance will
-// go away once https://bugs.webkit.org/show_bug.cgi?id=183937 is fixed.
-if (
-  /\b(iPad|iPhone|iPod|Safari)\b/.test(navigator.userAgent) &&
-  !matchMedia("(display-mode: standalone)").matches
-) {
-  import(/* webpackChunkName: "pwacompat" */ "pwacompat");
-}
-
-registerServiceWorker({
-  onUpdate: (registration) => {
-    const waitingServiceWorker = registration.waiting;
-    if (waitingServiceWorker) {
-      waitingServiceWorker.addEventListener(
-        EVENT.STATE_CHANGE,
-        (event: Event) => {
-          const target = event.target as ServiceWorker;
-          const state = target.state as ServiceWorkerState;
-          if (state === "activated") {
-            window.location.reload();
-          }
-        },
-      );
-      waitingServiceWorker.postMessage({ type: "SKIP_WAITING" });
-    }
-  },
-});
diff --git a/src/excalidraw-app/sentry.ts b/src/excalidraw-app/sentry.ts
index 04b3246d8..6ad0d49f8 100644
--- a/src/excalidraw-app/sentry.ts
+++ b/src/excalidraw-app/sentry.ts
@@ -7,7 +7,7 @@ const SentryEnvHostnameMap: { [key: string]: string } = {
 };
 
 const REACT_APP_DISABLE_SENTRY =
-  process.env.REACT_APP_DISABLE_SENTRY === "true";
+  import.meta.env.VITE_APP_DISABLE_SENTRY === "true";
 
 // Disable Sentry locally or inside the Docker to avoid noise/respect privacy
 const onlineEnv =
@@ -21,7 +21,7 @@ Sentry.init({
     ? "https://7bfc596a5bf945eda6b660d3015a5460@sentry.io/5179260"
     : undefined,
   environment: onlineEnv ? SentryEnvHostnameMap[onlineEnv] : undefined,
-  release: process.env.REACT_APP_GIT_SHA,
+  release: import.meta.env.VITE_APP_GIT_SHA,
   ignoreErrors: [
     "undefined is not an object (evaluating 'window.__pad.performLoop')", // Only happens on Safari, but spams our servers. Doesn't break anything
   ],
diff --git a/src/global.d.ts b/src/global.d.ts
index 977e32dd5..76730c8de 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -38,16 +38,6 @@ interface CanvasRenderingContext2D {
   ) => void;
 }
 
-// https://github.com/facebook/create-react-app/blob/ddcb7d5/packages/react-scripts/lib/react-app.d.ts
-declare namespace NodeJS {
-  interface ProcessEnv {
-    readonly REACT_APP_BACKEND_V2_GET_URL: string;
-    readonly REACT_APP_BACKEND_V2_POST_URL: string;
-    readonly REACT_APP_PORTAL_URL: string;
-    readonly REACT_APP_FIREBASE_CONFIG: string;
-  }
-}
-
 interface Clipboard extends EventTarget {
   write(data: any[]): Promise<void>;
 }
diff --git a/src/i18n.ts b/src/i18n.ts
index 3c6bf7fcc..6536b2c6d 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,6 +1,5 @@
 import fallbackLangData from "./locales/en.json";
 import percentages from "./locales/percentages.json";
-import { ENV } from "./constants";
 import { jotaiScope, jotaiStore } from "./jotai";
 import { atom, useAtomValue } from "jotai";
 import { NestedKeyOf } from "./utility-types";
@@ -74,7 +73,7 @@ export const languages: Language[] = [
 ];
 
 const TEST_LANG_CODE = "__test__";
-if (process.env.NODE_ENV === ENV.DEVELOPMENT) {
+if (import.meta.env.DEV) {
   languages.unshift(
     { code: TEST_LANG_CODE, label: "test language" },
     {
@@ -145,7 +144,7 @@ export const t = (
   if (translation === undefined) {
     const errorMessage = `Can't find translation for ${path}`;
     // in production, don't blow up the app on a missing translation key
-    if (process.env.NODE_ENV === "production") {
+    if (import.meta.env.PROD) {
       console.warn(errorMessage);
       return "";
     }
diff --git a/src/index.tsx b/src/index.tsx
index d08ba609a..d0f333ec1 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,9 +2,8 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import ExcalidrawApp from "./excalidraw-app";
 
-import "./excalidraw-app/pwa";
 import "./excalidraw-app/sentry";
-window.__EXCALIDRAW_SHA__ = process.env.REACT_APP_GIT_SHA;
+window.__EXCALIDRAW_SHA__ = import.meta.env.VITE_APP_GIT_SHA;
 const rootElement = document.getElementById("root")!;
 const root = createRoot(rootElement);
 root.render(
diff --git a/src/packages/excalidraw/env.js b/src/packages/excalidraw/env.js
index 6c5fd56e5..cb7ead2af 100644
--- a/src/packages/excalidraw/env.js
+++ b/src/packages/excalidraw/env.js
@@ -9,9 +9,9 @@ const parseEnvVariables = (filepath) => {
     },
     {},
   );
-  envVars.PKG_NAME = JSON.stringify(pkg.name);
-  envVars.PKG_VERSION = JSON.stringify(pkg.version);
-  envVars.IS_EXCALIDRAW_NPM_PACKAGE = JSON.stringify(true);
+  envVars.VITE_PKG_NAME = JSON.stringify(pkg.name);
+  envVars.VITE_PKG_VERSION = JSON.stringify(pkg.version);
+  envVars.VITE_IS_EXCALIDRAW_NPM_PACKAGE = JSON.stringify(true);
   return envVars;
 };
 
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index b3b9d6f03..c449498f0 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -59,6 +59,7 @@
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
     "dotenv": "16.0.1",
+    "import-meta-loader": "1.1.0",
     "mini-css-extract-plugin": "2.6.1",
     "postcss-loader": "7.0.1",
     "sass-loader": "13.0.2",
diff --git a/src/packages/excalidraw/publicPath.js b/src/packages/excalidraw/publicPath.js
index 0e1f8c3db..6cd6bb676 100644
--- a/src/packages/excalidraw/publicPath.js
+++ b/src/packages/excalidraw/publicPath.js
@@ -4,5 +4,5 @@ if (process.env.NODE_ENV !== ENV.TEST) {
   /* global __webpack_public_path__:writable */
   __webpack_public_path__ =
     window.EXCALIDRAW_ASSET_PATH ||
-    `https://unpkg.com/${process.env.PKG_NAME}@${process.env.PKG_VERSION}/dist/`;
+    `https://unpkg.com/${process.env.VITE_PKG_NAME}@${process.env.VITE_PKG_VERSION}/dist/`;
 }
diff --git a/src/packages/excalidraw/webpack.dev.config.js b/src/packages/excalidraw/webpack.dev.config.js
index e16d8da72..281307388 100644
--- a/src/packages/excalidraw/webpack.dev.config.js
+++ b/src/packages/excalidraw/webpack.dev.config.js
@@ -47,6 +47,9 @@ module.exports = {
         exclude:
           /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
         use: [
+          {
+            loader: "import-meta-loader",
+          },
           {
             loader: "ts-loader",
             options: {
diff --git a/src/packages/excalidraw/webpack.prod.config.js b/src/packages/excalidraw/webpack.prod.config.js
index 0a1e63618..c9f8d56a5 100644
--- a/src/packages/excalidraw/webpack.prod.config.js
+++ b/src/packages/excalidraw/webpack.prod.config.js
@@ -50,6 +50,9 @@ module.exports = {
           /node_modules\/(?!(browser-fs-access|canvas-roundrect-polyfill))/,
 
         use: [
+          {
+            loader: "import-meta-loader",
+          },
           {
             loader: "ts-loader",
             options: {
diff --git a/src/packages/excalidraw/yarn.lock b/src/packages/excalidraw/yarn.lock
index 43dc27cb8..789571d87 100644
--- a/src/packages/excalidraw/yarn.lock
+++ b/src/packages/excalidraw/yarn.lock
@@ -2916,6 +2916,11 @@ import-local@^3.0.2:
     pkg-dir "^4.2.0"
     resolve-cwd "^3.0.0"
 
+import-meta-loader@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/import-meta-loader/-/import-meta-loader-1.1.0.tgz#927060305f2d0f88b495f2754aa33387ca6579d7"
+  integrity sha512-f96r2o8xT+b2KVlOY4x+1KTJmJiapZlf77j1WebR8NQgMG1dpdqijjGl4i/2jMoXch2CVqcQoTMfh5BR7bR8wA==
+
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 8b046ef85..b320c81ac 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -915,7 +915,7 @@ const drawElementFromCanvas = (
     );
 
     if (
-      process.env.REACT_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
+      import.meta.env.VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX ===
         "true" &&
       hasBoundTextElement(element)
     ) {
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 964861c6c..61f235d18 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -133,12 +133,13 @@ export const exportToSvg = async (
   }
 
   let assetPath = "https://excalidraw.com/";
-
   // Asset path needs to be determined only when using package
-  if (process.env.IS_EXCALIDRAW_NPM_PACKAGE) {
+  if (import.meta.env.VITE_IS_EXCALIDRAW_NPM_PACKAGE) {
     assetPath =
       window.EXCALIDRAW_ASSET_PATH ||
-      `https://unpkg.com/${process.env.PKG_NAME}@${process.env.PKG_VERSION}`;
+      `https://unpkg.com/${import.meta.env.VITE_PKG_NAME}@${
+        import.meta.env.PKG_VERSION
+      }`;
 
     if (assetPath?.startsWith("/")) {
       assetPath = assetPath.replace("/", `${window.location.origin}/`);
diff --git a/src/service-worker.ts b/src/service-worker.ts
deleted file mode 100644
index 3e3a4355f..000000000
--- a/src/service-worker.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-/// <reference lib="webworker" />
-/* eslint-disable no-restricted-globals */
-
-// This service worker can be customized!
-// See https://developers.google.com/web/tools/workbox/modules
-// for the list of available Workbox modules, or add any other
-// code you'd like.
-// You can also remove this file if you'd prefer not to use a
-// service worker, and the Workbox build step will be skipped.
-
-import { clientsClaim } from "workbox-core";
-import { ExpirationPlugin } from "workbox-expiration";
-import { precacheAndRoute, createHandlerBoundToURL } from "workbox-precaching";
-import { registerRoute } from "workbox-routing";
-import { CacheFirst, StaleWhileRevalidate } from "workbox-strategies";
-
-declare const self: ServiceWorkerGlobalScope;
-
-clientsClaim();
-
-// Precache assets generated by your build process.
-//
-// Their URLs are injected into the __WB_MANIFEST during build (by workbox).
-//
-// This variable must be present somewhere in your service worker file,
-// even if you decide not to use precaching. See https://cra.link/PWA.
-//
-// We don't want to precache i18n files so we filter them out
-// (normally this should be configured in a webpack workbox plugin, but we don't
-// have access to it in CRA) — this is because all users will use at most
-// one or two languages, so there's no point fetching all of them. (They'll
-// be cached as you load them.)
-const manifest = self.__WB_MANIFEST.filter((entry) => {
-  return !/locales\/[\w-]+json/.test(
-    typeof entry === "string" ? entry : entry.url,
-  );
-});
-
-precacheAndRoute(manifest);
-
-// Set up App Shell-style routing, so that all navigation requests
-// are fulfilled with your index.html shell. Learn more at
-// https://developer.chrome.com/docs/workbox/app-shell-model/
-//
-// below is copied verbatim from CRA@5
-const fileExtensionRegexp = new RegExp("/[^/?]+\\.[^/]+$");
-registerRoute(
-  // Return false to exempt requests from being fulfilled by index.html.
-  ({ request, url }: { request: Request; url: URL }) => {
-    // If this isn't a navigation, skip.
-    if (request.mode !== "navigate") {
-      return false;
-    }
-
-    // If this is a URL that starts with /_, skip.
-    if (url.pathname.startsWith("/_")) {
-      return false;
-    }
-
-    // If this looks like a URL for a resource, because it contains
-    // a file extension, skip.
-    if (url.pathname.match(fileExtensionRegexp)) {
-      return false;
-    }
-
-    // Return true to signal that we want to use the handler.
-    return true;
-  },
-  createHandlerBoundToURL(`${process.env.PUBLIC_URL}/index.html`),
-);
-
-// Cache resources that aren't being precached
-// -----------------------------------------------------------------------------
-
-registerRoute(
-  new RegExp("/fonts.css"),
-  new StaleWhileRevalidate({
-    cacheName: "fonts",
-    plugins: [
-      // Ensure that once this runtime cache reaches a maximum size the
-      // least-recently used images are removed.
-      new ExpirationPlugin({ maxEntries: 50 }),
-    ],
-  }),
-);
-
-// since we serve fonts from, don't forget to append new ?v= param when
-// updating fonts (glyphs) without changing the filename
-registerRoute(
-  new RegExp("/.+.(ttf|woff2|otf)"),
-  new CacheFirst({
-    cacheName: "fonts",
-    plugins: [
-      // Ensure that once this runtime cache reaches a maximum size the
-      // least-recently used images are removed.
-      new ExpirationPlugin({
-        maxEntries: 50,
-        // 90 days
-        maxAgeSeconds: 7776000000,
-      }),
-    ],
-  }),
-);
-
-registerRoute(
-  new RegExp("/locales\\/[\\w-]+json"),
-  // Customize this strategy as needed, e.g., by changing to CacheFirst.
-  new CacheFirst({
-    cacheName: "locales",
-    plugins: [
-      // Ensure that once this runtime cache reaches a maximum size the
-      // least-recently used images are removed.
-      new ExpirationPlugin({
-        maxEntries: 50,
-        // 30 days
-        maxAgeSeconds: 2592000000,
-      }),
-    ],
-  }),
-);
-
-// -----------------------------------------------------------------------------
-
-self.addEventListener("fetch", (event) => {
-  if (
-    event.request.method === "POST" &&
-    event.request.url.endsWith("/web-share-target")
-  ) {
-    return event.respondWith(
-      (async () => {
-        const formData = await event.request.formData();
-        const file = formData.get("file");
-        const webShareTargetCache = await caches.open("web-share-target");
-        await webShareTargetCache.put("shared-file", new Response(file));
-        return Response.redirect("/?web-share-target", 303);
-      })(),
-    );
-  }
-});
-
-// This allows the web app to trigger skipWaiting via
-// registration.waiting.postMessage({type: 'SKIP_WAITING'})
-self.addEventListener("message", (event) => {
-  if (event.data && event.data.type === "SKIP_WAITING") {
-    self.skipWaiting();
-  }
-});
diff --git a/src/serviceWorkerRegistration.ts b/src/serviceWorkerRegistration.ts
deleted file mode 100644
index 6a2608807..000000000
--- a/src/serviceWorkerRegistration.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === "localhost" ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === "[::1]" ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,
-    ),
-);
-
-type Config = {
-  onSuccess?: (registration: ServiceWorkerRegistration) => void;
-  onUpdate?: (registration: ServiceWorkerRegistration) => void;
-};
-
-export const register = (config?: Config) => {
-  if (
-    (process.env.NODE_ENV === "production" ||
-      process.env.REACT_APP_DEV_ENABLE_SW?.toLowerCase() === "true") &&
-    "serviceWorker" in navigator
-  ) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener("load", () => {
-      const isWebexLP = window.location.pathname.startsWith("/webex");
-      if (isWebexLP) {
-        unregister(() => {
-          window.location.reload();
-        });
-        return false;
-      }
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.info(
-            "This web app is being served cache-first by a service " +
-              "worker. To learn more, visit https://bit.ly/CRA-PWA",
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-};
-
-const registerValidSW = (swUrl: string, config?: Config) => {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then((registration) => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === "installed") {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-
-              console.info(
-                "New content is available and will be used when all tabs for this page are closed.",
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-
-              console.info("Content is cached for offline use.");
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch((error) => {
-      console.error("Error during service worker registration:", error);
-    });
-};
-
-const checkValidServiceWorker = (swUrl: string, config?: Config) => {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl, {
-    headers: { "Service-Worker": "script" },
-  })
-    .then((response) => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get("content-type");
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf("javascript") === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then((registration) => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch((error) => {
-      console.info(
-        "No internet connection found. App is running in offline mode.",
-        error.message,
-      );
-    });
-};
-
-export const unregister = (callback?: () => void) => {
-  if ("serviceWorker" in navigator) {
-    navigator.serviceWorker.ready
-      .then((registration) => {
-        return registration.unregister();
-      })
-      .then(() => {
-        callback?.();
-      })
-      .catch((error) => {
-        console.error(error.message);
-      });
-  }
-};
diff --git a/src/setupTests.ts b/src/setupTests.ts
index 698b2d4ce..342e532d1 100644
--- a/src/setupTests.ts
+++ b/src/setupTests.ts
@@ -1,19 +1,16 @@
+// vitest.setup.ts
+import "vitest-canvas-mock";
 import "@testing-library/jest-dom";
-import "jest-canvas-mock";
-import dotenv from "dotenv";
+import { vi } from "vitest";
 import polyfill from "./polyfill";
 
 require("fake-indexeddb/auto");
 
 polyfill();
-// jest doesn't know of .env.development so we need to init it ourselves
-dotenv.config({
-  path: require("path").resolve(__dirname, "../.env.development"),
-});
 
-jest.mock("nanoid", () => {
+vi.mock("nanoid", () => {
   return {
-    nanoid: jest.fn(() => "test-id"),
+    nanoid: vi.fn(() => "test-id"),
   };
 });
 // ReactDOM is located inside index.tsx file
diff --git a/src/tests/MobileMenu.test.tsx b/src/tests/MobileMenu.test.tsx
index 60059cb2e..a5014062d 100644
--- a/src/tests/MobileMenu.test.tsx
+++ b/src/tests/MobileMenu.test.tsx
@@ -11,23 +11,23 @@ describe("Test MobileMenu", () => {
   const { h } = window;
   const dimensions = { height: 400, width: 800 };
 
+  beforeAll(() => {
+    mockBoundingClientRect(dimensions);
+  });
+
   beforeEach(async () => {
     await render(<ExcalidrawApp />);
     //@ts-ignore
     h.app.refreshDeviceState(h.app.excalidrawContainerRef.current!);
   });
 
-  beforeAll(() => {
-    mockBoundingClientRect(dimensions);
-  });
-
   afterAll(() => {
     restoreOriginalGetBoundingClientRect();
   });
 
   it("should set device correctly", () => {
     expect(h.app.device).toMatchInlineSnapshot(`
-      Object {
+      {
         "canDeviceFitSidebar": false,
         "isLandscape": true,
         "isMobile": true,
@@ -39,7 +39,6 @@ describe("Test MobileMenu", () => {
 
   it("should initialize with welcome screen and hide once user interacts", async () => {
     expect(document.querySelector(".welcome-screen-center")).toMatchSnapshot();
-
     UI.clickTool("rectangle");
     expect(document.querySelector(".welcome-screen-center")).toBeNull();
   });
diff --git a/src/tests/__snapshots__/MobileMenu.test.tsx.snap b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
index f3e55fd99..d85989e68 100644
--- a/src/tests/__snapshots__/MobileMenu.test.tsx.snap
+++ b/src/tests/__snapshots__/MobileMenu.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test MobileMenu should initialize with welcome screen and hide once user interacts 1`] = `
+exports[`Test MobileMenu > should initialize with welcome screen and hide once user interacts 1`] = `
 <div
   class="welcome-screen-center"
 >
diff --git a/src/tests/__snapshots__/charts.test.tsx.snap b/src/tests/__snapshots__/charts.test.tsx.snap
index 1bb5c2a40..868e27e84 100644
--- a/src/tests/__snapshots__/charts.test.tsx.snap
+++ b/src/tests/__snapshots__/charts.test.tsx.snap
@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`tryParseSpreadsheet works for numbers with comma in them 1`] = `
-Object {
-  "spreadsheet": Object {
-    "labels": Array [
+exports[`tryParseSpreadsheet > works for numbers with comma in them 1`] = `
+{
+  "spreadsheet": {
+    "labels": [
       "Week 1",
       "Week 2",
       "Week 3",
     ],
     "title": "Users",
-    "values": Array [
+    "values": [
       814,
       10301,
       4264,
diff --git a/src/tests/__snapshots__/contextmenu.test.tsx.snap b/src/tests/__snapshots__/contextmenu.test.tsx.snap
index a6ee42652..8ed2c3083 100644
--- a/src/tests/__snapshots__/contextmenu.test.tsx.snap
+++ b/src/tests/__snapshots__/contextmenu.test.tsx.snap
@@ -1,284 +1,284 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -315,7 +315,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -337,24 +337,24 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "g1": true,
   },
   "selectedLinearElement": null,
@@ -364,27 +364,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "g1",
   ],
   "height": 100,
@@ -394,7 +394,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -411,14 +411,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "solid",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "g1",
   ],
   "height": 100,
@@ -428,7 +428,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -445,34 +445,34 @@ Object {
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `7`;
+exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of renders 1`] = `7`;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -508,7 +508,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -530,23 +530,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -554,29 +554,29 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
-  "toast": Object {
+  "toast": {
     "message": "Added to library",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -584,7 +584,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -601,41 +601,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -643,7 +643,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -664,14 +664,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -707,7 +707,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -729,23 +729,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -753,27 +753,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -781,7 +781,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -798,14 +798,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -813,7 +813,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -830,41 +830,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -872,7 +872,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -889,25 +889,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -915,7 +915,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -930,13 +930,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -944,7 +944,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -961,25 +961,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -987,7 +987,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -1002,13 +1002,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1016,7 +1016,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1037,14 +1037,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1080,7 +1080,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1102,23 +1102,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1126,27 +1126,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -1154,7 +1154,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -1171,14 +1171,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1186,7 +1186,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1203,41 +1203,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1245,7 +1245,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1262,25 +1262,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1288,7 +1288,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1303,13 +1303,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -1317,7 +1317,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -1334,25 +1334,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -1360,7 +1360,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -1375,13 +1375,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1389,7 +1389,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1410,14 +1410,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1453,7 +1453,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1475,23 +1475,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1499,29 +1499,29 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
-  "toast": Object {
+  "toast": {
     "message": "Copied styles.",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1529,7 +1529,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1546,41 +1546,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1588,7 +1588,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1609,14 +1609,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1652,7 +1652,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1674,21 +1674,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1696,27 +1696,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": true,
@@ -1724,7 +1724,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1741,41 +1741,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -1783,7 +1783,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1800,23 +1800,23 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": true,
@@ -1824,7 +1824,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -1845,14 +1845,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1888,7 +1888,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1910,23 +1910,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0_copy": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1934,27 +1934,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -1962,7 +1962,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -1979,14 +1979,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0_copy",
   "isDeleted": false,
@@ -1994,7 +1994,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -2011,41 +2011,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2053,7 +2053,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2070,25 +2070,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0_copy": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2096,7 +2096,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2111,13 +2111,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0_copy",
           "isDeleted": false,
@@ -2125,7 +2125,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2146,14 +2146,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `14`;
+exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of renders 1`] = `14`;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2189,7 +2189,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2211,26 +2211,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id3": true,
   },
   "selectedLinearElement": null,
@@ -2240,27 +2240,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id3",
   ],
   "height": 20,
@@ -2270,7 +2270,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -2287,14 +2287,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id3",
   ],
   "height": 20,
@@ -2304,7 +2304,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -2321,41 +2321,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2363,7 +2363,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2380,25 +2380,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2406,7 +2406,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2421,13 +2421,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2435,7 +2435,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2452,28 +2452,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -2483,7 +2483,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2498,13 +2498,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -2514,7 +2514,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2535,14 +2535,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `20`;
+exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of renders 1`] = `20`;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2578,7 +2578,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2600,23 +2600,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2624,29 +2624,29 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
-  "toast": Object {
+  "toast": {
     "message": "Copied styles.",
   },
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -2654,7 +2654,7 @@ Object {
   "locked": false,
   "opacity": 60,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -2671,14 +2671,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "#a5d8ff",
   "boundElements": null,
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -2686,7 +2686,7 @@ Object {
   "locked": false,
   "opacity": 60,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 400692809,
@@ -2703,41 +2703,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2745,7 +2745,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2762,25 +2762,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2788,7 +2788,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2803,13 +2803,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2817,7 +2817,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2834,25 +2834,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2860,7 +2860,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2875,13 +2875,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2889,7 +2889,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2906,25 +2906,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -2932,7 +2932,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -2947,13 +2947,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -2961,7 +2961,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -2978,25 +2978,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3004,7 +3004,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3019,13 +3019,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3033,7 +3033,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3050,25 +3050,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3076,7 +3076,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3091,13 +3091,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3105,7 +3105,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3122,25 +3122,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3148,7 +3148,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3163,13 +3163,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3177,7 +3177,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3194,25 +3194,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3220,7 +3220,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3235,13 +3235,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3249,7 +3249,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -3266,25 +3266,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3292,7 +3292,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3307,13 +3307,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3321,7 +3321,7 @@ Object {
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -3338,25 +3338,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3364,7 +3364,7 @@ Object {
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3379,13 +3379,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#a5d8ff",
           "boundElements": null,
           "fillStyle": "cross-hatch",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3393,7 +3393,7 @@ Object {
           "locked": false,
           "opacity": 60,
           "roughness": 2,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -3414,14 +3414,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `32`;
+exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of renders 1`] = `32`;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3457,7 +3457,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3479,23 +3479,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3503,27 +3503,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -3531,7 +3531,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -3548,14 +3548,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -3563,7 +3563,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -3580,41 +3580,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3622,7 +3622,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3639,25 +3639,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3665,7 +3665,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3680,13 +3680,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3694,7 +3694,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3711,25 +3711,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -3737,7 +3737,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -3752,13 +3752,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3766,7 +3766,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -3787,14 +3787,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3830,7 +3830,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3852,23 +3852,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3876,27 +3876,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -3904,7 +3904,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -3921,14 +3921,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -3936,7 +3936,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -3953,41 +3953,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -3995,7 +3995,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4012,25 +4012,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4038,7 +4038,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4053,13 +4053,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4067,7 +4067,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4084,25 +4084,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4110,7 +4110,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4125,13 +4125,13 @@ Object {
           "x": 20,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4139,7 +4139,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4160,14 +4160,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `18`;
+exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of renders 1`] = `18`;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4203,7 +4203,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4225,26 +4225,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4252,27 +4252,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -4280,7 +4280,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -4297,14 +4297,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id1",
   "isDeleted": false,
@@ -4312,7 +4312,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -4329,41 +4329,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4371,7 +4371,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4388,25 +4388,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4414,7 +4414,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4429,13 +4429,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4443,7 +4443,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4460,28 +4460,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -4491,7 +4491,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4506,13 +4506,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 20,
@@ -4522,7 +4522,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4539,26 +4539,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -4566,7 +4566,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -4581,13 +4581,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -4595,7 +4595,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -4616,289 +4616,289 @@ Object {
 }
 `;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `21`;
+exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of renders 1`] = `21`;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -4935,7 +4935,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4957,26 +4957,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4984,27 +4984,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 10,
   "id": "id0",
   "isDeleted": false,
@@ -5012,7 +5012,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -5029,14 +5029,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 10,
   "id": "id1",
   "isDeleted": false,
@@ -5044,7 +5044,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -5061,41 +5061,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5103,7 +5103,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5120,25 +5120,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5146,7 +5146,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5161,13 +5161,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5175,7 +5175,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -5196,289 +5196,289 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `20`;
+exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of renders 1`] = `20`;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -5515,7 +5515,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5537,26 +5537,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id4": true,
   },
   "selectedLinearElement": null,
@@ -5566,27 +5566,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id4",
   ],
   "height": 10,
@@ -5596,7 +5596,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -5613,14 +5613,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "id4",
   ],
   "height": 10,
@@ -5630,7 +5630,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 453191,
@@ -5647,41 +5647,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5689,7 +5689,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5706,25 +5706,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5732,7 +5732,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5747,13 +5747,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5761,7 +5761,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -5778,28 +5778,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -5809,7 +5809,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -5824,13 +5824,13 @@ Object {
           "x": -10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -5840,7 +5840,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 453191,
@@ -5861,128 +5861,128 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of elements 1`] = `2`;
 
-exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `21`;
+exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of renders 1`] = `21`;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for canvas > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.selectAll",
         "keyTest": [Function],
         "name": "selectAll",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.elementLock.unlockAll",
         "name": "unlockAllElements",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
         "viewMode": false,
       },
       "separator",
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "labels.showGrid",
         "keyTest": [Function],
         "name": "gridMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "buttons.zenMode",
         "keyTest": [Function],
         "name": "zenMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "labels.viewMode",
         "keyTest": [Function],
         "name": "viewMode",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
           "predicate": [Function],
         },
         "viewMode": true,
       },
-      Object {
+      {
         "checked": [Function],
         "contextItemLabel": "stats.title",
         "keyTest": [Function],
         "name": "stats",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "menu",
         },
         "viewMode": true,
@@ -6019,7 +6019,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6041,21 +6041,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6063,322 +6063,322 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for canvas > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] number of elements 1`] = `0`;
+exports[`contextMenu element > shows context menu for canvas > [end of test] number of elements 1`] = `0`;
 
-exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `6`;
+exports[`contextMenu element > shows context menu for canvas > [end of test] number of renders 1`] = `6`;
 
-exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -6415,7 +6415,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6437,23 +6437,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6461,298 +6461,298 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] appState 2`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] appState 2`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
     "type": "selection",
   },
   "collaborators": Map {},
-  "contextMenu": Object {
-    "items": Array [
-      Object {
+  "contextMenu": {
+    "items": [
+      {
         "contextItemLabel": "labels.cut",
         "keyTest": [Function],
         "name": "cut",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copy",
         "keyTest": undefined,
         "name": "copy",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.paste",
         "keyTest": undefined,
         "name": "paste",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.selectAllElementsInFrame",
         "name": "selectAllElementsInFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "canvas",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.removeAllElementsFromFrame",
         "name": "removeAllElementsFromFrame",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "history",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyAsPng",
         "keyTest": [Function],
         "name": "copyAsPng",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyAsSvg",
         "name": "copyAsSvg",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.copyText",
         "name": "copyText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.copyStyles",
         "keyTest": [Function],
         "name": "copyStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.pasteStyles",
         "keyTest": [Function],
         "name": "pasteStyles",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.group",
         "keyTest": [Function],
         "name": "group",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.unbindText",
         "name": "unbindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.bindText",
         "name": "bindText",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.createContainerFromText",
         "name": "wrapTextInContainer",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.ungroup",
         "keyTest": [Function],
         "name": "ungroup",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.addToLibrary",
         "name": "addToLibrary",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendBackward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "sendBackward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringForward",
         "keyPriority": 40,
         "keyTest": [Function],
         "name": "bringForward",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.sendToBack",
         "keyTest": [Function],
         "name": "sendToBack",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.bringToFront",
         "keyTest": [Function],
         "name": "bringToFront",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": "labels.flipHorizontal",
         "keyTest": [Function],
         "name": "flipHorizontal",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": "labels.flipVertical",
         "keyTest": [Function],
         "name": "flipVertical",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "contextItemLabel": [Function],
         "name": "toggleLinearEditor",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "hyperlink",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "click",
           "category": "hyperlink",
         },
       },
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.duplicateSelection",
         "keyTest": [Function],
         "name": "duplicateSelection",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
-      Object {
+      {
         "contextItemLabel": [Function],
         "keyTest": [Function],
         "name": "toggleElementLock",
         "perform": [Function],
         "predicate": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "category": "element",
         },
       },
       "separator",
-      Object {
+      {
         "PanelComponent": [Function],
         "contextItemLabel": "labels.delete",
         "keyTest": [Function],
         "name": "deleteSelectedElements",
         "perform": [Function],
-        "trackEvent": Object {
+        "trackEvent": {
           "action": "delete",
           "category": "element",
         },
@@ -6789,7 +6789,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6811,23 +6811,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6835,27 +6835,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 200,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] element 0 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 20,
   "id": "id0",
   "isDeleted": false,
@@ -6863,7 +6863,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -6880,14 +6880,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] element 0 2`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] element 0 2`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 200,
   "id": "id0",
   "isDeleted": false,
@@ -6895,7 +6895,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -6912,14 +6912,14 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] element 1 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] element 1 1`] = `
+{
   "angle": 0,
   "backgroundColor": "red",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 200,
   "id": "id1",
   "isDeleted": false,
@@ -6927,7 +6927,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 1278240551,
@@ -6944,41 +6944,41 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] history 1`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id0",
           "isDeleted": false,
@@ -6986,7 +6986,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -7007,30 +7007,30 @@ Object {
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] history 2`] = `
-Object {
+exports[`contextMenu element > shows context menu for element > [end of test] history 2`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of elements 1`] = `1`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of elements 1`] = `1`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of elements 2`] = `2`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of elements 2`] = `2`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `12`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of renders 1`] = `12`;
 
-exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `11`;
+exports[`contextMenu element > shows context menu for element > [end of test] number of renders 2`] = `11`;
diff --git a/src/tests/__snapshots__/dragCreate.test.tsx.snap b/src/tests/__snapshots__/dragCreate.test.tsx.snap
index b8d95d221..3f527ded1 100644
--- a/src/tests/__snapshots__/dragCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/dragCreate.test.tsx.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough arrow 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > arrow 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough arrow 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > arrow 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -11,7 +11,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -19,18 +19,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -49,16 +49,16 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough diamond 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > diamond 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough diamond 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > diamond 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -66,7 +66,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -83,16 +83,16 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough ellipse 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > ellipse 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough ellipse 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > ellipse 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -100,7 +100,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -117,8 +117,8 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough line 1`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > line 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -126,7 +126,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -134,18 +134,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -164,16 +164,16 @@ Object {
 }
 `;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough rectangle 1`] = `1`;
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > rectangle 1`] = `1`;
 
-exports[`Test dragCreate add element to the scene when pointer dragging long enough rectangle 2`] = `
-Object {
+exports[`Test dragCreate > add element to the scene when pointer dragging long enough > rectangle 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -181,7 +181,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
diff --git a/src/tests/__snapshots__/export.test.tsx.snap b/src/tests/__snapshots__/export.test.tsx.snap
index 5f860150e..8eb93c74e 100644
--- a/src/tests/__snapshots__/export.test.tsx.snap
+++ b/src/tests/__snapshots__/export.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`export exporting svg containing transformed images: svg export output 1`] = `
+exports[`export > exporting svg containing transformed images > svg export output 1`] = `
 "<svg version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 201.06601717798213 261.4213562373095\\" width=\\"201.06601717798213\\" height=\\"261.4213562373095\\"><symbol id=\\"image-file_A\\"><image width=\\"100%\\" height=\\"100%\\" href=\\"data:image/png;base64,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\\"></image></symbol>
   <!-- svg-source:excalidraw -->
   
diff --git a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
index d1a73e72f..190f4b92f 100644
--- a/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
+++ b/src/tests/__snapshots__/linearElementEditor.test.tsx.snap
@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test Linear Elements Test bound text element should match styles for text editor 1`] = `
+exports[`Test Linear Elements > Test bound text element > should match styles for text editor 1`] = `
 <textarea
   class="excalidraw-wysiwyg"
   data-type="wysiwyg"
   dir="auto"
-  style="position: absolute; display: inline-block; min-height: 1em; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
+  style="position: absolute; display: inline-block; min-height: 1em; backface-visibility: hidden; margin: 0px; padding: 0px; border: 0px; outline: 0; resize: none; background: transparent; overflow: hidden; z-index: var(--zIndex-wysiwyg); word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; width: 10.5px; height: 25px; left: 35px; top: 7.5px; transform: translate(0px, 0px) scale(1) rotate(0deg); text-align: center; vertical-align: middle; color: rgb(30, 30, 30); opacity: 1; filter: var(--theme-filter); max-height: -7.5px; font: Emoji 20px 20px; line-height: 1.25; font-family: Virgil, Segoe UI Emoji;"
   tabindex="0"
   wrap="off"
 />
diff --git a/src/tests/__snapshots__/move.test.tsx.snap b/src/tests/__snapshots__/move.test.tsx.snap
index 5084d1508..e7b73d67a 100644
--- a/src/tests/__snapshots__/move.test.tsx.snap
+++ b/src/tests/__snapshots__/move.test.tsx.snap
@@ -1,13 +1,13 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`duplicate element on move when ALT is clicked rectangle 1`] = `
-Object {
+exports[`duplicate element on move when ALT is clicked > rectangle 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0_copy",
   "isDeleted": false,
@@ -15,7 +15,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 401146281,
@@ -32,14 +32,14 @@ Object {
 }
 `;
 
-exports[`duplicate element on move when ALT is clicked rectangle 2`] = `
-Object {
+exports[`duplicate element on move when ALT is clicked > rectangle 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -47,7 +47,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -64,14 +64,14 @@ Object {
 }
 `;
 
-exports[`move element rectangle 1`] = `
-Object {
+exports[`move element > rectangle 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -79,7 +79,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -96,19 +96,19 @@ Object {
 }
 `;
 
-exports[`move element rectangles with binding arrow 1`] = `
-Object {
+exports[`move element > rectangles with binding arrow 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [
-    Object {
+  "boundElements": [
+    {
       "id": "id2",
       "type": "arrow",
     },
   ],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id0",
   "isDeleted": false,
@@ -116,7 +116,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -133,19 +133,19 @@ Object {
 }
 `;
 
-exports[`move element rectangles with binding arrow 2`] = `
-Object {
+exports[`move element > rectangles with binding arrow 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [
-    Object {
+  "boundElements": [
+    {
       "id": "id2",
       "type": "arrow",
     },
   ],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 300,
   "id": "id1",
   "isDeleted": false,
@@ -153,7 +153,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 449462985,
@@ -170,20 +170,20 @@ Object {
 }
 `;
 
-exports[`move element rectangles with binding arrow 3`] = `
-Object {
+exports[`move element > rectangles with binding arrow 3`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "endArrowhead": null,
-  "endBinding": Object {
+  "endBinding": {
     "elementId": "id1",
     "focus": -0.46666666666666673,
     "gap": 10,
   },
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 81.48231043525051,
   "id": "id2",
   "isDeleted": false,
@@ -191,23 +191,23 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       81,
       81.48231043525051,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 401146281,
   "startArrowhead": null,
-  "startBinding": Object {
+  "startBinding": {
     "elementId": "id0",
     "focus": -0.6000000000000001,
     "gap": 10,
diff --git a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
index 0a6ae0cc8..27a6647f7 100644
--- a/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
+++ b/src/tests/__snapshots__/multiPointCreate.test.tsx.snap
@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`multi point mode in linear elements arrow 1`] = `
-Object {
+exports[`multi point mode in linear elements > arrow 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -9,33 +9,33 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 110,
   "id": "id0",
   "isDeleted": false,
-  "lastCommittedPoint": Array [
+  "lastCommittedPoint": [
     70,
     110,
   ],
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       20,
       30,
     ],
-    Array [
+    [
       70,
       110,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -54,8 +54,8 @@ Object {
 }
 `;
 
-exports[`multi point mode in linear elements line 1`] = `
-Object {
+exports[`multi point mode in linear elements > line 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -63,33 +63,33 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 110,
   "id": "id0",
   "isDeleted": false,
-  "lastCommittedPoint": Array [
+  "lastCommittedPoint": [
     70,
     110,
   ],
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       20,
       30,
     ],
-    Array [
+    [
       70,
       110,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index d1400a567..8c8dd713b 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] appState 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -39,7 +39,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -61,14 +61,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -77,12 +77,12 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id5": true,
   },
   "selectedLinearElement": null,
@@ -92,54 +92,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] history 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -147,7 +147,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -164,25 +164,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -190,7 +190,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -205,13 +205,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -219,7 +219,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -236,25 +236,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -262,7 +262,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -277,13 +277,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -291,7 +291,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -306,13 +306,13 @@ Object {
           "x": 0,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -320,7 +320,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -337,28 +337,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -366,7 +366,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -381,13 +381,13 @@ Object {
           "x": 0,
           "y": 30,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -397,7 +397,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -412,13 +412,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -428,7 +428,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -449,14 +449,14 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `0`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of elements 1`] = `0`;
 
-exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of renders 1`] = `28`;
+exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of renders 1`] = `28`;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] appState 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -492,7 +492,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -514,14 +514,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -530,11 +530,11 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -547,54 +547,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] history 1`] = `
-Object {
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -602,7 +602,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -619,25 +619,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -645,7 +645,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -660,13 +660,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -674,7 +674,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -691,25 +691,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -717,7 +717,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -732,13 +732,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -746,7 +746,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -761,13 +761,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -775,7 +775,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -792,28 +792,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -821,7 +821,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -836,13 +836,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 100,
@@ -852,7 +852,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -867,13 +867,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 100,
@@ -883,7 +883,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -904,14 +904,14 @@ Object {
 }
 `;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `0`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of elements 1`] = `0`;
 
-exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of renders 1`] = `24`;
+exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of renders 1`] = `24`;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -947,7 +947,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -969,23 +969,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id7": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -993,54 +993,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] history 1`] = `
-Object {
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1048,7 +1048,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1065,25 +1065,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1091,7 +1091,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1106,13 +1106,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -1120,7 +1120,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1137,28 +1137,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1168,7 +1168,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1183,13 +1183,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1199,7 +1199,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1216,25 +1216,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id4",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1244,7 +1244,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1259,13 +1259,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1275,7 +1275,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1292,25 +1292,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id7": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1320,7 +1320,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1335,13 +1335,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -1351,7 +1351,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1366,13 +1366,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id7",
           "isDeleted": false,
@@ -1380,7 +1380,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1397,29 +1397,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id7": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id10": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1430,7 +1430,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1445,13 +1445,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1462,7 +1462,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1477,13 +1477,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id10",
           ],
           "height": 10,
@@ -1493,7 +1493,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1510,25 +1510,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id4",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1539,7 +1539,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1554,13 +1554,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1571,7 +1571,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1586,13 +1586,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id10",
           ],
           "height": 10,
@@ -1602,7 +1602,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1619,25 +1619,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id10",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id7": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1648,7 +1648,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -1663,13 +1663,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -1680,7 +1680,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -1695,13 +1695,13 @@ Object {
           "x": 30,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id10",
           ],
           "height": 10,
@@ -1711,7 +1711,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -1732,14 +1732,14 @@ Object {
 }
 `;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of renders 1`] = `43`;
+exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of renders 1`] = `43`;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1775,7 +1775,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -1797,25 +1797,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -1823,54 +1823,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] history 1`] = `
-Object {
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1878,7 +1878,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -1895,25 +1895,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -1921,7 +1921,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -1942,14 +1942,14 @@ Object {
 }
 `;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of renders 1`] = `12`;
+exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > adjusts z order when grouping > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -1985,7 +1985,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2007,26 +2007,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id5": true,
   },
   "selectedLinearElement": null,
@@ -2036,54 +2036,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = `
-Object {
+exports[`regression tests > adjusts z order when grouping > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2091,7 +2091,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2108,25 +2108,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2134,7 +2134,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2149,13 +2149,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2163,7 +2163,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -2180,25 +2180,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2206,7 +2206,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2221,13 +2221,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2235,7 +2235,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -2250,13 +2250,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -2264,7 +2264,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -2281,28 +2281,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -2310,7 +2310,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -2325,13 +2325,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -2341,7 +2341,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2356,13 +2356,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
           ],
           "height": 10,
@@ -2372,7 +2372,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -2393,14 +2393,14 @@ Object {
 }
 `;
 
-exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > adjusts z order when grouping > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `22`;
+exports[`regression tests > adjusts z order when grouping > [end of test] number of renders 1`] = `22`;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > alt-drag duplicates an element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2436,7 +2436,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2458,25 +2458,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2484,54 +2484,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > alt-drag duplicates an element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2539,7 +2539,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2556,25 +2556,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0_copy",
           "isDeleted": false,
@@ -2582,7 +2582,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -2597,13 +2597,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2611,7 +2611,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2632,14 +2632,14 @@ Object {
 }
 `;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > alt-drag duplicates an element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests alt-drag duplicates an element: [end of test] number of renders 1`] = `12`;
+exports[`regression tests > alt-drag duplicates an element > [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests arrow keys: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > arrow keys > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2675,7 +2675,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2697,23 +2697,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2721,54 +2721,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests arrow keys: [end of test] history 1`] = `
-Object {
+exports[`regression tests > arrow keys > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -2776,7 +2776,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2797,14 +2797,14 @@ Object {
 }
 `;
 
-exports[`regression tests arrow keys: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > arrow keys > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests arrow keys: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > arrow keys > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -2840,7 +2840,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -2862,25 +2862,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -2888,54 +2888,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] history 1`] = `
-Object {
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -2943,7 +2943,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -2960,25 +2960,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -2986,7 +2986,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3001,13 +3001,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3015,7 +3015,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -3032,25 +3032,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -3058,7 +3058,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3073,13 +3073,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3087,7 +3087,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -3102,13 +3102,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 350,
           "id": "id2",
           "isDeleted": false,
@@ -3116,7 +3116,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -3133,25 +3133,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id0",
           "isDeleted": false,
@@ -3159,7 +3159,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3174,13 +3174,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 200,
           "id": "id1",
           "isDeleted": false,
@@ -3188,7 +3188,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -3203,13 +3203,13 @@ Object {
           "x": 300,
           "y": 300,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 350,
           "id": "id2",
           "isDeleted": false,
@@ -3217,7 +3217,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -3238,14 +3238,14 @@ Object {
 }
 `;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > change the properties of a shape > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3281,7 +3281,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3303,23 +3303,23 @@ Object {
   "openMenu": null,
   "openPopup": "elementStroke",
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3327,54 +3327,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests change the properties of a shape: [end of test] history 1`] = `
-Object {
+exports[`regression tests > change the properties of a shape > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3382,7 +3382,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3399,25 +3399,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffec99",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3425,7 +3425,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3442,25 +3442,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3468,7 +3468,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3485,25 +3485,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3511,7 +3511,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3532,14 +3532,14 @@ Object {
 }
 `;
 
-exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > change the properties of a shape > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `14`;
+exports[`regression tests > change the properties of a shape > [end of test] number of renders 1`] = `14`;
 
-exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [dragged] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3575,7 +3575,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3597,25 +3597,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3623,27 +3623,27 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [dragged] element 0 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 10,
   "id": "id0",
   "isDeleted": false,
@@ -3651,7 +3651,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
@@ -3668,41 +3668,41 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [dragged] history 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [dragged] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3710,7 +3710,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3727,25 +3727,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3753,7 +3753,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3774,14 +3774,14 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [dragged] number of elements 1`] = `1`;
+exports[`regression tests > click on an element and drag it > [dragged] number of elements 1`] = `1`;
 
-exports[`regression tests click on an element and drag it: [dragged] number of renders 1`] = `12`;
+exports[`regression tests > click on an element and drag it > [dragged] number of renders 1`] = `12`;
 
-exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -3817,7 +3817,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -3839,25 +3839,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -3865,54 +3865,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click on an element and drag it: [end of test] history 1`] = `
-Object {
+exports[`regression tests > click on an element and drag it > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3920,7 +3920,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3937,25 +3937,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -3963,7 +3963,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -3980,25 +3980,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4006,7 +4006,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4027,14 +4027,14 @@ Object {
 }
 `;
 
-exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > click on an element and drag it > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `15`;
+exports[`regression tests > click on an element and drag it > [end of test] number of renders 1`] = `15`;
 
-exports[`regression tests click to select a shape: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > click to select a shape > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4070,7 +4070,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4092,25 +4092,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4118,54 +4118,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click to select a shape: [end of test] history 1`] = `
-Object {
+exports[`regression tests > click to select a shape > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4173,7 +4173,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4190,25 +4190,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4216,7 +4216,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4231,13 +4231,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4245,7 +4245,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -4266,14 +4266,14 @@ Object {
 }
 `;
 
-exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > click to select a shape > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests click to select a shape: [end of test] number of renders 1`] = `15`;
+exports[`regression tests > click to select a shape > [end of test] number of renders 1`] = `15`;
 
-exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > click-drag to select a group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4309,7 +4309,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4331,26 +4331,26 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id2": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -4358,54 +4358,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests click-drag to select a group: [end of test] history 1`] = `
-Object {
+exports[`regression tests > click-drag to select a group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4413,7 +4413,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4430,25 +4430,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4456,7 +4456,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4471,13 +4471,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4485,7 +4485,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -4502,25 +4502,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4528,7 +4528,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4543,13 +4543,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4557,7 +4557,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -4572,13 +4572,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -4586,7 +4586,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -4607,14 +4607,14 @@ Object {
 }
 `;
 
-exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > click-drag to select a group > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > click-drag to select a group > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4638,13 +4638,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4652,7 +4652,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4678,7 +4678,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4700,14 +4700,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -4715,17 +4715,17 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4733,7 +4733,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4753,54 +4753,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4808,7 +4808,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4825,25 +4825,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -4851,7 +4851,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -4866,13 +4866,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -4880,7 +4880,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -4901,14 +4901,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `16`;
+exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `16`;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -4932,13 +4932,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "up",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id3",
     "isDeleted": false,
@@ -4946,7 +4946,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 2019559783,
@@ -4972,7 +4972,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -4994,14 +4994,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -5009,9 +5009,9 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5019,54 +5019,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5074,7 +5074,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5091,25 +5091,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5117,7 +5117,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5132,13 +5132,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5146,7 +5146,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -5167,14 +5167,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of renders 1`] = `17`;
+exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of renders 1`] = `17`;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5198,13 +5198,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id1",
     "isDeleted": false,
@@ -5212,7 +5212,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 449462985,
@@ -5238,7 +5238,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5260,31 +5260,31 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id1",
     "isDeleted": false,
@@ -5292,7 +5292,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 449462985,
@@ -5312,54 +5312,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5367,7 +5367,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5388,14 +5388,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `10`;
+exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5431,7 +5431,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5453,23 +5453,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5477,54 +5477,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id0",
           "isDeleted": false,
@@ -5532,7 +5532,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -5553,14 +5553,14 @@ Object {
 }
 `;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > double click to edit a group > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -5596,7 +5596,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -5618,23 +5618,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -5642,54 +5642,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests double click to edit a group: [end of test] history 1`] = `
-Object {
+exports[`regression tests > double click to edit a group > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5697,7 +5697,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5714,25 +5714,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5740,7 +5740,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5755,13 +5755,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5769,7 +5769,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -5786,25 +5786,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -5812,7 +5812,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5827,13 +5827,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -5841,7 +5841,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -5856,13 +5856,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -5870,7 +5870,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -5887,29 +5887,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 10,
@@ -5919,7 +5919,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -5934,13 +5934,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 10,
@@ -5950,7 +5950,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -5965,13 +5965,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 10,
@@ -5981,7 +5981,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -6002,14 +6002,14 @@ Object {
 }
 `;
 
-exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > double click to edit a group > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > double click to edit a group > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -6045,7 +6045,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6067,14 +6067,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -6082,12 +6082,12 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6095,54 +6095,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] history 1`] = `
-Object {
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6150,7 +6150,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6167,25 +6167,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6193,7 +6193,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6208,13 +6208,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6222,7 +6222,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6239,26 +6239,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6266,7 +6266,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6281,13 +6281,13 @@ Object {
           "x": 25,
           "y": 25,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6295,7 +6295,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6316,14 +6316,14 @@ Object {
 }
 `;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of renders 1`] = `18`;
+exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of renders 1`] = `18`;
 
-exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > draw every type of shape > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -6359,7 +6359,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -6381,21 +6381,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -6403,54 +6403,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests draw every type of shape: [end of test] history 1`] = `
-Object {
+exports[`regression tests > draw every type of shape > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6458,7 +6458,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6475,25 +6475,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6501,7 +6501,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6516,13 +6516,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6530,7 +6530,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6547,25 +6547,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6573,7 +6573,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6588,13 +6588,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6602,7 +6602,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6617,13 +6617,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6631,7 +6631,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -6648,25 +6648,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id3": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6674,7 +6674,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6689,13 +6689,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6703,7 +6703,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6718,13 +6718,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6732,7 +6732,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -6747,7 +6747,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6755,7 +6755,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -6763,18 +6763,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -6793,25 +6793,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id4": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -6819,7 +6819,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -6834,13 +6834,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -6848,7 +6848,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -6863,13 +6863,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -6877,7 +6877,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -6892,7 +6892,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6900,7 +6900,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -6908,18 +6908,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -6936,7 +6936,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -6944,7 +6944,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -6952,18 +6952,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -6982,25 +6982,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7008,7 +7008,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7023,13 +7023,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7037,7 +7037,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7052,13 +7052,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7066,7 +7066,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7081,7 +7081,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7089,7 +7089,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7097,18 +7097,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7125,7 +7125,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7133,7 +7133,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7141,18 +7141,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7169,7 +7169,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7177,29 +7177,29 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7218,25 +7218,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7244,7 +7244,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7259,13 +7259,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7273,7 +7273,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7288,13 +7288,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7302,7 +7302,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7317,7 +7317,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7325,7 +7325,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7333,18 +7333,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7361,7 +7361,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7369,7 +7369,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7377,18 +7377,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7405,7 +7405,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7413,33 +7413,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7458,25 +7458,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id6": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7484,7 +7484,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7499,13 +7499,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7513,7 +7513,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7528,13 +7528,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7542,7 +7542,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7557,7 +7557,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7565,7 +7565,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7573,18 +7573,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7601,7 +7601,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7609,7 +7609,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7617,18 +7617,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7645,7 +7645,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7653,33 +7653,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7696,7 +7696,7 @@ Object {
           "x": 310,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7704,29 +7704,29 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 760410951,
@@ -7745,25 +7745,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id6": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -7771,7 +7771,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -7786,13 +7786,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -7800,7 +7800,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -7815,13 +7815,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -7829,7 +7829,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -7844,7 +7844,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7852,7 +7852,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -7860,18 +7860,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -7888,7 +7888,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7896,7 +7896,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -7904,18 +7904,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -7932,7 +7932,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7940,33 +7940,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -7983,7 +7983,7 @@ Object {
           "x": 310,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -7991,33 +7991,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 760410951,
@@ -8036,23 +8036,23 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8060,7 +8060,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8075,13 +8075,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -8089,7 +8089,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8104,13 +8104,13 @@ Object {
           "x": 40,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -8118,7 +8118,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -8133,7 +8133,7 @@ Object {
           "x": 70,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8141,7 +8141,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id3",
           "isDeleted": false,
@@ -8149,18 +8149,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1150084233,
@@ -8177,7 +8177,7 @@ Object {
           "x": 130,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8185,7 +8185,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id4",
           "isDeleted": false,
@@ -8193,18 +8193,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 238820263,
@@ -8221,7 +8221,7 @@ Object {
           "x": 220,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8229,33 +8229,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id5",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 1505387817,
@@ -8272,7 +8272,7 @@ Object {
           "x": 310,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -8280,33 +8280,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id6",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             80,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               80,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 760410951,
@@ -8323,38 +8323,38 @@ Object {
           "x": 430,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id7",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             50,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               50,
               10,
             ],
-            Array [
+            [
               50,
               10,
             ],
           ],
-          "pressures": Array [
+          "pressures": [
             0,
             0,
             0,
@@ -8380,14 +8380,14 @@ Object {
 }
 `;
 
-exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > draw every type of shape > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `57`;
+exports[`regression tests > draw every type of shape > [end of test] number of renders 1`] = `57`;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -8423,7 +8423,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -8445,14 +8445,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id2": true,
   },
@@ -8460,11 +8460,11 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -8472,54 +8472,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8527,7 +8527,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8544,25 +8544,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8570,7 +8570,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8585,13 +8585,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -8599,7 +8599,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8616,25 +8616,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -8642,7 +8642,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8657,13 +8657,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -8671,7 +8671,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8686,13 +8686,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -8700,7 +8700,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -8721,14 +8721,14 @@ Object {
 }
 `;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -8764,7 +8764,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -8786,26 +8786,26 @@ Object {
   "openMenu": null,
   "openPopup": "elementBackground",
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -8813,54 +8813,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -8868,7 +8868,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8885,25 +8885,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -8911,7 +8911,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -8926,13 +8926,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id1",
           "isDeleted": false,
@@ -8940,7 +8940,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -8961,14 +8961,14 @@ Object {
 }
 `;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of renders 1`] = `19`;
+exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of renders 1`] = `19`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9004,7 +9004,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9026,25 +9026,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9052,54 +9052,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9107,7 +9107,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9122,13 +9122,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9136,7 +9136,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9157,14 +9157,14 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of renders 1`] = `12`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of renders 1`] = `12`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9200,7 +9200,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9222,25 +9222,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9248,54 +9248,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] history 1`] = `
-Object {
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9303,7 +9303,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9318,13 +9318,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9332,7 +9332,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9349,25 +9349,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 1000,
           "id": "id0",
           "isDeleted": false,
@@ -9375,7 +9375,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9390,13 +9390,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "red",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 500,
           "id": "id1",
           "isDeleted": false,
@@ -9404,7 +9404,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1278240551,
@@ -9425,14 +9425,14 @@ Object {
 }
 `;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of renders 1`] = `13`;
+exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 2 selects rectangle tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9468,7 +9468,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9490,23 +9490,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9514,54 +9514,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 2 selects rectangle tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9569,7 +9569,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -9590,14 +9590,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 2 selects rectangle tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 2 selects rectangle tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 2 selects rectangle tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 3 selects diamond tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9633,7 +9633,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9655,23 +9655,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9679,54 +9679,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 3 selects diamond tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9734,7 +9734,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -9755,14 +9755,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 3 selects diamond tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 3 selects diamond tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 3 selects diamond tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 4 selects ellipse tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9798,7 +9798,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9820,23 +9820,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -9844,54 +9844,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 4 selects ellipse tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -9899,7 +9899,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -9920,14 +9920,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 4 selects ellipse tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 4 selects ellipse tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 4 selects ellipse tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -9963,7 +9963,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -9985,40 +9985,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10032,48 +10032,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10081,7 +10081,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10089,18 +10089,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10123,14 +10123,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 5 selects arrow tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 5 selects arrow tool: [end of test] number of renders 1`] = `10`;
+exports[`regression tests > key 5 selects arrow tool > [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests key 6 selects line tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 6 selects line tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10166,7 +10166,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10188,40 +10188,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10235,48 +10235,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 6 selects line tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 6 selects line tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10284,7 +10284,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10292,18 +10292,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10326,14 +10326,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 6 selects line tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 6 selects line tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 6 selects line tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 6 selects line tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key 7 selects freedraw tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10369,7 +10369,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10391,21 +10391,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -10413,77 +10413,77 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key 7 selects freedraw tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             10,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
-          "pressures": Array [
+          "pressures": [
             0,
             0,
             0,
@@ -10509,14 +10509,14 @@ Object {
 }
 `;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key 7 selects freedraw tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key 7 selects freedraw tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key 7 selects freedraw tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key a selects arrow tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key a selects arrow tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10552,7 +10552,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10574,40 +10574,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10621,48 +10621,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key a selects arrow tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key a selects arrow tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -10670,7 +10670,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10678,18 +10678,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10712,14 +10712,14 @@ Object {
 }
 `;
 
-exports[`regression tests key a selects arrow tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key a selects arrow tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key a selects arrow tool: [end of test] number of renders 1`] = `10`;
+exports[`regression tests > key a selects arrow tool > [end of test] number of renders 1`] = `10`;
 
-exports[`regression tests key d selects diamond tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key d selects diamond tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10755,7 +10755,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10777,23 +10777,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -10801,54 +10801,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key d selects diamond tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key d selects diamond tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -10856,7 +10856,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -10877,14 +10877,14 @@ Object {
 }
 `;
 
-exports[`regression tests key d selects diamond tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key d selects diamond tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key d selects diamond tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key d selects diamond tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key l selects line tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key l selects line tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -10920,7 +10920,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -10942,40 +10942,40 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": LinearElementEditor {
     "elementId": "id0",
     "endBindingElement": "keep",
     "hoverPointIndex": -1,
     "isDragging": false,
     "lastUncommittedPoint": null,
-    "pointerDownState": Object {
+    "pointerDownState": {
       "lastClickedPoint": -1,
       "origin": null,
       "prevSelectedPointsIndices": null,
-      "segmentMidpoint": Object {
+      "segmentMidpoint": {
         "added": false,
         "index": null,
         "value": null,
       },
     },
-    "pointerOffset": Object {
+    "pointerOffset": {
       "x": 0,
       "y": 0,
     },
@@ -10989,48 +10989,48 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key l selects line tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key l selects line tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -11038,7 +11038,7 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11046,18 +11046,18 @@ Object {
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -11080,14 +11080,14 @@ Object {
 }
 `;
 
-exports[`regression tests key l selects line tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key l selects line tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key l selects line tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key l selects line tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key o selects ellipse tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key o selects ellipse tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11123,7 +11123,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11145,23 +11145,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11169,54 +11169,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key o selects ellipse tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key o selects ellipse tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11224,7 +11224,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 337897,
@@ -11245,14 +11245,14 @@ Object {
 }
 `;
 
-exports[`regression tests key o selects ellipse tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key o selects ellipse tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key o selects ellipse tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key o selects ellipse tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key p selects freedraw tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key p selects freedraw tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11288,7 +11288,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11310,21 +11310,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11332,77 +11332,77 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key p selects freedraw tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key p selects freedraw tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             10,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               10,
               10,
             ],
-            Array [
+            [
               10,
               10,
             ],
           ],
-          "pressures": Array [
+          "pressures": [
             0,
             0,
             0,
@@ -11428,14 +11428,14 @@ Object {
 }
 `;
 
-exports[`regression tests key p selects freedraw tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key p selects freedraw tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key p selects freedraw tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key p selects freedraw tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests key r selects rectangle tool: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > key r selects rectangle tool > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11471,7 +11471,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11493,23 +11493,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -11517,54 +11517,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests key r selects rectangle tool: [end of test] history 1`] = `
-Object {
+exports[`regression tests > key r selects rectangle tool > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11572,7 +11572,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11593,14 +11593,14 @@ Object {
 }
 `;
 
-exports[`regression tests key r selects rectangle tool: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > key r selects rectangle tool > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests key r selects rectangle tool: [end of test] number of renders 1`] = `9`;
+exports[`regression tests > key r selects rectangle tool > [end of test] number of renders 1`] = `9`;
 
-exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > make a group and duplicate it > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -11636,7 +11636,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -11658,14 +11658,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -11674,13 +11674,13 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id4": true,
   },
   "selectedLinearElement": null,
@@ -11690,54 +11690,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests make a group and duplicate it: [end of test] history 1`] = `
-Object {
+exports[`regression tests > make a group and duplicate it > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11745,7 +11745,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11762,25 +11762,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11788,7 +11788,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11803,13 +11803,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -11817,7 +11817,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -11834,25 +11834,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -11860,7 +11860,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11875,13 +11875,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -11889,7 +11889,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -11904,13 +11904,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -11918,7 +11918,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -11935,29 +11935,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -11967,7 +11967,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -11982,13 +11982,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -11998,7 +11998,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -12013,13 +12013,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12029,7 +12029,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -12046,29 +12046,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4_copy",
           ],
           "height": 10,
@@ -12078,7 +12078,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 915032327,
@@ -12093,13 +12093,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4_copy",
           ],
           "height": 10,
@@ -12109,7 +12109,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 747212839,
@@ -12124,13 +12124,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4_copy",
           ],
           "height": 10,
@@ -12140,7 +12140,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 760410951,
@@ -12155,13 +12155,13 @@ Object {
           "x": 50,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12171,7 +12171,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12186,13 +12186,13 @@ Object {
           "x": 20,
           "y": 20,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12202,7 +12202,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -12217,13 +12217,13 @@ Object {
           "x": 40,
           "y": 20,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -12233,7 +12233,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -12254,14 +12254,14 @@ Object {
 }
 `;
 
-exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > make a group and duplicate it > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `24`;
+exports[`regression tests > make a group and duplicate it > [end of test] number of renders 1`] = `24`;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12297,7 +12297,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12319,25 +12319,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12345,54 +12345,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = `
-Object {
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12400,7 +12400,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12417,25 +12417,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12443,7 +12443,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12458,13 +12458,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -12472,7 +12472,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -12493,14 +12493,14 @@ Object {
 }
 `;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `21`;
+exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of renders 1`] = `21`;
 
-exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12536,7 +12536,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12558,21 +12558,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": -2.916666666666668,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
@@ -12580,47 +12580,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = `
-Object {
+exports[`regression tests > pinch-to-zoom works > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests pinch-to-zoom works: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > pinch-to-zoom works > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > pinch-to-zoom works > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > rerenders UI on language change > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12656,7 +12656,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12678,21 +12678,21 @@ Object {
   "openMenu": "canvas",
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12700,47 +12700,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests rerenders UI on language change: [end of test] history 1`] = `
-Object {
+exports[`regression tests > rerenders UI on language change > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > rerenders UI on language change > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > rerenders UI on language change > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12776,7 +12776,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12798,23 +12798,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12822,54 +12822,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] history 1`] = `
-Object {
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -12877,7 +12877,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -12898,14 +12898,14 @@ Object {
 }
 `;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of renders 1`] = `11`;
+exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of renders 1`] = `11`;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -12941,7 +12941,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -12963,14 +12963,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
   },
@@ -12978,12 +12978,12 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -12991,54 +12991,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = `
-Object {
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13046,7 +13046,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13063,25 +13063,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13089,7 +13089,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13104,13 +13104,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13118,7 +13118,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13135,26 +13135,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13162,7 +13162,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13177,13 +13177,13 @@ Object {
           "x": 20,
           "y": 20,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13191,7 +13191,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13212,14 +13212,14 @@ Object {
 }
 `;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests should group elements and ungroup them: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > should group elements and ungroup them > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -13255,7 +13255,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -13277,14 +13277,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
@@ -13293,13 +13293,13 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
     "id2": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -13307,54 +13307,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests should group elements and ungroup them: [end of test] history 1`] = `
-Object {
+exports[`regression tests > should group elements and ungroup them > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13362,7 +13362,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13379,25 +13379,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13405,7 +13405,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13420,13 +13420,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13434,7 +13434,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13451,25 +13451,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13477,7 +13477,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13492,13 +13492,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13506,7 +13506,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13521,13 +13521,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -13535,7 +13535,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -13552,29 +13552,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -13584,7 +13584,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13599,13 +13599,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -13615,7 +13615,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13630,13 +13630,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -13646,7 +13646,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -13663,27 +13663,27 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13691,7 +13691,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13706,13 +13706,13 @@ Object {
           "x": 10,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -13720,7 +13720,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -13735,13 +13735,13 @@ Object {
           "x": 30,
           "y": 10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
@@ -13749,7 +13749,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -13770,14 +13770,14 @@ Object {
 }
 `;
 
-exports[`regression tests should group elements and ungroup them: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > should group elements and ungroup them > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests should group elements and ungroup them: [end of test] number of renders 1`] = `25`;
+exports[`regression tests > should group elements and ungroup them > [end of test] number of renders 1`] = `25`;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -13813,7 +13813,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -13835,23 +13835,23 @@ Object {
   "openMenu": null,
   "openPopup": "elementBackground",
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -13859,54 +13859,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] history 1`] = `
-Object {
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13914,7 +13914,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13931,25 +13931,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "#ffc9c9",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -13957,7 +13957,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -13978,14 +13978,14 @@ Object {
 }
 `;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `13`;
+exports[`regression tests > should show fill icons when element has non transparent background > [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14021,7 +14021,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -14043,14 +14043,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
     "id1": true,
     "id5": true,
@@ -14060,14 +14060,14 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
     "id1": true,
     "id5": true,
     "id6": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {
+  "selectedGroupIds": {
     "id10": true,
   },
   "selectedLinearElement": null,
@@ -14077,54 +14077,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] history 1`] = `
-Object {
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -14132,7 +14132,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14149,25 +14149,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -14175,7 +14175,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14190,13 +14190,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -14204,7 +14204,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14221,28 +14221,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id4": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14252,7 +14252,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14267,13 +14267,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14283,7 +14283,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14300,25 +14300,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14328,7 +14328,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14343,13 +14343,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14359,7 +14359,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14374,13 +14374,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
@@ -14388,7 +14388,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14405,25 +14405,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id6": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14433,7 +14433,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14448,13 +14448,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14464,7 +14464,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14479,13 +14479,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id5",
           "isDeleted": false,
@@ -14493,7 +14493,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14508,13 +14508,13 @@ Object {
           "x": 10,
           "y": 50,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id6",
           "isDeleted": false,
@@ -14522,7 +14522,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -14539,28 +14539,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id5": true,
           "id6": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id9": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14570,7 +14570,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14585,13 +14585,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
           ],
           "height": 10,
@@ -14601,7 +14601,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14616,13 +14616,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
           ],
           "height": 10,
@@ -14632,7 +14632,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14647,13 +14647,13 @@ Object {
           "x": 10,
           "y": 50,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
           ],
           "height": 10,
@@ -14663,7 +14663,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -14680,30 +14680,30 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id5": true,
           "id6": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id10": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -14714,7 +14714,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -14729,13 +14729,13 @@ Object {
           "x": 10,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id4",
             "id10",
           ],
@@ -14746,7 +14746,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -14761,13 +14761,13 @@ Object {
           "x": 50,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
             "id10",
           ],
@@ -14778,7 +14778,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 1014066025,
@@ -14793,13 +14793,13 @@ Object {
           "x": 10,
           "y": 50,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id9",
             "id10",
           ],
@@ -14810,7 +14810,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 400692809,
@@ -14831,14 +14831,14 @@ Object {
 }
 `;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of renders 1`] = `39`;
+exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of renders 1`] = `39`;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14874,7 +14874,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -14896,21 +14896,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 60,
   "scrollY": 60,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -14918,47 +14918,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = `
-Object {
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of renders 1`] = `8`;
+exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of renders 1`] = `8`;
 
-exports[`regression tests supports nested groups: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > supports nested groups > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -14994,7 +14994,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -15016,25 +15016,25 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id0": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -15042,54 +15042,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests supports nested groups: [end of test] history 1`] = `
-Object {
+exports[`regression tests > supports nested groups > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15097,7 +15097,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15114,25 +15114,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15140,7 +15140,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15155,13 +15155,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id1",
           "isDeleted": false,
@@ -15169,7 +15169,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15186,25 +15186,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id0",
           "isDeleted": false,
@@ -15212,7 +15212,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15227,13 +15227,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id1",
           "isDeleted": false,
@@ -15241,7 +15241,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15256,13 +15256,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 50,
           "id": "id2",
           "isDeleted": false,
@@ -15270,7 +15270,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15287,29 +15287,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15319,7 +15319,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15334,13 +15334,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15350,7 +15350,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15365,13 +15365,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15381,7 +15381,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15398,26 +15398,26 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id3",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15427,7 +15427,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15442,13 +15442,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15458,7 +15458,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15473,13 +15473,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15489,7 +15489,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15506,28 +15506,28 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": "id3",
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id5": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15537,7 +15537,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15552,13 +15552,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15569,7 +15569,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15584,13 +15584,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15601,7 +15601,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15618,29 +15618,29 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
           "id1": true,
           "id2": true,
         },
-        "selectedGroupIds": Object {
+        "selectedGroupIds": {
           "id3": true,
         },
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id3",
           ],
           "height": 50,
@@ -15650,7 +15650,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -15665,13 +15665,13 @@ Object {
           "x": 100,
           "y": 100,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15682,7 +15682,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15697,13 +15697,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [
+          "groupIds": [
             "id5",
             "id3",
           ],
@@ -15714,7 +15714,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 401146281,
@@ -15735,14 +15735,14 @@ Object {
 }
 `;
 
-exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > supports nested groups > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `32`;
+exports[`regression tests > supports nested groups > [end of test] number of renders 1`] = `32`;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -15766,13 +15766,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id4",
     "isDeleted": false,
@@ -15780,7 +15780,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 1116226695,
@@ -15806,7 +15806,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -15828,14 +15828,14 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
     "id2": true,
   },
@@ -15843,19 +15843,19 @@ Object {
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id4",
     "isDeleted": false,
@@ -15863,7 +15863,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 1116226695,
@@ -15883,54 +15883,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] history 1`] = `
-Object {
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -15938,7 +15938,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15955,25 +15955,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -15981,7 +15981,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -15996,13 +15996,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -16010,7 +16010,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -16027,25 +16027,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16053,7 +16053,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16068,13 +16068,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id1",
           "isDeleted": false,
@@ -16082,7 +16082,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -16097,13 +16097,13 @@ Object {
           "x": 110,
           "y": 110,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 100,
           "id": "id2",
           "isDeleted": false,
@@ -16111,7 +16111,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -16132,14 +16132,14 @@ Object {
 }
 `;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of renders 1`] = `20`;
+exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of renders 1`] = `20`;
 
-exports[`regression tests switches selected element on pointer down: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > switches selected element on pointer down > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16163,13 +16163,13 @@ Object {
   "currentItemTextAlign": "left",
   "cursorButton": "down",
   "defaultSidebarDockedPreference": false,
-  "draggingElement": Object {
+  "draggingElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id2",
     "isDeleted": false,
@@ -16177,7 +16177,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 401146281,
@@ -16203,7 +16203,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16225,33 +16225,33 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {
+  "previousSelectedElementIds": {
     "id1": true,
   },
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id0": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
-  "selectionElement": Object {
+  "selectionElement": {
     "angle": 0,
     "backgroundColor": "transparent",
     "boundElements": null,
     "fillStyle": "hachure",
     "frameId": null,
-    "groupIds": Array [],
+    "groupIds": [],
     "height": 0,
     "id": "id2",
     "isDeleted": false,
@@ -16259,7 +16259,7 @@ Object {
     "locked": false,
     "opacity": 100,
     "roughness": 1,
-    "roundness": Object {
+    "roundness": {
       "type": 2,
     },
     "seed": 401146281,
@@ -16279,54 +16279,54 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests switches selected element on pointer down: [end of test] history 1`] = `
-Object {
+exports[`regression tests > switches selected element on pointer down > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16334,7 +16334,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16351,25 +16351,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16377,7 +16377,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16392,13 +16392,13 @@ Object {
           "x": 0,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id1",
           "isDeleted": false,
@@ -16406,7 +16406,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 449462985,
@@ -16427,14 +16427,14 @@ Object {
 }
 `;
 
-exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > switches selected element on pointer down > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests switches selected element on pointer down: [end of test] number of renders 1`] = `14`;
+exports[`regression tests > switches selected element on pointer down > [end of test] number of renders 1`] = `14`;
 
-exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > two-finger scroll works > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16470,7 +16470,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16492,21 +16492,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 10,
   "scrollY": -10,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": true,
@@ -16514,47 +16514,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests two-finger scroll works: [end of test] history 1`] = `
-Object {
+exports[`regression tests > two-finger scroll works > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests two-finger scroll works: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > two-finger scroll works > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests two-finger scroll works: [end of test] number of renders 1`] = `13`;
+exports[`regression tests > two-finger scroll works > [end of test] number of renders 1`] = `13`;
 
-exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > undo/redo drawing an element > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -16590,7 +16590,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -16612,23 +16612,23 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {
+  "selectedElementIds": {
     "id1": true,
   },
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -16636,42 +16636,42 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = `
-Object {
+exports[`regression tests > undo/redo drawing an element > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16679,7 +16679,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16694,13 +16694,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -16708,7 +16708,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -16723,7 +16723,7 @@ Object {
           "x": 40,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -16731,33 +16731,33 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id2",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             100,
             20,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               60,
               10,
             ],
-            Array [
+            [
               100,
               20,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -16776,25 +16776,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id2": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16802,7 +16802,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16817,13 +16817,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -16831,7 +16831,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -16846,7 +16846,7 @@ Object {
           "x": 40,
           "y": 0,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
@@ -16854,29 +16854,29 @@ Object {
           "endBinding": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id2",
           "isDeleted": false,
-          "lastCommittedPoint": Array [
+          "lastCommittedPoint": [
             60,
             10,
           ],
           "link": null,
           "locked": false,
           "opacity": 100,
-          "points": Array [
-            Array [
+          "points": [
+            [
               0,
               0,
             ],
-            Array [
+            [
               60,
               10,
             ],
           ],
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 2,
           },
           "seed": 401146281,
@@ -16896,37 +16896,37 @@ Object {
       ],
     },
   ],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id0": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16934,7 +16934,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16951,25 +16951,25 @@ Object {
         },
       ],
     },
-    Object {
-      "appState": Object {
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {
+        "selectedElementIds": {
           "id1": true,
         },
-        "selectedGroupIds": Object {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [
-        Object {
+      "elements": [
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 10,
           "id": "id0",
           "isDeleted": false,
@@ -16977,7 +16977,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 337897,
@@ -16992,13 +16992,13 @@ Object {
           "x": 10,
           "y": -10,
         },
-        Object {
+        {
           "angle": 0,
           "backgroundColor": "transparent",
           "boundElements": null,
           "fillStyle": "hachure",
           "frameId": null,
-          "groupIds": Array [],
+          "groupIds": [],
           "height": 20,
           "id": "id1",
           "isDeleted": false,
@@ -17006,7 +17006,7 @@ Object {
           "locked": false,
           "opacity": 100,
           "roughness": 1,
-          "roundness": Object {
+          "roundness": {
             "type": 3,
           },
           "seed": 449462985,
@@ -17027,14 +17027,14 @@ Object {
 }
 `;
 
-exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > undo/redo drawing an element > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `31`;
+exports[`regression tests > undo/redo drawing an element > [end of test] number of renders 1`] = `31`;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -17070,7 +17070,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -17092,21 +17092,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -17114,47 +17114,47 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] history 1`] = `
-Object {
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of renders 1`] = `7`;
+exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of renders 1`] = `7`;
 
-exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
-Object {
+exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -17190,7 +17190,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -17212,21 +17212,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -17234,39 +17234,39 @@ Object {
   "showStats": false,
   "showWelcomeScreen": true,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "width": 1024,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
 `;
 
-exports[`regression tests zoom hotkeys: [end of test] history 1`] = `
-Object {
+exports[`regression tests > zoom hotkeys > [end of test] history 1`] = `
+{
   "recording": false,
-  "redoStack": Array [],
-  "stateHistory": Array [
-    Object {
-      "appState": Object {
+  "redoStack": [],
+  "stateHistory": [
+    {
+      "appState": {
         "editingGroupId": null,
         "editingLinearElement": null,
         "name": "Untitled-201933152653",
-        "selectedElementIds": Object {},
-        "selectedGroupIds": Object {},
+        "selectedElementIds": {},
+        "selectedGroupIds": {},
         "viewBackgroundColor": "#ffffff",
       },
-      "elements": Array [],
+      "elements": [],
     },
   ],
 }
 `;
 
-exports[`regression tests zoom hotkeys: [end of test] number of elements 1`] = `0`;
+exports[`regression tests > zoom hotkeys > [end of test] number of elements 1`] = `0`;
 
-exports[`regression tests zoom hotkeys: [end of test] number of renders 1`] = `7`;
+exports[`regression tests > zoom hotkeys > [end of test] number of renders 1`] = `7`;
diff --git a/src/tests/__snapshots__/selection.test.tsx.snap b/src/tests/__snapshots__/selection.test.tsx.snap
index fff176a63..3296dca75 100644
--- a/src/tests/__snapshots__/selection.test.tsx.snap
+++ b/src/tests/__snapshots__/selection.test.tsx.snap
@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`select single element on the scene arrow 1`] = `
-Object {
+exports[`select single element on the scene > arrow 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -9,7 +9,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -17,18 +17,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -47,8 +47,8 @@ Object {
 }
 `;
 
-exports[`select single element on the scene arrow escape 1`] = `
-Object {
+exports[`select single element on the scene > arrow escape 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
@@ -56,7 +56,7 @@ Object {
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -64,18 +64,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       30,
       50,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -94,14 +94,14 @@ Object {
 }
 `;
 
-exports[`select single element on the scene diamond 1`] = `
-Object {
+exports[`select single element on the scene > diamond 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -109,7 +109,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -126,14 +126,14 @@ Object {
 }
 `;
 
-exports[`select single element on the scene ellipse 1`] = `
-Object {
+exports[`select single element on the scene > ellipse 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -141,7 +141,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": 337897,
@@ -158,14 +158,14 @@ Object {
 }
 `;
 
-exports[`select single element on the scene rectangle 1`] = `
-Object {
+exports[`select single element on the scene > rectangle 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "boundElements": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 50,
   "id": "id0",
   "isDeleted": false,
@@ -173,7 +173,7 @@ Object {
   "locked": false,
   "opacity": 100,
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": 337897,
diff --git a/src/tests/appState.test.tsx b/src/tests/appState.test.tsx
index aa5924925..2572d2545 100644
--- a/src/tests/appState.test.tsx
+++ b/src/tests/appState.test.tsx
@@ -1,4 +1,5 @@
 import { queryByTestId, render, waitFor } from "./test-utils";
+
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
 import { getDefaultAppState } from "../appState";
diff --git a/src/tests/clipboard.test.tsx b/src/tests/clipboard.test.tsx
index bbaa4d179..67a081013 100644
--- a/src/tests/clipboard.test.tsx
+++ b/src/tests/clipboard.test.tsx
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 import ReactDOM from "react-dom";
 import {
   render,
@@ -21,14 +22,14 @@ const { h } = window;
 
 const mouse = new Pointer("mouse");
 
-jest.mock("../keys.ts", () => {
-  const actual = jest.requireActual("../keys.ts");
+vi.mock("../keys.ts", async (importOriginal) => {
+  const module: any = await importOriginal();
   return {
     __esmodule: true,
-    ...actual,
+    ...module,
     isDarwin: false,
     KEYS: {
-      ...actual.KEYS,
+      ...module.KEYS,
       CTRL_OR_CMD: "ctrlKey",
     },
   };
diff --git a/src/tests/collab.test.tsx b/src/tests/collab.test.tsx
index 42ad571a3..c5d4f6c44 100644
--- a/src/tests/collab.test.tsx
+++ b/src/tests/collab.test.tsx
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 import { render, updateSceneData, waitFor } from "./test-utils";
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
@@ -15,15 +16,18 @@ Object.defineProperty(window, "crypto", {
   },
 });
 
-jest.mock("../excalidraw-app/data/index.ts", () => ({
-  __esmodule: true,
-  ...jest.requireActual("../excalidraw-app/data/index.ts"),
-  getCollabServer: jest.fn(() => ({
-    url: /* doesn't really matter */ "http://localhost:3002",
-  })),
-}));
+vi.mock("../excalidraw-app/data/index.ts", async (importActual) => {
+  const module = (await importActual()) as any;
+  return {
+    __esmodule: true,
+    ...module,
+    getCollabServer: vi.fn(() => ({
+      url: /* doesn't really matter */ "http://localhost:3002",
+    })),
+  };
+});
 
-jest.mock("../excalidraw-app/data/firebase.ts", () => {
+vi.mock("../excalidraw-app/data/firebase.ts", () => {
   const loadFromFirebase = async () => null;
   const saveToFirebase = () => {};
   const isSavedToFirebase = () => true;
@@ -45,15 +49,17 @@ jest.mock("../excalidraw-app/data/firebase.ts", () => {
   };
 });
 
-jest.mock("socket.io-client", () => {
-  return () => {
-    return {
-      close: () => {},
-      on: () => {},
-      once: () => {},
-      off: () => {},
-      emit: () => {},
-    };
+vi.mock("socket.io-client", () => {
+  return {
+    default: () => {
+      return {
+        close: () => {},
+        on: () => {},
+        once: () => {},
+        off: () => {},
+        emit: () => {},
+      };
+    },
   };
 });
 
diff --git a/src/tests/contextmenu.test.tsx b/src/tests/contextmenu.test.tsx
index 9e89996af..c581a0ff1 100644
--- a/src/tests/contextmenu.test.tsx
+++ b/src/tests/contextmenu.test.tsx
@@ -21,6 +21,7 @@ import { copiedStyles } from "../actions/actionStyles";
 import { API } from "./helpers/api";
 import { setDateTimeForTests } from "../utils";
 import { LibraryItem } from "../types";
+import { vi } from "vitest";
 
 const checkpoint = (name: string) => {
   expect(renderScene.mock.calls.length).toMatchSnapshot(
@@ -39,7 +40,7 @@ const mouse = new Pointer("mouse");
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/data/__snapshots__/restore.test.ts.snap b/src/tests/data/__snapshots__/restore.test.ts.snap
index bb2303bc3..881940210 100644
--- a/src/tests/data/__snapshots__/restore.test.ts.snap
+++ b/src/tests/data/__snapshots__/restore.test.ts.snap
@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`restoreElements should restore arrow element correctly 1`] = `
-Object {
+exports[`restoreElements > should restore arrow element correctly 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-arrow01",
   "isDeleted": false,
@@ -17,18 +17,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -47,14 +47,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 1`] = `
-Object {
+exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 1`] = `
+{
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "1",
     "2",
     "3",
@@ -66,7 +66,7 @@ Object {
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -83,14 +83,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 2`] = `
-Object {
+exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 2`] = `
+{
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "1",
     "2",
     "3",
@@ -102,7 +102,7 @@ Object {
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -119,14 +119,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore correctly with rectangle, ellipse and diamond elements 3`] = `
-Object {
+exports[`restoreElements > should restore correctly with rectangle, ellipse and diamond elements 3`] = `
+{
   "angle": 0,
   "backgroundColor": "blue",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "cross-hatch",
   "frameId": null,
-  "groupIds": Array [
+  "groupIds": [
     "1",
     "2",
     "3",
@@ -138,7 +138,7 @@ Object {
   "locked": false,
   "opacity": 10,
   "roughness": 2,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -155,14 +155,14 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore freedraw element correctly 1`] = `
-Object {
+exports[`restoreElements > should restore freedraw element correctly 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 0,
   "id": "id-freedraw01",
   "isDeleted": false,
@@ -170,10 +170,10 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [],
-  "pressures": Array [],
+  "points": [],
+  "pressures": [],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -191,16 +191,16 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore line and draw elements correctly 1`] = `
-Object {
+exports[`restoreElements > should restore line and draw elements correctly 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-line01",
   "isDeleted": false,
@@ -208,18 +208,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -238,16 +238,16 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore line and draw elements correctly 2`] = `
-Object {
+exports[`restoreElements > should restore line and draw elements correctly 2`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
-  "boundElements": Array [],
+  "boundElements": [],
   "endArrowhead": null,
   "endBinding": null,
   "fillStyle": "hachure",
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-draw01",
   "isDeleted": false,
@@ -255,18 +255,18 @@ Object {
   "link": null,
   "locked": false,
   "opacity": 100,
-  "points": Array [
-    Array [
+  "points": [
+    [
       0,
       0,
     ],
-    Array [
+    [
       100,
       100,
     ],
   ],
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 2,
   },
   "seed": Any<Number>,
@@ -285,18 +285,18 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore text element correctly passing value for each attribute 1`] = `
-Object {
+exports[`restoreElements > should restore text element correctly passing value for each attribute 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "baseline": 0,
-  "boundElements": Array [],
+  "boundElements": [],
   "containerId": null,
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 14,
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
@@ -306,7 +306,7 @@ Object {
   "opacity": 100,
   "originalText": "text",
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
@@ -326,18 +326,18 @@ Object {
 }
 `;
 
-exports[`restoreElements should restore text element correctly with unknown font family, null text and undefined alignment 1`] = `
-Object {
+exports[`restoreElements > should restore text element correctly with unknown font family, null text and undefined alignment 1`] = `
+{
   "angle": 0,
   "backgroundColor": "transparent",
   "baseline": 0,
-  "boundElements": Array [],
+  "boundElements": [],
   "containerId": null,
   "fillStyle": "hachure",
   "fontFamily": 1,
   "fontSize": 10,
   "frameId": null,
-  "groupIds": Array [],
+  "groupIds": [],
   "height": 100,
   "id": "id-text01",
   "isDeleted": false,
@@ -347,7 +347,7 @@ Object {
   "opacity": 100,
   "originalText": "test",
   "roughness": 1,
-  "roundness": Object {
+  "roundness": {
     "type": 3,
   },
   "seed": Any<Number>,
diff --git a/src/tests/data/restore.test.ts b/src/tests/data/restore.test.ts
index 3be9a4097..e8ac49ede 100644
--- a/src/tests/data/restore.test.ts
+++ b/src/tests/data/restore.test.ts
@@ -12,9 +12,10 @@ import { ImportedDataState } from "../../data/types";
 import { NormalizedZoomValue } from "../../types";
 import { DEFAULT_SIDEBAR, FONT_FAMILY, ROUNDNESS } from "../../constants";
 import { newElementWith } from "../../element/mutateElement";
+import { vi } from "vitest";
 
 describe("restoreElements", () => {
-  const mockSizeHelper = jest.spyOn(sizeHelpers, "isInvisiblySmallElement");
+  const mockSizeHelper = vi.spyOn(sizeHelpers, "isInvisiblySmallElement");
 
   beforeEach(() => {
     mockSizeHelper.mockReset();
@@ -152,7 +153,7 @@ describe("restoreElements", () => {
   it("when arrow element has undefined endArrowHead", () => {
     const arrowElement = API.createElement({ type: "arrow" });
     Object.defineProperty(arrowElement, "endArrowhead", {
-      get: jest.fn(() => undefined),
+      get: vi.fn(() => undefined),
     });
 
     const restoredElements = restore.restoreElements([arrowElement], null);
@@ -205,7 +206,7 @@ describe("restoreElements", () => {
       [1, 1],
     ];
     Object.defineProperty(lineElement_0, "points", {
-      get: jest.fn(() => pointsEl_0),
+      get: vi.fn(() => pointsEl_0),
     });
 
     const pointsEl_1 = [
@@ -213,7 +214,7 @@ describe("restoreElements", () => {
       [5, 6],
     ];
     Object.defineProperty(lineElement_1, "points", {
-      get: jest.fn(() => pointsEl_1),
+      get: vi.fn(() => pointsEl_1),
     });
 
     const restoredElements = restore.restoreElements(
@@ -440,7 +441,7 @@ describe("restoreAppState", () => {
       const stubImportedAppState = getDefaultAppState();
 
       Object.defineProperty(stubImportedAppState, "zoom", {
-        get: jest.fn(() => null),
+        get: vi.fn(() => null),
       });
 
       const stubLocalAppState = getDefaultAppState();
diff --git a/src/tests/dragCreate.test.tsx b/src/tests/dragCreate.test.tsx
index 4e69f1ab8..3e01af04f 100644
--- a/src/tests/dragCreate.test.tsx
+++ b/src/tests/dragCreate.test.tsx
@@ -10,11 +10,12 @@ import {
 } from "./test-utils";
 import { ExcalidrawLinearElement } from "../element/types";
 import { reseed } from "../random";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/fitToContent.test.tsx b/src/tests/fitToContent.test.tsx
index fd7a1170b..580467dde 100644
--- a/src/tests/fitToContent.test.tsx
+++ b/src/tests/fitToContent.test.tsx
@@ -2,6 +2,7 @@ import { render } from "./test-utils";
 import { API } from "./helpers/api";
 
 import ExcalidrawApp from "../excalidraw-app";
+import { vi } from "vitest";
 
 const { h } = window;
 
@@ -97,11 +98,11 @@ const waitForNextAnimationFrame = () => {
 
 describe("fitToContent animated", () => {
   beforeEach(() => {
-    jest.spyOn(window, "requestAnimationFrame");
+    vi.spyOn(window, "requestAnimationFrame");
   });
 
   afterEach(() => {
-    jest.restoreAllMocks();
+    vi.restoreAllMocks();
   });
 
   it("should ease scroll the viewport to the selected element", async () => {
diff --git a/src/tests/flip.test.tsx b/src/tests/flip.test.tsx
index c90c07834..d1a30af0c 100644
--- a/src/tests/flip.test.tsx
+++ b/src/tests/flip.test.tsx
@@ -20,21 +20,21 @@ import ExcalidrawApp from "../excalidraw-app";
 import { mutateElement } from "../element/mutateElement";
 import { NormalizedZoomValue } from "../types";
 import { ROUNDNESS } from "../constants";
+import { vi } from "vitest";
+import * as blob from "../data/blob";
 
 const { h } = window;
-
 const mouse = new Pointer("mouse");
-jest.mock("../data/blob", () => {
-  const originalModule = jest.requireActual("../data/blob");
+// This needs to fixed in vitest mock, as when importActual used with mock
+// the tests hangs - https://github.com/vitest-dev/vitest/issues/546.
+// But fortunately spying and mocking the return value of spy works :p
+
+const resizeImageFileSpy = vi.spyOn(blob, "resizeImageFile");
+const generateIdFromFileSpy = vi.spyOn(blob, "generateIdFromFile");
+
+resizeImageFileSpy.mockImplementation(async (imageFile: File) => imageFile);
+generateIdFromFileSpy.mockImplementation(async () => "fileId" as FileId);
 
-  //Prevent Node.js modules errors (document is not defined etc...)
-  return {
-    __esModule: true,
-    ...originalModule,
-    resizeImageFile: (imageFile: File) => imageFile,
-    generateIdFromFile: () => "fileId" as FileId,
-  };
-});
 beforeEach(async () => {
   // Unmount ReactDOM from root
   ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
@@ -42,7 +42,7 @@ beforeEach(async () => {
   mouse.reset();
   localStorage.clear();
   sessionStorage.clear();
-  jest.clearAllMocks();
+  vi.clearAllMocks();
 
   Object.assign(document, {
     elementFromPoint: () => GlobalTestState.canvas,
@@ -732,7 +732,6 @@ describe("image", () => {
   it("flips an unrotated image horizontally correctly", async () => {
     //paste image
     await createImage();
-
     await waitFor(() => {
       expect((h.elements[0] as ExcalidrawImageElement).scale).toEqual([1, 1]);
       expect(API.getSelectedElements().length).toBeGreaterThan(0);
diff --git a/src/tests/library.test.tsx b/src/tests/library.test.tsx
index 2a2886354..512d1b564 100644
--- a/src/tests/library.test.tsx
+++ b/src/tests/library.test.tsx
@@ -1,3 +1,4 @@
+import { vi } from "vitest";
 import { fireEvent, render, waitFor } from "./test-utils";
 import { queryByTestId } from "@testing-library/react";
 
@@ -29,11 +30,15 @@ const mockLibraryFilePromise = new Promise<Blob>(async (resolve, reject) => {
   }
 });
 
-jest.mock("../data/filesystem.ts", () => ({
-  __esmodule: true,
-  ...jest.requireActual("../data/filesystem.ts"),
-  fileOpen: jest.fn(() => mockLibraryFilePromise),
-}));
+vi.mock("../data/filesystem.ts", async (importOriginal) => {
+  const module = await importOriginal();
+  return {
+    __esmodule: true,
+    //@ts-ignore
+    ...module,
+    fileOpen: vi.fn(() => mockLibraryFilePromise),
+  };
+});
 
 describe("library", () => {
   beforeEach(async () => {
diff --git a/src/tests/linearElementEditor.test.tsx b/src/tests/linearElementEditor.test.tsx
index c71283a4c..6bcefb95f 100644
--- a/src/tests/linearElementEditor.test.tsx
+++ b/src/tests/linearElementEditor.test.tsx
@@ -24,8 +24,9 @@ import {
 } from "../element/textElement";
 import * as textElementUtils from "../element/textElement";
 import { ROUNDNESS, VERTICAL_ALIGN } from "../constants";
+import { vi } from "vitest";
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 
 const { h } = window;
 const font = "20px Cascadia, width: Segoe UI Emoji" as FontString;
@@ -179,16 +180,16 @@ describe("Test Linear Elements", () => {
     expect(renderScene).toHaveBeenCalledTimes(11);
     expect(line.points.length).toEqual(3);
     expect(line.points).toMatchInlineSnapshot(`
-      Array [
-        Array [
+      [
+        [
           0,
           0,
         ],
-        Array [
+        [
           70,
           50,
         ],
-        Array [
+        [
           40,
           0,
         ],
@@ -273,16 +274,16 @@ describe("Test Linear Elements", () => {
 
       expect(line.points.length).toEqual(3);
       expect(line.points).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             0,
             0,
           ],
-          Array [
+          [
             70,
             50,
           ],
-          Array [
+          [
             40,
             0,
           ],
@@ -315,12 +316,12 @@ describe("Test Linear Elements", () => {
       expect(midPointsWithRoundEdge[1]).not.toEqual(midPointsWithSharpEdge[1]);
 
       expect(midPointsWithRoundEdge).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             55.9697848965255,
             47.442326230998205,
           ],
-          Array [
+          [
             76.08587175006699,
             43.294165939653226,
           ],
@@ -363,12 +364,12 @@ describe("Test Linear Elements", () => {
       expect(midPoints[0]).not.toEqual(newMidPoints[0]);
       expect(midPoints[1]).not.toEqual(newMidPoints[1]);
       expect(newMidPoints).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             105.96978489652551,
             67.4423262309982,
           ],
-          Array [
+          [
             126.08587175006699,
             63.294165939653226,
           ],
@@ -412,29 +413,29 @@ describe("Test Linear Elements", () => {
 
         expect((h.elements[0] as ExcalidrawLinearElement).points)
           .toMatchInlineSnapshot(`
-          Array [
-            Array [
-              0,
-              0,
-            ],
-            Array [
-              85,
-              75,
-            ],
-            Array [
-              70,
-              50,
-            ],
-            Array [
-              105,
-              70,
-            ],
-            Array [
-              40,
-              0,
-            ],
-          ]
-        `);
+            [
+              [
+                0,
+                0,
+              ],
+              [
+                85,
+                75,
+              ],
+              [
+                70,
+                50,
+              ],
+              [
+                105,
+                70,
+              ],
+              [
+                40,
+                0,
+              ],
+            ]
+          `);
       });
 
       it("should update only the first segment midpoint when its point is dragged", async () => {
@@ -558,29 +559,29 @@ describe("Test Linear Elements", () => {
 
         expect((h.elements[0] as ExcalidrawLinearElement).points)
           .toMatchInlineSnapshot(`
-          Array [
-            Array [
-              0,
-              0,
-            ],
-            Array [
-              85.96978489652551,
-              77.4423262309982,
-            ],
-            Array [
-              70,
-              50,
-            ],
-            Array [
-              106.08587175006699,
-              73.29416593965323,
-            ],
-            Array [
-              40,
-              0,
-            ],
-          ]
-        `);
+            [
+              [
+                0,
+                0,
+              ],
+              [
+                85.96978489652551,
+                77.4423262309982,
+              ],
+              [
+                70,
+                50,
+              ],
+              [
+                106.08587175006699,
+                73.29416593965323,
+              ],
+              [
+                40,
+                0,
+              ],
+            ]
+          `);
       });
 
       it("should update all the midpoints when its point is dragged", async () => {
@@ -606,12 +607,12 @@ describe("Test Linear Elements", () => {
         expect(midPoints[0]).not.toEqual(newMidPoints[0]);
         expect(midPoints[1]).not.toEqual(newMidPoints[1]);
         expect(newMidPoints).toMatchInlineSnapshot(`
-          Array [
-            Array [
+          [
+            [
               31.884084517616053,
               23.13275505472383,
             ],
-            Array [
+            [
               77.74792546875662,
               44.57840982272327,
             ],
@@ -667,12 +668,12 @@ describe("Test Linear Elements", () => {
         expect(midPoints[0]).not.toEqual(newMidPoints[0]);
         expect(midPoints[1]).not.toEqual(newMidPoints[1]);
         expect(newMidPoints).toMatchInlineSnapshot(`
-          Array [
-            Array [
+          [
+            [
               55.9697848965255,
               47.442326230998205,
             ],
-            Array [
+            [
               76.08587175006699,
               43.294165939653226,
             ],
@@ -704,12 +705,12 @@ describe("Test Linear Elements", () => {
         [dragEndPositionOffset[0] + line.x, dragEndPositionOffset[1] + line.y],
       );
       expect(line.points).toMatchInlineSnapshot(`
-        Array [
-          Array [
+        [
+          [
             0,
             0,
           ],
-          Array [
+          [
             -60,
             -100,
           ],
@@ -768,7 +769,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          Object {
+          {
             "x": 25,
             "y": 10,
           }
@@ -790,7 +791,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          Object {
+          {
             "x": 75,
             "y": 60,
           }
@@ -824,7 +825,7 @@ describe("Test Linear Elements", () => {
           textElement,
         );
         expect(position).toMatchInlineSnapshot(`
-          Object {
+          {
             "x": 85.82201843191861,
             "y": 75.63461309860818,
           }
@@ -939,11 +940,11 @@ describe("Test Linear Elements", () => {
       expect(textElement.angle).toBe(0);
       expect(getBoundTextElementPosition(arrow, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 75,
-          "y": 60,
-        }
-      `);
+          {
+            "x": 75,
+            "y": 60,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -951,26 +952,26 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          20,
-          105,
-          80,
-          55.45893770831013,
-          45,
-        ]
-      `);
+          [
+            20,
+            20,
+            105,
+            80,
+            55.45893770831013,
+            45,
+          ]
+        `);
 
       rotate(container, -35, 55);
       expect(container.angle).toMatchInlineSnapshot(`1.3988061968364685`);
       expect(textElement.angle).toBe(0);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 21.73926141863671,
-          "y": 73.31003398390868,
-        }
-      `);
+          {
+            "x": 21.73926141863671,
+            "y": 73.31003398390868,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -978,15 +979,15 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          20,
-          102.41961302274555,
-          86.49012635273976,
-          55.45893770831013,
-          45,
-        ]
-      `);
+          [
+            20,
+            20,
+            102.41961302274555,
+            86.49012635273976,
+            55.45893770831013,
+            45,
+          ]
+        `);
     });
 
     it("should resize and position the bound text and bounding box correctly when 3 pointer arrow element resized", () => {
@@ -1004,11 +1005,11 @@ describe("Test Linear Elements", () => {
       expect(container.height).toBe(50);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 75,
-          "y": 60,
-        }
-      `);
+          {
+            "x": 75,
+            "y": 60,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -1016,33 +1017,33 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          20,
-          105,
-          80,
-          55.45893770831013,
-          45,
-        ]
-      `);
+          [
+            20,
+            20,
+            105,
+            80,
+            55.45893770831013,
+            45,
+          ]
+        `);
 
       resize(container, "ne", [300, 200]);
 
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
-        Object {
-          "height": 130,
-          "width": 367,
-        }
-      `);
+          {
+            "height": 130,
+            "width": 367,
+          }
+        `);
 
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 272,
-          "y": 45,
-        }
-      `);
+          {
+            "x": 272,
+            "y": 45,
+          }
+        `);
       expect((h.elements[1] as ExcalidrawTextElementWithContainer).text)
         .toMatchInlineSnapshot(`
         "Online whiteboard 
@@ -1050,15 +1051,15 @@ describe("Test Linear Elements", () => {
       `);
       expect(LinearElementEditor.getElementAbsoluteCoords(container, true))
         .toMatchInlineSnapshot(`
-        Array [
-          20,
-          35,
-          502,
-          95,
-          205.9061448421403,
-          52.5,
-        ]
-      `);
+          [
+            20,
+            35,
+            502,
+            95,
+            205.9061448421403,
+            52.5,
+          ]
+        `);
     });
 
     it("should resize and position the bound text correctly when 2 pointer linear element resized", () => {
@@ -1072,11 +1073,11 @@ describe("Test Linear Elements", () => {
       expect(container.width).toBe(40);
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 25,
-          "y": 10,
-        }
-      `);
+          {
+            "x": 25,
+            "y": 10,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made 
@@ -1089,19 +1090,19 @@ describe("Test Linear Elements", () => {
 
       expect({ width: container.width, height: container.height })
         .toMatchInlineSnapshot(`
-        Object {
-          "height": 130,
-          "width": 340,
-        }
-      `);
+          {
+            "height": 130,
+            "width": 340,
+          }
+        `);
 
       expect(getBoundTextElementPosition(container, textElement))
         .toMatchInlineSnapshot(`
-        Object {
-          "x": 75,
-          "y": -5,
-        }
-      `);
+          {
+            "x": 75,
+            "y": -5,
+          }
+        `);
       expect(textElement.text).toMatchInlineSnapshot(`
         "Online whiteboard 
         collaboration made easy"
@@ -1154,7 +1155,7 @@ describe("Test Linear Elements", () => {
         "Online whiteboard collaboration
         made easy"
       `);
-      const handleBindTextResizeSpy = jest.spyOn(
+      const handleBindTextResizeSpy = vi.spyOn(
         textElementUtils,
         "handleBindTextResize",
       );
diff --git a/src/tests/move.test.tsx b/src/tests/move.test.tsx
index 3fbfceee3..034a1fff7 100644
--- a/src/tests/move.test.tsx
+++ b/src/tests/move.test.tsx
@@ -12,11 +12,12 @@ import {
 } from "../element/types";
 import { UI, Pointer, Keyboard } from "./helpers/ui";
 import { KEYS } from "../keys";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/multiPointCreate.test.tsx b/src/tests/multiPointCreate.test.tsx
index 0026041c7..7037138fb 100644
--- a/src/tests/multiPointCreate.test.tsx
+++ b/src/tests/multiPointCreate.test.tsx
@@ -10,11 +10,12 @@ import * as Renderer from "../renderer/renderScene";
 import { KEYS } from "../keys";
 import { ExcalidrawLinearElement } from "../element/types";
 import { reseed } from "../random";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index d026b21ef..a9f6d37a6 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items if passed from host 1`] = `
+exports[`<Excalidraw/> > <MainMenu/> > should render main menu with host menu items if passed from host 1`] = `
 <div
   class="dropdown-menu"
   data-testid="dropdown-menu"
@@ -108,7 +108,7 @@ exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items
 </div>
 `;
 
-exports[`<Excalidraw/> Test UIOptions prop Test canvasActions should render menu with default items when "UIOPtions" is "undefined" 1`] = `
+exports[`<Excalidraw/> > Test UIOptions prop > Test canvasActions > should render menu with default items when "UIOPtions" is "undefined" 1`] = `
 <div
   class="dropdown-menu"
   data-testid="dropdown-menu"
diff --git a/src/tests/packages/__snapshots__/utils.test.ts.snap b/src/tests/packages/__snapshots__/utils.test.ts.snap
index fc46d2390..9c573a1a4 100644
--- a/src/tests/packages/__snapshots__/utils.test.ts.snap
+++ b/src/tests/packages/__snapshots__/utils.test.ts.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`exportToSvg with default arguments 1`] = `
-Object {
+exports[`exportToSvg > with default arguments 1`] = `
+{
   "activeEmbeddable": null,
-  "activeTool": Object {
+  "activeTool": {
     "customType": null,
     "lastActiveTool": null,
     "locked": false,
@@ -40,7 +40,7 @@ Object {
   "exportScale": 1,
   "exportWithDarkMode": false,
   "fileHandle": null,
-  "frameRendering": Object {
+  "frameRendering": {
     "clip": true,
     "enabled": true,
     "name": true,
@@ -59,21 +59,21 @@ Object {
   "openMenu": null,
   "openPopup": null,
   "openSidebar": null,
-  "pasteDialog": Object {
+  "pasteDialog": {
     "data": null,
     "shown": false,
   },
   "penDetected": false,
   "penMode": false,
   "pendingImageElementId": null,
-  "previousSelectedElementIds": Object {},
+  "previousSelectedElementIds": {},
   "resizingElement": null,
   "scrollX": 0,
   "scrollY": 0,
   "scrolledOutside": false,
-  "selectedElementIds": Object {},
+  "selectedElementIds": {},
   "selectedElementsAreBeingDragged": false,
-  "selectedGroupIds": Object {},
+  "selectedGroupIds": {},
   "selectedLinearElement": null,
   "selectionElement": null,
   "shouldCacheIgnoreZoom": false,
@@ -81,13 +81,13 @@ Object {
   "showStats": false,
   "showWelcomeScreen": false,
   "startBoundElement": null,
-  "suggestedBindings": Array [],
+  "suggestedBindings": [],
   "theme": "light",
   "toast": null,
   "viewBackgroundColor": "#ffffff",
   "viewModeEnabled": false,
   "zenModeEnabled": false,
-  "zoom": Object {
+  "zoom": {
     "value": 1,
   },
 }
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index 069f9c000..20852a2ad 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, GlobalTestState, toggleMenu, render } from "../test-utils";
 import { Excalidraw, Footer, MainMenu } from "../../packages/excalidraw/index";
-import { queryByText, queryByTestId } from "@testing-library/react";
+import { queryByText, queryByTestId, screen } from "@testing-library/react";
 import { GRID_SIZE, THEME } from "../../constants";
 import { t } from "../../i18n";
 import { useMemo } from "react";
@@ -42,7 +42,7 @@ describe("<Excalidraw/>", () => {
         container.getElementsByClassName("disable-zen-mode--visible").length,
       ).toBe(0);
       expect(h.state.zenModeEnabled).toBe(true);
-
+      screen.debug();
       fireEvent.contextMenu(GlobalTestState.canvas, {
         button: 2,
         clientX: 1,
@@ -74,7 +74,8 @@ describe("<Excalidraw/>", () => {
         </Footer>
       </Excalidraw>,
     ));
-    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(`
+    expect(container.querySelector(".footer-center")).toMatchInlineSnapshot(
+      `
       <div
         class="footer-center zen-mode-transition"
       >
@@ -82,7 +83,8 @@ describe("<Excalidraw/>", () => {
           This is a custom footer
         </div>
       </div>
-    `);
+    `,
+    );
   });
 
   describe("Test gridModeEnabled prop", () => {
diff --git a/src/tests/packages/utils.test.ts b/src/tests/packages/utils.test.ts
index 824b5d15a..7d880d296 100644
--- a/src/tests/packages/utils.test.ts
+++ b/src/tests/packages/utils.test.ts
@@ -1,15 +1,13 @@
 import * as utils from "../../packages/utils";
 import { diagramFactory } from "../fixtures/diagramFixture";
+import { vi } from "vitest";
 import * as mockedSceneExportUtils from "../../scene/export";
+
 import { MIME_TYPES } from "../../constants";
 
-jest.mock("../../scene/export", () => ({
-  __esmodule: true,
-  ...jest.requireActual("../../scene/export"),
-  exportToSvg: jest.fn(),
-}));
+const exportToSvgSpy = vi.spyOn(mockedSceneExportUtils, "exportToSvg");
 
-describe("exportToCanvas", () => {
+describe("exportToCanvas", async () => {
   const EXPORT_PADDING = 10;
 
   it("with default arguments", async () => {
@@ -32,10 +30,9 @@ describe("exportToCanvas", () => {
   });
 });
 
-describe("exportToBlob", () => {
+describe("exportToBlob", async () => {
   describe("mime type", () => {
-    afterEach(jest.restoreAllMocks);
-
+    // afterEach(vi.restoreAllMocks);
     it("should change image/jpg to image/jpeg", async () => {
       const blob = await utils.exportToBlob({
         ...diagramFactory(),
@@ -48,7 +45,6 @@ describe("exportToBlob", () => {
       });
       expect(blob?.type).toBe(MIME_TYPES.jpg);
     });
-
     it("should default to image/png", async () => {
       const blob = await utils.exportToBlob({
         ...diagramFactory(),
@@ -57,16 +53,14 @@ describe("exportToBlob", () => {
     });
 
     it("should warn when using quality with image/png", async () => {
-      const consoleSpy = jest
+      const consoleSpy = vi
         .spyOn(console, "warn")
         .mockImplementationOnce(() => void 0);
-
       await utils.exportToBlob({
         ...diagramFactory(),
         mimeType: MIME_TYPES.png,
         quality: 1,
       });
-
       expect(consoleSpy).toHaveBeenCalledWith(
         `"quality" will be ignored for "${MIME_TYPES.png}" mimeType`,
       );
@@ -75,10 +69,12 @@ describe("exportToBlob", () => {
 });
 
 describe("exportToSvg", () => {
-  const mockedExportUtil = mockedSceneExportUtils.exportToSvg as jest.Mock;
-  const passedElements = () => mockedExportUtil.mock.calls[0][0];
-  const passedOptions = () => mockedExportUtil.mock.calls[0][1];
-  afterEach(jest.resetAllMocks);
+  const passedElements = () => exportToSvgSpy.mock.calls[0][0];
+  const passedOptions = () => exportToSvgSpy.mock.calls[0][1];
+
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
 
   it("with default arguments", async () => {
     await utils.exportToSvg({
diff --git a/src/tests/regressionTests.test.tsx b/src/tests/regressionTests.test.tsx
index 2b9094888..8cb483c93 100644
--- a/src/tests/regressionTests.test.tsx
+++ b/src/tests/regressionTests.test.tsx
@@ -17,10 +17,11 @@ import {
 } from "./test-utils";
 import { defaultLang } from "../i18n";
 import { FONT_FAMILY } from "../constants";
+import { vi } from "vitest";
 
 const { h } = window;
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 
 const mouse = new Pointer("mouse");
 const finger1 = new Pointer("touch", 1);
@@ -156,6 +157,7 @@ describe("regression tests", () => {
   }
   it("change the properties of a shape", () => {
     UI.clickTool("rectangle");
+
     mouse.down(10, 10);
     mouse.up(10, 10);
     togglePopover("Background");
diff --git a/src/tests/resize.test.tsx b/src/tests/resize.test.tsx
index 12fb86bea..13f757a98 100644
--- a/src/tests/resize.test.tsx
+++ b/src/tests/resize.test.tsx
@@ -9,11 +9,12 @@ import { ExcalidrawTextElement } from "../element/types";
 import ExcalidrawApp from "../excalidraw-app";
 import { API } from "./helpers/api";
 import { KEYS } from "../keys";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/tests/scene/__snapshots__/export.test.ts.snap b/src/tests/scene/__snapshots__/export.test.ts.snap
index 9f706ca01..2b959db25 100644
--- a/src/tests/scene/__snapshots__/export.test.ts.snap
+++ b/src/tests/scene/__snapshots__/export.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`exportToSvg with default arguments 1`] = `
+exports[`exportToSvg > with default arguments 1`] = `
 <svg
   height="120"
   version="1.1"
@@ -74,7 +74,7 @@ exports[`exportToSvg with default arguments 1`] = `
 </svg>
 `;
 
-exports[`exportToSvg with elements that have a link 1`] = `
+exports[`exportToSvg > with elements that have a link 1`] = `
 "
   <!-- svg-source:excalidraw -->
   
@@ -94,10 +94,10 @@ exports[`exportToSvg with elements that have a link 1`] = `
   <a href=\\"excalidraw.com\\"><g stroke-linecap=\\"round\\" transform=\\"translate(10 10) rotate(0 107 107)\\"><path d=\\"M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-0.81 6.83 C1.42 4.82, 3.76 1.52, 5.21 0.19 M-0.15 6.66 C1.8 4.06, 3.47 2.78, 5.22 0.73 M-0.29 10.96 C2.44 8.61, 6.86 4.4, 10.93 -0.91 M0.52 11.4 C3.45 8.64, 6.67 5.66, 10.55 0.52 M-0.73 16.51 C7.35 10.86, 13.5 3, 17.44 0.95 M0.2 18.45 C5.73 11.79, 11.18 5.08, 16.02 -0.18 M0.75 25.53 C5.82 17, 10.04 11.07, 20.53 0.11 M0.63 24.62 C6.15 16.7, 12.35 9.33, 21.67 -0.92 M-0.46 31.29 C10.67 19.56, 20.95 6.14, 26.3 0.97 M0.19 30.33 C6.15 22.94, 12.8 16.86, 26.48 0.56 M0.06 38.68 C9.21 29.05, 14.84 21.35, 32.64 0.53 M0.13 37.62 C11.7 22.94, 22.8 8.94, 31.86 0.17 M1.97 42.03 C14.26 29.52, 23.97 12.83, 36.26 1.93 M0.5 42.42 C7.49 34.15, 14.87 25.57, 36.32 -0.12 M-1.55 47.05 C9.52 36.22, 20.47 27.66, 42.25 0.23 M0.07 48.87 C15.17 30.66, 32.72 11.39, 42.55 -0.3 M1 53.34 C15.85 39.16, 30.2 22.36, 47.03 0.12 M0.83 54.24 C13.32 41.61, 24.32 26.03, 48.09 -0.05 M-1.51 60.18 C18.44 42.68, 33.89 21.16, 51.91 1.7 M0.58 61.04 C19.82 38.42, 41.63 15.34, 52.4 -0.74 M-2 68.97 C17.08 50.31, 33.78 31.07, 58 -1.79 M-0.57 67.89 C12.79 53.01, 23.57 38.56, 57.54 0.78 M-0.94 73.26 C17.3 51.99, 37.15 29.16, 63.79 1.79 M-0.34 73.88 C13.12 57.81, 25.23 44.29, 63.24 0.24 M-0.02 80.75 C25.47 53.17, 50.04 23.22, 68.13 1.24 M-0.31 79 C13.15 62.83, 27.89 46.91, 69.58 0.16 M-1.36 83.81 C22.43 62.66, 42.64 36.29, 75.7 -0.26 M0.49 84.94 C20.19 61.39, 38.84 39.35, 74.08 -0.14 M-0.44 93.19 C29.84 56.59, 58.57 21.34, 80.05 0.63 M0.23 91.29 C16.75 73.26, 34.07 51.65, 80.34 -0.29 M-1.32 96.52 C29.7 64.08, 56.68 31.83, 85.06 1.15 M-1.23 98.35 C28.8 63.78, 59.61 29.8, 85.15 -0.85 M1.68 104.37 C24.69 72.49, 52 43.21, 91.99 -1.81 M-0.48 103.54 C31.96 64.64, 64.99 27.22, 89.13 0.87 M-1.77 108.18 C36.54 67.37, 72.5 22.54, 96.92 -1.99 M-0.63 109.78 C22.47 82.36, 45.16 56.53, 95.84 -1.07 M-1.12 114.79 C38.49 70.57, 74.74 30, 101.81 -1.93 M1.19 116.33 C38.03 73.29, 76.06 29.97, 100.42 0.88 M2 120.2 C36.47 78.86, 73.59 37.62, 107.95 0.68 M0.39 120.97 C29.7 88.16, 58.99 53.35, 106.73 -0.13 M-1.32 128.06 C41.12 75.45, 86.81 26, 110.99 -1.18 M-0.57 128.82 C35.82 86.5, 72.74 44.1, 111.91 0.79 M-1.02 135.64 C43.91 82.98, 87.98 32.05, 117.79 -1.37 M-0.27 134.74 C26.27 106.76, 50.22 76.9, 116.93 1.16 M-1.8 139.9 C35.21 104.38, 65.53 62.78, 120.66 1.37 M-0.43 139.71 C38.55 95.61, 78.01 50.56, 122.46 -0.53 M1.76 147.91 C29.11 117.4, 55.37 85.99, 127.68 1.48 M0.53 145.69 C46.44 94.62, 91.7 39.92, 126.74 -0.41 M0.17 150.85 C33.17 115.83, 61.4 80.26, 131.64 0.9 M0.15 151.84 C53.25 90.23, 106.14 30.74, 132.16 -0.36 M-1.84 157.7 C37.59 114.01, 76.78 70.61, 136.63 -0.45 M0.35 158.99 C30.36 122.85, 60.89 88, 137.61 0.03 M-0.23 166.11 C29.43 128.1, 58.73 93.84, 143.89 -0.53 M-0.32 164.8 C28.62 130.08, 57.48 96.97, 144 -0.28 M0.58 169.48 C50.77 111.65, 102.4 55.59, 147.57 0.38 M0.18 171.37 C41.33 123.45, 81.86 77.61, 148.81 0.27 M-0.43 175.5 C42.41 129.13, 83.17 82.4, 153.98 0.49 M-0.38 176.58 C56.14 112.56, 110.58 48.82, 153.05 0 M0.7 184.05 C39.63 137.27, 77.83 89.07, 159.24 -1.15 M-0.04 183.65 C61.15 113.46, 120.25 43.45, 159.1 0.14 M0.78 189.08 C63.86 116.64, 126.59 42.93, 165.06 -0.83 M-0.1 189.24 C43.16 138.18, 87.83 86.83, 164.16 0.56 M1.24 193.84 C36.84 154.67, 72.19 113.57, 170.32 -1.11 M-0.39 194.15 C64.21 119.86, 128.3 45.54, 169.93 0.91 M-0.29 202.73 C49.19 146.43, 96.87 92.17, 176.44 -0.47 M0.13 200.67 C52.92 138.41, 108.19 74.96, 174.6 -0.26 M1.16 206.55 C59.57 139.38, 118.88 71.01, 179.33 -0.46 M-0.07 207.43 C53.03 145.16, 107.35 82.74, 180.4 0.42 M0.22 213.68 C60.95 141.62, 123.88 71.22, 187.21 0.77 M0.6 214.05 C46.1 157.63, 93.55 102.73, 185.97 0.53 M1.26 216.37 C45.53 168.31, 87.98 118.47, 190.76 -1.23 M3.04 216.09 C67.52 139.61, 132.76 63.4, 190.6 -0.35 M7.95 217.48 C67.06 150.79, 124.44 83.38, 196.32 1.03 M7.93 216.35 C53.89 161.92, 100.46 109.21, 196.09 -0.51 M12.62 217.33 C58.21 163, 105.7 107.92, 202.43 -0.59 M13.54 216.66 C71.71 147.52, 130.4 81.02, 201.49 0.82 M18.27 217.27 C66.39 160.5, 115.21 104.07, 208.36 0.27 M18.01 215.72 C58.01 168.33, 99.25 121.93, 206.76 -0.82 M24.9 216.54 C74.66 158.72, 125.24 98.12, 212.06 0.05 M23.39 216.76 C89.76 140.49, 156.61 64.23, 211.91 -0.02 M28.87 215.01 C94.99 140.87, 162.5 64.39, 216.64 2.5 M28.76 215.55 C79.01 159.87, 128.27 103.38, 215.68 1.25 M32.95 216.11 C83.19 160.31, 131.85 106.05, 216.52 8.63 M33.94 217.11 C75.45 168.61, 117.47 121.55, 216.54 8.14 M39.78 217.56 C92.26 159.75, 140.57 102.37, 215.58 12.68 M40.11 216.11 C90.9 157.88, 140.49 99.7, 215.33 14 M43.47 216.97 C104.46 148.92, 163.67 79.54, 215.48 18.1 M44.41 216.74 C89.24 164.57, 133.58 113.45, 215.55 19.53 M50.78 215.1 C93.5 164.92, 139.86 112.9, 214.41 26.53 M49.78 215.99 C110.29 149.66, 168.81 81.69, 215.73 26.76 M57.12 215.58 C107.36 155.81, 157.92 97.78, 215.19 31.92 M54.97 216.03 C113.66 149.14, 173.56 80.85, 215.38 32.06 M61.3 215.31 C95.1 175.75, 132.1 134.8, 216.98 38.89 M61.19 216.77 C109.52 160.05, 158.35 103.94, 216.2 38.35 M67.47 216.77 C115.11 158.21, 167.71 97.2, 216.63 45.21 M66.77 216.96 C102.08 174.52, 137.46 133.67, 215.1 44.3 M70.35 215.08 C103.39 179.45, 138.17 141.98, 216.94 49.42 M72.29 216.59 C103.33 179.45, 132.1 146.13, 215.3 50.78 M77.48 217.53 C112.79 176.25, 148.92 136.21, 214.87 56.96 M76.92 216.34 C126.01 159.84, 176.06 104.61, 216.09 56.89 M83.65 216.59 C109.9 184.76, 137.67 151.42, 216.82 64.24 M81.86 216.8 C115.56 177.43, 148.43 139.03, 215.35 63.31 M86.45 216.6 C117.96 179.57, 150.68 145.05, 215.64 67.24 M86.76 215.76 C133.59 164.04, 179.87 111.6, 216.32 67.66 M92.5 217.18 C130.08 175.3, 164.37 136.62, 217.67 75.31 M93.31 216.93 C121.12 183.96, 149.71 151.9, 216.67 74.37 M97.31 214.67 C122.26 188.24, 148.41 160.47, 217.8 78.71 M97.27 217.16 C133.41 175.31, 167.83 132.89, 216.35 79.87 M102.05 215.76 C128.77 182.73, 159.47 152.36, 217.64 85.73 M103.92 216.03 C140.06 172.81, 177.77 130.15, 216.44 86.54 M108.77 215.29 C145.82 169.8, 184.54 127.33, 214.48 93.3 M108.6 216.14 C152.4 169.17, 193.64 120.21, 215.53 93.61 M113.85 217.99 C138.74 189.67, 160.26 165.2, 215.6 100.97 M113.85 215.19 C144.51 180.53, 176.69 143.07, 215.68 99.56 M119.06 216.26 C139.68 192.15, 161.93 164.32, 216.54 104.97 M120.04 216.13 C141.97 189.71, 164.98 164.4, 216.3 104.47 M124.31 216.62 C147.59 192.15, 170.4 161.51, 217.92 112.68 M123.84 216.01 C151.85 183.74, 178.95 152.19, 216.63 110.91 M130.04 217.74 C153.81 189.32, 176.55 163.35, 216.49 116.35 M130.09 216.38 C146.84 196.06, 166.21 175.33, 216.35 118.08 M135.41 216.47 C160.47 188.02, 182.14 159.88, 213.93 123.66 M135.78 217.64 C155.48 194.76, 172.71 172.66, 216.06 124.66 M139.2 218.28 C157.86 195.92, 177.77 173.69, 215.14 127.67 M140.43 215.93 C161.4 191.88, 182.03 169.94, 215.2 129.17 M146.79 215.06 C162.71 194.09, 180.79 177.42, 214.55 136.84 M144.79 217.28 C160.2 199.12, 174.78 183.05, 215.91 136.41 M151.66 214.81 C171.28 196.29, 187.11 175.48, 216.92 141.52 M151.91 215.67 C176.44 188.45, 199.88 160.32, 215.56 142.26 M154.38 215.47 C172.69 198.01, 192.07 175.16, 216.36 147.74 M155.82 217.21 C174.84 196.04, 193.76 174.8, 215.32 147.85 M160.14 214.61 C179.82 197.41, 195.96 177.17, 217.2 155.66 M162.6 216.26 C174.04 201, 186.86 187.65, 214.67 154.44 M165.72 215.2 C184.79 196.83, 203.71 176.89, 216.23 161.56 M167.04 217.53 C178.06 204.41, 186.16 194.48, 215.28 159.73 M173.01 215.35 C189.21 198.76, 204.39 179.52, 216.99 167.92 M171.74 216.2 C188.55 197.71, 202.6 180.81, 214.93 166.35 M176 218.1 C188.62 206.57, 198.94 193.03, 214.63 173.83 M177.77 216.11 C190.55 201.92, 202.86 186.55, 215.97 172.6 M182.26 217.09 C193.97 201.5, 207.69 185.56, 214.91 176.8 M183.75 215.8 C191.36 207.78, 198.34 197.48, 215.95 178.7 M187.99 218.4 C199.34 205.7, 207.8 191.99, 215.03 183.22 M188.53 216.69 C197.17 205.82, 204.83 195.35, 216.1 185.58 M195.49 214.23 C197.72 209.17, 202.2 205.99, 217.9 190.4 M194.25 215.18 C202.02 207.92, 209.16 198.59, 215.2 191.28 M200.15 216.71 C206.55 209.28, 212.55 200.97, 214.47 196.53 M199.03 216.79 C205.41 210.03, 212.23 201.38, 215.53 197.34 M203.99 215.64 C207.37 213.36, 210.04 206.68, 216.48 203.13 M204.08 216.24 C207 212.46, 211.61 208.42, 215.41 201.74 M209.93 216.23 C210.58 213.66, 212.88 213.24, 215.79 209.03 M209.77 216.09 C211.32 214.48, 213.4 211.72, 215.64 208.76\\" stroke=\\"#15aabf\\" stroke-width=\\"0.5\\" fill=\\"none\\"></path><path d=\\"M-0.39 -0.88 C55.46 -0.97, 113.94 -0.3, 214.26 0.61 M-0.49 0.4 C84.22 -0.65, 169.11 -0.38, 213.87 0.66 M212.35 -0.69 C216.14 81.33, 216.66 160.36, 212.82 212.88 M213.44 -0.28 C214.34 52.63, 212.93 106.93, 213.51 214 M215.36 213.92 C153.36 215.01, 94.72 215.24, 0.66 215.17 M214.59 213.78 C136.22 216.39, 57.75 216.64, 0.1 213.77 M-1.71 215.7 C0.69 160.6, -0.19 109.87, -0.18 1.75 M0.58 213.93 C-0.62 147.47, -0.5 79.36, 0.52 0\\" stroke=\\"#000000\\" stroke-width=\\"1\\" fill=\\"none\\"></path></g></a>"
 `;
 
-exports[`exportToSvg with exportEmbedScene 1`] = `
+exports[`exportToSvg > with exportEmbedScene 1`] = `
 "
   <!-- svg-source:excalidraw -->
-  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIpGk4aNstFRcdTAwMTVS1Vx1MDAwZVxmSK06mPiSWHHsYDtAhPjvtVxyxCVi7oRcdTAwMDdLfvfu7vnuXHUwMDFkep7nq6ZcdTAwMDJ/6vmwT1x1MDAxMCVYoJ3fN/hcdTAwMTaEJJzpUGTfktdcIrHMXFypajpcdTAwMThQrlx1MDAxM3Iu1YlcdTAwMGZcdTAwMTRKYEpqxrd+e97B3jpCsMnarsTmc5ZcdTAwMTaE4WiTlOP3+ezty6Za0l5z4jBu341p/Dhu3zuCVa6xMFxiWixcdTAwMDeS5apcdTAwMDNcIpZRI9MhUlx0XsBcdTAwMGKnXFxcdTAwMTghXHUwMDBmgT2u9Vx1MDAxYSVFJnjNsOOEQ4TWqeOkhNKlauhpXHUwMDAwKMlrXHUwMDAxfqfD6lwisYO3eZLrXHUwMDAxuyzdMstcdTAwMTlIeZXDK5RcdTAwMTDVdH5l9FVcdTAwMGJsp/vjVFx0VMLCjJfVlP4tzPC58FVAXHUwMDAyYFs4XHUwMDBlR8PxUzBpI27bYVx1MDAxNHTRXHUwMDBmzuzmw3AyXHSCOFx1MDAxYY9aXHUwMDA2kXO9eGXLpohKcFM1XCJenSmuhNRcdTAwMTVGpyT3cUpY0eVpj1x1MDAxNTdqXzyLXHQqOcO+xY/9u+3utvtcdTAwMGbbXHUwMDAxpaSScLadvu1ofFRVS6Xra8rJhP6WwO75xppTe0y+Na1ZM1x1MDAxOLGHY+/4XHUwMDBiw1x1MDAwNmzTIn0=<!-- payload-end -->
+  <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1SPW/CMFx1MDAxMN35XHUwMDE1UbpcIuFAIJSNlqpCqtqBXHUwMDAxqVVcdTAwMDdcdTAwMTNfiFx1MDAxNcdcdTAwMGW2w4dcdTAwMTD/vbaBuETMnerBkt+9d3e+e8dOXHUwMDEwhPpQQThcdELYp5hRXCLxLuxafFx1MDAwYlJRwU2o795K1DJ1zFxc62rS6zFhXHUwMDA0uVB6MkBcYp1FwKBcdTAwMDSulaF9mXdcdTAwMTBcdTAwMWPdbVwilFjpdik3XHUwMDFm06ygnPQ3aZm8zaavn07qSHvDiaO4eVx1MDAxZmz1QdK8d5To3GBcdTAwMTFCXHKWXHUwMDAzXee6XHUwMDA1Yr5mtlePKC1FXHUwMDAxz4JcdGlcdTAwMWJ5QO740iucXHUwMDE2aylqTjwnXHUwMDFhYrzKPCejjC30gZ2ngNO8llx1MDAxMLYqLK8ttvBGp4SZsleZkuucg1I3XHUwMDFhUeGU6kPrV7a/ak7cdL99V1x1MDAxMpcwt+PlNWO/XHUwMDEzc3JJfFx1MDAxM1BcdTAwMDDEJY6j0TB5ROMm4ldcdTAwMWX1UVx1MDAxYn1cdTAwMTfcrT+KxmOE4n4yalx1MDAxOFTNzOK1S5thpsBP1Tbx4k1x00hdXHUwMDExfFx1MDAxNvmPM8qLNs9cdTAwMTituJP7alxcQnEpOFx0XHUwMDFkfur+2+7fdn9hO2CMVlxuLrYzt1x1MDAxYk2Iq2qhTX5DOZsw3FLYPd1Zc+aO1TvT2jWDbfZ46px+XHUwMDAwcU5t0CJ9<!-- payload-end -->
   <defs>
     <style class=\\"style-fonts\\">
       @font-face {
diff --git a/src/tests/scene/export.test.ts b/src/tests/scene/export.test.ts
index bab87a15c..4da7a702e 100644
--- a/src/tests/scene/export.test.ts
+++ b/src/tests/scene/export.test.ts
@@ -61,7 +61,7 @@ describe("exportToSvg", () => {
     );
 
     expect(svgElement.getAttribute("filter")).toMatchInlineSnapshot(
-      `"themeFilter"`,
+      '"_themeFilter_f32792"',
     );
   });
 
diff --git a/src/tests/selection.test.tsx b/src/tests/selection.test.tsx
index af5505f33..aa8b64a8a 100644
--- a/src/tests/selection.test.tsx
+++ b/src/tests/selection.test.tsx
@@ -13,11 +13,12 @@ import { reseed } from "../random";
 import { API } from "./helpers/api";
 import { Keyboard, Pointer, UI } from "./helpers/ui";
 import { SHAPES } from "../shapes";
+import { vi } from "vitest";
 
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
 
-const renderScene = jest.spyOn(Renderer, "renderScene");
+const renderScene = vi.spyOn(Renderer, "renderScene");
 beforeEach(() => {
   localStorage.clear();
   renderScene.mockClear();
diff --git a/src/utils.ts b/src/utils.ts
index 95beb69b0..e14413eaf 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -160,7 +160,7 @@ export const throttleRAF = <T extends any[]>(
   };
 
   const ret = (...args: T) => {
-    if (process.env.NODE_ENV === "test") {
+    if (import.meta.env.MODE === "test") {
       fn(...args);
       return;
     }
@@ -772,7 +772,7 @@ export const arrayToMapWithIndex = <T extends { id: string }>(
     return acc;
   }, new Map<string, [element: T, index: number]>());
 
-export const isTestEnv = () => process.env.NODE_ENV === "test";
+export const isTestEnv = () => import.meta.env.MODE === "test";
 
 export const wrapEvent = <T extends Event>(name: EVENT, nativeEvent: T) => {
   return new CustomEvent(name, {
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 000000000..8843ecc39
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,59 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/react" />
+/// <reference types="vite-plugin-pwa/info" />
+/// <reference types="vite-plugin-svgr/client" />
+
+interface ImportMetaEnv {
+  // The port to run the dev server
+  VITE_APP_PORT: string;
+
+  VITE_APP_BACKEND_V2_GET_URL: string;
+  VITE_APP_BACKEND_V2_POST_URL: string;
+
+  VITE_APP_LIBRARY_URL: string;
+  VITE_APP_LIBRARY_BACKEND: string;
+
+  // collaboration WebSocket server (https: string
+  VITE_APP_WS_SERVER_URL: string;
+
+  // set this only if using the collaboration workflow we use on excalidraw.com
+  VITE_APP_PORTAL_URL: string;
+
+  VITE_APP_FIREBASE_CONFIG: string;
+
+  // whether to enable Service Workers in development
+  VITE_APP_DEV_ENABLE_SW: string;
+  // whether to disable live reload / HMR. Usuaully what you want to do when
+  // debugging Service Workers.
+  VITE_APP_DEV_DISABLE_LIVE_RELOAD: string;
+
+  FAST_REFRESH: string;
+
+  // MATOMO
+  VITE_APP_MATOMO_URL: string;
+  VITE_APP_CDN_MATOMO_TRACKER_URL: string;
+  VITE_APP_MATOMO_SITE_ID: string;
+
+  //Debug flags
+
+  // To enable bounding box for text containers
+  VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: string;
+  VITE_APP_DISABLE_SENTRY: string;
+  // Set this flag to false if you want to open the overlay by default
+  VITE_APP_COLLAPSE_OVERLAY: string;
+  // Enable eslint in dev server
+  VITE_APP_ENABLE_ESLINT: string;
+
+  VITE_PKG_NAME: string;
+  VITE_PKG_VERSION: string;
+  VITE_IS_EXCALIDRAW_NPM_PACKAGE: string;
+
+  VITE_WORKER_ID: string;
+  MODE: string;
+  DEV: string;
+  PROD: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
diff --git a/tsconfig-types.json b/tsconfig-types.json
index 148459807..9fb129cf2 100644
--- a/tsconfig-types.json
+++ b/tsconfig-types.json
@@ -1,6 +1,7 @@
 {
   "include": ["src/packages/excalidraw", "src/global.d.ts", "src/css.d.ts"],
   "compilerOptions": {
+    "types": ["vite/client", "vite-plugin-svgr/client"],
     "allowJs": true,
     "declaration": true,
     "emitDeclarationOnly": true,
@@ -8,7 +9,7 @@
     "jsx": "react-jsx",
     "target": "es6",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "esnext",
+    "module": "ESNext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "skipLibCheck": true,
diff --git a/tsconfig.json b/tsconfig.json
index c8b09c92c..d75d3656a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es6",
+    "target": "ESNext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -8,9 +8,9 @@
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
     "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 000000000..fe3c2c231
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,181 @@
+import { defineConfig, loadEnv } from "vite";
+import react from "@vitejs/plugin-react";
+import svgrPlugin from "vite-plugin-svgr";
+import { ViteEjsPlugin } from "vite-plugin-ejs";
+import { VitePWA } from "vite-plugin-pwa";
+import checker from "vite-plugin-checker";
+
+// To load .env.local variables
+const envVars = loadEnv("", process.cwd());
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  server: {
+    port: Number(envVars.VITE_APP_PORT || 3000),
+    // open the browser
+    open: true,
+  },
+  build: {
+    outDir: "build",
+    rollupOptions: {
+      output: {
+        // Creating separate chunk for locales except for en and percentages.json so they
+        // can be cached at runtime and not merged with
+        // app precache. en.json and percentages.json are needed for first load
+        // or fallback hence not clubbing with locales so first load followed by offline mode works fine. This is how CRA used to work too.
+        manualChunks(id) {
+          if (
+            id.includes("src/locales") &&
+            id.match(/en.json|percentages.json/) === null
+          ) {
+            const index = id.indexOf("locales/");
+            // Taking the substring after "locales/"
+            return `locales/${id.substring(index + 8)}`;
+          }
+        },
+      },
+    },
+    sourcemap: true,
+  },
+  plugins: [
+    react(),
+    checker({
+      typescript: true,
+      eslint:
+        envVars.VITE_APP_ENABLE_ESLINT === "false"
+          ? undefined
+          : { lintCommand: 'eslint "./src/**/*.{js,ts,tsx}"' },
+      overlay: {
+        initialIsOpen: envVars.VITE_APP_COLLAPSE_OVERLAY === "false",
+        badgeStyle: "margin-bottom: 4rem; margin-left: 1rem",
+      },
+    }),
+    svgrPlugin(),
+    ViteEjsPlugin(),
+    VitePWA({
+      devOptions: {
+        /* set this flag to true to enable in Development mode */
+        enabled: false,
+      },
+
+      workbox: {
+        // Don't push fonts and locales to app precache
+        globIgnores: ["fonts.css", "**/locales/**"],
+        runtimeCaching: [
+          {
+            urlPattern: new RegExp("/.+.(ttf|woff2|otf)"),
+            handler: "CacheFirst",
+            options: {
+              cacheName: "fonts",
+              expiration: {
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 60 * 24 * 90, // <== 90 days
+              },
+            },
+          },
+          {
+            urlPattern: new RegExp("fonts.css"),
+            handler: "StaleWhileRevalidate",
+            options: {
+              cacheName: "fonts",
+              expiration: {
+                maxEntries: 50,
+              },
+            },
+          },
+          {
+            urlPattern: new RegExp("locales/[^/]+.js"),
+            handler: "CacheFirst",
+            options: {
+              cacheName: "locales",
+              expiration: {
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 60 * 24 * 30, // <== 30 days
+              },
+            },
+          },
+        ],
+      },
+      manifest: {
+        short_name: "Excalidraw",
+        name: "Excalidraw",
+        description:
+          "Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.",
+        icons: [
+          {
+            src: "logo-180x180.png",
+            sizes: "180x180",
+            type: "image/png",
+          },
+          {
+            src: "apple-touch-icon.png",
+            type: "image/png",
+            sizes: "256x256",
+          },
+        ],
+        start_url: "/",
+        display: "standalone",
+        theme_color: "#121212",
+        background_color: "#ffffff",
+        file_handlers: [
+          {
+            action: "/",
+            accept: {
+              "application/vnd.excalidraw+json": [".excalidraw"],
+            },
+          },
+        ],
+        share_target: {
+          action: "/web-share-target",
+          method: "POST",
+          enctype: "multipart/form-data",
+          params: {
+            files: [
+              {
+                name: "file",
+                accept: [
+                  "application/vnd.excalidraw+json",
+                  "application/json",
+                  ".excalidraw",
+                ],
+              },
+            ],
+          },
+        },
+        screenshots: [
+          {
+            src: "/screenshots/virtual-whiteboard.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/wireframe.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/illustration.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/shapes.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/collaboration.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+          {
+            src: "/screenshots/export.png",
+            type: "image/png",
+            sizes: "462x945",
+          },
+        ],
+      },
+    }),
+  ],
+  publicDir: "./public",
+});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 000000000..e7d08704d
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    setupFiles: ["./src/setupTests.ts"],
+    globals: true,
+    environment: "jsdom",
+  },
+});
diff --git a/yarn.lock b/yarn.lock
index 106f6974f..b43a51893 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -26,19 +26,31 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
   integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
   dependencies:
     "@babel/highlight" "^7.18.6"
 
+"@babel/code-frame@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
+  integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
+  dependencies:
+    "@babel/highlight" "^7.22.5"
+
 "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
   integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
 
-"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+"@babel/compat-data@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.5.tgz#b1f6c86a02d85d2dd3368a2b67c09add8cd0c255"
+  integrity sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==
+
+"@babel/core@^7.11.1", "@babel/core@^7.16.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
   integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
@@ -59,6 +71,27 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
+"@babel/core@^7.19.6", "@babel/core@^7.20.12":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.5.tgz#d67d9747ecf26ee7ecd3ebae1ee22225fe902a89"
+  integrity sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.5"
+    "@babel/generator" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helpers" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.0"
+
 "@babel/eslint-parser@^7.16.3":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.21.3.tgz#d79e822050f2de65d7f368a076846e7184234af7"
@@ -68,7 +101,7 @@
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.0"
 
-"@babel/generator@^7.21.4", "@babel/generator@^7.7.2":
+"@babel/generator@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.4.tgz#64a94b7448989f421f919d5239ef553b37bb26bc"
   integrity sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==
@@ -78,6 +111,16 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.5.tgz#1e7bf768688acfb05cf30b2369ef855e82d984f7"
+  integrity sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==
+  dependencies:
+    "@babel/types" "^7.22.5"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
@@ -104,6 +147,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz#fc7319fc54c5e2fa14b2909cf3c5fd3046813e02"
+  integrity sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==
+  dependencies:
+    "@babel/compat-data" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    browserslist "^4.21.3"
+    lru-cache "^5.1.1"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.4.tgz#3a017163dc3c2ba7deb9a7950849a9586ea24c18"
@@ -143,6 +197,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
   integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
 
+"@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
+  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
+
 "@babel/helper-explode-assignable-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz#41f8228ef0a6f1a036b8dfdfec7ce94f9a6bc096"
@@ -158,6 +217,14 @@
     "@babel/template" "^7.20.7"
     "@babel/types" "^7.21.0"
 
+"@babel/helper-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
+  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -165,6 +232,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-hoist-variables@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
+  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
@@ -179,6 +253,13 @@
   dependencies:
     "@babel/types" "^7.21.4"
 
+"@babel/helper-module-imports@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz#1a8f4c9f4027d23f520bd76b364d44434a72660c"
+  integrity sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.2":
   version "7.21.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
@@ -193,6 +274,20 @@
     "@babel/traverse" "^7.21.2"
     "@babel/types" "^7.21.2"
 
+"@babel/helper-module-transforms@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz#0f65daa0716961b6e96b164034e737f60a80d2ef"
+  integrity sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -205,6 +300,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
+"@babel/helper-plugin-utils@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
+  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
+
 "@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
@@ -234,6 +334,13 @@
   dependencies:
     "@babel/types" "^7.20.2"
 
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
@@ -248,21 +355,43 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-split-export-declaration@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz#88cf11050edb95ed08d596f7a044462189127a08"
+  integrity sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-string-parser@^7.19.4":
   version "7.19.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
   integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
 
+"@babel/helper-string-parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
+  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
+
 "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
   version "7.19.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
+"@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
+  integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
+
 "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
   integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
 
+"@babel/helper-validator-option@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
+  integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
+
 "@babel/helper-wrap-function@^7.18.9":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3"
@@ -282,6 +411,15 @@
     "@babel/traverse" "^7.21.0"
     "@babel/types" "^7.21.0"
 
+"@babel/helpers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.5.tgz#74bb4373eb390d1ceed74a15ef97767e63120820"
+  integrity sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -291,11 +429,25 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
+"@babel/highlight@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
+  integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.5"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
   integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
 
+"@babel/parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.5.tgz#721fd042f3ce1896238cf1b341c77eb7dee7dbea"
+  integrity sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2"
@@ -459,14 +611,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-bigint@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
+"@babel/plugin-syntax-class-properties@^7.12.13":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
@@ -515,13 +660,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.19.0"
 
-"@babel/plugin-syntax-import-meta@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
 "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
@@ -536,7 +674,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
   integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
@@ -550,7 +688,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
   integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
@@ -585,14 +723,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
+"@babel/plugin-syntax-top-level-await@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
   integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.20.0", "@babel/plugin-syntax-typescript@^7.7.2":
+"@babel/plugin-syntax-typescript@^7.20.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz#2751948e9b7c6d771a8efa59340c15d4a2891ff8"
   integrity sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==
@@ -792,13 +930,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-react-constant-elements@^7.12.1":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.21.3.tgz#b32a5556100d424b25e388dd689050d78396884d"
-  integrity sha512-4DVcFeWe/yDYBLp0kBmOGFJ6N2UYg7coGid1gdxb4co62dy/xISDMaYBXBVXEDhfgMk7qkbcYiGtwd5Q/hwDDQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-
 "@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
@@ -813,6 +944,20 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
+"@babel/plugin-transform-react-jsx-self@^7.18.6":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz#ca2fdc11bc20d4d46de01137318b13d04e481d8e"
+  integrity sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-react-jsx-source@^7.19.6":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz#49af1615bfdf6ed9d3e9e43e425e0b2b65d15b6c"
+  integrity sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-react-jsx@^7.18.6":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz#656b42c2fdea0a6d8762075d58ef9d4e3c4ab8a2"
@@ -920,7 +1065,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.16.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.21.4.tgz#a952482e634a8dd8271a3fe5459a16eb10739c58"
   integrity sha512-2W57zHs2yDLm6GD5ZpvNn71lZ0B/iypSdIeq25OurDKji6AdzV07qp4s3n1/x5BqtiGaTrPN3nerlSCaC5qNTw==
@@ -1012,7 +1157,7 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.16.0":
+"@babel/preset-react@^7.16.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.18.6.tgz#979f76d6277048dc19094c217b507f3ad517dd2d"
   integrity sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==
@@ -1047,7 +1192,7 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
+"@babel/template@^7.18.10", "@babel/template@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
   integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
@@ -1056,7 +1201,16 @@
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.7.2":
+"@babel/template@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
+  integrity sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==
+  dependencies:
+    "@babel/code-frame" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
   integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
@@ -1072,7 +1226,23 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+"@babel/traverse@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.5.tgz#44bd276690db6f4940fdb84e1cb4abd2f729ccd1"
+  integrity sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==
+  dependencies:
+    "@babel/code-frame" "^7.22.5"
+    "@babel/generator" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/types" "^7.22.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.4.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
   integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
@@ -1081,126 +1251,239 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+"@babel/types@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
+  integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    to-fast-properties "^2.0.0"
 
 "@braintree/sanitize-url@6.0.2":
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f"
   integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==
 
-"@csstools/normalize.css@*":
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-12.0.0.tgz#a9583a75c3f150667771f30b60d9f059473e62c4"
-  integrity sha512-M0qqxAcwCsIVfpFQSlGN5XjXWu8l5JDZN+fPt1LeW5SZexQTgnaEvgXAY+CeygRw0EeppWHi12JxESWiWrB0Sg==
+"@esbuild/android-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz#bafb75234a5d3d1b690e7c2956a599345e84a2fd"
+  integrity sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==
 
-"@csstools/postcss-cascade-layers@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
-  integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.2"
-    postcss-selector-parser "^6.0.10"
+"@esbuild/android-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.11.tgz#fa6f0cc7105367cb79cc0a8bf32bf50cb1673e45"
+  integrity sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==
 
-"@csstools/postcss-color-function@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
-  integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.19.tgz#5898f7832c2298bc7d0ab53701c57beb74d78b4d"
+  integrity sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==
 
-"@csstools/postcss-font-format-keywords@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
-  integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-arm@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.11.tgz#ae84a410696c9f549a15be94eaececb860bacacb"
+  integrity sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==
 
-"@csstools/postcss-hwb-function@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
-  integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.19.tgz#658368ef92067866d95fb268719f98f363d13ae1"
+  integrity sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==
 
-"@csstools/postcss-ic-unit@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
-  integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+"@esbuild/android-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.11.tgz#0e58360bbc789ad0d68174d32ba20e678c2a16b6"
+  integrity sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==
 
-"@csstools/postcss-is-pseudo-class@^2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
-  integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
+"@esbuild/darwin-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz#584c34c5991b95d4d48d333300b1a4e2ff7be276"
+  integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==
 
-"@csstools/postcss-nested-calc@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
-  integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/darwin-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.11.tgz#fcdcd2ef76ca656540208afdd84f284072f0d1f9"
+  integrity sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==
 
-"@csstools/postcss-normalize-display-values@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
-  integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/darwin-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz#7751d236dfe6ce136cce343dce69f52d76b7f6cb"
+  integrity sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==
 
-"@csstools/postcss-oklab-function@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
-  integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+"@esbuild/darwin-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.11.tgz#c5ac602ec0504a8ff81e876bc8a9811e94d69d37"
+  integrity sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==
 
-"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
-  integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz#cacd171665dd1d500f45c167d50c6b7e539d5fd2"
+  integrity sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==
 
-"@csstools/postcss-stepped-value-functions@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
-  integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.11.tgz#7012fb06ee3e6e0d5560664a65f3fefbcc46db2e"
+  integrity sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==
 
-"@csstools/postcss-text-decoration-shorthand@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
-  integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz#0769456eee2a08b8d925d7c00b79e861cb3162e4"
+  integrity sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==
 
-"@csstools/postcss-trigonometric-functions@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
-  integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
-  dependencies:
-    postcss-value-parser "^4.2.0"
+"@esbuild/freebsd-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.11.tgz#c5de1199f70e1f97d5c8fca51afa9bf9a2af5969"
+  integrity sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==
 
-"@csstools/postcss-unset-value@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
-  integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
+"@esbuild/linux-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz#38e162ecb723862c6be1c27d6389f48960b68edb"
+  integrity sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==
 
-"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
-  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+"@esbuild/linux-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.11.tgz#2a6d3a74e0b8b5f294e22b4515b29f76ebd42660"
+  integrity sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==
+
+"@esbuild/linux-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz#1a2cd399c50040184a805174a6d89097d9d1559a"
+  integrity sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==
+
+"@esbuild/linux-arm@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.11.tgz#5175bd61b793b436e4aece6328aa0d9be07751e1"
+  integrity sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==
+
+"@esbuild/linux-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz#e28c25266b036ce1cabca3c30155222841dc035a"
+  integrity sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==
+
+"@esbuild/linux-ia32@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.11.tgz#20ee6cfd65a398875f321a485e7b2278e5f6f67b"
+  integrity sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==
+
+"@esbuild/linux-loong64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz#0f887b8bb3f90658d1a0117283e55dbd4c9dcf72"
+  integrity sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==
+
+"@esbuild/linux-loong64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.11.tgz#8e7b251dede75083bf44508dab5edce3f49d052b"
+  integrity sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==
+
+"@esbuild/linux-mips64el@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz#f5d2a0b8047ea9a5d9f592a178ea054053a70289"
+  integrity sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==
+
+"@esbuild/linux-mips64el@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.11.tgz#a3125eb48538ac4932a9d05089b157f94e443165"
+  integrity sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==
+
+"@esbuild/linux-ppc64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz#876590e3acbd9fa7f57a2c7d86f83717dbbac8c7"
+  integrity sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==
+
+"@esbuild/linux-ppc64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.11.tgz#842abadb7a0995bd539adee2be4d681b68279499"
+  integrity sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==
+
+"@esbuild/linux-riscv64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz#7f49373df463cd9f41dc34f9b2262d771688bf09"
+  integrity sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==
+
+"@esbuild/linux-riscv64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.11.tgz#7ce6e6cee1c72d5b4d2f4f8b6fcccf4a9bea0e28"
+  integrity sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==
+
+"@esbuild/linux-s390x@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz#e2afd1afcaf63afe2c7d9ceacd28ec57c77f8829"
+  integrity sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==
+
+"@esbuild/linux-s390x@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.11.tgz#98fbc794363d02ded07d300df2e535650b297b96"
+  integrity sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==
+
+"@esbuild/linux-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz#8a0e9738b1635f0c53389e515ae83826dec22aa4"
+  integrity sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==
+
+"@esbuild/linux-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.11.tgz#f8458ec8cf74c8274e4cacd00744d8446cac52eb"
+  integrity sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==
+
+"@esbuild/netbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz#c29fb2453c6b7ddef9a35e2c18b37bda1ae5c462"
+  integrity sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==
+
+"@esbuild/netbsd-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.11.tgz#a7b2f991b8293748a7be42eac1c4325faf0c7cca"
+  integrity sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==
+
+"@esbuild/openbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz#95e75a391403cb10297280d524d66ce04c920691"
+  integrity sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==
+
+"@esbuild/openbsd-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.11.tgz#3e50923de84c54008f834221130fd23646072b2f"
+  integrity sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==
+
+"@esbuild/sunos-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz#722eaf057b83c2575937d3ffe5aeb16540da7273"
+  integrity sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==
+
+"@esbuild/sunos-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.11.tgz#ae47a550b0cd395de03606ecfba03cc96c7c19e2"
+  integrity sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==
+
+"@esbuild/win32-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz#9aa9dc074399288bdcdd283443e9aeb6b9552b6f"
+  integrity sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==
+
+"@esbuild/win32-arm64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.11.tgz#05d364582b7862d7fbf4698ef43644f7346dcfcc"
+  integrity sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==
+
+"@esbuild/win32-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz#95ad43c62ad62485e210f6299c7b2571e48d2b03"
+  integrity sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==
+
+"@esbuild/win32-ia32@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.11.tgz#a3372095a4a1939da672156a3c104f8ce85ee616"
+  integrity sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==
+
+"@esbuild/win32-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061"
+  integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==
+
+"@esbuild/win32-x64@0.18.11":
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.11.tgz#6526c7e1b40d5b9f0a222c6b767c22f6fb97aa57"
+  integrity sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==
 
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
@@ -1229,30 +1512,10 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@eslint/eslintrc@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.2.tgz#01575e38707add677cf73ca1589abba8da899a02"
-  integrity sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.5.1"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@eslint/js@8.38.0":
-  version "8.38.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.38.0.tgz#73a8a0d8aa8a8e6fe270431c5e72ae91b5337892"
-  integrity sha512-IoD2MfUnOV58ghIHCiil01PcohxjbYR/qCxsoC+xNgUwh1EY8jOOrYmu3d3a71+tJJ23uscEV4X2HJWMsPJu4g==
-
-"@excalidraw/eslint-config@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.0.tgz#1cc527a88cfe20fd730496c1b631c3aecf9c825e"
-  integrity sha512-5SQFsQXO4vzny7OFSJr/DDPr1Mzeh6w0uwmZ0Fk2qjBcS5nhPtnx5KOTRPmpc6Hf5Ao57WK/MKI4lhCzw66V/A==
+"@excalidraw/eslint-config@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.3.tgz#2122ef7413ae77874ae9848ce0f1c6b3f0d8bbbd"
+  integrity sha512-GemHNF5Z6ga0BWBSX7GJaNBUchLu6RwTcAB84eX1MeckRNhNasAsPCdelDlFalz27iS4RuYEQh0bPE8SRxJgbQ==
 
 "@excalidraw/prettier-config@1.0.2":
   version "1.0.2"
@@ -1535,15 +1798,6 @@
     protobufjs "^7.0.0"
     yargs "^16.2.0"
 
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
-    minimatch "^3.0.5"
-
 "@humanwhocodes/config-array@^0.5.0":
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
@@ -1553,100 +1807,11 @@
     debug "^4.1.1"
     minimatch "^3.0.4"
 
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/object-schema@^1.2.0", "@humanwhocodes/object-schema@^1.2.1":
+"@humanwhocodes/object-schema@^1.2.0":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@istanbuljs/load-nyc-config@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
-  dependencies:
-    camelcase "^5.3.1"
-    find-up "^4.1.0"
-    get-package-type "^0.1.0"
-    js-yaml "^3.13.1"
-    resolve-from "^5.0.0"
-
-"@istanbuljs/schema@^0.1.2":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@jest/console@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
-  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^27.5.1"
-    jest-util "^27.5.1"
-    slash "^3.0.0"
-
-"@jest/console@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
-  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
-  dependencies:
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
-    slash "^3.0.0"
-
-"@jest/core@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
-  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
-  dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/reporters" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    emittery "^0.8.1"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    jest-changed-files "^27.5.1"
-    jest-config "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-resolve-dependencies "^27.5.1"
-    jest-runner "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    jest-watcher "^27.5.1"
-    micromatch "^4.0.4"
-    rimraf "^3.0.0"
-    slash "^3.0.0"
-    strip-ansi "^6.0.0"
-
-"@jest/environment@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
-  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
-  dependencies:
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-
 "@jest/expect-utils@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
@@ -1654,65 +1819,6 @@
   dependencies:
     jest-get-type "^29.4.3"
 
-"@jest/fake-timers@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
-  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@sinonjs/fake-timers" "^8.0.1"
-    "@types/node" "*"
-    jest-message-util "^27.5.1"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-
-"@jest/globals@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
-  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    expect "^27.5.1"
-
-"@jest/reporters@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
-  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    collect-v8-coverage "^1.0.0"
-    exit "^0.1.2"
-    glob "^7.1.2"
-    graceful-fs "^4.2.9"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^5.1.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.1.3"
-    jest-haste-map "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    slash "^3.0.0"
-    source-map "^0.6.0"
-    string-length "^4.0.1"
-    terminal-link "^2.0.0"
-    v8-to-istanbul "^8.1.0"
-
-"@jest/schemas@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
-  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
-  dependencies:
-    "@sinclair/typebox" "^0.24.1"
-
 "@jest/schemas@^29.4.3":
   version "29.4.3"
   resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
@@ -1720,89 +1826,6 @@
   dependencies:
     "@sinclair/typebox" "^0.25.16"
 
-"@jest/source-map@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
-  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
-  dependencies:
-    callsites "^3.0.0"
-    graceful-fs "^4.2.9"
-    source-map "^0.6.0"
-
-"@jest/test-result@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
-  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
-  dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
-
-"@jest/test-result@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
-  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
-  dependencies:
-    "@jest/console" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
-
-"@jest/test-sequencer@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
-  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
-  dependencies:
-    "@jest/test-result" "^27.5.1"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-runtime "^27.5.1"
-
-"@jest/transform@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
-  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^27.5.1"
-    babel-plugin-istanbul "^6.1.1"
-    chalk "^4.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-util "^27.5.1"
-    micromatch "^4.0.4"
-    pirates "^4.0.4"
-    slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
-
-"@jest/types@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
-  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^16.0.0"
-    chalk "^4.0.0"
-
-"@jest/types@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
-  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
-  dependencies:
-    "@jest/schemas" "^28.1.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^17.0.8"
-    chalk "^4.0.0"
-
 "@jest/types@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
@@ -1847,7 +1870,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
@@ -1860,11 +1883,6 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@leichtgewicht/ip-codec@^2.0.1":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
-  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
-
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
   resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"
@@ -1885,7 +1903,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.walk@^1.2.3":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1893,20 +1911,10 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
-  version "0.5.10"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
-  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
-  dependencies:
-    ansi-html-community "^0.0.8"
-    common-path-prefix "^3.0.0"
-    core-js-pure "^3.23.3"
-    error-stack-parser "^2.0.6"
-    find-up "^5.0.0"
-    html-entities "^2.1.0"
-    loader-utils "^2.0.4"
-    schema-utils "^3.0.0"
-    source-map "^0.7.3"
+"@polka/url@^1.0.0-next.20":
+  version "1.0.0-next.21"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
+  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
 
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
@@ -2238,6 +2246,15 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
+"@rollup/pluginutils@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
+  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
+
 "@rushstack/eslint-patch@^1.1.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728"
@@ -2305,30 +2322,11 @@
     "@sentry/types" "6.2.5"
     tslib "^1.9.3"
 
-"@sinclair/typebox@^0.24.1":
-  version "0.24.51"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
-  integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
-
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
   integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
 
-"@sinonjs/commons@^1.7.0":
-  version "1.8.6"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
-  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
-  dependencies:
-    type-detect "4.0.8"
-
-"@sinonjs/fake-timers@^8.0.1":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz#3fdc2b6cb58935b21bfb8d1625eb1300484316e7"
-  integrity sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==
-  dependencies:
-    "@sinonjs/commons" "^1.7.0"
-
 "@surma/rollup-plugin-off-main-thread@^2.2.3":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
@@ -2339,108 +2337,88 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
-  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
+"@svgr/babel-plugin-add-jsx-attribute@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.1.tgz#74a5d648bd0347bda99d82409d87b8ca80b9a1ba"
+  integrity sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ==
 
-"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
-  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
+"@svgr/babel-plugin-remove-jsx-attribute@*":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186"
+  integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==
 
-"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
-  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
+"@svgr/babel-plugin-remove-jsx-empty-expression@*":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44"
+  integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==
 
-"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
-  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
+"@svgr/babel-plugin-replace-jsx-attribute-value@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.5.1.tgz#fb9d22ea26d2bc5e0a44b763d4c46d5d3f596c60"
+  integrity sha512-8DPaVVE3fd5JKuIC29dqyMB54sA6mfgki2H2+swh+zNJoynC8pMPzOkidqHOSc6Wj032fhl8Z0TVn1GiPpAiJg==
 
-"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
-  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
+"@svgr/babel-plugin-svg-dynamic-title@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.5.1.tgz#01b2024a2b53ffaa5efceaa0bf3e1d5a4c520ce4"
+  integrity sha512-FwOEi0Il72iAzlkaHrlemVurgSQRDFbk0OC8dSvD5fSBPHltNh7JtLsxmZUhjYBZo2PpcU/RJvvi6Q0l7O7ogw==
 
-"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
-  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
+"@svgr/babel-plugin-svg-em-dimensions@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.5.1.tgz#dd3fa9f5b24eb4f93bcf121c3d40ff5facecb217"
+  integrity sha512-gWGsiwjb4tw+ITOJ86ndY/DZZ6cuXMNE/SjcDRg+HLuCmwpcjOktwRF9WgAiycTqJD/QXqL2f8IzE2Rzh7aVXA==
 
-"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
-  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
+"@svgr/babel-plugin-transform-react-native-svg@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.5.1.tgz#1d8e945a03df65b601551097d8f5e34351d3d305"
+  integrity sha512-2jT3nTayyYP7kI6aGutkyfJ7UMGtuguD72OjeGLwVNyfPRBD8zQthlvL+fAbAKk5n9ZNcvFkp/b1lZ7VsYqVJg==
 
-"@svgr/babel-plugin-transform-svg-component@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a"
-  integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==
+"@svgr/babel-plugin-transform-svg-component@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.5.1.tgz#48620b9e590e25ff95a80f811544218d27f8a250"
+  integrity sha512-a1p6LF5Jt33O3rZoVRBqdxL350oge54iZWHNI6LJB5tQ7EelvD/Mb1mfBiZNAan0dt4i3VArkFRjA4iObuNykQ==
 
-"@svgr/babel-preset@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327"
-  integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==
+"@svgr/babel-preset@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-6.5.1.tgz#b90de7979c8843c5c580c7e2ec71f024b49eb828"
+  integrity sha512-6127fvO/FF2oi5EzSQOAjo1LE3OtNVh11R+/8FXa+mHx1ptAaS4cknIjnUA7e6j6fwGGJ17NzaTJFUwOV2zwCw==
   dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
-    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
-    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
-    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
-    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
-    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
-    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
-    "@svgr/babel-plugin-transform-svg-component" "^5.5.0"
+    "@svgr/babel-plugin-add-jsx-attribute" "^6.5.1"
+    "@svgr/babel-plugin-remove-jsx-attribute" "*"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "*"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^6.5.1"
+    "@svgr/babel-plugin-svg-dynamic-title" "^6.5.1"
+    "@svgr/babel-plugin-svg-em-dimensions" "^6.5.1"
+    "@svgr/babel-plugin-transform-react-native-svg" "^6.5.1"
+    "@svgr/babel-plugin-transform-svg-component" "^6.5.1"
 
-"@svgr/core@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579"
-  integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==
+"@svgr/core@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.5.1.tgz#d3e8aa9dbe3fbd747f9ee4282c1c77a27410488a"
+  integrity sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==
   dependencies:
-    "@svgr/plugin-jsx" "^5.5.0"
+    "@babel/core" "^7.19.6"
+    "@svgr/babel-preset" "^6.5.1"
+    "@svgr/plugin-jsx" "^6.5.1"
     camelcase "^6.2.0"
-    cosmiconfig "^7.0.0"
+    cosmiconfig "^7.0.1"
 
-"@svgr/hast-util-to-babel-ast@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461"
-  integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==
+"@svgr/hast-util-to-babel-ast@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.5.1.tgz#81800bd09b5bcdb968bf6ee7c863d2288fdb80d2"
+  integrity sha512-1hnUxxjd83EAxbL4a0JDJoD3Dao3hmjvyvyEV8PzWmLK3B9m9NPlW7GKjFyoWE8nM7HnXzPcmmSyOW8yOddSXw==
   dependencies:
-    "@babel/types" "^7.12.6"
+    "@babel/types" "^7.20.0"
+    entities "^4.4.0"
 
-"@svgr/plugin-jsx@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000"
-  integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==
+"@svgr/plugin-jsx@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-6.5.1.tgz#0e30d1878e771ca753c94e69581c7971542a7072"
+  integrity sha512-+UdQxI3jgtSjCykNSlEMuy1jSRQlGC7pqBCPvkG/2dATdWo082zHTTK3uhnAju2/6XpE6B5mZ3z4Z8Ns01S8Gw==
   dependencies:
-    "@babel/core" "^7.12.3"
-    "@svgr/babel-preset" "^5.5.0"
-    "@svgr/hast-util-to-babel-ast" "^5.5.0"
-    svg-parser "^2.0.2"
-
-"@svgr/plugin-svgo@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246"
-  integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    deepmerge "^4.2.2"
-    svgo "^1.2.2"
-
-"@svgr/webpack@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640"
-  integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/plugin-transform-react-constant-elements" "^7.12.1"
-    "@babel/preset-env" "^7.12.1"
-    "@babel/preset-react" "^7.12.5"
-    "@svgr/core" "^5.5.0"
-    "@svgr/plugin-jsx" "^5.5.0"
-    "@svgr/plugin-svgo" "^5.5.0"
-    loader-utils "^2.0.0"
+    "@babel/core" "^7.19.6"
+    "@svgr/babel-preset" "^6.5.1"
+    "@svgr/hast-util-to-babel-ast" "^6.5.1"
+    svg-parser "^2.0.4"
 
 "@testing-library/dom@^8.0.0":
   version "8.20.0"
@@ -2485,159 +2463,44 @@
   resolved "https://registry.yarnpkg.com/@tldraw/vec/-/vec-1.7.1.tgz#5bfac9a56e11ad890cbd1c620293d7fcb23bf1ea"
   integrity sha512-qM6Z9RvkLFFEzr91mmsA4HI14msyDgDDOu36csIzG5BYu2bFmEz5siQ8WntHgDtUjzJHP+VSSOTbAXhklEZHLA==
 
-"@tootallnate/once@1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
-  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
-
-"@trysound/sax@0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
-  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
 "@types/aria-query@^5.0.1":
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.1.tgz#3286741fb8f1e1580ac28784add4c7a1d49bdfbc"
   integrity sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
-  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
+"@types/chai-subset@^1.3.3":
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/@types/chai-subset/-/chai-subset-1.3.3.tgz#97893814e92abd2c534de422cb377e0e0bdaac94"
+  integrity sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==
   dependencies:
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
+    "@types/chai" "*"
 
-"@types/babel__generator@*":
-  version "7.6.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
-  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
-  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
-  version "7.18.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
-  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
-"@types/body-parser@*":
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
-  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
-  dependencies:
-    "@types/connect" "*"
-    "@types/node" "*"
-
-"@types/bonjour@^3.5.9":
-  version "3.5.10"
-  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275"
-  integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==
-  dependencies:
-    "@types/node" "*"
+"@types/chai@*", "@types/chai@^4.3.5":
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.5.tgz#ae69bcbb1bebb68c4ac0b11e9d8ed04526b3562b"
+  integrity sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==
 
 "@types/chai@4.3.0":
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.0.tgz#23509ebc1fa32f1b4d50d6a66c4032d5b8eaabdc"
   integrity sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==
 
-"@types/connect-history-api-fallback@^1.3.5":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae"
-  integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw==
-  dependencies:
-    "@types/express-serve-static-core" "*"
-    "@types/node" "*"
-
-"@types/connect@*":
-  version "3.4.35"
-  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
-  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/eslint-scope@^3.7.3":
-  version "3.7.4"
-  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
-  integrity sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==
-  dependencies:
-    "@types/eslint" "*"
-    "@types/estree" "*"
-
-"@types/eslint@*", "@types/eslint@^7.29.0 || ^8.4.1":
-  version "8.37.0"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.37.0.tgz#29cebc6c2a3ac7fea7113207bf5a828fdf4d7ef1"
-  integrity sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==
-  dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
-
-"@types/estree@*":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
-  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
-
 "@types/estree@0.0.39":
   version "0.0.39"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
   integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
 
-"@types/estree@^0.0.51":
-  version "0.0.51"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
-  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+"@types/estree@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
+  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
 
-"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
-  version "4.17.33"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
-  integrity sha512-TPBqmR/HRYI3eC2E5hmiivIzv+bidAfXofM+sbonAGvyDhySGw9/PQZFt2BLOrjUUR++4eJVpx6KnLQK1Fk9tA==
-  dependencies:
-    "@types/node" "*"
-    "@types/qs" "*"
-    "@types/range-parser" "*"
-
-"@types/express@*", "@types/express@^4.17.13":
-  version "4.17.17"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.17.tgz#01d5437f6ef9cfa8668e616e13c2f2ac9a491ae4"
-  integrity sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==
-  dependencies:
-    "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.33"
-    "@types/qs" "*"
-    "@types/serve-static" "*"
-
-"@types/graceful-fs@^4.1.2":
-  version "4.1.6"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.6.tgz#e14b2576a1c25026b7f02ede1de3b84c3a1efeae"
-  integrity sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/html-minifier-terser@^6.0.0":
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
-  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
-
-"@types/http-proxy@^1.17.8":
-  version "1.17.10"
-  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.10.tgz#e576c8e4a0cc5c6a138819025a88e167ebb38d6c"
-  integrity sha512-Qs5aULi+zV1bwKAg5z1PWnDXWmsn+LxIvUGv6E2+OOMYhclZMO+OXd9pYVf2gLykf2I7IV2u7oTHwChPNsvJ7g==
-  dependencies:
-    "@types/node" "*"
-
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
   integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
@@ -2672,7 +2535,7 @@
     jest-diff "^27.0.0"
     pretty-format "^27.0.0"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+"@types/json-schema@^7.0.9":
   version "7.0.11"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
   integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
@@ -2699,11 +2562,6 @@
   resolved "https://registry.yarnpkg.com/@types/long/-/long-4.0.2.tgz#b74129719fc8d11c01868010082d483b7545591a"
   integrity sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==
 
-"@types/mime@*":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
-  integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
-
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
   version "18.15.11"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.11.tgz#b3b790f09cb1696cffcec605de025b088fa4225f"
@@ -2724,31 +2582,11 @@
   resolved "https://registry.yarnpkg.com/@types/pica/-/pica-5.1.3.tgz#5ef64529a1f83f7d6586a8bf75a8a00be32aca02"
   integrity sha512-13SEyETRE5psd9bE0AmN+0M1tannde2fwHfLVaVIljkbL9V0OfFvKwCicyeDvVYLkmjQWEydbAlsDsmjrdyTOg==
 
-"@types/prettier@^2.1.5":
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
-  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
-
 "@types/prop-types@*":
   version "15.7.5"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
-"@types/q@^1.5.1":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
-  integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
-
-"@types/qs@*":
-  version "6.9.7"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
-  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
-
-"@types/range-parser@*":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
-  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
-
 "@types/react-dom@18.0.6":
   version "18.0.6"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.6.tgz#36652900024842b74607a17786b6662dd1e103a1"
@@ -2802,11 +2640,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/retry@0.12.0":
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
-  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
-
 "@types/scheduler@*":
   version "0.16.3"
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
@@ -2817,33 +2650,11 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
   integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
 
-"@types/serve-index@^1.9.1":
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278"
-  integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==
-  dependencies:
-    "@types/express" "*"
-
-"@types/serve-static@*", "@types/serve-static@^1.13.10":
-  version "1.15.1"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.1.tgz#86b1753f0be4f9a1bee68d459fcda5be4ea52b5d"
-  integrity sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==
-  dependencies:
-    "@types/mime" "*"
-    "@types/node" "*"
-
 "@types/socket.io-client@1.4.36":
   version "1.4.36"
   resolved "https://registry.yarnpkg.com/@types/socket.io-client/-/socket.io-client-1.4.36.tgz#e4f1ca065f84c20939e9850e70222202bd76ff3f"
   integrity sha512-ZJWjtFBeBy1kRSYpVbeGYTElf6BqPQUkXDlHHD4k/42byCN5Rh027f4yARHCink9sKAkbtGZXEAmR0ZCnc2/Ag==
 
-"@types/sockjs@^0.3.33":
-  version "0.3.33"
-  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
-  integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==
-  dependencies:
-    "@types/node" "*"
-
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
@@ -2861,25 +2672,11 @@
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.3.tgz#a136f83b0758698df454e328759dbd3d44555311"
   integrity sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==
 
-"@types/ws@^8.5.1":
-  version "8.5.4"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.4.tgz#bb10e36116d6e570dd943735f86c933c1587b8a5"
-  integrity sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==
-  dependencies:
-    "@types/node" "*"
-
 "@types/yargs-parser@*":
   version "21.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
-"@types/yargs@^16.0.0":
-  version "16.0.5"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.5.tgz#12cc86393985735a283e387936398c2f9e5f88e3"
-  integrity sha512-AxO/ADJOBFJScHbWhq2xAhlWP24rY4aCEG/NFaMvbT3X2MgRsLjhjQwsn0Zi5zn0LG9jUhCCZMeX9Dkuw6k+vQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^17.0.8":
   version "17.0.24"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.24.tgz#b3ef8d50ad4aa6aecf6ddc97c580a00f5aa11902"
@@ -2978,195 +2775,103 @@
     "@typescript-eslint/types" "5.58.0"
     eslint-visitor-keys "^3.3.0"
 
-"@webassemblyjs/ast@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
-  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
+"@vitejs/plugin-react@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz#d1091f535eab8b83d6e74034d01e27d73c773240"
+  integrity sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==
   dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@babel/core" "^7.20.12"
+    "@babel/plugin-transform-react-jsx-self" "^7.18.6"
+    "@babel/plugin-transform-react-jsx-source" "^7.19.6"
+    magic-string "^0.27.0"
+    react-refresh "^0.14.0"
 
-"@webassemblyjs/floating-point-hex-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
-  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
-
-"@webassemblyjs/helper-api-error@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
-  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
-
-"@webassemblyjs/helper-buffer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
-  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
-
-"@webassemblyjs/helper-numbers@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
-  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
+"@vitest/expect@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.32.2.tgz#8111f6ab1ff3b203efbe3a25e8bb2d160ce4b720"
+  integrity sha512-6q5yzweLnyEv5Zz1fqK5u5E83LU+gOMVBDuxBl2d2Jfx1BAp5M+rZgc5mlyqdnxquyoiOXpXmFNkcGcfFnFH3Q==
   dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@xtuc/long" "4.2.2"
+    "@vitest/spy" "0.32.2"
+    "@vitest/utils" "0.32.2"
+    chai "^4.3.7"
 
-"@webassemblyjs/helper-wasm-bytecode@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
-  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
-
-"@webassemblyjs/helper-wasm-section@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
-  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
+"@vitest/runner@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.32.2.tgz#18dd979ce4e8766bcc90948d11b4c8ae6ed90b89"
+  integrity sha512-06vEL0C1pomOEktGoLjzZw+1Fb+7RBRhmw/06WkDrd1akkT9i12su0ku+R/0QM69dfkIL/rAIDTG+CSuQVDcKw==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@vitest/utils" "0.32.2"
+    concordance "^5.0.4"
+    p-limit "^4.0.0"
+    pathe "^1.1.0"
 
-"@webassemblyjs/ieee754@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
-  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
+"@vitest/snapshot@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.32.2.tgz#500b6453e88e4c50a0aded39839352c16b519b9e"
+  integrity sha512-JwhpeH/PPc7GJX38vEfCy9LtRzf9F4er7i4OsAJyV7sjPwjj+AIR8cUgpMTWK4S3TiamzopcTyLsZDMuldoi5A==
   dependencies:
-    "@xtuc/ieee754" "^1.2.0"
+    magic-string "^0.30.0"
+    pathe "^1.1.0"
+    pretty-format "^27.5.1"
 
-"@webassemblyjs/leb128@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
-  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
+"@vitest/spy@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.32.2.tgz#f3ef7afe0d34e863b90df7c959fa5af540a6aaf9"
+  integrity sha512-Q/ZNILJ4ca/VzQbRM8ur3Si5Sardsh1HofatG9wsJY1RfEaw0XKP8IVax2lI1qnrk9YPuG9LA2LkZ0EI/3d4ug==
   dependencies:
-    "@xtuc/long" "4.2.2"
+    tinyspy "^2.1.0"
 
-"@webassemblyjs/utf8@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
-  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
-
-"@webassemblyjs/wasm-edit@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
-  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
+"@vitest/ui@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/ui/-/ui-0.32.2.tgz#3a39ef1e23e7a10c2c37d7f570e94b435d34de4c"
+  integrity sha512-N5JKftnB8qzKFtpQC5OcUGxYTLo6wiB/95Lgyk6MF52t74Y7BJOWbf6EFYhXqt9J0MSbhOR2kapq+WKKUGDW0g==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/helper-wasm-section" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-opt" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    "@webassemblyjs/wast-printer" "1.11.1"
+    "@vitest/utils" "0.32.2"
+    fast-glob "^3.2.12"
+    fflate "^0.7.4"
+    flatted "^3.2.7"
+    pathe "^1.1.0"
+    picocolors "^1.0.0"
+    sirv "^2.0.3"
 
-"@webassemblyjs/wasm-gen@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
-  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
+"@vitest/utils@0.32.2":
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.32.2.tgz#809c720cafbf4b35ce651deb8570d57785e77819"
+  integrity sha512-lnJ0T5i03j0IJaeW73hxe2AuVnZ/y1BhhCOuIcl9LIzXnbpXJT9Lrt6brwKHXLOiA7MZ6N5hSJjt0xE1dGNCzQ==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
+    diff-sequences "^29.4.3"
+    loupe "^2.3.6"
+    pretty-format "^27.5.1"
 
-"@webassemblyjs/wasm-opt@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
-  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-
-"@webassemblyjs/wasm-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
-  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wast-printer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
-  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@xtuc/long" "4.2.2"
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-abab@^2.0.3, abab@^2.0.5:
+abab@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
-
-acorn-import-assertions@^1.7.6:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
-  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
-
-acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
+acorn-jsx@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+acorn-walk@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-acorn@^7.1.1, acorn@^7.4.0:
+acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.2.4, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.0:
+acorn@^8.5.0:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
-address@^1.0.1, address@^1.1.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
-  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
-
-adjust-sourcemap-loader@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99"
-  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
-  dependencies:
-    loader-utils "^2.0.0"
-    regex-parser "^2.2.11"
+acorn@^8.8.2, acorn@^8.9.0:
+  version "8.9.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.9.0.tgz#78a16e3b2bcc198c10822786fa6679e245db5b59"
+  integrity sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==
 
 after@0.8.2:
   version "0.8.2"
@@ -3188,26 +2893,7 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ajv-formats@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
-  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
-  dependencies:
-    ajv "^8.0.0"
-
-ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv-keywords@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
-  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-
-ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3217,7 +2903,7 @@ ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.0.1, ajv@^8.6.0, ajv@^8.8.0:
+ajv@^8.0.1, ajv@^8.6.0:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
   integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -3232,18 +2918,13 @@ ansi-colors@^4.1.1:
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
   integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
 
-ansi-escapes@^4.2.1, ansi-escapes@^4.3.0, ansi-escapes@^4.3.1:
+ansi-escapes@^4.3.0:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
   integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
   dependencies:
     type-fest "^0.21.3"
 
-ansi-html-community@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
-  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
-
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -3278,12 +2959,7 @@ ansi-styles@^6.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@^3.0.3, anymatch@~3.1.2:
+anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
@@ -3291,11 +2967,6 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -3303,11 +2974,6 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
 aria-hidden@^1.1.1:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.3.tgz#14aeb7fb692bbb72d69bebfa47279c1fd725e954"
@@ -3330,16 +2996,6 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
-
-array-flatten@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
-  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
-
 array-includes@^3.1.5, array-includes@^3.1.6:
   version "3.1.6"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
@@ -3376,17 +3032,6 @@ array.prototype.flatmap@^1.3.1:
     es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
-array.prototype.reduce@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
-  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-array-method-boxes-properly "^1.0.0"
-    is-string "^1.0.7"
-
 array.prototype.tosorted@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
@@ -3403,11 +3048,6 @@ arraybuffer.slice@~0.0.7:
   resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
   integrity sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==
 
-asap@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
-
 assertion-error@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
@@ -3455,18 +3095,6 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-autoprefixer@^10.4.13:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
-  dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
-    fraction.js "^4.2.0"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.0"
-    postcss-value-parser "^4.2.0"
-
 available-typed-arrays@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
@@ -3484,51 +3112,6 @@ axobject-query@^3.1.1:
   dependencies:
     deep-equal "^2.0.5"
 
-babel-jest@^27.4.2, babel-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
-  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
-  dependencies:
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/babel__core" "^7.1.14"
-    babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^27.5.1"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    slash "^3.0.0"
-
-babel-loader@^8.2.3:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8"
-  integrity sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==
-  dependencies:
-    find-cache-dir "^3.3.1"
-    loader-utils "^2.0.0"
-    make-dir "^3.1.0"
-    schema-utils "^2.6.5"
-
-babel-plugin-istanbul@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
-  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-instrument "^5.0.4"
-    test-exclude "^6.0.0"
-
-babel-plugin-jest-hoist@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
-  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__core" "^7.0.0"
-    "@types/babel__traverse" "^7.0.6"
-
 babel-plugin-macros@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
@@ -3538,11 +3121,6 @@ babel-plugin-macros@^3.1.0:
     cosmiconfig "^7.0.0"
     resolve "^1.19.0"
 
-babel-plugin-named-asset-import@^0.3.8:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz#6b7fa43c59229685368683c28bc9734f24524cc2"
-  integrity sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==
-
 babel-plugin-polyfill-corejs2@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz#5d1bd3836d0a19e1b84bbf2d9640ccb6f951c122"
@@ -3572,32 +3150,6 @@ babel-plugin-transform-react-remove-prop-types@^0.4.24:
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
   integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
 
-babel-preset-current-node-syntax@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
-  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.8.3"
-    "@babel/plugin-syntax-import-meta" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-top-level-await" "^7.8.3"
-
-babel-preset-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
-  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
-  dependencies:
-    babel-plugin-jest-hoist "^27.5.1"
-    babel-preset-current-node-syntax "^1.0.0"
-
 babel-preset-react-app@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz#ed6005a20a24f2c88521809fa9aea99903751584"
@@ -3647,26 +3199,6 @@ basic-auth@^2.0.1:
   dependencies:
     safe-buffer "5.1.2"
 
-batch@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
-  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
-
-bfj@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/bfj/-/bfj-7.0.2.tgz#1988ce76f3add9ac2913fd8ba47aad9e651bfbb2"
-  integrity sha512-+e/UqUzwmzJamNF50tBV6tZPTORow7gQ96iFow+8b562OdMpEK0BcJEq2OSPEDmAbSMBQ7PKZ87ubFkgxpYWgw==
-  dependencies:
-    bluebird "^3.5.5"
-    check-types "^11.1.1"
-    hoopy "^0.1.4"
-    tryer "^1.0.1"
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -3677,43 +3209,10 @@ blob@0.0.5:
   resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
   integrity sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==
 
-bluebird@^3.5.5:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-body-parser@1.20.1:
-  version "1.20.1"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
-  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.4"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.11.0"
-    raw-body "2.5.1"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
-
-bonjour-service@^1.0.11:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.1.1.tgz#960948fa0e0153f5d26743ab15baf8e33752c135"
-  integrity sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==
-  dependencies:
-    array-flatten "^2.1.2"
-    dns-equal "^1.0.0"
-    fast-deep-equal "^3.1.3"
-    multicast-dns "^7.2.5"
-
-boolbase@^1.0.0, boolbase@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+blueimp-md5@^2.10.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.19.0.tgz#b53feea5498dcb53dc6ec4b823adb84b729c4af0"
+  integrity sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -3742,12 +3241,7 @@ browser-fs-access@0.29.1:
   resolved "https://registry.yarnpkg.com/browser-fs-access/-/browser-fs-access-0.29.1.tgz#8a9794c73cf86b9aec74201829999c597128379c"
   integrity sha512-LSvVX5e21LRrXqVMhqtAwj5xPgDb+fXAIH80NsnCQ9xuZPs2xWsOREi24RKgZa1XOiQRbcmVrv87+ulOKsgjxw==
 
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4.21.3, browserslist@^4.21.4, browserslist@^4.21.5:
+browserslist@^4.21.3, browserslist@^4.21.5:
   version "4.21.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
   integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
@@ -3757,13 +3251,6 @@ browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4
     node-releases "^2.0.8"
     update-browserslist-db "^1.0.10"
 
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@@ -3774,15 +3261,10 @@ builtin-modules@^3.1.0:
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
-
-bytes@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+cac@^6.7.14:
+  version "6.7.14"
+  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
@@ -3797,40 +3279,12 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
-  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
-  dependencies:
-    pascal-case "^3.1.2"
-    tslib "^2.0.3"
-
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-camelcase@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.2.0, camelcase@^6.2.1:
+camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-api@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
-  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-lite "^1.0.0"
-    lodash.memoize "^4.1.2"
-    lodash.uniq "^4.5.0"
-
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+caniuse-lite@^1.0.30001449:
   version "1.0.30001478"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz#0ef8a1cf8b16be47a0f9fc4ecfc952232724b32a"
   integrity sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==
@@ -3840,11 +3294,6 @@ canvas-roundrect-polyfill@0.0.1:
   resolved "https://registry.yarnpkg.com/canvas-roundrect-polyfill/-/canvas-roundrect-polyfill-0.0.1.tgz#70bf107ebe2037f26d839d7f809a26f4a95f5696"
   integrity sha512-yWq+R3U3jE+coOeEb3a3GgE2j/0MMiDKM/QpLb6h9ihf5fGY9UXtvK9o4vNqjWXoZz7/3EaSVU3IX53TvFFUOw==
 
-case-sensitive-paths-webpack-plugin@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
-  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
-
 chai@4.3.6:
   version "4.3.6"
   resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.6.tgz#ffe4ba2d9fa9d6680cc0b370adae709ec9011e9c"
@@ -3858,7 +3307,20 @@ chai@4.3.6:
     pathval "^1.1.1"
     type-detect "^4.0.5"
 
-chalk@^2.0.0, chalk@^2.4.1:
+chai@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.7.tgz#ec63f6df01829088e8bf55fca839bcd464a8ec51"
+  integrity sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==
+  dependencies:
+    assertion-error "^1.1.0"
+    check-error "^1.0.2"
+    deep-eql "^4.1.2"
+    get-func-name "^2.0.0"
+    loupe "^2.3.1"
+    pathval "^1.1.1"
+    type-detect "^4.0.5"
+
+chalk@^2.0.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -3875,7 +3337,7 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
+chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -3883,27 +3345,12 @@ chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-char-regex@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
-  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
-
-char-regex@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-2.0.1.tgz#6dafdb25f9d3349914079f010ba8d0e6ff9cd01e"
-  integrity sha512-oSvEeo6ZUD7NepqAat3RqoucZ5SeqLJgOvVIwkafu6IP3V0pO38s/ypdVUmDDK6qIIHNlYHJAKX9E7R7HoKElw==
-
 check-error@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
   integrity sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==
 
-check-types@^11.1.1:
-  version "11.2.2"
-  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.2.tgz#7afc0b6a860d686885062f2dba888ba5710335b4"
-  integrity sha512-HBiYvXvn9Z70Z88XKjz3AEKd4HJhBXsa3j7xFnITAzoS8+q6eIGi8qDB8FKPBAjtuxjI/zFpwuiCb8oDtKOYrA==
-
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -3918,28 +3365,11 @@ check-types@^11.1.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
-
 ci-info@^3.2.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
   integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
-cjs-module-lexer@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
-  integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
-
-clean-css@^5.2.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.2.tgz#70ecc7d4d4114921f5d298349ff86a31a9975224"
-  integrity sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==
-  dependencies:
-    source-map "~0.6.0"
-
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -3982,25 +3412,6 @@ clsx@1.1.1:
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
   integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
 
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
-
-coa@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
-  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
-  dependencies:
-    "@types/q" "^1.5.1"
-    chalk "^2.4.1"
-    q "^1.1.2"
-
-collect-v8-coverage@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
-  integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
-
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -4025,12 +3436,7 @@ color-name@^1.1.4, color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colord@^2.9.1:
-  version "2.9.3"
-  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
-  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
-
-colorette@^2.0.10, colorette@^2.0.16:
+colorette@^2.0.16:
   version "2.0.19"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
   integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
@@ -4047,36 +3453,16 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
-  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
-
-commander@^8.3.0:
+commander@^8.0.0, commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
-common-path-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
-  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
-
 common-tags@^1.8.0:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
   integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
 
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
 component-bind@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
@@ -4092,68 +3478,35 @@ component-inherit@0.0.3:
   resolved "https://registry.yarnpkg.com/component-inherit/-/component-inherit-0.0.3.tgz#645fc4adf58b72b649d5cae65135619db26ff143"
   integrity sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA==
 
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
-
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+concordance@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/concordance/-/concordance-5.0.4.tgz#9896073261adced72f88d60e4d56f8efc4bbbbd2"
+  integrity sha512-OAcsnTEYu1ARJqWVGwf4zh4JDfHZEaSNlNccFmt8YjB2l/n19/PF2viLINHc57vO4FKIAFl2FWASIGZZWZ2Kxw==
+  dependencies:
+    date-time "^3.1.0"
+    esutils "^2.0.3"
+    fast-diff "^1.2.0"
+    js-string-escape "^1.0.1"
+    lodash "^4.17.15"
+    md5-hex "^3.0.1"
+    semver "^7.3.2"
+    well-known-symbols "^2.0.0"
+
 confusing-browser-globals@^1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
   integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
 
-connect-history-api-fallback@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
-  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
-
-content-disposition@0.5.4:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
-  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
-  dependencies:
-    safe-buffer "5.2.1"
-
-content-type@~1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
-  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
-
-convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
-
-cookie@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
-  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
-
 core-js-compat@^3.25.1:
   version "3.30.0"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.30.0.tgz#99aa2789f6ed2debfa1df3232784126ee97f4d80"
@@ -4161,43 +3514,22 @@ core-js-compat@^3.25.1:
   dependencies:
     browserslist "^4.21.5"
 
-core-js-pure@^3.23.3:
-  version "3.30.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.30.0.tgz#41b6c42e5f363bd53d79999bd35093b17e42e1bf"
-  integrity sha512-+2KbMFGeBU0ln/csoPqTe0i/yfHbrd2EUhNMObsGtXMKS/RTtlkYyi+/3twLcevbgNR0yM/r0Psa3TEoQRpFMQ==
-
 core-js@3.6.5:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
   integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
 
-core-js@^3.19.2, core-js@^3.4:
+core-js@^3.4:
   version "3.30.0"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.30.0.tgz#64ac6f83bc7a49fd42807327051701d4b1478dea"
   integrity sha512-hQotSSARoNh1mYPi9O2YaWeiq/cEB95kOrFb4NCrO4RIFt1qqNpKsaE+vy/L3oiqvND5cThqXzUU3r9F7Efztg==
 
-core-util-is@~1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
-  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
-
 corser@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
   integrity sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==
 
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
-cosmiconfig@^7.0.0:
+cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
   integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
@@ -4234,108 +3566,6 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-css-blank-pseudo@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
-  integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-css-declaration-sorter@^6.3.1:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz#630618adc21724484b3e9505bce812def44000ad"
-  integrity sha512-jDfsatwWMWN0MODAFuHszfjphEXfNw9JUAhmY4pLu3TyTU+ohUpsbVtbU+1MZn4a47D9kqh03i4eyOm+74+zew==
-
-css-has-pseudo@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
-  integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-css-loader@^6.5.1:
-  version "6.7.3"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
-  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
-  dependencies:
-    icss-utils "^5.1.0"
-    postcss "^8.4.19"
-    postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
-    postcss-modules-scope "^3.0.0"
-    postcss-modules-values "^4.0.0"
-    postcss-value-parser "^4.2.0"
-    semver "^7.3.8"
-
-css-minimizer-webpack-plugin@^3.2.0:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz#ab78f781ced9181992fe7b6e4f3422e76429878f"
-  integrity sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==
-  dependencies:
-    cssnano "^5.0.6"
-    jest-worker "^27.0.2"
-    postcss "^8.3.5"
-    schema-utils "^4.0.0"
-    serialize-javascript "^6.0.0"
-    source-map "^0.6.1"
-
-css-prefers-color-scheme@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
-  integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
-
-css-select-base-adapter@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
-  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
-
-css-select@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
-  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^3.2.1"
-    domutils "^1.7.0"
-    nth-check "^1.0.2"
-
-css-select@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
-  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.0.1"
-    domhandler "^4.3.1"
-    domutils "^2.8.0"
-    nth-check "^2.0.1"
-
-css-tree@1.0.0-alpha.37:
-  version "1.0.0-alpha.37"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
-  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
-  dependencies:
-    mdn-data "2.0.4"
-    source-map "^0.6.1"
-
-css-tree@^1.1.2, css-tree@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
-  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
-  dependencies:
-    mdn-data "2.0.14"
-    source-map "^0.6.1"
-
-css-what@^3.2.1:
-  version "3.4.2"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
-  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
-
-css-what@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
-  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
-
 css.escape@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
@@ -4350,93 +3580,17 @@ css@^3.0.0:
     source-map "^0.6.1"
     source-map-resolve "^0.6.0"
 
-cssdb@^7.1.0:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.4.tgz#e34dafee5184d67634604e345e389ca79ac179ea"
-  integrity sha512-fGD+J6Jlq+aurfE1VDXlLS4Pt0VtNlu2+YgfGOdMxRyl/HQ9bDiHTwSck1Yz8A97Dt/82izSK6Bp/4nVqacOsg==
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
 cssfontparser@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
 
-cssnano-preset-default@^5.2.14:
-  version "5.2.14"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
-  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
+cssstyle@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
+  integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
   dependencies:
-    css-declaration-sorter "^6.3.1"
-    cssnano-utils "^3.1.0"
-    postcss-calc "^8.2.3"
-    postcss-colormin "^5.3.1"
-    postcss-convert-values "^5.1.3"
-    postcss-discard-comments "^5.1.2"
-    postcss-discard-duplicates "^5.1.0"
-    postcss-discard-empty "^5.1.1"
-    postcss-discard-overridden "^5.1.0"
-    postcss-merge-longhand "^5.1.7"
-    postcss-merge-rules "^5.1.4"
-    postcss-minify-font-values "^5.1.0"
-    postcss-minify-gradients "^5.1.1"
-    postcss-minify-params "^5.1.4"
-    postcss-minify-selectors "^5.2.1"
-    postcss-normalize-charset "^5.1.0"
-    postcss-normalize-display-values "^5.1.0"
-    postcss-normalize-positions "^5.1.1"
-    postcss-normalize-repeat-style "^5.1.1"
-    postcss-normalize-string "^5.1.0"
-    postcss-normalize-timing-functions "^5.1.0"
-    postcss-normalize-unicode "^5.1.1"
-    postcss-normalize-url "^5.1.0"
-    postcss-normalize-whitespace "^5.1.1"
-    postcss-ordered-values "^5.1.3"
-    postcss-reduce-initial "^5.1.2"
-    postcss-reduce-transforms "^5.1.0"
-    postcss-svgo "^5.1.0"
-    postcss-unique-selectors "^5.1.1"
-
-cssnano-utils@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
-  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
-
-cssnano@^5.0.6:
-  version "5.1.15"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
-  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
-  dependencies:
-    cssnano-preset-default "^5.2.14"
-    lilconfig "^2.0.3"
-    yaml "^1.10.2"
-
-csso@^4.0.2, csso@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
-  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
-  dependencies:
-    css-tree "^1.1.2"
-
-cssom@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
-  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
+    rrweb-cssom "^0.6.0"
 
 csstype@^3.0.2:
   version "3.1.2"
@@ -4448,23 +3602,23 @@ damerau-levenshtein@^1.0.8:
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
   integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
 
-data-urls@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
-  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
+data-urls@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
+  integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
   dependencies:
-    abab "^2.0.3"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.0.0"
+    abab "^2.0.6"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^12.0.0"
 
-debug@2.6.9, debug@^2.6.0:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+date-time@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/date-time/-/date-time-3.1.0.tgz#0d1e934d170579f481ed8df1e2b8ff70ee845e1e"
+  integrity sha512-uqCUKXE5q1PNBXjPqvwhwJf9SwMoAHBgWJ6DcrnS5o+W2JOiIILl0JEdVD8SGujrNS02GGxgwAg2PN2zONgtjg==
   dependencies:
-    ms "2.0.0"
+    time-zone "^1.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -4485,7 +3639,7 @@ debug@~3.1.0:
   dependencies:
     ms "2.0.0"
 
-decimal.js@^10.2.1:
+decimal.js@^10.4.3:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
@@ -4495,11 +3649,6 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
   integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
-dedent@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
-
 deep-eql@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-3.0.1.tgz#dfc9404400ad1c8fe023e7da1df1c147c4b444df"
@@ -4507,6 +3656,13 @@ deep-eql@^3.0.1:
   dependencies:
     type-detect "^4.0.0"
 
+deep-eql@^4.1.2:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-4.1.3.tgz#7c7775513092f7df98d8df9996dd085eb668cc6d"
+  integrity sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==
+  dependencies:
+    type-detect "^4.0.0"
+
 deep-equal@^2.0.5:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.0.tgz#5caeace9c781028b9ff459f33b779346637c43e6"
@@ -4530,7 +3686,7 @@ deep-equal@^2.0.5:
     which-collection "^1.0.1"
     which-typed-array "^1.1.9"
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
@@ -4540,18 +3696,6 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-default-gateway@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
-  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
-  dependencies:
-    execa "^5.0.0"
-
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
 define-properties@^1.1.3, define-properties@^1.1.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
@@ -4565,49 +3709,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
-depd@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
-  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
-
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
-
-destroy@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
-  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
-
-detect-newline@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
 detect-node-es@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
   integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
-detect-node@^2.0.4:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
-  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
-
-detect-port-alt@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
-  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
-  dependencies:
-    address "^1.0.1"
-    debug "^2.6.0"
-
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
-
 diff-sequences@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
@@ -4625,23 +3731,6 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-dns-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
-  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
-
-dns-packet@^5.2.2:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.5.0.tgz#f59cbf3396c130957c56a6ad5fd3959ccdc30065"
-  integrity sha512-USawdAUzRkV6xrqTjiAEp6M9YagZEzWcSUaZTcIFAiyQWW1SoI6KyId8y2+/71wbgHKQAKd+iupLv4YvEwYWvA==
-  dependencies:
-    "@leichtgewicht/ip-codec" "^2.0.1"
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -4661,45 +3750,11 @@ dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9:
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
   integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
-dom-converter@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-serializer@0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
-  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
-  dependencies:
-    domelementtype "^2.0.1"
-    entities "^2.0.0"
-
-dom-serializer@^1.0.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
-  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
 dom-storage@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/dom-storage/-/dom-storage-2.1.0.tgz#00fb868bc9201357ea243c7bcfd3304c1e34ea39"
   integrity sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q==
 
-domelementtype@1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
-domelementtype@^2.0.1, domelementtype@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
 domexception@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
@@ -4707,76 +3762,24 @@ domexception@^1.0.1:
   dependencies:
     webidl-conversions "^4.0.2"
 
-domexception@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
-  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
+domexception@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
   dependencies:
-    webidl-conversions "^5.0.0"
-
-domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
-  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
-  dependencies:
-    domelementtype "^2.2.0"
-
-domutils@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-domutils@^2.5.2, domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-
-dot-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
-  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
-dotenv-expand@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
-  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+    webidl-conversions "^7.0.0"
 
 dotenv@16.0.1:
   version "16.0.1"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.1.tgz#8f8f9d94876c35dac989876a5d3a82a267fdce1d"
   integrity sha512-1K6hR6wtk2FviQ4kEiSjFiH5rpzEVi8WW0x96aztHVMhEspNpc4DVOUTEHtEva5VThQ8IaBX1Pe4gSzpVVUsKQ==
 
-dotenv@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
-  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
-
-duplexer@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
-  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
-
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
-
-ejs@^3.1.6:
+ejs@^3.1.6, ejs@^3.1.8:
   version "3.1.9"
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.9.tgz#03c9e8777fe12686a9effcef22303ca3d8eeb361"
   integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
@@ -4788,16 +3791,6 @@ electron-to-chromium@^1.4.284:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.359.tgz#5c4d13cb08032469fcd6bd36457915caa211356b"
   integrity sha512-OoVcngKCIuNXtZnsYoqlCvr0Cf3NIPzDIgwUfI9bdTFjXCrr79lI0kwQstLPZ7WhCezLlGksZk/BFAzoXC7GDw==
 
-emittery@^0.10.2:
-  version "0.10.2"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
-  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
-
-emittery@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.8.1.tgz#bb23cc86d03b30aa75a7f734819dee2e1ba70860"
-  integrity sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==
-
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -4808,16 +3801,6 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
-
 engine.io-client@~3.4.0:
   version "3.4.4"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.4.tgz#77d8003f502b0782dd792b073a4d2cf7ca5ab967"
@@ -4846,14 +3829,6 @@ engine.io-parser@~2.2.0:
     blob "0.0.5"
     has-binary2 "~1.0.2"
 
-enhanced-resolve@^5.10.0:
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
-  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -4861,10 +3836,10 @@ enquirer@^2.3.5:
   dependencies:
     ansi-colors "^4.1.1"
 
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -4873,14 +3848,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.0.6:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
-  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
-  dependencies:
-    stackframe "^1.3.4"
-
-es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
+es-abstract@^1.19.0, es-abstract@^1.20.4:
   version "1.21.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
   integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
@@ -4920,11 +3888,6 @@ es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.9"
 
-es-array-method-boxes-properly@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
-  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
-
 es-get-iterator@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
@@ -4940,11 +3903,6 @@ es-get-iterator@^1.1.2:
     isarray "^2.0.5"
     stop-iteration-iterator "^1.0.0"
 
-es-module-lexer@^0.9.0:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
-  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
-
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -4970,16 +3928,67 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+esbuild@^0.17.5:
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.19.tgz#087a727e98299f0462a3d0bcdd9cd7ff100bd955"
+  integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.17.19"
+    "@esbuild/android-arm64" "0.17.19"
+    "@esbuild/android-x64" "0.17.19"
+    "@esbuild/darwin-arm64" "0.17.19"
+    "@esbuild/darwin-x64" "0.17.19"
+    "@esbuild/freebsd-arm64" "0.17.19"
+    "@esbuild/freebsd-x64" "0.17.19"
+    "@esbuild/linux-arm" "0.17.19"
+    "@esbuild/linux-arm64" "0.17.19"
+    "@esbuild/linux-ia32" "0.17.19"
+    "@esbuild/linux-loong64" "0.17.19"
+    "@esbuild/linux-mips64el" "0.17.19"
+    "@esbuild/linux-ppc64" "0.17.19"
+    "@esbuild/linux-riscv64" "0.17.19"
+    "@esbuild/linux-s390x" "0.17.19"
+    "@esbuild/linux-x64" "0.17.19"
+    "@esbuild/netbsd-x64" "0.17.19"
+    "@esbuild/openbsd-x64" "0.17.19"
+    "@esbuild/sunos-x64" "0.17.19"
+    "@esbuild/win32-arm64" "0.17.19"
+    "@esbuild/win32-ia32" "0.17.19"
+    "@esbuild/win32-x64" "0.17.19"
+
+esbuild@^0.18.10:
+  version "0.18.11"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.11.tgz#cbf94dc3359d57f600a0dbf281df9b1d1b4a156e"
+  integrity sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.18.11"
+    "@esbuild/android-arm64" "0.18.11"
+    "@esbuild/android-x64" "0.18.11"
+    "@esbuild/darwin-arm64" "0.18.11"
+    "@esbuild/darwin-x64" "0.18.11"
+    "@esbuild/freebsd-arm64" "0.18.11"
+    "@esbuild/freebsd-x64" "0.18.11"
+    "@esbuild/linux-arm" "0.18.11"
+    "@esbuild/linux-arm64" "0.18.11"
+    "@esbuild/linux-ia32" "0.18.11"
+    "@esbuild/linux-loong64" "0.18.11"
+    "@esbuild/linux-mips64el" "0.18.11"
+    "@esbuild/linux-ppc64" "0.18.11"
+    "@esbuild/linux-riscv64" "0.18.11"
+    "@esbuild/linux-s390x" "0.18.11"
+    "@esbuild/linux-x64" "0.18.11"
+    "@esbuild/netbsd-x64" "0.18.11"
+    "@esbuild/openbsd-x64" "0.18.11"
+    "@esbuild/sunos-x64" "0.18.11"
+    "@esbuild/win32-arm64" "0.18.11"
+    "@esbuild/win32-ia32" "0.18.11"
+    "@esbuild/win32-x64" "0.18.11"
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
-escape-html@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
-
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -4995,24 +4004,12 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
 eslint-config-prettier@8.5.0:
   version "8.5.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
   integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
 
-eslint-config-react-app@^7.0.1:
+eslint-config-react-app@7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz#73ba3929978001c5c86274c017ea57eb5fa644b4"
   integrity sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==
@@ -5118,7 +4115,7 @@ eslint-plugin-react-hooks@^4.3.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@^7.27.1:
+eslint-plugin-react@7.32.2, eslint-plugin-react@^7.27.1:
   version "7.32.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz#e71f21c7c265ebce01bcbc9d0955170c55571f10"
   integrity sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==
@@ -5154,14 +4151,6 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
 eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@@ -5179,22 +4168,11 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.0:
+eslint-visitor-keys@^3.3.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
   integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
 
-eslint-webpack-plugin@^3.1.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz#1978cdb9edc461e4b0195a20da950cf57988347c"
-  integrity sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==
-  dependencies:
-    "@types/eslint" "^7.29.0 || ^8.4.1"
-    jest-worker "^28.0.2"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    schema-utils "^4.0.0"
-
 eslint@^7.32.0:
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
@@ -5241,52 +4219,6 @@ eslint@^7.32.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-eslint@^8.3.0:
-  version "8.38.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.38.0.tgz#a62c6f36e548a5574dd35728ac3c6209bd1e2f1a"
-  integrity sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.0.2"
-    "@eslint/js" "8.38.0"
-    "@humanwhocodes/config-array" "^0.11.8"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-visitor-keys "^3.4.0"
-    espree "^9.5.1"
-    esquery "^1.4.2"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
-
 espree@^7.3.0, espree@^7.3.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
@@ -5296,21 +4228,12 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
-espree@^9.5.1:
-  version "9.5.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.1.tgz#4f26a4d5f18905bf4f2e0bd99002aab807e96dd4"
-  integrity sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==
-  dependencies:
-    acorn "^8.8.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.4.0"
-
-esprima@^4.0.0, esprima@^4.0.1:
+esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0, esquery@^1.4.2:
+esquery@^1.4.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
@@ -5339,27 +4262,22 @@ estree-walker@^1.0.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
   integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
 
-esutils@^2.0.2:
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+esutils@^2.0.2, esutils@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
-
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-execa@^5.0.0, execa@^5.1.1:
+execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -5374,21 +4292,6 @@ execa@^5.0.0, execa@^5.1.1:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
-
-expect@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
-  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-
 expect@^29.0.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
@@ -5400,43 +4303,6 @@ expect@^29.0.0:
     jest-message-util "^29.5.0"
     jest-util "^29.5.0"
 
-express@^4.17.3:
-  version "4.18.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
-  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
-  dependencies:
-    accepts "~1.3.8"
-    array-flatten "1.1.1"
-    body-parser "1.20.1"
-    content-disposition "0.5.4"
-    content-type "~1.0.4"
-    cookie "0.5.0"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "2.0.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "1.2.0"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.7"
-    qs "6.11.0"
-    range-parser "~1.2.1"
-    safe-buffer "5.2.1"
-    send "0.18.0"
-    serve-static "1.15.0"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    type-is "~1.6.18"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
 fake-indexeddb@3.1.7:
   version "3.1.7"
   resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-3.1.7.tgz#d9efbeade113c15efbe862e4598a4b0a1797ed9f"
@@ -5454,6 +4320,11 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
+fast-diff@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
+
 fast-glob@^3.2.12, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
@@ -5465,12 +4336,23 @@ fast-glob@^3.2.12, fast-glob@^3.2.9:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
+fast-glob@^3.2.7:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4"
+  integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
@@ -5489,19 +4371,10 @@ faye-websocket@0.11.3:
   dependencies:
     websocket-driver ">=0.5.1"
 
-faye-websocket@^0.11.3:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
-  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-fb-watchman@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
-  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
-  dependencies:
-    bser "2.1.1"
+fflate@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.7.4.tgz#61587e5d958fdabb5a9368a302c25363f4f69f50"
+  integrity sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==
 
 file-entry-cache@^6.0.1:
   version "6.0.1"
@@ -5510,14 +4383,6 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
-file-loader@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
-  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-
 filelist@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -5525,11 +4390,6 @@ filelist@^1.0.1:
   dependencies:
     minimatch "^5.0.1"
 
-filesize@^8.0.6:
-  version "8.0.7"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
-  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
-
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -5537,51 +4397,6 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
-  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    statuses "2.0.1"
-    unpipe "~1.0.0"
-
-find-cache-dir@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
-  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
-find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
 firebase@8.3.3:
   version "8.3.3"
   resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.3.3.tgz#21d8fb8eec2c43b0d8f98ab6bda5535b7454fa54"
@@ -5610,7 +4425,7 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
-flatted@^3.1.0:
+flatted@^3.1.0, flatted@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
@@ -5627,59 +4442,25 @@ for-each@^0.3.3:
   dependencies:
     is-callable "^1.1.3"
 
-fork-ts-checker-webpack-plugin@^6.5.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
-  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@types/json-schema" "^7.0.5"
-    chalk "^4.1.0"
-    chokidar "^3.4.2"
-    cosmiconfig "^6.0.0"
-    deepmerge "^4.2.2"
-    fs-extra "^9.0.0"
-    glob "^7.1.6"
-    memfs "^3.1.2"
-    minimatch "^3.0.4"
-    schema-utils "2.7.0"
-    semver "^7.3.2"
-    tapable "^1.0.0"
-
-form-data@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
-  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-forwarded@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
-  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
-
-fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
-
-fs-extra@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+fs-extra@^11.1.0:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
+  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
   dependencies:
     graceful-fs "^4.2.0"
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@^9.0.0, fs-extra@^9.0.1:
+fs-extra@^9.0.1:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -5689,17 +4470,12 @@ fs-extra@^9.0.0, fs-extra@^9.0.1:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-monkey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
-  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@^2.3.2, fsevents@~2.3.2:
+fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -5763,11 +4539,6 @@ get-own-enumerable-property-symbols@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
-get-package-type@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
-
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -5788,31 +4559,7 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-glob@7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.1.3, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -5824,28 +4571,12 @@ glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-modules@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
-  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
-  dependencies:
-    global-prefix "^3.0.0"
-
-global-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
-  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
-  dependencies:
-    ini "^1.3.5"
-    kind-of "^6.0.2"
-    which "^1.3.1"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0, globals@^13.6.0, globals@^13.9.0:
+globals@^13.6.0, globals@^13.9.0:
   version "13.20.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
   integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
@@ -5859,7 +4590,7 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
-globby@^11.0.4, globby@^11.1.0:
+globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -5883,7 +4614,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -5893,23 +4624,6 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
-gzip-size@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
-  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
-  dependencies:
-    duplexer "^0.1.2"
-
-handle-thing@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
-  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
-
-harmony-reflect@^1.4.6:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
-  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
-
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -5949,7 +4663,7 @@ has-proto@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
@@ -5973,28 +4687,6 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hoopy@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
-  integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
-
-hpack.js@^2.1.6:
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
-  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
-  dependencies:
-    inherits "^2.0.1"
-    obuf "^1.0.0"
-    readable-stream "^2.0.1"
-    wbuf "^1.1.0"
-
-html-encoding-sniffer@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
-  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
-  dependencies:
-    whatwg-encoding "^1.0.5"
-
 html-encoding-sniffer@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
@@ -6002,101 +4694,20 @@ html-encoding-sniffer@^3.0.0:
   dependencies:
     whatwg-encoding "^2.0.0"
 
-html-entities@^2.1.0, html-entities@^2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
-  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
-
-html-escaper@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-minifier-terser@^6.0.2:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
-  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
-  dependencies:
-    camel-case "^4.1.2"
-    clean-css "^5.2.2"
-    commander "^8.3.0"
-    he "^1.2.0"
-    param-case "^3.0.4"
-    relateurl "^0.2.7"
-    terser "^5.10.0"
-
-html-webpack-plugin@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
-  integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==
-  dependencies:
-    "@types/html-minifier-terser" "^6.0.0"
-    html-minifier-terser "^6.0.2"
-    lodash "^4.17.21"
-    pretty-error "^4.0.0"
-    tapable "^2.0.0"
-
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
-
-http-deceiver@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
-  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
-
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
 http-parser-js@>=0.5.1:
   version "0.5.8"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
   integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
 
-http-proxy-agent@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
-  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
   dependencies:
-    "@tootallnate/once" "1"
+    "@tootallnate/once" "2"
     agent-base "6"
     debug "4"
 
-http-proxy-middleware@^2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
-  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
-  dependencies:
-    "@types/http-proxy" "^1.17.8"
-    http-proxy "^1.18.1"
-    is-glob "^4.0.1"
-    is-plain-obj "^3.0.0"
-    micromatch "^4.0.2"
-
 http-proxy@^1.18.1:
   version "1.18.1"
   resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
@@ -6125,7 +4736,7 @@ http-server@14.1.1:
     union "~0.5.0"
     url-join "^4.0.1"
 
-https-proxy-agent@^5.0.0:
+https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -6150,25 +4761,13 @@ i18next-browser-languagedetector@6.1.4:
   dependencies:
     "@babel/runtime" "^7.14.6"
 
-iconv-lite@0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-iconv-lite@0.6.3, iconv-lite@^0.6.3:
+iconv-lite@0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-icss-utils@^5.0.0, icss-utils@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
-  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
-
 idb-keyval@6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/idb-keyval/-/idb-keyval-6.0.3.tgz#e47246a15e55d0fff9fa204fd9ca06f90ff30c52"
@@ -6186,13 +4785,6 @@ idb@^7.0.1:
   resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
   integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
 
-identity-obj-proxy@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
-  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
-  dependencies:
-    harmony-reflect "^1.4.6"
-
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
@@ -6215,17 +4807,12 @@ immediate@~3.0.5:
   resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
   integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
 
-immer@^9.0.7:
-  version "9.0.21"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
-  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
-
 immutable@^4.0.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be"
   integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==
 
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -6233,14 +4820,6 @@ import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-local@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
-  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -6264,21 +4843,11 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@2, inherits@^2.0.3, inherits@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
-
-ini@^1.3.5:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
 internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
@@ -6295,16 +4864,6 @@ invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
-ipaddr.js@1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
-  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-ipaddr.js@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
-  integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
-
 is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -6354,7 +4913,14 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0, is-core-module@^2.9.0:
+is-core-module@^2.11.0:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
+  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+  dependencies:
+    has "^1.0.3"
+
+is-core-module@^2.9.0:
   version "2.12.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.0.tgz#36ad62f6f73c8253fd6472517a12483cf03e7ec4"
   integrity sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==
@@ -6368,11 +4934,6 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
-is-docker@^2.0.0, is-docker@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -6388,11 +4949,6 @@ is-fullwidth-code-point@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88"
   integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==
 
-is-generator-fn@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -6432,16 +4988,6 @@ is-obj@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
 
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-plain-obj@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
-  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
-
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
@@ -6460,11 +5006,6 @@ is-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
   integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
 
-is-root@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
-  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
-
 is-set@^2.0.1, is-set@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
@@ -6507,11 +5048,6 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
-is-typedarray@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
-
 is-weakmap@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
@@ -6532,13 +5068,6 @@ is-weakset@^2.0.1:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
 isarray@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
@@ -6549,58 +5078,11 @@ isarray@^2.0.5:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
-isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
-
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
-  integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
-
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
-  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/parser" "^7.14.7"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^6.3.0"
-
-istanbul-lib-report@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
-  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
-  dependencies:
-    istanbul-lib-coverage "^3.0.0"
-    make-dir "^3.0.0"
-    supports-color "^7.1.0"
-
-istanbul-lib-source-maps@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
-  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-    source-map "^0.6.1"
-
-istanbul-reports@^3.1.3:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
-  integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
-  dependencies:
-    html-escaper "^2.0.0"
-    istanbul-lib-report "^3.0.0"
-
 jake@^10.8.5:
   version "10.8.5"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.5.tgz#f2183d2c59382cb274226034543b9c03b8164c46"
@@ -6611,7 +5093,7 @@ jake@^10.8.5:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-canvas-mock@2.4.0:
+jest-canvas-mock@~2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
   integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
@@ -6619,89 +5101,7 @@ jest-canvas-mock@2.4.0:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-changed-files@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
-  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    execa "^5.0.0"
-    throat "^6.0.1"
-
-jest-circus@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
-  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    dedent "^0.7.0"
-    expect "^27.5.1"
-    is-generator-fn "^2.0.0"
-    jest-each "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-    throat "^6.0.1"
-
-jest-cli@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
-  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
-  dependencies:
-    "@jest/core" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    import-local "^3.0.2"
-    jest-config "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    prompts "^2.0.1"
-    yargs "^16.2.0"
-
-jest-config@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
-  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
-  dependencies:
-    "@babel/core" "^7.8.0"
-    "@jest/test-sequencer" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    babel-jest "^27.5.1"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    deepmerge "^4.2.2"
-    glob "^7.1.1"
-    graceful-fs "^4.2.9"
-    jest-circus "^27.5.1"
-    jest-environment-jsdom "^27.5.1"
-    jest-environment-node "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-jasmine2 "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-runner "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    micromatch "^4.0.4"
-    parse-json "^5.2.0"
-    pretty-format "^27.5.1"
-    slash "^3.0.0"
-    strip-json-comments "^3.1.1"
-
-jest-diff@^27.0.0, jest-diff@^27.5.1:
+jest-diff@^27.0.0:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
   integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
@@ -6721,49 +5121,6 @@ jest-diff@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
-jest-docblock@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
-  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
-  dependencies:
-    detect-newline "^3.0.0"
-
-jest-each@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
-  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    jest-get-type "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-environment-jsdom@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
-  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-    jsdom "^16.6.0"
-
-jest-environment-node@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
-  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-
 jest-get-type@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
@@ -6774,67 +5131,6 @@ jest-get-type@^29.4.3:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
   integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
-jest-haste-map@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
-  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/graceful-fs" "^4.1.2"
-    "@types/node" "*"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.9"
-    jest-regex-util "^27.5.1"
-    jest-serializer "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    micromatch "^4.0.4"
-    walker "^1.0.7"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
-jest-jasmine2@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
-  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/source-map" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    expect "^27.5.1"
-    is-generator-fn "^2.0.0"
-    jest-each "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-    throat "^6.0.1"
-
-jest-leak-detector@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
-  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
-  dependencies:
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-matcher-utils@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
-  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
 jest-matcher-utils@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
@@ -6845,36 +5141,6 @@ jest-matcher-utils@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
-jest-message-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
-  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^27.5.1"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^27.5.1"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-message-util@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
-  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^28.1.3"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^28.1.3"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
 jest-message-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
@@ -6890,169 +5156,6 @@ jest-message-util@^29.5.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
-  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-
-jest-pnp-resolver@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
-  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
-
-jest-regex-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
-  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
-
-jest-regex-util@^28.0.0:
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
-  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
-
-jest-resolve-dependencies@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
-  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-snapshot "^27.5.1"
-
-jest-resolve@^27.4.2, jest-resolve@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
-  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-pnp-resolver "^1.2.2"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    resolve "^1.20.0"
-    resolve.exports "^1.1.0"
-    slash "^3.0.0"
-
-jest-runner@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
-  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
-  dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/environment" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    emittery "^0.8.1"
-    graceful-fs "^4.2.9"
-    jest-docblock "^27.5.1"
-    jest-environment-jsdom "^27.5.1"
-    jest-environment-node "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-leak-detector "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    source-map-support "^0.5.6"
-    throat "^6.0.1"
-
-jest-runtime@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
-  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/globals" "^27.5.1"
-    "@jest/source-map" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    chalk "^4.0.0"
-    cjs-module-lexer "^1.0.0"
-    collect-v8-coverage "^1.0.0"
-    execa "^5.0.0"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-mock "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    slash "^3.0.0"
-    strip-bom "^4.0.0"
-
-jest-serializer@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
-  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
-  dependencies:
-    "@types/node" "*"
-    graceful-fs "^4.2.9"
-
-jest-snapshot@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
-  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
-  dependencies:
-    "@babel/core" "^7.7.2"
-    "@babel/generator" "^7.7.2"
-    "@babel/plugin-syntax-typescript" "^7.7.2"
-    "@babel/traverse" "^7.7.2"
-    "@babel/types" "^7.0.0"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/babel__traverse" "^7.0.4"
-    "@types/prettier" "^2.1.5"
-    babel-preset-current-node-syntax "^1.0.0"
-    chalk "^4.0.0"
-    expect "^27.5.1"
-    graceful-fs "^4.2.9"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-util "^27.5.1"
-    natural-compare "^1.4.0"
-    pretty-format "^27.5.1"
-    semver "^7.3.2"
-
-jest-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
-  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
-jest-util@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
-  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
-  dependencies:
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
 jest-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
@@ -7065,58 +5168,6 @@ jest-util@^29.5.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
-  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    camelcase "^6.2.0"
-    chalk "^4.0.0"
-    jest-get-type "^27.5.1"
-    leven "^3.1.0"
-    pretty-format "^27.5.1"
-
-jest-watch-typeahead@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz#b4a6826dfb9c9420da2f7bc900de59dad11266a9"
-  integrity sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==
-  dependencies:
-    ansi-escapes "^4.3.1"
-    chalk "^4.0.0"
-    jest-regex-util "^28.0.0"
-    jest-watcher "^28.0.0"
-    slash "^4.0.0"
-    string-length "^5.0.1"
-    strip-ansi "^7.0.1"
-
-jest-watcher@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
-  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
-  dependencies:
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    jest-util "^27.5.1"
-    string-length "^4.0.1"
-
-jest-watcher@^28.0.0:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
-  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
-  dependencies:
-    "@jest/test-result" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    emittery "^0.10.2"
-    jest-util "^28.1.3"
-    string-length "^4.0.1"
-
 jest-worker@^26.2.1:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
@@ -7126,47 +5177,15 @@ jest-worker@^26.2.1:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest-worker@^28.0.2:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
-  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest@^27.4.3:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
-  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
-  dependencies:
-    "@jest/core" "^27.5.1"
-    import-local "^3.0.2"
-    jest-cli "^27.5.1"
-
-jiti@^1.17.2:
-  version "1.18.2"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
-  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
-
 jotai@1.13.1:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/jotai/-/jotai-1.13.1.tgz#20cc46454cbb39096b12fddfa635b873b3668236"
   integrity sha512-RUmH1S4vLsG3V6fbGlKzGJnLrDcC/HNb5gH2AeA9DzuJknoVxSGvvg8OBB7lke+gDc4oXmdVsaKn/xDUhWZ0vw==
 
-js-sdsl@^4.1.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
-  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
+js-string-escape@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef"
+  integrity sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -7181,45 +5200,34 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+jsdom@22.1.0:
+  version "22.1.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-22.1.0.tgz#0fca6d1a37fbeb7f4aac93d1090d782c56b611c8"
+  integrity sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==
   dependencies:
-    argparse "^2.0.1"
-
-jsdom@^16.6.0:
-  version "16.7.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
-  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.2.4"
-    acorn-globals "^6.0.0"
-    cssom "^0.4.4"
-    cssstyle "^2.3.0"
-    data-urls "^2.0.0"
-    decimal.js "^10.2.1"
-    domexception "^2.0.1"
-    escodegen "^2.0.0"
-    form-data "^3.0.0"
-    html-encoding-sniffer "^2.0.1"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
+    abab "^2.0.6"
+    cssstyle "^3.0.0"
+    data-urls "^4.0.0"
+    decimal.js "^10.4.3"
+    domexception "^4.0.0"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.1"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
+    nwsapi "^2.2.4"
+    parse5 "^7.1.2"
+    rrweb-cssom "^0.6.0"
+    saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^2.0.0"
-    webidl-conversions "^6.1.0"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.5.0"
-    ws "^7.4.6"
-    xml-name-validator "^3.0.0"
+    tough-cookie "^4.1.2"
+    w3c-xmlserializer "^4.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^2.0.0"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^12.0.1"
+    ws "^8.13.0"
+    xml-name-validator "^4.0.0"
 
 jsesc@^2.5.1:
   version "2.5.2"
@@ -7231,7 +5239,7 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
-json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+json-parse-even-better-errors@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
@@ -7263,11 +5271,16 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.0, json5@^2.2.2:
+json5@^2.2.0, json5@^2.2.2:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
+jsonc-parser@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
+  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
+
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -7290,21 +5303,6 @@ jsonpointer@^5.0.0:
     array-includes "^3.1.5"
     object.assign "^4.1.3"
 
-kind-of@^6.0.2:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-klona@^2.0.4, klona@^2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
-  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
-
 language-subtag-registry@~0.3.2:
   version "0.3.22"
   resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
@@ -7317,14 +5315,6 @@ language-tags@=1.0.5:
   dependencies:
     language-subtag-registry "~0.3.2"
 
-launch-editor@^2.6.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.0.tgz#4c0c1a6ac126c572bd9ff9a30da1d2cae66defd7"
-  integrity sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==
-  dependencies:
-    picocolors "^1.0.0"
-    shell-quote "^1.7.3"
-
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
@@ -7338,14 +5328,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
 lie@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
@@ -7358,11 +5340,6 @@ lilconfig@2.0.4:
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.4.tgz#f4507d043d7058b380b6a8f5cb7bcd4b34cee082"
   integrity sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==
 
-lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.0.6:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -7402,24 +5379,10 @@ listr2@^4.0.1:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
-loader-runner@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
-  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
-
-loader-utils@^2.0.0, loader-utils@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
-  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
-loader-utils@^3.2.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.2.1.tgz#4fb104b599daafd82ef3e1a41fb9265f87e1f576"
-  integrity sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==
+local-pkg@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
+  integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
 
 localforage@^1.8.1:
   version "1.10.0"
@@ -7428,28 +5391,6 @@ localforage@^1.8.1:
   dependencies:
     lie "3.1.1"
 
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-  dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
@@ -7460,16 +5401,16 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
-lodash.memoize@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
-
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
+lodash.pick@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3"
+  integrity sha512-hXt6Ul/5yWjfklSGvLQl8vM//l3FtyHZeuelpzK6mm99pNvN9yTDruNZPEJZD1oWrqo+izBmB7oUfWgcCX7s4Q==
+
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -7485,11 +5426,6 @@ lodash.truncate@^4.4.2:
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
   integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==
 
-lodash.uniq@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
-
 lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
@@ -7522,20 +5458,13 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-loupe@^2.3.1:
+loupe@^2.3.1, loupe@^2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.6.tgz#76e4af498103c532d1ecc9be102036a21f787b53"
   integrity sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==
   dependencies:
     get-func-name "^2.0.0"
 
-lower-case@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
-  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
-  dependencies:
-    tslib "^2.0.3"
-
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -7562,46 +5491,26 @@ magic-string@^0.25.0, magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+magic-string@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
+  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
   dependencies:
-    semver "^6.0.0"
+    "@jridgewell/sourcemap-codec" "^1.4.13"
 
-makeerror@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
-  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
+magic-string@^0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
+  integrity sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==
   dependencies:
-    tmpl "1.0.5"
+    "@jridgewell/sourcemap-codec" "^1.4.13"
 
-mdn-data@2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
-  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
-
-mdn-data@2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
-  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
-
-memfs@^3.1.2, memfs@^3.4.3:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.5.0.tgz#9da86405fca0a539addafd37dbd452344fd1c0bd"
-  integrity sha512-yK6o8xVJlQerz57kvPROwTMgx5WtGwC2ZxDtOUsnGl49rHjYkfQoPNZPCKH73VdLE1BwBu/+Fx/NL8NYMUw2aA==
+md5-hex@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/md5-hex/-/md5-hex-3.0.1.tgz#be3741b510591434b2784d79e556eefc2c9a8e5c"
+  integrity sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==
   dependencies:
-    fs-monkey "^1.0.3"
-
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
+    blueimp-md5 "^2.10.0"
 
 merge-stream@^2.0.0:
   version "2.0.0"
@@ -7613,12 +5522,7 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
-
-micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -7626,19 +5530,19 @@ micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0, mime@^1.6.0:
+mime@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
@@ -7653,19 +5557,7 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-css-extract-plugin@^2.4.5:
-  version "2.7.5"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.5.tgz#afbb344977659ec0f1f6e050c7aea456b121cfc5"
-  integrity sha512-9HaR++0mlgom81s95vvNjxkg52n2b5s//3ZTI1EtzFb98awsLSivs2LMsVqnQ3ay0PVhqWcGNyDaTE961FOcjQ==
-  dependencies:
-    schema-utils "^4.0.0"
-
-minimalistic-assert@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -7684,13 +5576,23 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-mkdirp@^0.5.6, mkdirp@~0.5.1:
+mkdirp@^0.5.6:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
   dependencies:
     minimist "^1.2.6"
 
+mlly@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.4.0.tgz#830c10d63f1f97bd8785377b24dc2a15d972832b"
+  integrity sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==
+  dependencies:
+    acorn "^8.9.0"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    ufo "^1.1.2"
+
 moo-color@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74"
@@ -7698,6 +5600,11 @@ moo-color@^1.0.2:
   dependencies:
     color-name "^1.1.4"
 
+mrmime@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27"
+  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -7708,19 +5615,11 @@ ms@2.1.2:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.1.1:
+ms@^2.1.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-multicast-dns@^7.2.5:
-  version "7.2.5"
-  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
-  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
-  dependencies:
-    dns-packet "^5.2.2"
-    thunky "^1.0.2"
-
 multimath@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/multimath/-/multimath-2.0.0.tgz#0d37acf67c328f30e3d8c6b0d3209e6082710302"
@@ -7729,21 +5628,12 @@ multimath@^2.0.0:
     glur "^1.1.2"
     object-assign "^4.1.1"
 
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
 nanoid@3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
   integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
 
-nanoid@^3.3.4:
+nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
@@ -7758,39 +5648,11 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-negotiator@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
-neo-async@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
-no-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
-  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
-  dependencies:
-    lower-case "^2.0.2"
-    tslib "^2.0.3"
-
 node-fetch@2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
-node-forge@^1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
-  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
-
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
-
 node-releases@^2.0.8:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
@@ -7801,16 +5663,6 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-normalize-url@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
-  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
-
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -7818,35 +5670,16 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
-nth-check@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
-  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
-  dependencies:
-    boolbase "~1.0.0"
+nwsapi@^2.2.4:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.5.tgz#a52744c61b3889dd44b0a158687add39b8d935e2"
+  integrity sha512-6xpotnECFy/og7tKSBVmUNft7J3jyXAka4XvG6AUhFWRz+Q/Ljus7znJAA3bxColfQLdS+XsjoodtJfCgeTEFQ==
 
-nth-check@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
-  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
-  dependencies:
-    boolbase "^1.0.0"
-
-nwsapi@^2.2.0:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.3.tgz#00e04dfd5a4a751e5ec2fecdc75dfd2f0db820fa"
-  integrity sha512-jscxIO4/VKScHlbmFBdV1Z6LXnLO+ZR4VMtypudUdfwtKxUN3TQcNFIHLwKtrUbDyHN4/GycY9+oRGZ2XMXYPw==
-
-object-assign@^4.0.1, object-assign@^4.1.1:
+object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
 object-inspect@^1.12.0, object-inspect@^1.12.3, object-inspect@^1.9.0:
   version "1.12.3"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
@@ -7893,16 +5726,6 @@ object.fromentries@^2.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-object.getownpropertydescriptors@^2.1.0:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
-  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
-  dependencies:
-    array.prototype.reduce "^1.0.5"
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
 object.hasown@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
@@ -7911,7 +5734,7 @@ object.hasown@^1.1.2:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-object.values@^1.1.0, object.values@^1.1.6:
+object.values@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
   integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
@@ -7920,23 +5743,6 @@ object.values@^1.1.0, object.values@^1.1.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-obuf@^1.0.0, obuf@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
-  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
-
-on-finished@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
-  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -7956,32 +5762,11 @@ open-color@1.9.1:
   resolved "https://registry.yarnpkg.com/open-color/-/open-color-1.9.1.tgz#a6e6328f60eff7aa60e3e8fcfa50f53ff3eece35"
   integrity sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==
 
-open@^8.0.9, open@^8.4.0:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
-  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
 opener@^1.5.1:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -7994,40 +5779,12 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+p-limit@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644"
+  integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==
   dependencies:
-    p-try "^2.0.0"
-
-p-limit@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
+    yocto-queue "^1.0.0"
 
 p-map@^4.0.0:
   version "4.0.0"
@@ -8036,32 +5793,11 @@ p-map@^4.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
-p-retry@^4.5.0:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
-  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
-  dependencies:
-    "@types/retry" "0.12.0"
-    retry "^0.13.1"
-
-p-try@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
 pako@1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
   integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
 
-param-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
-  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
-  dependencies:
-    dot-case "^3.0.4"
-    tslib "^2.0.3"
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -8069,7 +5805,7 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-json@^5.0.0, parse-json@^5.2.0:
+parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -8079,10 +5815,12 @@ parse-json@^5.0.0, parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+parse5@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+  dependencies:
+    entities "^4.4.0"
 
 parseqs@0.0.6:
   version "0.0.6"
@@ -8094,34 +5832,11 @@ parseuri@0.0.6:
   resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.6.tgz#e1496e829e3ac2ff47f39a4dd044b32823c4a25a"
   integrity sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow==
 
-parseurl@~1.3.2, parseurl@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascal-case@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
-  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
 path-data-parser@0.1.0, path-data-parser@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/path-data-parser/-/path-data-parser-0.1.0.tgz#8f5ba5cc70fc7becb3dcefaea08e2659aba60b8c"
   integrity sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==
 
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -8137,16 +5852,16 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
-
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+pathe@^1.1.0, pathe@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
+  integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
+
 pathval@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
@@ -8162,11 +5877,6 @@ perfect-freehand@1.2.0:
   resolved "https://registry.yarnpkg.com/perfect-freehand/-/perfect-freehand-1.2.0.tgz#706a0f854544f6175772440c51d3b0563eb3988a"
   integrity sha512-h/0ikF1M3phW7CwpZ5MMvKnfpHficWoOEyr//KVNTxV4F6deRK1eYMtHyBKEAKFK0aXIEUK9oBvlF6PNXMDsAw==
 
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
-
 pica@7.1.1, pica@^7.1.0:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/pica/-/pica-7.1.1.tgz#c68b42f5cfa6cc26eaec5cfa10cc0a5299ef3b7a"
@@ -8178,11 +5888,6 @@ pica@7.1.1, pica@^7.1.0:
     object-assign "^4.1.1"
     webworkify "^1.5.0"
 
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -8198,29 +5903,14 @@ pidtree@^0.5.0:
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.5.0.tgz#ad5fbc1de78b8a5f99d6fbdd4f6e4eee21d1aca1"
   integrity sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==
 
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pirates@^4.0.1, pirates@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
-  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
-
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+pkg-types@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
+  integrity sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==
   dependencies:
-    find-up "^4.0.0"
-
-pkg-up@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
-  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
-  dependencies:
-    find-up "^3.0.0"
+    jsonc-parser "^3.2.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
 
 png-chunk-text@1.0.0:
   version "1.0.0"
@@ -8264,555 +5954,21 @@ portfinder@^1.0.28:
     debug "^3.2.7"
     mkdirp "^0.5.6"
 
-postcss-attribute-case-insensitive@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
-  integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
+postcss@^8.4.23:
+  version "8.4.24"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
+  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
 
-postcss-browser-comments@^4:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz#bcfc86134df5807f5d3c0eefa191d42136b5e72a"
-  integrity sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==
-
-postcss-calc@^8.2.3:
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
-  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
+postcss@^8.4.24:
+  version "8.4.25"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.25.tgz#4a133f5e379eda7f61e906c3b1aaa9b81292726f"
+  integrity sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==
   dependencies:
-    postcss-selector-parser "^6.0.9"
-    postcss-value-parser "^4.2.0"
-
-postcss-clamp@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363"
-  integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-functional-notation@^4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
-  integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-hex-alpha@^8.0.4:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
-  integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-rebeccapurple@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
-  integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-colormin@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
-  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-    colord "^2.9.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-convert-values@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393"
-  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
-  dependencies:
-    browserslist "^4.21.4"
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-media@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
-  integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-properties@^12.1.10:
-  version "12.1.11"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
-  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-selectors@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
-  integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-dir-pseudo-class@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
-  integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-discard-comments@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
-  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
-
-postcss-discard-duplicates@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
-  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
-
-postcss-discard-empty@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
-  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
-
-postcss-discard-overridden@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
-  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
-
-postcss-double-position-gradients@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
-  integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-env-function@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
-  integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-flexbugs-fixes@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz#2028e145313074fc9abe276cb7ca14e5401eb49d"
-  integrity sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==
-
-postcss-focus-visible@^6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
-  integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-postcss-focus-within@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
-  integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-postcss-font-variant@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
-  integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
-
-postcss-gap-properties@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
-  integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
-
-postcss-image-set-function@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
-  integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-import@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-initial@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
-  integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
-
-postcss-js@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-lab-function@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
-  integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
-  dependencies:
-    lilconfig "^2.0.5"
-    yaml "^1.10.2"
-
-postcss-loader@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
-  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    klona "^2.0.5"
-    semver "^7.3.5"
-
-postcss-logical@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
-  integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
-
-postcss-media-minmax@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
-  integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
-
-postcss-merge-longhand@^5.1.7:
-  version "5.1.7"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16"
-  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    stylehacks "^5.1.1"
-
-postcss-merge-rules@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
-  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-    cssnano-utils "^3.1.0"
-    postcss-selector-parser "^6.0.5"
-
-postcss-minify-font-values@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b"
-  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-gradients@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c"
-  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
-  dependencies:
-    colord "^2.9.1"
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-params@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352"
-  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
-  dependencies:
-    browserslist "^4.21.4"
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-selectors@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6"
-  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
-  dependencies:
-    postcss-selector-parser "^6.0.5"
-
-postcss-modules-extract-imports@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
-  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
-
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
-  dependencies:
-    icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
-  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-modules-values@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
-  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
-  dependencies:
-    icss-utils "^5.0.0"
-
-postcss-nested@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
-  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-nesting@^10.2.0:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
-  integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
-
-postcss-normalize-charset@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
-  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
-
-postcss-normalize-display-values@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8"
-  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-positions@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92"
-  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-repeat-style@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2"
-  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-string@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228"
-  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-timing-functions@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb"
-  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-unicode@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030"
-  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
-  dependencies:
-    browserslist "^4.21.4"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-url@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc"
-  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
-  dependencies:
-    normalize-url "^6.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-whitespace@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa"
-  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize/-/postcss-normalize-10.0.1.tgz#464692676b52792a06b06880a176279216540dd7"
-  integrity sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==
-  dependencies:
-    "@csstools/normalize.css" "*"
-    postcss-browser-comments "^4"
-    sanitize.css "*"
-
-postcss-opacity-percentage@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
-  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
-
-postcss-ordered-values@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38"
-  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
-  dependencies:
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-overflow-shorthand@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
-  integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-page-break@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
-  integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
-
-postcss-place@^7.0.5:
-  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
-  integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-preset-env@^7.0.1:
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
-  integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
-  dependencies:
-    "@csstools/postcss-cascade-layers" "^1.1.1"
-    "@csstools/postcss-color-function" "^1.1.1"
-    "@csstools/postcss-font-format-keywords" "^1.0.1"
-    "@csstools/postcss-hwb-function" "^1.0.2"
-    "@csstools/postcss-ic-unit" "^1.0.1"
-    "@csstools/postcss-is-pseudo-class" "^2.0.7"
-    "@csstools/postcss-nested-calc" "^1.0.0"
-    "@csstools/postcss-normalize-display-values" "^1.0.1"
-    "@csstools/postcss-oklab-function" "^1.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^1.3.0"
-    "@csstools/postcss-stepped-value-functions" "^1.0.1"
-    "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
-    "@csstools/postcss-trigonometric-functions" "^1.0.2"
-    "@csstools/postcss-unset-value" "^1.0.2"
-    autoprefixer "^10.4.13"
-    browserslist "^4.21.4"
-    css-blank-pseudo "^3.0.3"
-    css-has-pseudo "^3.0.4"
-    css-prefers-color-scheme "^6.0.3"
-    cssdb "^7.1.0"
-    postcss-attribute-case-insensitive "^5.0.2"
-    postcss-clamp "^4.1.0"
-    postcss-color-functional-notation "^4.2.4"
-    postcss-color-hex-alpha "^8.0.4"
-    postcss-color-rebeccapurple "^7.1.1"
-    postcss-custom-media "^8.0.2"
-    postcss-custom-properties "^12.1.10"
-    postcss-custom-selectors "^6.0.3"
-    postcss-dir-pseudo-class "^6.0.5"
-    postcss-double-position-gradients "^3.1.2"
-    postcss-env-function "^4.0.6"
-    postcss-focus-visible "^6.0.4"
-    postcss-focus-within "^5.0.4"
-    postcss-font-variant "^5.0.0"
-    postcss-gap-properties "^3.0.5"
-    postcss-image-set-function "^4.0.7"
-    postcss-initial "^4.0.1"
-    postcss-lab-function "^4.2.1"
-    postcss-logical "^5.0.4"
-    postcss-media-minmax "^5.0.0"
-    postcss-nesting "^10.2.0"
-    postcss-opacity-percentage "^1.1.2"
-    postcss-overflow-shorthand "^3.0.4"
-    postcss-page-break "^3.0.4"
-    postcss-place "^7.0.5"
-    postcss-pseudo-class-any-link "^7.1.6"
-    postcss-replace-overflow-wrap "^4.0.0"
-    postcss-selector-not "^6.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-pseudo-class-any-link@^7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
-  integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-reduce-initial@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
-  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-
-postcss-reduce-transforms@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9"
-  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-replace-overflow-wrap@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
-  integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
-
-postcss-selector-not@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
-  integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
-  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-svgo@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d"
-  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    svgo "^2.7.0"
-
-postcss-unique-selectors@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6"
-  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
-  dependencies:
-    postcss-selector-parser "^6.0.5"
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^7.0.35:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
-  dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
-
-postcss@^8.0.9, postcss@^8.3.5, postcss@^8.4.19, postcss@^8.4.4:
-  version "8.4.21"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
-  dependencies:
-    nanoid "^3.3.4"
+    nanoid "^3.3.6"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -8821,11 +5977,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
-
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -8838,18 +5989,15 @@ prettier@2.6.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.6.2.tgz#e26d71a18a74c3d0f0597f55f01fb6c06c206032"
   integrity sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==
 
-pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
+pretty-bytes@^5.3.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
-pretty-error@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
-  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
-  dependencies:
-    lodash "^4.17.20"
-    renderkid "^3.0.0"
+pretty-bytes@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.0.tgz#1d1cc9aae1939012c74180b679da6684616bf804"
+  integrity sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==
 
 pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
   version "27.5.1"
@@ -8860,16 +6008,6 @@ pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
     ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
-pretty-format@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
-  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
-  dependencies:
-    "@jest/schemas" "^28.1.3"
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^18.0.0"
-
 pretty-format@^29.0.0, pretty-format@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
@@ -8879,11 +6017,6 @@ pretty-format@^29.0.0, pretty-format@^29.5.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-process-nextick-args@~2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
-  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
-
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -8894,21 +6027,6 @@ promise-polyfill@8.1.3:
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.1.3.tgz#8c99b3cf53f3a91c68226ffde7bde81d7f904116"
   integrity sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g==
 
-promise@^8.1.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
-  integrity sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==
-  dependencies:
-    asap "~2.0.6"
-
-prompts@^2.0.1, prompts@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
-  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
-
 prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -8955,20 +6073,12 @@ protobufjs@^7.0.0:
     "@types/node" ">=13.7.0"
     long "^5.0.0"
 
-proxy-addr@~2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
-  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
-  dependencies:
-    forwarded "0.2.0"
-    ipaddr.js "1.9.1"
-
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
-punycode@^2.1.0, punycode@^2.1.1:
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
@@ -8978,18 +6088,6 @@ pwacompat@2.0.17:
   resolved "https://registry.yarnpkg.com/pwacompat/-/pwacompat-2.0.17.tgz#707959ff97f239bf1fe7b260b63aeea416a15eab"
   integrity sha512-6Du7IZdIy7cHiv7AhtDy4X2QRM8IAD5DII69mt5qWibC2d15ZU8DmBG1WdZKekG11cChSu4zkSUGPF9sweOl6w==
 
-q@^1.1.2:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
-
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
-  dependencies:
-    side-channel "^1.0.4"
-
 qs@^6.4.0:
   version "6.11.1"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
@@ -9007,18 +6105,6 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
-raf@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
-  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
-  dependencies:
-    performance-now "^2.1.0"
-
 randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -9026,63 +6112,6 @@ randombytes@^2.1.0:
   dependencies:
     safe-buffer "^5.1.0"
 
-range-parser@^1.2.1, range-parser@~1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
-  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
-
-raw-body@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
-  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
-  dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
-react-app-polyfill@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz#95221e0a9bd259e5ca6b177c7bb1cb6768f68fd7"
-  integrity sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==
-  dependencies:
-    core-js "^3.19.2"
-    object-assign "^4.1.1"
-    promise "^8.1.0"
-    raf "^3.4.1"
-    regenerator-runtime "^0.13.9"
-    whatwg-fetch "^3.6.2"
-
-react-dev-utils@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
-  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    address "^1.1.2"
-    browserslist "^4.18.1"
-    chalk "^4.1.2"
-    cross-spawn "^7.0.3"
-    detect-port-alt "^1.1.6"
-    escape-string-regexp "^4.0.0"
-    filesize "^8.0.6"
-    find-up "^5.0.0"
-    fork-ts-checker-webpack-plugin "^6.5.0"
-    global-modules "^2.0.0"
-    globby "^11.0.4"
-    gzip-size "^6.0.0"
-    immer "^9.0.7"
-    is-root "^2.1.0"
-    loader-utils "^3.2.0"
-    open "^8.4.0"
-    pkg-up "^3.1.0"
-    prompts "^2.4.2"
-    react-error-overlay "^6.0.11"
-    recursive-readdir "^2.2.2"
-    shell-quote "^1.7.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
 react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
@@ -9091,11 +6120,6 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-error-overlay@^6.0.11:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
-  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
-
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -9111,10 +6135,10 @@ react-is@^18.0.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-refresh@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
-  integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
+react-refresh@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
+  integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
 
 react-remove-scroll-bar@^2.3.3:
   version "2.3.4"
@@ -9135,61 +6159,6 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-scripts@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"
-  integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
-  dependencies:
-    "@babel/core" "^7.16.0"
-    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3"
-    "@svgr/webpack" "^5.5.0"
-    babel-jest "^27.4.2"
-    babel-loader "^8.2.3"
-    babel-plugin-named-asset-import "^0.3.8"
-    babel-preset-react-app "^10.0.1"
-    bfj "^7.0.2"
-    browserslist "^4.18.1"
-    camelcase "^6.2.1"
-    case-sensitive-paths-webpack-plugin "^2.4.0"
-    css-loader "^6.5.1"
-    css-minimizer-webpack-plugin "^3.2.0"
-    dotenv "^10.0.0"
-    dotenv-expand "^5.1.0"
-    eslint "^8.3.0"
-    eslint-config-react-app "^7.0.1"
-    eslint-webpack-plugin "^3.1.1"
-    file-loader "^6.2.0"
-    fs-extra "^10.0.0"
-    html-webpack-plugin "^5.5.0"
-    identity-obj-proxy "^3.0.0"
-    jest "^27.4.3"
-    jest-resolve "^27.4.2"
-    jest-watch-typeahead "^1.0.0"
-    mini-css-extract-plugin "^2.4.5"
-    postcss "^8.4.4"
-    postcss-flexbugs-fixes "^5.0.2"
-    postcss-loader "^6.2.1"
-    postcss-normalize "^10.0.1"
-    postcss-preset-env "^7.0.1"
-    prompts "^2.4.2"
-    react-app-polyfill "^3.0.0"
-    react-dev-utils "^12.0.1"
-    react-refresh "^0.11.0"
-    resolve "^1.20.0"
-    resolve-url-loader "^4.0.0"
-    sass-loader "^12.3.0"
-    semver "^7.3.5"
-    source-map-loader "^3.0.0"
-    style-loader "^3.3.1"
-    tailwindcss "^3.0.2"
-    terser-webpack-plugin "^5.2.5"
-    webpack "^5.64.4"
-    webpack-dev-server "^4.6.0"
-    webpack-manifest-plugin "^4.0.2"
-    workbox-webpack-plugin "^6.4.1"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
 react-style-singleton@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
@@ -9206,35 +6175,6 @@ react@18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
-readable-stream@^2.0.1:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
-  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^3.0.6:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -9252,13 +6192,6 @@ realistic-structured-clone@^2.0.1:
     typeson "^6.1.0"
     typeson-registry "^1.0.0-alpha.20"
 
-recursive-readdir@^2.2.2:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
-  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
-  dependencies:
-    minimatch "^3.0.5"
-
 redent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
@@ -9279,7 +6212,7 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
+regenerator-runtime@^0.13.11:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
@@ -9291,11 +6224,6 @@ regenerator-transform@^0.15.1:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regex-parser@^2.2.11:
-  version "2.2.11"
-  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58"
-  integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==
-
 regexp.prototype.flags@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
@@ -9329,22 +6257,6 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
-relateurl@^0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
-
-renderkid@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
-  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
-  dependencies:
-    css-select "^4.1.3"
-    dom-converter "^0.2.0"
-    htmlparser2 "^6.1.0"
-    lodash "^4.17.21"
-    strip-ansi "^6.0.1"
-
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -9360,40 +6272,12 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve-url-loader@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz#d50d4ddc746bb10468443167acf800dcd6c3ad57"
-  integrity sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==
-  dependencies:
-    adjust-sourcemap-loader "^4.0.0"
-    convert-source-map "^1.7.0"
-    loader-utils "^2.0.0"
-    postcss "^7.0.35"
-    source-map "0.6.1"
-
-resolve.exports@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
-  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
-
-resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1:
+resolve@^1.14.2, resolve@^1.19.0, resolve@^1.22.1:
   version "1.22.2"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
   integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@@ -9419,11 +6303,6 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
-retry@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
-  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
-
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
@@ -9441,7 +6320,7 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -9465,6 +6344,20 @@ rollup@^2.43.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
+rollup@^3.21.0:
+  version "3.26.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.0.tgz#9f2e0316a4ca641911cefd8515c562a9124e6130"
+  integrity sha512-YzJH0eunH2hr3knvF3i6IkLO/jTjAEwU4HoMUbQl4//Tnl3ou0e7P5SjxdDr8HQJdeUJShlbEHXrrnEHy1l7Yg==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rollup@^3.25.2:
+  version "3.26.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.2.tgz#2e76a37606cb523fc9fef43e6f59c93f86d95e7c"
+  integrity sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 roughjs@4.5.2:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/roughjs/-/roughjs-4.5.2.tgz#aab644dcb41e9a75826c8bd5a5b0a859095f2f10"
@@ -9474,6 +6367,11 @@ roughjs@4.5.2:
     points-on-curve "^0.2.0"
     points-on-path "^0.2.1"
 
+rrweb-cssom@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
+  integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -9493,12 +6391,12 @@ safari-14-idb-fix@^3.0.0:
   resolved "https://registry.yarnpkg.com/safari-14-idb-fix/-/safari-14-idb-fix-3.0.0.tgz#450fc049b996ec7f3fd9ca2f89d32e0761583440"
   integrity sha512-eBNFLob4PMq8JA1dGyFn6G97q3/WzNtFK4RnzT1fnLq+9RyrGknzYiM/9B12MnKAxuj1IXr7UKYtTNtjyKMBog==
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+safe-buffer@>=5.1.0, safe-buffer@^5.1.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -9512,24 +6410,11 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+"safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sanitize.css@*:
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-13.0.0.tgz#2675553974b27964c75562ade3bd85d79879f173"
-  integrity sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==
-
-sass-loader@^12.3.0:
-  version "12.6.0"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
-  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
-  dependencies:
-    klona "^2.0.4"
-    neo-async "^2.6.2"
-
 sass@1.51.0:
   version "1.51.0"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.51.0.tgz#25ea36cf819581fe1fe8329e8c3a4eaaf70d2845"
@@ -9539,15 +6424,10 @@ sass@1.51.0:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-sax@~1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
   dependencies:
     xmlchars "^2.2.0"
 
@@ -9558,90 +6438,29 @@ scheduler@^0.23.0:
   dependencies:
     loose-envify "^1.1.0"
 
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
-schema-utils@^2.6.5:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
-  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
-  dependencies:
-    "@types/json-schema" "^7.0.5"
-    ajv "^6.12.4"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
-  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    ajv "^8.8.0"
-    ajv-formats "^2.1.1"
-    ajv-keywords "^5.0.0"
-
 secure-compare@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/secure-compare/-/secure-compare-3.0.1.tgz#f1a0329b308b221fae37b9974f3d578d0ca999e3"
   integrity sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==
 
-select-hose@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
-  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
-
-selfsigned@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
-  integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
-  dependencies:
-    node-forge "^1"
-
-semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
+semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.2.1, semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
+semver@^7.2.1, semver@^7.3.2, semver@^7.3.7:
   version "7.4.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.4.0.tgz#8481c92feffc531ab1e012a8ffc15bdd3a0f4318"
   integrity sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==
   dependencies:
     lru-cache "^6.0.0"
 
-send@0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+semver@^7.3.4, semver@^7.5.0:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
   dependencies:
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    mime "1.6.0"
-    ms "2.1.3"
-    on-finished "2.4.1"
-    range-parser "~1.2.1"
-    statuses "2.0.1"
+    lru-cache "^6.0.0"
 
 serialize-javascript@^4.0.0:
   version "4.0.0"
@@ -9650,46 +6469,6 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
-serialize-javascript@^6.0.0, serialize-javascript@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
-  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
-  dependencies:
-    randombytes "^2.1.0"
-
-serve-index@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
-  dependencies:
-    accepts "~1.3.4"
-    batch "0.6.1"
-    debug "2.6.9"
-    escape-html "~1.0.3"
-    http-errors "~1.6.2"
-    mime-types "~2.1.17"
-    parseurl "~1.3.2"
-
-serve-static@1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.18.0"
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
-  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -9702,11 +6481,6 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@^1.7.3:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
-  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
-
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -9716,26 +6490,30 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
+siginfo@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
+  integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
+
 signal-exit@^3.0.2, signal-exit@^3.0.3:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
-sisteransi@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+sirv@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.3.tgz#ca5868b87205a74bef62a469ed0296abceccd446"
+  integrity sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==
+  dependencies:
+    "@polka/url" "^1.0.0-next.20"
+    mrmime "^1.0.0"
+    totalist "^3.0.0"
 
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
-  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
-
 slice-ansi@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
@@ -9793,34 +6571,11 @@ socket.io-parser@~3.3.0:
     debug "~3.1.0"
     isarray "2.0.1"
 
-sockjs@^0.3.24:
-  version "0.3.24"
-  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
-  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
-  dependencies:
-    faye-websocket "^0.11.3"
-    uuid "^8.3.2"
-    websocket-driver "^0.7.4"
-
-source-list-map@^2.0.0, source-list-map@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-loader@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.2.tgz#af23192f9b344daa729f6772933194cc5fa54fee"
-  integrity sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==
-  dependencies:
-    abab "^2.0.5"
-    iconv-lite "^0.6.3"
-    source-map-js "^1.0.1"
-
 source-map-resolve@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
@@ -9829,7 +6584,7 @@ source-map-resolve@^0.6.0:
     atob "^2.1.2"
     decode-uri-component "^0.2.0"
 
-source-map-support@^0.5.6, source-map-support@~0.5.20:
+source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -9837,16 +6592,11 @@ source-map-support@^0.5.6, source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
 source-map@^0.8.0-beta.0:
   version "0.8.0-beta.0"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
@@ -9859,39 +6609,11 @@ sourcemap-codec@^1.4.8:
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
-spdy-transport@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
-  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
-  dependencies:
-    debug "^4.1.0"
-    detect-node "^2.0.4"
-    hpack.js "^2.1.6"
-    obuf "^1.1.2"
-    readable-stream "^3.0.6"
-    wbuf "^1.7.3"
-
-spdy@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
-  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
-  dependencies:
-    debug "^4.1.0"
-    handle-thing "^2.0.0"
-    http-deceiver "^1.2.7"
-    select-hose "^2.0.0"
-    spdy-transport "^3.0.0"
-
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
 stack-utils@^2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
@@ -9899,20 +6621,15 @@ stack-utils@^2.0.3:
   dependencies:
     escape-string-regexp "^2.0.0"
 
-stackframe@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
-  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+stackback@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/stackback/-/stackback-0.0.2.tgz#1ac8a0d9483848d1695e418b6d031a3c3ce68e3b"
+  integrity sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==
 
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
-"statuses@>= 1.4.0 < 2":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+std-env@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.3.tgz#a54f06eb245fdcfef53d56f3c0251f1d5c3d01fe"
+  integrity sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==
 
 stop-iteration-iterator@^1.0.0:
   version "1.0.0"
@@ -9926,22 +6643,6 @@ string-argv@^0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
-string-length@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
-  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
-  dependencies:
-    char-regex "^1.0.2"
-    strip-ansi "^6.0.0"
-
-string-length@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-5.0.1.tgz#3d647f497b6e8e8d41e422f7e0b23bc536c8381e"
-  integrity sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==
-  dependencies:
-    char-regex "^2.0.0"
-    strip-ansi "^7.0.1"
-
 string-natural-compare@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
@@ -10006,20 +6707,6 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
 stringify-object@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
@@ -10048,11 +6735,6 @@ strip-bom@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
-strip-bom@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
-
 strip-comments@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
@@ -10075,31 +6757,12 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-style-loader@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.2.tgz#eaebca714d9e462c19aa1e3599057bc363924899"
-  integrity sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==
-
-stylehacks@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
-  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
+strip-literal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
+  integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
   dependencies:
-    browserslist "^4.21.4"
-    postcss-selector-parser "^6.0.4"
-
-sucrase@^3.29.0:
-  version "3.32.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
-  integrity sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "7.1.6"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
+    acorn "^8.8.2"
 
 supports-color@^5.3.0:
   version "5.5.0"
@@ -10115,68 +6778,21 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-color@^9.2.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.3.1.tgz#34e4ad3c71c9a39dae3254ecc46c9b74e89e15a6"
   integrity sha512-knBY82pjmnIzK3NifMo3RxEIRD9E0kIzV4BKcyTZ9+9kWgLMxd4PrsTSMoFQUabgRBbF8KOLRDCyKgNV+iK44Q==
 
-supports-hyperlinks@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
-  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
-  dependencies:
-    has-flag "^4.0.0"
-    supports-color "^7.0.0"
-
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-parser@^2.0.2:
+svg-parser@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
   integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
 
-svgo@^1.2.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
-  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
-  dependencies:
-    chalk "^2.4.1"
-    coa "^2.0.2"
-    css-select "^2.0.0"
-    css-select-base-adapter "^0.1.1"
-    css-tree "1.0.0-alpha.37"
-    csso "^4.0.2"
-    js-yaml "^3.13.1"
-    mkdirp "~0.5.1"
-    object.values "^1.1.0"
-    sax "~1.2.4"
-    stable "^0.1.8"
-    unquote "~1.1.1"
-    util.promisify "~1.0.0"
-
-svgo@^2.7.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
-  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
-  dependencies:
-    "@trysound/sax" "0.2.0"
-    commander "^7.2.0"
-    css-select "^4.1.3"
-    css-tree "^1.1.3"
-    csso "^4.2.0"
-    picocolors "^1.0.0"
-    stable "^0.1.8"
-
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -10193,46 +6809,6 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tailwindcss@^3.0.2:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.1.tgz#b6662fab6a9b704779e48d083a9fef5a81d2b81e"
-  integrity sha512-Vkiouc41d4CEq0ujXl6oiGFQ7bA3WEhUZdTgXAhtKxSy49OmKs8rEfQmupsfF0IGW8fv2iQkp1EVUuapCFrZ9g==
-  dependencies:
-    arg "^5.0.2"
-    chokidar "^3.5.3"
-    color-name "^1.1.4"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.2.12"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.17.2"
-    lilconfig "^2.0.6"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.0.0"
-    postcss "^8.0.9"
-    postcss-import "^14.1.0"
-    postcss-js "^4.0.0"
-    postcss-load-config "^3.1.4"
-    postcss-nested "6.0.0"
-    postcss-selector-parser "^6.0.11"
-    postcss-value-parser "^4.2.0"
-    quick-lru "^5.1.1"
-    resolve "^1.22.1"
-    sucrase "^3.29.0"
-
-tapable@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
-tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
@@ -10248,26 +6824,7 @@ tempy@^0.6.0:
     type-fest "^0.16.0"
     unique-string "^2.0.0"
 
-terminal-link@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
-  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    supports-hyperlinks "^2.0.0"
-
-terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
-  version "5.3.7"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz#ef760632d24991760f339fe9290deb936ad1ffc7"
-  integrity sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jest-worker "^27.4.5"
-    schema-utils "^3.1.1"
-    serialize-javascript "^6.0.1"
-    terser "^5.16.5"
-
-terser@^5.0.0, terser@^5.10.0:
+terser@^5.0.0:
   version "5.16.9"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.9.tgz#7a28cb178e330c484369886f2afd623d9847495f"
   integrity sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==
@@ -10277,63 +6834,40 @@ terser@^5.0.0, terser@^5.10.0:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
-terser@^5.16.5:
-  version "5.17.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.17.1.tgz#948f10830454761e2eeedc6debe45c532c83fd69"
-  integrity sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==
-  dependencies:
-    "@jridgewell/source-map" "^0.3.2"
-    acorn "^8.5.0"
-    commander "^2.20.0"
-    source-map-support "~0.5.20"
-
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-  dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
-
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
-
-throat@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
-  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
-
 through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
-thunky@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
-  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+time-zone@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
+  integrity sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==
 
-tmpl@1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
-  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
+tiny-invariant@^1.1.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642"
+  integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
+
+tinybench@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.5.0.tgz#4711c99bbf6f3e986f67eb722fed9cddb3a68ba5"
+  integrity sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==
+
+tinypool@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.5.0.tgz#3861c3069bf71e4f1f5aa2d2e6b3aaacc278961e"
+  integrity sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==
+
+tinyspy@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-2.1.1.tgz#9e6371b00c259e5c5b301917ca18c01d40ae558c"
+  integrity sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==
 
 to-array@0.1.4:
   version "0.1.4"
@@ -10352,15 +6886,15 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-toidentifier@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
-  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+totalist@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
+  integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
 
-tough-cookie@^4.0.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
-  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
+tough-cookie@^4.1.2:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
+  integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
@@ -10381,15 +6915,12 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
-tryer@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
-  integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
-
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+tr46@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
+  integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
+  dependencies:
+    punycode "^2.3.0"
 
 tsconfig-paths@^3.14.1:
   version "3.14.2"
@@ -10406,7 +6937,7 @@ tslib@^1.8.1, tslib@^1.9.3:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0:
+tslib@^2.0.0, tslib@^2.1.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
   integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
@@ -10432,14 +6963,7 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.5:
+type-detect@^4.0.0, type-detect@^4.0.5:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -10459,14 +6983,6 @@ type-fest@^0.21.3:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
-type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
 typed-array-length@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
@@ -10476,13 +6992,6 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
 typescript@4.9.4:
   version "4.9.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
@@ -10502,6 +7011,11 @@ typeson@^6.0.0, typeson@^6.1.0:
   resolved "https://registry.yarnpkg.com/typeson/-/typeson-6.1.0.tgz#5b2a53705a5f58ff4d6f82f965917cabd0d7448b"
   integrity sha512-6FTtyGr8ldU0pfbvW/eOZrEtEkczHRUtduBnA90Jh9kMPCiFNnXIon3vF41N0S4tV1HHQt4Hk1j4srpESziCaA==
 
+ufo@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.1.2.tgz#d0d9e0fa09dece0c31ffd57bd363f030a35cfe76"
+  integrity sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -10559,16 +7073,6 @@ universalify@^2.0.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
-
-unquote@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
-  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
-
 upath@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
@@ -10627,213 +7131,199 @@ use-sync-external-store@1.2.0:
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
 
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
-
-util.promisify@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
-  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.2"
-    has-symbols "^1.0.1"
-    object.getownpropertydescriptors "^2.1.0"
-
-utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
-
-uuid@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
-  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
-
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
-v8-to-istanbul@^8.1.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz#77b752fd3975e31bbcef938f85e9bd1c7a8d60ed"
-  integrity sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==
+vite-node@0.32.2:
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.32.2.tgz#bfccdfeb708b2309ea9e5fe424951c75bb9c0096"
+  integrity sha512-dTQ1DCLwl2aEseov7cfQ+kDMNJpM1ebpyMMMwWzBvLbis8Nla/6c9WQcqpPssTwS6Rp/+U6KwlIj8Eapw4bLdA==
   dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^1.6.0"
-    source-map "^0.7.3"
+    cac "^6.7.14"
+    debug "^4.3.4"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    picocolors "^1.0.0"
+    vite "^3.0.0 || ^4.0.0"
 
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
-
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
+vite-plugin-checker@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-checker/-/vite-plugin-checker-0.6.1.tgz#51a0e654e033b5b9ad6301ae4d0ed0f5886d437c"
+  integrity sha512-4fAiu3W/IwRJuJkkUZlWbLunSzsvijDf0eDN6g/MGh6BUK4SMclOTGbLJCPvdAcMOQvVmm8JyJeYLYd4//8CkA==
   dependencies:
-    browser-process-hrtime "^1.0.0"
+    "@babel/code-frame" "^7.12.13"
+    ansi-escapes "^4.3.0"
+    chalk "^4.1.1"
+    chokidar "^3.5.1"
+    commander "^8.0.0"
+    fast-glob "^3.2.7"
+    fs-extra "^11.1.0"
+    lodash.debounce "^4.0.8"
+    lodash.pick "^4.4.0"
+    npm-run-path "^4.0.1"
+    semver "^7.5.0"
+    strip-ansi "^6.0.0"
+    tiny-invariant "^1.1.0"
+    vscode-languageclient "^7.0.0"
+    vscode-languageserver "^7.0.0"
+    vscode-languageserver-textdocument "^1.0.1"
+    vscode-uri "^3.0.2"
 
-w3c-xmlserializer@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
-  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
+vite-plugin-ejs@1.6.4:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-ejs/-/vite-plugin-ejs-1.6.4.tgz#aa30820d8235774e717d902754a552480cf7758b"
+  integrity sha512-23p1RS4PiA0veXY5/gHZ60pl3pPvd8NEqdBsDgxNK8nM1rjFFDcVb0paNmuipzCgNP/Y0f/Id22M7Il4kvZ2jA==
   dependencies:
-    xml-name-validator "^3.0.0"
+    ejs "^3.1.8"
 
-walker@^1.0.7:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
-  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
+vite-plugin-pwa@0.16.4:
+  version "0.16.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-pwa/-/vite-plugin-pwa-0.16.4.tgz#cd2618c8b4f83eac1493f2ed7b05f72552a2b735"
+  integrity sha512-lmwHFIs9zI2H9bXJld/zVTbCqCQHZ9WrpyDMqosICDV0FVnCJwniX1NMDB79HGTIZzOQkY4gSZaVTJTw6maz/Q==
   dependencies:
-    makeerror "1.0.12"
+    debug "^4.3.4"
+    fast-glob "^3.2.12"
+    pretty-bytes "^6.0.0"
+    workbox-build "^7.0.0"
+    workbox-window "^7.0.0"
 
-watchpack@^2.4.0:
+vite-plugin-svgr@2.4.0:
   version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+  resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-2.4.0.tgz#9b14953955e79893ea7718089b9777a494e38fc6"
+  integrity sha512-q+mJJol6ThvqkkJvvVFEndI4EaKIjSI0I3jNFgSoC9fXAz1M7kYTVUin8fhUsFojFDKZ9VHKtX6NXNaOLpbsHA==
   dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
+    "@rollup/pluginutils" "^5.0.2"
+    "@svgr/core" "^6.5.1"
 
-wbuf@^1.1.0, wbuf@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
-  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+vite@4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.2.tgz#acd47de771c498aec80e4900f30133d9529b278a"
+  integrity sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==
   dependencies:
-    minimalistic-assert "^1.0.0"
+    esbuild "^0.18.10"
+    postcss "^8.4.24"
+    rollup "^3.25.2"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+"vite@^3.0.0 || ^4.0.0":
+  version "4.3.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
+  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
+  dependencies:
+    esbuild "^0.17.5"
+    postcss "^8.4.23"
+    rollup "^3.21.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+vitest-canvas-mock@0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/vitest-canvas-mock/-/vitest-canvas-mock-0.3.2.tgz#d52031c423519e0c7bf2687ca6d7ad2e926ea182"
+  integrity sha512-lds7MKxvFFPDCGLXsQI2ym1fxvC93DaS0Bb6sdjvylFyL6NYrAAcPb6xZGF2sMOt5fSLHddqAQaujqpbc3p0Zg==
+  dependencies:
+    jest-canvas-mock "~2.4.0"
+
+vitest@0.32.2:
+  version "0.32.2"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.32.2.tgz#758ce2220f609e240ac054eca7ad11a5140679ab"
+  integrity sha512-hU8GNNuQfwuQmqTLfiKcqEhZY72Zxb7nnN07koCUNmntNxbKQnVbeIS6sqUgR3eXSlbOpit8+/gr1KpqoMgWCQ==
+  dependencies:
+    "@types/chai" "^4.3.5"
+    "@types/chai-subset" "^1.3.3"
+    "@types/node" "*"
+    "@vitest/expect" "0.32.2"
+    "@vitest/runner" "0.32.2"
+    "@vitest/snapshot" "0.32.2"
+    "@vitest/spy" "0.32.2"
+    "@vitest/utils" "0.32.2"
+    acorn "^8.8.2"
+    acorn-walk "^8.2.0"
+    cac "^6.7.14"
+    chai "^4.3.7"
+    concordance "^5.0.4"
+    debug "^4.3.4"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.0"
+    pathe "^1.1.0"
+    picocolors "^1.0.0"
+    std-env "^3.3.2"
+    strip-literal "^1.0.1"
+    tinybench "^2.5.0"
+    tinypool "^0.5.0"
+    vite "^3.0.0 || ^4.0.0"
+    vite-node "0.32.2"
+    why-is-node-running "^2.2.2"
+
+vscode-jsonrpc@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz#108bdb09b4400705176b957ceca9e0880e9b6d4e"
+  integrity sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==
+
+vscode-languageclient@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/vscode-languageclient/-/vscode-languageclient-7.0.0.tgz#b505c22c21ffcf96e167799757fca07a6bad0fb2"
+  integrity sha512-P9AXdAPlsCgslpP9pRxYPqkNYV7Xq8300/aZDpO35j1fJm/ncize8iGswzYlcvFw5DQUx4eVk+KvfXdL0rehNg==
+  dependencies:
+    minimatch "^3.0.4"
+    semver "^7.3.4"
+    vscode-languageserver-protocol "3.16.0"
+
+vscode-languageserver-protocol@3.16.0:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.16.0.tgz#34135b61a9091db972188a07d337406a3cdbe821"
+  integrity sha512-sdeUoAawceQdgIfTI+sdcwkiK2KU+2cbEYA0agzM2uqaUy2UpnnGHtWTHVEtS0ES4zHU0eMFRGN+oQgDxlD66A==
+  dependencies:
+    vscode-jsonrpc "6.0.0"
+    vscode-languageserver-types "3.16.0"
+
+vscode-languageserver-textdocument@^1.0.1:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.8.tgz#9eae94509cbd945ea44bca8dcfe4bb0c15bb3ac0"
+  integrity sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==
+
+vscode-languageserver-types@3.16.0:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz#ecf393fc121ec6974b2da3efb3155644c514e247"
+  integrity sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==
+
+vscode-languageserver@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver/-/vscode-languageserver-7.0.0.tgz#49b068c87cfcca93a356969d20f5d9bdd501c6b0"
+  integrity sha512-60HTx5ID+fLRcgdHfmz0LDZAXYEV68fzwG0JWwEPBode9NuMYTIxuYXPg4ngO8i8+Ou0lM7y6GzaYWbiDL0drw==
+  dependencies:
+    vscode-languageserver-protocol "3.16.0"
+
+vscode-uri@^3.0.2:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.0.7.tgz#6d19fef387ee6b46c479e5fb00870e15e58c1eb8"
+  integrity sha512-eOpPHogvorZRobNqJGhapa0JdwaxpjVvyBp0QIUMRMSf8ZAlqOdEquKuRmw9Qwu0qXtJIWqFtMkmvJjUZmMjVA==
+
+w3c-xmlserializer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
+  dependencies:
+    xml-name-validator "^4.0.0"
 
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webidl-conversions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
-
 webidl-conversions@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
-webpack-dev-middleware@^5.3.1:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"
-  integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==
-  dependencies:
-    colorette "^2.0.10"
-    memfs "^3.4.3"
-    mime-types "^2.1.31"
-    range-parser "^1.2.1"
-    schema-utils "^4.0.0"
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
-webpack-dev-server@^4.6.0:
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.13.2.tgz#d97445481d78691efe6d9a3b230833d802fc31f9"
-  integrity sha512-5i6TrGBRxG4vnfDpB6qSQGfnB6skGBXNL5/542w2uRGLimX6qeE5BQMLrzIC3JYV/xlGOv+s+hTleI9AZKUQNw==
-  dependencies:
-    "@types/bonjour" "^3.5.9"
-    "@types/connect-history-api-fallback" "^1.3.5"
-    "@types/express" "^4.17.13"
-    "@types/serve-index" "^1.9.1"
-    "@types/serve-static" "^1.13.10"
-    "@types/sockjs" "^0.3.33"
-    "@types/ws" "^8.5.1"
-    ansi-html-community "^0.0.8"
-    bonjour-service "^1.0.11"
-    chokidar "^3.5.3"
-    colorette "^2.0.10"
-    compression "^1.7.4"
-    connect-history-api-fallback "^2.0.0"
-    default-gateway "^6.0.3"
-    express "^4.17.3"
-    graceful-fs "^4.2.6"
-    html-entities "^2.3.2"
-    http-proxy-middleware "^2.0.3"
-    ipaddr.js "^2.0.1"
-    launch-editor "^2.6.0"
-    open "^8.0.9"
-    p-retry "^4.5.0"
-    rimraf "^3.0.2"
-    schema-utils "^4.0.0"
-    selfsigned "^2.1.1"
-    serve-index "^1.9.1"
-    sockjs "^0.3.24"
-    spdy "^4.0.2"
-    webpack-dev-middleware "^5.3.1"
-    ws "^8.13.0"
-
-webpack-manifest-plugin@^4.0.2:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz#10f8dbf4714ff93a215d5a45bcc416d80506f94f"
-  integrity sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==
-  dependencies:
-    tapable "^2.0.0"
-    webpack-sources "^2.2.0"
-
-webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
-webpack-sources@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
-  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
-  dependencies:
-    source-list-map "^2.0.1"
-    source-map "^0.6.1"
-
-webpack-sources@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
-  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
-
-webpack@^5.64.4:
-  version "5.78.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.78.0.tgz#836452a12416af2a7beae906b31644cb2562f9e6"
-  integrity sha512-gT5DP72KInmE/3azEaQrISjTvLYlSM0j1Ezhht/KLVkrqtv10JoP/RXhwmX/frrutOPuSq3o5Vq0ehR/4Vmd1g==
-  dependencies:
-    "@types/eslint-scope" "^3.7.3"
-    "@types/estree" "^0.0.51"
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/wasm-edit" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    acorn "^8.7.1"
-    acorn-import-assertions "^1.7.6"
-    browserslist "^4.14.5"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.10.0"
-    es-module-lexer "^0.9.0"
-    eslint-scope "5.1.1"
-    events "^3.2.0"
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.9"
-    json-parse-even-better-errors "^2.3.1"
-    loader-runner "^4.2.0"
-    mime-types "^2.1.27"
-    neo-async "^2.6.2"
-    schema-utils "^3.1.0"
-    tapable "^2.1.1"
-    terser-webpack-plugin "^5.1.3"
-    watchpack "^2.4.0"
-    webpack-sources "^3.2.3"
-
-websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+websocket-driver@>=0.5.1:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
   integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
@@ -10852,12 +7342,10 @@ webworkify@^1.5.0:
   resolved "https://registry.yarnpkg.com/webworkify/-/webworkify-1.5.0.tgz#734ad87a774de6ebdd546e1d3e027da5b8f4a42c"
   integrity sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==
 
-whatwg-encoding@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
-  dependencies:
-    iconv-lite "0.4.24"
+well-known-symbols@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/well-known-symbols/-/well-known-symbols-2.0.0.tgz#e9c7c07dbd132b7b84212c8174391ec1f9871ba5"
+  integrity sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==
 
 whatwg-encoding@^2.0.0:
   version "2.0.0"
@@ -10871,15 +7359,18 @@ whatwg-fetch@2.0.4:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
   integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
 
-whatwg-fetch@^3.6.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"
-  integrity sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==
+whatwg-mimetype@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
-whatwg-mimetype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
+whatwg-url@^12.0.0, whatwg-url@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
+  integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
+  dependencies:
+    tr46 "^4.1.1"
+    webidl-conversions "^7.0.0"
 
 whatwg-url@^7.0.0:
   version "7.1.0"
@@ -10890,7 +7381,7 @@ whatwg-url@^7.0.0:
     tr46 "^1.0.1"
     webidl-conversions "^4.0.2"
 
-whatwg-url@^8.0.0, whatwg-url@^8.4.0, whatwg-url@^8.5.0:
+whatwg-url@^8.4.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
   integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
@@ -10932,13 +7423,6 @@ which-typed-array@^1.1.9:
     has-tostringtag "^1.0.0"
     is-typed-array "^1.1.10"
 
-which@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -10946,30 +7430,38 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
+why-is-node-running@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.2.2.tgz#4185b2b4699117819e7154594271e7e344c9973e"
+  integrity sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==
+  dependencies:
+    siginfo "^2.0.0"
+    stackback "0.0.2"
+
+word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
-workbox-background-sync@6.5.4, workbox-background-sync@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-6.5.4.tgz#3141afba3cc8aa2ae14c24d0f6811374ba8ff6a9"
-  integrity sha512-0r4INQZMyPky/lj4Ou98qxcThrETucOde+7mRGJl13MPJugQNKeZQOdIJe/1AchOP23cTqHcN/YVpD6r8E6I8g==
+workbox-background-sync@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.0.0.tgz#2b84b96ca35fec976e3bd2794b70e4acec46b3a5"
+  integrity sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==
   dependencies:
     idb "^7.0.1"
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-broadcast-update@6.5.4, workbox-broadcast-update@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-6.5.4.tgz#8441cff5417cd41f384ba7633ca960a7ffe40f66"
-  integrity sha512-I/lBERoH1u3zyBosnpPEtcAVe5lwykx9Yg1k6f8/BGEPGaMMgZrwVrqL1uA9QZ1NGGFoyE6t9i7lBjOlDhFEEw==
+workbox-broadcast-update@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.0.0.tgz#7f611ca1a94ba8ac0aa40fa171c9713e0f937d22"
+  integrity sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-build@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-6.5.4.tgz#7d06d31eb28a878817e1c991c05c5b93409f0389"
-  integrity sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==
+workbox-build@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.0.0.tgz#02ab5ef2991b3369b8b9395703f08912212769b4"
+  integrity sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==
   dependencies:
     "@apideck/better-ajv-errors" "^0.3.1"
     "@babel/core" "^7.11.1"
@@ -10993,132 +7485,121 @@ workbox-build@6.5.4:
     strip-comments "^2.0.1"
     tempy "^0.6.0"
     upath "^1.2.0"
-    workbox-background-sync "6.5.4"
-    workbox-broadcast-update "6.5.4"
-    workbox-cacheable-response "6.5.4"
-    workbox-core "6.5.4"
-    workbox-expiration "6.5.4"
-    workbox-google-analytics "6.5.4"
-    workbox-navigation-preload "6.5.4"
-    workbox-precaching "6.5.4"
-    workbox-range-requests "6.5.4"
-    workbox-recipes "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
-    workbox-streams "6.5.4"
-    workbox-sw "6.5.4"
-    workbox-window "6.5.4"
+    workbox-background-sync "7.0.0"
+    workbox-broadcast-update "7.0.0"
+    workbox-cacheable-response "7.0.0"
+    workbox-core "7.0.0"
+    workbox-expiration "7.0.0"
+    workbox-google-analytics "7.0.0"
+    workbox-navigation-preload "7.0.0"
+    workbox-precaching "7.0.0"
+    workbox-range-requests "7.0.0"
+    workbox-recipes "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
+    workbox-streams "7.0.0"
+    workbox-sw "7.0.0"
+    workbox-window "7.0.0"
 
-workbox-cacheable-response@6.5.4, workbox-cacheable-response@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-6.5.4.tgz#a5c6ec0c6e2b6f037379198d4ef07d098f7cf137"
-  integrity sha512-DCR9uD0Fqj8oB2TSWQEm1hbFs/85hXXoayVwFKLVuIuxwJaihBsLsp4y7J9bvZbqtPJ1KlCkmYVGQKrBU4KAug==
+workbox-cacheable-response@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz#ee27c036728189eed69d25a135013053277482d2"
+  integrity sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-core@6.5.4, workbox-core@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-6.5.4.tgz#df48bf44cd58bb1d1726c49b883fb1dffa24c9ba"
-  integrity sha512-OXYb+m9wZm8GrORlV2vBbE5EC1FKu71GGp0H4rjmxmF4/HLbMCoTFws87M3dFwgpmg0v00K++PImpNQ6J5NQ6Q==
+workbox-core@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.0.0.tgz#dec114ec923cc2adc967dd9be1b8a0bed50a3545"
+  integrity sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==
 
-workbox-expiration@6.5.4, workbox-expiration@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-6.5.4.tgz#501056f81e87e1d296c76570bb483ce5e29b4539"
-  integrity sha512-jUP5qPOpH1nXtjGGh1fRBa1wJL2QlIb5mGpct3NzepjGG2uFFBn4iiEBiI9GUmfAFR2ApuRhDydjcRmYXddiEQ==
+workbox-expiration@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.0.0.tgz#3d90bcf2a7577241de950f89784f6546b66c2baa"
+  integrity sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==
   dependencies:
     idb "^7.0.1"
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-google-analytics@6.5.4, workbox-google-analytics@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-6.5.4.tgz#c74327f80dfa4c1954cbba93cd7ea640fe7ece7d"
-  integrity sha512-8AU1WuaXsD49249Wq0B2zn4a/vvFfHkpcFfqAFHNHwln3jK9QUYmzdkKXGIZl9wyKNP+RRX30vcgcyWMcZ9VAg==
+workbox-google-analytics@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.0.0.tgz#603b2c4244af1e85de0fb26287d4e17d3293452a"
+  integrity sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==
   dependencies:
-    workbox-background-sync "6.5.4"
-    workbox-core "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
+    workbox-background-sync "7.0.0"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
 
-workbox-navigation-preload@6.5.4, workbox-navigation-preload@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-6.5.4.tgz#ede56dd5f6fc9e860a7e45b2c1a8f87c1c793212"
-  integrity sha512-IIwf80eO3cr8h6XSQJF+Hxj26rg2RPFVUmJLUlM0+A2GzB4HFbQyKkrgD5y2d84g2IbJzP4B4j5dPBRzamHrng==
+workbox-navigation-preload@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.0.0.tgz#4913878dbbd97057181d57baa18d2bbdde085c6c"
+  integrity sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-precaching@6.5.4, workbox-precaching@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-6.5.4.tgz#740e3561df92c6726ab5f7471e6aac89582cab72"
-  integrity sha512-hSMezMsW6btKnxHB4bFy2Qfwey/8SYdGWvVIKFaUm8vJ4E53JAY+U2JwLTRD8wbLWoP6OVUdFlXsTdKu9yoLTg==
+workbox-precaching@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.0.0.tgz#3979ba8033aadf3144b70e9fe631d870d5fbaa03"
+  integrity sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==
   dependencies:
-    workbox-core "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
 
-workbox-range-requests@6.5.4, workbox-range-requests@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-6.5.4.tgz#86b3d482e090433dab38d36ae031b2bb0bd74399"
-  integrity sha512-Je2qR1NXCFC8xVJ/Lux6saH6IrQGhMpDrPXWZWWS8n/RD+WZfKa6dSZwU+/QksfEadJEr/NfY+aP/CXFFK5JFg==
+workbox-range-requests@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.0.0.tgz#97511901e043df27c1aa422adcc999a7751f52ed"
+  integrity sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-recipes@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-6.5.4.tgz#cca809ee63b98b158b2702dcfb741b5cc3e24acb"
-  integrity sha512-QZNO8Ez708NNwzLNEXTG4QYSKQ1ochzEtRLGaq+mr2PyoEIC1xFW7MrWxrONUxBFOByksds9Z4//lKAX8tHyUA==
+workbox-recipes@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.0.0.tgz#1a6a01c8c2dfe5a41eef0fed3fe517e8a45c6514"
+  integrity sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==
   dependencies:
-    workbox-cacheable-response "6.5.4"
-    workbox-core "6.5.4"
-    workbox-expiration "6.5.4"
-    workbox-precaching "6.5.4"
-    workbox-routing "6.5.4"
-    workbox-strategies "6.5.4"
+    workbox-cacheable-response "7.0.0"
+    workbox-core "7.0.0"
+    workbox-expiration "7.0.0"
+    workbox-precaching "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
 
-workbox-routing@6.5.4, workbox-routing@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-6.5.4.tgz#6a7fbbd23f4ac801038d9a0298bc907ee26fe3da"
-  integrity sha512-apQswLsbrrOsBUWtr9Lf80F+P1sHnQdYodRo32SjiByYi36IDyL2r7BH1lJtFX8fwNHDa1QOVY74WKLLS6o5Pg==
+workbox-routing@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.0.0.tgz#6668438a06554f60645aedc77244a4fe3a91e302"
+  integrity sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-strategies@6.5.4, workbox-strategies@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-6.5.4.tgz#4edda035b3c010fc7f6152918370699334cd204d"
-  integrity sha512-DEtsxhx0LIYWkJBTQolRxG4EI0setTJkqR4m7r4YpBdxtWJH1Mbg01Cj8ZjNOO8etqfA3IZaOPHUxCs8cBsKLw==
+workbox-strategies@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.0.0.tgz#dcba32b3f3074476019049cc490fe1a60ea73382"
+  integrity sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==
   dependencies:
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
-workbox-streams@6.5.4, workbox-streams@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-6.5.4.tgz#1cb3c168a6101df7b5269d0353c19e36668d7d69"
-  integrity sha512-FXKVh87d2RFXkliAIheBojBELIPnWbQdyDvsH3t74Cwhg0fDheL1T8BqSM86hZvC0ZESLsznSYWw+Va+KVbUzg==
+workbox-streams@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.0.0.tgz#36722aecd04785f88b6f709e541c094fc658c0f9"
+  integrity sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==
   dependencies:
-    workbox-core "6.5.4"
-    workbox-routing "6.5.4"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
 
-workbox-sw@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-6.5.4.tgz#d93e9c67924dd153a61367a4656ff4d2ae2ed736"
-  integrity sha512-vo2RQo7DILVRoH5LjGqw3nphavEjK4Qk+FenXeUsknKn14eCNedHOXWbmnvP4ipKhlE35pvJ4yl4YYf6YsJArA==
+workbox-sw@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.0.0.tgz#7350126411e3de1409f7ec243df8d06bb5b08b86"
+  integrity sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==
 
-workbox-webpack-plugin@^6.4.1:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-6.5.4.tgz#baf2d3f4b8f435f3469887cf4fba2b7fac3d0fd7"
-  integrity sha512-LmWm/zoaahe0EGmMTrSLUi+BjyR3cdGEfU3fS6PN1zKFYbqAKuQ+Oy/27e4VSXsyIwAw8+QDfk1XHNGtZu9nQg==
-  dependencies:
-    fast-json-stable-stringify "^2.1.0"
-    pretty-bytes "^5.4.1"
-    upath "^1.2.0"
-    webpack-sources "^1.4.3"
-    workbox-build "6.5.4"
-
-workbox-window@6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-6.5.4.tgz#d991bc0a94dff3c2dbb6b84558cff155ca878e91"
-  integrity sha512-HnLZJDwYBE+hpG25AQBO8RUWBJRaCsI9ksQJEp3aCOFCaG5kqaToAYXFRAHxzRluM2cQbGzdQF5rjKPWPA1fug==
+workbox-window@7.0.0, workbox-window@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.0.0.tgz#a683ab33c896e4f16786794eac7978fc98a25d08"
+  integrity sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==
   dependencies:
     "@types/trusted-types" "^2.0.2"
-    workbox-core "6.5.4"
+    workbox-core "7.0.0"
 
 wrap-ansi@^6.2.0:
   version "6.2.0"
@@ -11143,21 +7624,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
-  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
-  dependencies:
-    imurmurhash "^0.1.4"
-    is-typedarray "^1.0.0"
-    signal-exit "^3.0.2"
-    typedarray-to-buffer "^3.1.5"
-
-ws@^7.4.6:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
-
 ws@^8.13.0:
   version "8.13.0"
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
@@ -11170,10 +7636,10 @@ ws@~6.1.0:
   dependencies:
     async-limiter "~1.0.0"
 
-xml-name-validator@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
 xmlchars@^2.2.0:
   version "2.2.0"
@@ -11205,7 +7671,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+yaml@^1.10.0, yaml@^1.10.2:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
@@ -11233,10 +7699,10 @@ yeast@0.1.2:
   resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
   integrity sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg==
 
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+yocto-queue@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251"
+  integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==
 
 zustand@^4.3.2:
   version "4.3.7"

From a7c590d4593842ba2e43cfd01f7ec764dc73efd4 Mon Sep 17 00:00:00 2001
From: Arnost Pleskot <arnostpleskot@gmail.com>
Date: Fri, 28 Jul 2023 00:41:44 +0200
Subject: [PATCH 251/252] feat: render bold lines in grid (#6779)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/renderer/renderScene.ts | 48 ++++++++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts
index 7d1d51027..f8fa79ed7 100644
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@@ -162,23 +162,52 @@ const fillCircle = (
 const strokeGrid = (
   context: CanvasRenderingContext2D,
   gridSize: number,
-  offsetX: number,
-  offsetY: number,
+  scrollX: number,
+  scrollY: number,
+  zoom: Zoom,
   width: number,
   height: number,
 ) => {
+  const BOLD_LINE_FREQUENCY = 5;
+
+  enum GridLineColor {
+    Bold = "#cccccc",
+    Regular = "#e5e5e5",
+  }
+
+  const offsetX =
+    -Math.round(zoom.value / gridSize) * gridSize + (scrollX % gridSize);
+  const offsetY =
+    -Math.round(zoom.value / gridSize) * gridSize + (scrollY % gridSize);
+
+  const lineWidth = Math.min(1 / zoom.value, 1);
+
+  const spaceWidth = 1 / zoom.value;
+  const lineDash = [lineWidth * 3, spaceWidth + (lineWidth + spaceWidth)];
+
   context.save();
-  context.strokeStyle = "rgba(0,0,0,0.1)";
-  context.beginPath();
+  context.lineWidth = lineWidth;
+
   for (let x = offsetX; x < offsetX + width + gridSize * 2; x += gridSize) {
+    const isBold =
+      Math.round(x - scrollX) % (BOLD_LINE_FREQUENCY * gridSize) === 0;
+    context.beginPath();
+    context.setLineDash(isBold ? [] : lineDash);
+    context.strokeStyle = isBold ? GridLineColor.Bold : GridLineColor.Regular;
     context.moveTo(x, offsetY - gridSize);
     context.lineTo(x, offsetY + height + gridSize * 2);
+    context.stroke();
   }
   for (let y = offsetY; y < offsetY + height + gridSize * 2; y += gridSize) {
+    const isBold =
+      Math.round(y - scrollY) % (BOLD_LINE_FREQUENCY * gridSize) === 0;
+    context.beginPath();
+    context.setLineDash(isBold ? [] : lineDash);
+    context.strokeStyle = isBold ? GridLineColor.Bold : GridLineColor.Regular;
     context.moveTo(offsetX - gridSize, y);
     context.lineTo(offsetX + width + gridSize * 2, y);
+    context.stroke();
   }
-  context.stroke();
   context.restore();
 };
 
@@ -425,12 +454,9 @@ export const _renderScene = ({
       strokeGrid(
         context,
         appState.gridSize,
-        -Math.ceil(renderConfig.zoom.value / appState.gridSize) *
-          appState.gridSize +
-          (renderConfig.scrollX % appState.gridSize),
-        -Math.ceil(renderConfig.zoom.value / appState.gridSize) *
-          appState.gridSize +
-          (renderConfig.scrollY % appState.gridSize),
+        renderConfig.scrollX,
+        renderConfig.scrollY,
+        renderConfig.zoom,
         normalizedCanvasWidth / renderConfig.zoom.value,
         normalizedCanvasHeight / renderConfig.zoom.value,
       );

From 5dd1efde8ad11830f11dff5b64feae5c9f3fa5b1 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 28 Jul 2023 12:06:33 +0530
Subject: [PATCH 252/252] build: update to node 18 in docker (#6822)

---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index d1fa424e5..a044f40f6 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:14-alpine AS build
+FROM node:18 AS build
 
 WORKDIR /opt/node_app